/* STICKY FOOTER */

/*#wrap {*/
/*min-height: 100%;*/
/*height: auto !important;*/
/*height: 100%;*/
/*margin: 0 auto -60px;*/
/*}*/

/*#push {*/
/*height: 100px;*/
/*}*/

/*#footer {*/
/*height: 100px;*/
/*background: #333;*/
/*}*/

@import "/newinterface/css/head/bootstrap-datetimepicker.min.css";

html, body {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Bootstrap Fileupload */

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.btn-file>input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity = 0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

.fileupload {
    margin-bottom: 9px;
}

.fileupload .uneditable-input {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
    cursor: text;
    padding: 10px;
    height: 42px;
    min-height: 42px;
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.fileupload .thumbnail {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
}

.fileupload .thumbnail>img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}

.fileupload .btn {
    vertical-align: middle;
}

.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
    display: none;
}

.fileupload-inline .fileupload-controls {
    display: inline;
}

.fileupload-new .input-append .btn-file {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.thumbnail-borderless .thumbnail {
    border: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail {
    border: 1px solid #ddd;
}

.control-group.warning .fileupload .uneditable-input {
    color: #a47e3c;
    border-color: #a47e3c;
}

.control-group.warning .fileupload .fileupload-preview {
    color: #a47e3c;
}

.control-group.warning .fileupload .thumbnail {
    border-color: #a47e3c;
}

.control-group.error .fileupload .uneditable-input {
    color: #b94a48;
    border-color: #b94a48;
}

.control-group.error .fileupload .fileupload-preview {
    color: #b94a48;
}

.control-group.error .fileupload .thumbnail {
    border-color: #b94a48;
}

.control-group.success .fileupload .uneditable-input {
    color: #468847;
    border-color: #468847;
}

.control-group.success .fileupload .fileupload-preview {
    color: #468847;
}

.control-group.success .fileupload .thumbnail {
    border-color: #468847;
}

.form-horizontal .fileupload {
    margin-bottom: 0;
}

.form-horizontal .fileupload .uneditable-input {
    height: 34px;
    padding: 6px 8px;
    min-height: 34px;
}

.form-horizontal .fileupload .btn {
    padding: 6px 8px;
}

/* STYLES */

body {
    min-width: 320px;
    background: #DDD;
}

h1 {
    font-weight: bold;
    font-size: 26px;
    line-height: 28px;
}

h2 {
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
}

th {
    text-align: left;
    font-weight: normal;
    padding: 0;
}

strong {
    font-weight: 600;
}

a, a:hover, a:focus {
    color: #2b55a2;
    outline: none;
    text-decoration: underline;
}

pre {
    border: 0;
    background: 0;
    font-size: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    word-break: normal;
}

form {
    margin: 0;
}

a img {
    border: 0;
}

.clear {
    clear: both;
    width: 100%;
}

.upper {
    text-transform: uppercase;
}

.conditions {
    margin: 10px 0;
}

.ie6nomore {
    border: 1px solid #F7941D;
    background: #FEEFDA;
    clear: both;
    position: relative;
}

.ie6nomore .close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.ie6nomore .inner {
    width: 800px;
    margin: 0 auto;
    overflow: hidden;
    color: #191919;
    min-height: 0;
    padding: 0;
}

.ie6nomore img {
    padding-right: 30px;
    float: left;
}

.ie6nomore h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 12px 0 6px;
    line-height: 1em;
}

.ie6nomore p {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
}

.ie6text {
    width: 350px;
    float: left;
    padding-right: 30px;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-justify {
    text-align: justify !important;
}

.loading, #contents.loading, #sidebar.loading {
    background: url(/newinterface/images/loading.gif) 50% 40% no-repeat;
    min-height: 60px;
    min-width: 60px;
}

.hero-unit .loading {
    background: url(/newinterface/images/loading-dark.gif) 50% 40% no-repeat;
    width: 60px;
    float: right;
}

.conditions {
    font-size: 12px;
    line-height: 16px;
    color: #999;
}

#search-results-container {
    min-height: 110px;
}

.inner {
    position: relative;
    padding: 30px 0;
    min-height: 200px;
}

.navbar {
    margin: 0;
}

.navbar .container {
    width: 974px;
}

.navbar-inverse .navbar-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    min-height: 4px;
}

.navbar-inverse .navbar-inner + .navbar-inner {
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    min-height: 120px;
}

.navbar-inner h2 {
    line-height: 120px;
    font-weight: 500;
    color: #AAA;
    font-size: 34px;
}

.logo {
    margin: 30px 0;
    float: left;
    color: #888;
    line-height: 60px;
    font-size: 32px;
    font-weight: 600;
    text-decoration: none;
}

.logo:hover {
    color: #777;
    text-decoration: none;
}

.main {
    padding: 0 30px;
    background: #fff;
    margin-bottom: 40px;
    position: relative;
}

.span12 .content, .span12 .title {
    margin: 0;
}

#sidebar, #advanced {
    clear: both;
    margin: 0 -15px;
    padding: 0 15px;
}

.sidebar {
    background: #f8f8f8;
    padding: 40px 20px;
    margin: -30px -30px 0 0;
}

.sidebar h2 {
    font-size: 20px;
    line-height: 23px;
    margin: 0;
}

.sidebar h3 {
    font-size: 15px;
    line-height: 21px;
    margin: 20px 0 5px;
}

.sidebar hr + h3 {
    margin-bottom: 10px
}

.sidebar h3:first-child {
    margin-top: 0;
}

hr {
    border-top: 1px solid #D9D9D9;
    border-bottom: 0;
}

.sidebar hr {
    margin: 8px 0 20px;
}

.sidebar #sidebar > hr, .sidebar h2 + hr {
    border-width: 5px;
}

.sidebar ul {
    list-style: none;
    margin: 0;
    padding-bottom: 10px;
}

#billing .sidebar ul {
    padding: 0;
}

.sidebar li {
    font-size: 13px;
    line-height: 1.2em;
    margin-bottom: 6px;
}

.sidebar p {
    font-size: 13px;
}

.sidebar form {
    margin: 0;
}

.sidebar .details {
    font-size: 13px;
    margin-bottom: 12px;
}

.sidebar .details p span {
    display: block;
    font-weight: 600;
    line-height: 1.2em;
}

.sidebar .details p, #service-admin p, #updown p {
    margin-bottom: 4px;
}

.sidebar .details:last-child {
    margin-bottom: 0;
}

.sidebar .details:last-child ul, #service-admin ul, #updown ul {
    padding-bottom: 0;
}

.sidebar .prepaid {
    margin-bottom: 10px;
    width: 100%;
}

.sidebar .prepaid td:last-child {
    text-align: right;
}

.sidebar .row {
    margin-left: 0;
}

.sidebar .search .input-append {
    margin: 0;
}

.input-block-level[type="text"] {
    height: 42px;
}

.attn, .qtn, .debt, .success, .failed, .pending, .successful, .inactive {
    height: 17px;
    width: 17px;
    display: inline-block;
    margin-left: 6px;
    vertical-align: top;
    cursor: default;
}

h1 .qtn, h2 .qtn {
    margin-left: 2px;
    vertical-align: baseline;
}

.qtn {
    background: url(/newinterface/images/tooltip-icons.png) 0 0 no-repeat;
}

.attn {
    background: url(/newinterface/images/tooltip-icons.png) 0 -17px no-repeat;
}

.debt {
    background: url(/newinterface/images/tooltip-icons.png) 0 -17px no-repeat;
}

.successful {
    background: url(/newinterface/images/tooltip-icons.png) 0 -34px no-repeat;
}

.failed {
    background: url(/newinterface/images/tooltip-icons.png) 0 -51px no-repeat;
}

.pending {
    background: url(/newinterface/images/tooltip-icons.png) 0 -68px no-repeat;
}

.inactive {
    background: url(/newinterface/images/tooltip-icons.png) 0 -85px no-repeat;
}

#red .tooltip .tooltip-arrow {
    border-top-color: #c5181f;
}

#black .tooltip .tooltip-arrow {
    border-top-color: #333;
}

#green .tooltip .tooltip-arrow {
    border-top-color: #5c9926;
}

.tooltip {
    z-index: 99999;
}

.tooltip .tooltip-inner {
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    padding: 12px 15px;
    line-height: 16px;
}

#red .tooltip .tooltip-inner {
    background: #fce3e4;
    color: #c5181f;
    border: 1px solid #c5181f;
}

#black .tooltip .tooltip-inner {
    background: #fff;
    color: #333;
    border: 1px solid #333;
}

#green .tooltip .tooltip-inner {
    background: #e8f6dc;
    color: #5c9926;
    border: 1px solid #5c9926;
}

.navbar-inverse .nav li a:focus, .navbar-inverse .nav li a:hover {
    color: #FFFBCC;
    text-decoration: underline;
}

.navbar-inverse .brand:hover {
    color: #999;
}

.navbar-inverse .nav li a {
    color: #fff;
}

#top-nav .nav li a {
    padding: 0;
}

#top-nav .nav li, #footer .nav li {
    margin-right: 12px;
    padding-right: 12px;
    line-height: 21px;
    border-right: 1px solid #404040;
    float: left;
}

#top-nav .nav .last {
    border: 0;
    margin: 0;
    padding: 0;
}

#top-nav .nav .right {
    float: right;
}

#footer .footer-legal {
    text-align: center;
    margin-bottom: 40px;
}

#footer .nav {
    width: auto;
    float: none;
    padding: 0;
    overflow: hidden;
    display: inline-block;
}

#footer .nav li {
    border-right: 1px solid #d9d9d9;
}

#footer .nav .last {
    border: 0;
    margin: 0;
    padding: 0;
}

#footer p, #footer a {
    color: #666;
    padding: 0;
    text-shadow: none;
    font-size: 13px;
    line-height: 19px;
}

#footer a:hover, #footer a:focus {
    text-decoration: underline;
}

.all-domains .modal {
    width: 500px;
    margin-left: -250px;
}

.modal-header {
    padding: 30px 20px 15px;
}

.modal-body {
    padding: 20px;
}

.modal-body fieldset {
    padding-right: 14px;
}

.editor select:not([multiple]) {
    height: 34px;
    line-height: 34px;
}

.editor select[multiple] {
    height: auto;
    line-height: 34px;
}

.modal-body textarea, .modal-body input[type=text] {
    width: 100%;
}

#domain-login textarea {
    padding: 14px;
}

#domain-login fieldset {
    padding-right: 30px;
}

.hero-unit {
    background: #737373;
    color: #fff;
    font-weight: 400;
    margin: 0 -30px;
    padding: 20px 20px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.hero-unit .sml-title {
    font-size: 13px;
    color: #dcdcdc;
    margin: 0;
    line-height: 23px;
}

.hero-unit h2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1em;
    margin: 0;
    color: #fff;
}

.hero-unit p {
    font-size: 13px;
    color: #dcdcdc;
    line-height: 16px;
    margin: 4px 0;
    white-space: nowrap;
}

