.serverlist {
    padding-top: 10px;
}

.serverlist h3 {
    color: #fff;
}

.modal-title {
    color: #333 !important;
}

.blink_me {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 30%;
    }
}

.pmtaclass {
    background: #555;
    color: #fff;
    padding-left: 5px;
}

.size {
    padding: 5px;
    width: 60px;
}

.width40 {
    width: 40px;
    padding-left:2px;
    padding-right:2px;
}

.width100 {
    width: 100px;
}

.width70 {
    width: 70px;
}

.width80 {
    width: 80px;
}

.width120 {
    width: 120px;

}

.width30 {
    width: 30px;
}

.hide {
    display: none;
}

.center {
    text-align: center;
}

.feather {

    vertical-align: middle !important;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: none !important;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: none !important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 0px solid #ddd !important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-bottom: 1px solid #666 !important;
}

.dataTables_wrapper .dataTables_length select {
    background-color: #444 !important;
    color: #fff !important;
    border: 0px solid #aaa !important;
}

#filter-domain-list_length select, .dataTables_filter input {
    background-color: #444 !important;
    color: #fff !important;
    border: 1px solid #555 !important;
    margin-left: 10px;
    border-radius: 0px;
    width: 200px;
}

.dataTables_filter {
    float: right;
    font-size: 12px;
}

.baxhjeshil {
    background: greenyellow;
    color: #fff;
}

#install-server-html ::-webkit-scrollbar {
    width: 10px;
    left: -100px;

}


/* width */
::-webkit-scrollbar {
    width: 12px;
    left: -100px;

}

/* Track */
::-webkit-scrollbar-track {
    background: #444;

}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #385942;

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #385942;
    opacity: 0.8;
}

.card {
    border: 0;
    border-radius: 0 !important;
}

