/*================================================================================
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
Version: 1.0
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.entry:not(:first-of-type) {
    margin-top: 10px;
}

.glyphicon {
    font-size: 12px;
}

.product-img:hover {
    -ms-transform: scale(3);
    /* IE 9 */
    -webkit-transform: scale(3);
    /* Safari 3-8 */
    transform: scale(3);
}
/* Reset CSS */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');
{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.fake_container {
    width: 990px;
    margin: 0 auto;
    padding: 0px 15px;
}

html body .content.app-content {
    background-color: #fff;
}

footer.footer-light {
    background-color: #F4F5FA;
}

.cv_wrap {
    font-family: 'Open Sans', sans-serif;
    clear: both;
}

.cv_wrap h4 {
    text-transform: uppercase;
    border-top: 2px solid #323232;
    padding-top: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #323232;
    font-weight: 700;
}

.cv_row {
    margin: 0px -15px;
}

[class*="cv_column"] {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-sizing: border-box;
}

.cv_column_4 {
    width: 33.33333333%;
}

.cv_column_8 {
    width: 66.66666667%;
}

.cv_header {
    height: 300px;
    background-size: cover;
    background-color: #f03d28;
    background-repeat: no-repeat;
    border-bottom: 2px solid #323232;
}

.cv_content {
    padding: 0px 45px;
    margin-top: -225px;
    line-height: 1.4;
    color: #323232;
}

.cv_sidebar {
    padding-right: 15px;
}

.cv_sidebar .profie_thumb {
    margin-bottom: 35px;
}

.cv_sidebar .profie_thumb img {
    width: 100%;
}

.cv_sidebar h4 {
    font-family: 'Open Sans', sans-serif;
}

.cv_sidebar .lang_progress {
    margin-bottom: 25px;
}

.cv_sidebar .lang_progress .inner {
    margin-bottom: 10px;
}

.cv_sidebar .lang_progress .inner .lang_name {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.cv_sidebar .lang_progress .inner .progress {
    display: block;
    height: 6px;
    background: #eee;
    border-radius: 0px;
    position: relative;
}

.cv_sidebar .lang_progress .inner .progress_value {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f03d28;
    z-index: 10;
    height: 6px;
}

.cv_sidebar .cv_widget {
    margin-bottom: 25px;
}

.cv_sidebar .cv_widget h4 {}

.cv_sidebar .cv_widget ul {
    margin-left: 15px;
    padding: 0;
}

.cv_sidebar .cv_widget ul li {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.4;
}

.cv_sidebar .cv_widget ul li a {
    margin-bottom: 5px;
    font-size: 14px;
    color: #323232;
    text-decoration: underline;
}

.cv_sidebar .cv_widget ul li a:hover {
    color: #f03d28;
}

.cv_content_area .user_info {
    margin-bottom: 90px;
}

.cv_content_area .user_info.for_mobile {
    display: none;
}

.user_info .designation {
    display: block;
    color: #fff;
    letter-spacing: 3px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
}

.user_info .name {
    color: #fff;
    font-weight: 600;
    font-size: 65px;
    line-height: 1;
    letter-spacing: 5px;
    min-height: 153px;
    display: block;
    text-transform: uppercase;
}

.user_info .name span {
    display: block;
}

.cv_content_area h3 {
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    color: #323232;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
}

.cv_content_area p {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.cv_content_area h3+p {
    margin-bottom: 28px;
}

.experience_wrap {}

.experience_wrap .experience_row {
    margin-bottom: 30px;
}

.experience_wrap .experience_row h5 {
    font-size: 15px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    color: #323232;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.experience_wrap .experience_row p {
    margin-bottom: 5px;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-weight: 600;
    font-size: 13px;
}

.experience_wrap .experience_row ul {
    margin-left: 15px;
    padding: 0;
}

.experience_wrap .experience_row ul li {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.5;
}

.experience_wrap .experience_row ul li a {
    color: #323232;
    text-decoration: none;
}

.experience_wrap .experience_row ul li a:hover {
    color: #f03d28;
}

.user_info.for_mobile {
    display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .cv_content_area .user_info .name span {}
    .fake_container {
        width: 95%;
        margin: 0 auto;
        padding: 0px 15px;
    }
    .cv_content {
        padding: 0px 20px;
        margin-top: -205px;
    }
    .cv_content_area .user_info .name {
        font-size: 55px;
    }
    .cv_content_area h3+p {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .fake_container {
        width: auto;
        margin: 0 auto;
        padding: 0px 0px;
    }
    [class*="cv_column"] {
        width: auto;
        float: none;
    }
    .cv_sidebar .profie_thumb img {
        width: auto;
    }
    .cv_content_area .user_info.for_desktop {
        display: none;
    }
    .user_info .designation {
        color: #f03d28;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .user_info .name {
        color: #f03d28;
        font-size: 30px;
        font-weight: 700;
        line-height: 1.2;
        display: block;
        margin-bottom: 30px;
        min-height: 100%;
    }
    .user_info .name span {}
    .cv_content {
        padding: 0px 30px;
    }
    .user_info.for_mobile {
        display: block;
    }
}

html body .dataTables_length select {
    margin: 0px 10px;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

@media(max-width: 768px) {
    .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}

.fake_container .form-actions {
    margin-bottom: 20px;
}

.fake_container .form-actions .btn {
    margin-left: 1rem !important;
    margin-right: 0px !important;
    padding: 0.45rem 1rem;
}
