#sidebar .sidebar-header {
    padding: 7px;
    background: #ffffff;
    text-align: center;
}
#notice-block:hover {
    cursor: pointer;
}
a.morelink {
    text-decoration:none;
    outline: none;
}
.alert-heading {
    color: #284e6d !important;
}
.morecontent span {
    display: none;
}
.gray-dark {
    color: #545454;
}
.long-text {

}
.container-clicks {
    min-width: 300px;
    min-height: 250px;
    max-height: 290px;
    overflow: scroll
}
.pt-29 {
    padding-top: 29%;
}
.click-block:hover {
    cursor: pointer;
    background-color: #3a3a3a;
    opacity: 0.5;
}
.click-block {
    display: block;
    padding: 2px;
    border-bottom: 1px solid #575757;
    text-align: left;
}
.no-margin li {
    padding: 0px !important;
    margin-bottom: 0px !important;;
    font-size: 11px;
}
.fs-11 {
    font-size: 11px !important;
}
.sep {
    color: black;
    opacity: 0.2;
    margin-left: 2px;
    margin-right: 2px;
}
.plus-button:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(42, 107, 181, 0.5);
     box-shadow: 0 0 0 0.15rem rgba(42, 139, 181, 0.5);
     background-color: #28394b;
}
.plus-button:hover {
    border: 1px solid #8bbefd;
    color: #8bbefd !important;
    background-color: transparent !important;
}
.plus-button {
    border: 1px solid #61aaff;
    border-radius: 3px;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
    color: #81bbff !important;
    font-size: 11px;
}
.domain-subdomain {
    border: 1px solid #af6606;
    padding: 2px;
    font-size: 10px;
    border-radius: 3px;
    color: #af6606;
    padding-left: 4px;
    padding-right: 4px;
}
.domain-subdomains {
    background-color: #807603;
    padding: 2px;
    font-size: 10px;
    border-radius: 3px;
    color: #d3c3a3;
    padding-left: 4px;
    padding-right: 4px;
}
.domain-expire {
    background-color: #c80404;
    padding: 2px;
    font-size: 10px;
    border-radius: 3px;
    color: #e3d3d3;
    padding-left: 4px;
    padding-right: 4px;
}
.ml-5 {
    margin-left: 5px;
}
.domain-http {
    padding: 2px;
    border: 1px solid #467193;
    font-size: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    color: #88bcdc;
}
.domain-https {
    background-color: transparent;
    padding: 2px;
    border: 1px solid #356635;
    font-size: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    color: #268326;
}
.link-actions {
    display: block;
    margin-top: 15px;
}
.wrap {
    white-space: normal !important;
}
.text-left {
    text-align: left !important;
}
.padding-5 {
    padding: 5px;
}
.ml-3 {
    margin-left: 3px !important;
}
.link-actions a {
    margin-right: 18px;
}
.live-edit {
    cursor: pointer;
}
.url-stat-block {
    position: absolute;
    display: none;
    padding: 5px;
    background-color: #303030;
    border: 1px solid #3b3b3b;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 9;
    border-radius: 5px;
    font-size: 12px;
    font-style: normal;
    min-width: 400px;
    max-width: 500px;
}
.edit-block {
    position: absolute;
    left: 0;
    display: none;
    padding: 5px;
    background-color: #303030;
    border: 1px solid #3b3b3b;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 9;
    border-radius: 5px;
    font-size: 12px;
    font-style: normal;
    min-width: 200px;
}
.remove-link:hover {
    color: #6268d7;
}
.italic {
    font-style: italic;
}
.remove-link {
    cursor: pointer;
    margin-left: 10px;
    font-size: 12px;
    color: #5156be;
}
.relative {
    position: relative !important;
}
.routing-status {
    top: -9px !important;
}
.cloaking-status {
    right: 16px !important;
    top: -1px !important;
}
.url-status {
    position: absolute;
    border: none;
    right: 5px;
    z-index: 10;
    top: 3px;
    height: 40px;
    cursor: pointer;
    color: white;
    background-color: transparent;
    transform: translateX(2px);
    width: 30px;
}
.blinking {

    animation: opacity 2s ease-in-out infinite;
    opacity: 1;
}

@keyframes opacity {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}
.counter-label {
    color: #969d9a;
}
.h-100 {
    height: 100%;
}
.pb-20 {
    padding-bottom: 20px;
}
.welcome-block h4 {
    top: 42%;
    position: relative;
    left: 29%;
}
.welcome-block {
    height: 150px;
    display: block;
    background-image: url("/images/welcome.png");
    background-repeat: no-repeat;
    margin-bottom: 15px;
}
.hidden {
    display: none;
}
.dashed {
    text-decoration: dashed !important;
}
.mh-115 {
    min-height: 115px;
}
.text-shadow {
    text-shadow: 0px 3px 4px rgba(0,0,0,0.23);
}
.danger-link-block {
    border: 2px solid #b73c3c;
}
.warning-link-block {
    border: 2px solid #af6f06;
}
.white {
    color: #fff
}
.pl-17 {
    padding-left: 17px;
}
.content-middle {
    align-content: center;
    display: inline-flex !important;
    flex-wrap: wrap;
}
.link-options-block {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #4ba6ef;
    /* border-color: #444444 #1C1C1C #1C1C1C; */
    border-radius: 3px;
    /* border-right: 1px solid #1C1C1C; */
    /* border-style: solid; */
    border-width: 1px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 50%), 0 1px 0 #727272 inset;
    color: #E3E3E3;
    /* font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; */
    font-size: 11px;
    line-height: 1.2;
    padding: 10px;
    position: absolute;
    text-align: left;
    width: 300px;
    z-index: 320;
    display: none;
}
::-webkit-scrollbar {
    width: 12px;
}
.help-small {
    font-size: 13px !important;
}
.dark-velvet {
    background-color: #2d2d3a !important;
}
.team-color {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #464646;
    display: inline-block;
    vertical-align: sub;
    margin-right: 3px;
}
::-webkit-scrollbar-track {
    background-color: #313533;
}
::-webkit-scrollbar-corner {
    background: #313533
}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:hover {
    background-color: #4a56be;
}

