/*@webmaster-dashboard-page*/
/*@webmaster-offer-page*/
/*@sidebar-icons*/
html{
    scroll-behavior: smooth;
}
body {
    font-family: Helvetica, Arial sans-serif;
}
body.modal-open {
    padding-right: 0 !important;
}

ul {
    list-style: none;
}

/*alerts*/
.alert-cross--none .close {
    display: none;
}

/*devider*/
.dropdown-menu .divider {
    background-color: #e8f9f8;
}

/*LABELS tags*/
.slider-item-tag {
    cursor: default !important;
}

.label.label-danger {
    background-color: #f51f64;
}

.label.label-success {
    background-color: #60b800;
}

/*-------*/

/*buttons*/
a.btn-success:active, a.btn-success.active, .open > .dropdown-toggle a.btn-success {
    border-color: #58e69f;
}

a.btn-info.active, a.btn-info, .btn-info, .btn-info.disabled {
    background-color: #60aafd;
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info.focus, .btn-info:focus, .btn-info:hover {
    background-color: #60aafd;
    border: 1px solid #60aafd;
}

a.btn:active, .btn.active {
    box-shadow: none;
}

a.btn.btn-success.btn-rounded {
    color: #333736;
    padding: 10px 12px;
}

a.btn.btn-success.btn-rounded:hover {
    color: #ffffff;
}

a.btn.btn-success.btn-sm {
    max-width: 160px;
    padding: 5px 12px;
}


/* end button*/

.delimeter {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 1px;
    background-color: #e8f9f8;
}

/*------------------------- start header------------------------------------*/
.navbar-header--lk {
    display: flex;
    justify-content: space-between;
}

.navbar-left-part {
    height: 60px;
    display: flex;
    align-items: center;
}

.navbar-left-part .logo {
    height: 100%;
    width: 190px;
    padding: 0;
    background-image: url(../images/logo/svg/logo_wv_and_name.svg);
    background-size: 65% 65%;
    background-repeat: no-repeat;
    background-position: 28% center;
}

.landing-monitoring-indicator,
.ticket-indicator {
    display: flex;
    height: 100%;
    width: 60px;
}

.landing-monitoring-indicator__link {
    height: 100%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-right-part {
    display: flex;
    flex-direction: row-reverse;
    margin-left: auto;
}

.navbar-header {
    background-color: #ffffff;
}

#page-wrapper {
    background-color: #F3F8F9;
}

/*Currency switcher*/

.currency-switcher-wrap {
    display: flex;
    position: relative;
    width: 55px;
    height: 60px;
    float: right;
}

#currency-switcher-menu {
    width: 55px;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    z-index: 999999;
}

.cls-border-currency-switcher {
    border: 1px solid rgba(241, 251, 251) !important;
}

#currency-switcher-selected {
    text-align: center;
    padding: 19px 10px 10px 10px;
    height: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    color: #7b7b7b;
}

.cls-borderbottom-currency-switcher {
    border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
    opacity: 0.5;
}

#currency-switcher-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    text-align: center;
}

#currency-switcher-menu ul li {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    background-color: #ffffff;
    height: 50px;
}

#currency-switcher-menu ul li:hover {
    cursor: pointer;
    background: rgb(255, 255, 255);
}

#currency-switcher-menu a:hover {
    color: #2ddab3;
    text-decoration: none;
}

#currency-switcher-menu a {
    display: block;
    line-height: 3.5;
    width: 100%;
    color: #333736;
}

/*Lang*/

.lang-wrap {
    display: flex;
    position: relative;
    width: 55px;
    height: 60px;
    float: right;
}

#lang-menu {
    width: 55px;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    z-index: 999999;
}

.cls-border-lang {
    border: 1px solid rgba(241, 251, 251, 0.5) !important;
}

#lang-selected {
    text-align: center;
    padding: 19px 10px 10px 10px;
    height: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    color: #7b7b7b;
}

.cls-borderbottom-lang {
    border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
    opacity: .5;
}

#lang-menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: none;
    text-align: center;
}

#lang-menu ul li {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    background-color: #ffffff;
    height: 50px;
    display: flex;
    align-items: center;
}

#lang-menu ul li:hover {
    cursor: pointer;
    background: #ffffff;
}

#lang-menu a:hover {
    color: #2ddab3;
    text-decoration: none;
}

#lang-menu a {
    display: block;
    width: 100%;
    line-height: 3.4;
    color: #333736;
    margin: 0 auto;
}

/*---------------------end header--------------------------------------*/
/*SELECT фикс для отображаения стрелочки в сафари, мазиле, убунту*/

.select2-container .select2-choice {
    line-height: 24px !important;
}

select.form-control {
    padding-right: 25px;
}

.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
    background-position: 0 5px;
}

/*--------------*/

input.form-control {
    padding: 7px 5px;
}

/*---------------------start content --------------------------------------*/

/*hirizontal dahsmenu*/
.dash-horizont-menu-wrap {
    margin: 10px 0 5px 0;
    padding-left: 0;
    background-color: #e9f9f8;
}

.dash-horizont-menu {
    margin-bottom: 0;
    display: flex;
}

.dash-horizont-menu__item {
    padding: 10px 30px;
    width: 180px;
    text-align: center;
    transition: 0.5s ease;
    border-bottom: 2px solid transparent;
}

.dash-horizont-menu__item:hover {
    border-bottom: 2px solid #38dab3;
}

.dash-horizont-menu__link {
    text-transform: uppercase;
}

.dash-horizont-menu__item.active {
    border-bottom: 2px solid #38dab3;
}

.dash-horizont-menu__link {
    transition: 0.5s ease;
    color: #38dab3;
}

.dash-horizont-menu__item.active .dash-horizont-menu__link {
    color: #333333;
}

/*--------*/

.breadcrumb-wrap {
}

.bg-title {
}

.breadcrumb-wrap .breadcrumb {
    float: left;
    padding-left: 0;
    margin: 3px 0;
    height: 35px;
    display: flex;
    align-items: center;
    background-color: unset;
}

.breadcrumb-wrap .breadcrumb .active {
    color: #9bd3d0;
}

.dw-user-box {
    display: flex;
}

