:root {
    --color-primary: #00AAFF;
    --color-danger: #F9354C;
    --color-success: #41B314;
    --color-purple: #8000FF;
;}

[x-cloak] { display: none !important }

.auth-box .logo img {
    height: 75px;
    margin-bottom:10px;
}

body {
    font-family: "Open Sans", "Source Sans Pro", sans-serif !important;
    font-size: 14px;
}

body.impers {
    padding-bottom: 32px;
}

.btn {
    font-size: 13px;
}

.btn-xs {
    font-size: 11px;
}

ul.nav {
    font-weight: 300;
}

.navbar-default .brand {
    padding: 10px 43px 10px 33px;
}

.auth-box {
    padding: 0 30px;
    max-width: 500px;
}

.brand .logo {
    height: 40px;
    margin: 10px 40px 0 60px;
}

.auth-box .logo img, .sign-up .logo img {
    width: 8rem;
    margin-bottom:1em;
}

.auth-box .content .message {
    margin: 100px 30px;
    text-align: center;
    font-size: 1.2em;
}

.sidebar .nav > li > a {
    font-size: 15px;
    padding-left: 20px;
    padding-right: 10px;
}

.sidebar .nav .nav .nav {
    background-color: #28303A;
    border-left:5px solid  #AEB7C2;
}
.sidebar .nav .nav .nav > li > a {
    padding-left: 70px !important;
    display: block;
}

.sidebar .nav .nav > li > a:hover i, .sidebar .nav .nav > li > a:focus i, .sidebar .nav .nav > li > a.active i {
        color: var(--color-danger); }

.content-heading {
    margin: -28px -10px 30px -10px;
    padding: 20px 25px 10px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fff
}

.content-heading .heading-left {
}

.content-heading .page-title {
    margin: 0 0 3px 0;
    font-size: 22px;
    font-weight: 300;
}

.content-heading .page-subtitle,
.modal-subtitle {
    margin: 10px 0;
    font-size: 16px;
    line-height:30px !important;
    font-weight: 300;
    color: #7287a1
}

.content-heading .breadcrumb {
    font-size:1em;
    margin-bottom: 0;
    padding: 8px 0
}

@media screen and (max-width: 768px) {
    .content-heading .heading-left, .content-heading .breadcrumb {
        float: none
    }

    .content-heading .breadcrumb {
        padding-bottom: 0
    }

    .btn-lbl {
        display: none;
    }
}

.breadcrumb {
    background-color: inherit;
    padding-left: 0;
    padding-right: 0;
}

.breadcrumb > li + li:before {
    color: #a0aeba
}

.breadcrumb i {
    font-size: 15px;
    margin-right: 3px;
    color: #a0aeba
}

.breadcrumb i:hover, .breadcrumb i:focus {
    color: #008fd6
}

@media screen and (max-width: 767px) {
    .breadcrumb {
        float: none
    }
}

.btn-lbl {
    padding-left: 0.5em;
    text-transform: uppercase;
}

table.dataTable {
    border-color: #e9eef2;
}

table.dataTable input, table.dataTable select {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;;
    box-shadow: none !important;;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: none
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: normal
}

table.table th p.help-text {
    font-weight: normal;
    text-transform: none;
    padding-top:4px;
}

table.dataTable.no-footer {
    border-bottom-color: #e9eef2
}

table.dataTable thead {
    background-color: #f5f5fa;
}

table.dataTable thead > tr.row-title > th {
    font-weight: 600 !important;
}

table.dataTable thead > tr > th, table.dataTable tbody > tr > th, table.dataTable tbody > tr > td {
    padding-left: 8px !important;
    padding-right: 15px !important;
}

table.dataTable tbody > tr > td {
    padding: 10px 15px !important;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background: none
}

table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    color: #caced3
}

table.dataTable thead .row-filter {
    background-color: #dceaf5;
}

table.dataTable thead .row-filter input {
    width: 100%;
    font-weight: normal
}

table.dataTable thead .row-filter .btn-xs {
    padding: 3px 5px;
}

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

table.dataTable .actions a,
table.dataTable .actions .btn-link,
table.table-detail td a.action,
table.table-detail th a.action
{
    display: inline-block;
    height: 24px;
    width: 24px;
    margin: -2px 4px 0 0;
    line-height: 24px;
    text-align: center;
    color: #00a0f0 !important;
}

table.dataTable .actions .btn-link {
    padding: 0;
}


table.dataTable .actions a:hover,
table.dataTable .actions a:focus,
table.table-detail td a.action:hover,
table.table-detail td a.action:focus,
table.dataTable .actions .btn-link:hover,
table.dataTable .actions .btn-link:focus{
    border-radius: 48%;
    background-color: var(--color-primary);
    color: #fff !important;
    text-decoration: none !important;
}

