/* 
    Created on : Apr 5, 2020, 6:36:10 PM
    Author     : alex
*/

body {
    margin: 0;
}

.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
    background-color: #2f5597;
}

.skin-black .main-header > .logo {
    background-color: #2f5597;
    border-bottom: 0 solid transparent;
    border-right: 0px solid #2f5597;
}

.skin-black .main-header>.logo:hover{
    background-color: #1a4286;
}

.skin-black .main-header > .logo {
    color: #a8a8a8;
}

.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    font-size: 12px;
    text-transform: uppercase;/*  capitalize;  | lowercase | uppercase | none | inherit ... */
}

.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a {
    background: #1a4286;
    /*    color: #fff;
        background: #1e282c;
        border-left-color: #fff; /* */
}

.skin-black .sidebar-menu > li.header {
    background-color: #2f5597;
    color: #ffffff; // #4b646f;
    /*background: #1a2226; */ 
}

.skin-black .sidebar-menu > li > .treeview-menu {
    /* background: #2c3b41; */
    background: #1a4286;
}

.page {
    position: relative;
    text-align: center;
    overflow: hidden;
    min-height: 100vh;
    /*    opacity: 0; */
}
.animated {
    animation-duration: .7s;
    animation-fill-mode: both;
    opacity: 0.8;
}
element.style {
    animation-duration: 500ms;
}

.box-transform {

    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% + 150px);
    height: calc(100% + 150px);
    will-change: transform;
    animation: bgPos 100s linear infinite;
    transform: translate3d(75px, -75px, 0) rotate(0.001deg);
    background-position: 50% 50%;
    background-size: cover;
    pointer-events: none;
    zoom: 1;
    z-index: -1;

}

.fixed-scrolling{
    max-height: calc(100vh - 178px);
    overflow-y: auto;
}

.contract-operation .contract-operation__head .title-fix{
    color: blue;
    margin-top: 0px;
    text-transform: uppercase;
}
.border-sides{
    border: 1px solid rgba(85, 85, 85, 1);
    /*box-shadow: 0 0 3px #ccc;*/
}
 .border-bottom{
     border-bottom: 1px solid black;
 }
 .contract-operation__body-section{
     counter-reset: subtitle special-little-letters;
     /*counter-reset: special-little-letters;*/
 }
.contract-operation__body-section .section_subtitle{
    font-weight: bold;
    margin-left:  25px;

}

.contract-operation__body-section .section_subtitle:before{
    counter-increment:subtitle;
    content: counter(subtitle)".";
    display: inline-block;
    margin-right: 15px;
}
.contract-operation__body-section .section_subtitle.section_subtitle_letters:before {
    counter-increment: special-little-letters;
    content: counter(special-little-letters,  lower-alpha) ".";
}
.contract-operation__body .section-title span{
    border-bottom: 1px solid black;
    text-transform: uppercase;
}
.contract-operation__body .section-title{
    text-transform: uppercase;
    font-weight: bold;

}
.forms-contract_dt_client h3 {
    margin-top: 0px;
    margin-bottom: 25px;
    font-weight: 600;
}
.contract-operation__body-section .forms-row.forms-fields {
    border: none;
    box-shadow: 0 0 0 transparent;
}
.contract-operation__body .section-title:before{
   content: '';
    width: 4px;
    height: 4px;
    background: black;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px;
}
.box-seconds  {
    display: grid;
    grid-template-columns: 48% 48%;
    background: transparent;
    justify-content: space-between;

}
.box-seconds .boxs{
    padding: 8px;
    display: flex;
    flex-direction: column;
}
.box-seconds .boxs .section_subtitle{
    margin-right: 0px;
}
.mx-width_content .box-content{
    max-width: 65%;
}
.box-content{
    margin: auto auto;
}
.contract-operation__body-section .forms-fields {
    border: 1px solid rgba(85, 85, 85, 1);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 2px 0px 15px;
    align-items: flex-start;
    /*box-shadow: 0 0 3px #ccc;*/

}

.contract-operation__body-section .forms-fields .form-group {
    flex: 1 0 calc(100% / 3 - 8px);
    display: grid;
    align-items: flex-end;
    margin-right: 8px;
    grid-template-columns: auto 1fr;
}
.contract-operation__body-section  .form-group .help-block {
    grid-column: 1/3;
    margin: 0px;
}
.contract-operation__body-section  .form-group.has-error .help-block{
    margin: revert;
}
.contract-operation__body-section .forms-column  label,
.contract-operation__body-section .forms-fields .form-group label {
    flex: auto;
    white-space: nowrap;
    margin-right: 5px;
}
.contract-operation__body-section .forms-column {
    padding: 15px 15px 0px 15px;
    margin: 10px 0px;
}
.list-revert-outside{
    padding: revert;
}
.mb-0{
    margin-bottom: 0px;
}
.form-column_checkbox .checkbox{
    margin-left:50px;
}
.contract-operation__head{
    position: sticky;
    top: 0;
    z-index: 3;
    background: #ecf0f5;
}
/* width */
.fixed-scrolling::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.fixed-scrolling::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.fixed-scrolling::-webkit-scrollbar-thumb {
    background: #2f5597;
}

