@font-face {
	font-family:'Material-Design-Iconic-Font';
	src:url('../_fonts/Material-Design-Iconic-Font.woff2') format('woff2'),
	url('../_fonts/Material-Design-Iconic-Font.woff') format('woff'),
	url('../_fonts/Material-Design-Iconic-Font.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Material-Design-Iconic-Font';
	src:url('../_fonts/Material-Design-Iconic-Font.woff2') format('woff2'),
	url('../_fonts/Material-Design-Iconic-Font.woff') format('woff'),
	url('../_fonts/Material-Design-Iconic-Font.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
}
@font-face {
	font-family: 'icons';
	src:url('../_fonts/icons.ttf') format('truetype'),
	url('../_fonts/icons.woff') format('woff'),
	url('../_fonts/icons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'cc';
    src:    url('../_fonts/cc.eot');
    src:    url('../_fonts/cc.eot#iefix') format('embedded-opentype'),
            url('../_fonts/cc.ttf') format('truetype'),
            url('../_fonts/cc.woff') format('woff'),
            url('../_fonts/cc.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


body						{ margin:0px 0px 100px 110px; color:#616366; font-family:"Raleway", "微软雅黑", Helvetica, Arial, sans-serif; font-size:15px; font-weight:300; line-height:25px; }
*							{ box-sizing:border-box; }

a,
a:link,
a:visited,
a:active,
a:hover						{ color:#0084df; text-decoration:none; }

/* For safari */
input:focus,
textarea:focus,
select:focus				{ outline:0 !important; }

input[type=text],
input[type=tel],
input[type=file],
input[type=password],
input[type=email],
select						{ border:1px solid #DCDEE0; vertical-align:middle; border-radius:3px; height:50px; padding:0px 16px; font-size:14px; color:#555555; background-color:#ffffff; }
textarea					{ border:1px solid #DCDEE0; vertical-align:middle; border-radius:3px; height:50px; padding:12px 16px; font-size:14px; color:#555555; background-color:#ffffff; }
input[type=file]			{ height:auto; padding:15px 16px;}

input[type=text]:focus,
input[type=tel]:focus,
input[type=file]:focus,
input[type=password]:focus,
input[type=email]:focus,
select:focus						{ border-color:#1E88E5; }

input[type=text][readonly],
input[type=tel][readonly],
input[type=file][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=text][readonly],
input[type=text]:disabled,
input[type=tel]:disabled,
input[type=file]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=text]:disabled			{ background-color:#EEEEEE; }

input[type=tel].alternate,
input[type=text].alternate          { background-color: rgba(0, 0, 0, 0.2); border-width: 0px; vertical-align: middle; border-radius: 3px; padding: 17px 12px 16px 12px; color: #ffffff; }

input[type=submit],
input[type=button],
.button,
a.button							{ display:inline-block; vertical-align:middle; padding:12px 24px; margin:0px; font-size:15px; font-weight:bold; line-height:24px; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; color:#ffffff; background-color:#1e88e5; border-radius:3px; border:none; -webkit-appearance: none; }
a.button							{ padding:13px 24px; }

input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active,
input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
.button:hover,
.button:focus,
.button:active						{ background-color:#3ba3ff; }


input[type=submit]:disabled,
input[type=button]:disabled			{ background-color:#EEEEEE; color:#aaaaaa; }


.btn-block { display: block; width: 100%; }

input[type=submit].btn-light,
input[type=button].btn-light,
.btn-light,
a.btn-light						    { background-color:#3ba3ff; }
input[type=submit].btn-light:hover,
input[type=submit].btn-light:focus,
input[type=submit].btn-light:active,
input[type=button].btn-light:hover,
input[type=button].btn-light:focus,
input[type=button].btn-light:active,
.btn-light:hover,
.btn-light:focus,
.btn-light:active,
a.btn-light:hover,
a.btn-light:focus,
a.btn-light:active					{ background-color:#54aaff; }

input[type=submit].btn-danger,
input[type=button].btn-danger,
.btn-danger,
a.btn-danger						{ background-color:#C12E2A; }
input[type=submit].btn-danger:hover,
input[type=submit].btn-danger:focus,
input[type=submit].btn-danger:active,
input[type=button].btn-danger:hover,
input[type=button].btn-danger:focus,
input[type=button].btn-danger:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
a.btn-danger:hover,
a.btn-danger:focus,
a.btn-danger:active					{ background-color:#D13632; }

input[type=submit].btn-warning,
input[type=button].btn-warning,
.btn-warning,
a.btn-warning						{ background-color:#EB9316; }
input[type=submit].btn-warning:hover,
input[type=submit].btn-warning:focus,
input[type=submit].btn-warning:active,
input[type=button].btn-warning:hover,
input[type=button].btn-warning:focus,
input[type=button].btn-warning:active,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
a.btn-warning:hover,
a.btn-warning:focus,
a.btn-warning:active				{ background-color:#FFA92D; }

input[type=submit].btn-alternate,
input[type=button].btn-alternate,
.btn-alternate,
a.btn-alternate						{ background-color:#ffffff; border:1px solid #1e88e5; color:#1e88e5; }
input[type=submit].btn-alternate:hover,
input[type=submit].btn-alternate:focus,
input[type=submit].btn-alternate:active,
input[type=button].btn-alternate:hover,
input[type=button].btn-alternate:focus,
input[type=button].btn-alternate:active,
.btn-alternate:hover,
.btn-alternate:focus,
.btn-alternate:active,
a.btn-alternate:hover,
a.btn-alternate:focus,
a.btn-alternate:active					{ background-color:#1e88e5; color:#ffffff; }

input[type=submit].btn_small,
input[type=button].btn_small,
.btn_small							{ padding:9px 10px; font-size:12px; line-height:19px; }

input[type=submit].btn-outline,
input[type=button].btn-outline,
.btn-outline,
a.btn-outline							{ background-color:transparent; border:1px solid #e6e9eb; color:#616366; }
input[type=submit].btn-outline:hover,
input[type=submit].btn-outline:focus,
input[type=submit].btn-outline:active,
input[type=button].btn-outline:hover,
input[type=button].btn-outline:focus,
input[type=button].btn-outline:active,
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
a.btn-outline:hover,
a.btn-outline:focus,
a.btn-outline:active					{ background-color:transparent; border-color:#1e88e5; color:#616366; }

.radiolabeldisc										{ display:none; }
.radiolabeldisc + label								{ display:inline-block; position:relative; cursor:pointer; padding-left:31px; margin:10px 0px; }
.radiolabeldisc + label::before						{ position:absolute; top:50%; left:0px; margin-top:-12px; font-family:"Material-Design-Iconic-Font"; font-weight:normal; font-size:24px; color:#cacdcf; content:"\f26c"; }
.radiolabeldisc:checked + label::before				{ content:"\f26f"; color:#1e88e5;}

.radiolabelbutton 									{ display:none; }
.radiolabelbutton + label							{ font-size:15px; color:#616366; font-weight:500; line-height:54px; height:54px; margin-bottom:5px; display:inline-block; border:1px solid #E6E9EB; border-radius:3px; text-align:center; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:hidden; }
.radiolabelbutton + label:hover						{ border-color:#1E88E5; }
.radiolabelbutton:checked + label					{ /* border-color:#1E88E5;*/ color:#ffffff; border:none; background:linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #1E87E3 97%);; }

label.checkboxlabelbtn								{ font-size:13px; color:#616366; font-weight:300; line-height:54px; height:54px; margin-bottom:15px; display:inline-block; border:1px solid #DCDEE0; border-radius:3px; padding:0px 24px; }
label.checkboxlabelbtn > input						{ vertical-align:middle; position:relative; bottom:3px; margin-right:3px; }

label.checkboxlabeltext								{ display:block; text-align:center; font-size:15px; font-weight:300; color:#616366; }
label.checkboxlabeltext > input						{ position:relative; top:1px; }

input.checkboxtoggleonoff							{ display:none; }
input.checkboxtoggleonoff + label					{ position:relative; display:block; width:46px; height:22px; line-height:22px; padding:0px 5px; border-radius:12px; margin:8px 0px; cursor:pointer; font-size:10px; text-align:right; color:#8D8D8D; background-color:#dadfe5; transition: all ease .3s; }
input.checkboxtoggleonoff + label::before			{ content:"OFF"; }
input.checkboxtoggleonoff + label::after			{ content:""; display:block; position:absolute; left:2px; top:2px; height:18px; width:18px; border-radius:9px; background-color:#ffffff; transition: all ease .3s; }
input.checkboxtoggleonoff:checked + label			{ background-color:#1e88e5; color:#ffffff; text-align:left; }
input.checkboxtoggleonoff:checked + label::before	{ content:"ON"; }
input.checkboxtoggleonoff:checked + label:after		{ left:26px; }

input.checkboxcheckmark								{ display:none; }
input.checkboxcheckmark + label						{ line-height:24px; cursor:pointer; }
input.checkboxcheckmark + label::before				{ content:"\f279"; vertical-align:top; margin-right:10px; font-size:24px; font-family:Material-Design-Iconic-Font; color:#cacdcf; transition: all ease .3s; }
input.checkboxcheckmark + label:hover::before		{ color:#1e88e5; }
input.checkboxcheckmark:checked + label::before		{ content:"\f26a"; color:#1e88e5; }


.optiongroupcontrol										{ display:inline-block; font-size:0px; white-space:nowrap; }
.optiongroupcontrol > input								{ display:none; }
.optiongroupcontrol > label								{ position:relative; font-size:14px; color:#616366; font-weight:800; line-height:44px; height:44px; padding:0px 15px; margin-bottom:5px; display:inline-block; text-align:center; cursor:pointer; border-color:#E6E9EB; border-style:solid; border-width:1px 1px 1px 0px; }
.optiongroupcontrol > label:nth-child(2)				{ border-width:1px; border-radius:3px 0px 0px 3px;  }
.optiongroupcontrol > label:last-child					{ border-radius:0px 3px 3px 0px;  }
.optiongroupcontrol > label:hover						{ border-color:#1E88E5; outline }
.optiongroupcontrol > label:nth-child(n+3):hover:before	{ display:block; position:absolute; left:0px; top:0px; bottom:0px; width:1px; content:"\a0"; background-color:#1E88E5; }
.optiongroupcontrol > input:checked + label				{ border-color:#1E88E5; background-color:#1E88E5; color:#ffffff; }

.input_note            { border:1px solid #DCDEE0; vertical-align:middle; border-radius:3px; padding:16px 12px; width: 100%; }
.input_note.text_light { color: #9da2a6; }


.flexlayoutform										{ display: -webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; }


.flexlayout100p                                     { width: 100%; }
.flexlayout460px                                    { width:460px; }
.flexwidth1sixth									{ width:15%; }
.flexwidth1third									{ width:30%; }
.flexwidth2thirds									{ width:64%; }
.flexwidth3											{ width:72%; }
.flexwidth1											{ width:22%; }
.flexwidth34										{ width:34%; }
.flexwidth27										{ width:27%; }
.flexwidth22										{ width:22%; }
.flexwidthhalf										{ width:47.5%; }
.flexwidthhalf1										{ width:47.5%; }
.flexwidth100										{ width:100%; }
.flexwidth95										{ width:95%; }




.floatinglabel								{ display:inline-block; margin-bottom:15px; position:relative; }
.floatinglabel > :nth-child(1)				{ position:absolute; top:5px; left:16px; pointer-events:none; font-size:11px; color:#9DA2A6; font-weight:bold; line-height:18px; display:none; }
.floatinglabel > input[type=text],
.floatinglabel > input[type=tel],
.floatinglabel > input[type=password],
.floatinglabel > input[type=email],
.floatinglabel > textarea,
.floatinglabel > select						{ width:100%; transition:all 0.1s ease-in-out 0s; }

.staticlabel								{ display:inline-block; margin-bottom:15px; }
.staticlabel > input[type=text],
.staticlabel > input[type=tel],
.staticlabel > input[type=password],
.staticlabel > input[type=email],
.staticlabel > input[type=button],
.staticlabel > input[type=submit],
.staticlabel > textarea,
.staticlabel > select						{ width:100%; }


.floatinglabelfixed							{ display:inline-block; margin-bottom:15px; position:relative; }
.floatinglabelfixed > :nth-child(1)			{ position:absolute; top:5px; left:16px; pointer-events:none; font-size:11px; color:#9DA2A6; font-weight:bold; line-height:18px; }
.floatinglabelfixed	> input					{ padding-top:27px; width:100%; }


.m0    { margin: 0; }
.m-b-0 { margin-bottom: 0; }

.w100p { width: 100%; }

hr.hr10			{ height:10px; border:none; margin:0px; padding:0px; width:100%; }
hr.hr15			{ height:15px; border:none; margin:0px; padding:0px; width:100%; }
hr.hr20			{ height:20px; border:none; margin:0px; padding:0px; width:100%; }
hr.hr30			{ height:30px; border:none; margin:0px; padding:0px; width:100%; }
hr.hr40			{ height:40px; border:none; margin:0px; padding:0px; width:100%; }
hr.hr50			{ height:50px; border:none; margin:0px; padding:0px; width:100%; }
hr.hr3030		{ margin:0px 0px 30px 0px; padding:0px 0px 30px 0px; width:100%; border-width:0px; border-bottom:1px solid #eeeeee;}

h1								{ font-size:25px; line-height:34px; margin:0px 0px 25px 0px; color:#000000; font-weight:500; }
h3								{ font-size:20px; line-height:28px; margin:0px 0px 25px 0px; color:#000000; font-weight:500; }
h4								{ font-size:16px; line-height:22px; margin:0px 0px 18px 0px; color:#000000; font-weight:500; }


/* tables */

table.tablelist					{ border-spacing:0px; width:100%; }
table.tablelist tr th			{ padding:10px 10px; color:#9DA2A6; font-size:13px; font-weight:300; border-bottom:1px solid #EDEFF2; text-align:left; }
table.tablelist tr td			{ padding:10px 10px; border-bottom:1px solid #EDEFF2; }
table.tablelist tr:hover td		{ background-color:#fafbfc; }
.tablefirstline,
a.tablefirstline				{ display:block; font-size:15px; color:#2b3033; font-weight:bold; }
.tablesecondline				{ display:block; font-size:14px; color:#616366; }


.responsivetable 									{ display:table; width:100%; }
.responsivetable > *								{ display:table-row; }
.responsivetable > * > *							{ display:table-cell; padding:10px 10px; border-bottom:1px solid #EDEFF2; vertical-align:middle; }
.responsivetable > * > a							{ color:#616366; }
.responsivetable > *:nth-child(1) > *				{ color:#9DA2A6; font-size:13px; font-weight:normal; }
.responsivetable > *:nth-child(n+2):hover > *		{ background-color:#fafbfc; }

.responsivetable_subs > * > *:nth-child(1)			{ width:1%; }
.responsivetable_subs > * > *:nth-child(3)			{ width:8%; }
.responsivetable_subs_btn                           { border-width: 0px; background-color: transparent; padding: 0px; margin: 0px; }
.responsivetabletag									{ color:#8d8d8d; }
.responsivetabletag > *								{ border-bottom:none; }
.responsivetable > .responsivetabletag:nth-child(n+2):hover > * { background-color:#ffffff; }

input[type=submit].responsivefullwidthmr10,
.responsivefullwidthmr10							{ margin-left:10px; }


@media all and (min-width:0px) and (max-width:767px)
{
	.header2_details									{ display:block; }

	.responsivetable 								{ display:block; }
	.responsivetable > *							{ display:block; margin-bottom:15px; border-bottom:1px solid #EDEFF2; padding-bottom:15px; }
	.responsivetable > *:nth-child(1)				{ display:none; }
	.responsivetable > *:nth-child(2)				{ border-top:1px solid #EDEFF2; padding-top:15px; }
	.responsivetable > * > *						{ display:block; position:relative; border-bottom:none; padding:2px 0px; min-height:25px; padding-left:100px; overflow:hidden; text-overflow:ellipsis; }
	.responsivetable > *:nth-child(n+2):hover > *	{ background-color:transparent; }
	.responsivetable > * > *:before					{ display:block; position:absolute; top:50%; left:0px; width:100px; height:25px; margin-top:-11px; overflow:hidden; text-overflow:ellipsis; color:#9DA2A6; font-size:12px; font-weight:normal;}


	.responsivetable_subs > * 							{ width:100%; padding-left:30px; position:relative; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-direction:row; flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
	.responsivetable_subs > * > *						{ padding-left:0px; }
	.responsivetable_subs > * > *:nth-child(1)			{ position:absolute; width:auto; top:1px; left:0px; }
	.responsivetable_subs > *:nth-child(2) > *:nth-child(1)	{ top:16px; }
	.responsivetable_subs > * > *:nth-child(2)			{ width:95%; }
	.responsivetable_subs > * > *:nth-child(3)			{ width:49%; text-align:right; display:none;}
	.responsivetable_subs > * > *:nth-child(4)			{ display:none; }
	.responsivetable_subs > * > *:nth-child(5)			{ width:49%; display:none;}
	.responsivetable_subs > * > *:nth-child(5):before	{ padding-right:3px; font-weight:bold; position:static; vertical-align:middle; display:inline; width:auto; height:auto; margin:0px; color:#2b3033; font-size:15px; }
	.responsivetable_subs > * > *:nth-child(6)			{ width:49%; text-align:left; }
	.responsivetable_subs > * > *:nth-child(7)			{ width:49%; text-align:right;}

	.responsivetable_test > * > *						{ padding-left:100px; }
	.responsivetable_test > * > *:before				{ width:100px; }
	.responsivetable_test > * > *:nth-child(1):before	{ content:"Header 1"; }
	.responsivetable_test > * > *:nth-child(2):before	{ content:"Header 2"; }
	.responsivetable_test > * > *:nth-child(3):before	{ content:"Header 3"; }
	.responsivetable_test > * > *:nth-child(4):before	{ content:"Header 4"; }

	.responsivetable_tickets > *						{ width:100%; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-direction:row; flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
	.responsivetable_tickets > * > *					{ padding-left:0px; }
	.responsivetable_tickets > * > * > .tablesecondline	{ display:none; }
	.responsivetable_tickets > * > *:nth-child(1)		{ width:100%; }
	.responsivetable_tickets > * > *:nth-child(2)		{ width:100%; text-align: center; }
	.responsivetable_tickets > * > *:nth-child(3)		{ width:49%; text-align:left; padding-right:20px; }
	.responsivetable_tickets > * > *:nth-child(4)		{ display:none; }

	.responsivetable_users > * > *						{ padding-left:75px; }
	.responsivetable_users > * > *:before				{ width:75px; }
	.responsivetable_users > * > *:nth-child(1):before	{ content:"Name:"; }
	.responsivetable_users > * > *:nth-child(2):before	{ content:"Email:"; }
	.responsivetable_users > * > *:nth-child(3)			{ padding-top:8px; }

	.responsivetable_startup > * > *					{ padding-left:100px; }
	.responsivetable_startup > * > *:before				{ width:100px; }
	.responsivetable_startup > * > *:nth-child(1):before{ content:"Name:"; }
	.responsivetable_startup > * > *:nth-child(2):before{ content:"Type:"; }
	.responsivetable_startup > * > *:nth-child(3):before{ content:"Last Modified:"; }
	.responsivetable_startup > * > *:nth-child(4)		{ padding-top:8px; }

	.responsivetable_sshkeys > * > *					{ padding-left:100px; }
	.responsivetable_sshkeys > * > *:before				{ width:100px; }
	.responsivetable_sshkeys > * > *:nth-child(1):before{ content:"Name:"; }
	.responsivetable_sshkeys > * > *:nth-child(2):before{ content:"Date Created:"; }
	.responsivetable_sshkeys > * > *:nth-child(3)		{ padding-top:8px; }

	.responsivetable_dns > * > *						{ padding-left:100px; }
	.responsivetable_dns > * > *:before					{ width:100px; }
	.responsivetable_dns > * > *:nth-child(1):before	{ content:"Domain:"; }
	.responsivetable_dns > * > *:nth-child(2):before	{ content:"Date Created:"; }
	.responsivetable_dns > * > *:nth-child(3)			{ padding-top:8px; }

	.responsivetable_blockstorage > * > *						{ padding-left:100px; }
	.responsivetable_blockstorage > * > *:before				{ width:100px; }
	.responsivetable_blockstorage > * > *:nth-child(1):before	{ content:"Description:"; }
	.responsivetable_blockstorage > * > *:nth-child(2):before	{ content:"Location:"; }
	.responsivetable_blockstorage > * > *:nth-child(3):before	{ content:"Status:"; }
	.responsivetable_blockstorage > * > *:nth-child(4):before	{ content:"Attached To:"; }
	.responsivetable_blockstorage > * > *:nth-child(5):before	{ content:"Charges:"; }
	.responsivetable_blockstorage > * > *:nth-child(6)			{ padding-top:8px; }

	.responsivetable_reservedip > * > *						{ padding-left:100px; }
	.responsivetable_reservedip > * > *:before				{ width:100px; }
	.responsivetable_reservedip > * > *:nth-child(1):before	{ content:"Reserved IP:"; }
	.responsivetable_reservedip > * > *:nth-child(2):before	{ content:"Location:"; }
	.responsivetable_reservedip > * > *:nth-child(3):before	{ content:"Attached To:"; }
	.responsivetable_reservedip > * > *:nth-child(4):before	{ content:"Charges:"; }
	.responsivetable_reservedip > * > *:nth-child(5)		{ padding-top:8px; }

	.responsivetable_snapshots > * > *						{ padding-left:100px; }
	.responsivetable_snapshots > * > *:before				{ width:100px; }
	.responsivetable_snapshots > * > *:nth-child(1):before	{ content:"Name:"; }
	.responsivetable_snapshots > * > *:nth-child(2):before	{ content:"OS:"; }
	.responsivetable_snapshots > * > *:nth-child(3):before	{ content:"Size:"; }
	.responsivetable_snapshots > * > *:nth-child(4):before	{ content:"Cost:"; }
	.responsivetable_snapshots > * > *:nth-child(5):before	{ content:"Date:"; }
	.responsivetable_snapshots > * > *:nth-child(6):before	{ content:"Status:"; }
	.responsivetable_snapshots > * > *:nth-child(7)			{ padding-top:8px; }


	.responsivefullwidth									{ width:100%; }
	.responsivefullwidth1									{ width:30%; }
	input[type=submit].responsivefullwidthmr10,
	.responsivefullwidthmr10								{ width:100%; margin-left:0px; }
}


@media all and (min-width:0px) and (max-width:1280px)
{
	.responsiveccfullwidth									{ width:100%; }
}





table.tabledata								{ }
table.tabledata tr td:nth-child(n+2)		{ padding-left:40px; }


.success_message	{ color: #5ba65f; border-color: #66bb6a; }
.warning_message	{ color: #fca426; border-color: #ffb13d; }
.error_message		{ color: #e53935; border-color: #ff4d4a; }
.promo_message		{ color: #5ba65f; border-color: #66bb6a; }
.info_message		{ color: #1e88e5; border-color: #54aaff; }
.resolved_message	{ color: #808080; border-color: #909090; }
.freetrial_message	{ color: #1e88e5; border-color: #54aaff; }

.success_message,
.warning_message,
.error_message,
.promo_message,
.info_message,
.resolved_message,
.freetrial_message { font-size:16px; max-width:1170px; margin:0px auto 30px auto; padding:10px; text-align:left; border-radius:5px; border-width: 1px; border-style: solid; }

.success_message a,
.warning_message a,
.error_message a,
.promo_message a,
.info_message a,
.resolved_message a,
.freetrial_message a	{ text-decoration:underline; }


.status_active					{ color:#7cb342; white-space:nowrap; }
.status_active:before   		{ display:inline-block; content:""; height:8px; width:8px; margin:-6px 3px 0 0; vertical-align:middle; border-radius:4px; background-color:#7cb342; }

.status_pending					{ color:#E67E27; white-space:nowrap; }
.status_pending:before   		{ display:inline-block; content:""; height:8px; width:8px; margin:-6px 3px 0 0; vertical-align:middle; border-radius:4px; background-color:#E67E27; }

.status_suspended					{ color:#ff0000; white-space:nowrap; }
.status_suspended:before   			{ display:inline-block; content:""; height:8px; width:8px; margin:-6px 3px 0 0; vertical-align:middle; border-radius:4px; background-color:#ff0000; }

.status_cancelled				{ color:#777777; white-space:nowrap; }
.status_cancelled:before   		{ display:inline-block; content:""; height:8px; width:8px; margin:-6px 3px 0 0; vertical-align:middle; border-radius:4px; background-color:#777777; }











.block1170										{ max-width:1170px; min-width:360px; margin:0px auto 50px auto; padding:0px 30px; /* overflow: auto; */ }
.block460left									{ max-width:460px; margin:0px 0px 50px 0px; overflow:hidden; }
.block460center									{ max-width:489px; margin:0px auto 50px auto; /* overflow:hidden; */ }
.block520left									{ max-width:520px; margin:0px 0px 50px 0px; overflow:hidden; }
.block520center									{ max-width:520px; margin:0px auto 50px auto; overflow:hidden; }
div.flex3column									{ display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-direction:row; flex-direction:row; }
div.flex3column_left							{ margin:0px 75px 0px 0px; display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-align-items:flex-start; align-items:flex-start; }
div.flex3column_center							{ width:100%; }




input.tabmenu_radio										{ display:none; }
input.tabmenu_radio + label								{ display:inline-block; position:relative; cursor:pointer; color:#616366; padding-bottom:8px; margin-right:25px; font-size:15px; }
input.tabmenu_radio + label:hover						{ color:#0084df; }
input.tabmenu_radio + label:after						{ display:block; position:absolute; z-index:10; content:""; left:0px; bottom:-1px; height:2px; width:0px; background-color:#0084df; transition:width .3s; }
input.tabmenu_radio:checked + label						{ color:#0084df; font-weight:bold; }
input.tabmenu_radio:checked + label:after				{ width:100%; }
input.tabmenu_radio:disabled + label					{ display:none; }

div.flex3column_left input.tabmenu_radio + label			{ margin-bottom:15px; }
div.flex3column_left input.tabmenu_radio:checked + label	{ font-weight:normal; }


@media all and (min-width:0px) and (max-width:1023px)
{
	div.flex3column							{ -webkit-flex-direction:column; flex-direction:column;  }
	div.flex3column_left					{ margin:0px 0px 30px 0px; display:block; }
}



.inputformiconoverlay			{ display:block; position:absolute; top:12px; right:18px; }
.inputformiconoverlay > *		{ margin-left:20px; }

/* Generic icons 1 */
.fonticonattachment, a.fonticonattachment,
.fonticonchevronup, a.fonticonchevronup,
.fonticonconsole, a.fonticonconsole,
.fonticonconsolenotext, a.fonticonconsolenotext,
.fonticoncopy, a.fonticoncopy,
.fonticondelete, a.fonticondelete,
.fonticondialogs, a.fonticondialogs,
.fonticonedit, a.fonticonedit,
.fonticonhelp, a.fonticonhelp,
.fonticonmore, a.fonticonmore,
.fonticonnegative, a.fonticonnegative,
.fonticonneutral, a.fonticonneutral,
.fonticonnewpage, a.fonticonnewpage,
.fonticonplus, a.fonticonplus,
.fonticonpositive, a.fonticonpositive,
.fonticonrefresh, a.fonticonrefresh,
.fonticonreinstall, a.fonticonreinstall,
.fonticonrestart, a.fonticonrestart,
.fonticonstar, a.fonticonstar,
.fonticonstop, a.fonticonstop,
.fonticon-eye, a.fonticon-eye,
.fonticon-eye-off, a.fonticon-eye-off {
	font-family:"Material-Design-Iconic-Font"; font-size:24px; color:#616366; cursor:pointer;
}


.fonticonhelp, a.fonticonhelp { color:#919499; font-size:21px; vertical-align:middle; }


.fonticonattachment:hover, a.fonticonattachment:hover,
.fonticonchevronup:hover, a.fonticonchevronup:hover,
.fonticonconsole:hover, a.fonticonconsole:hover,
.fonticonconsolenotext:hover, a.fonticonconsolenotext:hover,
.fonticoncopy:hover, a.fonticoncopy:hover,
.fonticondelete:hover, a.fonticondelete:hover,
.fonticondialogs:hover, a.fonticondialogs:hover,
.fonticonedit:hover, a.fonticonedit:hover,
.fonticonhelp:hover, a.fonticonhelp:hover,
.fonticonmore:hover, a.fonticonmore:hover,
.fonticonnegative:hover, a.fonticonnegative:hover,
.fonticonneutral:hover, a.fonticonneutral:hover,
.fonticonnewpage:hover, a.fonticonnewpage:hover,
.fonticonplus:hover, a.fonticonplus:hover,
.fonticonpositive:hover, a.fonticonpositive:hover,
.fonticonrefresh:hover, a.fonticonrefresh:hover,
.fonticonreinstall:hover, a.fonticonreinstall:hover,
.fonticonrestart:hover, a.fonticonrestart:hover,
.fonticonstar:hover, a.fonticonstar:hover,
.fonticonstop:hover, a.fonticonstop:hover,
.fonticon-eye:hover, a.fonticon-eye:hover,
.fonticon-eye-off:hover, a.fonticon-eye-off:hover {
	color:#0084df;
}

.fonticonattachment::after     { content:"\f10d"; }
.fonticonchevronup::after      { content:"\f2fc"; }
.fonticonconsole:before        { content:"\f292"; }
.fonticonconsole:after         { content:">_"; position:absolute; top:-3px; left:4px; font-size:8px; font-weight:bold; font-family:courier; }
.fonticonconsolenotext:after   { content:"\f292"; }
.fonticoncopy::after           { content:"\f237"; }
.fonticondelete::after         { content:"\f154"; }
.fonticondialogs::after        { content:"\f266"; }
.fonticonedit::after           { content:"\f158"; }
.fonticonhelp::after			{ content:"\f1f5" }
.fonticonmore::after           { content:"\f19c"; }
.fonticonnegative::after       { content:"\f213"; }
.fonticonneutral::after        { content:"\f20e"; }
.fonticonnewpage::after        { content:"\f223"; }
.fonticonplus::after           { content:"\f278"; }
.fonticonpositive::after       { content:"\f214"; }
.fonticonrefresh::after        { content:"\f1b5"; }
.fonticonreinstall::after      { content:"\f3d6"; }
.fonticonrestart::after        { content:"\f1b9"; }
.fonticonstar:after            { content:"\f27d"; }
.fonticonstop:after            { content:"\f1af"; }
.fonticon-eye-off:after        { content:"\f15b"; }
.fonticon-eye:after            { content:"\f15c"; }




/* Generic icons 2 */
.fonticon_add,
.fonticon_application,
.fonticon_backup,
.fonticon_centos,
.fonticon_coreos,
.fonticon_debian,
.fonticon_freebsd,
.fonticon_iso,
.fonticon_openbsdbsd,
.fonticon_snapshot,
.fonticon_ubuntu,
.fonticon_windows,
.fonticon_cpanel,
.fonticon_cpanel_beta,
.fonticon_docker,
.fonticon_docker_beta,
.fonticon_drupal,
.fonticon_drupal_beta,
.fonticon_lemp,
.fonticon_lemp_beta,
.fonticon_minecraft,
.fonticon_minecraft_beta,
.fonticon_openvpn,
.fonticon_openvpn_beta,
.fonticon_owncloud,
.fonticon_owncloud_beta,
.fonticon_script,
.fonticon_ssh,
.fonticon_webmin,
.fonticon_webmin_beta,
.fonticon_wordpress,
.fonticon_wordpress_beta,
.fonticon_linux,
.fonticon_support,
.fonticon_server,
.fonticon_web,
.fonticon_lamp,
.fonticon_lamp_beta,
.fonticon_joomla,
.fonticon_joomla_beta,
.fonticon_fedora {
	font-size:24px; color:#1e88e5;
}

.fonticon_add::before             { content:"\e932"; font-family:"icons"; } /* .icon-plus */
.fonticon_application::before     { content:"\f326"; font-family:"Material-Design-Iconic-Font"; position:relative; bottom:2px; }
.fonticon_backup::before          { content:"\f21e"; font-family:"Material-Design-Iconic-Font"; position:relative; bottom:2px; }
.fonticon_centos::before          { content:"\e909"; font-family:"icons"; } /* .icon-centos */
.fonticon_coreos::before          { content:"\e92a"; font-family:"icons"; } /* .icon-coreos */
.fonticon_debian::before          { content:"\e907"; font-family:"icons"; } /* .icon-debian */
.fonticon_freebsd::before         { content:"\e92b"; font-family:"icons"; } /* .icon-freebsd */
.fonticon_iso::before             { content:"\e927"; font-family:"icons"; } /* .icon-disc */
.fonticon_openbsdbsd::before      { content:"\e927"; font-family:"icons"; } /* .icon-disc */
.fonticon_snapshot::before        { content:"\f28c"; font-family:"Material-Design-Iconic-Font"; }
.fonticon_ubuntu::before          { content:"\e90a"; font-family:"icons"; } /* .icon-ubuntu */
.fonticon_windows::before         { content:"\e90b"; font-family:"icons"; } /* .icon-windows */
.fonticon_cpanel::before          { content:"\e913"; font-family:"icons"; } /* .icon-cpanel */
.fonticon_cpanel_beta::before     { content:"\e913"; font-family:"icons"; } /* .icon-cpanel */
.fonticon_docker::before          { content:"\e902"; font-family:"icons"; } /* .icon-docker */
.fonticon_docker_beta::before     { content:"\e902"; font-family:"icons"; } /* .icon-docker */
.fonticon_drupal::before          { content:"\e912"; font-family:"icons"; } /* .icon-drupal */
.fonticon_drupal_beta::before     { content:"\e912"; font-family:"icons"; } /* .icon-drupal */
.fonticon_lemp::before            { content:"\e911"; font-family:"icons"; } /* .icon-lemp */
.fonticon_lemp_beta::before       { content:"\e911"; font-family:"icons"; } /* .icon-lemp */
.fonticon_minecraft::before       { content:"\e910"; font-family:"icons"; } /* .icon-minecraft */
.fonticon_minecraft_beta::before  { content:"\e910"; font-family:"icons"; } /* .icon-minecraft */
.fonticon_openvpn::before         { content:"\e914"; font-family:"icons"; } /* .icon-openvpn */
.fonticon_openvpn_beta::before    { content:"\e914"; font-family:"icons"; } /* .icon-openvpn */
.fonticon_owncloud::before        { content:"\e90f"; font-family:"icons"; } /* .icon-owncloud */
.fonticon_owncloud_beta::before   { content:"\e90f"; font-family:"icons"; } /* .icon-owncloud */
.fonticon_script::before          { content:"\f222"; font-family:"Material-Design-Iconic-Font"; }
.fonticon_ssh::before             { content:"\f183"; font-family:"Material-Design-Iconic-Font"; }
.fonticon_webmin::before          { content:"\e90e"; font-family:"icons"; } /* .icon-webmin */
.fonticon_webmin_beta::before     { content:"\e90e"; font-family:"icons"; } /* .icon-webmin */
.fonticon_wordpress::before       { content:"\e90d"; font-family:"icons"; } /* .icon-wordpress */
.fonticon_wordpress_beta::before  { content:"\e90d"; font-family:"icons"; } /* .icon-wordpress */
.fonticon_linux::before           { content:"\e90c"; font-family:"icons"; } /* .icon-linux */
.fonticon_support::before         { content:"\e923"; font-family:"icons"; } /* .icon-question */
.fonticon_server::before          { content:"\e905"; font-family:"icons"; } /* .icon-server */
.fonticon_web::before             { content:"\e916"; font-family:"icons"; } /* .icon-globe */
.fonticon_lamp::before            { content:"\e900"; font-family:"icons"; } /* .icon-apache */
.fonticon_lamp_beta::before       { content:"\e900"; font-family:"icons"; } /* .icon-apache */
.fonticon_joomla::before          { content:"\e901"; font-family:"icons"; } /* .icon-joomla */
.fonticon_joomla_beta::before     { content:"\e901"; font-family:"icons"; } /* .icon-joomla */
.fonticon_fedora::before          { content:"\e938"; font-family:"icons"; } /* .icon-fedora */

/* Generic icons 3 */
.fonticon {}
.fonticon.f20 { font-size: 20px; }

.fonticon_chevron_left::before    { content:"\f2fa"; font-family:"Material-Design-Iconic-Font"; }
.fonticon_chevron_right::before   { content:"\f2fb"; font-family:"Material-Design-Iconic-Font"; }
.fonticon_plus::before            { content:"\f278"; font-family:"Material-Design-Iconic-Font"; }

/* Flag icons */
.fonticon_au,
.fonticon_de,
.fonticon_fr,
.fonticon_gb,
.fonticon_jp,
.fonticon_nl,
.fonticon_sg,
.fonticon_hk,
.fonticon_cn,
.fonticon_kr,
.fonticon_ru,
.fonticon_tw,
.fonticon_us		{ display:inline-block; height:36px; width:54px; border-radius:3px; vertical-align:middle; }
.fonticon_au		{ background-image:url(../../img/flags/flag_au.png); }
.fonticon_de		{ background-image:url(../../img/flags/flag_de.png); }
.fonticon_fr		{ background-image:url(../../img/flags/flag_fr.png); }
.fonticon_gb		{ background-image:url(../../img/flags/flag_gb.png); }
.fonticon_jp		{ background-image:url(../../img/flags/flag_jp.png); }
.fonticon_nl		{ background-image:url(../../img/flags/flag_nl.png); }
.fonticon_sg		{ background-image:url(../../img/flags/flag_sg.png); }
.fonticon_us		{ background-image:url(../../img/flags/flag_us.png); }
.fonticon_hk		{ background-image:url(../../img/flags/flag_hk.png); }
.fonticon_cn		{ background-image:url(../../img/flags/flag_cn.png); }
.fonticon_kr		{ background-image:url(../../img/flags/flag_kr.png); }
.fonticon_ru		{ background-image:url(../../img/flags/flag_ru.png); }
.fonticon_tw		{ background-image:url(../../img/flags/flag_tw.png); }

.fonticon_cm_au,
.fonticon_cm_de,
.fonticon_cm_fr,
.fonticon_cm_gb,
.fonticon_cm_jp,
.fonticon_cm_nl,
.fonticon_cm_sg,
.fonticon_cm_hk,
.fonticon_cm_cn,
.fonticon_cm_kr,
.fonticon_cm_ru,
.fonticon_cm_tw,
.fonticon_cm_us		{ display:inline-block; height:18px; width:27px; border-radius:3px; vertical-align:middle; }
.fonticon_cm_au		{ background-image:url(../../img/flags/flagsm_au.png); }
.fonticon_cm_de		{ background-image:url(../../img/flags/flagsm_de.png); }
.fonticon_cm_fr		{ background-image:url(../../img/flags/flagsm_fr.png); }
.fonticon_cm_gb		{ background-image:url(../../img/flags/flagsm_gb.png); }
.fonticon_cm_jp		{ background-image:url(../../img/flags/flagsm_jp.png); }
.fonticon_cm_nl		{ background-image:url(../../img/flags/flagsm_nl.png); }
.fonticon_cm_sg		{ background-image:url(../../img/flags/flagsm_sg.png); }
.fonticon_cm_us		{ background-image:url(../../img/flags/flagsm_us.png); }
.fonticon_cm_hk		{ background-image:url(../../img/flags/flagsm_hk.png); }
.fonticon_cm_cn		{ background-image:url(../../img/flags/flagsm_cn.png); }
.fonticon_cm_kr		{ background-image:url(../../img/flags/flagsm_kr.png); }
.fonticon_cm_ru		{ background-image:url(../../img/flags/flagsm_ru.png); }
.fonticon_cm_tw		{ background-image:url(../../img/flags/flagsm_tw.png); }

/* CC icons */
.ccicon     { vertical-align: middle; }
.ccicon.f20 { font-size: 20px; }
.ccicon.f24 { font-size: 24px; }
.ccicon.f30 { font-size: 30px; }

.ccicon_discover::before    { content:"\e900"; font-family:"cc"; }
.ccicon_visa::before        { content:"\e901"; font-family:"cc"; }
.ccicon_mastercard::before  { content:"\e902"; font-family:"cc"; }
.ccicon_amex::before        { content:"\e903"; font-family:"cc"; }
.ccicon_jcb::before         { content:"\e904"; font-family:"cc"; }


.innerblock					{ border:1px solid #e6e9eb; border-radius:3px; padding:30px; margin-right:15px; }
.beta_tag					{ background-color:#1e88e5; color:#ffffff; font-weight:normal; padding:4px 6px; border-radius:3px; font-size:11px; line-height:11px; }
.h3link						{ font-size:15px; font-weight:300; }

/*span[data-popup2] */
#HOVERPOPUP2				{ pointer-events:none; display:none; position:absolute; z-index:1000; font-size:13px; text-align:center; background-color:#4b4f51; color:#ffffff; border-radius:3px; padding:4px 10px; }
#HOVERPOPUP2:after			{ pointer-events:none; position:absolute; font-size:10px; bottom:-16px; left:0px; right:0px; text-align:center; content:"▼"; color:#4b4f51; transform:scale(2.0,1.0); }

.dialogPopup				{ position:relative; max-width:500px; background-color:#FFFFFF; border-radius:4px; padding:60px; margin:20px; }
.dialogclosebutton			{ position:absolute; top:-30px; right:-30px; width:30px; height:30px; line-height:30px; text-align:center; color:#bbbbbb; font-weight:bold; font-size:24px; cursor:pointer; }
.dialogclosebutton:hover	{ color:#ffffff; }
.dialogclosebutton:after	{ font-family:"Material-Design-Iconic-Font"; font-size:24px; content:"\f136"; }


@media all and (min-width:0px) and (max-width:767px)
{
	.dialogPopup			{ padding:30px; }
	.dialogclosebutton		{ position:absolute; top:20px; right:20px; background-color:#ffffff; }
	.dialogclosebutton:hover{ color:#888888; }
}



#DROPDOWNPOPUP					{ position:absolute; top:0px; opacity:0; margin-top:20px; display:none; background-color:#ffffff; width:200px; padding:12px 0px; border:1px solid #DCDEE0; z-index:1000; border-radius:4px; text-align:left; box-shadow:0px 10px 40px -5px rgba(37, 45, 51, 0.25); }
#DROPDOWNPOPUP > a,
#DROPDOWNPOPUP > span,
#DROPDOWNPOPUP > button			{ display:block; padding:5px 25px; color:#616366; cursor:pointer; background-color: transparent; border-width: 0px; font-size: 15px; line-height: 25px; font-weight: 300; text-decoration: none; font-family:"Raleway"; }
#DROPDOWNPOPUP > a:hover,
#DROPDOWNPOPUP > button:hover,
#DROPDOWNPOPUP > span:hover		{ color:#3ba3ff }
#DROPDOWNPOPUP > hr				{ background-color:#DCDEE0; height:1px; border:none; padding:0px; margin:5px 0px; }
#DROPDOWNPOPUP::before			{ display:block; position:absolute; right:17px; top:-17px; content:"\f2f8"; height:16px; width:18px; color:#dcdee0; font-family:'Material-Design-Iconic-Font'; font-size:40px; }
#DROPDOWNPOPUP::after			{ display:block; position:absolute; right:17px; top:-16px; content:"\f2f8"; height:16px; width:18px; color:#ffffff; font-family:'Material-Design-Iconic-Font'; font-size:40px; }

.pageoptions					{ }
.pageoptions span				{ display:inline-block; border-radius:18px; width:36px; height:36px; line-height:36px; color:#1e88e5; font-weight:bold; margin:5px 3px; font-size:14px; text-align:center; border:1px solid #1e88e5; }
.pageoptions a					{ display:inline-block; border-radius:18px; width:36px; height:36px; line-height:36px; color:#616366; font-weight:400; margin:5px 3px; font-size:14px; text-align:center; }

.pagingoptions					{ float:right; }
.pagingoptions span				{ display:inline-block; border-radius:18px; width:36px; height:36px; line-height:36px; color:#1e88e5; font-weight:bold; margin:5px 3px; font-size:14px; text-align:center; border:1px solid #1e88e5; }
.pagingoptions a				{ display:inline-block; border-radius:18px; width:36px; height:36px; line-height:36px; color:#616366; font-weight:400; margin:5px 3px; font-size:14px; text-align:center; }


/* Headers */
#header0v_0							{ position:fixed; top:0px; left:0px; height:100%; width:110px; text-align:center; background:transparent linear-gradient(80deg, #0b4182 1%, #1a78cf 99%) repeat scroll 0% 0%; z-index:10; }
#header0v_0 > a:nth-child(1)		{ display:block; width:76px; height:72px; margin:40px auto 50px auto; background:url(../../img/logo-hyzx.png) 0% 50%; background-size:76px 72px; background-repeat:no-repeat; }
#header0v_0 > a:nth-child(2):before	{ display:block; font-size:24px; margin-bottom:10px; font-family:Material-Design-Iconic-Font; content:"\f1d2"; }
#header0v_0 > a:nth-child(3):before	{ display:block; font-size:24px; margin-bottom:10px; font-family:Material-Design-Iconic-Font; content:"\f129"; }
#header0v_0 > a:nth-child(4):before	{ display:block; font-size:24px; margin-bottom:10px; font-family:Material-Design-Iconic-Font; content:"\f15a"; }
#header0v_0 > a:nth-child(5):before	{ display:block; font-size:24px; margin-bottom:10px; font-family:Material-Design-Iconic-Font; content:"\f198"; }
#header0v_0 > a:nth-child(6):before	{ display:block; font-size:24px; margin-bottom:10px; font-family:Material-Design-Iconic-Font; content:"\f206"; }
#header0v_0 > a:nth-child(n+2)		{ display:block; margin-bottom:32px; position:relative; color:#a1c8ee; font-weight:400; transition:color .3s; }
#header0v_0 > a                     { letter-spacing: -0.1px; }
#header0v_0 > a:hover				{ color:#ffffff; }
#header0v_0 > a.active				{ color:#ffffff; }
#header0v_0 > a.active:after		{ position:absolute; right:-3px; top:18px; display:block; height:26px; width:13px; content:"\f2f4"; color:#FFFFFF; font-size:49px; font-family:"Material-Design-Iconic-Font"; }

#header0h_0							{ display:none; -webkit-justify-content: space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; height:75px; margin-left:0px; width:100%; padding:0px 30px; background:transparent linear-gradient(80deg, #0b4182 1%, #1a78cf 99%) repeat scroll 0% 0%; z-index:10; }
#header0h_1							{ display:inline-block; vertical-align:middle; position:relative; font-size:32px; color:#ffffff; cursor:pointer; font-family:"Material-Design-Iconic-Font"; }
#header0h_1:before					{ content:"\f197"; }
#header0h_2 						{ display:block; width:76px; height:72px; position:relative; bottom:1px; background:url(../../img/logo-hyzx.png) 0% 50%; background-size:76px 72px; background-repeat:no-repeat; }
#header0h_3							{ display:inline-block; vertical-align:middle; position:relative; font-size:29px; color:#ffffff; cursor:pointer; font-family:"Material-Design-Iconic-Font"; }
#header0h_3:before					{ content:"\f1fe"; }
/*
#header0h_3:after					{ content:""; position:absolute; top:-1px; right:-6px; height:5px; width:5px; border-radius:5px; background-color:#E53935; animation-name:pulse; animation-duration:2s; animation-fill-mode:both; animation-iteration-count:infinite; }
*/



@media all and (min-width:0px) and (max-width:767px)
{
	#header0v_0						{ display:none; }
	#header1_0						{ display:none; }
	#header0h_0						{ display: -webkit-flex; display:flex; }
	body							{ margin-left:0px; }

}


#header1_0							{ max-width:1170px; margin:0px auto; padding:16px 30px 0px 30px; text-align:right; position:relative; white-space:nowrap; }
#header1_1							{ display:inline-block; vertical-align:middle; position:relative; font-size:24px; color:#1E88E5; cursor:pointer; font-family:"Material-Design-Iconic-Font"; }
#header1_1:hover					{ color:#3ba3ff; }
#header1_1:before					{ content:"\f1fe"; }

/*
#header1_1:after					{ content:""; position:absolute; top:0px; right:-4px; height:5px; width:5px; border-radius:5px; background-color:#E53935; animation-name:pulse; animation-duration:2s; animation-fill-mode:both; animation-iteration-count:infinite; }
*/

.header1111					{ content:""; position:absolute; top:0px; right:-4px; height:5px; width:5px; border-radius:5px; background-color:#E53935; animation-name:pulse; animation-duration:2s; animation-fill-mode:both; animation-iteration-count:infinite; }

@keyframes pulse					{ from { transform:scale3d(1, 1, 1); } 50% { transform:scale3d(1.5, 1.5, 1.5); } to { transform:scale3d(1, 1, 1); } }
#header1_2							{ position:relative; display:inline-block; vertical-align:middle; padding:0px 0px 0px 25px; font-size:14px; cursor:pointer; }
#header1_2,
#header1_2:link,
#header1_2:visited,
#header1_2:active,
#header1_2:hover                    { color: #616366; text-decoration: none; }

#header1_2:after					{ padding:0px 4px 0px 10px; font-family:"Material-Design-Iconic-Font"; content:"\f2f2"; }


#header2_wrap						{ max-width:1170px; min-width:360px; margin:0px auto; padding:16px 30px 20px 30px; display: -webkit-flex; display:flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items:center; align-items:center; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
#header2_left						{ -webkit-flex-grow:2; flex-grow:2; margin-right:50px;}
#header2_left h1					{ margin-bottom:5px; }
#header2_right						{ white-space:nowrap; }
.header2_details					{ font-weight:300; opacity:.7; font-size:13px; margin-right:24px; line-height:26px; }
.header2_billing					{ display:inline-block; }
.header2_billing > :nth-child(1)	{ font-size:25px; font-weight:500; line-height:32px; }
.header2_billing > :nth-child(2)	{ color:#9DA2A6; font-size:13px; font-weight:300; line-height:16px; }
.header2_viewconsole,
.header2_substop,
.header2_subrestart,
.header2_subreinstall,
.header2_subdestroy,
a.header2_subdestroy				{ display:inline-block; font-family:"Material-Design-Iconic-Font"; font-size:24px; height:50px; width:50px; line-height:50px; cursor:pointer; text-align:center; color:#616366; border-radius:40px; background-color: transparent; border: 0px; }
.header2_viewconsole:hover,
.header2_substop:hover,
.header2_subrestart:hover,
.header2_subreinstall:hover,
.header2_subdestroy:hover			{ background-color:#edf0f2; }
.header2_viewconsole:after			{ content:'\f292'; }
.header2_substop:after				{ content:'\f1af'; }
.header2_subrestart:after			{ content:'\f1b9'; }
.header2_subreinstall:after			{ content:'\f3d6'; }
.header2_subdestroy:after			{ content:'\f154'; }


#header3_0							{ max-width:1170px; min-width:360px; margin:0px auto; padding:30px 75px 40px 30px; position:relative; }
a.header3_1							{ display:inline-block; color:#616366; position:relative; height:49px; padding-top:16px; font-size:15px; margin-right:20px; }
a.header3_1:hover					{ color:#0084df; }
a.header3_1:after					{ display:block; position:absolute; z-index:10; content:""; left:0px; bottom:-1px; height:2px; width:0px; background-color:#0084df; transition:width .3s; }
a.header3_1active					{ color:#0084df; font-weight:bold; }
a.header3_1active:after				{ width:100%; }
#header3_3							{ display:block; position:absolute; right:25px; bottom:35px; height:51px; width:51px; z-index:5; border-radius:26px; line-height:51px; text-align:center; font-size:27px; background-color:#1e88e5; color:#ffffff; font-family:"Material-Design-Iconic-Font"; }
#header3_3:before					{ content:"\f278"; }
#header3_3:hover					{ background-color:#3ba3ff; }


.block1170deploy					{ margin-bottom: 60px; padding-right: 100px; position:relative; overflow:visible; }
a.deploy_floating        			{ display:block; position:absolute; height:51px; width:51px; border-radius:100%; line-height:51px; text-align:center; font-size:27px; background-color:#1e88e5; color:#ffffff; }
a.deploy_floating       			{ top: 22px; right:25px; z-index:5; }



#header4_0							{ display:block; position:relative; top:-60px; width:100%; height:1px; overflow:hidden; background-color:#EDF0F2; }


/* Menu sidebar */
#menusidebar_block				{ position:fixed; left:-360px; top:0px; bottom:0px; width:360px; overflow:hidden; background-color:#ffffff; border-left:1px solid #DCDEE0; z-index:1001; box-shadow:0px 10px 40px -5px rgba(37, 45, 51, 0.25); transition: all ease-in .2s; }
#menusidebar_hide				{ position:absolute; top:20px; left:20px; cursor:pointer; font-size:24px; opacity:0.4; font-family:"Material-Design-Iconic-Font"; }
#menusidebar_hide:after			{ content:'\f136'; }
#menusidebar_container			{ padding:40px 30px; text-align:center; }
#menusidebar_container a		{ display:block; padding:12px 0px; font-weight:bold; color:#363b40; letter-spacing: -0.1px; }
#menusidebar_container a:hover	{ color:#1e88e5; }
#menusidebar_container a.active	{ color:#1e88e5; }


/* Notifications sidebar */
#notifications_block		{ position:fixed; right:-360px; top:0px; bottom:0px; width:360px; overflow:auto; background-color:#ffffff; border-left:1px solid #DCDEE0; z-index:1001; box-shadow:0px 10px 40px -5px rgba(37, 45, 51, 0.25); transition: all ease-in .2s; }
#notifications_hide			{ position:absolute; top:20px; right:20px; cursor:pointer; font-size:24px; opacity:0.4; font-family:"Material-Design-Iconic-Font"; }
#notifications_hide:after	{ content:'\f136'; }
.notification_container		{ border-top:1px solid #EDF0F2; padding:20px 30px; }
.notification_title			{ position:relative; padding:0px 0px 0px 30px; font-size:14px; font-weight:bold; line-height:20px; color:#363B40; }
.notification_title.closed:before  { display:block; position:absolute; left:0px; top:0px; content:"\f269"; font-size:20px; color:#43a047; font-family:"Material-Design-Iconic-Font"; }
.notification_title.open:before    { display:block; position:absolute; left:0px; top:0px; content:"\f1f4"; font-size:20px; color:#fca426; font-family:"Material-Design-Iconic-Font"; }
.notification_title.closed .badge { background-color: #43a047; color: #ffffff; font-size: 11px; }
.notification_title.open .badge { background-color: #fca426; color: #ffffff; font-size: 11px; }

.notification_date			{ font-size:11px; padding:20px 0px 0px 0px; margin-bottom:7px; border-bottom:1px solid #F5F5F5; opacity:.7; }
.notification_entry			{ font-size:13px; line-height:23px; }


/* / */
.serverlistactions							{ position:absolute; right:3px; top:72px; display:none; background-color:#ffffff; width:200px; padding:12px 0px; border:1px solid #DCDEE0; z-index:1000; border-radius:4px; text-align:left; box-shadow:0px 10px 40px -5px rgba(37, 45, 51, 0.25); }
.serverlistactions > a						{ display:block; padding:5px 25px; color:#616366 }
.serverlistactions > a:hover				{ color:#3ba3ff }
.serverlistactions > hr						{ background-color:#DCDEE0; height:1px; border:none; padding:0px; margin:5px 0px; }
.serverlistactions::before					{ display:block; position:absolute; right:17px; top:-18px; content:"\f2f8"; height:16px; width:18px; color:#dcdee0; font-family:'Material-Design-Iconic-Font'; font-size:40px; }
.serverlistactions::after					{ display:block; position:absolute; right:17px; top:-17px; content:"\f2f8"; height:16px; width:18px; color:#ffffff; font-family:'Material-Design-Iconic-Font'; font-size:40px; }



/* Affiliate */
.affiliate_numberedlist							{ }
.affiliate_numberedlist > div					{ position:relative; min-height:42px; margin-bottom:15px; padding:7px 0px 0px 70px; }
.affiliate_numberedlist > div > div:nth-child(1){ position:absolute; top:50%; left:0px; margin-top:-21px; height:42px; width:42px; border:1px solid #D2D8DC; color:#8a9399; font-size:16px; font-weight:500; text-align:center; line-height:40px; border-radius:26px; }
.affiliate_numberedlist > div > div:nth-child(2){ vertical-align:middle; }
.affiliate_banner								{ display:inline-block; border:1px solid #e6e9eb; border-radius:3px; padding:24px; margin:0px 18px 23px 0px; max-width: 100%; overflow: auto; }
.affiliate_banner img							{ display:block; width:400px; margin-bottom:15px; }
.affiliate_banner input[type=button]			{ font-weight:500; background-color:#dfe4eb; color:#616366; }

.affiliate_banner input[type=tel],
.affiliate_banner input[type=text]				{ opacity:0; font-size:1px; margin:0px; padding:0px; border:none; }

.affiliate_logo								{ display:inline-block;  margin:0px 18px 33px 0px; max-width: 100%; overflow: auto; }
.affiliate_logo > :nth-child(1)				{ border-radius:3px; padding:30px 0px; min-width:275px; text-align:center; }
.affiliate_logo > :nth-child(2)				{ text-align:center; padding-top:10px; }


/* Billing */
div.billingiplog								{ margin:60px 0px 0px 0px; text-align:center; opacity:.7; }
#creditcardaddnewbutton							{ display:block; position:absolute; top:0px; right:0px; color:#616366; background-color:transparent; font-size:14px; }
#creditcardaddnewbutton span::after				{ vertical-align:middle; margin-right:10px; }
#creditcardaddnewbutton span::after:hover		{ color:#616366; }
#creditcardaddnewbutton:hover					{ background-color:#edf0f2; }
input.billing_ccradio							{ display:none; }
input.billing_ccradio + label					{ display: -webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; width:100%; cursor:pointer; -webkit-align-items:center; align-items:center; padding:10px; margin-bottom:15px; border:1px solid #E6E9EB; border-radius:3px; }
input.billing_ccradio + label :nth-child(1)		{ -webkit-flex-grow:2; flex-grow:2; margin-left:12px; }
input.billing_ccradio + label :nth-child(3)		{ margin-left:20px; }
input.billing_ccradio + label button			{ border:none; background-color:transparent; }
input.billing_ccradio + label::before			{ font-family:"Material-Design-Iconic-Font"; font-weight:normal; font-size:24px; color:#cacdcf; content:"\f26c"; }
input.billing_ccradio:checked + label			{ border-width:0px; color:#ffffff; background:linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%); }
input.billing_ccradio:checked + label::before	{ content:"\f26f"; color:#ffffff; }
input.billing_ccradio:checked + label .fonticonchevronup 		{ color:#a3d1fa; }
input.billing_ccradio:checked + label .fonticondelete 			{ color:#a3d1fa; }
input.billing_ccradio:checked + label .fonticonchevronup:hover	{ color:#ffffff; }
input.billing_ccradio:checked + label .fonticondelete:hover		{ color:#ffffff; }

div.balance_blocks 							{ display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; }

a.balance_block								{ display:block; width:28%; padding:10px 10px 10px 10px; border:1px solid #e6e9eb; border-radius:3px; text-align:center; transition: all ease-in .15s; }
a.balance_block:before						{ font-family:"icons"; font-size:58px; line-height:38px; color:#1e88e5; }
a.balance_block :nth-child(1)				{ position:relative; top:0px; font-size:20px; color:#363b40; font-weight:500; margin-top:20px; transition: all ease-in .15s; }
a.balance_block :nth-child(2)				{ position:relative; top:0px; font-size:14px; color:#363b40; margin-top:20px; transition: all ease-in .15s; }
a.balance_block :nth-child(3)				{ position:relative; text-align:center; padding: 0 8px; top:0px; margin-top:5px; opacity:0; transition: all ease-in .15s, opacity ease-in .35s; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
a.balance_block:hover						{ border-color:#1e88e5; }
a.balance_block:hover :nth-child(1)			{ top:-10px; }
a.balance_block:hover :nth-child(2)			{ top:-10px; opacity:1;}
a.balance_block:hover :nth-child(3)			{ top:-10px; opacity:1; }

div.balance_blocks1 							{ display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; }

a.balance_block1								{ display:block; width:100%; border:1px solid #e6e9eb; border-radius:3px; text-align:center; transition: all ease-in .15s; }
a.balance_block1:before						{ font-family:"icons"; font-size:58px; line-height:38px; color:#1e88e5; }
a.balance_block1 :nth-child(1)				{ position:relative; top:0px; font-size:20px; color:#363b40; font-weight:500; margin-top:15px; transition: all ease-in .15s; }
a.balance_block1 :nth-child(2)				{ position:relative; top:0px; font-size:14px; color:#363b40; margin-top:15px; transition: all ease-in .15s; }
a.balance_block1 :nth-child(3)				{ position:relative; text-align:center; padding: 0 8px; top:0px; margin-top:5px; opacity:0; transition: all ease-in .15s, opacity ease-in .35s; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
a.balance_block1:hover						{ border-color:#1e88e5; }
a.balance_block1:hover :nth-child(1)			{  }
a.balance_block1:hover :nth-child(2)			{ top:-5px; opacity:1;}
a.balance_block1:hover :nth-child(3)			{ top:-10px; opacity:1; }
@media all and (min-width:0px) and (max-width:800px)
{
	div.balance_blocks				{ -webkit-flex-direction:column; flex-direction:column; }
	a.balance_block					{ width:100%; margin-bottom:20px; padding:30px 0px 0px 0px;}
	div.balance_blocks1				{ -webkit-flex-direction:column; flex-direction:column; }
	a.balance_block1					{ width:100%; text-align:center; margin-bottom:15px;}
}

.innerformblue									{
	padding:30px 30px 20px 30px;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	align-items:center;
	-webkit-align-items:center;
	background:linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%);
	border-radius:3px;
	box-shadow: 0 5px 30px -5px rgba(37,45,51, .3);
	margin-bottom:10px; }
.innerformblue input::placeholder				{ color:rgba(255,255,255, .6); }
.innerformblue input::-webkit-input-placeholder { color:rgba(255,255,255, .6); }
.innerformblue input::-moz-placeholder			{ color:rgba(255,255,255, .6); }
.innerformblue input:-ms-input-placeholder		{ color:rgba(255,255,255, .6); }
.innerformblue div								{ font-size:16px; font-weight:500; color:#ffffff; margin-bottom:20px; }
.innerformblue .floatinglabel > :nth-child(1)	{ color:rgba(196, 227, 255, 0.5); }
.innerformblue input,
.innerformblue input:focus						{ border-color:transparent; background:rgba(0,0,0, 0.2); color:#ffffff; }



/* Deploy */
#header2_deploy                     { max-width: 1170px; margin: 0px auto; padding: 0px; }
#header2_deploy > h1                { display: block; text-align: center; padding: 0px; margin: 32px 0px 24px 0px; }
@media all and (min-width: 768px)
{
	#header2_deploy > h1            { font-size: 30px; }
}

.deploy_block						{ position:relative; padding-left:60px; margin-bottom:30px; }
.deploy_block_step					{ position:absolute; top:14px; left:0px; margin-top:-21px; height:42px; width:42px; border:1px solid #D2D8DC; color:#8a9399; font-size:16px; font-weight:500; text-align:center; line-height:40px; border-radius:26px; }

@media all and (min-width:0px) and (max-width:767px)
{
	.deploy_block { padding-left: 0px; }
	.deploy_block > h3 { padding-left: 60px; }
}

ul.nav-tabs.deploy-nav                      { font-size: 0px; }
ul.nav-tabs.deploy-nav > li > span          { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
ul.nav-tabs.deploy-nav > li > span > label  { margin-left: 16px; margin-right: 16px; padding: 13px 0px 8px 0px; }

input.deploy_checkbox											{ display:none; }
input.deploy_checkbox + label									{ position:relative; vertical-align:top; display:-webkit-inline-flex; display:inline-flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center; justify-content:center; -webkit-align-items:flex-start; align-items:flex-start; width:240px; height:89px; padding:0px 0px 0px 80px; margin:0px 18px 23px 0px; border:1px solid #e6e9eb; border-radius:3px; cursor:pointer; white-space:nowrap; }
.deploy_checkbox_icon											{ position:absolute; top:50%; left:16px; margin-top:-24px; font-size:48px; line-height:48px; width:48px; transition:opacity ease-in .25s;}
.deploy_checkbox_checkmark										{ display:block; position:absolute; top:50%; left:16px; margin-top:-24px; background-color:#1e88e5; width:48px; min-width:48px; height:48px; line-height:48px; border-radius:24px; text-align:center; opacity:0; transition:opacity ease-in .25s; }
.deploy_checkbox_checkmark::before								{ font-size:24px; color:#ffffff; content:"\f26b"; font-family:"Material-Design-Iconic-Font"; position:relative; bottom:2px; }
.deploy_checkbox_line1											{ display:block; width:160px; overflow:hidden; text-overflow:ellipsis; font-size:15px; padding-top:2px; line-height:23px; color:#363b40; font-weight:bold; }
.deploy_checkbox_line2											{ display:block; width:160px; overflow:hidden; text-overflow:ellipsis; font-size:12px; opacity:.8;}
input.deploy_checkbox + label:hover								{ border:1px solid #1e88e5; }
input.deploy_checkbox:checked + label							{ background:linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%); border-width:0px; box-shadow: 0 5px 30px -5px rgba(37,45,51, .5); }
input.deploy_checkbox:checked + label .deploy_checkbox_icon		{ opacity:0; }
input.deploy_checkbox:checked + label .deploy_checkbox_checkmark{ opacity:1; }
input.deploy_checkbox:checked + label .deploy_checkbox_line1	{ color:#ffffff; }
input.deploy_checkbox:checked + label .deploy_checkbox_line2	{ color:#ffffff; opacity:.8; }
input.deploy_checkbox:disabled + label							{ display:none; }
@media all and (min-width:0px) and (max-width:767px)
{
	input.deploy_checkbox + label { width: 100%; }
	.deploy_checkbox_line1 { width: 100%; }
	.deploy_checkbox_line2 { width: 100%; }
}

a.deploy_linkbox												{ position:relative; vertical-align:top; display:-webkit-inline-flex; display:inline-flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center; justify-content:center; -webkit-align-items:flex-start; align-items:flex-start; width:100%; padding:20px; margin:0px 18px 23px 0px; border:1px dashed #e7e7e7; border-radius:3px; cursor:pointer; white-space:nowrap; }
a.deploy_linkbox .deploy_checkbox_icon							{ color:#9da2a6; }
.deploy_linkbox_line1											{ display:block; width:166px; overflow:hidden; text-overflow:ellipsis; font-size:15px; line-height:23px; color:#9da2a6; font-weight:bold; }
a.deploy_linkbox:hover											{ border-color:#1e88e5; }
@media all and (min-width:0px) and (max-width:767px)
{
	a.deploy_linkbox { width: 100%; }
	.deploy_linkbox_line1 { width: 100%; }
}

.deploy_osversionselector										{ display:block; padding:4px 0px; }
.deploy_osversionselector:hover									{ color:#1e88e5; }
.deploy_osversioncontainer										{ display:none; padding:20px 0px 10px 0px; width:100%; }


input.deploylocationsoldout + label								{ background-color:#f8f8f8; opacity:.75; }
div.deploylocationsoldoutmsg									{ display:none; }
input.deploylocationsoldout + label div.deploylocationsoldoutmsg{ display:block; }

#deployosnote							{ display:none; opacity:.7; font-size:13px; padding-left:6px; position:relative; top:-8px; }

input.deployplan                                    { display:none; }
input.deployplan + label                            { position: relative; display:-webkit-inline-flex; display:inline-flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center; justify-content:center; width:240px; padding:15px 0px; margin:0px 18px 18px 0px; border:1px solid #e6e9eb; color:#363b40; border-radius:3px; cursor:pointer; text-align:center; }
input.deployplan + label:hover						{ border: 1px solid #1e88e5; }
input.deployplan + label > :nth-child(1)            { font-size:15px; font-weight:bold; padding-bottom:9px; }
input.deployplan + label > :nth-child(2)            { color:#1e88e5; font-size:20px; }
input.deployplan + label > :nth-child(3)            { opacity:.6; }
input.deployplan + label > :nth-child(4)            { display:block; width:100%; height:15px; margin-bottom:15px; border-bottom:1px solid #e6e9eb; }
input.deployplan + label > :nth-child(5)            { font-size:14px; padding-bottom:1px; opacity:.7; }
input.deployplan + label > :nth-child(6)            { font-size:14px; padding-bottom:1px; opacity:.7; }
input.deployplan + label > :nth-child(7)            { font-size:14px; padding-bottom:1px; opacity:.7; }
input.deployplan:checked + label                    { background:linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%); border-width:0px; color:#ffffff; box-shadow: 0 5px 30px -5px rgba(37,45,51, .5); }
input.deployplan:checked + label > :nth-child(2)    { color:#ffffff;  }
input.deployplan:checked + label > :nth-child(3)    { color:#ffffff;  }
input.deployplan:checked + label > :nth-child(4)    { border-color:#1669b5; }
input.deployplan:disabled + label                   { background-color: #f8f8f8;opacity: .75; }
input.deployplan:disabled + label:hover						{ border: 1px solid #e6e9eb;cursor:not-allowed; }
input.deployplan.discount + label > *:nth-child(2)         { color: #fca426; }
input.deployplan.discount + label > *:nth-child(3)         { color: #fca426; }
input.deployplan.discount:checked + label > *:nth-child(2) { color: #ffffff; }
input.deployplan.discount:checked + label > *:nth-child(3) { color: #ffffff; }

@media all and (min-width:0px) and (max-width:767px)
{
	input.deployplan + label { width: 100%; }
}

@media all and (min-width:0px) and (max-width:767px)
{
	#deploypagepadbottom { height:84px; }
}
@media all and (min-width:0px) and (max-width:600px)
{
	#deploypagepadbottom { height:177px; }
}

input.deployplan + label .discount_tag
{
	position: absolute;
	display: block;
	left: 0px;
	top: -9px;
	width: 100%;
	z-index: 1;
	text-align: center;
	padding: 0px;
	font-size: 0px;
	opacity: 1;
}

input.deployplan + label .discount_tag > span
{
	display: inline-block;
	background-color: #fca426;
	color: #ffffff;
	font-size: 11px;
	font-weight: 600;
	height: 17px;
	line-height: 17px;
	padding: 0px 20px;
	opacity: 1;
}

input.deployplan + label .discount_taga
{
	position: absolute;
	display: block;
	left: 0px;
	top: -9px;
	width: 100%;
	z-index: 1;
	text-align: center;
	padding: 0px;
	font-size: 0px;
	opacity: 1;
}

input.deployplan + label .discount_taga > span
{
	display: inline-block;
	background-color: #8f8f8f;
	color: #ffffff;
	font-size: 11px;
	font-weight: 600;
	height: 17px;
	line-height: 17px;
	padding: 0px 20px;
	opacity: 1;
}


label.deployplan_perf					{ background-image:url(/_images/order/sataperf.png); background-repeat:no-repeat; }
/*label.deployplan_sale20				{ background-image:url(/_images/order/pricing_note_sale20.png); background-repeat:no-repeat; }*/

#deploy_ordersummary					{ position:fixed; bottom:0px; left:111px; right:0px; background-color:#ffffff; color:#000000; box-shadow: 0 0 40px -10px rgba(37,45,51, .3); z-index: 10; }
@media all and (min-width:0px) and (max-width:767px)
{
	#deploy_ordersummary								{ left:0px; }
}

button.instanceCountButton				{ display:block; width:34px; cursor:pointer; border:none; background-color:transparent; text-align:center; font-size:16px; color:#9da2a6; font-family:Material-Design-Iconic-Font; }
button.instanceCountButton:hover		{ color:#1e88e5; }

/* Support */
.support_tickettabledescription 				{ max-width:410px; overflow:hidden; text-overflow:ellipsis; }
div.support_iconlinks 							{ display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; }
div.support_iconlinks > :nth-child(1):before 	{ content:"\e922"; } /* .icon-upload */
div.support_iconlinks > :nth-child(2):before 	{ content:"\e923"; } /* .icon-question */
div.support_iconlinks > :nth-child(3):before 	{ content:"\e924"; } /* .icon-document */
a.support_iconlink								{ display:block; width:30%; padding:50px 0px 20px 0px; border:1px solid #e6e9eb; border-radius:3px; text-align:center; transition: all ease-in .15s; }
a.support_iconlink:before						{ font-family:"icons"; font-size:58px; line-height:58px; color:#1e88e5; }
a.support_iconlink :nth-child(1)				{ position:relative; top:0px; font-size:16px; color:#363b40; font-weight:500; margin-top:20px; transition: all ease-in .15s; }
a.support_iconlink :nth-child(2)				{ position:relative; top:0px; margin-top:5px; opacity:0; transition: all ease-in .15s, opacity ease-in .35s; }
a.support_iconlink:hover						{ border-color:#1e88e5; }
a.support_iconlink:hover :nth-child(1)			{ top:-10px; }
a.support_iconlink:hover :nth-child(2)			{ top:-10px; opacity:1; }
@media all and (min-width:0px) and (max-width:800px)
{
	div.support_iconlinks				{ -webkit-flex-direction:column; flex-direction:column; }
	a.support_iconlink					{ width:100%; margin-bottom:20px; padding:30px 0px 0px 0px;}
}


/* Ticket */
div.ticketentries > div						{ position:relative; border-radius:4px; padding:60px 24px 20px 24px; margin-bottom:25px; }
div.ticketentries .from_staff               { background-color:#e5f5e6; }
div.ticketentries .from_account             { background-color:#e5f4ff; }
div.ticketentries > div > div:nth-child(1)	{ position:absolute; top:20px; left:24px; color:#363b40; font-weight:bold; }
div.ticketentries > div > div:nth-child(2)	{ position:absolute; top:20px; right:24px; font-size:13px; opacity:.8; }
div.ticketnote								{ opacity:.9; background-color:#f8f8f8; margin:15px 0px 15px 0px; padding:12px 16px; font-size:13px; display:none; border-radius:5px; border:1px solid #d8d8d8; }

.badge.ticket_staff {
	border-radius: 3px;
	background-color:#2fbd6a;
	font-size: 11px;
}

input.ticketentryreview						{ display:none; }
input.ticketentryreview:checked + label		{ color:#1e88e5; }

.flexlayoutdata					{ min-height:30px; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; }
.flexlayoutdata *:nth-child(1) 	{ width:120px; overflow:hidden; font-weight:500; }




/* Cart */
.cart {
	box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5);
	margin: 0px;
	padding: 15px;
	background-color: #1e88e5;
	background: rgba(0, 0, 0, 0) linear-gradient(45deg, #135fac 1%, #1e88e5 64%, #1e87e3 97%) repeat scroll -1px center / 102% 102%;
	color: rgba(196, 227, 255, 0.8);
	border-width: 0px;
	border-radius: 3px;
}

.cart .spinner:after { top: 115px; }

table.billingcart						{ width: 100%; border-spacing: 0px; }
table.billingcart td:nth-child(2)		{ text-align: right; }

tr.billingcartform td					{ padding-bottom: 12px; }
tr.billingcartform div					{ font-size: 15px; font-weight: bold; margin-bottom: 12px; }

tr.billingcarterror	td					{ padding-bottom: 12px; font-size: 15px; color: #fea1a1; font-weight: bold; }

tr.billingcartcoupon td					{ padding: 12px 0px; border-top: 1px solid rgba(196, 227, 255, 0.1); }
tr.billingcartcoupon .text_code         { font-weight: bold; font-size: 24px; color: #ffffff; }
tr.billingcartcoupon .text_price        { font-weight: bold; font-size: 24px; color: #ffffff; }
tr.billingcartcoupon .text_desc         { font-size: 13px; margin: 8px 0px; }

tr.billingcarttotal td					{ padding: 12px 0px; border-top: 1px solid rgba(196, 227, 255, 0.1);  }
tr.billingcartcredit td					{ padding-top: 12px;  }

.billingcart_bl .caption                { font-size:15px; font-weight:bold; }






/* ISO */
#uploaderror							{ color:red; font-weight:bold; }
.pending_snapshot	{ color:#888; }











.notice_close		{ cursor:pointer; float:right; background-image:url(/_images/close.png); width:16px; height:16px; }



.graph_container		{ text-align:left; width:100%; margin:16px; overflow: auto; }
.graph					{ width:800px; height:200px; }
.graph_error			{ width:706px; height:165px; line-height:165px; text-align:center; border:1px solid #e6e9eb; overflow:hidden; margin-left:75px; }
.graph_spinner			{ width:706px; height:165px; line-height:165px; text-align:center; border:1px solid #e6e9eb; overflow:hidden; margin-left:75px; position:relative; }
.graph_spinner_image	{ position:absolute; z-index:1001; left:50%; top:50%; width:64px; height:64px; margin-left:-32px; margin-top:-32px; }

input[type="text"].yubiKeyInput	{ width:180px; padding-left:32px; background:url(/_images/yubikey.gif) no-repeat 10px 50%; background-color:white; }

.app_content 			{ font-family:Menlo, Monaco, Consolas, "Courier New", monospace; display:block; word-break:break-all; word-wrap:break-word; font-size:13px; line-height:1.25em; background-color:#f9f2f4; color:#c7254e; border-radius:3px; padding:6px 10px; overflow:auto; }





/* bootstrap effects */

.fade {
	opacity: 0;
	-webkit-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}
.fade.in {
	opacity: 1;
}
.collapse {
	display: none;
}
.collapse.in {
	display: block;
}
tr.collapse.in {
	display: table-row;
}
tbody.collapse.in {
	display: table-row-group;
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility;
	-webkit-transition-duration: 0.35s;
	-o-transition-duration: 0.35s;
	transition-duration: 0.35s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}


/**
 * -------------------------
 * @section Credit Cards
 * -------------------------
 */

div.credit-card {
    margin: 0 auto 30px;
    max-width: 400px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 8px;
}

div.credit-card div.card-type {
    float: right;
    padding: 10px 20px;
    font-size: 1.2em;
}
div.credit-card div.card-icon {
    float: left;
    padding: 7px 7px;
    font-size: 1.2em;
}

div.credit-card div.card-number {
    padding: 10px;
    background-color: #ccc;
    font-size: 1.6em;
    text-align: center;
    clear: both;
}

div.credit-card div.card-start {
    float: left;
    padding: 20px 0 50px 50px;
    font-size: 1.3em;
    text-align: right;
}

div.credit-card div.card-expiry {
    float: right;
    padding: 20px 50px 50px 0;
    height: 120px;
    font-size: 1.3em;
    text-align: right;
}

div.credit-card div.end {
    clear: both;
}

@media (max-width: 600px) {
    div.credit-card {
        max-width: 250px;
    }
    div.credit-card div.card-type {
        font-size: 1.0em;
    }
    div.credit-card div.card-icon {
        font-size: 1.0em;
    }
    div.credit-card div.card-number {
        padding: 6px 10px;
        font-size: 1.2em;
    }
    div.credit-card div.card-start {
        padding: 20px 0 30px 50px;
        font-size: 0.9em;
    }
    div.credit-card div.card-expiry {
        padding: 20px 50px 30px 0;
        height: 80px;
        font-size: 0.9em;
    }
}

.auth3d-area {
    border: 1px solid #fff;
}

.submit-3d {
    width: 80%;
    border: 1px solid #fff;
}

.invoice-summary {
    margin: 0 0 25px 0;
    padding: 15px;
    height: 500px;
    background-color: #f8f8f8;
    border: 4px dashed #efefef;
    border-radius: 10px;
}

.invoice-summary-table {
    margin: 25px 0 25px 0;
    max-height: 300px;
    overflow: auto;
}

.invoice-summary-table td {
    font-size: 0.8em;
}

.invoice-summary-table td.total-row {
    background-color: #efefef;
    font-weight: bold;
}

/* Card colors colorpicked from website logos */
div.credit-card .logo-visa {
    color: #1a1f71;
}

div.credit-card .logo-amex {
    color: #43abdf;
}

div.credit-card .logo-mastercard {
    color: #ed0b00;
}

div.credit-card .logo-discover {
    color: #000000;
}


/* Invoice Status Colors */

.draft {
    color: #888;
}
.unpaid {
    color: #cc0000;
}
.paid {
    color: #779500;
}
.refunded {
    color: #224488;
}
.cancelled {
    color: #888;
}
.collections {
    color: #ffcc00;
}

.textgreen {
    color: #779500;
}

.textred {
    color: #cc0000;
}

/* accordion */

.accordion {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	list-style: none;
}
.accordion > li {
	position: relative;
	padding: 0 0 6px 30px;
	min-height: 40px;
}
.accordion > li.open {
	padding-bottom: 31px;
}

.accordion > li .plus-icon {
	position: absolute;
	left: 0;
	top: 6px;
}
.accordion > li.open .plus-icon span {
	background-color: #1e88e5;
}
.accordion > li.open .plus-icon span:last-child {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.acc-title {
	margin: 0;
	padding: 0 0 8px 0;
	font-weight: 300;
	cursor: pointer;
	-webkit-transition: color ease-in .15s;
	-moz-transition: color ease-in .15s;
	-ms-transition: color ease-in .15s;
	-o-transition: color ease-in .15s;
	transition: color ease-in .15s;
}
.accordion > li.open .acc-title,
.acc-title:hover {
	color: #1e88e5;
}
.accordion > li.open .acc-title {
	font-weight: 500;
}
.plus-icon {
	position: relative;
	display: block;
	height: 12px;
	width: 12px;
}
.plus-icon span {
	position: absolute;
	display: block;
	background-color: #1e88e5;
	-webkit-transition: all ease-in .15s;
	transition: all ease-in .15s;
}
.plus-icon span:first-child {
	top: 5px;
	height: 2px;
	width: 12px;
}
.plus-icon span:last-child {
	left: 5px;
	height: 12px;
	width: 2px;
}

.accordion.nowrap .acc-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}


/* icon list */

.iconlist {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	list-style: none;
}
.iconlist > li {
	position: relative;
	padding: 0 0 6px 0px;
	min-height: 40px;
}
.iconlist .icon {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	overflow: hidden;
}

.iconlist a       { color: #616366; }
.iconlist a:hover { color: #3ba3ff; }

.iconlist.nowrap > li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}


/* badges */
.badge {
	background-color: #aaaeb3;
	border-radius: 15px;
	color: #fff;
	display: inline-block;
	font-size: 9px;
	font-weight: 300;
	line-height: 8px;
	min-width: 16px;
	padding: 5px 6px;
	text-align: center;
	vertical-align: text-bottom;
	white-space: nowrap;
}

/* badges */
.badge.alternative {
	border-radius: 3px;
}


/* spinner */

.spinner:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	border: solid 2px transparent;
	border-top-color: #ffaa00;
	border-left-color: #ffaa00;
	border-radius: 100%;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	-ms-animation: pace-spinner 400ms linear infinite;
	-o-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
}
.spinner-lg:after {
	margin: -22px 0 0 -22px;
	width: 40px;
	height: 40px;
}
.spinner-md:after {
	margin: -16px 0 0 -16px;
	width: 28px;
	height: 28px;
}
.spinner-hidden {
	opacity: 0;
	visibility: hidden;
}
.spinner-visible {
	opacity: 1;
	visibility: visible;
}
@-webkit-keyframes pace-spinner {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
	0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
	0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
	0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
	0% { transform: rotate(0deg); transform: rotate(0deg); }
	100% { transform: rotate(360deg); transform: rotate(360deg); }
}
.spinner.spinner-white:after {
	border-top-color: #ffffff;
	border-left-color: #ffffff;
}
.spinner.spinner-graph-blue:after {
	border-top-color: #1e88e5;
	border-left-color: #1e88e5;
}




.fadeIn
{
	visibility:visible;
	-webkit-animation: fadeIn .25s;
	-moz-animation: fadeIn .25s;
	-ms-animation: fadeIn .25s;
	-o-animation: fadeIn .25s;
	animation: fadeIn .25s;
}
@-webkit-keyframes fadeIn
{
	0% { visibility:hidden; opacity:0; }
	1% { visibility:visible; opacity:0; }
	100% { visibility:visible; opacity:1; }
}
@-moz-keyframes fadeIn
{
	0% { visibility:hidden; opacity:0; }
	1% { visibility:visible; opacity:0; }
	100% { visibility:visible; opacity:1; }
}
@-o-keyframes fadeIn
{
	0% { visibility:hidden; opacity:0; }
	1% { visibility:visible; opacity:0; }
	100% { visibility:visible; opacity:1; }
}
@-ms-keyframes fadeIn
{
	0% { visibility:hidden; opacity:0; }
	1% { visibility:visible; opacity:0; }
	100% { visibility:visible; opacity:1; }
}
@keyframes fadeIn
{
	0% { visibility:hidden; opacity:0; }
	1% { visibility:visible; opacity:0; }
	100% { visibility:visible; opacity:1; }
}
.fadeOut
{
	visibility:hidden;
	-webkit-animation: fadeOut .25s;
	-moz-animation: fadeOut .25s;
	-ms-animation: fadeOut .25s;
	-o-animation: fadeOut .25s;
	animation: fadeOut .25s;
}
@-webkit-keyframes fadeOut
{
	0% { visibility:visible; opacity:1; }
	99% { visibility:hidden; opacity:0; }
	100% { visibility:hidden; opacity:0; }
}
@-moz-keyframes fadeOut
{
	0% { visibility:visible; opacity:1; }
	99% { visibility:hidden; opacity:0; }
	100% { visibility:hidden; opacity:0; }
}
@-o-keyframes fadeOut
{
	0% { visibility:visible; opacity:1; }
	99% { visibility:hidden; opacity:0; }
	100% { visibility:hidden; opacity:0; }
}
@-ms-keyframes fadeOut
{
	0% { visibility:visible; opacity:1; }
	99% { visibility:hidden; opacity:0; }
	100% { visibility:hidden; opacity:0; }
}
@keyframes fadeOut
{
	0% { visibility:visible; opacity:1; }
	99% { visibility:hidden; opacity:0; }
	100% { visibility:hidden; opacity:0; }
}



/* tab controler */

.button-tab { display:inline-block; vertical-align:middle; padding:0px; width: 46px; margin:0px; font-size:15px; font-weight:bold; line-height:24px; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; color:#000000; background-color:transparent; border:none; outline: none; border-radius: 0px; }
.button-tab:active,
.button-tab:hover,
.button-tab:focus { background-color: transparent; }

.button-tab > .fonticon { font-size: 24px; color: #1e88e5; }

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.nav > li {
	position: relative;
	display: block;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 12px 15px;
}
.nav > li.disabled > a {
	color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
	color: #777;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
}
.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.nav > li > a > img {
	max-width: none;
}

.shu .nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.shu .nav > li {
	position: relative;
	display: block;
}
.shu .nav > li.active > a{
	position: relative;
	display: table;
	color: #0084df;
	border-bottom: 2px solid #0084DF;
}
.shu .nav > li > a:hover{
	color: #1e88e5;
}
.shu .nav > li > a {
	position: relative;
	display: block;
	margin: 11px 15px;
	padding: 8px 0px;
	color: #616366;
	font-weight: 100;
}
.shu .nav > li.disabled > a {
	color: #777;
}
.shu .nav > li.disabled > a:hover,
.shu .nav > li.disabled > a:focus {
	color: #777;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
}
.shu .nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.shu .nav > li > a > img {
	max-width: none;
}

.nav-tabs {
	margin: 0 -16px;
	border-bottom: 1px solid #edf0f2;
	white-space: nowrap;
}
.nav-tabs > li {
	display: inline-block;
}
.nav-tabs > li > a,
.nav-tabs > li > button,
.nav-tabs > li > span {
	position: relative;
	padding: 14px 2px;
	margin: 0 14px;
	color: #616366;
	line-height: 20px;
	-webkit-transition: color ease-in .15s;
	transition: color ease-in .15s;
}
.nav-tabs > li > button {
	background: transparent;
	border: none;
	cursor: pointer;
}
.nav-tabs > li > a:after,
.nav-tabs > li > button:after,
.nav-tabs > li > span:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	content: "";
	height: 2px;
	width: 0;
	-webkit-transition: ease-in all .15s;
	transition: ease-in all .15s;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:active,
.nav-tabs > li > button:hover {
	color: #1e88e5;
}
.nav-tabs > li > button:focus,
.nav-tabs > li > button:active {
	outline: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > button,
.nav-tabs > li.active > button:hover,
.nav-tabs > li.active > button:focus,
.nav-tabs > li.active > span {
	color: #1e88e5;
	cursor: default;
}
.nav-tabs > li.active > a:after,
.nav-tabs > li.active > button:after,
.nav-tabs > li.active > button:after,
.nav-tabs > li.active > span:after {
	width: 100%;
	margin-left: -50%;
	background-color: #1e88e5;
}

.nav-tabs > li.active_orange > a::after
{
	background-color: #fca426;
}

@media (max-width: 767px) {
	.nav-tabs {
		margin: 0 -12px;
	}
}
.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0;
}
.nav-tabs.nav-justified > li {
	float: none;
}
.nav-tabs.nav-justified > li > a {
	margin-bottom: 5px;
	text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
	top: auto;
	left: auto;
}
@media (min-width: 768px) {
	.nav-tabs.nav-justified > li {
		display: table-cell;
		width: 1%;
	}
	.nav-tabs.nav-justified > li > a {
		margin-bottom: 0;
	}
}
.nav-tabs.nav-justified > li > a {
	margin-right: 0;
	border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
	border: 1px solid #edeff2;
}
@media (min-width: 768px) {
	.nav-tabs.nav-justified > li > a {
		border-bottom: 1px solid #edeff2;
		border-radius: 4px 4px 0 0;
	}
	.nav-tabs.nav-justified > .active > a,
	.nav-tabs.nav-justified > .active > a:hover,
	.nav-tabs.nav-justified > .active > a:focus {
		border-bottom-color: #fff;
	}
}

.tabs-responsive {
	position: relative;
	height: 48px;
	overflow: hidden;
}
.tabs-responsive > .tabs-container {
	position: absolute;
	top: 0;
	width: 100%;
}
.tabs-responsive > .tabs-container > .btn {
	position: absolute;
	top: -1px;
}
.tabs-responsive > .tabs-container > .btn-next {
	right: -1px;
	width: 30px;
	padding: 12px 0px;
	text-align: right;
}
.tabs-responsive > .tabs-container > .btn-prev {
	left: 0px;
	width: 30px;
	padding: 12px 0px;
	text-align: left;
}
.tabs-responsive > .tabs-container > .nav-tabs {
	height: 76px;
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-user-select: none;
	-webkit-transition: all ease-in .15s;
	transition: all ease-in .15s;
}
.tabs-responsive > .tabs-container > ul > li {
	float: none;
	display: inline-block;
	width: auto;
}
@media (min-width: 1170px) {
	.tabs-responsive > .tabs-container > .btn {
		display: none;
	}
}
@media (max-width: 1171px) {
	.tabs-responsive > .tabs-container {
		padding-left: 30px;
		padding-right: 30px;
	}
}



/* logged out */

.loggedout_vcenter { margin: 32px 0px; }
@media (min-width: 768px) and (min-height: 700px)
{
	.loggedout_vcenter { position: absolute; top: 50%; width: 100%; margin-top: -220px; }
}

.hidden { display: none; }


/* block storage free banner */
.banner_blockstoragefree {
	width: 100%;
	background: rgba(0, 0, 0, 0) linear-gradient(45deg, #135fac 1%, #1e88e5 64%, #1e87e3 97%) repeat scroll -1px center / 102% 102%;
	color: #ffffff;
	font-size: 18px;
	line-height: 25px;
	text-align: left;
	padding: 16px 16px 16px 120px;
	box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5);
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}

.banner_blockstoragefree::after {
	display: block;
	content: "";
	position: absolute;
	top: -7px;
	left: 11px;
	width: 86px;
	height: 65px;
	background-image: url('/_images/banners/blockstoragefree/bird.svg');
}

.tw-button {
  background-color: rgb(27, 149, 224);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: 500;
  height: 28px;
  line-height: 26px;
  outline-color: rgb(255, 255, 255);
  outline-style: none;
  outline-width: 0px;
  padding: 5px 10px;
  position: relative;
  text-align: left;
  text-decoration: none;
  text-decoration-color: rgb(255, 255, 255);
  text-decoration-line: none;
  text-decoration-style: solid;
  vertical-aligntopwhite-space: nowrap;
  border-width: 0px;
}

.tw-button span {
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", Arial,sans-serif;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: 500;
  line-height: normal;
  margin-left: 4px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}

.tw-button::before {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E");
  background-origin: padding-box;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: auto auto;
  color: rgb(255, 255, 255);
  content: "";
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: 13px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: italic;
  font-synthesis: weight style;
  font-variant: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: 500;
  height: 18px;
  line-height: 26px;
  text-align: left;
  top: 5px;
  white-space: nowrap;
  width: 18px;
}

.tw-button.tw-disabled {
	background-color: gray;
	cursor: default;
}

.badge.promo
{
	font-weight: bold;
	background-color: #43a047;
	font-size: 11px;
}

.captcha_container {
	display: flex;
	align-items: center;
}
  /*.header-title h1 .switch,
  .header-title-info > li {
    display: none;
  }*/

.header-avatar .btn.btn-circle {
    width: 50px;
}

.header-avatar .btn.btn-circle {
    min-width: 0;
    padding-right: 0;
    padding-left: 0;
    border-radius: 40px;
	font-size: 24px;
}

.header-avatar .btn {
    display: inline-block;
    min-width: 100px;
    padding: 12px 24px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0, 0.1);
    box-shadow: 0 2px 6px rgba(0,0,0, 0.1);
    -webkit-transition: all ease-in .15s;
    -moz-transition: all ease-in .15s;
    -ms-transition: all ease-in .15s;
    -o-transition: all ease-in .15s;
    transition: all ease-in .15s;
}

.header-avatar .btn.btn-primary {
    color: #ffffff;
    background-color: #dfe2e5;
    border-color: #dfe2e5;
}

.header-avatar .btn-primary:hover {
  color: #FFFFFF;
  background-color: #ebeff2;
  border-color: #ebeff2;
}

@media (min-width: 480px) {
  .alert {
		display          : -webkit-box;
		display          : block;
		-webkit-box-pack : justify;
		justify-content  : space-between;
  }
  .alert-body,
  .alert-actions {
		display         : -webkit-box;
		display         : -moz-box;
		display         : -ms-flexbox;
		display         : -webkit-flex;
		display         : flex;
		align-items     : center;
		justify-content : center;
  }
  .alert-actions {
		padding-left : 8px;
  }
  .alert-actions > .btn {
		margin-left : 8px;
  }
}

@media (max-width: 479px) {
  .alert-actions {
		padding    : 16px 0 0 0;
		text-align : center;
  }
  .alert-actions > .btn {
		margin-right : 8px;
  }
  .alert-body {
  	text-align: center;
  }
  .alert-body > p > b:after {
  	content: '\a';
  	white-space: pre;
  }
}

.alert {
	padding       : 15px;
	margin-bottom : 20px;
	border        : 1px solid transparent;
	border-radius : 3px;
}

.alert > i {
	margin-right   : 8px;
	font-size      : 24px;
	vertical-align : sub;
}

.alert-sm {
	padding     : 12px 15px;
	font-size   : 14px;
	line-height : 20px;
}

.alert-sm > i {
	font-size : 19px;
}

.alert-info {
	border-color : #54aaff;
	color        : #1e88e5;
}

.alert-info hr {
  border-top-color : #a6e1ec;
}

.alert-info .alert-link {
  color : #245269;
}

.alert-info,
.toast-info {
	border-color : #54aaff;
	color        : #1e88e5;
	background-color: #FFFFFF;
}

.alert-icon {
	position     : relative;
	padding-left : 46px;
}

.alert-icon > i {
	position : absolute;
	top      : 14px;
	left     : 14px;
}

.alert-info.alert-filled {
	border-color     : #1e88e5;
	background-color : #1e88e5;
	color            : #fff;
}

.alert-body > p {
	margin : 0;
}

.alert-dismissable, .alert-dismissible {
	position      : relative;
	padding-right : 35px;
}

.group1 {
	position:relative; 
	vertical-align:top; 
	display:-webkit-inline-flex; 
	display:inline-flex; 
	-webkit-flex-direction:column; 
	flex-direction:column; 
	-webkit-justify-content:center; 
	justify-content:center; 
	-webkit-align-items:flex-start; 
	align-items:flex-start; 
	width:240px; 
	height:89px; 
	padding:0px 0px 0px 80px; 
	margin:0px 18px 23px 0px; 
	border-radius:3px; 
	cursor:pointer; 
	white-space:nowrap;
	border:1px solid #e6e9eb;
}

.group2 {
	position:relative; 
	vertical-align:top; 
	display:-webkit-inline-flex; 
	display:inline-flex; 
	-webkit-flex-direction:column; 
	flex-direction:column; 
	-webkit-justify-content:center; 
	justify-content:center; 
	-webkit-align-items:flex-start; 
	align-items:flex-start; 
	width:240px; 
	height:89px; 
	padding:0px 0px 0px 80px; 
	margin:0px 18px 23px 0px; 
	border-radius:3px; 
	cursor:pointer; 
	white-space:nowrap;
	background:linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%); 
	border:0px dashed #e7e7e7;
}

.gwcdp {
	display:-webkit-flex; 
	display:flex; 
	flex-wrap:wrap; 
	-webkit-align-items:center; 
	align-items:center; 
	padding:0px 30px; 
	margin:0px auto; 
	max-width:1170px;
}

.gwcdptext {
	margin:16px 0px 16px 0px; 
	flex-grow:2;
}

.gwcdptexthead {
	display: block; 
	color:#9da2a6; 
	font-size:13px;
}

.gwcdptextwz {
	color:#1e88e5; 
	font-size:20px; 
	font-weight:500;
}

.gwcdpbotton {
	margin:16px 0px 16px 0px; 
	padding-top:15px; 
	padding-bottom:15px; 
	width:30%; 
	min-width:160px;
}

.banner-label-orange {
    background: #ff9900;
    height: 18px;
    text-transform: uppercase;
    position: absolute;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 3px;
    text-align: center;
    top: -6px;
    right: -12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 6px;
}
.banner-label-orange:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #cc7700;
    content: '';
    position: absolute;
    bottom: -6px;
    right: 0;
    transform: rotate(8deg);
    z-index: -1;
}

.jganniu {
	position: relative;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    width: 240px;
    padding: 15px 0px;
    margin: 0px 18px 18px 0px;
    border: 1px solid #e6e9eb;
    color: #363b40;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
}

.jganniu:hover {
	border: 1px solid #1e88e5;
}

.jganniuyx {
	background: linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%);
    border-width: 0px;
    color: #ffffff;
    box-shadow: 0 5px 30px -5px rgba(37,45,51, .5);
}
.jganniuyx:hover {
	border: 0px solid #1e88e5;
}

.jganniutext {
	font-size:15px; 
	font-weight:500;
	padding-bottom: 0px;
}

@media (max-width: 767px) and (min-width: 0px){
	.jganniu {
		width: 100%;
	}
}

.group3 {
	position:relative; 
	vertical-align:top; 
	display:-webkit-inline-flex; 
	display:inline-flex; 
	-webkit-flex-direction:column; 
	flex-direction:column; 
	-webkit-justify-content:center; 
	justify-content:center; 
	-webkit-align-items:flex-start; 
	align-items:flex-start; 
	width:240px; 
	height:89px; 
	padding:0px 0px 0px 80px; 
	margin:0px 18px 23px 0px; 
	border-radius:3px; 
	cursor:pointer; 
	white-space:nowrap;
	border:1px solid #e6e9eb;
}

.group3:hover {
	border: 1px solid #1e88e5;
}

.group1:hover {
	border: 1px solid #1e88e5;
}

.group4 {
	background:linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%); 
	border:0px dashed #e7e7e7;
}

.group4:hover {
	border: 0px solid #1e88e5;
}

.group2:hover {
	border: 0px solid #1e88e5;
}

.group4 > span {
	color: #FFFFFF;
}

.xtwz {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap; 
	width: 150px;
}

@media (max-width: 767px) and (min-width: 0px){
	.group3 {
		width: 100%;
	}
	.flexwidthhalf1	{ 
		width:100%; 
	}
	
	.group1 {
		width: 100%;
	}
	
	.group2 {
		width: 100%;
	}
}