.card-body {background:#444!important;}
.card-header {background:#555!important;}


.card-header:hover {
    opacity: 1;
}


.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

.arrow.top {
    top: -16px;
    bottom: auto;
}

.arrow.left {
    left: 20%;
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow.top:after {
    bottom: -20px;
    top: auto;
}

.pyro > .before,
.pyro > .after {
    position: absolute;
    z-index: 10000000000000000;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro > .after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
    to {
        box-shadow: -107px -335.6666666667px #fff200, 217px 24.3333333333px #00ffb7, -78px 24.3333333333px #11ff00, -181px -397.6666666667px #ffcc00, -121px -51.6666666667px #b7ff00, -185px -86.6666666667px #eaff00, 1px -102.6666666667px #4dff00, 18px 77.3333333333px #ff4400, -238px -275.6666666667px #ff00c4, 61px -325.6666666667px #5100ff, 195px -351.6666666667px #00ff1a, -93px -209.6666666667px #ff7700, 130px 14.3333333333px #fbff00, 90px -118.6666666667px #ee00ff, 156px -97.6666666667px #ffaa00, -44px -121.6666666667px #00ff37, -148px -258.6666666667px #0059ff, -151px -384.6666666667px #00ffe1, -24px -98.6666666667px #00ffe6, 180px -58.6666666667px #40ff00, 59px 50.3333333333px #b700ff, -6px 74.3333333333px #00ffee, -130px -282.6666666667px #00ff80, 203px -120.6666666667px #00ffae, -206px -290.6666666667px #ff00dd, -222px -175.6666666667px #5500ff, 139px 82.3333333333px #ff1a00, -163px -354.6666666667px #8000ff, 60px -146.6666666667px #ff00ea, -126px -201.6666666667px #2600ff, 215px -149.6666666667px #ff0015, -170px -277.6666666667px #a200ff, 220px -215.6666666667px #001eff, -86px 74.3333333333px #4000ff, 155px 17.3333333333px #2600ff, 100px 22.3333333333px #a200ff, -109px -236.6666666667px #8cff00, 55px -65.6666666667px lime, -217px -122.6666666667px #00b3ff, -111px -142.6666666667px #8400ff, -70px -230.6666666667px #44ff00, -83px -178.6666666667px #00ff22, -168px 42.3333333333px #62ff00, -219px -109.6666666667px #4000ff, 71px -250.6666666667px #80ff00, -244px -6.6666666667px #0022ff, 103px -82.6666666667px #00ff77, 189px -338.6666666667px #00ccff, -158px -54.6666666667px #00ff6a, 13px 49.3333333333px #00b3ff, -199px -304.6666666667px #44ff00;
    }
}

@-moz-keyframes bang {
    to {
        box-shadow: -107px -335.6666666667px #fff200, 217px 24.3333333333px #00ffb7, -78px 24.3333333333px #11ff00, -181px -397.6666666667px #ffcc00, -121px -51.6666666667px #b7ff00, -185px -86.6666666667px #eaff00, 1px -102.6666666667px #4dff00, 18px 77.3333333333px #ff4400, -238px -275.6666666667px #ff00c4, 61px -325.6666666667px #5100ff, 195px -351.6666666667px #00ff1a, -93px -209.6666666667px #ff7700, 130px 14.3333333333px #fbff00, 90px -118.6666666667px #ee00ff, 156px -97.6666666667px #ffaa00, -44px -121.6666666667px #00ff37, -148px -258.6666666667px #0059ff, -151px -384.6666666667px #00ffe1, -24px -98.6666666667px #00ffe6, 180px -58.6666666667px #40ff00, 59px 50.3333333333px #b700ff, -6px 74.3333333333px #00ffee, -130px -282.6666666667px #00ff80, 203px -120.6666666667px #00ffae, -206px -290.6666666667px #ff00dd, -222px -175.6666666667px #5500ff, 139px 82.3333333333px #ff1a00, -163px -354.6666666667px #8000ff, 60px -146.6666666667px #ff00ea, -126px -201.6666666667px #2600ff, 215px -149.6666666667px #ff0015, -170px -277.6666666667px #a200ff, 220px -215.6666666667px #001eff, -86px 74.3333333333px #4000ff, 155px 17.3333333333px #2600ff, 100px 22.3333333333px #a200ff, -109px -236.6666666667px #8cff00, 55px -65.6666666667px lime, -217px -122.6666666667px #00b3ff, -111px -142.6666666667px #8400ff, -70px -230.6666666667px #44ff00, -83px -178.6666666667px #00ff22, -168px 42.3333333333px #62ff00, -219px -109.6666666667px #4000ff, 71px -250.6666666667px #80ff00, -244px -6.6666666667px #0022ff, 103px -82.6666666667px #00ff77, 189px -338.6666666667px #00ccff, -158px -54.6666666667px #00ff6a, 13px 49.3333333333px #00b3ff, -199px -304.6666666667px #44ff00;
    }
}

@-o-keyframes bang {
    to {
        box-shadow: -107px -335.6666666667px #fff200, 217px 24.3333333333px #00ffb7, -78px 24.3333333333px #11ff00, -181px -397.6666666667px #ffcc00, -121px -51.6666666667px #b7ff00, -185px -86.6666666667px #eaff00, 1px -102.6666666667px #4dff00, 18px 77.3333333333px #ff4400, -238px -275.6666666667px #ff00c4, 61px -325.6666666667px #5100ff, 195px -351.6666666667px #00ff1a, -93px -209.6666666667px #ff7700, 130px 14.3333333333px #fbff00, 90px -118.6666666667px #ee00ff, 156px -97.6666666667px #ffaa00, -44px -121.6666666667px #00ff37, -148px -258.6666666667px #0059ff, -151px -384.6666666667px #00ffe1, -24px -98.6666666667px #00ffe6, 180px -58.6666666667px #40ff00, 59px 50.3333333333px #b700ff, -6px 74.3333333333px #00ffee, -130px -282.6666666667px #00ff80, 203px -120.6666666667px #00ffae, -206px -290.6666666667px #ff00dd, -222px -175.6666666667px #5500ff, 139px 82.3333333333px #ff1a00, -163px -354.6666666667px #8000ff, 60px -146.6666666667px #ff00ea, -126px -201.6666666667px #2600ff, 215px -149.6666666667px #ff0015, -170px -277.6666666667px #a200ff, 220px -215.6666666667px #001eff, -86px 74.3333333333px #4000ff, 155px 17.3333333333px #2600ff, 100px 22.3333333333px #a200ff, -109px -236.6666666667px #8cff00, 55px -65.6666666667px lime, -217px -122.6666666667px #00b3ff, -111px -142.6666666667px #8400ff, -70px -230.6666666667px #44ff00, -83px -178.6666666667px #00ff22, -168px 42.3333333333px #62ff00, -219px -109.6666666667px #4000ff, 71px -250.6666666667px #80ff00, -244px -6.6666666667px #0022ff, 103px -82.6666666667px #00ff77, 189px -338.6666666667px #00ccff, -158px -54.6666666667px #00ff6a, 13px 49.3333333333px #00b3ff, -199px -304.6666666667px #44ff00;
    }
}

@-ms-keyframes bang {
    to {
        box-shadow: -107px -335.6666666667px #fff200, 217px 24.3333333333px #00ffb7, -78px 24.3333333333px #11ff00, -181px -397.6666666667px #ffcc00, -121px -51.6666666667px #b7ff00, -185px -86.6666666667px #eaff00, 1px -102.6666666667px #4dff00, 18px 77.3333333333px #ff4400, -238px -275.6666666667px #ff00c4, 61px -325.6666666667px #5100ff, 195px -351.6666666667px #00ff1a, -93px -209.6666666667px #ff7700, 130px 14.3333333333px #fbff00, 90px -118.6666666667px #ee00ff, 156px -97.6666666667px #ffaa00, -44px -121.6666666667px #00ff37, -148px -258.6666666667px #0059ff, -151px -384.6666666667px #00ffe1, -24px -98.6666666667px #00ffe6, 180px -58.6666666667px #40ff00, 59px 50.3333333333px #b700ff, -6px 74.3333333333px #00ffee, -130px -282.6666666667px #00ff80, 203px -120.6666666667px #00ffae, -206px -290.6666666667px #ff00dd, -222px -175.6666666667px #5500ff, 139px 82.3333333333px #ff1a00, -163px -354.6666666667px #8000ff, 60px -146.6666666667px #ff00ea, -126px -201.6666666667px #2600ff, 215px -149.6666666667px #ff0015, -170px -277.6666666667px #a200ff, 220px -215.6666666667px #001eff, -86px 74.3333333333px #4000ff, 155px 17.3333333333px #2600ff, 100px 22.3333333333px #a200ff, -109px -236.6666666667px #8cff00, 55px -65.6666666667px lime, -217px -122.6666666667px #00b3ff, -111px -142.6666666667px #8400ff, -70px -230.6666666667px #44ff00, -83px -178.6666666667px #00ff22, -168px 42.3333333333px #62ff00, -219px -109.6666666667px #4000ff, 71px -250.6666666667px #80ff00, -244px -6.6666666667px #0022ff, 103px -82.6666666667px #00ff77, 189px -338.6666666667px #00ccff, -158px -54.6666666667px #00ff6a, 13px 49.3333333333px #00b3ff, -199px -304.6666666667px #44ff00;
    }
}

@keyframes bang {
    to {
        box-shadow: -107px -335.6666666667px #fff200, 217px 24.3333333333px #00ffb7, -78px 24.3333333333px #11ff00, -181px -397.6666666667px #ffcc00, -121px -51.6666666667px #b7ff00, -185px -86.6666666667px #eaff00, 1px -102.6666666667px #4dff00, 18px 77.3333333333px #ff4400, -238px -275.6666666667px #ff00c4, 61px -325.6666666667px #5100ff, 195px -351.6666666667px #00ff1a, -93px -209.6666666667px #ff7700, 130px 14.3333333333px #fbff00, 90px -118.6666666667px #ee00ff, 156px -97.6666666667px #ffaa00, -44px -121.6666666667px #00ff37, -148px -258.6666666667px #0059ff, -151px -384.6666666667px #00ffe1, -24px -98.6666666667px #00ffe6, 180px -58.6666666667px #40ff00, 59px 50.3333333333px #b700ff, -6px 74.3333333333px #00ffee, -130px -282.6666666667px #00ff80, 203px -120.6666666667px #00ffae, -206px -290.6666666667px #ff00dd, -222px -175.6666666667px #5500ff, 139px 82.3333333333px #ff1a00, -163px -354.6666666667px #8000ff, 60px -146.6666666667px #ff00ea, -126px -201.6666666667px #2600ff, 215px -149.6666666667px #ff0015, -170px -277.6666666667px #a200ff, 220px -215.6666666667px #001eff, -86px 74.3333333333px #4000ff, 155px 17.3333333333px #2600ff, 100px 22.3333333333px #a200ff, -109px -236.6666666667px #8cff00, 55px -65.6666666667px lime, -217px -122.6666666667px #00b3ff, -111px -142.6666666667px #8400ff, -70px -230.6666666667px #44ff00, -83px -178.6666666667px #00ff22, -168px 42.3333333333px #62ff00, -219px -109.6666666667px #4000ff, 71px -250.6666666667px #80ff00, -244px -6.6666666667px #0022ff, 103px -82.6666666667px #00ff77, 189px -338.6666666667px #00ccff, -158px -54.6666666667px #00ff6a, 13px 49.3333333333px #00b3ff, -199px -304.6666666667px #44ff00;
    }
}

@-webkit-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-moz-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-o-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-ms-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-webkit-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-moz-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-o-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-ms-keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@keyframes position {
    0%, 19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%, 39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%, 59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%, 79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%, 99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

#networks {
    background: none !important;
}

.highcharts-figure, .highcharts-data-table table {
    min-width: 100%;
    margin: 1em auto;
}

#container {
    height: 300px;
}

#container2 {
    height: 300px;
}

#container3 {
    height: 300px;
}

