html {
    scroll-behavior: smooth;
}
body {
    background: #edeef0;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}
footer{
    border-top: 2px solid #aaa;
    padding-top:10px;
}
.responsive-table {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}
.row {margin-left:0 !important;margin-right:0 !important;}
.btnspoiler {
    width: 35px;
    height: 35px;
    padding: 0;
}

.toprightfixedblock{
    position: fixed;
    top: 60px;
    right:5px;
    z-index:999;
}

.copyicon {
    cursor: pointer;
}
.cpointer {
    cursor: pointer;
}

.viber-color {
    color: #665CAC;
}
.whatsapp-color {
    color: #43d854;
}
.telegram-color {
    color: #2AABEE;
}

.f-icon-size{
    font-size:25px;
}

.btnspoiler:before {
    content: "\2227";
    top: 0;
    left: 0;
    color: black;
    display: block;
    font-size: 14pt;
}

    .btnspoiler[aria-expanded=false]:before {
        content: "\2228";
    }

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
    width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
    width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
    width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}

.fixhead {
    position: sticky !important;
    top: 55px;
    background: white;
}
.mintdwidth {
    min-width: 8px;
}
.showfixhead input[type=text] {
    display: none;
}
.showfixhead {
    position: fixed;
    margin-top: 50px;
    z-index: 99;
    width:100%;
    top: 0;
    background: white;
}
#scroller {
    position: fixed;
    /** позиция кнопки scroll to top **/
    bottom: 20px;
    /** картинка кнопки наверх**/
    width: 32px;
    height: 32px;
    cursor: pointer;
    /** скрываем кнопку в начале **/
    display: none;
    padding: 0;
    margin: 0;
    right: 5px;
}
#scroller::before {
    content: "\2227";
    top: 0;
    left: 0;
    color: white;
    display: block;
    font-size: 14pt;
}
#mymainalert {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 99;
}

.img-phone {width:30px;}
.breadcrumb {
    background: white;
}

    .breadcrumb > li + li:before {
        color: #cccccc;
        content: "/";
        padding: 0 5px;
    }
.mainbtn {
    font-weight: bold;
    font-size: 15pt;
    margin-bottom: 10px;
}
.mainbtn img{max-width:80%;max-height:150px; }
.mynavtop{position:fixed;width:100%;z-index:99;}
.contentcolumn {margin-top: 50px;}

.imgtopopup, .spantopopup {
    cursor: pointer;
}
.maxwidth100p{max-width:100%;}
.show_hide_password a{
    text-decoration:none;
    color:#333;
}

.sticky-top {
    position: sticky !important;
    top: 60px;
    z-index: 5;
}

.input-group input[type=color]{
    height:100%;
}

.logonavright {
    margin-right:1%;
}
.logonavright img {
    height: 40px;
    text-align:center;
}