table.dataTable .actions .las, table.table-detail td a.action.las, table.table-detail th a.action.las,
table.dataTable .actions .lar, table.dataTable .actions .la  {
    font-size: 22px !important;
    font-weight: 600 !important;
}

table.table-detail td a.action {
    margin: 0 0 0 6px;
    display: inline-block;
    vertical-align: bottom;
}

table.table-detail-block th {
    width: 1%;
    white-space: nowrap;
    text-transform: uppercase;
}

table.table-detail span.portfolio-service-description {
    margin-left: 1rem;
    font-size: 1.6rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin-left: 0;
    border: none;
    font-size: 12px
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    border: none;
    background: none;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--color-primary)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    border: none
}

.dataTables_wrapper.no-footer div.dataTables_scrollBody {
    border-bottom-color: #ddd
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
    color: #5e6773;
    font-size: 13px
}

.dataTables_wrapper .dataTables_info {
    color: #a0aeba;
    font-size: 12px
}

.dataTable .row-filter .form-group {
    margin-bottom: 0;
}

.dataTable .row-filter .form-control,
.dataTable .row-filter .select2-selection--single,
.dataTable .row-filter .select2-selection--multiple {
    border-color: #eaeaea !important;
    font-size: 12px !important;
    height: 28px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dataTable .row-filter .select2-container--default .select2-selection--multiple{
    height: auto;
}


.dataTable .row-filter .form-group.has-success .form-control {
    border-color: #eaeaea
}

#toast-container {
    width: 40%;
    max-width: 600px;
}

#toast-container>div {
    width: 100%;
}

#toast-container .toast {
    opacity: 0.85
}

#toast-container .toast-close-button {
    font-weight: 300;
    margin-top: 2px;
    font-size: 1.2em;
}

#toast-container .toast-message {
    font-weight: 600;
}

/* ==== PAGINATION ==== */
.pagination > li:first-child > a, .pagination > li:first-child > span {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.pagination a:focus {
    outline: none
}

.pagination > .active > a, .pagination > .active a:focus, .pagination > .active a:hover, .pagination > .active > span, .pagination > .active span:focus, .pagination > .active span:hover {
    background-color: var(--color-primary);
    border-color: #00a0f0;
    outline: none
}

.pagination > li > a, .pagination > li > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    color: var(--color-primary)
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    color: var(--color-primary);
    background-color: #f6f8f9;
    border-color: #f6f8f9
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #a0aeba
}

/* ==== END OF PAGINATION ==== */

/* Select2 customize */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0;
    border-radius: 2px;
    border-color: rgb(234, 234, 234);
    background-color: #fcfcfc !important;;
    min-height: 34px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border-color: #d6d6d6;
    background-color: #fff;
}

.select2-container--default .select2-results__option {
    background-color: #fff !important;
}

.select2-container--default .select2-results__option.select2-results__option--highlighted {
    background-color: var(--color-primary) !important;
}

.select2-selection--multiple, .select2-selection--single {
    border-color: #eaeaea !important;
}

.has-error .select2-selection--multiple, .has-error .select2-selection--single {
    border-color: #a94442 !important;
}

.has-success .select2-selection--multiple, .has-success .select2-selection--single {
    border-color: #3c763d !important;
}

.select2-search__field::placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

.select2-search__field:-ms-input-placeholder {
  color: #999 !important;
}
.select2-search__field::-webkit-input-placeholder {
  color: #999 !important;
}


.select2-dropdown {
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0;
    background-color: rgb(252, 252, 252);
    border-radius: 2px;
    border-color: rgb(234, 234, 234);
}

.select2-hidden-accessible {
    border: 0 var(--color-primary) !important;
}

.select2-selection__arrow {
    color: #555 !important;
}

.select2-selection__clear {
    color: #555 !important;
    font-size: 18px;
}

.select2-selection__arrow > b {
    border-top-color: #555 !important;
    border-bottom-color: #555 !important;
}

.select2-selection__choice {
    color: #555;
    background-color: #eee !important;
    border-color: #eaeaea !important;
    border-radius: 2px !important;;
}

.select2-selection__choice__remove {
    color: #555 !important;
    margin-right: 4px !important;
}

.select2-results__option--highlighted {
    background-color: var(--color-primary) !important;
}

/** End select2 customize **/

.panel-heading h4,
h4.panel-option {
    text-transform: uppercase;
    font-weight: 300;
    font-size:1.25em;
}

.panel-heading h4 strong {
    font-weight: 500 !important;
}

.panel-heading h5 {
    font-size:1.15em;
}

.detail-view dl {
    font-size: 1.15em;
    font-weight:300;
}
.detail-view dl a {
    font-weight: 400;
}
.detail-view dl dt {
    font-weight: 600 !important;
}