#container4 {
    height: 300px;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 0px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.highcharts-credits {
    display: none !important;
}

.display tr:hover {
    background: #555;
}

.marginbottom2 {
    margin-bottom: 5px;
    width: 50px;
}

.marginbottom50 {
    margin-bottom: 50px;
}

.btn {
    padding: 10px 15px;
    font-size: 11px;
}

.nav-fixed .topnav {
    z-index: 1039;
    background: #FFF;
    border-bottom: 0px solid #fff !important;
}

.navbar {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;

}

.btn-xs {
    padding: 0.25rem 0.5rem;
    font-size: 0.7rem;
    border-radius: 0.35rem;
    line-height: 1;
}

.card .dataTables_filter {
    float: right;
    font-size: 12px;
}

.dataTables_filter label {
    padding-top: 6px;
}

.dataTables_filter input {
    float: right;
    width: 173px;
    margin-top: -6px;
    border-radius: 0px;
}

.hidden {
    display: none;
}

.display {
    color: #fff;
    width: 100% !important;
}

.display td {
    font-size: 12px !important;
    border-bottom: 1px solid #555;
}

table.dataTable tbody th, table.dataTable tbody td {
    font-size: 12px;
    font-weight: 300;
    opacity: 0.9;
}

.hije {
    -webkit-box-shadow: 0px 19px 29px -1px rgba(150, 150, 150, 0.45);
    box-shadow: 0px 19px 29px -1px rgba(150, 150, 150, 0.45);
}

.dataTables_info {
    font-size: 10px;
}

.checkboxes {
    padding: 10px;
    height: 400px;
    border: #444;
    overflow-y: scroll;
    margin-bottom: 2px;
}

.checkboxes label {
    display: block;
    border-bottom: 1px solid #555;
    color: #999;
    padding: 5px 0;
}

label {
    margin-bottom: 0 !important;
    display: initial !important;
}

.margina {
    margin-bottom: 20px;
}

.margin10 {
    margin-bottom: 10px;
}

.margin50 {
    margin-bottom: 50px;
}

.margin2 {
    margin-bottom: 2px;
}

.popover-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 12px;
    color: #ffffff;
    background-color: #00ba94;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.popover {
    border-radius: 0px !important;
}

.infopoint {
    max-height: 300px;
    overflow-y: scroll;
    background: #555;
}

.pmtaout {
    max-height: 300px;
    overflow-y: scroll;
    background: #555;
}

.pmtaqueue {
    max-height: 300px;
    overflow-y: scroll;
    background: #555;
}

.dataTables_processing {
    height: 0px !important;
}

.segment[type="checkbox"]:before {
    position: relative;
    display: block;
    width: 13px;
    height: 13px;
    content: "";
    background: #FFF;
}

.segment[type="checkbox"]:after {
    position: relative;
    display: block;
    left: 0px;
    top: -13px;
    width: 13px;
    height: 13px;
    content: "";
    background: #bc3922;
}

.segment[type="checkbox"]:checked:after {
    background: darkgreen;
    animation: blinker 500ms linear infinite;
}

