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=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=file]:focus, input[type=password]:focus, input[type=email]:focus, select:focus { border-color:#1E88E5; } input[type=text][readonly], input[type=file][readonly], input[type=password][readonly], input[type=email][readonly], input[type=text][readonly], input[type=text]:disabled, input[type=file]:disabled, input[type=password]:disabled, input[type=email]:disabled, input[type=text]:disabled { background-color:#EEEEEE; } 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; } input.checkboxcheckmark:disabled + label::before { color: #eaedef; } input.checkboxcheckmark:disabled + label:hover::before { color: #eaedef; cursor: default; } input.checkboxcheckmark:disabled + label { color: #aaadaf; } input.checkboxcheckmark:disabled + label > a { color: #2691d9; } .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%; } .flexwidth34 { width:34%; } .flexwidth27 { width:27%; } .flexwidthhalf { width:47.5%; } .flexwidth100 { width:100%; } .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=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=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:#363B40; font-weight:500; } h3 { font-size:20px; line-height:28px; margin:0px 0px 25px 0px; color:#363B40; font-weight:500; } h4 { font-size:16px; line-height:22px; margin:0px 0px 18px 0px; color:#363B40; 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:normal; 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:86%; } .responsivetable_subs > * > *:nth-child(3) { width:14%; text-align:right; } .responsivetable_subs > * > *:nth-child(4) { display:none; } .responsivetable_subs > * > *:nth-child(5) { width:49%; } .responsivetable_subs > * > *:nth-child(5):before { content:"Charges: "; 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:right; } .responsivetable_subs > * > *:nth-child(7) { display:none; } .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:49%; } .responsivetable_tickets > * > *:nth-child(3) { width:49%; text-align:right; 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; } .responsivetable_firewall > * > * { padding-left:100px; } .responsivetable_firewall > * > *:before { width:100px; } .responsivetable_firewall > * > *:nth-child(3) { padding-top:8px; } .responsivefullwidth { width:100%; } 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_success { color:#7cb342; white-space:nowrap; } .status_success:before { display:inline-block; content:""; height:8px; width:8px; margin:-6px 3px 0 0; vertical-align:middle; border-radius:4px; background-color:#7cb342; } .status_warning { color:#E67E27; white-space:nowrap; } .status_warning:before { display:inline-block; content:""; height:8px; width:8px; margin:-6px 3px 0 0; vertical-align:middle; border-radius:4px; background-color:#E67E27; } .status_error { color:#ff0000; white-space:nowrap; } .status_error:before { display:inline-block; content:""; height:8px; width:8px; margin:-6px 3px 0 0; vertical-align:middle; border-radius:4px; background-color:#ff0000; } .status_disabled { color:#777777; white-space:nowrap; } .status_disabled: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:460px; 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, .fonticon_graphite, .fonticon_graphite_beta, .fonticon_openbsd, .fonticon_openbsd_beta, .fonticon_phpbb, .fonticon_phpbb_beta, .fonticon_plesk, .fonticon_plesk_beta, .fonticon_magento, .fonticon_magento_beta, .fonticon_mediawiki, .fonticon_mediawiki_beta, .fonticon_prestashop, .fonticon_prestashop_beta { 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 */ .fonticon_graphite::before { content:"\e93a"; font-family:"icons"; } /* .icon-graphite */ .fonticon_graphite_beta::before { content:"\e93a"; font-family:"icons"; } /* .icon-graphite */ .fonticon_openbsd::before { content:"\e940"; font-family:"icons"; } /* .icon-openbsd */ .fonticon_openbsd_beta::before { content:"\e940"; font-family:"icons"; } /* .icon-openbsd */ .fonticon_phpbb::before { content:"\e939"; font-family:"icons"; } /* .icon-phpbb */ .fonticon_phpbb_beta::before { content:"\e939"; font-family:"icons"; } /* .icon-phpbb */ .fonticon_plesk::before { content:"\e93c"; font-family:"icons"; } /* .icon-plesk */ .fonticon_plesk_beta::before { content:"\e93c"; font-family:"icons"; } /* .icon-plesk */ .fonticon_magento::before { content:"\e93d"; font-family:"icons"; } /* .icon-magento */ .fonticon_magento_beta::before { content:"\e93d"; font-family:"icons"; } /* .icon-magento */ .fonticon_mediawiki::before { content:"\e93e"; font-family:"icons"; } /* .icon-mediawiki */ .fonticon_mediawiki_beta::before { content:"\e93e"; font-family:"icons"; } /* .icon-mediawiki */ .fonticon_prestashop::before { content:"\e93f"; font-family:"icons"; } /* .icon-prestashop */ .fonticon_prestashop_beta::before { content:"\e93f"; font-family:"icons"; } /* .icon-prestashop */ /* 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_us { display:inline-block; height:36px; width:54px; background-image:url(/_images/flags/flags.png?v=2); vertical-align:middle; border-radius:3px; } .fonticon_au { background-position:-108px -36px; } .fonticon_de { background-position:0 0; } .fonticon_fr { background-position:-54px 0; } .fonticon_gb { background-position:-162px 0; } .fonticon_jp { background-position:-54px -36px; } .fonticon_nl { background-position:-108px 0; } .fonticon_us { background-position:0 -36px; } .fonticon_sg { display:inline-block; height:36px; width:54px;background-image:url(/_images/flags/Flag_of_Singapore_v2.png); vertical-align:middle; border-radius:3px; } .fonticon_cm_au, .fonticon_cm_de, .fonticon_cm_fr, .fonticon_cm_gb, .fonticon_cm_jp, .fonticon_cm_nl, .fonticon_cm_us { display:inline-block; height:18px; width:27px; background:url(/_images/flags/flags-sm.png?v=2); background-size:108px 36px; border-radius:3px; vertical-align:middle; } .fonticon_cm_au { background-position:-54px -18px; } .fonticon_cm_de { background-position:0 0; } .fonticon_cm_fr { background-position:-27px 0; } .fonticon_cm_gb { background-position:-81px 0; } .fonticon_cm_jp { background-position:-27px -18px; } .fonticon_cm_nl { background-position:-54px 0; } .fonticon_cm_us { background-position:0 -18px; } .fonticon_cm_sg { display:inline-block; height:18px; width:27px; border-radius:3px; vertical-align:middle; background-image:url(/_images/flags/Flag_of_Singapore_sm.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:38px; height:36px; margin:40px auto 50px auto; background:url(/_images/logo-bird.svg) 0% 50%; background-size:38px 36px; 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:bold; 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:38px; height:36px; position:relative; bottom:1px; background:url(/_images/logo-bird.svg) 0% 50%; background-size:38px 36px; 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; } @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:10px; } #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 60px 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=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; top:0px; margin-top:5px; opacity:0; transition: all ease-in .15s, opacity ease-in .35s; } 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; } @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;} } .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:240px; height:89px; padding:0px 0px 0px 80px; 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 > :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(4) { border-color:#1669b5; } input.deployplan:disabled + label { display:none; } input.deployplan.discount + label > *:nth-child(2) { color: #fca426; } input.deployplan.discount:checked + label > *:nth-child(2) { 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; } 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; } 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; } /* 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 control */ .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; } .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: 120px 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; } .firewall_input { padding: 0 5px; height: 32px !important; } .firewall_button { padding: 0px 18px; height: 32px; } /* Begin Blockstorage Slider Styles */ .plusminus-slider, .package-slider { position: relative; height: 34px; border: 1px solid #e6e9eb; background: #fff; -webkit-border-radius: 30px; border-radius: 30px; } .package-slider { margin: 15px 15px; } .plusminus-slider .slider, .package-slider .slider { position: absolute; left: 0; right: 0; z-index: 99; height: 34px; margin: 0 58px 0 32px; cursor: pointer; } .plusminus-slider .slider-label + .slider { margin-right: 132px; } .plusminus-slider .slider-label { position: absolute; right: -1px; top: -1px; height: 34px; width: 100px; padding: 0 20px; background: #e6e9eb; -webkit-border-radius: 30px; border-radius: 30px; font-weight: bold; line-height: 34px; } .plusminus-slider .slider-label input { position: relative; z-index: 9999; border: none; background: transparent; } .plusminus-slider .slider-label input:focus, .plusminus-slider .slider-label input:active { outline: none; } .plusminus-slider .ui-slider-handle, .package-slider .ui-slider-handle { position: absolute; top: 3px; z-index: 999; height: 26px; width: 26px; background: #1e88e5; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; -webkit-box-shadow: 0 3px 10px -3px rgba(37,45,51, .5); box-shadow: 0 3px 10px -3px rgba(37,45,51, .5); -webkit-transition: background ease .15s; transition: background ease .15s; outline: none; } .plusminus-slider .slider-actions, .package-slider .slider-actions { position: absolute; height: 100%; width: 100%; } .plusminus-slider .slider-actions .btn, .package-slider .slider-actions .btn { margin: 3px; height: 26px; width: 26px; padding: 1px; } .plusminus-slider .slider-actions .btn > i, .package-slider .slider-actions .btn > i { float:left; font-size: 17px; } .plusminus-slider .slider-actions .btn > i:before, .package-slider .slider-actions .btn > i:before { line-height: 24px; } .plusminus-slider .slider-actions .btn:first-child, .package-slider .slider-actions .btn:first-child { float: left; } .plusminus-slider .slider-actions .btn:last-child, .package-slider .slider-actions .btn:last-child { float: right; } .plusminus-slider-option .package-header, .package-slider-option .package-header { position: relative; padding-bottom: 38px; } .plusminus-slider-option .package-body, .package-slider-option .package-body { padding-top: 38px; } .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; /*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; } .btn-link { color: #1e88e5; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-xs { height: 36px; min-width: 60px; padding: 5px 16px; border-radius: 3px; font-size: 13px; font-weight: 300; } .btn-icon { min-width: 0; padding-left: 10px; padding-right: 10px; } .btn-icon.btn-sm { line-height: 24px; } .btn-icon.btn-sm { padding: 9px; font-size: 19px; } .btn-icon.btn-xs { padding-left: 6px; padding-right: 6px; font-size: 17px; } .block-card { border-radius: 12px; border: 1px solid #ccc; background: linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%); min-height: 200px; margin-bottom: 15px; } .block-card > .summary { float: right; width: 40%; } .block-card h1, .block-card h2, .block-card h3, .block-card h4, .block-card h5 { color: white; margin-bottom: 10px; } .block-card h1 { font-size: 22px; } .block-card h4 { margin-bottom: 0px; } #server_farm { position: relative; margin-top: 10px; display: none; } .server { position: absolute; box-shadow: 4px 0px 12px rgba(0, 0, 0, 0.2); display: none; } @media (min-width: 768px) { #server_farm { display: block; } } /* End Blockstorage Slider Styles */