.main-content {
    overflow: initial !important
}
.webui-popover-inner .close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
    opacity: 1;
    text-decoration: none;
    margin: 8px 10px 3px 9px;
}
.choices-mb-0 .choices {
    margin-bottom: 0px !important;
}
.pt-10 {
    padding-top: 10px;
}
.mt-50 {
    margin-top: 50px;
}
.pl-10 {
    padding-left: 10px;
}
.link-list-block-proc {
    float: right;
    position: absolute;
    right: 56px;
    /* top: 100%; */
    margin-top: 2px;
}
.counter-md .counter-number-group, .counter-md>.counter-number {
    font-size: 30px;
}
.mt-30 {
    margin-top: 30px;
}
.min-height-50 {
    min-height: 50px;
}
.counter {
    text-align: center;
}
.counter-md .counter-icon {
    font-size: 30px;
}
.link-list-block-stat {
    display: inline-block;
    background-color: #313432;
    border-radius: 3px;
}
.ml-30 {
    margin-left: 30px;
}
.w-16 {
    width: 16px;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
#site-info-title {
    font-weight: bold;
}
.inline {
    display: inline;
}
.dropdown-item .fas {
    width: 17px;
}
.select2-search {
    background-color: #363a38;
}
.select2-grouped {
    font-family: inherit;
    font-size: .875rem;
    padding-top: 7px;
    color: #adb5b9;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #363c3a;
}
.select2-container .select2-search--inline .select2-search__field {
    background-color: #363a38;
    font-size: 13px;
    padding-left: 5px;
}
.select2-search__field {
    background: transparent;
    color: white;
    font-size: 13px;
    padding-left: 5px;
}
.select2-container--default .select2-search__field::-webkit-input-placeholder {
    color: #5e5e5e
}

.select2-container--default .select2-search__field:-moz-placeholder {
    color: #5e5e5e
}

.select2-container--default .select2-search__field::-moz-placeholder {
    color: #5e5e5e;
    opacity: 1
}

.select2-container--default .select2-search__field:-ms-input-placeholder {
    color: #5e5e5e
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #fff7f5;
    background: #5156be;
    border: 1px solid #5156be;
    font-size: 13px;
}
.select2-container--default .select2-selection--multiple {
    background-color: #363a38;
    border: 1px solid #3b403d;
    min-height: 38px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple
{
    border: solid #4e4e4e 1px;
    outline: 0;
    min-height: 38px;
    background-color: #363a38;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #3b403d;
    background-color: #363a38;
}
.select2-container--default .select2-dropdown {
    border-color: #5156be;
}
.select2-container--default.select2-container--open .select2-selection {
    border-color: #5156be;
}
.select2-selection {
    background-color: #363a38;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #313462;
    color: #76838f;
}
.select2-search input { background-color: #464d4a; }
.select2-results { background-color: #323635; }
.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #8f9091;
    background-color: #363a38;
    border: 1px solid #4e4e4e;
}
#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}
.float-right {
    float: right!important;
}
#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-15 {
    margin-top: 15px;
}
.m-15 {
   margin: 15px !important;
}
.p-10 {
    padding: 10px;
}
.p-30 {
    padding: 30px;
}
.p-20 {
    padding: 20px;
}
.card-block .icon {
    font-size: 50px;
}
.card-watermark {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 1;
    opacity: .1;
}
#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #25313d;
}
#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 99999;
    background: #ffffff;
    transition: all 0.3s;
}
#content {
    width: calc(100% - 250px);
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}
.wrapper {
    display: flex;
    width: 100%;
}
.no-underline {
    text-decoration: none !important;
}
.status-dot-green {
    color: #2dbd20;
    font-size: 27px;
    height: 10px;
    margin-top: -9px;
}
.status-dot-gray {
    color: #c5c5c5;
    font-size: 27px;
    height: 10px;
    margin-top: -9px;
}
.route-filedset {
    border: 1px solid #616463;
    border-radius: 5px;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
}
.route-legend {
    font-size: 14px;
    width: auto;
    padding: 1px;
    margin-bottom: auto;
}
.m-5 {
    margin: 5px!important;
}
.m-10 {
    margin: 10px!important;
}
.time-dot {
    margin-right: 5px;
    font-size: 15px;
    vertical-align: middle;
}
.tr-green, .tr-green td {
    background-color: #243e16 !important;
}
.count-proc {
    font-size: 18px;
    margin-left: 7px;
    color: #666666;
    vertical-align: middle;
    text-shadow: 1px 1px 0px #232323;
}
.top-border-box {
    border-top: 1px solid #3e3e3e;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.li-box li {
    border: 1px solid #dee9ea;
    border-radius: 9px;
    padding-left: 10px;
    margin-bottom: 5px;
}
.inline-link {
    font-size: 15px;
    margin-left: 15px;
    vertical-align: middle;
}
.flex-right {
    justify-content: right;
    display: flex;
}
.li-red::before {
    content: "\2022";
    color: #d20000;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.block-border-primary {
    border: 1px solid #5156be;
    border-radius: 4px;
    padding: 10px;
}
.top-time {
    font-size: 12px;
    padding-top: 27px;
    color: gray;
}
.topbar-text {
    font-size: 12px;
    padding-top: 6px;
}
.blue {
    color: #0a9ebc;
}
.li-blue::before {
    content: "\2022";
    color: #004ad5;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.li-gray::before {
    content: "\2022";
    color: #818181;
    font-weight: bold;
    display: inline-block;
    width: 1em;
}
.reset-li {
    list-style: none;
}
.block-center span {
    top: 50%;
    position: absolute;
}
.block-center {
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-height: 100px;
}
.rating-flag {
    width: 35px;
    margin-right: 10px;
    border-radius: 13px;
    border: 1px solid #717171;
}
.no-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.link-list-block {
    display: block;
    margin-bottom: 2px;
    padding: 3px;
    border-radius: 3px;
    border-bottom: 1px solid #4b4f4d;
    font-size: 12px;
}
.route_link_block {
    display: block;
    margin-bottom: 2px;
    border: 1px solid #e0eced;
    background-color: #f5fffd;
    padding: 3px;
    border-radius: 3px;
}
.country-rating td {
    padding-top: 15px;
    padding-bottom: 15px;
}
.light-gray {
    background-color: #f8f8f8 !important;
}
.select2-dropdown.increasedzindexclass {
    z-index: 999999;
}
.select2-container.select2-container--default.select2-container--open  {
    z-index: 999999;
}
.site-menubar-links a {
    color: #afafaf !important;
}
.site-menubar-links.site-menu-item a:hover {
    color: #494949 !important;
}
.site-menubar-links a:hover {
    color: #494949 !important;
}
.my-checkbox {
    transform: scale(1.2);
    margin-right: 4px;
}
.radio-wrapper{
    display: inline-flex;
    height: 100px;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
    padding: 20px 0px;
}
.radio-wrapper .option{
    background: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 10px;
    border: 2px solid lightgrey;
    transition: all 0.3s ease;
}
.radio-wrapper .option .dot{
    height: 20px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 50%;
    position: relative;
    margin-right: 20px;
}
.radio-wrapper .option .dot::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #0069d9;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
}
.radio-wrapper input[type="radio"]{
    display: none;
}
.radio-wrapper #option-1:checked:checked ~ .option-1,
.radio-wrapper #option-2:checked:checked ~ .option-2{
    border-color: #0069d9;
    background: #0069d9;
}
.radio-wrapper #option-1:checked:checked ~ .option-1 .dot,
.radio-wrapper #option-2:checked:checked ~ .option-2 .dot{
    background: #fff;
}
.radio-wrapper #option-1:checked:checked ~ .option-1 .dot::before,
.radio-wrapper #option-2:checked:checked ~ .option-2 .dot::before{
    opacity: 1;
    transform: scale(1);
}
.radio-wrapper .option span{
    font-size: 20px;
    color: #808080;
}
.radio-wrapper #option-1:checked:checked ~ .option-1 span,
.radio-wrapper #option-2:checked:checked ~ .option-2 span{
    color: #fff;
}