.hero-unit p strong {
    font-size: 15px;
    color: #fff;
    white-space: nowrap;
    font-weight: 500;
}

.hero-unit a, .hero-unit a:hover, .hero-unit a:focus {
    color: #fff;
    text-decoration: underline;
}

.hero-unit strong {
    color: #fff;
    font-size: 16px;
}

.hero-unit .oneoff {
    float: left;
    background: #818181;
    padding: 0 10px;
    margin-top: 4px;
}

.hero-unit .alerts {
    background-image: url(/newinterface/images/alert-yel2.png);
    background-position: 12px 12px;
    background-repeat: no-repeat;
    padding: 12px 12px 12px 64px;
    float: right;
    margin: 0 0 0 10px;
    width: 280px;
    min-height: 38px;
    color: #191919;
}

.hero-unit .alerts h3 {
    font-size: 17px;
    line-height: 21px;
    margin: 0 0 4px;
    text-transform: uppercase;
    font-weight: 600;
}

.hero-unit .alerts li {
    font-size: 13px;
    line-height: 19px;
    margin-left: 18px;
}

.hero-unit .alerts a {
    color: #191919;
    text-decoration: underline;
}

.hero-unit .alerts .get-more {
    position: absolute;
    top: 7px;
    right: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

#alertsDiv .exception {
    display: none;
}

.hero-inner {
    position: relative;
    min-height: 60px;
}

.nav-tabs {
    border: 0;
    margin: 20px -20px 0;
    font-size: 15px;
    font-weight: 400;
    clear: both;
    background: #737373;
    border-top: 3px solid #818181;
}

.nav-tabs > li {
    margin: 0;
}

.nav-tabs > li > a {
    text-decoration: none;
    color: #fff;
    padding: 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    overflow: hidden;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    border: 0;
    cursor: pointer;
    background: #fff;
    padding: 17px 14px 14px;
    margin-top: -3px;
}

.nav > li > a:hover, .nav > li > a:focus {
    border: 0;
    background: #666;
}

.nav-tabs > li > a, .nav-pills > li > a {
    margin-right: 1px;
}

.hero-unit li div {
    height: 26px;
    float: left;
    margin: -3px 7px 0 0;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.hero-unit .overview div {
    background-image: url(/newinterface/images/overview.png);
    width: 21px;
}

.hero-unit .order div {
/*    background-image: url(/newinterface/images/order.png);
    width: 21px;*/
    color: #333333;
}

.hero-unit .billing div {
    background-image: url(/newinterface/images/billing.png);
    width: 20px;
}

.hero-unit .support div {
    background-image: url(/newinterface/images/support.png);
    width: 25px;
}

.hero-unit .notifications div {
    background-image: url(/newinterface/images/notifications.png);
    width: 20px;
}

.hero-unit .account div {
    background-image: url(/newinterface/images/account.png);
    width: 21px;
}

.hero-unit .overview.active div {
    background-image: url(/newinterface/images/overview-wl.png);
}

.hero-unit .order.active div {
    /*background-image: url(/newinterface/images/order-wl.png);*/
}

.hero-unit .billing.active div {
    background-image: url(/newinterface/images/billing-wl.png);
}

.hero-unit .support.active div {
    background-image: url(/newinterface/images/support-wl.png);
}

.hero-unit .notifications.active div {
    background-image: url(/newinterface/images/notifications-wl.png);
}

.hero-unit .account.active div {
    background-image: url(/newinterface/images/account-wl.png);
}

.hero-unit .m365 div {
/*    background-image: url(/newinterface/images/order.png);
    width: 21px;*/
    color: #333333;
}

.noalerts .alerts {
    display: none;
}

.title {
    padding: 0 0 10px 0;
    position: relative;
}

.span9 .search input[type="text"], .span8 .search input[type="text"] {
    width: 100%;
}

.table-top {
    background: #f8f8f8;
    padding: 30px 30px 14px;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 12px;
}

.table-top .search input[type="text"] {
    max-width: 331px;
}

.view-all {
    padding-right: 30px;
    font-size: 15px;
    margin-top: -30px;
    background: url(/newinterface/images/wl-arrow-big.png) 100% 50% no-repeat;
    line-height: 23px;
}

.content-box h2 + .view-all {
    margin-top: -42px;
}

.sort a {
    background: url(/newinterface/images/sort.png) 100% 50% no-repeat;
    color: #4c4c4c;
    padding-right: 14px;
    text-decoration: none;
}

.sort a:hover {
    color: #4c4c4c;
    text-decoration: underline;
}

.table {
    border-top: 1px solid #fff;
    font-size: 13px;
    width: 100%;
    margin: 0;
    /*table-layout: fixed;*/
}

.table td, .table th {
    border-top: 1px solid #E4E4E4;
    padding: 12px 0 12px 14px;
    white-space: nowrap;
}

.table td {
    background: #fff;
    vertical-align: top;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.table th {
    background-color: #f8f8f8;
    border-bottom: 3px solid #999999;
    font-weight: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.table .active {
    font-weight: 600;
    border-bottom-width: 5px;
}

.table td:first-child, .table th:first-child {
    padding-left: 8px;
}

.table td:last-child, .table th:last-child {
    padding-right: 8px;
}

.table td a {
    text-decoration: underline;
}

.table .ellipsis {
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.table .ellipsis:hover, .table .ellipsis:focus {
    white-space: normal;
    word-break: break-all;
    overflow: visible;
    background: inherit;
    -webkit-text-overflow: visible;
    -moz-text-overflow: visible;
    text-overflow: visible;
}

.table .wrap {
    white-space: normal;
}

.table .nowrap {
    white-space: nowrap;
}

.table .domain-wrap {
    white-space: normal;
    word-break: break-all;
}

.table input[type="checkbox"], .table input[type="radio"] {
    margin: -4px 0 0;
}

.shelf .form-inline {
    margin: -5px 0;
}

.shelf .display .form-inline input {
    margin-left: -6px;
}

.table-bot {
    background: #f8f8f8;
    padding: 20px 30px 40px;
    border-top: 1px solid #fff;
    overflow: hidden;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.table-responsive .domain-wrap {
    white-space: nowrap;
}

#zone-record-list-table .domain-wrap {
    white-space: normal;
}

.table-responsive .wrap {
    min-width: 180px;
}

.table-responsive + .table-responsive, .table-responsive + p, .content-box + p {
    margin-top: 12px;
}

.handles {
    position: absolute;
}

.handle {
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    width: 25px;
    height: 60px;
    margin-top: -30px;
    color: #FFF;
    font-size: 80px;
    line-height: 40px;
    cursor: pointer;
    z-index: 999;
}

.handle:hover {
    color: #FFF;
    background: rgba(0, 0, 0, 0.2);
}

.handle-left {
    left: 0;
    padding: 0 10px 0 6px;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

.handle-right {
    right: 0;
    padding: 0 6px 0 10px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

.shelf .table {
    border: 1px solid #D9D9D9;
}

.shelf .table tr:first-of-type td {
    border-top: 0;
}

.shelf .table tr:last-of-type td {
    border-bottom: 0;
}

.shelf .table td:first-child {
    padding-left: 14px;
    font-size: 14px;
}

.legend {
    list-style: none;
    margin: 0;
    float: right;
}

.legend li {
    float: left;
    white-space: nowrap;
    padding-right: 16px;
    font-size: 13px;
}

.legend li:last-child {
    padding: 0;
}

.legend .mark {
    float: left;
    margin: 0 6px 0 0;
    width: 19px;
    height: 19px;
}

.download {
    background: url(/newinterface/images/download.png) 0 50% no-repeat;
    padding-left: 32px;
    font-size: 15px;
    font-weight: 600;
    line-height: 38px;
    float: left;
    color: inherit;
    margin-top: -5px;
}

.download:hover, .download:focus {
    color: inherit;
}

.more-link, .support-link {
    background: url(/newinterface/images/wl-arrow-sml.png) 100% 3px no-repeat;
    padding: 0 16px 0 0;
}

.title .more-link, .title .support-link {
    background: url(/newinterface/images/wl-arrow-sml-back.png) 0 3px no-repeat;
    padding: 0 0 0 16px;
}

button.expander {
    background: url(/newinterface/images/expander.png) 0 0 no-repeat;
    height: 31px;
    width: 31px;
    float: right;
    border: 0;
    outline: none;
}

button.expander.collapsed {
    background-position: 0 100%;
}

.table button.expander {
    margin: -6px 0;
}

#contents a.expander, .content a.expander {
    cursor: pointer;
}

#contents a.expander:after, .content a.expander:after {
    content: " [-]";
}

#contents a.collapsed:after, .content a.collapsed:after {
    content: " [+]";
}

.sidebar h3 .edit {
    font-size: 13px;
    font-weight: 400;
    float: right;
}

.sidebar h3 .edit a {
    color: #333;
    text-decoration: underline;
}

.neg-box {
    border: 3px solid #f5f5f5;
    padding: 14px 27px;
    margin-top: 12px;
}

.neg-box h2 {
    line-height: 36px;
    background: url(/newinterface/images/alert-red.png) 0 50% no-repeat;
    padding-left: 48px;
}

.neg-box ul {
    list-style: none;
    margin: 0;
}

.neg-box li {
    margin-bottom: 6px;
}

.neg-box .view-all {
    margin: -58px -14px 0 0;
}

.neg-box li a {
    color: #d62029;
}

#overdue {
    background: #c5181f;
}

#collections {
    background: #333;
}

.notice-box {
    position: absolute;
    top: 0;
    right: 0;
}

.notice-box div {
    margin-left: 6px;
    float: left;
    margin-bottom: 6px;
}

.notice-box p {
    margin: 0 15px;
    line-height: 36px;
    color: #fff;
    font-size: 15px;
}

.notice-box a {
    color: #fff;
    font-size: 13px;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #fff;
    text-decoration: underline;
}

.notice-box a:hover, .notice-box a:focus {
    color: #fff;
}

#billing-table .status {
    width: 24px;
}

#billing-table .status a {
    width: 15px;
    background-position: 50% 50%;
    padding: 0;
    display: block;
    margin: auto;
}

#billing-table .status span {
    margin-left: 7px;
}

.table tr:last-of-type td {
    border-bottom: 1px solid #E4E4E4;
}

.table .hl-unpaid td {
    background: rgba(255, 172, 27, .05);
}

.table .hl-overdue td {
    background: rgba(197, 24, 31, .05);
}

div.inv-due, .inv-due td {
    background: rgba(255, 172, 27, .1);
    border-bottom: 2px solid #fff !important;
}

div.inv-overdue, .inv-overdue td {
    background: rgba(197, 24, 31, .1);
    border-bottom: 2px solid #fff !important;
}

.table .hl-collections td {
    background: #fff;
    color: #999;
}

.table .hl-collections a {
    color: #999;
}

.table .hl-paid td {
    background: #fff;
}

.table .hl-unpaid td, .table .hl-overdue td {
    border-top: 0;
    border-bottom: 0;
}

