@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/Content/Fonts/Montserrat/Montserrat-Montserrat-SemiBold.eot');
    src: url('/Content/Fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'), url('/Content/Fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/Content/Fonts/Montserrat/Montserrat-Regular.eot');
    src: url('/Content/Fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/Montserrat/Montserrat-Regular.woff') format('woff'), url('/Content/Fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('/Content/Fonts/Montserrat/Montserrat-Medium.eot');
    src: url('/Content/Fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/Montserrat/Montserrat-Medium.woff') format('woff'), url('/Content/Fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

html{
    min-width: 480px;
}

body {
    background: #bbb;
    /*background: linear-gradient(0deg, rgba(175,175,175,1) 0%, rgba(85,77,87,0.8) 25%, rgba(85,77,87,0.8) 40%, rgba(175,175,175,1) 100%);*/
    /*overflow-x: hidden;*/
    font-family: Montserrat-Regular;
    position: relative;
}

input[type=text],
input[type=password],
input[type=time],
input[type=tel],
textarea,
select {
    width: 100%;
    height: 50px;
    padding: 15px 10px;
    background: #fff;
    border: 1px solid #888;
    border-radius: 3px;
    font: inherit;
    outline: 0;
    vertical-align: middle;
    -webkit-appearance: none; /* IPAD inner shadow */
}

textarea {
    height: auto;
    min-height: 100px;
    resize: vertical;
}

input[type=text]::-webkit-input-placeholder {
    color: #444444;
}

input[type=text]::-moz-placeholder {
    color: #444444;
    opacity: 1;
}

input[type=text]:-moz-placeholder {
    color: #444444;
    opacity: 1;
}

input[type=text]:-ms-input-placeholder {
    color: #444444;
}

input[type=password]::-webkit-input-placeholder {
    color: #444444;
}

input[type=password]::-moz-placeholder {
    color: #444444;
    opacity: 1;
}

input[type=password]:-moz-placeholder {
    color: #444444;
    opacity: 1;
}

input[type=password]:-ms-input-placeholder {
    color: #444444;
}

input[type=time]::-webkit-input-placeholder {
    color: #444444;
}

input[type=time]::-moz-placeholder {
    color: #444444;
    opacity: 1;
}

input[type=time]:-moz-placeholder {
    color: #444444;
    opacity: 1;
}

input[type=time]:-ms-input-placeholder {
    color: #444444;
}

textarea::-webkit-input-placeholder {
    color: #444444;
}

textarea::-moz-placeholder {
    color: #444444;
    opacity: 1;
}

textarea:-moz-placeholder {
    color: #444444;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    color: #444444;
}

select::-webkit-input-placeholder {
    color: #444444;
}

select::-moz-placeholder {
    color: #444444;
    opacity: 1;
}

select:-moz-placeholder {
    color: #444444;
    opacity: 1;
}

select:-ms-input-placeholder {
    color: #444444;
}

input[type=text]:focus::-webkit-input-placeholder {
    opacity: 0;
}

input[type=text]:focus::-moz-placeholder {
    opacity: 0;
}

input[type=text]:focus:-moz-placeholder {
    opacity: 0;
}

input[type=text]:focus:-ms-input-placeholder {
    opacity: 0;
}

input[type=password]:focus::-webkit-input-placeholder {
    opacity: 0;
}

input[type=password]:focus::-moz-placeholder {
    opacity: 0;
}

input[type=password]:focus:-moz-placeholder {
    opacity: 0;
}

input[type=password]:focus:-ms-input-placeholder {
    opacity: 0;
}

input[type=time]:focus::-webkit-input-placeholder {
    opacity: 0;
}

input[type=time]:focus::-moz-placeholder {
    opacity: 0;
}

input[type=time]:focus:-moz-placeholder {
    opacity: 0;
}

input[type=time]:focus:-ms-input-placeholder {
    opacity: 0;
}

textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

textarea:focus::-moz-placeholder {
    opacity: 0;
}

textarea:focus:-moz-placeholder {
    opacity: 0;
}

textarea:focus:-ms-input-placeholder {
    opacity: 0;
}

select:focus::-webkit-input-placeholder {
    opacity: 0;
}

select:focus::-moz-placeholder {
    opacity: 0;
}

select:focus:-moz-placeholder {
    opacity: 0;
}

select:focus:-ms-input-placeholder {
    opacity: 0;
}

strong {
    font-family: 'Montserrat-Bold';
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

:focus,
button:focus,
.btn:focus,
.btn.focus {
    outline: none;
    box-shadow: none;
}

.hide{
    display: none !important;
}

.unvisible {
    opacity: 0;
    visibility: hidden;
}

.clear{
    clear: both;
}

[disabled]{
    cursor: default;
    opacity: 0.5;
}

.form-container{
    display: table;
    width: 100%;
}

.form-container .form-column{
  display: table-cell;
  width: 50%;
  padding: 0 20px;
}
.form-container .form-column.first{
  padding-left: 0;
  padding-right: 40px;
}

.form-container .form-column.first .form-group:first-child{
    margin-bottom: 0;
}

.form-container .form-column.last{
  padding-left: 40px;
  padding-right: 0;
}

form .content-inner{
    padding: 75px 0 60px;
}

form .sub-title{
    font-size: 22px;
    margin-bottom: 10px;
}

form .form-group{
    margin-bottom: 20px;
}

form .form-group .form-label{
    margin-top: 10px;
}

form .form-submit{
    margin-top: 15px;
}

button[type=submit] svg {
    width: 11px;
    height: 11px;
    position: absolute;
    margin-left: -20px;
    fill: #fff;
    top: 19px;
}

.size_1920 {
    display: block;
}

.size_1280 {
    display: none;
}

.select2-container:not(.select2-container--open):has(.select2-results__options:empty):not(:has(input)) {
    display: none !important;
}
.select2-container:not(.select2-container--open):not(:has(.select2-results__option[aria-selected=false])):has(.select2-results__option[aria-disabled=true]) {
    display: none !important;
}


.disabled, [disabled] {
    opacity: 0.5;
    pointer-events: none;
}

textarea.disabled,
input.disabled,
textarea[disabled],
input[disabled] {
    opacity: 0.5;
}


.field-validation-error,
label.error {
    display: block;
    margin-top: 4px;
    color: #d65454;
    font-family: Arial,sans-serif;
    font-size: 11px;
}

.dialog-layout {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,0.85);
    z-index: 98;
    top: 0;
    left: 0;
    display: none;
}
/*************************main************************/

.container{
    max-width: none;
    width: calc(100% - 160px);
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    display: inline-block;
}

.container .content .wrapper{    
    width: 1400px;
    margin: 0 auto;
}

.page.wrapper{
    padding-top: 40px;
}

.content .content-title {
    font-size: 40px;
    line-height: 40px;
    font-family: 'Montserrat-Bold';
    line-height: 1;
    margin-bottom: 23px;
    white-space: normal;
    position: relative;
    vertical-align: middle;
}

    .content .content-title .project-name {
        text-transform: uppercase;
        color: #522B7A;
        font-family: Montserrat-Bold;
        font-size: 18px;
        white-space: normal;
        text-align: right;
        float: right;
    }

.content-inner{
    width: 1400px;
    margin: 0 auto;
}

.body-content{
    padding: 0;    
}

.container.body-content .content{
    background: #fff;
    min-height: 800px;
    padding: 38px 0px 40px;
}

.container.body-content .content > div{
    position: relative;
    margin-left: 39px; /*в дизайне такой перекос*/
    margin-right: 41px;
}

.mvcgridscroll {
    margin-left: -39px;
    margin-right: -41px;
}

.container.body-content .content h3 {
    font-family: 'DaimlerCS-Regular';
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 38px;
}

.dropdown-toggle::after{
    content: none;
}
/*
@media (max-width: 1520px) {
    .container.body-content .content .content-block {
        margin-left: 60px;
        margin-right: 60px;
        width: calc(100% - 120px);
    }
}

@media (max-width: 1000px) {
    .container.body-content .content .content-block {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
    }
}

@media (max-width: 767px) {
    .container.body-content .content {
        padding: 40px 0 40px;
    }

    .container.body-content .content .content-block {
        display: block;
        width: calc(100% - 40px);
    }
}
*/
.disclamers{
    padding-top: 40px;
    color: #888; 
    font-size: 14px;
    width: 47%;
    line-height: 1.3;
}

.page_buttons{
    padding-top: 40px;
}

.page_buttons .button{
    width: 300px;
    height: 45px;
    background: #00ADEF;
    padding: 7px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer;    
}

.page_buttons .button .btn_icon{
    display: inline-block;
    vertical-align: middle;
    padding-top: 1px;
}

.page_buttons .button .btn_text{
    display: inline-block;
    vertical-align: middle;
}

.page_buttons .button:hover{
    background: #0088C6;
}

.page_buttons .button svg{
    width: 10px;
    height: 10px;
    vertical-align: unset;
}

.content-column{
    width: 37.2%;
    display: inline-block;    
}

.content-column.right{
    float: right;
    width: 55%;
}

.head_menu{
    /*padding-top: 40px;*/
    display: inline-block;
}

.head_menu .head_menu_item{
    color: #fff;
    margin: 0 20px;
    cursor: pointer;
}

.head_menu .head_menu_item a {
    color: #fff;
    text-decoration: none;
}

.head_menu .head_menu_item:hover a,
.head_menu .head_menu_item.active a {
    color: #00ADEF;
}

.head_menu .pda-menu-button {
    background: url(/Content/Images/pda_menu_open.svg) no-repeat;    
    width: 24px;
    height: 24px;    
    cursor: pointer;

}

.modalOverlay {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 9000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top: 0;
    left: 0;
}

.modalOverlayOpen {
    visibility: visible;
    opacity: 1;
}

.modal {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 400px;
    height: 230px;
    margin: auto;
    z-index: 10000;
    padding: 24px 50px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.confirm {
    width: 600px;
    height: 170px;
}

.modal.confirm .btn:first-child{
    margin-right: 15px;
}

.modalOpen {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.modalText {
    font-size: 16px;
    color: #000;
    text-align: center;    
}

.modalText p:first-child {
    font-size: 19px;
}

.modalText p {
    margin-bottom: 18px;
}

.modal .page_buttons{
    padding-top: 0;
    margin-top: 40px;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.throbber {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
    background: rgba(0,0,0,.25);
    display: none;
}

.throbber::after {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 44px;
    height: 44px;
    margin: auto;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    background: url(../../Content/img/throbber.png);
    background: url(/Content/Images/throbber.png)
}

.desktop_view{
    display: block;
}

.desktop_tablet_view{
    display: block;
}

.pda_view,
.tablet_view,
.mobile_view
{
    display: none;
}

.option_wrap{
    display: inline-block;
}

/***************icheck********************/
.iradio {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: solid 2px #D3D3D3;
    margin-right: 5px;
}

.iradio.checked:after {
    display: block;
    position: absolute;
    background-color: #00ADEF;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    top: 50%;
    left: 50%;    
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*.icheckbox {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 30px;
    border: 1px solid #cecece;
    margin-right: 10px;
}

.icheckbox.checked:after {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAACXBIWXMAAAsSAAALEgHS3X78AAABJUlEQVRIDbXUjW2DMBAF4OdO4FEYgREiL1CYoIzQbtBM0GYAo2aCZgQyQicwmeCqU43qgM84/FhCAnPw+eCBIiLsMVTbHwBcyOh+F0S1fQXgA8AVQLk5EgDDOG+KRIAbd/K0I8CjIqO7TRABqMnoL95ZjQjAiYz+HA5WIQmgCicWIwLAkW0mtUvSJQA/AAr++Mb1D3ciABzVQwy4Q1Tbv6u2n7SaAcADnXgdPy4GALz4ubPP992qEkAdJimKwLoSwPdofmj/MgO8kdGvKSDshFfyHDl/BNAJwCSqScSvVoJi40pGF5m1/y/er+qUA/BPLxfAOMIZ0C0WioeQADoKQJmKajbiIf5e6tF0swT4uyGRuMG6CtYRrGtSdXPbfIF1xRqAiPALtkYdr5THjKEAAAAASUVORK5CYII=');
    content: '';
    width: 27px;
    height: 27px;
}

.icheckbox.disabled{
    opacity: 0.5;
    cursor: default;
}*/

.tooltip {
    position: absolute;
    left: 20px;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    opacity: 1;
    z-index: inherit;
}

.tooltip:hover::after {
    content: '';
    position: absolute;
    top: 17px;
    left: -15px;
    display: block;
    width: 100px;
    height: 35px;
}

.tooltip-icon {
    position: relative;
    z-index: 1;
}

svg.tooltip-icon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    fill: #000;
    vertical-align: middle;
}

.tooltip:hover svg.tooltip-icon {
    fill: #00adef;
}

.tooltip-content {
    position: absolute;
    top: 44px;
    left: 50%;
    z-index: 10000;
    display: none;
    width: 350px;
    margin-left: -175px;
    padding: 20px;
    background: #fff;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: 5px 5px 28px rgba(0,0,0,0.15), 5px 5px 10px rgba(0,0,0,0.15);
    box-shadow: 5px 5px 28px rgba(0,0,0,0.15), 5px 5px 10px rgba(0,0,0,0.15);
}

.tooltip:hover .tooltip-content {
    display: block;
}

.tooltip-content::before,
.tooltip-content::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
}

.tooltip-content::before {
    margin-left: -13px;
    border: 13px solid rgba(187,187,187,0);
    border-bottom-color: #d8d8d8;
    border-top-width: 0;
}

.tooltip-content::after {
    margin-left: -12px;
    border: 12px solid rgba(255,255,255,0);
    border-bottom-color: rgba(255,255,255,1);
    border-top-width: 0;
    -webkit-transform: translateY(.75px);
    transform: translateY(.75px);
}
.container-indicator .tooltip-content::after{
    border-top-width: 1px;
}


.game-status .value {
    color: #fff;
    width: 160px !important;
    margin-right: calc(100% - 295px);
    height: 30px;
    text-align: center !important;
    font-family: Montserrat-Bold;
    font-size: 16px;
    line-height: 30px;
    margin-top: 6px;
    text-transform: uppercase;
}

td.game-status .value {
    margin: 0;
    height: 20px;
    width: 125px !important;
    font-size: 10px;
    line-height: normal;
    padding: 2px 5px;
    min-width: 100px;
    display: block;
}

.game-status .value.new {
    border: 2px solid #a3ba7b;
    color: #000;
    background: #fff;
}

.game-status .value.confirmed {
    background: #a3ba7b;
    border: 2px solid #a3ba7b;
}

.game-status .value.active {
    background: #3C74B1;
    border: 2px solid #3C74B1;
}

.game-status .value.canceled {
    background: #A86085;
    border: 2px solid #A86085;
}

.game-status .value.finished {
    background: #7F7F7F;
    border: 2px solid #7F7F7F;
}

.game-status .value.evaluated {
    background: #522B7A;
    border: 2px solid #522B7A;
}

.game-status .value.questions {
    background: white;
    color: #000;
    border: 2px solid #3C74B1;
}

.game-status .value.notcarriedout {
    background: #BBB;
    border: 2px solid #BBB;
    color: #000;
}

@media (max-width: 1620px) {
    .search {
        width: calc(34% - 60px);
    }

        .search input[type=text] {
            width: 100%;
        }

    .gridpanel-actions > .btn,
    .gridpanel-actions > .dropdown,
    .gridpanel-actions > .btn.btn-import,
    .gridpanel-filters,
    .export {
        width: 22%;
        min-width: 22%;
    }

        .gridpanel-filters > .btn,
        .gridpanel-actions > .dropdown > .btn,
        .mvcgridpanel > .dropdown > button,
        .export > .btn,
        .gridpanel-filters.dropdown + .export + .mvcgridpanel > .dropdown > .btn {
            min-width: 0px;
            width: 100%;
        }

    .mvcgridpanel > .btn,
    .mvcgridpanel > .dropdown {
        font-size: 9px;
        left: calc(22% + 20px);
        min-width: 22%;
    }

    .gridpanel-filters.dropdown + .export + .mvcgridpanel > .dropdown {
        left: calc(44% + 40px);
        min-width: 22%;
        width: 22%;
    }
}

@media (max-width: 1280px) {
    body {
        min-width: initial;
    }

    .content .content-title .project-name {
        font-size: 14px;
    }

    .btn .mobile-hide {
        display: none;
    }

    .btn .desktop-hide {
        display: inline-block;
    }
}

@media (max-width: 1150px) {
    .btn svg:first-child {
        left: 40px;
    }

    .gridpanel-filters > .btn,
    .export > .btn,
    .gridpanel-actions > .btn,
    .gridpanel-actions > .dropdown > .btn,
    .gridpanel-options.dropdown > .btn {
        padding-left: 35px;
        padding-right: 35px;
        font-size: 11px;
    }
}


@media (max-width: 1000px) {
    .dialog-form-window {
        max-width: 90%;
    }

    .container {
        width: calc(100% - 117px);
    }
    .container.body-content .content {
        padding-top: 22px;
    }

    .container.body-content .content > div{
        margin-left: 22px;
        margin-right: 22px;
    }

    .content .content-title {
        font-size: 32px;
        margin-bottom: 7px;
    }

        .content .content-title .project-name {
            font-size: 16px;
        }


    .modalText p:first-child {
        font-size: 16px;
    }

    .modal.confirm {
        width: 500px;
        height: 150px;
    }

    .desktop_view {
        display: none !important;
    }

    td.game-status .value {
        font-size: 12px;
        height: 23px;
    }

    .game-status .value {
        width: 140px !important;
        height: 21px;
        font-size: 12px;
        line-height: 20px;
        margin-top: 3px;
    }

    .btn {
        min-width: 0px;
        width: 45%;
        padding: 10px 0px;
        font-size: 12px;
    }

    .grid th {
        font-size: 11px;
        height: 24px;
    } 

    .grid td {
        font-size: 14px;
        height: 34px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
        .grid td.options {
            width: 40px;
            min-width: 40px;
        }

            .grid td.options:last-child {
                width: 60px;
                min-width: 60px;
            }

    .grid td.wrapable {
        min-width: 300px;
    }

    .gridpanel-filters > .btn,
    .export > .btn,
    .gridpanel-actions > .btn,
    .gridpanel-actions > .dropdown > .btn,
    .gridpanel-options.dropdown > .btn {
        font-size: 12px;
        padding: 13px 30px 13px;
    }

    .gridpanel-filters .btn.dropdown-toggle::after {
        right: 15px;
    }

    .search {
        top: -40px;
    }

        .search input[type=text] {
            font-size: 14px;
            height: 40px;
        }

        .search button {
            width: 20px;
            height: 20px;
            top: 9px;
        }

            .search button svg {
                width: 100%;
                height: 100%;
                vertical-align: 0;
            }

    .grid-options.dropdown-menu {
        min-width: 0px;
        padding-top: 35px;
    }

    .grid-options.dropdown-menu .checklist {
        font-size: 14px;
    }

    .grid-options.dropdown-menu form {
        padding: 5px 10px 10px;
    }

    .mvcgridscroll {
        margin-top: 20px;
        margin-left: -22px;
        margin-right: -22px;
    }

    .mvcgridpanel:after {
        left: -22px;
        right: -22px;
        bottom: 60px;
    }

    .no-gridpanel-actions .mvcgridscroll {
        margin-top: 20px;
    }

    .mvcgridpanel > .btn,
    .mvcgridpanel > .dropdown {
        top: -40px;
    }

    .mvcgridpanel .grid tbody:before,
    .mvcgridpanel .grid tbody:after {
        top: 28px;
    }

    .btn svg:first-child {
        left: 40px;
        width: 20px;
        height: 20px;
        margin-top: -4px;
        top: unset;
    }

    .gridpanel-filters .btn.dropdown-toggle::after {
        width: 8px;
        height: 8px;
        top: 16px;
    }

    a.move {
        height: 15px;
    }

    .grid a.report,
    .grid a.download,
    .grid a.edit,
    .grid a.delete {
        height: 18px;
        width: 18px;
    }

    .grid th.sort_asc a::after,
    .grid th.sort_desc a::after {
        height: 8px;
        width: 8px;
    }

    .icheckbox {
        width: 16px;
        height: 16px;
    }

    .checklist .icheckbox {
        margin-top: 1px;
        margin-left: -25px;
    }

    .checklist li {
        line-height: 20px;
    }

    .checklist li + li {
        margin-top: 5px;
    }

    .gridpanel-filters .dropdown-menu form,
    .gridpanel-actions .dropdown-menu form {
        width: 320px;
        font-size: 14px;
    }

        .dropdown-menu form .buttons .btn {
            min-width: 0px;
            width: 45%;
            padding: 13px 0px;
            font-size: 12px;
        }

    dl.form dt {
        margin-bottom: 6px;
    }

    dl.form dd {
        margin-bottom: 12px;
    }

    dl.form input[type=text],
    dl.form input[type=password],
    dl.form input[type=time],
    dl.form input[type=tel],
    dl.form textarea,
    dl.form select {
        height: 40px;
        padding: 5px 10px;
    }

    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--multiple {
        min-height: 40px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b,
        .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
            width: 10px;
            height: 10px;
            margin-top: -5px;
            margin-left: 5px;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            padding: 10px 10px;
        }

        .select2-container--default .select2-results__option {
            height: 40px;
            padding: 5px 10px;
            font-size: 14px;
            line-height: 30px;
        }

    .filter form .datetimeRU-range-item label {
        margin-right: 5px;
    }

    .filter form .datetimeRU-range-item {
        margin-right: 10px;
        width: calc(50% - 7px);
    }
        .filter form .datetimeRU-range-item input[type=text].dateRU,
        .filter form .datetimeRU-range-item .ui-spinner {
            width: calc(100% - 28px);
        }

        dl.form .datetimeRU-range input[type=text].dateRU + .icon {
            left: 35px;
        }

    dl.form input[type=text].dateRU {
        padding-left: 30px;
    }

        dl.form input[type=text].dateRU + .icon {
            width: 20px;
            height: 20px;
            top: 8px;
            left: 10px;
        }

    .ui-spinner:before {
        width: 15px;
        height: 15px;
        top: 7px;
        left: 10px;
    }

    .dialog-form-window {
        font-size: 14px;
    }

    .dialog-form-window form .buttons .btn {
        font-size: 12px;
        padding: 9px 37px 7px;
        width: 160px;
    }

        .dialog-form-window dl.form {
            width: 420px;
        }

    .grid-pagesize {
        font-size: 12px;
        height: 40px;
    }
        .grid-pagesize .select2 {
            width: 60px;
        }

    .mvcgridpanel > .pagination-count {
        font-size: 14px;
        margin-top: 40px;
    }

    .mvcgridpanel > .pages {
        font-size: 14px;
    }
        .mvcgridpanel > .pages > .pagination {
            height: 40px;
        }

            .mvcgridpanel > .pages > .pagination > li {
                margin-top: 4px;
                margin-bottom: 4px;
                line-height: 30px;
                width: 20px;
                min-width: 20px;
            }

                .mvcgridpanel > .pages > .pagination > li a {
                    line-height: 30px;
                    width: 20px;
                    min-width: 20px;
                }

            .mvcgridpanel > .pages > .pagination li.first::before,
            .mvcgridpanel > .pages > .pagination li.first a::before,
            .mvcgridpanel > .pages > .pagination li.prev::before,
            .mvcgridpanel > .pages > .pagination li.prev a::before,
            .mvcgridpanel > .pages > .pagination li.next::before,
            .mvcgridpanel > .pages > .pagination li.next a::before,
            .mvcgridpanel > .pages > .pagination li.last::before,
            .mvcgridpanel > .pages > .pagination li.last a::before {
                width: 9px;
                height: 9px;
                margin: 11px 6px;
            }

    h2 {
        margin-left: -22px;
        margin-right: -22px;
    }

    td p {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .container {
        width: 100%;
    }

        .container.body-content .content {
            padding-top: 18px;
        }

    .gridpanel-actions {
        padding-top: 7px;
    }

    .container.body-content .content > div {
        margin-left: 17px;
        margin-right: 17px;
    }

    .desktop_tablet_view {
        display: none !important;
    }

    .tablet_view {
        display: none !important;
    }

    .mobile_view {
        display: block !important;
    }

    .modal.confirm {
        width: 400px;
        height: 120px;
    }

    .modalText p:first-child {
        font-size: 12px;
    }

    .modal .page_buttons {
        padding-top: 0;
        margin-top: 20px;
    }

    .search {
        top: 0;
        width: 100%;
        height: 100%;
        margin-top: 10px;
    }

    .gridpanel-actions > .btn,
    .gridpanel-actions > .dropdown,
    .gridpanel-actions > .btn.btn-import,
    .gridpanel-filters, .export {
        width: calc(33% - 10px);
        min-width: calc(33% - 10px);
    }

        .gridpanel-filters.dropdown + .export + .mvcgridpanel > .dropdown {
            left: calc(66% + 16px);
            width: calc(33% - 10px);
            min-width: calc(33% - 10px);
        }

    .mvcgridpanel > .btn,
    .mvcgridpanel > .dropdown {
        left: calc(33% + 10px);
        width: calc(33% - 10px);
        min-width: calc(33% - 10px);
    }

    .mvcgridscroll {
        margin-left: -17px;
        margin-right: -17px;
    }

    .mvcgridpanel:after {
        display: none;
        left: -17px;
        right: -17px;
    }

    .grid th:first-child:before {
        left: 20px;
    }

    .mvcgridpanel .grid tbody:before {
        left: 20px;
    }

    .mvcgridpanel .grid tr th:first-child,
    .mvcgridpanel .grid tr td:first-child {
        padding-left: 40px;
    }

    .mvcgridpanel .grid tr th:last-child,
    .mvcgridpanel .grid tr td:last-child {
        padding-right: 40px;
    }

    .mvcgridpanel .grid tr th.options:last-child,
    .mvcgridpanel .grid tr td.options:last-child {
        padding-right: 20px;
    }

    .mvcgridpanel .grid tbody:after {
        right: 20px;
    }

    .gridpanel {
        padding-bottom: 0px;
    }

    .grid-pagesize {
        margin-top: 26px;
        margin-bottom: 0px;
    }

        .grid-pagesize label {
            width: 75px;
            height: 30px;
            line-height: 13px;
        }

        .grid-pagesize .select2 {
            width: 50px;
            top: -6px;
            margin-left: 5px;
        }

    .mvcgridpanel > .pages {
        margin-top: 20px;
        margin-left: 25px;
    }

        .mvcgridpanel > .pages > .pagination {
            margin-bottom: 0px;
        }

    .mvcgridpanel > .pagination-count {
        margin-top: 29px;
    }

    .mvcgridpanel > .pagination-count > span {
        margin-left: 5px;
    }

    .container.body-content .content {
        padding-bottom: 20px;
    }

    .mvcgridscroll::-webkit-scrollbar {
        height: 6px;
    }

    .mvcgridscroll::-webkit-scrollbar-track {
        background: #AFAFAF;
    }

    .mvcgridscroll::-webkit-scrollbar-thumb {
        background: #18858A;
    }

    .mvcgridscroll::-webkit-scrollbar-thumb:hover {
        background: #107777;
    }

    .dialog-form-window .ui-dialog-content {
        padding: 20px 20px;
    }

    .dialog-form-window dl.form {
        width: 370px;
    }

    h2 {
        margin-left: -17px;
        margin-right: -17px;
    }

    dl.form .ui-spinner input[type=text].ui-spinner-input {
        padding-left: 30px;
    }
}
    /*
@media (max-width: 1540px) {
    .content-inner{
        width: auto;
    }

    .content-inner,
    form .content-inner {
       padding-left: 62px;
        padding-right: 62px;
    }
}

@media (max-width: 1280px) {
    .size_1920 {
        display: none;
    }

    .size_1280 {
        display: block;
    }

    form .content-inner{
        padding: 75px 62px 80px;
    }
}

@media (max-width: 1000px){
    .desktop_view{
        display: none !important;
    }

    .content-inner,
    form .content-inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    form .content-inner {
        padding: 35px 20px 40px;
    }

    .container .content .wrapper{
        padding-left: 0;
        padding-right: 0;
        width: 870px;        
    }
    
    .content .content-title{
        font-size: 36px;
    }

    .container.body-content .content{
        padding-top: 40px;
        padding-bottom: 0px;
        min-height: initial;
    }

    form .sub-title{
        font-size: 18px;
        margin-bottom: 20px;
    }

    input, select, textarea {
        font-size: 16px;
    }

    .form-container .form-column.first{
        padding-right: 10px;
    }

    .form-container .form-column.last {
        padding-left: 10px;
    }

    form .form-group {
        margin-bottom: 21px;
    }

    form .form-submit {
        margin-top: 20px;
    }

    .page.wrapper {
        padding-top: 20px;
    }

    .disclamers{
        width: 100%;
    }

    .content-column{
        width: 46%;
    }

    .content-column.right{
        width: 48%;
    }    

    .page_buttons {
        padding-top: 40px;
    }

    button[type=submit] svg{
        top: 18px;
    }
}


@media (max-width: 767px){

    .message-box {
        width: 440px;
    }

    input, select, textarea {
        line-height: 25px;
    }

    .wrapper.mobile_view{
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
    }

    .container.body-content .content{
        padding-top: 20px;
    }

    .content-inner,
    form .content-inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    form .sub-title {
        font-size: 16px;
        line-height: 16px;
        margin-top: 3px;
        margin-bottom: 27px;
    }

    .form-container .form-column{
        width: 100%;
        display: block;
    }

    .form-container .form-column.last,
    .form-container .form-column.first{
        padding: 0;
    }

    form .form-group{
        margin-bottom: 11px;
    }

    form .form-submit {
        margin-top: 40px;
        text-align: center;
    }

    button[type=submit] svg {
        top: 17px;
    }

    .icheckbox{
        margin-right: 5px;
    }

    .col-lg-6.price .option_wrap{
        margin-bottom: 5px;
    }

    .disclamers{
        width: 100%;
    }

    .page_buttons .button{
        margin: 0 auto;
    }

    .content-column{
        display: block;
        width: 100%;
    }

    .content-column.right{
        float: unset;
        width: 100%;
    }
}
*/
.iradio {
    width: 24px;
    height: 24px;
}
.behaviour > label {
    margin-left: 20px;
}
.iradio.checked::after{
    width: 12px;
    height: 12px;
    background-color: #18858a;
}
.toggle-week {
    font-family: 'Montserrat-Medium';
    display: block;
    text-align: left;
    margin: 15px 0px -10px auto;
    max-width: max-content;
}