body{
    font-family: 'Open Sans', sans-serif;
}
.close{
    opacity: 1 !important;
}
.header-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
}
.subheading-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}
.regular-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}
.comment-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.black-text{
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.container {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    overflow-x: hidden;
    padding-top: 0px;
    padding-left: 1px !important;
    padding-right: 1px !important;
}
.rt-container{
    padding-top: 0px !important;
}
.bd-content{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.row{
    margin: 5px 0px !important;
}
.additional_analytic{
    width: 100%;
}
.table{
    background-color: #FFFFFF;
    margin-bottom: 60px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
.table tr{
    height:35px;
    line-height: 35px;
}
.table td{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 35px;
    color: #000000;
    padding: 0;
    border: 0.3px solid #C7C7C7;;
    text-align: center !important;
}
.table-caption{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    color: #A6A6A6;
}
.table-caption th{
    padding: 0;
    text-align: center;
    border: 0.3px solid #C7C7C7 !important;
}
.table-caption th[data-bias='0'],.table-caption th[data-value='current_mounts']{
    line-height: 76.5px;
}
.btn-hide{
    background-image: url("/images/new_design/hide.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 7px;
    height: 22px;
    width: 30px;
    border:none;
}
.grey-title{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    color: #A7A7A7;
}
.bl-btn{
    width: 147px;
    height: 48px;
    background: #2C80BD;
    border-radius: 12px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #FFFFFF;
}
.popup_window{
    background-color: #FFFFFF;
    width:100%;
    height:calc(100% - 50px);
    display:none;
    position: fixed;
    top:0;
    left:0;
    overflow-y: auto;
    z-index: 2;
}

.popup_item{
    height: 72px;
    line-height: 72px;
    background: #FFFFFF;
    box-shadow: 0px 2px 2px rgba(34, 34, 34, 0.25);
    border-radius: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
}
::-webkit-scrollbar {
    width: 0;
    height: 0;
}
/*переопределил цвет под новый дизайн, чтобы в старом остался старый цвет*/
.radio:checked + label:before {
    box-shadow: 0 0 0 1px #2c80bd !important;
}
.radio:not(checked) + label:after {
    background: #2C80BD !important;
  }

.bl_btn{
    background: #2C80BD;
    border: 0.549932px solid #D9D9D9;
    border-radius: 13.7483px;
    height: 40.69px;
    color: #FFFFFF;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
}
.g_button{
    width: 165.53px;
    height: 40.69px;
    border: 0.549932px solid #000000;
    border-radius: 13.7483px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15.3981px;
    line-height: 21px;
    color: #000000;
}
.head{
    padding-top: 20px;
    height: 90px;
    background-color: #F6F6F6;
}
.head_row{
    color: #BCBEC2;
    font-size: 18px;
    font-family: 'Open Sans';
    font-style: normal;
}

.blue-head{
    height: 90px;
    background-color: #2372AB;
    margin-top: -4px;
}
.blue-head-row{
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    height: inherit;
    line-height: normal;
}
.blue-head-row .center{
    padding-left: 0px;
    padding-right: 0px;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

.white-head{
    padding-top: 20px;
    height: 90px;
    background-color: #ffffff;
}
.white-head-row{
    color: #404D66;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
}

.blue-head-row .close{
 color: #404D66;;
 text-shadow: none !important;
 opacity: 1 !important;
}

.bottom{
    height: fit-content;
    width: 75%;
    position: fixed;
    bottom: 0;
    top: auto;
    left: 15%;
    margin-left: auto;
    margin-right: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transform: none;
}

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

.horizontal_div{
    width: 100%;
    overflow-x: hidden;
    float:left;
}

.horizontal_scroll{
    width: 10000px;
    height: 45px;
}
#create_group{
    background-image: url("/images/new_design/square_plus.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFFFFF;
    width: 42px;
    height: 42px;
    vertical-align: bottom;
    border: 0.3px solid #404D66;
    border-left: 0.15px solid #404D66;
    border-right: 0.15px solid #404D66;
    display: inline-block;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#ready_solutions, .maingroup-btn{
    height: 42px;
    display: inline-block;
    min-width: 170px;
    cursor: pointer;
    background: #F1F5FB;
    line-height: 42px;
    border: 1px solid #96A6BC;
    margin-left:-4.5px;
    border-radius: 7px;
}

.last_maingroup{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

}
.category_row{
    cursor: pointer;
    background-color: #FFFFFF;
    position: relative;
}
.selected_maincategory{
    background-color: #FFE06F !important;
}
.selected_maincategory span{
    color: #404D66;
}
.title-upper{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    color: #555555;
    text-align: left !important;
}
.input-control{
    height: 48px;
    border: 1px solid #D2D5DB;
    border-radius: 10px;
    width: 100%;
}

.btn-transparent{
    background:transparent;
    border: none;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
.btn-delete{
    background-image: url("/images/new_design/trash.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.btn-add-big{
    width: 110px;
    height: 110px;
    border: 3px solid #E2E9F5;
    border-radius: 12.7178px;
    background: transparent;
    text-align: center;
}
.btn-add-big i{
    color: #E2E9F5;
    font-size: 28px;
    line-height: 100px;
    text-align: center;
}
.project_title{
    position: relative;
    line-height: 60px;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #ffffff;
    -webkit-touch-callout: none; /* Safari */
    -webkit-user-select: none; /* Chrome */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
.project_title span{
    -webkit-touch-callout: none; /* Safari */
    -webkit-user-select: none; /* Chrome */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
.dark-text{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #404D66;
}

.left{
text-align: left;
}
.right{
text-align: right;
}
.grey{
color:#96A6BC;
}
.dark{
color: #3B4862;
}

.grey-border-input{
width: 388px;
height: 48px;
line-height: 48px;
border-radius: 15px;
border: 1px solid #B9B9B9;
background: #F1F5FB;
}

.blue-border-input{
width: 388px;
height: 48px;
line-height: 48px;
border-radius: 20px;
border: 1px solid #2C80BD;
background: #F1F5FB;
}
.white-input{
width: 388px;
height: 48px;
line-height: 48px;
border-radius: 10px;
background: #FFF;
border:none;
color: #717171;
font-size: 16px;
font-family: Open Sans;
font-style: normal;
font-weight: 400;
}
.tab-span{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: rgba(113, 113, 113, 0.3);
border-bottom: solid 1px  rgba(113, 113, 113, 0.3);
cursor: pointer;
}
.active-span{
    color: #2372AB;
    border-bottom: 1px dashed #2372AB;
}
#description_block,#characteristic_block,#applicability_block{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: #717171;
}

.type-title{
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 27px;
    align-items: center;
    text-align: center;
    color: #404D66;
}
.back{
    height: inherit;
    display: flex;
    justify-content: left !important;
    align-items: center;
}
.close{
    height: inherit;
    display: flex;
    justify-content: right !important;
    align-items: center;
}


/*--------custom checkbox start-------------*/
.dark-checkbox{
    /*скрываем чекбокс*/
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.dark-checkbox+label{
    display: inline-flex;
    align-items: center;
    user-select: none;
}
.dark-checkbox+label::before{
    content: '';
    display: inline-block;
    width: 26px;
    height: 25px;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 5.416px;
    border: 0.812px solid #96A6BC;
    margin-right: 0.5em;
    background: #FFF;
    background-repeat: no-repeat;
    background-position: center center;
}

.dark-checkbox:checked+label::before {
  border-color:#404D66;
  background-color: #404D66;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='19' viewBox='0 0 21 19' fill='none'><path d='M1.08251 8.24428L7.2289 16.0912L19.0188 0.995302' stroke='white' stroke-width='2.70805'/></svg>");
}
.dark-checkbox:not(:disabled):active+label::before {
    border-radius: 5.416px;
    border: 0.812px solid #404D66;
    background: #404D66;
}
/*--------end---------------------------------*/