.nav.navbar-top-links {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dropdown-menu.dropdown-user {
    z-index: 999999;
}

.dropdown-user {
    padding: 5px 0;
}

.dropdown-user .divider {
    margin: 0;
}

.dropdown-user .list-btn-logout .logout {
    width: 100%;
    padding: 20px 0 20px 0;
    text-align: left;
}

.dropdown-user .list-btn-logout:hover {
    background-color: #f7fafc;
}

.navbar-top-links .dropdown-user {
    right: 0;
}

.navbar-top-links .dropdown-user {
    width: auto;
}

.dropdown > .dropdown-menu {
    min-width: 280px;

}

.navbar-top-links .dropdown-user .dw-user-box .u-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.navbar-top-links .dropdown-user .dw-user-box .u-img {
    min-width: 80px;

}

.navbar-top-links .dropdown-user .dw-user-box .u-text p {
    margin: 0;
}

.profile-pic img {
    margin: 0 10px;
}

.u-text__info-text {
    font-size: 14px;
}

.navbar-default .btn-link {
    padding: 0 20px; /* нестанадартное вписываение формы, вместо <a>*/
    color: #333333;
}

.navbar-default .btn-link:hover {
    text-decoration: none;
    color: #262626;
}

/*TABLES*/
.grid-view {
    overflow: auto;
}

.grid-view .table {
    min-width: 800px;
    margin-left: 0;
}

.cell-content {
    min-width: 100px;
    height: 25px;
    margin-bottom: 5px;
    white-space: nowrap;
}

.cell-content .geo {
    width: 25px;
    margin: 0 5px 0 0;
}

.text-center-v {
    vertical-align: middle !important;
}

.grid-cell-center {
    text-align: center;
    vertical-align: middle !important;
    overflow: hidden;
    /*word-break: break-all;*/
    max-width: 0; /*хак для предотвращения увеличения ячейки при переполнении*/
}

.table.dataTable {
    border-collapse: collapse;
}

/*------*/
.m-l-0 {
    margin-left: 0 !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

/*Manager block*/
.dash-manager-sec .white-box {
    height: 350px;
}

.navbar-top-links > li > a {
    color: #444444;
}

.manager-pic {
    align-self: flex-start;
}

.manager__name {
    padding: 0 0 0 10px;
}

.dw-manager-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.navbar-top-links .dropdown-user .dw-user-box .manager__text {
    padding: 10px 0 0 0;
}

.navbar-top-links .logout {
    padding: 20px 0 20px 25px;
}

.navbar-top-links .dropdown-user-list-link {
    padding: 20px 0 20px 25px;
    display: flex;
    align-items: center;
}

.dropdown-user-form__logout {
    display: flex;
    align-items: center;
}

.dropdown-user-ico__balance span,
.dropdown-user-ico__messages span,
.dropdown-user-ico__logout span {
    display: block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    background-image: url(../images/dashboard/dropdown-user-sprite.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 75%;
    background-size: 75%;
    margin-right: 10px;
    background-position-x: 50%;
}

.dropdown-user-ico__messages span {
    background-position-y: -27px;
}

.dropdown-user-ico__logout span {
    margin-right: 10px;
    margin-left: 25px;
    background-position-y: -52px;
}

.dropdown-user-ico__balance:hover span {
    background-image: url(../images/dashboard/dropdown-user-sprite--hov.svg);
}

.dropdown-user-ico__messages:hover span {
    background-image: url(../images/dashboard/dropdown-user-sprite--hov.svg);
}

.dropdown-user-ico__logout:hover span {
    background-image: url(../images/dashboard/dropdown-user-sprite--hov.svg);
}

/*END manager block*/

/*register page*/
.modal-body {
    font-weight: 400;
}

/*end register page */

.even,
.odd {
    font-weight: 200;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 18px;
}

/* select-search style*/
.select2-container.form-control {
    border: 1px solid #e4e7ea;
}

/* select-search style*/
/*---------------------end content--------------------------------------*/

/*Page TERMS*/

.site-terms {
    text-align: justify;
}

.terms__title {
    font-weight: 700;
}

.terms__text {
    text-indent: 30px;
}

/*-------------------------- end page terms----------------------------------------------*/

.sidebar {
    background-color: #333736 !important;
}

.sidebar .label {
    margin-top: 1px;
}

.navbar-static-top {
    width: auto;
    position: relative;
    z-index: 99999 !important;
    padding-left: 0;
    margin-left: -2px;
    transition: .5s;
}

.left-sidebar-menu {
    padding-top: 60px;
}

.sidebar .sidebar-head {
    padding: 3px 0;
    background-color: #333736;
}

/*admin-menu*/
.sidebar, .sidebar .sidebar-head, .sidebar:hover, .sidebar:hover .sidebar-head {
    /*width: 200px;*/
    transition: .2s;
}

.left-sidebar-text {
    opacity: 0;
    transition: .2s;
}

@media screen and (max-width: 767px) {
    .left-sidebar-text {
        opacity: 1;
    }
}

.sidebar:hover .left-sidebar-text {
    opacity: 1;
}

/*#side-menu li a {*/
/*width: 200px;*/
/*}*/

.sidebar .nav-second-level li a {
    padding-left: 30px;
    transition: .2s;
}

#side-menu > li > a.active,
#side-menu-2 > li > a.active {
    background-color: #252c2a;
}

#side-menu ul > li > a.active,
#side-menu-2 ul > li > a.active {
    background-color: #252c2a;
}

#page-wrapper {
    /*margin-left: 200px;*/
    transition: .5s;
}

#side-menu > li > a:hover, #side-menu > li > a:focus,
#side-menu-2 > li > a:hover, #side-menu-2 > li > a:focus {
    background: rgba(0, 0, 0, 0.2);
}

#side-menu-2 > li > a:hover i, #side-menu-2 > li > a:focus i {
    color: #00dbb3;
}

/* sidebar-icons */
.side-menu-item {
    display: flex !important;
    align-items: center;
}

.webworkshop-ico,
.sidebar-ico {
    display: block;
    float: left;
    width: 36px;
    height: 25px;
    margin-right: 7px;
    background-repeat: no-repeat;
    background-position-y: 0;
}

.sidebar-ico {
    background-image: url(../images/dashboard/menu_sprite-dash.png);
    /*забавно, что при использовании спрайта svg, хром сдвигает начальную точку по оси Y на 30+ пикселей, а фф нет, получается в разных браузерах разные иконки. Пришлось юзать png*/
}

.webworkshop-ico,
.side-menu-item:visited .webworkshop-ico {
    background-image: url(../images/dashboard/menu-webworkshop.svg);
}

.side-menu-item:hover .webworkshop-ico {
    background-image: url(../images/dashboard/menu-webworkshop-active.svg);
}

a.active .sidebar-ico,
.nav .side-menu-item:hover .sidebar-ico,
.nav-second-level .side-menu-item:hover .sidebar-ico {
    background-position-x: -50px;
}