.dropdown-menu label {
    display: block;
}

#flags_list td {
    border-bottom: 0px !important;
}

.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 10px;
    top: -2px;
    margin-left: 5px;
}

.lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 0px;
    box-sizing: border-box;
    border: 7px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-hourglass 1.2s infinite;
}

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    100% {
        transform: rotate(1800deg);
    }
}

.dropdown-item {
    background: #333;
    color: #fff;
    border-bottom: 1px solid #ccc;
}

.dropdown-menu {
    background: #444;
    padding: 10px;
    border: 1px solid #666;
    position: absolute !important;
    top: 0px !important;
    will-change: transform !important;
    color: #fff;
}
.topquick {float:right;}

.topquick .dropdown-menu {
    width: 400px !important;
}

.width60 {
    width: 60px !important;
}

.width90 {
    width: 90px !important;
}

.serverow {
    border: 0.1em solid #444;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #343434;
}

.serverow:hover {
    background: #383838;
}

.btn-green-pastel {
    color: #fff;
    background-color: #385942;
    border-color: #385942;
}

.btn-dark-2 {
    color: #fff;
    background-color: #212832;
    border-color: #212832;
}

.btn-red-pastel {
    color: #fff;
    background-color: #bc3922;
    border-color: #bc3922;
}

.btn-blue-pastel {
    color: #fff;
    background-color: #7398C3;
    border-color: #7398C3;
}

.btn-orange-pastel {
    color: #fff;
    background-color: #E56B19;
    border-color: #E56B19;
}

.btn-green-pastel:hover, .btn-red-pastel:hover, .btn-blue-pastel:hover, .btn-orange-pastel:hover {
    color: #ffffff;
    opacity: 0.8;
}

.modal-body {
    background: #333;
    color: #fff;
}

.modal-header {
    background: #222;
    color: #fff !important;
    border-radius: 0px;
}

.modal-footer {
    background: #222;
    border-radius: 0px;
}

.modal-title {
    color: #fff !important;
}

.rowstats {
    min-height: 0px;
}

.rowstats .info {
    margin-top: 15px;
    font-size: 12px;
    max-height: 350px;
    overflow-y: scroll;
}

.boxstyle {

    max-height: 800px;
    overflow-y: scroll;
    overflow-x: hidden;

}

.install_screen {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-top: 15px;
    font-size: 13px;
}

.stats_month {
    background: #666;
    margin: 20px 0px;
    padding: 5px 0 5px 10px;
}

.total_month {
    background: #00ac69;
    color: #fff;
    padding: 5px 0 5px 10px;
    font-weight: 400;
    border-top: 1px solid #fff;
    margin-top: 10px;
}

.page-item:first-child .page-link {
    border-radius: 0px;
}

.page-item.disabled .page-link {
    color: #666;
    pointer-events: none;
    background-color: #444;
    border-color: #444;
}

.dataTables_paginate {
    margin-top: 40px;
}

.page-link {
    position: relative;
    display: block;
    color: #666;
    background-color: #444;
    border: 0px solid #d4dae3;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.page-item.active .page-link {
    color: #666;
    background-color: #555;
    border-color: #888;
}

.page-link:hover, .dataTable-pagination a:hover {
    z-index: 2;
    color: #ddd;
    text-decoration: none;
    background-color: #666;
    border-color: #444;
}

.page-item:last-child .page-link {
    border-radius: 0;
}

.pagination, .dataTable-pagination ul {
    float: right;
}

.notifications .display tbody tr td {
    border-bottom: 1px solid #666;
    padding: 5px 0px;
}

#domain-list_filter, #countryclean_filter {
    margin-top: -41px;
    width: 230px;
    float: right;
    margin-bottom: 20px;
}

#flags_list_filter {
    margin-top: -43px;
}

#server_list_filter {
    margin-top: 20px;
}

#segment_list_filter {
    margin-top: 10px;
    margin-bottom: 10px;
}

.domain_functions, .countries_functions {
    background: #666;
    margin-top: 10px;
    padding: 5px;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.greencolor .btn-green-pastel {
    color: #fff !important;
    font-weight: 300 !important;
}

.greencolor .btn-red-pastel {
    color: #fff !important;
    font-weight: 300 !important;
}

.greencolor .btn-dark {
    color: #fff !important;
    font-weight: 300 !important;
}

.greencolor .btn-green {
    color: #fff !important;
    font-weight: 300 !important;
}

.ul_lista {
    list-style-type: none;
    margin-top: 10px;
    padding: 10px 0 0 0;
    font-size: 12px;
}

.ul_lista li {
    display: block;
    border-bottom: 1px solid #666;
    margin-bottom: 5px;
}

.ul_lista li:hover {
    background: #555;
}

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

.btn-right {
    float: right;
}

.btn-left {
    float: left;
}

.fixedtab {
    width: 350px;
    position: fixed;
    right: -10px;
    bottom: 0;
    height: auto;
    z-index: 10000;
}

.rollups {
    font-size: 12px;
    padding: 2px;
}

.headerbg {
    background: #666;
    border-bottom: 1px solid #555;
    padding: 2px 10px;
    margin-bottom: 5px;
}

.card .collapse {background:#444!important;}

.nav-tabs {
    border-bottom: 0 solid #333 !important;
    display:flex;
    background:none;
    margin-bottom:24px;
}

.nav-item {}

.nav-tabs li {
    border-bottom: 0 solid #555;
    float: left;
    margin-right: 10px;
    font-size:12px;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: none;
    border-color: none;
}

.noppading {
    padding: 0px !important;
}

.nohover:hover {
    background: none !important;
}

.modal-body .nav-tabs .nav-link {
    background: #555 !important;
}

.nav-tabs .nav-link {
    width: 100% !important;
    color: #999;
    background: #444 !important;
}

.ndihmesa {
    margin: 0px;
    text-align: left;
}

.leftabsolute {
    position: absolute !important;
    left: -216px !important;
    width: 200px !important;
    margin-top: 20px !important;
    border-left: 2px solid #ddd;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.font12 {
    font-size: 12px !important;
}

#pmtarollups_filter, #pmtadomains_filter {
    margin-top: 0px !important;
}

#pmtarollups_length, #pmtadomains_length {
    display: none !important;
}

