@font-face {
  font-family: "Lato";
  src: local("Roboto"),
       /* Если не получилось, загрузит woff2 */
       url("fonts/Lato-Regular.woff2") format("woff2"),
       /* Если браузер не поддерживает woff2, загрузит woff */
       url("fonts/Lato-Regular.woff") format("woff");
}
body{
    font-family: Lato;
}
.shadow-text, strong, a, p, span, .modal-content, label,
h1, h2, h3, h4, h5{
    text-shadow: 1px 1px 1px  rgba(0, 0, 0, 0.25);
}
.border-blue2,
input:not([type="radio"]),
textarea,
form .photo,
.payd-body .payd-radio span{
    border-color:#9DA1B1 !important;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25), 1px -2px 4px 0px rgba(0, 0, 0, 0.25) inset  !important;
    font-size: 16px  !important;
    font-weight: 400  !important;
    line-height: 19.2px  !important;
}
label[for="privacy"]{
    position: relative;
}
.border-grey,
.col-12.photo div{
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25), 3px -3px 4px 0px rgba(0, 0, 0, 0.25) inset;
    border-radius:10px;
}
.border-grey strong{
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
}
.border-grey p{
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
}
.aaaklient{
    display:flex; align-items:center;
}

a.color-blue,
.border-dark-blue,
.recordModal,
.enter-button,
.baaaaatn,
.download-otch,
.button-send-records,
.button-settings-save,
#addBonus button,
.payd-abb,
.send-data,
.border-green{
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25), 3px -3px 4px 0px rgba(0, 0, 0, 0.25) inset;
    border-radius:5px !important;
    border: 1px solid #009AB2 !important;
    color:#009AB2 !important;
    font-size: 24px !important;
    cursor:pointer;
    background: inherit !important;
    font-weight: 700 !important;
    padding: 10px 26px;
    line-height: 28.8px;
    text-shadow: 1px 1px 1px  rgba(0, 0, 0, 0.25);
}

#chengesalonsмvariant{
    display:flex;
}
.enter-button{
    font-size:18px !important;
}
a.color-blue:hover,
.border-dark-blue:hover,
.download-otch:hover,
.border-green:hover,
.send-data:hover,
.button-send-records:hover,
.baaaaatn:hover,
.enter-button:hover,
#addBonus button:hover,
.button-settings-save:hover,
.payd-abb:hover
{
    background:#009AB2 !important;
    color:#fff !important;
}

.color-blue-z:hover{
    border-bottom:1px solid #009AB2;
}

.baaaaatn:hover a,
.download-otch:hover a{
    color:#fff;
}

.display-times-block > span{
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25), 6px -6px 4px 0px rgba(0, 0, 0, 0.25) inset;
    border-radius:5px !important;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);

}
@media all and (min-width: 1020px) {
.sidebar nav ul li{
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25), 3px -3px 4px 0px rgba(0, 0, 0, 0.25) inset;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #16627280;
    border-radius:2px;
    margin-top:7px;
}
select#xerniab{
        margin-left: 0;
}
.sidebar nav{
    margin-top:40%;
}
.sidebar nav.texpad{
    margin-top:100%;
}
.sidebar nav.texpad li span:last-child{
    margin-top:-6px;
}
.sidebar .text-lg{
    font-family: Lato;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 19.2px;
}
}
.selected-date.opop{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-shadow: 1px 1px 1px  rgba(0, 0, 0, 0.25);
}
#sales_filter label input{
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25), 3px -3px 4px 0px rgba(0, 0, 0, 0.25) inset;
    border-radius:10px;
}
.selection-date-ot,
.selection-date-to{
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25), 3px -3px 4px 0px rgba(0, 0, 0, 0.25) inset;
    border-radius:5px !important;
}

.baaaaatn{
   padding: 10px 26px 10px 26px;
}

#sales th{
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25), 1px 1px 2px  rgba(0, 0, 0, 0.25);
}
#sales td{
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    border-color: #9DA1B1;
    text-shadow: 1px 1px 1px  rgba(0, 0, 0, 0.25);
    vertical-align: bottom;
}
.urrp{
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
}
.bg-grey3-opacity-10{
    padding: 20px 5px 20px 5px;
    border-radius: 10px;
    border: 1px solid #9DA1B1
}
.bg-grey3-opacity-10 > div .bg-white{
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25), 3px -3px 4px 0px rgba(0, 0, 0, 0.25) inset;
    border: 1px solid #9DA1B1;
    padding: 15px 20px 15px 20px;
    border-radius: 10px;
    opacity: 0px;
    min-height:71px;
}
.bg-grey3-opacity-10 .border-right-black{
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
}