.table .hl-unpaid + tr td, .table .hl-overdue + tr td {
    border-top: 0;
}

.table .hl-unpaid + .hl-unpaid td, .table .hl-unpaid + .hl-overdue td, .table .hl-overdue + .hl-unpaid td, .table .hl-overdue + .hl-overdue td {
    border-top: 2px solid #fff;
}

.hl-paid .mark {
    background: #fff;
}

.hl-unpaid .mark {
    background: #ffac1b;
}

.hl-overdue .mark {
    background: #c5181f;
}

.hl-collections .mark {
    background: #333;
}

.hl-collections b {
    vertical-align: text-top;
}

.mark {
    width: 12px;
    height: 12px;
    background: #333;
    display: block;
    margin: 4px auto -2px;
    vertical-align: text-top;
}

.btn {
    padding: 10px 12px;
    text-decoration: none;
}

.input-prepend .btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.search .input-append input, .search .input-prepend input, .search .input-append select, .search .input-prepend select, .search.input-append .uneditable-input, .search .input-prepend .uneditable-input {
    padding: 10px 12px;
    font-size: 15px;
}

.form-inline .input-prepend {
    font-size: inherit;
    white-space: normal;
}

.www .input-prepend input[type=text] {
    padding-left: 53px;
}

.www .add-on {
    background: 0;
    border: 0;
    z-index: 3;
    position: absolute;
    font-size: 15px;
}

.www .input-prepend .add-on {
    padding: 4px 12px;
}

.www .input-append .add-on {
    padding: 14px 12px;
}

#overview .content > h2 {
    font-size: 28px;
    line-height: 28px;
    margin-top: 34px;
}

#overview .table-bot ul {
    margin: 4px 0 0;
    list-style: none;
}

#overview .table-bot li {
    width: 50%;
    padding: 0;
    float: left;
}

#overview #register-domain + p {
    margin: 10px 0 0;
}

#overview .sidebar {
  padding: 20px 30px;
}

#overview .sidebar h2.order {
  font-size: 22px;
}

#overview .sidebar h2.order:before {
  content: " ";
  display: block;
  width: 21px;
  height: 26px;
  float: left;
  margin: 1px 7px 0 0;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-image: url(/newinterface/images/order-wl.png);
}

@media (max-width: 979px) {
  #overview .sidebar h2.order:before {
    margin-top: 5px;
  }
}

#summary {
    position: absolute;
    top: 8px;
    right: 0;
}

.content-box {
    background: #F8F8F8;
    padding: 40px 30px;
    margin-top: 12px;
}

.sms-mfa-box{
    width:372px;
    display: inline-block;
}

.mfa-box{
    padding-top:60px !important;
}

div:not(.promo-tab) .content-box:first-child, div:not(.promo-tab) .content-box h2 {
    margin-top: 0;
}

.content-box form {
    margin: 0;
}

p + .content-box, p + .table-top {
    margin-top: 30px;
}

.table-top + .content-box, .table-strip + .content-box {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    margin: 0;
}

.table-box {
    background: #F8F8F8;
    padding: 0 30px 30px;
}

.expander-box {
    background: #F8F8F8;
    margin-top: 12px;
}

.expander-box .content-box {
    padding-top: 0;
}

.expander-title {
    padding: 20px 30px;
}

.expander-title h2 {
    margin: 0;
    line-height: 31px;
}

.expander-box p {
    font-size: 13px;
    line-height: 1.4em;
}

.expander-box h4 {
    font-size: 15px;
}

.search .input-append {
    margin: 0;
    overflow: hidden;
    display: block;
    padding-right: 45px;
    position: relative;
}

.www .input-prepend input[type=text], .www .input-prepend select, .www .input-prepend .uneditable-input {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#billing .table-top a, #notifications .table-top a, .types-link {
    text-decoration: underline;
    color: #333;
}

.advanced {
    padding-top: 20px;
    font-size: 13px;
    color: #4C4C4C;
}

.advanced label {
    font-size: 13px;
    width: 130px;
}

.advanced span {
    padding: 0 8px;
    display: inline;
}

.advanced label + span {
    padding-left: 0;
}

.advanced fieldset {
    padding: 3px 0;
}

.advanced #bydomain, .advanced #byinvoice {
    width: 290px;
}

.advanced select {
    width: 304px;
}

#notifications .advanced #bydomain, .advanced #bycontent {
    width: 230px;
}

#allnodes td {
    padding: 10px;
    background: #fff;
}

#allnodes h2 {
    text-align: center;
}

.advanced .btn {
    margin-top: -45px;
    padding: 10px 12px 10px 38px !important;
    background: url(/newinterface/images/glass.png) 10px 50% no-repeat, -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background: url(/newinterface/images/glass.png) 10px 50% no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background: url(/newinterface/images/glass.png) 10px 50% no-repeat, -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background: url(/newinterface/images/glass.png) 10px 50% no-repeat, -o-linear-gradient(top, #ffffff, #e6e6e6);
    background: url(/newinterface/images/glass.png) 10px 50% no-repeat, linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: no-repeat;
    display: block;
}

#advanced + p {
    font-size: 13px;
    margin: 10px 0 0;
}

#advanced + p a {
    border-left: 1px solid #c9c9c9;
    padding-left: 8px;
    margin-left: 8px;
}

#notifications .advanced label {
    width: 160px;
}

.table-strip {
    background: #F8F8F8;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e4e4e4;
    padding: 20px 30px;
    overflow: hidden;
}

.divided {
    list-style: none;
    margin: 5px 0 0;
    float: left;
}

.divided li {
    float: left;
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #c4c4c4;
    font-size: 13px;
}

.divided li:first-child {
    border: 0;
    margin: 0;
    padding: 0;
}

.divided a, .divided a:hover, .search-again, .search-again:hover {
    color: #333;
    text-decoration: underline;
}

.search-again {
    float: left;
    clear: both;
    margin-top: 8px;
    font-size: 13px;
}

.pagination {
    margin: 0;
}

.pagination a {
    color: #333;
}

.pagination .record-size-link {
    font-size: 13px;
}

.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    color: inherit;
    text-decoration: underline;
}

#billing .divided, #notifications .table-strip .divided {
    margin: 0;
}

div + #support-tickets h2 {
    margin-top: 30px;
}

#support #support-tickets .btn {
    margin: 16px 20px 0 0;
}

#support .table-bot .btn {
    margin-top: 4px;
}

#support .pagination {
    margin-top: 10px;
}

#support .sidebar .btn {
    margin-bottom: 20px;
}

.recent-orders {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.recent-orders th {
    font-size: 12px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
}

.recent-orders td {
    font-size: 13px;
    padding: 8px 14px 0 0;
}

.recent-orders td:last-child, .recent-orders th:last-child {
    padding-right: 8px;
}

.recent-orders tr:first-child td {
    padding-top: 16px;
}

.recent-orders tr:last-child td {
    padding-bottom: 16px;
}

.form-horizontal .control-group label, .form-inline label {
    text-align: left;
    font-size: 13px;
    color: #4C4C4C;
    text-transform: uppercase;
    font-weight: 500;
}

.form-horizontal .control-group .radio, .form-horizontal .control-group .checkbox {
    text-transform: none;
    font-weight: normal;
    font-size: 14px;
}

.reason-sub-list {
    background: #FFF;
    padding: 20px;
    margin: 10px 0;
}

.form-inline label {
    margin-right: 10px;
}

.form-inline input + label {
    margin-left: 10px;
}

.form-inline .btn {
    padding: 4px 12px;
}

#advanced .form-inline label {
    text-transform: none;
    margin-right: 0;
    font-weight: 400;
}

.other-settings-container .control-label {
    width: 230px;
}

.other-settings-container .form-horizontal .controls {
    margin-left: 250px;
}

.dp, .dtp {
    padding-left: 26px !important;
}

.icon-calendar {
    position: absolute;
    margin: 8px;
}

.form-horizontal .icon-calendar {
    margin: 10px;
}

.form-horizontal .dp, .form-horizontal .dtp {
    padding-left: 30px !important;
}

.form-horizontal label:not(.control-label) + .controls {
    margin-left: 0;
}

.form-horizontal .control-group {
    margin-bottom: 8px;
}

.form-horizontal .help-block, .form-horizontal input + .help-block, .form-horizontal select + .help-block {
    font-size: 13px;
    margin-top: 2px;
}

.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline {
    color: inherit;
    font-weight: 600;
}

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline, .error + .help-block, span.error {
    color: #c5181f;
}

.ccNew input[type="text"]:focus:not(.invalid-field) {
	border:1px solid #ccc;
	box-shadow:inherit;
}

div.braintree-hosted-fields {
    font-size:14px;
    padding:6px;
    width:206px;
    height:16px;
    border:1px solid #ccc;
    border-radius:4px;
    background-color:#ffffff;
}

div.braintree-hosted-field-expiry-month {
    width:42px;
    display:inline-block;
}

div.braintree-hosted-field-expiry-month + div {
    display:inline-block;
    padding:8px 0px;
}

div.braintree-hosted-field-expiry-month + div em {
    float:left;
}

div.braintree-hosted-field-expiry-year {
    width:56px;
    display:inline-block;
}

div.braintree-hosted-field-expiry-cvv {
    width:50px;
}

.checkContainer {
	padding:20px 0px 0px 0px;
	width:50%;
	float:left;
}
.checkContainer input {
	margin: 0 7px;
}

input.btn-primary:disabled {
    background:#f0f0f0;
    border-color:#f0f0f0;
}

input.error, select.error,
textarea.error,
div.invalid-field,
input.invalid-field,
input.invalid-field:focus {
    border-color: #c5181f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

p.error {
    padding: 20px;
    font-size: 13px;
}

.hero-unit p.error {
    padding: 0;
}

.hero-unit .alerts p.error {
    color: #191919;
}

.form-horizontal .control-group:not(.floated) .error-message {
    width: 260px;
    float: right;
}

#migration-create-form .form-horizontal .control-group input {
	margin-bottom: 4px;
}

.cc-form .invalid-field + .help-block {
	text-align:right;
}

.control-group .error-message p,
.invalid-field + .help-block span {
    font-size: 13px;
    color: #c5181f;
    margin: 0;
}

.editor input[type="text"], .editor input[type="password"], .editor textarea, .editor select {
    padding: 6px 8px;
}

.editor input[type="text"]:not([class*='span']), .editor input[type="password"]:not([class*='span']), .editor textarea:not([class*='span']), .editor select:not([class*='span']) {
    width: 100%;
}

.content-box textarea {
    height: 100px;
}

.content-box .controls, .editor .controls, .table-strip .controls, .table-top .controls, .table-bot .controls {
    padding-right: 18px;
}

.content-box .full .controls, .table-strip .full .controls, .table-top .full .controls, .table-bot .full .controls {
    padding-right: 0;
}

.controls .pull-right {
    margin-right: -18px;
}

.select .controls {
    padding-right: 0;
}