.dataTable th.select-all {
    padding-left:15px !important;
    padding-right:15px !important;
    text-align:center !important;
}

.td-status i {
    margin-right:0.33em;
}

.sidebar .nav > li > a .badge {
    background-color: var(--color-primary) !important
}

.icon-menu.alarm {
     padding-top:32px !important
}

.icon-menu.alarm .badge {
    top: 26px !important;

}


.wrapper>.container {
    margin-top: 100px;
}

a.brand {
    padding-left:0 !important;
}
a.brand>img {
    margin-left:0 !important;
}

.th-users {
    white-space: nowrap;
}

.td-users {
    white-space: nowrap;
}

.label-status {
    font-weight:300;
    text-transform: uppercase;
}

.panel-footer h4 {
    font-weight:300;
}

.metric .icon.notification {
    background-color: var(--color-danger) !important;
}

.metric .icon {
    background-color: var(--color-primary) !important;
}

.metric .icon i {
    font-size: 30px;
    margin-top:8px;
}

.metric .title {
    display: inline-block;
    margin-top:8px;
}

.metric .title a {
    margin-left:0.3em
}

.panel-body.no-padding table tr.row-title {
    background-color: #dceaf5;
}

table tr.row-title th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#modalOpen  form .select2-container, fieldset .select2-container,
#filter-form .select2-container, #filter-form- .select2-container {
    width:100% !important;
}

#filter-form .checkbox label {
    font-weight: 800 !important;
}

span.label-user {
    display: inline-block;
    margin: 0 0.5em;
}

._daterangepicker {
    height: 34px;
    width:100%;
    padding: 6px 6px 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fcfcfc;
    background-image: none;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

._daterangepicker span {
    /*display: inline-block;*/
    /*float: left;*/
}
._daterangepicker i {
    margin-top:2px;
    /*display: inline-block;*/
    /*float: right;*/
    cursor: pointer;
}

.log-detail-label {
    font-weight: 300;
    text-transform: uppercase;
    width: 45%;
}

.panel.log-detail h4 {
    margin: 2em auto 1em;
    font-weight: 300;
    text-transform: uppercase
}

.nowrap {
    white-space: nowrap;
}

.btn .las {
    font-size: 18px !important;
    font-weight: 700 !important;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.las.help-icon, .log-detail-value .las {
    font-size: 20px !important;
}

.help-block .las, table.detail-action .las, .input-group-addon .las,
.top-profile-menu .las, table.table-usermanager td.td-user-status .las, .td-compare-again .las
{
    font-size: 18px !important;
}

.btn.btn-xs .las {
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-top: -2px;
}

.sidebar-menu .las {
    font-size: 20px !important;
    font-weight: 700 !important;
}

.sidebar-menu .icon-submenu {
    font-size: 18px !important;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;

}

.la-sidebar-user:before {
    content: "\f509";
}

.la-sidebar-domain:before {
    content: "\f108";
}

.la-sidebar-payment:before {
    content: "\f555";
}


table.table-usermanager td.td-user-status {
    text-align: center;
}

#filter-form .btn i.after {
    margin-left: 8px !important;
}

#filter-form .help-block {
    font-size: 0.85em;
}
#filter-form .help-block strong {
    color: var(--color-danger);
}

.panel-body.no-padding .alert {
    margin-left: 25px;
    margin-right: 25px;
}

.padding-15 {
    padding:15px;
}

.panel.view-list .panel-heading .btn-export  {
    display: block;
    float:left
}

.panel.view-list .panel-heading h5 {
    float:right
}

fieldset:disabled {
    opacity: 33%;
}

h4.panel-option {
    margin-bottom:1em;
}
h4.panel-option>label {
    font-weight: 300;
}
h4.panel-option input[type=radio] {
    margin-right:0.33em;
}
.panel-navs .panel-heading {
    padding:15px;
    border-bottom: 1px solid #ddd;
    background-color: #fafafa;
}

.panel-navs .panel-heading .nav li a {
    padding: 5px 12px;
    border-radius: 0;
}

.panel-navs .panel-heading .nav-pills li>a,
.panel-navs .panel-heading .nav-pills li>a:focus,
.panel-navs .panel-heading .nav-pills li>a:hover {
    /*text-transform: uppercase;*/
    /*font-size: 1em;*/
}

.panel-navs .panel-heading .nav-pills>li.active>a,
.panel-navs .panel-heading .nav-pills>li.active>a:focus,
.panel-navs .panel-heading .nav-pills>li.active>a:hover {
    font-weight: 600;
    color: #fff;
    background-color: #00a0f0;
}

.panel-info ul li {
    margin-bottom: 1em;
}

.panel .panel-body {
    overflow: auto;
}