#pmtarollups td, #pmtadomains td {
    border-bottom: 1px solid #666;
    padding-top: 6px;
}

.modal-dialog {
    border: 1px solid #777;
}

.modal-content {
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
}

.modal-header {
    border-bottom: 0px !important;
}

.modal-footer {
    border-top: 0px !important;
}

.secondary {
    margin-top: 100px;
}

#pmtaconfig .nav-tabs .nav-link.active {
    background: #fff !important;
    color: #000 !important;
}

#pmta-profile-dropdown {
    padding: 0px 10px !important
}

.card-collapsable .card-header[data-bs-toggle=collapse].collapsed, .card-collapsable .card-header[data-toggle=collapse].collapsed {
    border-radius: 0px !important;
}

.redrow {
    color: #ED0909;
}

#embed-rollup-rule-list li {
    list-style-type: none;
}

ul#embed-rollup-rule-list {
    padding-left: 0 !important;
}

#segment_list_length {
    display: none;
}

.height200 {
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.height300 {
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.height450 {
    height: 456px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.height700 {
    height: 456px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#delete_record {
    z-index: 99999999999999;
}

.stickytop {
    position: sticky;
    top: 5px;
}

.textarea {
    background: #444;
    color: #fff;
    width: 100%;
    margin-top: 20px;
}

.block {
    margin-top: 10px;
    display: block;
    border-bottom: 1px solid #666;
    font-size: 12px;
    padding-bottom: 10px;
}

.domainscleaning .card-header {
    padding: 0px;
    margin-top: 20px;
}

.domainscleaning .card-header:hover {
    background: none !important;
}

.domainscleaning li {
    float: left;
    margin-right: 20px;
}

.domainscleaning .nav-tabs .nav-link {
    color: #666 !important;
}


.domainscleaning .nav-tabs .nav-link.active {
    color: #fff !important;
}

.overlay {
    filter: blur(4px);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
}

.overlay-message {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


#pmtaconfig .nav-tabs li {
    width: 100%;
}

#pmtaconfig .nav {
    background: none !important;
}

#pmtaconfig .nav-tabs .nav-link {
    border-radius: 0px !important;
}

.ogg img {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
}

.oggtitle {
    color: #a1c40c;
    margin-right: 10px;
}

.oggdescription {
    margin-right: 10px;
}

#open-new-rollup .form-control {
    height: 40px !important;
}

.width40 {
    width: 40px !important;
}

.ml-2, .mx-2 {
    margin-left: 0.1rem !important;
}

.mr-2, .mx-2 {
    margin-right: 0.1rem !important;
    margin-bottom: 2px;
}

.me-2 {
    margin-right: 0.1rem !important;
}

.redmark {
    text-decoration: underline;
    text-decoration-color: red;
}

#leads-tbl_filter, #ftds-tbl_filter, #filter-domain-list_wrapper, #postmaster-emails-table_wrapper .dataTables_filter {
    margin-top: 0px !important;
}

.em_black {
    float: left;
    margin-right: 10px;
    padding: 5px 2px;
}

.topcoinmenu {
    border-bottom: 1px solid #444;
    border-top: 1px solid #444;
}

.subsection {
    border-bottom: 1px solid #444;
    border-top: 1px solid #444;
    background: #111;
}

.coin-marquee-container__inner {
    animation-duration: 30s !important;
    animation-name: marquee-scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.coin-marquee-header {
    display: none !important;
}

.coin-marquee-container {
    width: calc(100% - 0px) !important;
}

.modal {
    position: fixed;
    top: 40px !important;
    left: 0;
}

nav {
    padding: 4.5px;
}

.coin-marquee-wrapper--dark {
    background: #444 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.serverowfield .form-control {
    padding: 5px !important;
    height: 25px !important;
    background: #343434 !important;
    border-color: #444 !important;
    color: #888 !important;
}

.card-header:first-child {
    border-radius: 0;
}

.width200 {
    width: 200px;
}

#browser .modal-xl {
    max-width: 1600px !important;
}

.domain_functions_browser {
    font-size: 12px;
    background: #444;
    padding: 15px 0 10px 0;
}

.p-3 {
    padding: 0rem 0rem 1rem 0rem !important;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px !important;
}

.accordion-item:first-of-type .accordion-button {
    border-top-right-radius: 0px !important;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button {
    background: #666;
    color: #fff;
    padding: 5px;
    font-size: 12px !important;
}

.accordion-item {
    background-color: #444;
    border: 0;
    margin-bottom: 2px;
    border-bottom: 1px solid #666;

}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #666;
    box-shadow: none;
}

.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion-body {
    padding: 5px !important;
}

.dropdown-notifications-item-content {
    min-height: 30px;
    max-height: 400px;
    overflow-y: scroll;
}

.flag-img img {
    width: 20px !important;
    float: left !important;
    margin-right: 5px;
}

.btn {
    justify-content: left !important;
}

.fixedscrollheight {
    max-height: 450px;
    overflow-y: scroll;
}

.h-menu {
    display: flex;
    justify-content: center;
}

