@import "../../assets/fonts/eurostile/eurostile_bold.ttf";
@import "../../assets/fonts/eurostile/eurostile_normal.ttf";
@import "../../assets/fonts/hind/hind_bold.ttf";
@import "../../assets/fonts/hind/hind_regular.ttf";
@import "../../assets/fonts/hind/hind_medium.ttf";
@import "../../assets/fonts/hind/hind_light.ttf";
@import "../../assets/fonts/hind/hind_semibold.ttf";


@font-face {
    font-family: 'eurostile_normal'; /*a name to be used later*/
    src: url('../../assets/fonts/eurostile/eurostile_normal.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'eurostile_bold'; /*a name to be used later*/
    src: url('../../assets/fonts/eurostile/eurostile_bold.ttf'); /*URL to font*/
}
/* devanagari */
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url("../../assets/fonts/hind/hind_bold.ttf");
}
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("../../assets/fonts/hind/hind_regular.ttf");
}
@font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../../assets/fonts/hind/hind_light.ttf");
}


:root {
    --theme-sebino-blue: #004994;
    --theme-sebino-red: #e30613;
    --theme-sebino-orange: #ed6c21;
    --theme-sebino-green: #94c11f;
    --theme-sebino-light-blue: #00a7e5;
    --theme-sebino-yellow: #ffbf00;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background: #404040;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.txt-primary {
    color: #404040 !important;
}
.bg-primary {
    background-color: #404040 !important;
}

.breadcrumb-item.active {
    text-transform: capitalize;
    color: var(--theme-sebino-blue);
    font-weight: 600;
}
.breadcrumb-item a {
    font-size: 0.875rem;
    text-decoration: none;
    color: var(--theme-sebino-blue);
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
}


.bg-sebino-blue { background-color: var(--theme-sebino-blue) !important; }
.text-sebino-blue { color: var(--theme-sebino-blue) !important; }

.bg-sebino-red { background-color: var(--theme-sebino-red) !important; }
.text-sebino-red { color: var(--theme-sebino-red) !important; }

/*SPA*/
.bg-sebino-orange { background-color: var(--theme-sebino-orange) !important; }
.text-sebino-orange { color: var(--theme-sebino-orange) !important; }

/*SEC*/
.bg-sebino-green { background-color: var(--theme-sebino-green) !important; }
.text-sebino-green { color: var(--theme-sebino-green) !important; }

/*SERV*/
.bg-sebino-azzurro { background-color: var(--theme-sebino-light-blue) !important; }
.text-sebino-azzurro { color: var(--theme-sebino-light-blue) !important; }

/*OPE*/
.bg-sebino-yellow { background-color: var(--theme-sebino-yellow) !important; }
.text-sebino-yellow { color: var(--theme-sebino-yellow) !important; }


.card-detail-border{
    border: 1px solid #dee2e6;
}
.no-margin{
    margin: 0 !important;
}
no-padding{
    padding: 0 !important;
}
body, table, btn, li, ul, span, h1, h2,h3,h4,h5,h6, p, blockquote, pre,
table.dataTable tbody > tr, table.dataTable tbody > tr > td, table.dataTable thead > tr > th  {
    font-family: "Hind", sans-serif !important;
}

/* Tooltip */
.tooltip {
    &.bs-tooltip-top {
        .tooltip-arrow {
            &:before {
                border-top-color: #ACDCFBFF;
            }
        }
    }

    &.bs-tooltip-bottom {
        .tooltip-arrow {
            &:before {
                border-bottom-color: #ACDCFBFF;
                border-top-color: transparent;
            }
        }
    }

    &.bs-tooltip-start {
        .tooltip-arrow {
            &:before {
                border-left-color: #ACDCFBFF;
                border-top-color: transparent;
            }
        }
    }

    &.bs-tooltip-end {
        .tooltip-arrow {
            &:before {
                border-right-color: #ACDCFBFF;
                border-top-color: transparent;
            }
        }
    }

    .tooltip-inner {
        background-color: #ACDCFBFF;
        color: #000;
    }

    .tooltip-arrow {
        &:before {
            border-top-color: transparent;
        }
    }
}
/* Fine tooltip */

.no-padding{
    padding:0px;
}


 #img_profile_menu_header{
     border-radius: 50%;
     object-fit: cover;
 }

@media only screen and (max-width: 1026px) {
    .li_menu_date, .li_menu_hours {
        display: none !important;
    }
    .item_menu_top {
        width: 30px !important;
        height: 30px;
        text-align:center;
    }
    #img_profile_menu_header {
        width: 30px;
        height: 30px;
    }
    .page-wrapper .page-header .header-wrapper{
        padding-right: 10px;
    }
}
@media only screen and (min-width: 1026px) {
    .li_menu_date, .li_menu_hours {
        display: inline !important;
    }
    .item_menu_top {
        width: 40px !important;
        height: 40px;
        text-align:center;
    }
    #img_profile_menu_header{
        width: 40px !important;
        height: 40px;
    }
}

/* CHANGE TEMPLATE STYLES */
a {
    color: var(--theme-sebino-blue);
}

.form-control, .form-select {
    border: 1px solid rgba(106, 113, 133, 0.3);
}
thead, tbody, tfoot, tr, td, th {
    border-style: solid;
}
.default-dashboard .notification-box li {
    border-bottom: 1px solid rgba(106, 113, 133, 0.3);
}
.default-dashboard div.dataTables_wrapper table.dataTable tbody > tr > td, .dashboard-2 div.dataTables_wrapper table.dataTable tbody > tr > td, .dashboard-3 div.dataTables_wrapper table.dataTable tbody > tr > td, .dashboard-4 div.dataTables_wrapper table.dataTable tbody > tr > td {
    border-bottom: 1px solid rgba(106, 113, 133, 0.3);
}
card .card-header {
    border-bottom: 1px solid rgba(106, 113, 133, 0.3);
}
.default-dashboard .notification-box li {
    padding: 16px 0px;
    border-bottom: 1px solid rgba(106, 113, 133, 0.3);
}
hr {
    border-style: solid;
}
.img-circle {
    border-radius: 50%; // set radius in percents
}