.panel .panel-heading.button-panel button {
  padding: 6px 22px;
  margin-left: 5px;
}

.panel .panel-heading.button-panel button.btn-primary {
  background-color: var(--color-primary) !important;
}

.panel .panel-heading.button-panel button.btn-info {
  color: #fff !important;
  background-color: #5bc0de !important;
  border-color: #46b8da !important;
}


.td-link { text-align: center }
.td-link p:last-child {
    margin-bottom: 0;
}

.panel.view-list .panel-heading .btn-group button.btn-success {
    background-color: var(--color-success) !important;
    border-color: #3ca512 !important;
    padding: 6px 22px !important;
}

.panel.view-list .panel-heading .btn-group button .caret {
    margin-left: 0.5em;
}

.panel>.tab-content>.tab-pane {
    padding: 0 !important;
}

.alert h4 {
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 300;
}

.alert ol li, .alert ul li {
    margin-bottom: 0.5em;
}

.alert-info li a {
    font-weight: 600;
    text-decoration: underline;
}

label a[data-help] span {
    font-size: 1.2em;
    line-height:0.2 !important;
}

.logoUrl {
    max-width:150px;
}

label.delete {
    margin-bottom: 0 !important;
    font-weight: 600;
}

.form-inlinest {
    display: inline;
}

/*  SWAGGER */

#swagger-ui {
    margin-top: 0;
}

hgroup.main {
    float:none !important;
    position: static !important;
    width: 100% !important;
    padding-top: 40px !important;
    margin: 0 !important;
    background: transparent !important;
}

.swagger-ui .info {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.swagger-ui .info .title {
    font-size:26px !important;
}

.swagger-ui .wrapper {
    max-width: 1460px !important;
}

.swagger-ui pre.version {
    background: none !important;
    border: 0 !important;
}

.swagger-ui .scheme-container {
    max-width: 1460px !important;
    margin: 0 auto !important;
}

.swagger-ui pre.base-url, hgroup.main a.link {display: none}

.swagger-ui .scheme-container {
    box-shadow: none !important;
    background: none !important;
}

/*

.swagger-ui small pre {
    font-size:12px !important;
}

.swagger-ui .opblock-tag {
    font-size: 22px !important;
}

.swagger-ui .servers-title {
    display: inline-block !important;
    margin-bottom: 5px !important;
}

} */

/* Menu icons */

.group-icon-resellers:before {
    /* la-user-circle */
	content:"\f2bd";
}

.group-icon-settings:before {
    /* la-cog */
	content: "\f013";
}

.group-icon-forms:before {
    /* la-wpforms */
    content: "\f0ce";
}

.group-icon-portfolio:before {
    /* la-globe */
	content: "\f0ac";
}

.group-icon-accounting:before {
    /* las-university */
    content: "\f19c";
}

.group-icon-processing:before {
    /* la-play-circle */
    content: "\f144";
}

.group-icon-email-processing:before {
    /* la-at */
    content: "\f1fa";
}

.group-icon-scheduled-tasks:before {
    /* la-clock */
    content: "\f017";
}

.group-icon-api_management:before {
    /* la-tools */
    content: "\f7d9";
}
.group-icon-requests:before {
    /* la-terminal */
    content: "\f120";
}

.group-icon-rt_queues:before {
    /* la-route */
    content: "\f4d7";
}

.group-icon-kb:before {
    /* la-question */
    content: "\f128";
}

.group-icon-agreements:before {
    /* la-user-shield */
    content: "\f505";
}

.group-icon-terms_blog:before {
    /* la-user-shield */
    content: "\f09e";
}

.group-icon-customer_orders:before {
    content: "\f07a";
}

.group-icon-api_reseller:before {
    /* la-file-code */
    content: "\f1c9";
}

.group-icon-api_website_rd:before {
    /* la-laptop-code */
    content: "\f5fc";
}

.reseller-detail dl.dl-horizontal dt {white-space: normal !important;}


.table-detail th {
    width:33%;
    min-width:300px;
    /*text-align: right;*/
    text-transform: uppercase;
    /*font-weight: 300;*/
    font-size: 0.95em;
}

.table-detail td {
    width:67%;
}

.btn-cfrm {
    text-transform: uppercase !important;
}

/* ### WIZARD #### */
.wizard {
    margin: 0 auto;
}

.wizard .nav-tabs {
    position: relative;
    margin: 0 auto;
    border-bottom-color: #ddd;
}

.wizard > div.wizard-inner {
    position: relative;
}

.connecting-line {
    height: 1px;
    background: #ddd;
    position: absolute;
    width: 66%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 32px;
    height: 32px;
    line-height: 30px;
    display: inline-block;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 18px;
}

span.round-tab i {
    color: #555555;
}

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid var(--color-primary);
}