.h-menu li {
    float: left;
    margin-right: 2px;
    list-style-type: none;
}

ul.h-menu {
    padding-left: 0;
}

.dnsgroup {
    color: #fff;
    background: #333;
    text-align: center;
}

.dnsgroup td {
    font-weight: bold !important;
    font-size: 14px !important;
    padding: 10px;
}

.accordion-button::after {

    filter: brightness(100);
}

.selectedcountry {
    color: greenyellow;
}

.spyed .rollups {
    float: left;
    filter: invert(0.2);
}

.spyed .rollups span {
    padding: 2px !important;
    float: left;
    width: 80px !important;
    height: 20px !important;
    margin-right: 1px;
    font-size: 10px;
}

.accordion-header:active {
    background-color: #666;
}

#external_mailing table.dataTable tbody th, table.dataTable tbody td {
    font-size: 12px !important;
}

.multiselect {
    border:1px solid #555!important;
}

.multiselect__placeholder {
    color: #fff;
    margin-bottom:5px;
}

.multiselect__tags {
    display: block;
    padding: 0.375rem 0.75rem!important;
    border-radius: 0!important;
    border: 0 !important;
    background: #333 !important;
    font-size: 13px !important;
    min-height:0!important;
}

.multiselect__input, .multiselect__single {
    line-height: 20px;
    border: none;
    border-radius: 0 !important;
    background: #333 !important;
    padding: 0 0 0 5px;
    width: 100%;
    transition: none;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top;
    color: green!important;
    font-size: 13px !important;
    transition: none!important;
}

.multiselect__option--highlight {
    background: #444 !important;
    outline: none;
    color: #888 !important;
    font-size:13px!important;
    font-weight:300;
}
.multiselect__option {
    font-weight:300;
    color:#888;
    font-size:13px!important;
}
.multiselect__tag {
    border-radius: 0 !important;
    background: #444 !important;
    padding:2px!important;
    color: #888 !important;
    font-size:13px!important;
    font-weight:300;
    width:100%!important;
    margin-bottom:0!important;

}
.multiselect__tag-icon {
    right: 0!important;
    top: -6px!important;
    transition: none!important;
    border-radius: 0!important;
    background: red!important;
    width: 15px!important;
    position: absolute!important;
    height: 18px!important;
}

.multiselect__tag-icon:after {color:#fff!important;}

.multiselect__content-wrapper {background:#333!important; font-size:12px!important; color:#fff!important;
    z-index: 1001!important;}

.margin10 {
    margin-bottom: 10px;
}

.grey {
    background: #444;
    min-height: 100px;
}

.tree-anchor {
    color: #eee !important;
    font-size: 12px !important;
}

.tree-default .tree-themeicon {
    display: none !important;
}

#segments .tree-default .tree-anchor {
    border-bottom: 0px solid #555;
    width: 100%;
}

.external_mail_tree .tree-default .tree-anchor {
    margin-left: 0 !important;
    width: 100%;
    font-size: 12px !important;
}

.modal-backdrop {
    opacity: 0.5;
}

.custom-file-label::after {
    height: calc(1.6em + 0.75rem);
    padding: 0.375rem 0.75rem;
    color: #ffffff;
    background-color: #009259;
    border-left: inherit;
    border-radius: 0;
    border-color: #008a54;
}

.custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #444 !important;
}

.form-control, .dataTable-input {
    font-size: 13px;
    border: 1px solid #c5ccd6;
    border-radius: 0;
}

ul.threecolumns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    display: block;
}

ul.twocolumns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

ul.fourcolumns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

ul.fivecolumns {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}
ul.ninecolumns {
    -webkit-column-count: 9;
    -moz-column-count: 9;
    column-count: 9;
}
ul.tencolumns {
    -webkit-column-count: 10;
    -moz-column-count: 10;
    column-count: 10;
}

ul.sevencolumns {
    -webkit-column-count: 7;
    -moz-column-count: 7;
    column-count: 7;
}
ul.sixcolumns {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
}

ul.fourcolumns li {
    border-bottom: 0 !important;
}

.vc-compact {
    width: 100% !important;
}

#pills-tab .nav-link {
    background: #555;
}

#pills-tab .active {
    background: #555;
    color: #fff;
}

body {
    font-size: 12px !important;
    font-family: verdana !important;
}

.externalinfo {
    float: right;
}

.smallinput {
    height: 15px;
    width: 100px;
}

.modal-xxl {
    max-width: 1800px;
}

.modal-xxxl {
    max-width: 2500px;
}

nav ul {
    padding: 5px 10px 10px 10px;
    margin: 0;
    list-style: none;
    position: relative;
}

nav ul li {
    display: inline-block;
}

nav a {
    display: block;
    padding: 0 10px;
    color: #FFF;
    line-height: 30px;
    text-decoration: none !important;
    font-size: 13px;
}

nav a:hover {
    opacity: 0.5;
}

nav ul ul {
    display: none;
    position: absolute;
    top: 30px;
    background: #222222;
    z-index: 100000;
    opacity: 0.95;
}

nav ul li:hover > ul {
    display: inherit;
}

nav ul ul li {
    width: 230px;
    float: none;
    display: list-item;
    position: relative;
}

nav ul ul ul li {
    position: relative;
    top: -60px;
    left: 230px;
}

li > a:after {
    content: ' ▼';
}

li > a:only-child:after {
    content: '';
}

.noarrow a:after {
    display: none;
}

.change-orange {
    color: #f76400 !important;
}

.has-conversion {
    color: #009259 !important;
}

.sblists {
    background: #333333;
    display: inline-block;
    margin-right: 10px;
}

.nav-tabs .nav-link {
    border-radius: 0;
}