.editSettings,
.addComments{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #256EC2 !important;
     box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25), 1px -2px 4px 0px rgba(0, 0, 0, 0.25) inset  !important;
    border: 1px solid #256EC2 !important;
}

.getPasswordModal:hover,
.paydModal:hover,
.addBonus:hover,
.recordModal:hover{
    background:#009AB2 !important;
    color:#fff !important;
    cursor:pointer;
}
.add_record:hover{
    background: #098B9F;
}
.procedure_complete:hover,
.check_procedure:hover{
    background: #1F5BA1;
}
.supprot-checker{
    margin-top:13px;
    display: flex;
}

.support-tab{
    border: 1px solid #9DA1B1;
    padding: 10px 20px 10px 20px;
    border: 1px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
}
.support-tab.active{
    background: #009AB2;
    color:#fff;
}
.support-tab:last-child{
    border-radius: 0px 10px 10px 0px;
}

.support-tab:first-child{
    border-radius: 10px 0px 0px 10px;
}
.procedure_no_complete:hover{
    background: #AD576C;
}
@media (max-width: 1030px){
    .f-m-9 input {
        font-size: 11px !important;
    }
    .salnosv2{
        width:250px !important;
    }
}
.false_times:hover{
    background: #B0B4C1;
}
.procedure_complete span,
.procedure_no_complete span{
    font-size:16px;
}
.editSettings:hover,
.addComments:hover{
    background:  #256EC2 !important;
    color:#fff !important;
}
.check_procedure span{
    font-size:16px;
    padding: 0 3px;
}
.checkpd{
    text-align:right;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
}
.checkppp{
    text-align:center;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
}
.atp{
    text-align:center;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
}

.atp strong{
    font-weight: 700;
}
.arab{
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    text-shadow: 1px 1px 1px  rgba(0, 0, 0, 0.25);
}

.baaaaatn{
    font-size: 20px !important;
}
.dataTables_wrapper .dataTables_filter label .label_search{
        top: 9px !important;
}
.dataTables_wrapper .dataTables_filter label .label_search::before{
        margin-top: 4px;
}
.bonusesss{
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25), 3px -3px 4px 0px rgba(0, 0, 0, 0.25) inset;
    padding: 20px;
    border:0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #9DA1B1;
        overflow-x: auto;
}
.table-bordered tr {
    border: 0px;
}
#bonuses,
#extremeShopping,
#sales,
.table-bordered th,
.table-bordered tr,
.table-bordered td{
    border: 0px;
}
.value_bonus{
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25), 3px -3px 4px 0px rgba(0, 0, 0, 0.25) inset !important;

}

#bonuses th{
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
}
#bonuses td{
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
}
#bonuses td span{
    margin-left: 20px;
}
#bonuses.programb td span{
    margin-left: 0px;
}
#extremeShopping{
    overflow-x: auto;
}
#extremeShopping .color-blue{
    color: #256EC2;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 16.8px !important;
}
#extremeShopping th{
    font-size:14px;
}
.fioclientlk{
    margin-bottom:30px;
}

strong.ccccccref{
    font-size:16px;
}

@media all and (max-width: 1300px) {
.baaaaatn{
    margin-top: 21px;
}
}
@media all and (min-width: 1910px) {
    .calacol{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}
@media all and (min-width: 1906px) and (max-width: 1909px) {
.notification.col-md-4{
        max-width: 16.666667%;
}
}
@media (max-width: 1905px){
.notification.col-md-4 {
    max-width: 16.333333%;
}
}
#privacy {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

#privacy+span {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
#privacy+span::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #5F5F5F;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  position: absolute;
  top: 6px;
  left:0;
}

#privacy:checked+span::before {
  background-image: url("../img/checkcheck.svg");
  background-size: 100%;
  border:0;
}
@media (max-width: 1000px){
.aaaklient,
#chengesalonsмvariant{
    display:block;
}
.sidebar{
    display: flex;
}
.sidebar ul{
    align-items: flex-start !important;
}
}

@media (max-width: 700px){
    .support-tab {
        border: 1px solid #9DA1B1;
        padding: 5px 4px 5px 4px;
        border: 1px;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
        font-size: 14px;
        font-weight: 400;
        line-height: 19.2px;
        display: flex;
        text-align: center;
        align-items: center;
    }
    .supprot-checker {
        margin-top: 13px;
        display: flex;
    }
    .faqq{
        text-align:center;
    }
    .wwwiiidt .row{
        flex-wrap:wrap;
        width: 100%;
    }
    .apapap{
        width:100%;
    }
    .wwwiiidt a{
        display:block;
    }
}