.wizard li.active span.round-tab i {
    color: var(--color-primary);
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 33%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 49%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--color-primary);
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 47%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0;
    border: 10px solid transparent;
    border-bottom-color: var(--color-primary);
}

.wizard .nav-tabs > li a {
    width: 32px;
    height: 32px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.wizard .nav-tabs > li a:hover {
    background: transparent;
}

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media ( max-width: 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

/* ### END OF WIZARD #### */

.additional-field .additional-document-help {
    margin-bottom: 2em;
}

.additional-field {
    padding-bottom:0.5em;
    border-bottom: 1px solid #ddd;
}

.additional-field:last-child {
    border:0;
}

.table-scheduled-tasks .td-last-run,
.table-scheduled-tasks .td-last-status {
    white-space: nowrap;
    text-align: center;
}

.table-executing-item td.td-execute-webhook {
    white-space: nowrap;
}

.table-executing-item td.td-execute-webhook a,
.table-pending-domains td.td-button a {
    display: inline-block;
    margin:0 0.25em;
    text-transform: uppercase;
}

.table-service-order .td-sku {
    white-space: nowrap;
}

.table-assoc-domains .td-contact_type {
    /*text-align: right;*/
}

.table-invoices td.td-amount, .table-invoices th.th-amount,
.table-price-list td.td-amount, .table-price-list th.th-amount,
.table-credit-notes td.td-amount, .table-credit-notes th.th-amount,
.table-statements th.th-amount, .table-statements td.td-amount {
    text-align: right;
}
.table-invoices td.td-view, .table-statements td.td-view {
    width: 1px;
    white-space: nowrap;
}

.table-pending-domains th.th-button,
.table-pending-domains td.td-button {
    width: 1%;
}

#user-dropdown-menu i {
    font-size: 1.5em;
    color: #008fd6
}

a.mobile-app-btn {
    display: inline-block;
    margin: 1rem 1rem 1rem 0;
}
a.mobile-app-btn img {
    height: 4rem;
}

ul.password-hint {
    font-size: 0.85em;
    font-style: italic;
}

.navbar-nav>li>span {
    position: relative;
    display: block;
    padding: 28px 20px;
    line-height:28px;
}

.table-resellers .td-balance, .table-resellers .th-balance {
    text-align:right;
}

.impers-container {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: transparent;
  z-index: 10000;
}
.impers-container .alert {
    opacity: 0.95;
    max-width: 80rem;
    margin: 0 auto;
}

.impers-container .alert  button {
    font-weight: 700;
    text-transform: uppercase;
}

.dashboard-panel .row {
    display: flex;
    flex-wrap: wrap; /* Ensures responsiveness */
}

.dashboard-panel [class^="col-"] {
    display: flex;
    flex-direction: column;
}

.dashboard-panel [class^="col-"] > .dashboard-widget {
    flex-grow: 1; /* Forces equal height */
}

.dashboard-widget {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 1rem;
  margin-bottom: 30px;
  border: 1px solid #DCE6EB; }

.dashboard-widget h4 {
    font-weight: 400;
    text-transform: uppercase;
    margin: 0.8rem 0.8rem 0.8rem 56px;
}

.dashboard-widget .icon {
    display: block;
    float: left;
    text-align: center;
}

.dashboard-widget .icon i {
    font-size: 40px;
    color: var(--color-primary);
}

.dashboard-widget.dashboard-widget--manager .icon i {
    color: var(--color-success);
}

.dashboard-widget.dashboard-widget--alert .icon i {
    color: var(--color-purple);
}

.dashboard-widget hr {
    clear: both;
}

.dashboard-widget dl {
    display: block;
    width: 100%;
    font-size: 16px;
    vertical-align: text-bottom;
    margin-bottom:10px;
    border-bottom: 1px dotted #DCE6EB;
}

.dashboard-widget dl:last-child {min-height:68px; margin-bottom:0; border-bottom: 0}

.dashboard-widget dl:after {
  content: "";
  clear: both;
  display: table;
}

.dashboard-widget dt {
    display: inline-block;
    float: left;
    width: 67%;
    padding:10px;
    font-weight: 400;
    text-transform: uppercase;
}

.dashboard-widget dt.command {
    text-transform: none;
}

.dashboard-widget dd {
    display: inline-block;
    float: right;
    width: 33%;
    text-align:right;
    padding:10px;
    font-size: 20px;
}

.dashboard-widget dt small {
    font-size: 12px;
}

.dashboard-widget dd a, .dashboard-widget dd a:visited {
    color: #00a0f0;
}

.dashboard-widget.dashboard-widget--manager dd a, .dashboard-widget.dashboard-widget--manager dd a:visited {
    color: var(--color-success);
}

.dashboard-widget.dashboard-widget--alert dd a, .dashboard-widget.dashboard-widget--alert dd a:visited {
    color: var(--color-purple);
}

.dashboard-widget--alert dl:last-child {
    border-bottom: 1px dotted #DCE6EB;
}

.dashboard-widget--alert .row {
    padding-bottom:32px;
}

body.simple .main {
    padding: 80px;
}

.panel.sign-up {
    margin: 0 auto 30px;
    max-width: 800px;
}

.panel.sign-up .panel-heading {
    text-align: center;
}

.panel.sign-up .panel-heading h4, .panel.sign-up .panel-heading .form-group {
    text-align: left;
}

.table-validation-rule .td-is_required,
.table-validation-rule .td-is_required_for_org,
.table-validation-rule .td-is_db_validated {
    text-align: center;
    font-weight: 900;
}

.table-validation-rule .td-command,
.table-validation-rule .td-field_name {
    font-weight: 600;
}
.table-validation-rule .td-field_description,
.table-validation-rule .td-regex,
.table-validation-rule .td-regex_error_msg,
.table-validation-rule .td-is_required_notes,
.table-validation-rule .td-is_required_error_msg,
.table-validation-rule .td-db_validation_notes,
.table-validation-rule .td-db_error_msg {
    min-width: 400px;
}

.w1p {
    width: 1% !important
}

.w1p-nowrap {
    width: 1% !important;
    white-space: nowrap !important;
}

.table-rt-queues td.td-actions {
    white-space: nowrap;
}

textarea.ssl-certificate {
    font-family: monospace;
}

.label-http-method {
    font-weight:600;
    text-transform: uppercase;
    color: #fff;
}

.label-http-post {
    background-color: #49cc90;
}

.label-http-get {
    background-color: #61affe;
}

.label-http-patch {
    background-color: #50e3c2;
}

.label-http-head {
    background-color: #9012fe;
}

.label-http-options {
    background-color: #0d5aa7;
}

.label-http-delete {
    background-color: #f93e3e;
}

.label-http-put {
    background-color: #fca130;
}

#dns-record-form .custom-ttl-value {
    display: none;
}


.modal-loader-container {
    height: 250px;
    width: 100%;
    text-align: center;
}

.modal-loader {
    display: inline-block;
    position: relative;
    margin-top:121px;
    margin-left:-48px;
}

.modal-loader div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    animation: modal-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: var(--color-primary);
}