.unlayer-editor {
    padding: 0 !important;
}

.page-header {
    color: #888 !important;
    font-size: 2em !important;
    margin-top: 20px;
}

.active_clicked_account {
    background-color: rgba(51, 51, 51, 0.9);
    padding: 0;
}

.systemsms {
    color: #2fa360;
    display: block;
}

.usersms {
    padding-left: 10px;
    color: #ce8483;
    display: block;
    margin: 5px 0;
}

#uploaded_list .count_subscribers {
    display: inline-block;
    width: 70px;
    padding: 2px;
    height: 20px;
    background: #444;
    border: 1px solid #555;
    color: #999;
    text-align: right;
}

.top_stats {
    position: fixed;
    right: 0px;
    width: 100px;
    top: 30%;
    background: #222;
    padding: 10px;
    z-index: 1000;
}

.top_stats .btn {
    width: 100%;
    margin-bottom: 2px;
}

#email_marketing .tree-default .tree-leaf > .tree-ocl {
    display: none;
}

.tree-default .tree-node {
    background: none !important;
    background-position: -292px -4px;
    background-repeat: repeat-y;
}

.tree-children {
    margin-top: 10px;
    overflow-y: scroll !important;
}

.tree-children li {
    border-bottom: 1px solid #555;
}

li.tree-last {
    border-bottom: 0 !important;
}


.table th, .table td {
    padding: 0 !important;
    border-top: 0 !important;
}

.padding2 {
    padding: 2px !important;
}

.feather-48 {
    width: 50%;
    height: 50%;
    stroke-width: 1;
}

.installing {
    padding: 5px 0;
    --border-size: 1px;
    border: var(--border-size) solid transparent;

    /* Paint an image in the border */
    border-image: conic-gradient(
            from var(--angle),
            #555555 0deg 90deg,
            #666666 90deg 180deg,
            #777777 90deg 180deg,
            #888888 180deg 270deg,
            #999999 270deg 360deg
    ) 1 stretch;
}


/* Animate when Houdini is available */
@supports (background: paint(houdini)) {
    @property --opacity {
        syntax: "<number>";
        initial-value: 0.5;
        inherits: false;
    }

    @property --angle {
        syntax: "<angle>";
        initial-value: 0deg;
        inherits: false;
    }

    @keyframes opacityChange {
        to {
            --opacity: 1;
        }
    }

    @keyframes rotate {
        to {
            --angle: 360deg;
        }
    }

    .installing {
        animation: rotate 5s linear infinite, opacityChange 5s infinite alternate;
    }
}

.icons_opacity div:hover {
    opacity: 0.7;
    cursor: pointer;
}

.bg444 {
    background: #444 !important;
}

.bg555 {
    background: #555 !important;
}

.margin-a {
    margin-top: 20px !important;
}

.installoptions {
    background: #555;
    padding: 5px;
    cursor: pointer;
}

.installoptions:hover {
    opacity: 0.8;
}

.domains_from_name {
    width: 100%;
    height: 545px;
    border-radius: 0;
}

.bg333color888 {
    background: #333 !important;
    color: #888 !important;
    border: 1px solid #555;
}

.progress {
    background: #444 !important;
}

#server_settings .progress-bar {
    background-color: #555 !important;
}

#server_settings img {
    margin-bottom: 10px !important;
    border-radius: 2px;
    overflow: hidden;
}

.active-server {
    background: #444;
}

#server_list li {
    border-bottom: 0px !important;
}

#server_list li:hover {
    background: #555;
}

.install_server_row li {
    border-bottom: 0;
}

.sp_categories li {
    border: 0;
}

.used_domain {
    color: rgba(0, 0, 0, 0.8)
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 17%, rgba(102, 102, 102, 1) 98%);
    color: #999;
    padding-top: 5px;
    width: 100%;
    display: block !important;
}

.used_domain img {
    margin: 5px;
    width: 24px;
    height: 24px;
    margin: -5px 0 0 0;
    float: right;
}

.fixed_height {
    max-height: 370px;
    overflow-y: scroll;
}

.selected_server {
    background: #333;
}

#vps li, #email li, #safepage li, #prelander li, #system li, #uncategorized li {
    border: 0;
}

.safepagelogo {
    font-size: 35px;
    border: 1px solid #555;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    display: block;
}

.safepagelogo:hover {
    background: #555;
}

.dropdown, .dropstart {
    float: left;
    margin-right:10px;
}

/* New Button Styles */

.btn-blue-pastel {
    color: #fff;
    background-color: #5E88BF;
    border-color: #537BC3;
}

/* Installing Class with ID for Popups */
#secondary {
    margin-top: 100px !important;
}

.flatpickr-calendar {
    background: #444 !important;
}

.flatpickr-months .flatpickr-month {
    background: #444 !important;
}

span.flatpickr-weekday {
    background: #444 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #444 !important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #009259 !important;
    border: #009259 !important;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    background: #009259 !important;
    border: #009259 !important;
    opacity: 0.8 !important;
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
    background: #009259 !important;
    border: #009259 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background: #444 !important;
    font-size: 12px !important;
}

iframe {
    width: 100%;
    height: 120vh;
}

.terminal {
    width: 100%;
    height: 500px;
    background: #000;
    color: #fff;
    padding: 10px;
}

[title]:hover::after {
    background: #555;
    color: #fff;
}

.generated_content {
    width: 100%;
    min-height: 500px;
    color: #000;
    background: #fff;
    padding: 10px;
}

.custom-control {
    display: inline-block !important;
    min-height: 0 !important;
    padding-left: 1rem;
}

.custom-control-label::before {
    top: 0 !important;
    position: absolute;
    left: -1rem;
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0 !important;
}