.controls p {
    line-height: 20px;
    padding-top: 7px;
    margin-bottom: 7px;
}

.content-box .control-label {
    padding-top: 7px;
    margin-bottom: 7px;
}

.control-group .recaptchatable .recaptcha_image_cell {
    background-color: transparent;
}

.control-group .recaptchatable #recaptcha_response_field {
    width: 100% !important;
    border-color: #ccc !important;
}

.control-group .recaptchatable #recaptcha_response_field:focus {
    border-color: rgba(82, 168, 236, 0.8) !important;
}

.http {
    position: relative;
}

.http:before {
    content: "http://";
    position: absolute;
    padding: 7px 9px;
    color: #999;
}

.http input {
    text-indent: 42px;
}

#recaptcha_table {
    border: 0 !important;
}

#recaptcha_logo {
    padding-left: 8px;
}

#recaptcha_area td {
    padding: 0 !important;
}

#recaptcha_area .recaptcha_image_cell {
    padding: 0 8px 0 0 !important;
}

.recaptcha_input_area {
    padding-bottom: 0 !important;
}

#recaptcha_privacy {
    width: 50px;
}

#recaptcha_privacy a {
    font-size: 10px;
    color: #aaa;
}

.display input[type="text"], .display input[type="password"], .display p, .display textarea {
    color: #333;
    border-color: transparent;
    background: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    cursor: text;
}

.display label {
    cursor: text;
}

.display .help-block {
    display: none;
}

.display p {
    line-height: 33px;
    margin: 0;
}

.editor a.btn.pull-right {
    padding: 4px 12px;
    margin: -14px -14px 0 0;
}

#cc-details {
    overflow: hidden;
}

#cc-details ul {
    list-style: none;
    margin: 20px 0 0;
}

#cc-details li {
    float: left;
    margin-bottom: 10px;
    font-weight: 600;
    clear: both;
}

#cc-details li span {
    background: url(/newinterface/images/credit-card.png) 0 0 no-repeat;
    height: 31px;
    width: 37px;
    float: left;
    clear: left;
    margin: -3px 20px 0 0;
}

#contact-prefs .radio input {
    padding: 0;
    width: auto;
}

#contact-prefs, #contact-prefs label {
    font-size: 13px;
}

#contact-prefs .radio {
    margin-top: -10px;
    margin-bottom: 14px;
}

#contact-prefs p {
    font-size: 14px;
}

#register-domain p {
    margin: 12px 0 20px;
}

#register-domain ul {
    list-style: none;
    margin: 0;
}

#register-domain li {
    float: left;
    padding: 0 20px 2px 30px;
    line-height: 33px;
}

#register-domain li a {
    color: #333;
}

#register-domain .consolidate {
    background: url(/newinterface/images/blocks.png) 0 50% no-repeat;
}

#register-domain .bulk-transfer {
    background: url(/newinterface/images/double-arrow.png) 0 50% no-repeat;
}

#register-domain .transfer {
    background: url(/newinterface/images/single-arrow.png) 0 50% no-repeat;
}

#register-domain .netfleet {
    background: url(/newinterface/images/dollar.png) 0 50% no-repeat;
}

#register-domain .reg-name {
    background: url(/newinterface/images/reg-name.png) 0 50% no-repeat;
}

.search select {
    position: absolute;
    right: 52px;
    margin: 7px 0;
    width: 112px;
    -webkit-appearance: none;
    border: 0;
    background: transparent url(/newinterface/images/tlds.png) 100% 50% no-repeat;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 34px;
    line-height: 1em;
    z-index: 2;
}

.search select::-ms-expand {
    display: none;
}

.search input[type=submit] {
    background: url(/newinterface/images/btn-go.png) 50% 50% no-repeat, -moz-linear-gradient(top, #0088cc, #0044cc);
    background: url(/newinterface/images/btn-go.png) 50% 50% no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background: url(/newinterface/images/btn-go.png) 50% 50% no-repeat, -webkit-linear-gradient(top, #0088cc, #0044cc);
    background: url(/newinterface/images/btn-go.png) 50% 50% no-repeat, -o-linear-gradient(top, #0088cc, #0044cc);
    background: url(/newinterface/images/btn-go.png) 50% 50% no-repeat, linear-gradient(to bottom, #0088cc, #0044cc);
    text-indent: -99999px;
    width: 44px;
}

#register-domain input[type="text"] {
    padding-left: 49px;
    height: 48px;
}

#register-domain .btn {
    padding: 13px 12px;
}

#order-products {
    padding: 30px;
}

#order-products .btn {
    float: right;
    margin-left: 10px;
}

#order-products h2 {
    margin: 0 0 20px;
}

#order-products > p, #order-products > div > p {
    margin-right: 10px;
    line-height: 30px;
    font-weight: 700;
    font-size: 15px;
}

#order-products h3 {
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 4px;
    line-height: 24px;
}

#order-products ul {
    margin: 0;
    list-style: none;
    clear: both;
}

#order-products li {
    border-top: 1px solid #d9d9d9;
    padding: 20px 0 20px 160px;
    overflow: hidden;
    position: relative;
}

#order-products li p {
    margin: 0;
    font-style: italic;
    font-size: 15px;
    font-weight: 300;
}

#order-products li em {
    text-decoration: line-through;
    font-size: 16px;
}

#order-products li strong {
    color: #c51000;
    font-size: 22px;
    font-weight: 400;
}

#order-products li span {
    font-size: 20px;
}

#order-products .vps {
    background: url(/newinterface/images/order/vps.png) 0 100% no-repeat;
}

#order-products .ssl {
    background: url(/newinterface/images/order/ssl.png) 0 100% no-repeat;
}

#order-products .wl-other {
    margin-top: 40px;
}

.content div + h2, .content table + h2 {
    margin-top: 40px;
}

.content .pull-right + h2, .content .reorder + h2 {
    margin-top: 0;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    margin-left: -21px;
}

.form-horizontal .table .radio input[type="radio"], .form-horizontal .table .checkbox input[type="checkbox"] {
    margin: 4px 0 0 -20px;
}

#view-email > p {
    color: #191919;
    font-weight: 600;
    margin-left: 160px;
}

#view-email > p span {
    font-size: 13px;
    color: #4C4C4C;
    position: absolute;
    width: 160px;
    font-weight: normal;
    left: 40px;
}

#view-email form {
    padding-top: 20px;
}

#view-email input[type="text"] {
    width: 400px;
}

#view-email fieldset {
    overflow: hidden;
    padding-right: 14px;
}

#preview {
    padding-top: 30px;
    border-top: 1px solid #d9d9d9;
    margin-top: 30px;
}

#preview table {
    border-collapse: separate;
}

#preview p {
    font-weight: normal;
}

#preview-blank {
    display: none;
    margin-top: 30px;
}

.correspondence .item {
    margin-bottom: 10px;
}

.correspondence .item-top {
    font-weight: 600;
    background: #efefef;
    padding: 20px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
}

.correspondence .item-top p {
    margin: 0;
}

.correspondence .attachment {
    background: #efefef url(/newinterface/images/icon-attach.png) 100% 20px no-repeat;
}

.correspondence pre {
    background: #f8f8f8;
    padding: 20px;
    overflow: hidden;
}

.correspondence .closed .item-top {
    border: 0;
}

.correspondence .closed:last-of-type {
    margin-bottom: 10px;
}

.correspondence #reply {
    margin: 30px 0 10px;
    clear: both;
}

.correspondence #view-correspondence {
    margin-top: 10px;
}

.correspondence .dl-attach {
    background: #1FA2E9 url(/newinterface/images/icon-attach-blue.png) 12px 10px no-repeat;
    padding: 10px 14px 10px 42px;
    margin: 10px 0 0 10px;
    float: right;
    color: #fff;
}

.correspondence .dl-attach a {
    color: #fff;
    text-decoration: underline;
}

.reply p {
    font-weight: 600;
    font-size: 16px;
    margin: 40px 0 20px;
}

.reply textarea {
    width: 100%;
    height: 150px;
}

.reply fieldset {
    padding-right: 14px;
}

.reply > .btn {
    margin: 30px 0 0 10px;
}

.all-domains .table-top .btn {
    margin: -11px 0 10px 10px;
}

.table td.status a {
    text-decoration: none;
}

#view-ticket-table td:last-child {
    text-transform: capitalize;
}

.toggle {
    display: inline-block;
    width: 70px;
    height: 28px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: -9px 0;
    right: 0;
}

.toggle input[type=checkbox] {
    display: none;
}

.toggle input[type=checkbox] + label {
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-indent: -9999px;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url(/newinterface/images/toggle2.png) no-repeat -42px 0;
    -webkit-transition: background-position 0.2s ease-in-out;
    -moz-transition: background-position 0.2s ease-in-out;
    transition: background-position 0.2s ease-in-out;
}

.toggle input[type=checkbox]:checked + label {
    -webkit-transition: background-position 0.2s ease-in-out;
    -moz-transition: background-position 0.2s ease-in-out;
    transition: background-position 0.2s ease-in-out;
    background-position: 0;
}

.toggle input[type=checkbox]:disabled + label {
    background-image: url(/newinterface/images/toggle-disabled2.png);
}

.form-inline .toggle {
    display: inline-block;
    margin: -9px 0;
}

#selectExpMonth, #selectExpYear {
    width: auto !important;
}

select + .help-inline + select {
    margin-left: 5px;
}

#inputCode {
    width: 50px;
}

#updown, #service-admin {
    padding-top: 20px;
}

#updown form:first-of-type, #service-admin form {
    margin-bottom: 20px;
}

.nohero {
    border-top: 5px solid #f2f2f2;
    padding-top: 50px;
}

#login-box form {
    padding-top: 10px;
    margin-bottom: 30px;
}

#login-box .btn {
    margin-top: -20px;
    font-size: 16px;
    padding: 10px 16px;
    float: right !important;
}

#login-box input[type="text"], #login-box input[type="password"] {
    width: 100%;
}

.error-box, .warning-box, .success-box {
    padding: 16px;
    border: solid 1px;
    font-size: 13px;
    line-height: 19px;
    margin: 10px 0;
}

#consolidate .warning-box:first-child {
    margin-top: 0;
}

.title .error-box:last-child, .title .warning-box:last-child, .title .success-box:last-child {
    margin-bottom: 0;
}

.error-box p, .warning-box p, .success-box p {
    margin-bottom: 5px;
}

.error-box p:last-child, .warning-box p:last-child, .success-box p:last-child {
    margin-bottom: 0;
}

.error-box ul, .warning-box ul, .success-box ul {
    margin: 0;
}

.error-box li, .warning-box li, .success-box li {
    margin-left: 25px;
}

.error-box {
    border-color: #DF8F8F;
    background: #FFD7D7;
}

.warning-box {
    border-color: #E6DB55;
    background: #FFFBCC;
}

.success-box {
    border-color: #ACDBAD;
    background: #ECFAE3;
}

.ui-autocomplete {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 6px 0;
    border: 1px solid #ccc !important;
}

