/*

@import url('https://fonts.googleapis.com/css2?family=Poppins:400,700,900');
{
    font-family: 'Poppins', sans-serif !important;
}
*/

@font-face {
    font-family: 'Poppins';
    src: url('/App_Themes/Poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/App_Themes/Poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face { 
    font-family: 'Poppins';
    src: url('/App_Themes/Poppins/Poppins-Italic.ttf') format('truetype');
    font-style: italic;
}

html {
    position: relative;
    min-height: 100%;
}

body, button, .btn, .modal-title, .dropdown-item {
    font-family: Poppins;
    font-size: 13px !important;
}

body {
    padding-top: 106px;
    padding-bottom: 100px;
}


footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #f5f5f5;
    vertical-align: middle;
    z-index: -1 !important;
}

    footer p {
        margin: 20px 0;
    }

.nav-link, .dropdown-item {
    font-size: 14px !important;
    position: relative;
}

.dropdown-menu {
    border-width: 2px;
    border-radius: 10px;
    border-top-left-radius: 0px;
}


.nav-item-righ_border {
    border-right: 1px solid;
}

.nav-item-left_border {
    border-left: 1px solid;
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 30px;
    }
}

@media all and (max-width: 992px) {
    #change_view_mode_icon_div, .navbar-icon {
        float: left;
    }
}

.nav_profil_img {
    margin-left: 5px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
}

#profil_btn-group a {
    font-size: 20px !important;
}

.navbar-icon {
    margin-right: 10px;
    height: 40px;
    width: auto;
    vertical-align: 0px;
}

.symbol-icon {
    height: 40px;
    width: auto;
}

.row-icon {
    height: 20px;
    width: auto;
}

    .row-icon:hover {
        cursor: pointer;
    }

.excel_button:hover {
    cursor: pointer;
}

.navbar-view_mode_checkbox_div {
    min-height: 0px;
}

#navbar-view_mode_checkbox {
    margin-top: 0px;
}


#dropdown_login {
    background: none;
}

.set_profil_img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
}

.view_template_img {
    height: 100px;
    width: 100px;
}

.list_profil_img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    margin-right: 5px;
}

.page_profil_img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
}

#progress_img {
    display: none;
    width: 100px;
    height: 100px;
    z-index: 9999;
}

.home_progress_img {
    width: 100px;
    height: 100px;
    text-align: center;
    margin: auto;
}

.card {
    margin-top: 20px;
    border-radius: 10px !important;
}

.card-header {
    border-radius: 10px 10px 0px 0px !important;
    border-width: thick;
    border-bottom: none;
    padding-top:10px;
}

.card-body {
    border-radius: 0px 0px 10px 10px !important;
    border-width: thick;
}

.card_header_icon {
    height: auto !important;
    width: 18px;
    margin: 0px;
    padding: 0px;
    margin-right: 10px;
    vertical-align: baseline;
}

.btn {
    margin-top: 10px;
    border-radius: 15px;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

    input[type='number'] {
        width: 50px;
        min-width: 60px;
    }

.missing_value {
    border: 1px solid red!important;
}

tr {
    vertical-align: middle;
}
/* login */
#datepicker_div {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.picker-m:hover, .relationship_link:hover {
    cursor: pointer;
}
/*home_office calendar*/
.home_office_img, .absence_calendar_img {
    width: 30px;
    height: auto;
}

.absence_calendar th {
    font-weight: normal;
}

#calendar_backward {
    height: 40px;
    width: auto;
    margin-right: 5px;
}

    #calendar_backward:hover {
        cursor: pointer;
    }

#calendar_forward {
    height: 40px;
    width: auto;
}

    #calendar_forward:hover {
        cursor: pointer;
    }

.form-control:focus, .form-control:active {
    outline: none !important;
    box-shadow: none;
}

.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none;
}

h2 {
    font-size: 20px;
}

    h2.page_title {
        margin-top: 20px;
    }

.hidden-but-printable {
    display: none;
}

@media print {
    body {
        margin: 0;
        padding: 1cm;
    }
    @page {
        margin: 0; padding:0;
    } 
    .hidden-but-printable {
        margin: 0;
        display: block;
    }
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
    .pagebreak_after {
        margin-bottom:1cm;
    }
}
/*notifications*/



.new_notification_row {
    font-weight: bold;
}

.custom-validation-summary ul {
    list-style-type: none;
    color: red;
    padding: 0;
}

.ho_report_left_day {
    padding: 5px;
    border: 1px solid;
    cursor: pointer;
}

textarea {padding:10px;}

.vertical_90 {
writing-mode:vertical-lr;
}

/*slide*/
.quota_slide {
    display: none;
    
}

    .quota_slide.active {
        display: block;
    }