/*style css modifier************/
input
{
    /*font-size: 2em;*/
    border-radius: 0.25em;
}

input[type="password"]
{
    padding-left: 3em;
    background:
            url(https://s3.amazonaws.com/iconbros/icons/icon_svgs/000/000/555/original/eye-off.svg?1511972076) 0.5em
            center /
    1.5em 1.5em no-repeat,
            linear-gradient(to right, hsl(0, 0%, 90%) 2.5em, hsl(0, 0%, 70%)
            2.5em, hsl(0, 0%, 70%) calc(2.5em + 1px), transparent calc(2.5em
                    + 1px));
}

/*** table reporting style ***/
table .reporting td{
    font-size: 12px;
}
/****** print css file *******/
@page
{
    size: auto;   /* auto is the initial value */
    margin: 5mm;  /* this affects the margin in the printer settings */
}
/**** client ****/
input[type="date"]{
    width: 100%!important;
}
#Particulier_dateNaissance{
    width: 100%;
}
#Particulier_pieceIdentite_dateEmission{
    width: 100%;
}
#Particulier_permis_dateDelivrance{
    width: 100%;
}
#Particulier_permis_dateExpiration{
    width: 100%;
}
#Contrat_dateSouscription{
    width: 100%;
}
#Contrat_dateDebut{
    width: 100%;
}
#Contrat_dateFin{
    width: 100%;
}
#Particulier_passeport_dateDelivrance{
    width: 100%;
}
#Particulier_passeport_dateExpiration{
    width: 100%;
}
#Contrat_dateEcheance{
    width: 100%;
}
/****phone style ***/
.iti--allow-dropdown{
    width: 100%;
}
#QuittancePrime_dateDebut{
    width: 100%;
}
#QuittancePrime_dateFin{
    width: 100%;
}
#QuittancePrime_dateDebutLiquidation{
    width: 100%;
}
#QuittancePrime_dateFinLiquidation{
    width: 100%;
}
#QuittanceIndemnisation_dateDebut{
    width: 100%;
}
#QuittanceIndemnisation_dateFin{
    width: 100%;
}
#Recu_dateEncaissement{
    width: 100%;
}
/*** tenant index ******/
body{
    /* background-color: #E9F1F8; */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1006%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(233%2c 241%2c 248%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c422.813C77.927%2c426.857%2c149.705%2c372.504%2c202.417%2c314.967C249.061%2c264.054%2c240.634%2c185.661%2c273.098%2c124.72C308.72%2c57.851%2c407.224%2c17.859%2c400.909%2c-57.642C394.682%2c-132.098%2c303.019%2c-165.247%2c244.917%2c-212.222C196.789%2c-251.133%2c149.594%2c-289.845%2c90.592%2c-308.53C30.676%2c-327.504%2c-31.621%2c-328.565%2c-93.811%2c-319.489C-164.112%2c-309.229%2c-237.721%2c-298.959%2c-291.677%2c-252.739C-349.337%2c-203.346%2c-401.664%2c-133.364%2c-399.689%2c-57.467C-397.739%2c17.478%2c-320.2%2c64.311%2c-281.753%2c128.672C-248.61%2c184.153%2c-234.057%2c247.967%2c-189.352%2c294.637C-135.539%2c350.816%2c-77.689%2c418.782%2c0%2c422.813' fill='%23a0c3e1'%3e%3c/path%3e%3cpath d='M1440 898.364C1506.657 899.5550000000001 1569.094 881.008 1631.864 858.547 1711.51 830.047 1817.684 825.424 1855.4180000000001 749.715 1892.945 674.422 1840.618 584.3389999999999 1806.959 507.239 1779.656 444.7 1730.1970000000001 398.514 1681.31 350.904 1636.454 307.22 1587.005 273.828 1533.647 241.06599999999997 1461 196.461 1393.745 99.88400000000001 1312.027 124.16300000000001 1230.22 148.46800000000002 1226.175 266.008 1189.821 343.219 1163.341 399.46000000000004 1144.181 455.128 1127.943 515.133 1109.304 584.007 1062.845 654.016 1087.603 720.934 1112.453 788.098 1188.528 819.563 1252.492 851.768 1311.205 881.3299999999999 1374.275 897.19 1440 898.364' fill='white'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1006'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
a.navbar-brand {
    width: 20%;
}
.img-logo{
    width: 60%;
}
.btn-outline-success {
    color: #fff;
    background-color: #3A87BA !important;
    border-color: #3A87BA !important;
    padding: 10px 20px;
    margin-right: 15px;
    font-weight: 600;
}
.btn-outline-success:hover {
    color: #3A87BA;
    background-color: #fff !important;
    border-color: #3A87BA !important;
    padding: 10px 20px;
    margin-right: 15px;
}
.page-content{
    height: 100vh;
}
.page-content svg{
    width: 100%;
}
.page-content h1{
    font-size: 45px;
    font-weight: 700;
}
/***     ***************/
.content-wrapper {
    background-color: #f5f6fa;
    max-width: 100% !important;
}
.sidebar-wrapper , section.main-content{
    background-color: #f5f6fa;
}
.sidebar {
    background-color: #fff;
    box-shadow: 5px 0px 5px -5px rgb(0 0 0 / 14%) !important;
    -webkit-box-shadow: 5px 0px 5px -5px rgb(0 0 0 / 14%) !important;
    -moz-box-shadow: 5px 0px 5px -5px rgb(0 0 0 / 14%) !important;
    border-radius: 0 0 80px;
    padding: 0 !important;
}
.main-header #header-logo a{
    padding: 25px 15px 50px;
}
.content-header {
    background: #fff0 !important;
    padding: 36px 0 40px;
}
.btn-primary, .btn-primary:not(:disabled):not(.disabled):not(.btn-link):active, .btn-primary:not(:disabled):not(.disabled):not(.btn-link):active:focus, .btn-primary:not(:disabled):not(.disabled):not(.btn-link):focus, .btn-primary:not(:disabled):not(.disabled):not(.btn-link):hover {
    background-color: #3A87BA!important;
}
.main-header .navbar{
    padding: 0 !important;
}
/****************menu *************/
#main-menu .menu .menu-item:hover {
    background: #f5f6fa;
}
#main-menu .menu .menu-item.active:not(.expanded) .menu-icon, #main-menu .menu .menu-item.active:not(.expanded) a {
    opacity: 1;
}
#main-menu .menu .submenu .menu-item {
    margin: 7px 0;
    padding-right: 0;
    padding-left: 0 !important;
}
#main-menu .menu .submenu .menu-item:hover {
    background: #e5e8f6;
}
.content-top {
    box-shadow: 0px 5px 5px -5px rgb(0 0 0 / 14%) !important;
    -webkit-box-shadow:0px 5px 5px -5px rgb(0 0 0 / 14%) !important;
    -moz-box-shadow: 0px 5px 5px -5px rgb(0 0 0 / 14%) !important;
    background-color: #fff;
    margin-bottom: 0;
}
nav.navbar.fixed-top.navbar-light.bg-light input.form-control.form-control-md {
    margin-right: 15px;
}
span.menu-item-label.position-relative {
    font-size: 13px;
    font-weight: 600;
}
#main-menu .menu .menu-item-contents{
    color: #74798C !important;
    opacity: .8;
    margin-bottom: 15px;
}
#main-menu .menu .menu-icon{
    color: #74798C !important;
}
#main-menu .menu .submenu a {
    padding: 3px 0 3px 5px !important;
}
#main-menu li.menu-item{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#main-menu .menu .menu-item.active{
    border-radius: 0 !important;
    border-left: 2px solid #343a40;
}
#main-menu .menu .menu-item:hover{
    border-radius: 0 !important;
}
/*********dashboard************/
.content-wrapper{
    background-color: #F5F6FA;
    max-width : 100% !important;
    /*padding: 0 !important;*/
}
.content-body{
    padding: 0 30px;
}
.content-header{
    background: none;
    position: inherit !important;
    padding-left: 30px;
    padding-right: 30px;
}
.sidebar{
    background-color: #fff !important;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%) !important;
    -webkit-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%) !important;
    -moz-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%) !important;
}
aside.content-top.ea-search-disabled{
    background-color: #fff !important;
    box-shadow: 5px 0px 5px 2px rgb(0 0 0 / 8%) !important;
    -webkit-box-shadow: 5px 0px 5px 2px rgb(0 0 0 / 8%) !important;
    -moz-box-shadow: 5px 0px 5px 2px rgb(0 0 0 / 8%) !important;
}
section#main {
    overflow: inherit !important;
    height: 100%;
}
#header-logo img{
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px;
}
/***********home page dashboard*************/
.stat-svg-home{
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    padding: 20px;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%) !important;
    -webkit-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%) !important;
    -moz-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%) !important;
}
.stat-number{
    padding-left: 15px;
}
.stat-number p{
    margin-bottom: 0;
    color: #74798C;
}
.bloc-search-date{
    display: grid;
}
.bloc-search-date label{
    font-weight: 600;
    color: #343a40;
}
.bloc-search-date input{
    padding: 7px;
    border: 1px solid #ccc;
}
.dashboard-home button{
    padding: 7px 12px;
}
.stat-camombaire , .stat-table{
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%) !important;
    -webkit-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%) !important;
    -moz-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%) !important;
}
/*********************************************/
.bs-example {
    font-family: sans-serif;
    position: relative;
    margin: 100px;
}
#Autre_groupeAppartenance, .tt-query, .tt-hint {
    height: 30px;
    line-height: 30px;
    outline: medium none;
    /*max-width: 150%;*/
}
#Autre_groupeAppartenance {
    /*background-color: #FFFFFF;*/
    display: block;
}
#Autre_groupeAppartenance:focus {
    border: 2px solid #0097CF;
}
.tt-query {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
    color: #999999;
}
.tt-menu {
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    height: auto;
    padding: 0;
    z-index: 1000;

    box-sizing: border-box;
    left: 0;
    margin: 0.25rem 0 0;
    position: absolute;
    top: 100%;
    width: 100%;

    color: #343a40;
    font-family: inherit;
    /*font-size: inherit;*/
    line-height: 1.5;
}
.tt-suggestion {
    /*font-size: 22px;  !* Set suggestion dropdown font size *!*/
    padding: 3px 20px;
}
.tt-suggestion:hover {
    cursor: pointer;
    background-color: #0097CF;
    color: #FFFFFF;
}
.tt-suggestion p {
    margin: 0;
}
body.ea-edit .content-header, body.ea-new .content-header {
    position: inherit !important;
}
/****************tabs*******************/
.nav-tabs-custom.form-tabs {
    background-color: #fff;
    padding: 20px;
}
.form-tabs .nav-tabs .nav-link.active {
    background: transparent;
    box-shadow: inset 0 -2px 0 0 #3A87BA !important;
    color: #3A87BA !important;
    transition: box-shadow .3s ease-in-out;
}

.page-item.active .page-link {
    background-color: #3A87BA;
    border-color: #3A87BA;
    color: #fff;
    z-index: 3;
}
section#main {
    background-color: #fff;
    padding: 15px;
}
/***************btn*************/
.yellow-btn:hover{
    background-color: #ab1a1b !important;
    transition: .3s all ;
    border: 1px solid #ab1a1b !important;
    color: #fff !important;
}
.edit-btn:hover{
    background-color: #5368d5 !important;
    transition: .3s all ;
    border: 1px solid #5368d5  !important;
    color: #fff !important;
}

.yellow-btn{
    background-color: #fff !important;
    color: #ab1a1b !important;
    border: 1px solid #ab1a1b !important;
}
.edit-btn{
    background-color: #fff !important;
    border: 1px solid #5368d5  !important;
    color: #5368d5 !important;
}

.ui-datepicker-year
{
    display:none;
}
input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}