.burger-ico {
    margin: 0;
    background-position-y: -8px;
    background-position-x: -42px;
}

.dashboard-ico {
    background-position-y: -45px;
}

.news-ico {
    background-position-y: -85px;
}

.offers-ico {
    background-position-y: -116px;
}

.streams-ico {
    background-position-y: -152px;
}

.stats-ico {
    background-position-y: -189px;
}

.finance-ico {
    background-position-y: -225px;
}

.promocode-ico {
    background-position-y: -399px;
}

.faq-ico {
    background-position-y: -262px;
}

.support-ico {
    background-position-y: -300px;
}

.invalid-ico {
    background-position-y: -333px;
}

.dot-ico {
    background-position-y: -370px;
}

/* arrow open-close left-sidebar*/
.menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.sidebar-head-mob-burger {
    display: none;
}

.sidebar .sidebar-head, .sidebar:hover .sidebar-head {
    height: 60px;
    padding: 0;
}

/*-------*/

.deactivate-left-sidebar .left-sidebar-text {
    display: none;
}

.deactivate-left-sidebar .navbar-static-top {
    padding-left: 60px;
}

.deactivate-left-sidebar #page-wrapper {
    margin-left: 60px;
}

.deactivate-left-sidebar .sidebar .fa-fw.open-close {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.deactivate-left-sidebar #left-side-menu,
.deactivate-left-sidebar .sidebar-head.menu-toggle,
.deactivate-left-sidebar .sidebar .sidebar-head {
    width: 60px;
}

/*@webmaster-dashboard*/
.dash-wrap {
    margin: -25px -25px -25px -25px;
}

.white-box .box-title {
    margin: 10px 0;
    padding: 0 15px;
    width: 100%;
}

.white-box {
    border-radius: 5px;
}

.white-box .white-box-title {
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    color: #333333;
}

.b-b, .b-r, .b-l, .b-t {
    border-color: #e8f9f8;
}

.dashboard-stat-today-title-wrap {
    display: flex;
    margin-bottom: 18px;
    margin-left: 15px;
}

.dash-box-gray {
    background-color: #e8f9f8;
}

.dash-new-offers__offer-block {
    max-width: 290px;
    margin: 0 auto;
}

.dash-new-offers__offer-block .dash-new-offer-header {
    display: flex;
    overflow: hidden;
    border: 2px solid #e8f9f8;
    border-radius: 5px;
}

.offer-block-content {
    min-height: 316px;
    padding: 0 25px 25px 25px;
    border-radius: 5px;
}

.offer-block-content-box {
    padding-top: 15px;
}

.dash-new-offers__offer-block .offer-block-content {
    transition: 0.3s ease;
}

.dash-new-offers__offer-block:hover .offer-block-content {
    background-color: #fafafa;
}

.dash-new-offers__offer-block .offer-block-content__title {
    transition: 0.2s ease;
    color: #333736;
    font-size: 24px;
    font-weight: 700;
}

.offer-block-content__link {
    color: #58e69f;
}

.dash-new-offers__offer-img {
    min-height: 290px;
    min-width: 290px;
    max-height: 290px;
    max-width: 290px;
    transition: 0.3s ease;
}

.dash-new-offers__offer-block:hover .dash-new-offers__offer-img {
    transform: scale(1.2);
    opacity: 0.9;
}

.dash-new-offers__offer-block .white-box {
    margin-bottom: 0;
}

.dash-new-offer__in-offer-btn {
    margin-top: -35px;
    padding-top: 0;
}

.dash-new-offer__in-offer-ico {
    font-size: 20px;
}

.dash-new-offers__offer-row {
    display: flex;
    align-items: center;
    height: 25px;
    margin-bottom: 15px;
    white-space: nowrap;
    color: #333736;
}

.offer-block-content__rate {
    text-align: right;
}

.dash-new-offers__country-price {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.dash-new-offers__offer-row .geo {
    width: 25px;
    margin: 0 5px 0 0;
    float: left;
}

.dash-new-offers .btn-default {
    color: grey;
}

.dash-news__new-description {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dashboard-slider-offers__range {
    -webkit-appearance: none;
    width: 100%;
    height: 7px;
    background: #ffffff;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .3s;
    transition: opacity .3s;
    border-radius: 50px;
    border: 1px solid #edfaf9;
    cursor: pointer;
    margin-top: 25px;
}

.dashboard-slider-offers__range:hover {
    opacity: 1;
    background-color: #e9f9f8;
}

.dashboard-slider-offers__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 33.33%;
    height: 7px;
    background: #2ddab3;
    border-radius: 50px;
}

.dashboard-slider-offers__range::-moz-range-thumb {
    width: 33.33%;
    height: 7px;
    background: #2ddab3;
    border-radius: 50px;
}

.dashboard-slider-offers__range.dashboard-slider-offers__range--full::-moz-range-thumb {
    width: 100%;
}

.dashboard-slider-offers__range.dashboard-slider-offers__range--full::-webkit-slider-thumb {
    width: 100%;
}

/*@stattoday*/

.dash-stat-today-nav {
    display: flex;
    align-items: center;
}

.dash-stat-today__block {
    white-space: nowrap;
}

.dash-stat-today__block-text {
    font-size: 14px;
    color: #7b7b7b;
}

.dash-stat-today-block-content {
    margin-left: 15px;
}

.dash-stat-today__block .dash-stat-today-ico-wrap {
    padding: 0 0 0 20px;
}

.dash-stat-today-ico:before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    width: 60px;
    height: 50px;
}

.dash-stat-today-ico {
    height: 50px;
}

.dash-click-ico:before {
    background-image: url('../images/dashboard/dash-click-ico.svg');
}

.dash-approved-ico:before {
    background-image: url('../images/dashboard/dash-approved-ico.svg');
}

.dash-waiting-ico:before {
    background-image: url('../images/dashboard/dash-inprocess-ico.svg');
    height: 50px;
}

.dash-cr-ico:before {
    background-image: url('../images/dashboard/dash-cr-ico.svg');
}

.dash-inprocess-ico:before {
    background-image: url('../images/dashboard/dash-waiting-ico.svg');
}

.dash-earn-ico:before {
    background-image: url('../images/dashboard/dash-earn-ico.svg');
}

/*dashboard-balance*/

.delimeter-balance {
    margin-right: -10px;
    width: calc(100% + 20px);
    float: right;
}

.dash-balance-body {
    margin-top: 15px;
    margin-bottom: 30px;
    height: 128px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.dash-balance-footer {
    margin-top: 25px;
}

.dashboard-balance-body-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dashboard-balance-body-img {
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    width: 70px;
    height: 70px;
    background-image: url('../images/dashboard/dash-balance.svg');
}

.dash-balance-body__val {
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
    font-size: 36px;
    color: #333333;
}

/*dash-manager*/
.dash-manager-header {
    display: flex;
    align-items: center;
}

.dash-manager-photo--circle {
    border-radius: 50%;
}

.dash-manager-info {
    margin-left: 15px;
}

.dash-manager-photo {
    width: 100px;
}

.dash-manager__name {
    margin: 0;
    color: #333333;
    font-size: 18px;
    font-weight: 400;
}

.dash-manager__post {
    color: #7b7b7b;
    line-height: 1.2;
}

.dash-manager-body {
    margin: 25px 0;
}

.dash-manager-body__content {
    text-align: center;
    font-size: 12px;
}

.dash-manager-nav {
    display: flex;
    justify-content: space-between;
}

.dash-manager-nav__mesages {
    display: flex;
    margin-right: 15px;
    cursor: pointer;
}

.dash-manager-nav__mesages-img {
    width: 25px;
    height: 21px;
    display: flex;
    align-self: flex-end;
}

.dash-manager-nav__mesages-count {
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    align-self: flex-start;
}

.dash-manager-nav__btn {
    width: 100%;
}

.dash-manager-footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.delimeter-manager {
    margin-top: 31px;
    margin-bottom: 31px;
    margin-left: -25px;
    width: calc(100% + 50px);
}

.dash-manager-ico-email,
.dash-manager-ico-skype,
.dash-manager-ico-telegram {
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.dash-manager-ico-email {
    background-image: url(../images/dashboard/social/email.svg);
}

.dash-manager-ico-skype {
    background-image: url(../images/dashboard/social/skype.svg);
}

.dash-manager-ico-telegram {
    background-image: url(../images/dashboard/social/telegram.svg);
}

.dash-manager-ico-email:hover {
    background-image: url(../images/dashboard/social/email-paint.svg);
}

.dash-manager-ico-skype:hover {
    background-image: url(../images/dashboard/social/skype-paint.svg);
}

.dash-manager-ico-telegram:hover {
    background-image: url(../images/dashboard/social/telegram-paint.svg);
}

/*---------*/

.dash-graph-sec {
    height: 350px;
}

.dashboard-chart {
    height: 290px;
}

/*@webmaster-offer-page*/
.offer-block {
    min-height: 270px;
}

.offer-block__btn-overlay {
    background-color: whitesmoke;
    display: block;
    float: left;
    width: 100%;
    margin-top: -50px;
    padding: 25px 20px;
}

.offer-block__img {
    width: 100%;
}

.offer-sec-best-geo-params {
    display: flex;
    justify-content: space-between;
}

.offer-sec-best-geo__ico {
    font-size: 24px;
    color: #77cf32;
}

.offer-sec-best-geo-bg {
    background-color: #e2ff98;
    padding: 2px;
}

.offer-sec-best-geo-bg--white {
    background-color: #ffffff;
    padding: 15px;
}

.offer-sec-best-geo__title {
    margin-bottom: 10px;
    margin-top: 10px;
}

.offer-sec-best-geo__param {
    color: #909090;
}

.offer-sec-best-geo-params-wrap {
    padding-left: 50px;
}

.best-geo__param-value {
    color: #313131;
}

.alert-inform {
    background-color: #fefaea;
    color: #909090;
    border-color: #fefaea;
}

.alert-inform-icon {
    float: left;
    margin-right: 10px;
    font-size: 25px;
    line-height: 0.9;
}

.offer-sec-country-radio-wrap {
    margin-top: 10px !important;
}

.offer-sec-country-radio-wrap.cell-content {
    height: auto;
}

.offer-sec-geos-label {
    width: 75%;
}

.offer-sec-geos_country-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.offer-sec-geos_country-name {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.offer-sec-geos_country-price span strong {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

@media screen and (max-width: 900px) {
    .offer-sec-geos_country-wrap {
        display: flex;
        flex-direction: column;
    }
    .offer-sec-geos_country-price {
        margin-top: 3px;
    }
}

@media screen and (max-width: 500px) {
    .offer-sec-geos .m-l-0 {
        display: flex;
        flex-direction: column;
    }
    .offer-sec-geos_country-wrap {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .offer-sec-country-radio-wrap {
        margin-bottom: 5px;
        width: 100%;
    }
    .offer-sec-geos_country-price {
        margin-left: 15px;
    }
}

.offer-sec-landings .panel-default .panel-heading, .offer-sec-landings .panel-white .panel-heading {
    border-bottom: none;
}

.offer-landings-panel__title a {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #313131;
    line-height: 22px;
    font-size: 18px;
    margin: 10px 0;
    font-weight: 300;
}

.offer-sec-side-info__origin a, .offer-sec-side-info__origin p  {
    word-break: break-word;
}

.offer-sec-landings-panel-heading {
    padding-left: 0 !important;
}

.sec-landings-land-box__link--title,
.download-landing-icon {
    color: #909090;
}

.download-landing-icon:hover{
    color: #337ab7;
}

.offer-sec-landings-land-box {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #eeeff0;
    margin: 0;
}

.sec-landings-land-box__link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.offer-sec-landings-land-box:hover {
    background-color: #f2fbfc;
}

.operator-frame-message {
    font-size: 24px;
}

#operator-frame__waiting-bar {
    display: none;
}

.sec-landings-land-box__eye {
    color: #909090;
}

.radio label::before {
    border: 1px solid rgba(120, 130, 140, 0.23);
}

/*offer-sec-video-resources*/
.offer-sec-video-resources {
    display: flex;
}

.offer-sec-video-resource .panel-default .panel-heading, .offer-sec-video-resource .panel-white .panel-heading {
    border-bottom: none;
}

.offer-video-resource-panel__title a {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #313131;
    line-height: 22px;
    font-size: 18px;
    margin: 10px 0;
    font-weight: 300;
}

.offer-sec-video-resource-panel-heading {
    padding-left: 0 !important;
}

.offer-sec-video-resource__video {
    height: 190px;
    width: 100%;
    border: 5px solid #f5f5f5;
    padding: 0;
}

/*dash-chart-lead*/

.dash-chart-lead {
    margin-bottom: 10px;
    width: 100%;
    padding: 0 15px;
}

/*@webmaster-stream*/
.m-0 {
    margin: 0 !important;
}

.dashboard-slider-ad-wrap {
    margin: -25px -25px 25px -25px;
    padding-bottom: 25px;
    background: #e9f9f8;
    height: 175px;
}

.dashboard-slider-ad {
    border-radius: 5px;
    border: 1px solid transparent;
    overflow: hidden;
    z-index: 10;
}

.dashboard-slider-ad .item {
    height: 150px;
}

.dashboard-slider-ad__new {
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
}


.owl-item {
    width: auto !important;
}

.news-img,
.dashboard-slider-ad-wrap img {
    width: 100%;
    height: 100%;
}

.slider-item-content {
    max-width: 50%;
    width: 50%;
    position: absolute;
    top: 20px;
    padding-left: 40px;
}

.slider-item-content p {
    font-size: 24px;
    white-space: pre-line;
    margin-bottom: 0;
    width: 100%;
}

.slider-item-content .news-header {
    white-space: pre-line;
    line-height: 26px;
    color: #ffffff;
}

/*footer*/
.footer {
    background-color: #e8f9f8;
}

.offer-block-content-head {
    display: flex;
    justify-content: space-between;
}

.dashboard-slider-offers {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
}

.dashboard-slider-offers > div {
    padding: 0 5%;
}

.dashboard-slider-offers::-webkit-scrollbar {
    height: 7px;
}

.dashboard-slider-offers::-webkit-scrollbar-track {
    background: #fff;
}

.dashboard-slider-offers::-webkit-scrollbar-thumb {
    background: #2DDAB3;
    border-radius: 5px;
}


@media (min-width: 1921px) {
    .dashboard-slider-ad__new {
        min-width: 100%;
    }

    .slick-slide img {
        object-fit: fill;
        width: 100%;
    }

}

@media (max-width: 1600px) {
    .dash-manager-photo {
        width: 50px;
    }
}

@media (max-width: 1400px) {
    .offer-sec-video-resource__video {
        height: 130px;
    }
}

@media (max-width: 1380px) {
    .dash-manager-photo {
        display: none;
    }

    .dash-manager-info {
        margin-left: 0;
    }
}

@media (max-width: 1320px) {

    .offer-sec-best-geo-params-wrap {
        padding-left: 15px;
    }

    .dash-balance-body__val {
        font-size: 28px;
    }

    .delimeter-manager {
        margin-top: 19px;
        margin-bottom: 19px;
    }

    .dash-manager-body {
        margin-top: 19px;
        margin-bottom: 19px;
    }
}

@media (max-width: 1230px) {
    .dash-manager-photo {
        display: none;
    }
}

@media (max-width: 1200px) {

    .dash-balance-body__val {
        font-size: 36px;
    }

    .dash-manager-photo {
        display: flex;
        width: 60px;
        align-self: flex-start;
    }

    .dash-manager-info {
        margin-left: 35px;
    }

    .dash-manager-nav {
        margin-top: 20px;
        margin-left: -90px;
    }

    .dash-new-offers__offer-block {
        display: flex;
        align-items: flex-start;
        width: auto;
        max-width: 100%;
        margin: 0 0 25px 0;
    }

    .dashboard-slider-offers {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        overflow-x: hidden;
    }

    .dashboard-slider-offers .item {
        flex-basis: 100%;
        width: 100%;
    }

    .dash-new-offer-header {
        height: 200px;
        width: 200px;
        min-width: 200px;
    }

    .offer-block-content {
        width: 100%;
        min-height: auto;
    }

    .dash-new-offers__offer-img {
        min-height: 200px;
        min-width: 200px;
    }

    .dash-new-offers__offer-row {
        width: 25%;
    }

    .offer-block-content__geo,
    .offer-block-content__rate {
        display: none;
    }

    .dash-new-offers__offer-block .offer-block-content__title {
        display: block;
        margin-bottom: 15px;
    }

    .dashboard-slider-offers-range-wrap {
        display: none;
    }

    .offer-sec-video-resource__video {
        height: 150px;
    }
}

@media (max-width: 992px) {
    .dash-manager__name {
        line-height: 1.2;
    }

    .dash-manager-info {
        margin-left: 15px;
    }

    .dash-manager-nav {
        margin-top: 40px;
        margin-left: -70px;
    }

    .offer-block-content {
        width: 100%;
        padding-bottom: 0;
        height: 200px;
    }
}

@media (max-width: 890px) {
    .dash-new-offers__offer-img {
        width: 150px;
    }

    .dash-new-offers__offer-row {
        display: none;
    }

    .offer-block-content__link {
        display: none;
    }

    .offer-block-content__btn {
        display: block !important;
        width: 70%;
    }

    .offer-sec-video-resource__video {
        height: 85px;
    }
}

@media (max-width: 830px) {
    .dash-manager-nav {
        margin-top: 25px;
    }

    .dash-balance-body__val {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    #page-wrapper {
        padding-top: 60px;
    }

    .left-sidebar-menu {
        padding-top: 0;
    }

    .navbar-left-part .logo {
        display: none;
    }

    .offer-sec-geos-label {
        width: 100%;
    }

    .dash-new-offers__offer-block {
        width: 100%;
    }

    .bg-title .breadcrumb {
        float: left;
        margin-bottom: 0;
        height: 35px;
    }

    .sidebar .sidebar-head {
        padding: 4px 0;
    }

    .slider-item-content {
        padding-left: 15px;
    }

    .news-header {
        font-size: 16px;
    }

    .slider-item-content .news-header {
        line-height: 1.2;
    }

    .offer-sec-video-resource__video {
        height: 180px;
    }

    .sidebar-head {
        display: none
    }

    .sidebar-head.sidebar-head-mob-burger {
        display: flex;
        height: 100%;
        width: 60px;
    }

    .navbar.navbar-default.navbar-static-top {
        padding-left: 0;
        position: fixed;
        width: 100%;
    }

    .navbar-left-part {
        /*width: 120px;*/
        justify-content: center;
        background-color: #ffffff;
    }

    .navbar-default.sidebar .slimScrollBar {
        width: 0 !important;
    }

    #left-side-menu .left-sidebar-text {
        opacity: 0;
    }

    #left-side-menu.active {
        margin-top: 60px;
        width: 100%;
        z-index: 10000;
        overflow-y: auto !important;
    }

    #left-side-menu.active .side-menu-item {
        width: 100%;
    }

    #left-side-menu.active .side-menu-item .left-sidebar-text {
        opacity: 1;
    }

    .slider-item-content p {
        font-size: 24px;
    }
}

@media (max-width: 500px) {
    .dash-new-offers__offer-img, .dash-new-offer-header {
        min-width: 70px;
        min-height: 70px;
        width: 70px;
        height: 70px;
    }

    .offer-block-content {
        padding: 0 0 0 20px;
    }

    .offer-block-content__btn {
        width: 130px;
    }

    .dash-new-offers__offer-block .offer-block-content__title {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 1;
    }

    .offer-block-content h2 {
        margin-top: 0;
    }

    .offer-block-content-box {
        margin-left: 5px;
    }

    .offer-block-content__btn {
        width: 100%;
    }

    .dash-horizont-menu__item {
        width: 33.33%;
        padding: 10px 10px;
    }

    .dash-horizont-menu__link {
        font-size: 12px;
    }

    .offer-block-content {
        height: auto;
    }

    .slider-item-content p {
        font-size: 14px;
        font-weight: 700;
    }

    .offer-sec-video-resource__video {
        height: 100px;
    }
}


/*Промокод компанент */

.promocode {
    background-color: #e8f9f8;
    margin: -25px;
    padding-top: 25px;
}

.promocode__title {
    padding: 28px 0 18px 30px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: #183541;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #ffffff;
}

.partners {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.partners__item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 33.3%;
    height: 130px;
    border-top: 1px solid #e3f4f4;
    border-left: 1px solid #e3f4f4;
    background-color: #ffffff;
}

.partners__item:nth-child(3n + 1) {
    border-left: none;
}

.partners__coupon {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.partners__logo {
    display: flex;
    width: 200px;
    height: 70px;

}

.partners__logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.partners____interest {
    width: 60px;
    height: 25px;
    line-height: 1.8;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #da1d5f;
    background-image: url("../images/promocode/coupon.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.coupons {
    margin-top: 28px;
    margin-bottom: -10px;
    padding: 0;
}

.coupons__item {
    display: flex;
    width: 100%;
    margin-bottom: 5px;
    border-radius: 5px;
    background-color: #ffffff;
}

.coupons__item:last-child {
    margin-bottom: 0;
}

.coupons__left {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-basis: 29.6%;
    background-image: url("../images/promocode/polu-ellips1.svg"),
    url("../images/promocode/polu-ellips1.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: top -9px right, bottom -9px right;
}

.coupons__left::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
    height: 90%;
    border-left: 2px dashed #e8f9f8;
}

.coupons__right {
    flex-basis: 70%;
    padding: 57px 0 57px 87px;
}

.coupons__form {
    display: flex;
    margin-top: 26px;
}

.coupons__logo {
    width: 233px;
}

.coupons__logo img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.coupons____interest {
    width: 120px;
    height: 50px;
    margin-top: 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 2.2;
    text-align: center;
    color: #da1d5f;
    background-image: url("../images/promocode/coupon.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.coupons__button {
    display: block;
    flex-basis: 39%;
    max-width: 270px;
    height: 50px;
    margin-left: 3vw;
    padding: 0;
    text-align: center;
    text-decoration: none;
    line-height: 3.6;
    font-size: 14px;
    color: #333736;
    border: 1px solid #36caa9;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.3s;
    font-family: Helvetica;
    letter-spacing: 1px;
}

.coupons__button:hover {
    border-color: #36caa9;
    background-color: #36caa9;
    color: #ffffff;
}

.coupons__warning {
    margin-top: 6px;
    font-size: 14px;
    color: #DA1D5F;
    letter-spacing: 1px;
}


.coupons__name {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #183541;
}

.coupons__text {
    margin-top: 14px;
    font-size: 18px;
    color: #183541;
}

.coupons__label {
    position: relative;
    width: 433px;
    letter-spacing: 1px;
    font-family: Helvetica;
}

.coupons__input {
    width: 100%;
    height: 50px;
    text-align: center;
    letter-spacing: 2px;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 700;
    color: #183541;
    border: 1px solid #92cfcc;
    border-radius: 2px;
    background: #ffffff;
    outline: none;
}

.coupons__copy-btn {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 49px;
    height: 48px;
    padding: 0;
    border: none;
    cursor: pointer;
    outline: none;
    background-image: url("../images/promocode/copy.svg");
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: center center;
}

.tooltip {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
    transform: translateY(12px);
    text-align: center;
    padding: 5px 20px;
    font-size: 14px;
    color: #5493a4;
    border-radius: 2px;
    background: #e3f4f4;
    opacity: 0;
    transition: all 0.3s;
    font-family: Helvetica;
    letter-spacing: 1px;
}

.tooltip::before {
    content: "";
    position: absolute;
    top: -5px;
    transform: rotate(-45deg);
    display: block;
    width: 10px;
    height: 10px;
    background-color: inherit;
}

.tooltip.active {
    opacity: 1;
}

@media screen and (max-width: 1140px) {
    .coupons__logo {
        width: 170px;
    }

    .coupons____interest {
        width: 71px;
        height: 30px;

        line-height: 2.3;
        font-size: 14px;
    }

    .coupons__left {
        padding: 76px 0;
    }

    .coupons__right {
        padding: 36px 0 36px 51px;
    }

    .coupons__form {
        width: 377px;
        flex-direction: column;
    }

    .coupons__label {
        width: 100%;
    }

    .coupons__button {
        flex-basis: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    .coupons__name {
        font-size: 24px;
    }

    .coupons__text {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .partners {
        display: none;
    }

    .coupons {
        margin-top: 10px;
    }

    .coupons__item {
        max-width: 320px;
        flex-direction: column;
        align-items: center;
        margin: 10px auto 0 auto;
    }

    .coupons__item:first-child {
        margin-top: 0;
    }

    .coupons__input {
        font-size: 14px;
    }

    .coupons__left {
        width: 100%;
        padding: 16px 0;
        background-position: bottom left -9px, bottom right -9px;
    }

    .coupons__left::before {
        content: "";
        position: absolute;
        top: auto;
        left: 50%;
        bottom: 6%;
        transform: translate(-50%, 0);
        width: 90%;
        height: auto;
        border-left: none;
        border-bottom: 2px dashed #e3f4f4;
    }

    .coupons__right {
        width: 100%;
        flex-basis: auto;
        text-align: center;
        padding: 21px 8px 30px 8px;
    }

    .coupons__form {
        width: 100%;
    }

    .slider-item-content {
        max-width: 80%;
        width: 80%;
    }
}

.dash-new-offers__webcoin {
    margin-right: 5px;
}

.navbar-coinbar {
    display: flex;
    align-items: center;
}

.navbar-coinbar__new-ui-link{
    display: flex;
    align-items: center;
    color: #313131;
}

.navbar-coinbar__new-ui-link:hover,
.navbar-coinbar__new-ui-link:active{
    color: #58e69f;
}

.navbar-coinbar p {
    margin: 0;
}

.navbar-coinbar-icon {
    border-radius: 50%;
    border: 1px solid #58e69f;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.navbar-promobar-icon__img{
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.navbar-coinbar-icon__img {
    width: 15px;
    height: 15px;
}

.navbar-coinbar-info__name {
    font-size: 10px;
    line-height: 1;
}

.navbar-coinbar-info__amount {
    font-size: 14px;
    font-weight: bold;
}

.d-flex {
    display: flex;
}

.space-between {
    justify-content: space-between;
}

@media screen and (max-width: 425px) {
    .stream-form .fb-show {
        display: flex;
        flex-direction: column;
    }
    .stream-form .fb-show .col-xs-3 {
        width: 100%;
    }
}

/***************************************** DASHBOARD MANAGER *****************************************/



.manager-dashboard .bold-text {
    font-weight: bold;
    text-transform: uppercase;
}

.manager-dashboard .blue-text {
    color: #183541;
}

.manager-dashboard .red-text {
    color: #A34546;
}

.manager-dashboard .green-text {
    color: #00D856;
}

.manager-dashboard .grey-text {
    color: #878F92;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.015em;
}

.manager-dashboard .light-grey-text {
    color: #C3D3D6;
    font-size: 10px;
    line-height: 11px;
    letter-spacing: 0.015em;
}
.manager-dashboard .usual-text {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.015em;
}

.manager-dashboard .table-text {
    font-size: 12px;
    line-height: 14px;
}

.mdashboard--title {
    padding: 13px 0px 13px 10px;
}

.mdashboard--uppercase {
    text-transform: uppercase;
    font-weight: bold;
    color: #183541;
    font-size: 14px;
    line-height: 16px;
}

.mdashboard--row-boxes {
    margin-bottom: 23px;
}

.mdashboard--right {
    float: right;
}

.mdashboard--link {
    font-size: 12px;
    line-height: 14px;
    color: #5493A4;
    text-decoration: none;
    letter-spacing: 0.015em;
}

.mdashboard--link-active {
    font-size: 12px;
    line-height: 14px;
    color: #183541;
    text-decoration: none;
    letter-spacing: 0.015em;
}

.mdashboard--white-box {
    background: #ffffff;
}

.mdashboard-graph--info .white-box {
    margin-bottom: 0;
}

.manager-dashboard .upper-box {
    padding: 17px 13px;
    border-bottom: 1px solid #F3F8F9;
}

.manager-dashboard .upper-box span img {
    display: inline;
    margin-left: 15px;
}

.manager-dashboard .lower-box {
    padding: 5px 13px;
}

.manager-dashboard .lower-box {
    line-height: 14px;
}

.manager-dashboard .small-box:nth-child(2) {
    margin: 10px 0;
}

.manager-dashboard .small-box:hover {
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
}

.manager-dashboard .mobile-hide {
    display: none;
}

.mdashboard--calendar-link-box {
    padding: 10px;
    background: #ffffff;
    border-bottom: 1px solid #F3F8F9;
}

.mdashboard--calendar-link {
    text-align: center;
    padding: 10px;
    border: 1px solid #E4E7EA;
    border-radius: 3px;
    color: #5493A4;
}

.mdashboard--stat-table {
    background: #ffffff;
    margin: -25px -25px 25px -25px;
}

.mdashboard--stat-table-title {
    background: #ffffff;
    display: flex;
}

.mdashboard--stat-table-title > div {
    flex: 50%;
    text-align: center;
    padding: 12px 0px;
}

.mdashboard--stat-table-title-nottop {
    background: #F6F6F6;
    color: #5493A4;
    border-bottom-left-radius: 15px;
}

.manager-dashboard .stat-table-container,
.manager-dashboard .dataTables_wrapper {
    overflow-x: auto;
}

.manager-dashboard table {
    background: #ffffff;
    font-size: 12px;
    line-height: 14px;
    border: none;
}

.manager-dashboard td {
    text-align: center;
    padding: 13px 15px;
    width: 1px;
    white-space: nowrap;
}

.manager-dashboard tbody tr:nth-child(odd) {
    background: #F6F6F6;
}

.manager-dashboard .table--icon {
    min-width: 5px;
    min-height: 5px;
}

.table--icon-container, table .mdashboard--link {
    display: inline;
}

.table--icon-container {
    position: relative;
}

.table--icon {
    position: absolute;
    display: block;
    left: -10px;
}

.table--up-arrow {
    top: 1px;
}

.table--down-arrow {
    top: 8px;
}

.manager-dashboard td.table--ticket, .manager-dashboard td.table--piechart {
    padding: 10px;
}

.manager-dashboard table .mdashboard--link {
    margin-left: 10px;
}

.manager-dashboard table {
    border-bottom: 1px solid #F3F8F9;
}

.manager-dashboard .flag-img img {
    max-width: 20px;
    max-height: 20px;
}

.manager-dashboard .show-all {
    min-width: 300px;
    min-height: 50px;
    border: 1px solid #2DDAB3;
    border-radius: 100px;
    background: #ffffff;
    display: block;
    margin: 15px auto;
    font-size: 14px;
    line-height: 16px;
}

.manager-dashboard .outer {
    width: 45px;
    height: 45px;
    border-radius: 25px;
    background-color: #ffffff;
    border: 1px solid #2DDAB3;
    display: flex;
    overflow: hidden;
}

.manager-dashboard .outer svg {
    width: 15px;
    align-items: center;
    margin: 0 auto;
}

.manager-dashboard .outer:hover {
    background: #2DDAB3;
}

.manager-dashboard .outer:hover svg path {
    fill: #ffffff;
}

.calendar--wrapper {
    background-color: #ffffff;
}

.calendar--choose-date {
    width: 300px;
    padding: 20px;
}

.calendar--choose-box {
    width: 260px;
    height: 46px;
    background: #E4E7EA;
    border-radius: 5px;
    text-align: center;
    line-height: 46px;
    margin: 6px 0;
    font-size: 14px;
    color: #183541;
}

.calendar--choose-box.active {
    background: #5493A4;
    color: #ffffff;
}

.calendar--choose-box:first-child {
    margin-top: 0;
}

.calendar--choose-box:last-child {
    margin-bottom: 0;
}

.calendar--actions {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.calendar--actions > div {
    display: inline-block;
    width: 125px;
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
    text-align: center;
}

.calendar--apply {
    background: #2DDAB3;
    color: #ffffff;
}

.calendar--cancel {
    background-color: #E4E7EA;
    color: #183541;
}

.username-manager {
    display: flex;
    align-items: center;
    line-height: 60px;
    border-left: 1px solid #EDF1F5;
    border-right: 1px solid #EDF1F5;
    padding: 0 30px;
    font-weight: 700;
}

.manager-caret {
    margin-left: 8px;
    color: #5493A4;
    border-radius: 30px;
    border-top: 8px dashed;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.manager-hide {
    display: none;
}

.manager-lang-flag {
    width: 20px;
    height: 20px;
}
.dropdown-toggle.profile-pic{
    padding: 0 15px;    
    font-weight:500;
}
.dropdown-toggle.profile-pic b{        
    font-weight:500;
}
.dropdown-toggle.profile-pic:hover {
    background-color: #fff;
}
.dropdown-user .divider {
    margin: 0 !important;
    background-color: #e8f9f8 !important;;
}
@media screen and (min-width:768px) {    
    .navbar-top-links {
        margin-right: 0 !important;
    }
}
.web-red-asterisk {
    color: red;
}

.asterisk-info {
    margin-top: 30px;
    border-top: solid 1px #eee;
    padding-top: 30px;
}

.form-group.form-group-mb10 .form-group {
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .mdashboard--title {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: -25px -25px 25px -25px;
        padding: 25px 15px;
        background-color: #F3F8F9;
    }
    .mdashboard--row-boxes {
        display: flex;
        justify-content: space-between;
        margin: -25px -25px 25px -25px;
        background-color: #F3F8F9;
        padding-bottom: 25px;
    }
    .manager-dashboard .small-box {
        height: 90px;
        width: 32.5%;
        border-radius: 5px;
        margin: 0;
    }
    .manager-dashboard .small-box:nth-child(2) {
        margin: 0;
    }
    .manager-dashboard .upper-box {
        padding: 20px 13px;
    }
    .manager-dashboard .lower-bow {
        padding: 5px 13px auto 13px;
    }
    .manager-dashboard .mobile-hide {
        display: block;
        margin: -25px -25px 25px -25px;
        padding-bottom: 25px;
        background-color: #F3F8F9;
    }
    .stat-graph--info {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 25px 15px 10px 15px;
    }
    .stat-graph--left, .stat-graph--right {
        display: flex;
        flex-direction: column;
    }
    .stat-graph--right {
        flex-direction: column-reverse;
    }
    .stat-graph-legend {
        display: flex;
    }
    .mdashboard--stat-graph {
        border-radius: 10px;
    }
    .manager-dashboard .grey-text {
        margin: 15px 10px 10px 0;
    }
    .manager-dashboard .grey-text::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        margin-right: 10px;
    }
    .manager-dashboard .green-dot::before {
        background-color: #00D856;
    }
    .manager-dashboard .blue-dot::before {
        background-color: #5DA9FF;
    }
    .mdashboard--calendar-link-box {
        padding: 0;
        margin-bottom: 10px;
    }
    .mdashboard--calendar-link {
        padding: 3px;
    }
    .manager-dashboard .input-wrapper {
        display: table-cell;
        height: 10px;
        line-height: 10px;
        position: relative;
    }
    .manager-dashboard input[type="checkbox"] {
        opacity: 0;
        position: relative;
        z-index: 100;
    }
    .manager-dashboard .fake-radio {
        display: inline-block;
        min-width: 8px;
        min-height: 8px;
        border-radius: 4px;
        background: #ffffff;
        border: 1px solid #ffffff;
        position: absolute;
        top: 5px;
        left: 3px;
        cursor: pointer;
    }
    .manager-dashboard input:checked ~ .fake-radio {
        background: #5493A4;
    }
    .manager-dashboard .input-wrapper::before {
        content: "";
        display: inline-block;
        min-height: 8px;
        min-width: 8px;
        max-width: 8px;
        max-height: 8px;
        border-radius: 5px;
        border: 1px solid #5493A4;
        position: absolute;
        top: 4px;
        left: 2px;
    }
    .manager-dashboard label {
        display: table-cell;
        padding-left: 7px;
        padding-right: 7px;
    }
    .manager-dashboard .tablet-hide {
        display: none;
    }
    .mdashboard--stat-table-title {
        justify-content: flex-start;
    }
    .mdashboard--stat-table-title > div {
        padding: 12px 25px;
    }
    .mdashboard--stat-table-title .mdashboard--stat-table-title-top {
        flex: 20%;
    }
    .mdashboard--stat-table-title .mdashboard--stat-table-title-nottop {
        flex: 80%;
        text-align: left;
        background: linear-gradient(270deg, #FFFFFF 0%, #F6F6F6 100%);
    }
    .manager-dashboard .show-all {
        min-width: 190px;
        min-height: 40px;
        margin: 20px auto 15px 15px;
    }
}

@media screen and (min-width: 1200px) {
    .mdashboard--uppercase {
        font-size: 18px;
        line-height: 21px;
    }
    .mdashboard--link {
        font-size: 14px;
        line-height: 16px;
    }
    .mdashboard--link-active {
        font-size: 14px;
        line-height: 16px;
    }
    .manager-dashboard .grey-text {
        font-size: 12px;
    }
    .manager-dashboard .usual-text {
        font-size: 14px;
    }
    .manager-dashboard .stat-graph--left {
        flex-direction: row;
    }
    .manager-dashboard .grey-text {
        margin: 0 10px 0 0;
    }
    .manager-dashboard .stat-graph-legend {
        margin-left: 70px;
    }
    .stat-graph--left > div,
    .stat-graph--left > div > div,
    .time-period > *  {
        line-height: 25px
    }
    .stat-graph--right {
        flex-direction: row;
    }
    .manager-dashboard .fake-radio {
        top: 10px;
    }
    .manager-dashboard .input-wrapper::before {
        top: 9px;
    }
    .manager-dashboard .time-period {
        margin-right: 40px;
    }
    .manager-dashboard .table-text {
        font-size: 14px;
        line-height: 16px;
    }
    .manager-dashboard .show-all {
        margin: 30px auto 15px 15px;
    }
    .mdashboard--stat-table-title .mdashboard--stat-table-title-top {
        flex: 10%;
    }
    .mdashboard--stat-table-title .mdashboard--stat-table-title-nottop {
        flex: 90%;
        padding-left: 40px;
    }
}

@media screen and (max-width: 767px) {
    #left-side-menu .side-menu-item .left-sidebar-text {
        opacity: 1;
    }
    .side-menu {
        width: 100%;
        min-height: 100%;
    }
}