body { margin : 0; padding : 0; }
label { margin : 0 0 0 0; padding : 0 0 0 0; font-size : 14px; display : inline-block; }
.float-left { float : left; }
.float-right { float : right; }
.clear { clear : both; }
ul { margin : 0; padding : 0; }
#rightUser li { list-style-type : none; }
.mt-10 { margin-top : 10px; }
.ml-20 { margin-left : 20px; }
.mr-40 { margin-right : 40px; }
.cursor { cursor:pointer; text-decoration : none; }
.minSelect { width : 200px;}
optgroup { margin : 0 0 10px 0; }
.red { color : red; }
.bold { font-weight : bold; }

table {
    border-width:1px;
    border-style:solid;
    border-color:#064e64;
    border-collapse:collapse;
    width:100%;
    font-family: Arial, sans-serif;
}
.menu {
    background-color:#E7E6E6;
    font-family: Arial, sans-serif;
}
.menu_top {
    background-color:#064e64;
    font-family: Arial, sans-serif;
    color:#FFFFFF;
}
.menu_top a:link {color:#FFFFFF}

.btn-style{
    border : solid 2px #ffffff;
    border-radius : 8px;
    font-size : 14px;
    color : #ffffff;
    padding : 1px 17px;
    background-color : #228cbc;
    cursor : pointer;
}
.redbtn-style{
    border : solid 2px #ffffff;
    border-radius : 8px;
    font-size : 14px;
    color : #ffffff;
    padding : 1px 17px;
    background-color : red;
    cursor : pointer;
}
del {
    text-decoration: line-through;
    color: #555;
}
.material-icons {
    font-family: 'Material Icons', monospace;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


tr {
    border-width:1px;
    border-style:solid;
    border-color:#064e64;
    font-family: Arial, sans-serif;
    font-size: 16px;
}

.hover td { padding : 5px; }
.hover:hover {background-color : #eeeeee;}

th {
    padding : 5px 0 5px 0;
    background-color:#444444;
    color:#FFFFFF;
}
a:link {
    color: #228cbc;
    text-decoration: none;
    font-family: Arial, sans-serif;
}

a:visited {color: #228cbc; text-decoration: underline; font-family:Arial, sans-serif; }
a:hover {color: #228cbc; text-decoration: none; font-family:Arial, sans-serif; }
a:active {color: #228cbc; text-decoration: underline; font-family:Arial, sans-serif; }

a.top_menu:link {color:#ffffff;}
a.top_menu:visited {color:#ffffff;}
a.top_menu:hover {color:#7BBB45; text-decoration:underline;}

a.left_menu:link {color:#000000;}
a.left_menu:visited {color:#000000;}
a.left_menu:hover {color:#7BBB45; text-decoration:underline;}

h4, h5, h6 {
    color: #333333;
}

h1 { font-size : 22px; color : #228cbc; margin : 0 0 25px 0; }
h2 { font-size : 18px; color : #7BBB45; margin : 0 0 25px 0; }
h3 { font-size : 14px; color : #444444; margin : 20px 0 25px 0; }

h1 a, h1 a:link, h1 a:visited, h1 a:hover{color : #228cbc;}
h2 a, h2 a:link, h2 a:visited, h2 a:hover{color : #7BBB45;}
h3 a, h3 a:link, h3 a:visited, h3 a:hover{color : #064e64;}


textarea {
    padding: 10px;
    vertical-align: top;
    width: 200px;
}
textarea:focus {
    outline-style: solid;
    outline-width: 2px;
}

body {
    color: #000000;
    font-family: 'Noto Sans',sans-serif;
}

.title { color : #ffffff; }

/*#proprietaire-search, #copropriete-search,#prestataire-search, #copropriete-concern, #courrier_objet, #employe-search, #email_destinataire { padding : 3px; width : 40%; height : 30px; }
#copropriete-search { padding : 3px; width : 40%; height : 30px; }
#prestataire-search { padding : 3px; width : 40%; height : 30px; }*/

/*body.has-fixed-sidebar-and-header .header {    */
/*    height : 65px;                             */
/*}                                              */
/*                                               */
@media screen and (max-width:1300px) {
    /*body.has-fixed-sidebar-and-header .header {
        position : relative!important;
        z-index  : 10;
    }
    body.has-fixed-sidebar-and-header .main {
        padding-top: 0!important;
        padding-left : 0!important;
    }
    body.has-fixed-sidebar-and-header .side-nav {
        position: relative!important;
        left : 0!important;
        top : 0!important;
        z-index:997;
    }
    .env-banner { position: relative!important;}*/
}

/* .header-light { background-color : #064e64; } */
/* .header-light .navbar-brand-wrapper { background-color : #064e64; } */
.list-inline a { color : #ffffff; text-decoration : none;}
.list-inline a:hover { color : #ffffff; }
.list-inline li { padding : 20px 20px 0 0; font-weight : bold; }
.side-nav-menu-item { color : #000000; }
#sideNav li { padding : 10px 5px 0 5px; color : #000000; }
.table tr:hover { background-color : #ececec; }
.green { color : #7BBB45; }

/* .env-banner { position: fixed; width:100%;z-index:999; } */

.toggle-next {
    cursor:pointer;
}
.click-toggle-children-checkbox {
    cursor:pointer;
}
#flash-messages {
    position:fixed;
    right : 20px;
    top : 85px; /* $("#main-header").height() + 20 px*/
    z-index: 9999;
}

#flash-messages h3 {
    padding-right: 25px;
}
.list-resolution-wrapper {
    max-height:600px;
    overflow:auto;
}
.list-resolution {
    padding-bottom: 50px;
    background-color: #eee;
}
.hl-text {
    background-color:#00ffff;
}

.ag-status-import{
    background-color : blue;
    color : white;
}
.debug{border:1px solid red;background-color:#ffeeee;}

.js-datatable .sorting_asc .nova-angle-down {
    font-weight: bold!important;
    font-size: 1.1em;
}
.js-datatable .sorting_desc .nova-angle-up {
    font-weight: bold!important;
    font-size: 1.1em;
}
.toggle-next,.slide-next {
    cursor:pointer;
}

.orange { color : #FFA500; }

.countdown {
    font-size: 20px;
    font-color: #43a3e5;
    padding-top: 4px;
    text-align:center;
    background:#ffffff ;
    border-radius:50%;
    border:4px solid #43a3e5;
    width:50px;
    height: 50px;
}