.ui-state-active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #fff;
    background: #666;
    border-color: #666;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #797979;
}

.ui-widget-header {
    border-width: 1px;
    background: #666;
    border: 0;
    border-radius: 0;
}

.ui-widget-content {
    background: #fff;
}

.ui-corner-all {
    border-radius: 0;
}

.ui-dialog {
    padding: 0;
}

.ui-dialog .ui-dialog-title {
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 21px;
}

.ui-dialog .ui-dialog-content {
    padding: 20px;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: url(/resources/images/popup-close.gif) 0 0 no-repeat;
    text-indent: -99999px;
    height: 13px;
    width: 13px;
    border: 0;
    right: 20px;
    margin-top: -6px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 20px;
}

#password-strength {
    font-size: 13px;
}

#password-strength p {
    margin-bottom: 2px;
}

#password-strength div div {
    position: absolute;
    top: 0;
    height: 14px;
    width: 0;
}

#password-strength .colourblock {
    position: relative;
    height: 14px;
    background-color: #ccc;
    width: 188px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

#password-strength .red {
    background-color: #c5181f;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

#password-strength .orange {
    background-color: #ff8a1b;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

#password-strength .green {
    background-color: #6ab22d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.strength-meter.display {
    display: none;
}

#prepaid-summary table {
    width: 100%;
    font-weight: 600;
    font-size: 15px;
}

#prepaid-summary td:first-child {
    width: 200px;
    font-weight: 400;
    font-size: 14px;
}

#add-prepaid h2, #prepaid-summary h2 {
    margin: 0 0 20px;
}

#add-prepaid .radio {
    margin: 0 0 14px;
}

.recharge-prepaid-form {
    background: #fff;
    padding: 30px;
    margin-bottom: 20px;
}

#rechargeOptions {
    background: #F8F8F8;
    padding: 20px;
    margin: 20px -20px -20px;
}

.ccExisting {
    margin-bottom: 30px;
    width: 100%;
}

#prepaid-account .ccNew {
    display: none;
}

.account .sidebar .cancel {
    margin-top: 12px;
    font-weight: 700;
}

.radio.selected {
    font-weight: 600;
}

.content-box + .table-top, .table-bot + .table-top, form + .table-top, .content-box + div .table-top:first-of-type, .expander-box + div div:first-of-type .table-top:first-of-type, .js-box {
    margin-top: 12px;
}

.content-box + h2 {
    margin-top: 30px;
}

#vps-details-container {
    padding-top: 20px;
}

#vps-details-container > h3 {
    margin-top: 20px;
    line-height: 32px;
    font-size: 28px;
}

#monitoring table {
    margin-bottom: 30px;
}

#monitoring .form-horizontal {
    margin-bottom: 30px;
}

#monitoring .warning-box {
    margin-bottom: 30px;
}

#reboot, #suspended {
    padding: 20px 30px 30px;
}

#ip-blocks th {
    font-weight: bold;
    min-width: 120px;
}

#forgot-pass .form-inline {
    margin-bottom: 40px
}

#forgot-pass .form-inline input {
    margin-bottom: 10px;
}

#forgot-pass .warning-box {
    margin: 20px 0 30px;
}

.webwidget_rating_simple {
    margin: 10px 0 0;
    overflow: hidden;
}

.webwidget_rating_simple li {
    line-height: 0px;
    width: 14px;
    height: 12px;
    padding: 0px;
    margin: 0px;
    margin-left: 2px;
    list-style: none;
    float: left;
    cursor: pointer;
}

.webwidget_rating_simple li span {
    display: none;
}

.star-rating {
    background: #fff;
    padding: 10px 10px 14px;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
}

.star-rating + .star-rating {
    margin-top: 10px;
}

.data ul {
    margin: 0;
}

.data li {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
}

.data li:last-of-type {
    margin: 0;
}

.data .span3 {
    font-weight: 600;
    margin: 0;
}

.single-invoice .form-inline, #multi-invoice .form-inline {
    margin: 30px 0 40px;
}

.single-invoice .cc-form + .checkbox {
    margin: 30px 0 0;
}

form #important {
    display: none;
}

#invoice-legend {
    margin-top: -20px;
}

#invoice-legend div {
    padding: 10px;
    float: left;
    width: 150px;
    text-align: center;
}

.logo img {
    max-height: 150px;
    max-width: 900px;
}

.zone-record-form, .password-form {
    padding-top: 30px;
}

#manage-anti-spam-link {

}

.ftp-www {
    position: absolute;
    line-height: 34px;
    padding-left: 8px;
    color: #555;
}

.ftp-www + input {
    text-indent: 43px;
}

#traffic-graph td {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 50%, #b3b3b3 50%);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#ffffff), color-stop(50%,#b3b3b3));
    background: -webkit-linear-gradient(left, #ffffff 50%,#b3b3b3 50%);
    background: -o-linear-gradient(left, #ffffff 50%,#b3b3b3 50%);
    background: -ms-linear-gradient(left, #ffffff 50%,#b3b3b3 50%);
    background: linear-gradient(to right, #ffffff 50%,#b3b3b3 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3b3b3',GradientType=1 );
    padding: 0;
}

#traffic-graph img {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #b3b3b3 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#b3b3b3));
    background: -webkit-linear-gradient(left, #ffffff 0%,#b3b3b3 100%);
    background: -o-linear-gradient(left, #ffffff 0%,#b3b3b3 100%);
    background: -ms-linear-gradient(left, #ffffff 0%,#b3b3b3 100%);
    background: linear-gradient(to right, #ffffff 0%,#b3b3b3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3b3b3',GradientType=1 );
    padding: 30px 0;
    margin: 0 auto;
    display: block;
}

#dashboardSection h4 {
    margin: 0;
}

#dashboardSection .content-box {
    padding: 15px;
}

#dashboardSection .featured {
    background: #eee;
}

#dashboardSection .featured li {
    border-color: #d9d9d9;
}

#dashboardSection ul {
    list-style: none;
    margin: 0 -10px 0 0;
    padding: 0;
    overflow: hidden;
}

#dashboardSection li {
    list-style: none;
    float: left;
    background-color: #fff;
    margin: 9px 9px 0 0;
    border: 2px solid #E6E6E6;
}

#dashboardSection li a {
    display: block;
    padding: 72px 6px 12px 6px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2em;
    color: #191919;
    height: 30px;
    width: 99px;
    position: relative;
}

#dashboardSection li:before {
    position: absolute;
    content: " ";
    height: 67px;
    width: 67px;
    margin: 6px 24px 0;
    background: url(/newinterface/images/icons-dashboard.png) 50% 0 no-repeat;
}

#dashboardSection li:hover {
    background-color: #fefbde;
}

#dashboardSection li:hover:before {
    background-image: url(/newinterface/images/icons-dashboard-over.png);
}

#dashboardSection .db_addzone:before {background-position: 50% 0;}
#dashboardSection .db_updatens:before {background-position: 50% -67px;}
#dashboardSection .db_newemail:before {background-position: 50% -134px;}
#dashboardSection .db_webmail:before {background-position: 50% -201px;}
#dashboardSection .db_adddb:before {background-position: 50% -268px;}
#dashboardSection .db_updatecontact:before,
#dashboardSection .db_addcontact:before,
#dashboardSection .db_contacts:before {background-position: 50% -335px;}
#dashboardSection .db_sell:before,
#dashboardSection .db_domain:before {background-position: 50% -402px;}
#dashboardSection .db_cpanel:before,
#dashboardSection .db_cpaneldetails:before,
#dashboardSection .db_hosting:before {background-position: 50% -469px;}
#dashboardSection .db_zones:before {background-position: 50% -536px;}
#dashboardSection .db_nameservers:before {background-position: 50% -603px;}
#dashboardSection .db_redirect:before {background-position: 50% -670px;}
#dashboardSection .db_accounts:before {background-position: 50% -737px;}
#dashboardSection .db_responder:before {background-position: 50% -804px;}
#dashboardSection .db_databases:before {background-position: 50% -871px;}
#dashboardSection .db_profile:before {background-position: 50% -1005px;}
#dashboardSection .db_builder:before {background-position: 50% -1072px;}
#dashboardSection .db_apps:before {background-position: 50% -1139px;}
#dashboardSection .db_ftp:before {background-position: 50% -1206px;}
#dashboardSection .db_files:before {background-position: 50% -1273px;}
#dashboardSection .db_stats:before {background-position: 50% -1340px;}
#dashboardSection .db_index:before {background-position: 50% -1407px;}
#dashboardSection .db_mime:before {background-position: 50% -1474px;}
#dashboardSection .db_aliases:before {background-position: 50% -1541px;}
#dashboardSection .db_security:before,
#dashboardSection .db_spam:before {background-position: 50% -1608px;}
#dashboardSection .db_zeus:before {background-position: 50% -1675px;}
#dashboardSection .db_mailroom:before {background-position: 50% -1742px;}
#dashboardSection .db_gateway:before {background-position: 50% -1809px;}
#dashboardSection .db_ssl:before {background-position: 50% -1876px;}

#dashboardSection .password-link {
    font-size: 13px;
    color: inherit;
    text-decoration: underline;
}

#scan-reputation td {
    padding: 10px;
}

#reputation, #legend {
    list-style: none;
    margin: 0;
    overflow: hidden;
}

#legend {
    margin-top: 8px;
    height: auto;
    float: none;
    margin-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;
    width: auto;
}

#reputation li, #legend li {
    list-style: none;
    height: 60px;
    width: 185px;
    float: left;
    margin: 0 0 0 10px;
    white-space: normal;
    line-height: 1.2em;
}

#legend li {
    height: auto;
    margin-bottom: 10px;
}

#reputation em {
    color: #797979;
    font-size: 12px;
    margin-left: 30px;
    display: block;
}

.reputation-rating {
    width: 25px;
    height: 22px;
    float: left;
    margin-right: 5px;
}

.reputation-rating-green {
    background: url(/newinterface/images/safeIcon.png) 0 0 no-repeat;
}

.reputation-rating-red {
    background: url(/newinterface/images/badIcon.png) 0 0 no-repeat;
}

#domain-level {
    margin: -30px;
}

#domain-nav {
    background: #E6E6E6;
    padding: 12px 20px;
    border-top: 2px solid #eee;
}

#domain-nav label {
    color: #333;
    font-size: 18px;
    margin: 0 20px 0 0;
    line-height: 40px;
    text-transform: none;
    font-weight: 500;
    vertical-align: top;
}

#domain-nav a, #domain-nav span {
    color: #333;
    font-size: 13px;
    line-height: 20px;
}

#domain-nav select {
    /*-webkit-appearance: none;*/
    font-size: 16px;
    color: #191919;
    /*padding: 5px 43px 5px 10px;*/
    /*background: #FFF url(/resources/images/select-arrow.png) 100% 50% no-repeat;*/
    /*-webkit-border-radius: 4px;*/
    /*-moz-border-radius: 4px;*/
    /*border-radius: 4px;*/
    /*-webkit-box-shadow: inset 1px 3px 7px #DDD;*/
    /*-moz-box-shadow: inset 1px 3px 7px #DDD;*/
    /*box-shadow: inset 1px 3px 7px #DDD;*/
    height: 40px;
    /*border: 1px solid #FFF;*/
    /*border-right: 0;*/
    margin: 0 20px 0 0;
    vertical-align: top;
    width: 480px;
}