.modal-loader div:nth-child(1) {
    animation-delay: -0.45s
}

.modal-loader div:nth-child(2) {
    animation-delay: -0.3s
}

.modal-loader div:nth-child(3) {
    animation-delay: -0.15s
}

@keyframes modal-loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.panel-loader .panel-body {
    height: 110px;
    width: 100%;
    text-align: center;
}
.panel-loader .modal-loader, .search-results-loader .modal-loader { margin-top: 20px }

.search-results-loader { text-align: center; height: 80px;}

#modalOpen form textarea[disabled] {
    max-height: 34px !important;
}

.text-blue {
    color: #00a0f0;
}
.text-large {
    font-size: 115%;
}

.toggle-on.btn-xs{padding-right:24px; margin-left: -4px !important;}
.toggle-off.btn-xs{padding-left:24px}
form.bstoggle label, .toggle-on.btn-xs, .toggle-off.btn-xs {text-transform: uppercase}
form.bstoggle input[type=checkbox] {visibility: hidden}


.modal-md {
    width: 500px;
}

.modal-xl {
    width: 80%;
}

table.table-domain-search-results  {

}

table.table-domain-search-results th {white-space: nowrap}

table.table-domain-search-results td {
    white-space: nowrap;
    vertical-align: middle !important;
}

table.table-domain-search-results td.td-domain {width:80%;}
table.table-domain-search-results td.td-domain small {display:block;color: var(--color-danger);}

table.table-domain-search-results td.td-availability {
    text-transform: uppercase;
    white-space: nowrap;
    width:19%;
    font-size: 15px;
}

table.table-domain-search-results td.td-to-cart {
    text-align: right;
    width: 1%;
}

table.table-domain-search-results td.td-to-cart button {
    font-size: 24px !important;
    padding: 2px 14px !important;
    line-height: 0.8 !important;
}

table.table-domain-search-results .la-question-circle.domain-not-supported {
    font-size: 18px;
    margin-left: 10px;
    font-weight: 700;
    color: #00a0f0;
    cursor: pointer;
}

table.table-detail th small.help-block {
    text-transform: none;
    font-weight: normal;
    font-size:13px;
}

table.table-settings-extension-commands td {text-align: center}
table.table-settings-extension-commands td span.la, table.table-tld-list td.td-icon span.la { font-size: 18px }