.input-error {
    font-size: 11px;
    color: red;
}
.green-border {
    border-color: #00d200 !important;
}
.edit_input:hover > span {
    display: inline-block  !important;
}
#app-list span:hover {
    border: 3px solid #d3eeb6;
    cursor: pointer;
}
#app-list span {
    display: inline-block;
    border: 3px solid #efefef;
    border-radius: 13px;
    padding: 3px;
    padding-right: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
}
#app-list {
    display: block;
    width: 100%;
    text-align: center;
}
.api-param-yes {
    font-weight: bold;
}
.api-param {
    font-weight: bold;
}
.api-menu h4 {
    color: #898989;
}
.api-sub-param td {
    background-color: #292c2a;
    padding-left: 30px;
}
.api-menu h3 {
    margin-top: 0px !important;
}
.api-content h1 {
    margin-top: 0px !important;
    color: #eeeeee;
}
.api-content pre {
    border: 1px solid #3c3c3c;
}
.api-content .form-control {
    background-color: #26352c;
    border-color: #496a56;
    color: #a7a7a7;
}
.api-content .table-bordered thead:first-child th {
    border-top: 1px solid #757575;
    border-bottom: 1px solid #757575;
    color: gray;
}
.api-content td, .api-content th {
    border: 1px solid #4c4c4c;
}
.api-menu,.api-content {
    background-color: #2c302e;
    border: 1px solid #2f3332;
    border-radius: 10px;
    padding: 30px;
    color: #a4a4a4;
}
.api-menu a,.api-content a {
    color: #538cc4;
}
.gray-link h3 {
    color: gray !important;
}
.gray-link {
    text-decoration: none !important;
}
#fileInput {
    display: none;
}
.max-50 {
    max-width: 50%;
}
.input-big {
    font-size: 20px;
    height: 46px;
}
label[for="fileInput"]:hover {
    border: 3px solid #6aff82;
}
label[for="fileInput"] {
    border: 3px dashed #96daf1;
    display: inline-block;
    padding: 11px;
    cursor: pointer;
    border-radius: 14px;
    text-align: center;
    width: 100%;
    background-color: white;
    font-size: 20px;
}
#progress-wrp {
    border: 1px solid #b1f7bf;
    padding: 1px;
    position: relative;
    height: 30px;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}

#progress-wrp .progress-bar {
    height: 100%;
    border-radius: 3px;
    background-color: #f39ac7;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}

#progress-wrp .status {
    top: 3px;
    left: 50%;
    position: absolute;
    display: inline-block;
    color: #000000;
}
@media (min-width: 992px) {
    .modal-big {
        max-width: 83%;
    }
    .d-ml-17 {
        margin-left: 17px;
    }
    .offcanvas-end {
        width: 50% !important;
    }
}
.info-block {
    display: block;
    border: 1px solid #360444;
    padding: 10px;
    border-radius: 5px;
    background-color: #552265;
}