.custom-control-label::after {
    top: -0.15rem;
    left: -1.14rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #009259;
    background-color: #009259;
}

#categories_left {
    background: #444 !important;
}

.dropdownMenuButton {
    padding: 10px;
    color: #fff;
    width: 200px;
}

#swipe_database .tree-anchor {
    width: 94% !important;
}

.external_company_logo {
    padding: 10px;
    background: #fff;
    color: #333;
    text-align: center;
    font-weight: bold;
}

.margin2 {
    margin-bottom: 2px;
}

.nav-link {
    border: 0 !important;
}

.follow_up {
}

#potential {
    padding-top: 10px;
}

#potential li:hover {
    background: #555;
}

.ul_listamob li {
    font-size: 15px;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #666;
}

.dropdown-menu {
    font-size: 12px !important;
}

.mb-3 {
    margin-bottom: 5px !important;
}

.main_server {
    background: #fff;
    color: #333;
    padding: 5px;
    text-align: center;
    max-width: 150px;
    margin-bottom: 2px;
}

.mail_server {
    background: #fff;
    color: #333;
    padding: 5px;
    text-align: center;
    max-width: 150px;
    margin-bottom: 2px;
}

.clocker {
    background: #fff;
    color: #333;
    padding: 5px;
    text-align: center;
    max-width: 150px;
    margin-bottom: 2px;
    display: block;
}

.safepage {
    background: #fff;
    color: #333;
    padding: 5px;
    text-align: center;
    max-width: 150px;
    margin-bottom: 2px;
}

.prelanders {
    background: #fff;
    color: #333;
    padding: 5px;
    text-align: center;
    max-width: 150px;
    margin-bottom: 2px;
}

.offers {
    background: #fff;
    color: #333;
    padding: 5px;
    text-align: center;
    max-width: 150px;
    margin-bottom: 2px;
}

.custom_domains {
    background: #fff;
    color: #333;
    padding: 5px;
    text-align: center;
    max-width: 150px;
    margin-bottom: 2px;
}

#diagram {
    font-weight: bold;
}

#diagram .alert {
    border-radius: 0 !important;
}

#diagram .btn {
    margin-bottom: 3px;
}

a.livecoinwatch-widget-6 {
    font-size: 12px !important;
}


.topcoinmenu {
    background: linear-gradient(-45deg, #111111, #222222, #444444);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.popover {
    position: fixed !important;
    top: 0;
    background: #fff;
    width: 650px !important;
    z-index: 100000;
    color: #111;
}

.popover-body {
    width: 650px !important;
    background: #fff;
}

.jumbotron {
    background: none !important;
    padding: 2rem;
!important;
}

.b-sidebar > .b-sidebar-header {
    font-size: 14px !important;
}

.b-sidebar.b-sidebar-right {
    background: #444 !important;
    color: #fff !important;
    width: 450px !important;
    border-left: 1px solid #666;
}

.sideright {
    position: fixed;
    right: 0;
    top: 30%;
    list-style-type: none;
    z-index: 1001;
}

ul.sideright {
    padding-left:0;
}

.sideright li {
    margin-bottom: 10px;
}

.breadcrumb {
    background-color: #444!important;
    border-radius:0;

}

sup {color:#bc3922;}

.warmup .highcharts-title {display:none;}
.warmup .highcharts-legend {display:none;}
.inbox_temp {width:120px; height:80px;  margin:auto; background:#00ac69; color:#fff; text-align: center; font-size: 30px; padding:17px 10px 10px 10px;}

.btn-dark222 {background-color: #222; color:#fff;}
.btn-dark333 {background-color: #333; color:#fff;}
.btn-dark444 {background-color: #444; color:#fff;}
.btn-dark555 {background-color: #555; color:#fff;}
.btn-dark666 {background-color: #666; color:#fff;}
.btn-dark777 {background-color: #777; color:#fff;}
.btn-dark888 {background-color: #888; color:#fff;}

#widgets {width:400px; position: absolute; top:20%; border:1px solid #555; z-index:1000; background: #444;}

#sidebar-feeds {opacity:0.95;}

.col-1-extra {
    width:12.33333333%;
    color:#ddd;
    min-height:100%;
    background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url('https://wallpapermemory.com/uploads/597/sunset-wallpaper-4k-199903.jpg');
    background-size:cover;
    -webkit-animation: slidein 100s;
    animation: slidein 100s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    border-right:1px solid #555;
    box-shadow: 0 10px 0 0 #fff;
}

@-webkit-keyframes slidein {
    from {background-position: top; background-size:3000px; }
    to {background-position: -100px 0px;background-size:2750px;}
}

@keyframes slidein {
    from {background-position: top;background-size:3000px; }
    to {background-position: -100px 0px;background-size:2750px;}

}



.col-10-extra {width:87.6666666%; padding-right:0;}

#system_settings .nav-tabs {
    border-bottom: 1px solid #333 !important;
    display: block;
    height: 40px;
    background: #333;
}

.multiselect__placeholder {
    font-size:13px!important;
    margin-bottom: 5px!important;
    font-weight:300!important;
}

.multiselect {
    height:auto!important;
    font-size:13px!important;
    min-height:0!important;
}

.multiselect__select:before {display:none!important;}

.fixchk .custom-checkbox {
    top:-10px;
}

code {font-size:14px;}

li > a::after {
    display:none;
}
.dropdown a {
    text-decoration: none;
}

.tree-selected {
    background: rgba(0, 0, 0, .5)!important;
}


.tree-wholerow-clicked {
    background: rgba(0, 0, 0, .5)!important;
}

.tree-wholerow {
    background: none!important;
}