.info-plate {
    box-sizing: border-box;
    padding: 20px;
    border-right: 1px solid #DCE6EB;
    margin-bottom: 20px;
}

.info-plate.last {
    border-right: 0;
}

.info-plate.small {
    padding: 10px 20px;
    margin-bottom: 35px;
}

.info-plate .title {
    display: block;
    font-size: 14px;
    color: #8D99A8;
}

.info-plate .value {
    display: block;
    font-size: 22px;
    font-weight: 300;
    color: inherit;
    overflow-wrap: break-word;
}

.info-plate.small .value a { font-size: 16px;}

.info-plate.small .value { font-size: 18px; color:#676a6d; font-weight:400; }

.panel-body p:last-child { margin-bottom:20px }

.info-plate span.value span.la,
table.table-price-list td.td-extension span.la,
table.table-add-docs-needed td.td-list span.la,
table.table-add-fields-needed td.td-list span.la,
table.table-detail td span.la {font-size:20px; color: var(--color-primary)}

table.table-add-fields-needed td.td-field-format {font-style: italic}

.sign-yes, .sign-no {
    font-family: 'Line Awesome Free', emoji;
    font-weight: 900;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.sign-yes {color: var(--color-success)}
.sign-no {color: var(--color-danger)}
.sign-yes:before {content: "\f058"}
.sign-no:before {content: "\f00d"}

.table-settings-extension-commands tbody tr:hover {background-color: #d9edf7}
.table-settings-extension-commands tbody .td-extension {font-weight:600; text-align: left}

.main-tld-detail .popover {
    min-width: 520px;
}

.django-ckeditor-widget {width:100%;}

.table-kb-list td.diamond {font-size: 20px; color: var(--color-primary)}
.table-kb-list th.w1p span.la-question-circle {font-size: 20px;color: var(--color-primary)}
.panel-heading h3 {font-weight: 300; font-size:22px;}

.w1p.drag {	cursor: move; font-size:18px; text-align: center}

.drag-ghost {opacity: 0.4; background-color: #dff0d8 }

.kb-page-content {
    line-height: 22px;
}

.kb-page-content table {
    margin-bottom:22px;
}
.kb-page-content td , .kb-page-content th {
    padding:10px 20px;
}
.kb-page-content p {
    margin-bottom: 22px;
}

.kb-page-content h2 {
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 22px;
    margin-top: 48px;
}

.kb-page-content h3 {
    font-size: 20px;
    font-weight: 300;
}

.kb-page-content li {
    margin-bottom: 12px;
}

.kb-page-content ul {
    margin-bottom: 22px;
}

table.table-provider-nameservers td.td-provider_id,
table.table-provider-nameservers th.th-provider_id {width: 1%; white-space: nowrap}

#cart-content .cart-row {
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
}

#cart-content .cart-row p {
    margin-bottom:0;
}
#cart-content .cart-row p.domain {
    font-weight: 700;
}
#cart-content .cart-row p.price a {
    font-size: 18px;
}
#cart-content .cart-row .pull-right {
    font-size: 16px;
    font-weight:700;
}

#cart-total {
    margin-top:20px;
    font-weight: 700;
    font-size: 16px;
    color:#0081c2;
}

.table-bulk-domain-register .td-price, .table-bulk-domain-register .th-price,
.table-bulk-domain-register .td-years, .table-bulk-domain-register .th-years
{
    width: 1%;
    min-width:100px;
    white-space: nowrap;
}

.table-bulk-domain-register tbody td {
    vertical-align: middle !important;
}

.table-bulk-domain-register .td-years .select2-container {
    min-width: 120px !important;
}

.table-bulk-domain-register .td-price,
.table-bulk-domain-register-fee .td-price
{
    text-align: right;
    font-size: 14px;
    white-space: nowrap;
}
.table-bulk-domain-register tfoot,
.table-bulk-domain-register-fee tfoot {font-size: 18px; font-weight: 500; text-align: right; white-space: nowrap;}

.table-reseller-price-tiers-detail {
    margin-top: 40px;
}

table.table-terms-list th.th-updated_at, table.table-terms-list td.td-updated_at {
    width: 1%;
    white-space: nowrap;
}

.modal-body .scroll-table-container {
    height: 300px;
    overflow: auto;
}

td.td-executing-item-note {
    min-width: 250px;
}
td.td-executing-item-note p.action {
    margin-bottom: 0;
    text-align: center;
}

.popover.domain-not-supported {
    min-width: 400px;
}
.popover.domain-not-supported .popover-dismiss {
    text-align: center;
    padding: 9px 14px;
}

fieldset#depositUserInfo {
    padding:2rem;
    margin: 2rem 0;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #fafafa;
}