#domain-nav input[type=text] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #000;
    background: #F8F8F8 !important;
    margin: 0 20px 0 0;
    vertical-align: top;
    width: 458px;
    cursor: text;
    border-color: #F8F8F8;
}

#domain-nav .domain-summary a, #domain-nav .domain-summary a:hover {
    text-decoration: underline;
}

#side-nav {
    background: #f8f8f8;
    white-space: nowrap;
    margin: 0;
    padding-right: 10px;
}

#side-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: visible;
}

#side-nav > ul {
    margin: 10px -10px 20px 0;
}

#domain-menu > li > a:before {
    content: " ";
    background: url(/newinterface/images/icons-domain-menu.png) 0 0 no-repeat;
    width: 27px;
    height: 27px;
    float: left;
    margin: 11px 10px 0 0;
}

#domain-menu a, #dashboardSection a {
    text-decoration: none;
}

#domain-menu .dm-domain:before {background-position: 0 -27px;}
#domain-menu .dm-hosting:before {background-position: 0 -54px;}
#domain-menu .dm-om:before {background-position: 0 -81px;}
#domain-menu .dm-security:before {background-position: 0 -108px;}
#domain-menu .dm-gateway:before {background-position: 0 -135px;}
#domain-menu .dm-ssl:before {background-position: 0 -162px;}
#domain-menu .dm-email:before {background-position: 0 -189px;}
#domain-menu .dm-contact:before {background-position: 0 -216px;}

#side-nav ul a {
    display: block;
    color: #4c4c4c;
    line-height: 50px;
    font-size: 15px;
    padding-left: 20px
}

#side-nav ul a:hover {
    background: #8B8B8B;
    color: #fff;
}

#side-nav #domain-menu > li > a:hover:before {
    background-image: url(/newinterface/images/icons-domain-menu-over.png);
}

#side-nav ul ul a {
    line-height: 36px;
    font-size: 14px;
    padding-left: 65px;
}

#domain-menu .active > a {
    background: #E6E6E6;
}

.menu-toggle, .menu-toggle:hover {
    color: #4c4c4c;
    font-size: 16px;
    margin-bottom: 10px;
}

.domain-arrow {
    background: url(/newinterface/images/domain-arrow.png) 0 0 no-repeat;
    height: 16px;
    width: 17px;
    border: 0;
    float: right;
}

.collapsed .domain-arrow {
    background-position: 0 100%;
}

#contents {
    padding: 30px;
    margin: 0;
    background: #fff;
}

@supports (flex-wrap: wrap) {
    #domain-level {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    #domain-nav {
        flex: 1 100%;
        order: 1;
    }

    #side-nav {
        flex: 1 auto;
        order: 1;
    }

    #contents {
        flex: 2 auto;
        order: 2;
    }
}

.combo-list-wrapper {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    cursor: pointer;
    position: relative;
}

.combo-list-wrapper .combo-list-value {
    font-size: 14px;
    padding: 4px 6px;
    background: url(/newinterface/images/select.png) 100% 50% no-repeat;
}

.combo-list-wrapper .combo-list {
    position: absolute;
    width: 100%;
    background-color: #fff;
    display: none;
    border: 1px solid #CCC;
    z-index: 99999;
    padding: 8px 0;
    margin: -5px 0 0 -1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.combo-list-wrapper .combo-list-item {
    cursor: pointer;
    padding: 4px 6px 4px 6px;
}

.combo-list-wrapper .combo-list-item-active {
    background: #1fa2ea;
    color: #fff;
}

.combo-list-wrapper .original-price {
    float: none;
}

.cloud-promo {
    background: #F8F8F8 url(/resources/images/promo/cloud.png) 100% 0 no-repeat;
}

.cpanel-promo {
    background: #F8F8F8 url(/resources/images/promo/cpanel_icon.png) 100% 0 no-repeat;
}

.vps-promo {
    background: #F8F8F8 url(/resources/images/promo/vps_icon.png) 100% 0 no-repeat;
}

.email-promo {
    background: #F8F8F8 url(/resources/images/promo/email.png) 100% 0 no-repeat;
}

.seo-promo {
    background: #F8F8F8 url(/resources/images/promo/seo.png) 100% 100% no-repeat;
}

.ppc-promo {
    background: #F8F8F8 url(/resources/images/promo/ppc.png) 100% 50% no-repeat;
}

.assess-promo {
    background: #F8F8F8 url(/resources/images/promo/assess.png) 100% 50% no-repeat;
}

.ses-promo {
    background: #F8F8F8 url(/resources/images/promo/ses.png) 100% 50% no-repeat;
}

.mailroom-promo {
    background: #F8F8F8 url(/resources/images/promo/mailroom.png) 100% 0 no-repeat;
}

.ssl-promo {
    background: #F8F8F8 url(/resources/images/promo/ssl.png) 100% 50% no-repeat;
}

.gateway-promo {
    background: #F8F8F8 url(/resources/images/promo/gateway.png) 100% 50% no-repeat;
}

.hardening-promo {
    background: #F8F8F8 url(/resources/images/promo/hardening.png) 100% 50% no-repeat;
}

.security-promo {
    background: #F8F8F8 url(/resources/images/promo/security.png) 100% 50% no-repeat;
}

.manager-promo {
    background: #F8F8F8 url(/resources/images/promo/manager.png) 100% 50% no-repeat;
}

.protection {
    background: #F8F8F8 url(/resources/images/promo/domain.png) 100% 0 no-repeat;
    margin-top: 12px !important;
}

.content-box .promo-form {
    border-top: 1px solid #d9d9d9;
    padding-top: 14px;
    margin-top: 14px;
}

.promo-tab .content-box {
    padding: 25px;
}

.promo-tab .content-box p {
    padding-right: 150px;
}

.promo-tab .protection p {
    padding-right: 0;
}

.promo-tab .manager-promo p {
    padding-right: 220px;
}

.promo-tab .content-box .span3 {
    margin-left: 0;
}

.website-prod-1 h3, .website-prod-2 h3 {
    line-height: 1.2em;
    padding-top: 90px;
    margin: 0 0 6px;
    font-size: 20px;
}

.website-prod-1 h3 {
    background: url(/resources/images/promo/website-2.png) 50% 0 no-repeat;
}

.website-prod-2 h3 {
    background: url(/resources/images/promo/website-1.png) 50% 0 no-repeat;
}

.website-prod-1 h3 + p, .website-prod-2 h3 + p {
    font-size: 16px;
    font-style: italic;
}

.website-prod-1 ul, .website-prod-2 ul, .website-prod-1 .text-right, .website-prod-2 .text-right {
    margin-top: 25px;
}

.website-prod-2 + hr {
    display: none;
}

.promo-tab .om-promo h2, .promo-tab .sec-promo h2 {
    float: left;
    margin-bottom: 6px;
}

.promo-tab .om-promo p {
    padding-right: 300px;
    clear: both;
}

.promo-tab .om-promo ul {
    margin-bottom: 15px;
}

.promo-tab .sec-promo p {
    padding-right: 200px;
    clear: both;
}

.seo-promo p, .ppc-promo p {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 6px;
}

#sslCertificatesPromoSection .content-box p, #paymentGatewayPromoSection .content-box p {
    padding-right: 230px;
}

.promo-tab .content-box .promo-price {
    float: left;
    margin: 4px 0 0 8px;
    vertical-align: bottom;
    font-size: 15px;
}

.promo-tab .content-box .promo-price span {
    font-size: 18px;
}

.promo-form label {
    margin-bottom: 0;
    line-height: 30px;
    text-transform: none;
    font-size: 15px;
}

#alternatives .available {
    font-weight: bold;
    color: #008000;
}

#paymentGatewaySection .form-inline {
    padding-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 20px;
}

.name-server-button {
    margin: 6px 0 10px;
}

.nohero #domain-level {
    margin-top: -25px;
}

.nohero #domain-level .dl-login {
    background: #737373;
    color: #fff;
    width: 100%;
    padding: 10px 20px;
    text-align: right;
    font-size: 13px;
}

.nohero #domain-level .dl-login a {
    color: #fff;
    text-decoration: underline;
}

#contents #prod-nav, #contents #footer, #contents .hero-unit {
    display: none;
}

#contents .inner {
    padding: 0;
}

#contents .inner:before, #contents .inner:after, #contents .main:before, #contents .main:after {
    display: none;
}

@-moz-document url-prefix() {
    select {
        background-image: none !important;
    }

    .contact select {
        font-size: 14px;
    }

    .search select {
        border-left: 1px solid #e6e6e6;
        margin-left: -112px;
        padding: 5px 0 5px 10px !important;
        width: 100px;
    }

    #register-domain input[type="text"] {
        height: 47px;
    }

    .input-block-level[type="text"] {
        height: 41px;
    }

    .advanced fieldset {
        padding-right: 15px;
    }

    .search .input-append .add-on, .search .input-prepend .add-on {
        padding: 15px 12px;
    }
}

/* RESPONSIVE */

@media (min-width: 1200px) {
    .navbar .container {
        width: 1230px;
    }

    #contents {
        width: 890px;
    }

    /*.table {*/
        /*table-layout: auto;*/
    /*}*/

    .table th {
        width: auto !important;
    }

    .form-horizontal .control-group.floated {
        float: left;
        margin-right: 30px;
    }
}

@media (min-width: 980px) and (max-width: 1199px) {
    .content {
        margin-right: 20px;
    }

    #service-admin select {
        width: 130px;
    }
}

@media (min-width: 980px) {
    #domain-menu {
        height: auto !important;
    }

    .sidebar .expander, .sidebar .search select {
        display: none;
    }

    #register-domain input[type="text"] {
        padding-right: 0;
    }

    #sidebar {
        height: auto !important;
    }

    .title {
        margin-right: 20px;
    }

    .nohero #domain-level {
        margin-top: -85px;
    }

    #side-nav {
        min-height: 300px;
    }

    @-moz-document url-prefix() {
        .advanced #bydomain {
            width: 220px;
        }
    }
}