.desc { color:#6b6b6b;}
.desc a {color:#0092dd;}

.dropdown-proxy dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown-proxy dd { position:relative; }
.dropdown-proxy a:hover { color: #525252;}
.dropdown-proxy dt a:hover {  background-color: #f4fcfd
}
.dropdown-proxy span {
    font-size: 17px;
}
.dropdown-proxy dt a {
    display:block;
    padding-right:20px;
    border: 3px solid #efefef;
    border-radius: 5px;
    width: 197px;
    min-height: 49px;
}
.dropdown-proxy dt a span {cursor:pointer; display:block; padding:5px;}
.dropdown-proxy dd ul {
    border: 3px solid #f3f3f3;
    /* color: #C5C0B0; */
    display: none;
    left: 0px;
     padding: 5px 0px;
    position: absolute;
    top: 2px;
    width: auto;
    min-width: 197px;
    list-style: none;
    z-index: 999;
    background-color: white;
    border-radius: 5px;
}
.dropdown-proxy span.value { display:none;}
.dropdown-proxy dd ul li a { padding:5px; display:block;}
.dropdown-proxy dd ul li a:hover { background-color: #e0eff1;}

.dropdown-proxy img.flag { border-radius: 3px;
    border: 1px solid #e9e9e9;
    vertical-align:middle; margin-left:10px; width: 31px;}
.flagvisibility { display:none;}

.nav-link .nav-count {
    background-color: #eaeaea;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    color: #9e9e9e;
    font-size: 11px;
    border-radius: 3px;
}
p.bubble {
    position: relative;
    width: 300px;
    text-align: center;
    line-height: 1.4em;
    background-color: #fff;
    border: 8px solid #88e8eb;
    border-radius: 30px;
    font-family: sans-serif;
    padding: 20px;
    font-size: large;
}

p.thought {
    width: 300px;
    border-radius: 200px;
    padding: 30px;
}

p.bubble:before,
p.bubble:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
}

p.thought:before,
p.thought:after {
    left: 10px;
    bottom: -30px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 8px solid #333;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
}

p.thought:after {
    width: 20px;
    height: 20px;
    left: 5px;
    bottom: -40px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
.emojis {
    font-size: 20px;
}
.highlighted {
    background-color: #fffce6;
}
.links-select {
    border: 1px solid #e4e4e4;
    height: 41px;
}
.colorpicker {
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    padding: 4px;
    font-size: 14px;
    color: gray;
    width: 100px;
}
.link-type-web {
    text-decoration: underline;
    text-decoration-color: #5ae4ff;
}
.link-type-deep:hover {
    text-decoration-color: #f68396;
}
.link-type-img:hover {
    text-decoration-color: #d69ef8;
}
.link-type-proxy:hover {
    text-decoration-color: #6adc4f;
}
.link-type-img {
    text-decoration: underline;
    text-decoration-color: #bd68ff;
}
.link-type-proxy {
    text-decoration: underline;
    text-decoration-color: #94ff7e;
}
.link-type-deep {
    text-decoration: underline;
    text-decoration-color: pink;
}
.mg-bottom-10 {
    margin-bottom: 10px;
}
.mg-right-30 {
    margin-right: 30px;
}
.link-type-title {
    font-size: 10px;
    color: #b5b5b5;
}
#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    height: 30px;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}

#progress-wrp .progress-bar {
    height: 100%;
    border-radius: 3px;
    background-color: #9af3af;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}

#progress-wrp .status {
    top: 3px;
    left: 50%;
    position: absolute;
    display: inline-block;
    color: #000000;
    border: none;
}

.push-tooltip-container {
    position: absolute;
    display: none;
    left: -45%;
    top: 158px;
}
.smile-button-create {
    margin-left: 5px;
    margin-top: 12px;
}
.smile-button {
    cursor: pointer;
}
.emoji i {
    font-style: normal !important;
}
.push-tooltip-create {
    position: absolute;
    left: 15px;
    top: 20px;
    background: #fff;
    color: #000;
    z-index: 9999;
    overflow: hidden;
    border: 1px solid #cad9e0;
    border-radius: 5px;
    padding: 14px;
}
.push-tooltip {
    position: absolute;
    left: 817px;
    top: -107px;
    background: #fff;
    color: #000;

    z-index: 9999;
    overflow: hidden;
    border: 1px solid #cad9e0;
    border-radius: 5px;
    padding: 14px;
}

.push-tooltip-body {
    height: 300px;
    width: 400px;
    overflow-y: scroll;
}

.emojis span {
    cursor: pointer;
}
.tariff-header {
    border: 1px solid #a7b2fb;
    height: 70%;
    margin-top: 3%;
    color: #d7dbf9;
    padding: 5px;
    border-radius: 4px;
    font-size: 11px;
    margin-right: 10px;
    text-align: center;
}
.mylinks-import-block {
    display: inline;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 5px;
}
.mylinks-limit-block {
    display: inline;
    padding: 4px;
    font-size: 20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 5px;
    border: 1px solid #464847;
    border-radius: 3px;
}
.mylinks-limit-block span {
    font-size: 15px;
    color: #a8a8a8;
}
.tariff-table {
    width: 100%;
    border-collapse: collapse;
    empty-cells: hide;
}
.tariff-table td:empty {
    border: 0;
}
.mr-30 {
    margin-right: 30px;
}
.mr-10 {
    margin-right: 10px;
}
.mw-300 {
    max-width: 300px;
}
.ticket-img {
    float: right;
    width: 100px;
}

.webui-popover {
    z-index: 30000;
}
#checked-all a {
    font-size: 11px;
    text-decoration: underline;
    margin-left: 20px;
    color: #afafaf;
}
.link-action-block {
    border: 1px solid #4c4c4c;
    border-radius: 4px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 3px;
    position: sticky;
    top: 66px;
    z-index: 99;
    background-color: #2f3331;
}
#clear-button:hover {
    background-color: #444947;
}
#clear-button {
    position: absolute;
    border-radius: 5px;
    right: 5px;
    z-index: 10;
    border: none;
    top: 3px;
    height: 40px;
    cursor: pointer;
    color: white;
    background-color: #2e3230;
    transform: translateX(2px);
    width: 100px;
}
.mb-30 {
    margin-bottom: 30px;
}
.loading-input {
    background-color: #ffffff;
    background-image: url("/images/loaders/linear.svg");
    background-size: 80px 25px;
    background-position: right 10px center;
    background-repeat: no-repeat;
}
.sub-options-block {
    border: 1px solid #555555;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}
.pg-left-30 {
    padding-left: 30px;
}
.mg-left-15 {
    margin-left: 15px;
}
.h4-icon {
    font-size: 13px;
}
.title-link {
    text-decoration: underline;
}
.block-status {
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 10px;
    color: white;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
}
.reg-link {
    margin-left: 15px;
    font-weight: 500;
    text-decoration: underline;
}
.mg-top-10 {
    margin-top: 10px;
}
.link-route-weight {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
}
.route-condition-select:selected {
    background-color: #3e8ef7;
}
.route-condition-select {
    border: 1px solid #e4eaec;
    border-radius: 3px;
}
option:disabled {
    color: #e2e2e2;
}
.big-icon {
    font-size: 24px;
}
.route-condition-remove {
    padding-left: 15px;
    padding-top: 7px;
}
.link-route-status {
    margin-left: 20px;
    margin-bottom: 5px;
    font-size: 11px;
    color: gray;
}
.route-condition-block {
    margin-top: 8px;
}
.route-link {
    border: 1px solid #3e4240;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #3b3e3d;
}
.search-result li:hover {
    background-color: #464646;

}
.search-result span {
    color: gray;
}
.search-result label:hover {
    cursor: pointer;
    color: #b9b9b9;
}
.search-result label {
    margin-bottom: 0px;
    width: 100%;
}
.search-result li {
    border: 1px solid #323232;
    border-radius: 3px;
    padding: 4px;
    margin: 1px;
    background-color: #3c3c3c;
    color: #cfb654;
}
.search-result ul {
    list-style: none;
    padding-left: 0px;
    line-height: 19px;
    margin-bottom: 0px !important;
}
.search-result {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #414342;
    border: 1px solid #5a5a5a;
    border-radius: 3px !important;
    z-index: 999999;
    padding: 5px;
    font-size: 12px;
    max-height: 150px;
    overflow: auto;
    top: 100%;
}
.small-alert a {
    color: #d2820a;
}
.small-info-block a {
    color: yellow;
}
.small-info-block {
    font-size: 11px;
    border: 1px solid #b47a36;
    background-color: #7c631f;
    border-radius: 3px;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
}
.small-alert {
    display: block;
    font-size: 11px;
    border: 1px solid #f3d7a5;
    border-radius: 3px;
    padding-left: 5px;
    background-color: #fff3cd;
    margin-top: 5px;
    margin-bottom: 5px;
}
.form-control::placeholder {
    color: #6b6b6b;
}
.pd-10 {
    padding: 10px;
}
.cl-block {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #484848;
}
.badge-title {
    border: 1px solid #efefef;
}
.badge-double {
    background-color: white;
    border: 1px solid #efefef;
    margin-left: -4px;
    margin-right: 3px;
}
.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
.top-header {
    display: block;
    width: 100%;
    background-color: #ebfeff;
    padding: 10px;
    padding-left: 78px;
}
.top-links a:hover {
    text-decoration: underline;
}
.top-links a {
    text-decoration: none;
    color: #779a9e;
    margin-right: 30px;
}
.no-bg, .no-bg:hover {
    background-color: transparent !important;
}
.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #dffddd;
    font-weight:bold;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
    background-color: #daf7ff;
}
.properties-list-ul li {
    border: 1px solid #dedede;
    padding: 4px;
    list-style: none;
    margin-bottom: 3px;
    border-radius: 3px;
    font-size: 11px;
}
.sub-title {
    font-weight: bold;
}
.properties-list-ul {
    padding-left: 0;
}
.properties-list-mylinks {
  margin-bottom: 5px;
    display: block;
}
.copylink:hover .fa {
    display: block
}
.gray-light {
    color: #adadad;
}
.sub-stat-traf-proc {
    font-size: 10px;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 3px;
}
.red-dot {
    background-color: red;
}
.orange-dot {
    background-color: orange;
}
.green-dot {
    background-color: green;
}
.quality-dot {
    border-radius: 50%;
    width: 11px;
    height: 11px;
    vertical-align: middle;
    display: inline-block;
}
.table-text-small td {
    font-size: 12px;
}
.container-filtes .fa-filter {
    margin-top: 7px;
    margin-right: 5px;
    color: #9c9c9c;
}
.filter-field {
    max-width: 65px;
}
.stat-filter-plus:hover, .stat-filter-plus:hover a {
    color: white;
    background-color: #bbbbbb;
    cursor: pointer;
}
.stat-filter-plus a {
    margin: 0;
    color: #bbbbbb;
}
.stat-filter-plus {
    font-size: 10px;
    border: 1px solid #bbbbbb;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
.more-filters {
    display: flex;
    flex-wrap: wrap;
}
.container-filtes {
    padding-left: 14px;
    margin-bottom: 5px;
}
.stat-filters .filter-value {
    width: 80px;
    margin-left: 5px !important;
}
.filter-value::placeholder {
    color: #a0a0a0;
    font-size: 10px !important;
}
.stat-filters input, .stat-filters select {
    font-size: 13px;
    color: #686868;
    border: 1px solid #5d5d5d;
    padding: 1px;
    border-radius: 3px;
    margin-right: 0;
    margin-left: 2px;
    background-color: #313533;
}
.mg-left-10 {
    margin-left: 10px;
}
.stat-filters {
    border: 1px solid #525252;
    padding: 4px;
    border-radius: 3px;
    min-width: 214px;
    margin-right: 5px;
}
.mg-top-20 {
    margin-top: 20px;
}
.stat-table-header {
    margin-bottom: 5px;
}
.stat-table-button {
    padding-right: 17px;
}
#site-info-image img {
    width: 124px;
    margin-right: 10px;
    float: left;
    border-radius: 5px;
}
.site-info-block {
    display: block;
    padding: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    background-color: white;
    min-height: 136px;
}
.orange {
    color: darkorange;
}
.login-from-icon {
    width: 48px;
}
.red-border {
    border-color: #973333  !important;
}
.login-from, .login-from-icon {
    font-size: 20px;
    height: 47px;
}
.text-right {
    text-align: right !important;
}
.report-block-icon {
    padding-top: 29px;
}
.traffic-unique {
    color: #7d82ec;
}
.link-saved-promo {
    border: 3px solid #b8e8c4;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    background-color: #f2fafb;
}
.bg-image-bad {
    background-image: url("/images/robot/bad.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}
.bg-image-good {
    background-image: url("/images/robot/good.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}
.bg-image-suspect {
    background-image: url("/images/robot/suspect.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
}
#chart-stat {
    background-image: url("/images/load.svg");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}
#modal {
    z-index: 20000 !important;
}
.click-stat-good {
    background-color: #15c610;
    padding: 2px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 9px;
    color: white;
    border-radius: 3px;
}
.click-stat-DCH, .click-stat-SES {
    background-color: #dca64b;
    padding: 2px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 9px;
    color: white;
    border-radius: 3px;
}

.click-stat-VPN, .click-stat-TOR, .click-stat-PUB, .click-stat-WEB {
    background-color: #d86a6a;
    padding: 2px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 9px;
    color: white;
    border-radius: 3px;
}

.modal-title-big-icon {
    font-size: 24px;
}
.line-height-0 {
    line-height: 0;
}
.ad-format:hover, .ad-format:hover {
    cursor: pointer;
    background-color: #edfaff;
    border: 1px solid #d6dfea;
}
.ad-format h5 {
    display: inline;
    margin-left: 10px;
}
.ad-format img {
    width: 200px;
}
.ad-format-checked {
    background-color: #f5fff5;
}
.ad-format {
    border: 1px solid #ececec;
    border-radius: 10px;
    margin-right: 5px;
    width: 47%;
    display: inline-block;
    padding: 20px;
}

.footer-hr {
    width: 100px;
    border-color: #d4e6e5;
}
.footer-links {
    margin-right: 10px;
    font-size: 12px;
    color: #556767;
    text-decoration: underline;
}
.auth-social {
    display: block;
    text-align: center;
    border-top: 1px solid #dce6ef;
    padding-top: 10px;
    margin-top: 10px;
}
.unknown-icon {
    width: 16px;
    background-color: #d3d3d4;
    padding: 2px;
    text-align: center;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
}
.balance-header a, .balance-header-2 a {
    color: white;
    font-weight: 500;
}
.balance-tab {
    height: 53px;
}
.tariff-premium-status {
    position: absolute;
    right: 0px;
    bottom: 11px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-radius: 3px;
    font-size: 8px;
    background-color: white;
    color: #922606;
    line-height: normal;
}
.tariff-gold-status {
    position: absolute;
    right: 4px;
    bottom: 11px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-radius: 3px;
    font-size: 8px;
    background-color: white;
    color: #bfa206;
    line-height: normal;
}
.balance-header-2 {
    padding-top: 7%;
    padding-right: 10px;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.min-width-170 {
    min-width: 170px;
}
.h-16 {
    height: 16px;
}
.va-top {
    vertical-align: top;
}
.balance-header {
    padding-top: 14%;
    padding-right: 10px;
}
.macros-line {
    display: flex;
    border-bottom: 1px solid #494949;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10pt;

}
.choices__inner {
    font-size: 16px !important;
}
.footer-block {
    padding-top: 20px;
    padding-bottom: 20px;
}
.index-title {
    margin-top: 30px;
    margin-bottom: 30px;
}
.option-name {
    color: #9a9a9a;
}
.show_macros:hover > i {
    color: yellow;
}
.show_macros {
    margin-left: 5px;
    font-size: 8pt;
    text-transform: uppercase;
}
.faq-index-block {
    margin-bottom: 10px !important;
}
.news-row {
    padding: 10px;
    border-radius: 10px;
    padding-top: 26px;
    background-image: linear-gradient(to right bottom, #8e97ed, #a5a1f1, #baabf6, #cdb6fa, #dec2ff);
}
.news-index-block {
    min-height: 217px;
}
.macros-menu {
    width: 300px;
    padding: 10px;
    font-size: 10pt;
}
.mg-top-15 {
    margin-top: 15px;
}
.index-list {
    font-size: 19px;
    line-height: 35px;
}
.block-padding .col-lg-4 {
    padding-bottom: 30px;
}
.about-block h3 {
     text-align: center;
 }
.about-block-out {
    background-image: linear-gradient(to right bottom, #ffc2ea, #f6aae6, #e993e5, #d87de6, #c269e9);
    padding: 3px;
    border-radius: 14px;
    height: 100%;
}
.about-block {
    background-color: #ffffff;
    padding: 20px;
    height: 100%;
    border-radius: 14px;
}
.page-footer {
    flex-shrink: 0;
}
.gray-hover:hover {
    color: #9d9d9d;
    cursor: pointer;
}
.gray-hover {
    color: gray;
}
.index-body {
    display: flex;
    flex-direction: column;
    background-color: #313533;
}
.guest-links-block {
    border: 1px solid #c9e9f5;
    border-radius: 3px;
    padding: 4px;
    font-size: 9pt;
    color: #399696;
    margin-top: 5px;
    text-align: right;

}
.guest-links {
    text-decoration: underline;
    font-weight: bold;
}
.round-block {
    padding: 4px;
    border: 3px solid #b8f3f3;
    border-radius: 10px;
    background-color: white;
}
.clicks-sub-info {
    border: 1px solid #dadada;
    padding: 1px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
.selectlist {
    width: 100% !important
}
.modal-title-big2 {
    font-size: 30px;
}
.modal-title-big {
    font-size: 22px;
    font-weight: bold;
    margin-top: -10px;
    color: #8f918d;
}
.nowrap {
    white-space: normal !important;
    word-wrap: break-word;
}
.bold {
    font-weight: 500;
}
.jsgrid-header-row th {
font-weight: normal !important;
}
.ads-img {
    padding-right: 5px;
    padding-bottom: 5px;
}
.tariff-price {
    font-size: 20px;

}
.dark-gray {
    background-color: #2b2d2c !important;
}
.green-dark {
    color: #345e3d
}
.green-light {
    color: rgba(67,255,30,0.65)
}
.no-padding-left {
    padding-left: 0  !important
}
.no-padding li {
    padding: 0 !important
}
.filter-button {
    margin-bottom: 10px;
}
.no-ads {
    background-color: rgba(190,255,110,0.2);
    padding: 10px;
    text-align: center;
    color: gray;
}
.selectlist2 {
    width: 100%;
}
#link_url_load {
    text-align: center;
}
#form .error {
    color: #ff0000;
    font-size: 11px;
}
.link_blocked img {
    margin-bottom: 4px;
}
.tariff-Free {
    color: green;
    border-color: green !important;
}
.tariff-Premium {
    color: red;
    border-color: red !important;
}
.tariff-Premium a {
    color: red !important;
}
.tariff-Gold {
    color: orange;
    border-color: orange !important;
}
.tariff-Gold a {
    color: orange !important;
}
#form_data {
    padding: 15px;
}
.modal-form checkbox {
    width: 20px;
    height: 20px;
}
.stat-table-short {
    background-color: #cdcdcd;
}
.red {
    color: #df6969;
}
.pl-0 {
    padding-left: 0px !important;
}
.info-text {
    color: #abaeb2;
}
.info-table td {
    font-size: 12px;
}
.blue-box {
    background-color: #406cee;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    font-size: 12px;
}
.traf-quality-1 {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 150px;
    bottom: 3px;
    left: calc(50% - 1.5px);
    content: " ";
    display: block;
    background: green;
}
.traf-quality-2 {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 150px;
    bottom: 3px;
    left: calc(50% - 1.5px);
    content: " ";
    display: block;
    background: orange;
}
.traf-quality-3 {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 150px;
    bottom: 3px;
    left: calc(50% - 1.5px);
    content: " ";
    display: block;
    background: red;
}
td .stat-table{

}
.height-40 {
    height: 40px;
}
.faq-block {
    background-color: #f8f8f8;
    border-radius: 5px;
    padding-left: 11px;
    padding-right: 11px;
    font-size: 13px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-right-30 {
    margin-right: 30px;
}
.block-gray {
    padding: 9px;
    background-color: #bbf1c6;
    border-radius: 5px;
    margin: 3px;
}

@media all and (max-width: 767px) {
    .offcanvas-end {
        width: 100% !important;
    }
    .block-border-primary {
        display: none;
    }
    .push-tooltip-container-create {
        position: absolute;
        display: none;
        left: 0%;
        top: 158px;
    }
    .push-tooltip {
        left: 0px;
        max-width: 268px;
    }
    .push-tooltip-body {
        width: 239px;
    }
    .icon-select {
        width: 100%;
    }
    .page-header-actions {
        position: initial !important;
        margin-top: 7%;
    }
    .tariff-table-img {
width: 20px;
    }
    .tariff-table-name {
        font-size: 1.858rem;
        font-weight: 500;
        color: #90bbff;
    }
    .tariff-table-price {
        font-size: 22px;
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    .tariff-table td {
        padding: 5px;
        border: 1px solid #424242;
    }
    .tariff-table-title {
        font-size: 14px;
    }
    .tariff-table-text {
        font-size: 14px;
        text-align: center;
    }
    .tariff-table-group {
        font-size: 14px;
    }

    .linkinput{
        font-size: 16px;
    }
    #link-actions-menu {
        width: 100%;
    }
    .route-url-field {
        max-width: 100%;
        display: inline;
    }
    .route-weight {
        max-width: 18%;
        display: inline;
    }
    .new-line {
        display: block;
    }
    #shortit {
        width: 100%;
        margin-left: 0px !important;
    }
    .width-100 {
        width: 100%;
    }

    .index-logo {
        text-align: center;
    }
    .login-button {
        text-align: center;
    }
    .news-img {
        position: relative;
        top: 170px;
        margin-top: -200px;
        width: 126px;
    }
    .faq-img {
        position: relative;
        top: 145px;
        margin-top: -200px;
        float: right;
        width: 65px;
    }
    .hello-img {
        position: relative;
        top: 160px;
        margin-top: -200px;
        float: right;
        width: 85px;
    }
    .macros-container {
        width: 316px !important;
    }
    .macros-content {
        width: 316px !important;
    }
    .bot-block {
        position: fixed;
        right: 14px;
        bottom: 16px;
        background-color: white;
        border-radius: 10px;
        padding: 10px;
        vertical-align: middle;
        border: 4px solid #00ecff;
        width: 329px;
        -webkit-box-shadow: -6px 6px 8px -2px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: -6px 6px 8px -2px rgba(34, 60, 80, 0.2);
        box-shadow: -6px 6px 8px -2px rgba(34, 60, 80, 0.2);
        font-size: 12px;
    }
    .mylinks-import-block {
        display: none;
    }
    .smile-block {
        position: absolute;
        top: 16px;
    }
    .smile-block .push-tooltip-container {
        top: 0px;
    }
    p.speech:before {
        left: 30px;
        bottom: -50px;
        border: 25px solid;
        border-color: #88e8eb #88e8eb transparent transparent;
    }

    p.speech:after {
        left: 42px;
        bottom: -30px;
        border: 15px solid;
        border-color: #fff white transparent transparent;
    }
    p.bubble {
        width: 100% !important;
    }

}
@media all and (min-width: 1619px) {
    .middleicon {
        font-size: 15px !important;
    }
}
@media all and (min-width: 768px) {
    .offcanvas-end {
        width: 50% !important;
    }
    .page-header-actions {
        display: flex;
        align-items: center;
    }
    .mw-250 {
        min-width: 250px;
    }
    p.speech:before {
        right: 30px;
        bottom: -50px;
        border: 25px solid;
        border-color: #88e8eb #88e8eb transparent transparent;
    }

    p.speech:after {
        right: 39px;
        bottom: -30px;
        border: 15px solid;
        border-color: #fff white transparent transparent;
    }
    .smile-block {
        position: absolute;
        left: -353%;
        top: 20px;
    }
    .push-tooltip-container-create {
        position: absolute;
        display: none;
        left: -439px;
        top: 156px;
    }
    .icon-select{
        width:0px;
    }

    .mg-left-62 {
        margin-left: 54px;
    }
    .tariff-table-img {
width: 26px;
    }
    .tariff-table-name {
        font-size: 1.858rem;
        font-weight: 500;
        color: #90bbff;
    }
    .tariff-table-price {
        font-size: 21px;
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    .tariff-table td {
        padding: 15px;
        border: 1px solid #424242;
    }
    .tariff-table-title {
        font-size: 19px;
    }
    .tariff-table-text {
        font-size: 19px;
        text-align: center;
    }
    .tariff-table-group {
        font-size: 22px;
    }
    .linkinput{
        font-size: 29px;
    }
    .route-url-field {
        max-width: 63%;
        display: inline;
    }
    .route-weight {
        max-width: 14%;
        display: inline;
    }
    .top-status-block {
        padding-left: 34px;
        padding-right: 34px;
        padding-top: 20px;
    }
    .bot-block {
        position: fixed;
        right: 14px;
        bottom: 16px;
        background-color: white;
        border-radius: 10px;
        padding: 10px;
        vertical-align: middle;
        border: 4px solid #00ecff;
        width: 375px;
        -webkit-box-shadow: -6px 6px 8px -2px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: -6px 6px 8px -2px rgba(34, 60, 80, 0.2);
        box-shadow: -6px 6px 8px -2px rgba(34, 60, 80, 0.2);
    }
    .macros-container {
        width: 345px !important;
    }
    .macros-content {
        width: 328px !important;
    }
    .hello-img {
        position: relative;
        top: 141px;
        margin-top: -280px;
        float: right;
    }
    .faq-img {
        position: relative;
        top: 92px;
        margin-top: -200px;
        float: right;
    }
    .news-img {
        position: relative;
        top: 170px;
        height: 220px;
        margin-top: -200px;
    }
    .new-line {
        display: inline;
    }
    .login-button {
text-align: right;
    }
}
#shortit:disabled {
    background: linear-gradient(to bottom, #d7d7d7 5%, #c1c2bf 100%);
    border: 1px solid #b8b8b8;
    box-shadow: inset 0px 1px 0px 0px #cecece;
}
#shortit {
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    background-color:#89c403;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:11pt;
    padding:6px 24px;
    text-decoration:none;
    margin-left: 5px;
    margin-bottom: 2px;
    height: 49px;
}
#shortit:hover {
    background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
    background-color:#77a809;
}
#shortit:active {
    position:relative;
    top:1px;
}
.proxy-country {
    border: 3px solid #efefef;
    border-radius: 5px;
    font-size: 20px;
    height: 49px;
    margin-bottom: 2px;
}
.min-width-120 {
    min-width: 120px;
}
.margin-left-50 {
    margin-left: 50px;
}
.margin-left-20 {
    margin-left: 20px;
}
.tariff-upd {
    background-color: #e7fbe2;
    padding: 3px;
    border: 1px solid #9ad4c8;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    color: green;
    text-decoration: none;
}
.margin-bot-5 {
    margin-bottom: 5px;
}
.margin-bot-20 {
    margin-bottom: 20px;
}
.site-menu-title {
    font-size: 14px;
}
.langsel_but {
    background-color: white;
    color: gray;
    border-color: #e9e9e9;
}
.langsel {
    display: inline;
}
.search_group {
    margin-bottom: 10px;
}
.searchbut {
    font-size: 20px;
    margin-left: -5px;
    padding-left: 18px;
}
.page_list {
    padding-left: 40%;
}
.icons a {
    margin-right: 10px !important;
}

.bigicon {
    font-size: 141px !important;
}

.green-light {
    color: #21df4c;
}
.green {
    color: #1e7e34;
}
.small-12 {
    font-size: 12px !important;
}
.biginput {
    margin-top: 100px;
}
.link {
    margin-left: 10px;
}
.login-line1 {
    font-size: 14px;
}
.center {
    text-align: center;
}
.gray2 {
    color: #a9a9a9;
}
.gray {
    color: gray;
}
.top-margin {
    margin-top: 100px;
}
.top-margin-20 {
    margin-top: 20px;
}
.icon-middle {
    font-size: 16px;
}
.mr-5 {
    margin-right: 5px;
}
.mr-15 {
    margin-right: 15px;
}
.tooltip-icon:hover {
    cursor: pointer;
    color: #bababa;
}
.linkinput {
    background-color: #fafbfc;
    height: 39px;
}
#link-copy-btn, #link-copy-btn3 {
    font-size: 15px;
    margin-left: -5px;
}
.copybut {
    font-size: 14px;
    margin-left: -5px;
}
.copied {
    display: block;
    font-size: 15px;
    color: green;
}
.biggreen {
    font-size: 62px;
    color: #47bc47;
}
#social {
    text-align: center;
}
.white-space {
    width: 16px;
    display: inline-block;
}