#statusForm .popover {
    min-width: 400px !important;
}
#statusForm .popover-title {
    text-align:justify !important;
    font-weight: 400;
    line-height: 135%;
    font-size:16px;
}
#statusForm .popover-content {
    text-align: center;
}

.panel.user-detail .panel-body [class*=col-] {
    margin-bottom:18px;
    font-size:16px;
}

.switch-form .switch-widget {
    margin-top: 30px;
}

.switch-widget {
    text-transform: uppercase;
}

.switch-form .switch-widget .btn-lg {
    font-size: 16px;
}

ul.legend {
    margin:28px 0 0  -24px;
}

ul.legend li {
    margin: 10px 0;
}

.custom-tabs span.select2 {
    display         : table;
    table-layout    : fixed;
    width           : 100% !important;
}

.panel__blog-edit .panel-body h4 {
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.mb-4 { margin-bottom: 16px }
.mb-8 { margin-bottom: 32px }


.email-fields-validation .panel-body li {
    margin: 8px 0;
}

#sidebar-nav .sidebar-search {
    padding: 16px 20px;
}

#sidebar-nav .sidebar-search input {
    width: 100%;
    padding: 6px;
}

#sidebar-nav .sidebar-search input::placeholder {
    opacity: .5;
    font-style: italic;
}

#custom-order-item-form .primary-attr-container,
#custom-order-item-form .subform-container {
    display: none;
}

#update-expiration-date-form fieldset {
    display: none;
    border: 1px solid #e5e5e5;
    padding: 14px 14px 0 14px;
    margin-bottom: 14px;
    background-color: #fcfcfc;
}

.datepicker.datepicker-dropdown {
    z-index: 1100 !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-image: none;
    border-radius: 2px;
    background-color: var(--color-primary) !important;
    border-color: #00a0f0;
    text-shadow: none;
}

.django-widget-img {
    border: 1px solid #DCE6EB;
    border-radius: 5px;
    padding: 10px;
}

.ckeditor-upload-container {
    max-width: 940px;
    width: 100%;
    padding: 16px;
}

.ckeditor-upload-container .file-icon {
    display: inline-block;
    height: 24px;
    width: 24px;
    font-family: 'Line Awesome Free', emoji;
    font-weight: 900;
    font-size: 24px;
}

.ckeditor-upload-container a.file {
    color: #666;
    font-size: 16px;
}

.ckeditor-upload-container .file-icon:before {
    content: "\f15b";
}

.ckeditor-upload-container .file-icon-pdf:before {
    content: "\f1c1";
    color: brown;
}

.ckeditor-upload-container .file-icon-docx:before,
.ckeditor-upload-container .file-icon-doc:before {
    content: "\f1c2";
    color: mediumblue;
}

.ckeditor-upload-container .file-icon-pdf:before {
    content: "\f1c3";
    color: forestgreen;
}

#service-discount-form .select2-container,
#main-form .select2-container {
    width: 100% !important;
}

.dnd-input__widget--dropzone {
    margin:12px auto;
    border: 1px dashed #cecece;
    border-radius: 6px;
    padding: 8px;
    text-align: center;
}

.dnd-input__widget--text {
    display:block;
    padding: 2px;
    font-weight: 400;
}

.dnd-input__widget--dropzone svg {
    width: 32px;
    height: 32px;
    color: #aaa;
}


.dnd-input__widget--filename {
    padding-top:4px;
    color: #0081c2;
}

.checkbox__all-lang {
    margin-top: -4px;
    padding:0 0 8px 8px;
    border-bottom: 1px solid #eaeaea;
}

.currency_form_ajax .country-container {
    display: none;
}

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

.td-notes-actions {
    text-align: right;
    white-space: nowrap;
    width: 1%;
}
.td-notes-actions a {
    color: #00a0f0 !important;
    font-size: 18px !important;
}

#graph-canvas {
    width: 100%;
    min-height: 400px;
    height: 600px;
}

.range-form-group {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.range-form-input {
    flex: 1;
}

.range-form-input input {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.label__hint {
    color: #00a0f0;
    font-size: 18px;
    cursor: pointer;
}

.label__hint--big {
    font-size: 22px;
}

.table-tm-discount-rule .hl-row,
.table-tm-discount-rule .hl-col { background-color: rgba(0, 160, 240, 0.1) !important }

.table-tm-discount-rule .hl-cell { background-color: rgba(0, 160, 240, 0.2) !important }

.htmx-request.htmx-indicator.hidden {
    display: block !important;
}

dl.tm-quote {
    font-size: 16px;
    margin-bottom: 8px;
}

dl.tm-quote dt { font-weight: normal }

dl.tm-quote dd { font-weight: bold }

.select2-container--disabled .select2-selection {
    background-color: #eee !important;
}
.select2-container--disabled .select2-selection__arrow {
    display: none;
}