@media (max-width: 979px) {
    h1 {
        margin-top:20px
    }

    .main {
        padding: 0 20px;
    }

    .inner {
        padding: 20px 0;
    }

    .hero-unit {
        margin: 0 -20px;
        padding-left: 20px;
    }

    .navbar .nav {
        font-size: 12px;
    }

    #domain-level {
        margin: -20px;
    }

    #domain-nav select {
        width: 260px;
    }

    #domain-nav input[type=text] {
        width: 238px;
    }

    #domain-nav label, #domain-nav select, #domain-nav input[type=text] {
        margin: 0 15px 0 0;
    }

    #side-nav {
        padding: 20px 20px 10px;
    }

    #side-nav #domain-menu {
        margin: 0 -20px;
        overflow: hidden;
    }

    #side-nav #domain-menu:after {
        content: none;
    }

    #contents {
        padding: 10px 20px 20px;
    }

    #side-nav, #contents {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #footer .nav li {
        margin-right: 8px;
        padding-right: 8px;
    }

    #footer .nav p, #footer .nav a {
        font-size: 12px;
    }

    #footer p, #footer a {
        font-size: 12px;
    }

    .nav-collapse .nav {
        float: left;
        margin: 0;
    }

    .nav-collapse, .nav-collapse.collapse {
        height: auto;
    }

    .navbar .btn-navbar {
        display: none;
    }

    .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
        font-weight: 400;
    }

    .nav-collapse .nav>li>a {
        margin-bottom: 0;
    }

    .navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a {
        color: #fff;
    }

    .content {
        margin: 0;
    }

    .hero-unit .alerts {
        width: auto;
        max-width: 329px;
    }

    /*.span3 iframe, .span4 iframe, .sidebar .details hr, .sidebar hr + h3, .mobile-big, .hero-unit h2 span, #preview, #allservices-table td:nth-child(6), #allservices-table th:nth-child(6), #allservices-table td:nth-child(8), #allservices-table th:nth-child(8) {*/
    .span3 iframe, .span4 iframe, .sidebar .details hr, .sidebar hr + h3, .mobile-big, .hero-unit h2 span, #preview {
        display: none;
    }

    .table .nextinvoice {
        padding-right: 8px;
    }

    .pull-right[class*="span"], .row-fluid .pull-right[class*="span"] {
        float: none;
    }

    .view-all {
        display: inline-block;
        margin-bottom: 10px;
    }

    .sidebar {
        padding: 20px 30px;
        background: #f8f8f8;
        margin: 0;
    }

    .sidebar .details {
        float: left;
        min-height: 1px;
        width: 50%;
    }

    .sidebar h2 {
        line-height: 31px;
    }

    .span3 .search input[type="text"] {
        width: 100%;
    }

    .notice-box {
        right: 0;
    }

    #overview .details {
        border-top: 1px solid #D9D9D9;
        margin-top: 20px;
    }

    #support .sidebar .details, #support .sidebar hr, .account .sidebar .details, .account .sidebar hr {
        width: 100%;
    }

    #overview iframe {
        height: 350px;
        width: 100%;
    }

    .details:last-child > * {
        padding-right: 0;
    }

    #preview-blank {
        display: block;
    }

    .title {
        height: auto;
    }

    .promo-form [class*="span"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .combo-list-wrapper {
        margin-bottom: 6px;
    }
}

@media (min-width: 768px) {
    .navbar .brand {
        display: none !important;
    }

    .navbar .nav {
        padding: 12px 0;
        width: 100%;
    }

    .navbar .nav .nav {
        padding: 0;
    }

    .navbar-inverse .nav li a {
        padding: 0;
    }
}

@media (max-width: 767px) {
    body {
        padding: 0;
    }

    select[class*="span"], input[class*="span"] {
        margin-bottom: 8px;
        min-height: 34px;
    }

    select[class*="span"]:last-child, input[class*="span"]:last-child {
        margin-bottom: 0;
    }

    .form-horizontal .fileupload .uneditable-input {
        width: 110px;
    }

    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
    }

    .nav-collapse, .nav-collapse.collapse {
        overflow: hidden;
        height: 0;
    }

    .navbar .btn-navbar {
        display: block;
        margin: 8px;
    }

    #top-nav .nav {
        float: none;
        margin: 0 5px 0 0;
    }

    #top-nav .nav li {
        display: none;
        line-height: 30px;
    }

    #top-nav .nav .right, #top-nav .right li, #top-nav .nav .right .last {
        display: block;
        border: 0;
    }

    #footer {
        padding: 0;
    }

    #footer .nav li {
        border: 0;
    }

    .logo {
        margin-left: 20px;
    }

    .navbar .container {
        width: auto;
    }

    .hero-unit .alerts {
        max-width: 230px;
    }

    .nav-tabs {
        margin: 10px -30px 0 -20px;
        min-width: 767px;
    }

    .nav-tabs > li > a {
        padding: 14px 12px;
    }

    .hero-unit .overview div {
        margin-right: 0;
    }

    .hero-unit .overview span {
        display: none;
    }

    /*#cc-table td:nth-child(3), #cc-table th:nth-child(3), #allservices-table td:nth-child(5), #allservices-table th:nth-child(5), #billing-table td:first-child, #billing-table th:first-child, #billing-table td:nth-child(6), #billing-table th:nth-child(6), #alldomains-table td:nth-child(3), #alldomains-table th:nth-child(3), #view-ticket-table td:nth-child(2), #view-ticket-table th:nth-child(2) {*/
        /*display: none;*/
    /*}*/

    #invoice-legend {
        float: none;
        margin: 10px 0 30px;
    }

    .table .recipient {
        width: 130px;
    }

    .advanced .btn {
        float: left;
        margin: 6px 0 0 133px;
    }

    #notifications .advanced .btn {
        margin-left: 163px;
    }

    .table .queue {
        width: 120px;
    }

    #dashboardSection li {
        margin: 6px 6px 0 0;
    }

    #dashboardSection li a {
        width: 87px;
        padding-left: 5px;
        padding-right: 5px;
    }

    #dashboardSection li:before {
        margin: 6px 15px 0;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .row > .span9, .row > .span3, .row > .span8, .row > .span4, .row > .span12 {
        width: 668px;
    }

    .navbar-inverse .navbar-inner + .navbar-inner .container, .navbar .container {
        width: 728px;
    }

    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 668px;
    }

    .sidebar #domainName, .sidebar #hosting-domain {
        width: 400px;
    }

    #dashboardSection li a {
        width: 93px;
    }
}

@media (min-width: 640px) and (max-width: 979px) {
    .hero-unit .sml-title {
        margin: 30px 0 0;
    }
}

@media (max-width: 639px) {
    .hero-unit .oneoff {
        float: none;
        margin-left: 0;
        width: auto;
        position: relative;
        margin: 10px -10px 10px 0;
    }

    .hero-unit .alerts {
        margin-left: 0 !important;
        float: none !important;
        width: auto;
        position: relative;
        max-width: 100%;
    }

    .hero-unit .alerts li {
        font-size: 11px;
        line-height: 16px;
    }

    .hero-unit h2 {
        width: 176px;
    }

    .hero-unit h2 {
        margin-top: 20px;
        width: auto;
    }

    .nav-tabs {
        min-width: 639px;
    }

    #domain-nav form {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    #domain-nav select, #domain-nav input[type=text] {
        width: 100%;
    }

    #footer p {
        padding: 0 30px;
    }

    .noalerts h2 {
        margin-top: 0;
    }

    #summary {
        position: relative;
        top: 0;
    }

    .download {
        font-size: 13px;
        margin-top: 10px;
    }

    #invoice-transactions .description {
        width: 180px;
    }

    /*#bulkwhois-table td:nth-child(2), #bulkwhois-table th:nth-child(2), #multi-invoice-table td:nth-child(3), #multi-invoice-table th:nth-child(3), #billing-table td:nth-child(7), #billing-table th:nth-child(7), #invoice-payments th:nth-child(3), #invoice-payments td:nth-child(3), #invoice-transactions th:nth-child(3), #invoice-transactions td:nth-child(3), #billing-table td:nth-child(4), #billing-table th:nth-child(4), #view-ticket-table td:nth-child(3), #view-ticket-table th:nth-child(3), #view-ticket-table td:nth-child(4), #view-ticket-table th:nth-child(4), #overview-table td:nth-child(3), #overview-table th:nth-child(3), #notifications-table td:nth-child(4), #notifications-table th:nth-child(4), #alldomains-table td:nth-child(5), #alldomains-table th:nth-child(5), #allservices-table td:nth-child(7), #allservices-table th:nth-child(7), #order-table td:nth-child(2), #order-table th:nth-child(2), #order-table td:nth-child(5), #order-table th:nth-child(5) {*/
        /*display: none;*/
    /*}*/

    .table .period {
        padding-right: 8px;
    }

    #how-pay .input-prepend input {
        width: auto !important;
    }

    #multi-invoice .form-inline input {
        margin-bottom: 8px;
    }

    .notice-box {
        float: none;
        left: 0;
        top: 0;
        position: relative;
        margin: 0 0 -6px -6px;
    }

    .notice-box p {
        font-size: 13px;
    }

    .pagination, .password-link {
        float: none;
    }

    #notifications .advanced .btn, .advanced .btn {
        margin: 8px 0 0;
        clear: both;
    }

    .advanced #bydomain, .advanced #bycontent {
        float: left;
    }

    .legend {
        float: left;
        margin-top: 12px;
    }

    .nav-tabs > li > a {
        padding: 12px 12px 15px;
    }

    .hero-unit .nav li span {
        text-indent: -99999px;
        display: inline-block;
    }

    .hero-unit li div {
        margin: 0;
    }

    .advanced label, .name-server-button {
        display: block;
    }

    #domain-nav a, #domain-nav span {
        line-height: 19px;
    }

    .modal-footer input.btn {
        width: auto !important;
    }

    .promo-tab .content-box p {
        padding: 0;
    }

    .promo-tab .content-box {
        background: #f8f8f8;
    }

    #sslCertificatesPromoSection .content-box p, #paymentGatewayPromoSection .content-box p {
        padding-right: 0;
    }

    .table button.expander {
        float: none;
        margin-right: 6px;
    }

    .pull-right {
        float: none !important;
    }

    #support #support-tickets .btn {
        float: none;
        margin: 0 0 12px;
    }

    #reputation li, #legend li {
        padding-bottom: 10px;
        width: 135px;
        height: auto;
    }

    #paymentGatewaySection .btn {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100% !important;
        height: 100%;
        margin-bottom: 8px;
    }
}

@media (max-width: 550px) {
    #register-domain input[type="text"] {
        padding-right: 0;
    }

    .search select {
        display: none;
    }

    #view-email > p {
        margin-left: 0;
    }

    #view-email > p span {
        position: relative;
        display: block;
        margin: 0;
        left: 0;
    }

    #view-email input[type="text"] {
        width: 100%;
    }

}

@media (max-width: 506px) {
    #overview iframe {
        height: 680px;
    }
}

@media (min-width: 481px) and (max-width: 979px) {
    #support .sidebar .btn {
        float: right;
    }

    .details > *, .details td:last-child {
        padding-right: 20px;
    }
}

