textarea:focus,
select:focus,
.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(40, 80, 200, 0.8)!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(40, 80, 200, 0.6)!important;
    outline: 0 none!important;
}

.btn-blue{
    color: #fff!important;
    background-color: #2850C8!important;
    border-color: #2850C8!important;
}

.btn-blue:hover{
    background-color: #2141a3 !important;
    border-color: #2141a3!important;
}

.paginator-link a{
    color: #2850C8!important;
}

.btn-link{
    color: #2850C8!important;
}

.nav-link{
    color: #000!important;
}

.cursor-pointer {
    cursor: pointer;
}

  div.image img{
    right: 0;
    height: 5rem;

}
.title{
    color: #2850a0;
    margin-top: 1rem !important;

}
.text-start{
    align-items: start;
}
.information{
    /*border-bottom: transparent 1.5em;*/
    height: 50vmin;
    overflow: hidden;
    max-height: 250px;
}
.roll{
    font-weight: 400;
    color: #2e6da4;
}
.column-width{
    width: 200px;
}
.column-width1{
    width: 150px;
}
.max-width4{
    max-width: 450px;
}
.max-width2{
    max-width: 200px;
}
.inputs{
    max-width: 80%;
}
.margin-bottom-container{
    margin-bottom: 5rem !important;
}
.i-height{
    font-size: 1.2em !important;
    padding-bottom: 6px !important;
}
.rodo-size{
    font-size: .85rem;
}
.content-height{
    min-height: calc(85vh - 130px);
}
/*.btn:hover{*/
/*    color: #2e6da4 !important;*/
/*}*/
div.header{
    border-bottom: 2px solid #8c8c8c !important;
    padding-top: 11px;
    padding-left: .5em;
    left: .5em !important;
}
div.shadow{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.49) !important;
}
div.header-image{
    /*left: -115px;*/
    background-color: #D11632;
}
div.border-bottom-title{
    border-bottom: 2px solid #bcbcbc !important;
}

div.name-question{
    padding-left: 30px;
}

div.footer{
    border-top: 2px solid #8c8c8c !important;
    text-align: center;
    position: relative;
    height: 130px;
}

footer.container-fluid img.image-men{
    width: 250px;
    max-width: 100%;
}

footer.container-fluid img.image-cie{
    width: 200px;
    max-width: 100%;
}

.btn-color{
    background-color: #2850C8;
    color: #FFF!important;
}

.page-item.active .page-link {
    background-color: #2850C8!important;
    border-color: #2850C8 !important
}

.pagination > li > a, .pagination > li > span {
    color: #000;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active  {
    background-color: #2850C8;
    border-color: #2850C8;
}

.page-item:focus{
    border-color: rgba(40, 80, 200, 0.8)!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(40, 80, 200, 0.6)!important;
    outline: 0 none!important;
}

div.form-inline label{
    display: flex;
    align-items: center;
    margin-bottom: 0;
    justify-content: flex-start;
}

textarea.resize{
    resize: none;
}
/*td a{*/
/*    padding-left: 5px !important;*/
/*    padding-top: 10px !important;*/
/*}*/
label.inline{
display: flex !important;
    align-items: center !important;
}
tr th {
    border-top: 0 !important;
}
tr td {
    border-top: 0 !important;
}
tr {
    border-bottom: 1px solid #dee2e6 !important;
    vertical-align: middle;
}

.w-10 {
    width: 10% !important;
}


/* xs < 576 */
@media screen and (max-width: 576px) {
    html, body {
        font-size: 15px;
        line-height: 1.6;
    }
    h1 {
        font-size: 1.8rem;
    }
    h2{
        font-size: 1.6rem;
    }
    h3{
        font-size: 1.6rem;
    }

    /*h2::before{*/
    /*    content: 'xs ';*/
    /*    color: blue*/
    /*}*/
}

/* sm */
@media screen and (min-width: 576px) {
html, body {
    font-size: 15px;
    line-height: 1.6;
}
    div.image img {
        height: 5rem !important;
    }
    .form-inline .form-control {
        display: inline-block;
        width: 100% !important;
        vertical-align: middle;
    }
    h1{
        font-size: 2rem;
    }
    h2{
        font-size: 1.8rem;
    }
    h3{
        font-size: 1.8rem;
    }
     /*h2::before{*/
     /*    content: 'sm ';*/
     /*    color: green;*/
     /*}*/
 }

 /* md */
@media screen and (min-width: 768px) {
    html, body {
        font-size: 15px;
        line-height: 1.6;
    }
    div.image img {
        height: 8rem !important;
    }
    .form-inline .form-control {
        display: inline-block;
        /*width: auto !important;*/
        vertical-align: middle;
    }
    h1{
        font-size: 2rem;
    }
    h2{
        font-size: 1.8rem;
    }
    h3{
        font-size: 1.8rem;
    }
    /*h2::before{*/
    /*    content: 'md ';*/
    /*    color: red;*/
    /*}*/
}

/* lg */
@media screen and (min-width: 992px) {
html, body {
    font-size: 15px;
    line-height: 1.6;
}
    div.image img {
        height: 5rem !important;
    }
    h1{
        font-size: 2rem;
    }
    h2{
        font-size: 1.8rem;
    }
    h3{
        font-size: 1.8rem;
    }
    /*h2::before{*/
    /*    content: 'lg ';*/
    /*    color: green;*/
    /*}*/
}

 /* xl */
@media screen and (min-width: 1200px) {
html, body {
   font-size: 15px;
   line-height: 1.6;
}
    div.image img {
        height: 5rem !important;
    }
    h1{
        font-size: 2rem;
    }
    h2{
        font-size: 1.8rem;
    }
    h3{
        font-size: 1.8rem;
    }
    /*h2::before{*/
    /*    content: 'xl ';*/
    /*    color: yellow;*/
    /*}*/
}
@media screen and (min-width: 925px) {
    html, body {
        font-size: 15px;
        line-height: 1.6;
    }
    div.image img {
        height: 5rem !important;
    }
    h1{
        font-size: 2rem;
    }
    h2{
        font-size: 1.8rem;
    }
    h3{
        font-size: 1.8rem;
    }
}
@media screen and (min-width: 1776px) {
    html, body {
        font-size: 15px;
        line-height: 1.6;
    }
    div.image img {
        height: 3rem !important;
    }
    h1{
        font-size: 2rem;
    }
    h2{
        font-size: 1.8rem;
    }
    h3{
        font-size: 1.8rem;
    }

}