.table-container {
    margin-left: auto;
    margin-right: auto;
}
.responsive-table {
    padding-left: 0px;
}

.responsive-table li {
    border-radius: 3px;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.responsive-table .table-header {
    background-color: #3e3e97;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.responsive-table .table-row {
    background-color: #353937;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
}
.responsive-table .tcol-1 {
    flex-basis: 5%;
}
.responsive-table .tcol-2 {
    flex-basis: 25%;
}
.responsive-table .tcol-3 {
    flex-basis: 30%;
    overflow-x: hidden;
}
.responsive-table .tcol-4 {
    flex-basis: 10%;
}
.responsive-table .tcol-5 {
    flex-basis: 15%;
}
.responsive-table .tcol-6 {
    flex-basis: 40%;
    overflow-x: hidden;
}
@media all and (max-width: 767px) {
    .middleicon {
        font-size: 14px !important;
    }
    #qr_img img {
        max-width: 160px;
    }
    .bigicon {
        margin-bottom: -54px;
        font-size: 80px !important;
    }
#link-copy-btn, #link-copy-btn3 {
    width: 100%;
    margin-left: 0px !important;
}
    .responsive-table .table-header {
        display: none;
    }

    .responsive-table .table-row {

    }

    .responsive-table  li {
        display: block;
    }

    .responsive-table .tcol {

        flex-basis: 100%;

    }

    .responsive-table .tcol {
        padding: 10px 0;
    }
    .responsive-table  .tcol:before {
     color: #6C7A89;
     padding-right: 10px;
     content: attr(data-label);
     flex-basis: 50%;
     text-align: right;
 }

}
.copy-success i {
    color: #00d300;
    margin-right: 6px;
}
.copy-success {
    position: fixed;
    z-index: 9999999;
    right: 19px;
    bottom: 16px;
    border-top: 1px solid #008f00;
    background-color: #2b7918;
    color: white;
    border-radius: 3px;
    padding: 10px;
    vertical-align: middle;
    width: 329px;
    -webkit-box-shadow: -6px 6px 8px -2px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: -6px 6px 8px -2px rgba(34, 60, 80, 0.2);
    box-shadow: -6px 6px 8px -2px rgba(34, 60, 80, 0.2);
    font-size: 14px;
}