/* Handle on hover */
.fixed-scrolling::-webkit-scrollbar-thumb:hover {
    background: #2f5597;
}
.form-flex-inline{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-end;

}
.form-flex-inline label{
    margin-right: 8px;
}
.clr-green{
    color: #4d8a44;
}.clr-red{
    color: #d9534f;
}
.modal-content_confirm{
    background: #ccff9a;
    border-radius: 20px;
    border: 2px solid #4d8a44;
}
.confirm_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wrap-confirmed_step1{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.contract-operation__body-section .forms-row {
    display: flex;
    justify-content: space-between;
}
.contract-operation__body-section .forms-contract_dt_client .forms-fields{
    border: none;
    box-shadow: 0 0 0 transparent;
    padding: 0px 2px 0px 0px;
}
.forms-contract_dt_client{
    border: 1px solid rgba(85, 85, 85, 1);
    border-radius: 25px;
    padding: 10px;
    box-shadow: 0 0 3px #ccc;
}
.form-group.checkbox-row .checkbox {
    margin-right: 35px;
}
.flex-row__checkbox{
    display: flex;
    align-items: center;
}
.flex-row__checkbox > *{
    margin-right: 8px;
}
.form-contract__info{
    margin: 10px 0px;
}
.form-contract__info-small-italic{
    font-style: italic;
    font-size: 14px;
}
.forms-contract_dt_client-row {
    display: grid;
    grid-template-columns: 30% calc(70% - 15px);
    grid-column-gap: 15px;
    justify-content: center;
}
.forms-contract_dt_client-col-figure {
    padding: 20px 25px 10px 25px;
    position:relative;
    background: rgba(85, 85, 85, 1);
    clip-path: polygon(9% 0, 91% 0, 100% 13%, 100% 88%, 88% 100%, 9% 100%, 0 88%, 0 13%);
}
.forms-contract_dt_client-col-figure .step .name {
    color: #999;
    font-weight: 600;
    margin-bottom: 3px;
}

.forms-contract_dt_client-col-figure p {
    font-weight: 600;
}
.forms-contract_dt_client-col-figure:before{
    content: '';
    background: #ecf0f5;
    clip-path: polygon(9% 0, 91% 0, 100% 13%, 100% 88%, 88% 100%, 9% 100%, 0 88%, 0 13%);
    position: absolute;
    display: block;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
}
.address-fields {
    display: flex;
    flex-wrap: wrap;
}

.address-fields .form-group:first-child {
 flex:   1 1 65%;
}
.address-fields .form-group:last-child {
    /*flex: 1 0 auto;*/
}
.forms-contract_dt_client-col-figure *,
.forms-contract_dt_client-col-figure .step{
    position: relative;
    z-index: 2;
}
.forms-contract_dt_client-col-figure .forms-fields {
    display: block;
}
.condition-form {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.forms-contract_dt_client.form-contract__info.insurer-info {
    display: grid;
    grid-template-columns: auto 1fr;
    text-align: center;
    grid-column-gap: 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
}
div#contract-status {
    display: flex;
    width: 210px !important;
    justify-content: space-between;
}

@media (min-width: 768px){
    .col-sm-offset-3 {
        margin-left: 0 !important;
    }
}
@media (min-width: 1200px) {
    .contract-operation .contract-operation__body,
    .contract-operation .contract-operation__head{
        width: 83.33333333%;
    }
    .forms-contract_dt_client-row {
        display: grid;
        grid-template-columns: 30% calc(55% - 15px);
    }
}
@media (max-width: 768px) {
    .condition-form{
        flex-direction: column;
    }
    .condition-form .form-group{
        display: grid;
        align-items: flex-end;
        grid-template-columns: auto 1fr;
        grid-column-gap: 10px;

    }

    .condition-form .form-group .help-block{
        grid-column: 1/3;
    }
    .forms-contract_dt_client-row {
        display: block;
    }
    .forms-contract_dt_client-col-figure{
        margin-bottom: 15px;
    }
    .contract-operation .contract-operation__head .title-fix{
        font-size: 28px;
    }
    .box-seconds{
        display: grid;
        grid-template-columns: 100%;
        background: transparent;
        grid-row-gap: 15px;
        text-align: center;
        justify-content: center;
    }
    .mx-width_content .box-content {
        max-width: 65%;
        margin: 0 auto;
    }

    .contract-operation__body-section .forms-fields .form-group {
        flex: 1 0 calc(100% / 2 - 8px);
    }
    .forms-column .form-group {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
    }
}
@media (max-width: 576px) {
    .forms-contract_dt_client.form-contract__info.insurer-info{
        display: block;
        float: left;
    }
    .forms-contract_dt_client.form-contract__info.insurer-info span:first-child{
        margin: 0px 5px 5px 0px;
        display: inline-block;
    }
    .contract-operation__body-section .forms-fields .form-group {
        flex: 1 0 calc(100% / 1 - 8px);
    }
    .title-fix{
        font-size: 22px;
    }
    .list-revert-outside{
        padding-left: 15px;
    }
    .contract-operation__body-section .section_subtitle{
        margin-left: 15px;
    }
    .contract-operation__body-section .section_subtitle:before{
        margin-right: 10px;
    }
    .form-column_checkbox .checkbox{
        margin-left:15px;
    }
}