/*
rewriting template bugs
*/
.swal2-icon.swal2-question::before {
     display: none;
 }
.vue-notification.bg-danger {
    border-left: 5px solid #ff3043 !important;
}
.vue-notification.bg-success {
    border-left: 5px solid #00a573 !important;
}
.vue-notification.bg-warning {
    border-left: 5px solid #ffb422 !important;
}
.pointer {
    cursor: pointer !important;
}
.small-feather > svg {
    width: 16px;
    height: 16px;
}
.middle-feather > svg {
    width: 1.1rem;
    height: 1.1rem;
}
svg{
    color: #3c4b5c;
}
button > svg, a > svg{
    color: inherit;
}
th.email {
    display: table-cell;
}

.tooltip-base:not(.hidden){
    opacity: 1;
}
.navbar-container .primary .nav .nav-item .nav-link.router-link-exact-active {
    background: #7a90ff;
}
.btn svg:not(.btn-icon){
    bottom: 1px;
    position: relative;
}

.language-flag {
    max-width: 20px;
    max-height: 20px;
}
.visible{
    display: block !important;
}
.field > .form-group{
    margin-bottom: 0;
}

.restore-wrapper pre {
    background-color: #292D3E;
    color: #89DDFF;
    line-height: 0.825rem;
}
.restore-wrapper .bg-merge-danger{ background-color: #5D2424; }
.restore-wrapper .bg-merge-success{ background-color: #1A441A; }
.restore-wrapper pre span.string { color: #C3E88D; }
.restore-wrapper pre span.number { color: #F78C6B; }
.restore-wrapper pre span.boolean { color: #FF5369; }
.restore-wrapper pre span.null { color: #FF5370; }
.restore-wrapper pre span.key { color: #82AAFF; }



.main-panel {
    min-height: calc(100vh - 135px);
}

.apexcharts-tooltip {
    background: #293551 !important;
    border: 1px solid #293551 !important;
}
.apexcharts-tooltip .apexcharts-tooltip-title {
    background: #0b1835 !important;
    border-bottom: 1px solid #0b1835 !important;
}
.horizontal-navbar .primary-navbar {
    background: #172441;
    border-bottom: none;
    height: 80px;
}
.horizontal-navbar .secondary-navbar {
    background: #0b1835;
}
.navbar {
    width: 100% !important;
}
.horizontal-navbar .secondary-navbar .nav-item-container > .nav-item > .nav-link,
.horizontal-navbar .secondary-navbar .nav-item-container > .nav-item > .nav-link .nav-icon, svg{
    color: #CBCBE7;
}

select.form-control:focus{
    border: 1px solid #293551;
}

.btn:focus {
    box-shadow: none !important;
}
/*
card loading
*/
.card.loading > .card-header, .card.loading > .card-body, .card.loading > .card-footer{
    filter: blur(3px);
}
.card.loading::before {
    content: '';
    background-color: rgba(0, 0, 0, .08);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0.25rem;
}
.card.loading::after {
    content: url('/dist/dev/loaders/puff.svg');
    position: absolute;
    display: block;
    color: #000;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.tooltip .tooltip-inner {
    font-size: 14px;
    color: #b4badc;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    background-color: #0b1835;
    box-shadow: 8px 8px 4px 0px rgba(0, 0, 0, .15);
}
.tooltip .arrow::before{
    border-right-color: #0b1835 !important;
}

.sticky-col {
    position: -webkit-sticky;
    position: sticky;
    background: #293551;
    z-index: 1;
}
.table-striped tbody tr:nth-of-type(2n+1) .sticky-col{
    background-color: #222C43;
}
.fixed-col {
    min-width: 260px;
    width: 260px;
    left: 0px;
    padding-left: .5rem !important;
}
.fixed-col::after{
    content: "";
    width: 1px;
    background: #131F3B;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.text-orange{
    color: darkorange !important;
}
.table-danger .text-orange{
    color: #b4badc !important;
}
.table-danger td{
    border-top: none;
}
.domain-table.table-striped tbody tr.table-danger:nth-of-type(2n+2) td{
    background-color: #A5566C !important;
}
.dropdown > .btn {
    white-space: nowrap;
}
.modal-close-icon{
    display: inline-block;
    border: none;
    background: transparent;
    position: absolute;
    top: -2.4rem;
    right: .3rem;
    z-index: 10;
    color: #b4badc;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #bec5f1 !important;
    background-color: #293551 !important;
}

/* domain-table */
.hidden{
    display: none;
}
.table.table-responsive.full-screen {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    overflow: auto;
    height: 100vh;
    background-color: #293551;
}
.pagination-wrapper.full-screen ul.pagination {
    position: fixed;
    bottom: 1rem;
    right: .7rem;
    z-index: 201;
    border: 2px solid;
}
.card.loading.full-screen > .card-body{
    filter: none;
}
.pagination-wrapper.full-screen .text-sm-left{
    display: none;
}
.domain-table.table.table-striped.table-hover {
    background: #293551;
}
.domain-table.table.table-striped.table-hover {
    background: #293551;
}
.domain-table.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #222C43;
}
.domain-table.table-hover tbody tr:hover {
    color: #b4badc;
    background-color: #333F5B;
}
.domain-table.table tbody tr{
    transition: background-color .2s;
    height: 75px;
}
.domain-table.table-striped tbody tr:nth-of-type(2n+1) .sticky-col {
    background-color: #222C43;
}
.btn-soft-light:hover {
    color: #0b1835;
}
.domain-table th{
    cursor: pointer;
}
.domain-table th:not(.sticky-col){
    position: relative;
}
.domain-table th svg:not(.no-hide){
    display: none;
    position: absolute;
    right: 0px;
    top: 15px;
    height: 15px;
    width: 15px;
    opacity: .5;
}
.domain-table th.asc svg.asc, th.desc svg.desc{
    display: block;
}
.domain-table.table tbody tr td {
    white-space: nowrap;
}
.toggle-boolean{
    cursor: pointer;
    width: 44px;
    height: 24px;
    border-radius: 12px;
    position: relative;
    background-color: #a0aec0;
    transition: transform .2s;
   /* box-shadow: inset 3px 3px 2px 0px rgba(0, 0, 0, .15);*/
}
.toggle-boolean.on{
    background-color: #00CB8E;
    /*transition: transform .2s;*/
}
.toggle-boolean::after {
    content: "";
    display: block;
    position: absolute;
    height: 18px;
    border-radius: 10px;
    background-color: #f2f2f2;
    width: 18px;
    top: 3px;
    transform: translate(3px, 0);
    transition: transform .2s, background-color .2s;
    z-index: 0;
    /*box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, .15);*/
}
.toggle-boolean.on::after{
    -webkit-transform: translate(22px, 0);
    transform: translate(22px, 0);
    transition: transform .2s, background-color .2s;
}
.toggle-boolean label{
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.toggle-boolean label input{
    display: none;
}
td.screenshot img{
    max-width: 90px;
}
#screenshot .modal-dialog{
    max-width: 580px !important;
}
.region img {
    max-width: 74px !important;
}
.earth{
    width: 44px !important;
}
.generic-wrapper{
    width: 74px !important;
    height: 53px !important;
    background-color: #a0aec0;
}
.domain-card.card.loading::after{
    position: fixed;
}

.main-column .additional {
    top: -17px;
    position: relative;
}
.main-column .show {
    font-size: 14px;
    color: #b4badc;
    text-decoration: none;
    transition: all .2s;
    font-weight: 500;
    padding-right: 0.5rem;
}
.main-column .show:hover {
    color: #4765FF !important;
}
.main-column span.status {
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    cursor: pointer;
}
.main-column .domain-controls .btn {
    padding: 0.20625rem 0.6125rem;
    transition: width .2s, padding .2s;
}
.main-column .domain-controls .btn:first-child {
    padding: 0.20625rem 0.20625rem;
}
.main-column .domain-controls .btn.hided {
    width: 0;
    padding: 0;
}
.main-column .domain-controls.active .btn.hided {
    width: auto;
    padding: 0.20625rem 0.6125rem;
}
.main-column .domain-controls {
    position: absolute;
    right: 7px;
    bottom: 7px;
}
.main-column .domain-controls.active .btn.need-hide {
    width: 0;
    padding: 0;
}
.main-column .favicon img {
    width: 25px;
    height: 25px;
}
.table-danger > td{
    background-color: #994A60 !important;
}
.pagination .page-item .page-link:focus{
    border-color: transparent;
    color: #8b95d0;
    background-color: #293551;
}
.dropdown.form-control, .dropdown .menu{
    border: 1px solid #293551 !important;
    color: #b4badc !important;
    background-color: #293551 !important;
    font-size: 0.8125rem !important;
    line-height: 1.5 !important;
}
.ui.selection.dropdown .menu > .item {
    border-top: none !important;
}
.ui.search.selection.dropdown.form-control > input.search, .ui.search.selection.dropdown.form-control > span.sizer {
    padding: 0.53125rem 2.1em 0.53125rem 0.8125rem !important;
}
.ui.dropdown .menu > .item, .ui.active.search.dropdown.form-control input.search:focus + .text, .ui.active.search.dropdown.form-control input.search:focus{
    color: #b4badc !important;
    font-size: 0.8125rem !important;
}
.unselectable {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}
.fixed-height .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}