@media (max-width: 480px) {
    .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append, .form-horizontal .controls .btn {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100% !important;
        height: 100%;
    }

    .form-horizontal select {
        height: 34px;
    }

    .form-inline select {
        height: 30px;
    }

    .form-horizontal .controls .btn-file, .form-inline input[type="checkbox"], .form-horizontal input[type="checkbox"], .form-inline input[type="radio"], .form-horizontal input[type="radio"] {
        width: auto !important;
    }

    .advanced label, .advanced span {
        display: block;
        width: 100% !important;
    }

    .nav-tabs {
        font-size: 14px;
        min-width: 480px;
    }

    .sidebar {
        padding: 15px !important;
    }

    .input-block-level {
        width: 207px;
    }

    .legend, .divided {
        float: none;
        overflow: hidden;
    }

    .legend {
        margin-top: 10px;
    }

    .legend li {
        font-size: 12px;
        line-height: 24px;
        float: none;
    }

    /*.mobile, #multi-invoice-table td:nth-child(6), #multi-invoice-table th:nth-child(6), #invoice-payments th:nth-child(4), #invoice-payments td:nth-child(4), #invoice-transactions th:first-child, #invoice-transactions td:first-child, #alldomains-table td:nth-child(2), #alldomains-table th:nth-child(2), #cc-table td:first-child, #cc-table th:first-child, #cc-details span, #billing-table td:nth-child(3), #billing-table th:nth-child(3), #billing-table td:nth-child(8), #billing-table th:nth-child(8), #ticket-table td:nth-child(2), #ticket-table th:nth-child(2), #overview-table td:nth-child(4), #overview-table th:nth-child(4), #notifications-table td:nth-child(2), #notifications-table th:nth-child(2), .recent-orders td:nth-child(3), .recent-orders th:nth-child(3), #allservices-table td:nth-child(3), #allservices-table th:nth-child(3), #allservices-table td:nth-child(4), #allservices-table th:nth-child(4), #order-table td:nth-child(3), #order-table th:nth-child(3) {*/
    .mobile, #cc-details span, #apps-available td:nth-child(2), #apps-available th:nth-child(2), #apps-available td:nth-child(3), #apps-available th:nth-child(3), #apps-available td:nth-child(4), #apps-available th:nth-child(4) {
        display: none !important;
    }

    #overview .table-bot li {
        width: 100%;
    }

    .sidebar .details {
        float: none;
        width: auto;
    }

    .table-top {
        padding: 30px 15px 14px;
    }

    .table-top .btn {
        float: none;
        margin: 0 0 1em;
    }

    .table-strip {
        padding: 20px 15px;
    }

    .table-bot {
        padding: 15px 15px 20px;
    }

    .content-box {
        padding: 30px 15px;
    }

    .expander-title {
        padding: 15px;
    }

    .neg-box {
        padding: 32px 15px 15px;
    }

    .neg-box .view-all {
        margin: -76px 0 0 0;
    }

    .neg-box h2 {
        font-size: 20px;
    }

    #overview .content > h2 {
        font-size: 23px;
    }

    .advanced span {
        padding: 0;
    }

    /*.pagination .pull-right {*/
        /*float: none;*/
    /*}*/

    .form-horizontal .control-label {
        margin-bottom: 2px;
    }

    .form-horizontal .controls {
        padding-right: 0;
    }

    .display input[type="text"], .display input[type="password"] {
        padding-left: 0;
    }

    #login-details h2 {
        text-transform: capitalize;
    }

    #account .content-box {
        padding: 15px;
    }

    #account .content-box a.btn {
        margin: 0;
    }

    .controls .pull-right {
        margin-right: 0;
    }

    .table .expiry {
        width: 77px;
    }

    .table .renew {
        width: 62px;
    }

    .fileupload .uneditable-input {
        width: 110px !important;
    }

    .table .service {
        padding-right: 8px;
    }

    #login-box .btn {
        margin-top: 0;
    }

    .content-box .controls {
        padding-right: 0;
    }

    .content-box .reorder + h2 {
        display: table-header-group;
    }

    .sms-mfa-box{
        width:auto;
        display: inline-block;
    }

    .mfa-box{
        padding-top:15px !important;
    }


    .content-box .reorder {
        display: table-footer-group;
    }

    .content-box .reorder .btn {
        margin: 10px 0 !important;
    }

    input.btn + input.btn, .nsSubmit .btn + .btn {
        margin-top: 8px;
    }

    .promo-tab .content-box .promo-price {
        clear: both;
        margin: -4px 0 8px;
    }

    @-moz-document url-prefix() {
        #account .controls {
            padding-right: 18px;
        }
    }
}

@media (max-width: 420px) {
    .span9 .search input[type="text"], .span8 .search input[type="text"], .span3 .search input[type="text"] {
        width: 192px;
    }
}

/* Improve button */

.radio-img input[type="radio"] {
    display: none;
}

#feels input[type="radio"] + label {
    background: #fc0 url(/resources/images/feels.png) 0 0 no-repeat;
    height: 40px;
    width: 40px;
    display: inline-block;
    *display: inline;
    padding: 0;
}

#feels #hate + label {
    background-position: 0 0;
}

#feels #dislike + label {
    background-position: -40px 0;
}

#feels #neutral + label {
    background-position: -80px 0;
}

#feels #like + label {
    background-position: -120px 0;
}

#feels #love + label {
    background-position: -160px 0;
}

#feels input[type="radio"]:checked + label, #feels label:hover {
    background-position: #fa0 !important;
}

#feels #hate:checked + label, #feels #hate + label:hover {
    background-position: 0 100%;
}

#feels #dislike:checked + label, #feels #dislike + label:hover {
    background-position: -40px 100%;
}

#feels #neutral:checked + label, #feels #neutral + label:hover {
    background-position: -80px 100%;
}

#feels #like:checked + label, #feels #like + label:hover {
    background-position: -120px 100%;
}

#feels #love:checked + label, #feels #love + label:hover {
    background-position: -160px 100%;
}

#feedback input[type="radio"] + label {
    background: #f0f0f0;
    height: 24px;
    display: inline-block;
    *display: inline;
    padding: 8px 10px 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#feedback input[type="radio"]:checked + label, #feedback label:hover {
    background: #1fa2ea !important;
    color: #fff;
}

#improve #improve-success {
    padding: 10px 30px;
}

#improve label.error {
    color: #C5181F;
    font-size: 13px;
    float: right;
    margin: -8px -14px 0 0;
}

#floater {
    position: fixed;
    z-index: 1;
    right: 40px;
    bottom: 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background: #595959;
    color: #fff;
    padding: 10px 18px;
}

#floater a {
    float: left;
    height: 29px;
    width: 29px;
    padding-right: 14px;
    margin-right: 14px;
    border-right: 1px solid #7a7a7a;
    text-indent: -99999px;
    background: url(/newinterface/images/icons-improve.png) 0 0 no-repeat;
}

#floater a:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}

#floater .fl-twitter {
    background-position: 0 -29px;
}

#floater .fl-facebook {
    background-position: 0 -58px;
}

#floater .fl-chat {
    background-position: 0 -87px;
}

#floater .fl-improve {
    background-position: 0 -116px;
}

#floater a:hover {
    background: url(/newinterface/images/icons-improve-over.png) 0 0 no-repeat;
}

#floater .fl-twitter:hover {
    background-position: 0 -29px;
}

#floater .fl-facebook:hover {
    background-position: 0 -58px;
}

#floater .fl-chat:hover {
    background-position: 0 -87px;
}

#floater .fl-improve:hover {
    background-position: 0 -116px;
}

#floater .fl-option {
    background: #0092e6;
    position: absolute;
    right: 0;
    top: -45px;
    padding: 10px 14px;
    border-radius: 4px;
}

#mailStatus {
    padding-top: 30px;
}
#mailStatus .btn {
    padding: 3px 12px;
    vertical-align: middle;
}
#mailStatus .toggle, #mailStatus .qtn {
    vertical-align: middle;
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.datepicker {
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    /*.dow {
         border-top: 1px solid #ddd !important;
     }*/
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px;
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 7px;
}

.datepicker > div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fdd49a', endColorstr = '#fdf59a', GradientType = 0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#0088cc', endColorstr = '#0044cc', GradientType = 0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #003399;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker table tr td span:hover {
    background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#0088cc', endColorstr = '#0044cc', GradientType = 0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399;
}

.datepicker table tr td span.old {
    color: #999999;
}

.datepicker th.switch {
    width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th {
    cursor: pointer;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr:first-child th:hover {
    background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

/* domain-split-request */

#external-domain-split #existingAccountDiv, #external-domain-split #newAccountDiv {
    padding: 20px 40px 20px 20px;
    margin: 20px 0 10px;
    background: #f0f0f0;
    max-width: 390px;
}
#external-domain-split .form label {
    margin-right: 18px;
    line-height: 34px;
    white-space: nowrap;
}

@media (max-width: 414px) {
    #external-domain-split .form td {
        display: block;
    }
    #external-domain-split .form label {
        line-height: 1em;
    }
    #external-domain-split .form input, #external-domain-split .form select {
        margin-bottom: 8px;
    }
    #external-domain-split .form {
        width: 100%;
    }
    #external-domain-split #existingAccountDiv, #external-domain-split #newAccountDiv {
        padding-right: 20px;
    }
}

.bpay-border-box {
    padding: 10px 14px;
    border: 2px solid #203267;
    color: #203267;
    display: inline-block;
    margin: 4px 0 14px 48px;
    position: relative;
}
.bpay-border-box:before {
    content: "";
    background: #203267 url(/newinterface/images/bpay.png) no-repeat 0 0;
    background-size: contain;
    border: 2px solid #fff;
    width: 38px;
    height: 60px;
    position: absolute;
    left: -50px;
    top: -2px;
}
.bpay-border-box strong {
    font-weight: 800;
}

.select-all-box .btn + .checkbox {
    overflow: hidden;
    padding-top: 6px;
}

.btn-left {
	float: left;
}

.btn-right {
	float: right;
}

.cleaner {
	clear: both;
}

#emailMigrationSection mark {
	background-color: inherit;
	font-weight: bold;
}

.migration-submitted-msg {
    float: right;
    width: 400px;
}
/** M365 changes **/
.nav .bootstrap2 .dropdown-menu {
    background-color: #ddd;
}
.nav .bootstrap2 .caret {
    color: white;
    border-top-color: white;
    border-bottom-color: white;
}
.nav .bootstrap2 .caret:hover {
    color: white!important;
    border-top-color: white;
    border-bottom-color: white;
}
.nav .bootstrap5 .dropdown-menu {
    background-color: #DDD;
}
.nav .bootstrap5 .divider {
    border-top: 1px solid white!important;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}
.nav .bootstrap5 .dropdown-menu .dropdown-item, .nav .bootstrap5 .dropdown-menu .dropdown-item a span {
    color: black;
}
.nav .bootstrap5  .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333!important;
    white-space: nowrap;
}
/************* Google ReCaptcha Badge related CSS ************/

.grecaptcha-badge{
    display: none;
}

/**/

@media (max-width:767px) {
    .survey-popup-scroll{display: block;position: relative;width: auto;left:0;margin: 0;}
}

.show-survey-popup{position: fixed;top:0;right: 0;bottom: 0;left: 0;z-index: 1050;outline: 0;overflow-x: hidden;overflow-y: auto;}