.top-radius {
     border-radius: 3px 3px 0 0;
 }

.bottom-radius {
    border-radius:  0 0 3px 3px;
}

.right-radius {
    border-radius:  0 3px 3px 0;
}

.navbar-wl {
    background-color: #265a88;
    background-image: linear-gradient(to bottom, #487caa 0, #265a88 100%);
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
    float:left;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #f8efc0;
    float:left;
}

.btn-menu {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.menu-table {
    display: table;
    width: 100%;
}

.menu-center {
    text-align: center;
}

.menu-table > div > h2 {
    padding-top: 25px;
}

.menu-news {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu-section
{
    padding-left: 10px;
    font-weight: bold;
}

.padding-15
{
    padding: 15px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-20 {
    padding-top: 20px;
}

.width-75
{
    width: 75px;
}

label {
    width: 150px;
}

.label-full-width .control-label,
.label-full-width label {
    width: 100%;
}
.label-full-width label.checkbox,
.label-full-width label.radio-inline {
    width: auto;
}

div.checkbox label {
    width: auto;
}

.nav-bg {
    background-color: #565656;
}

.contact-support
{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 25px;
    color: black;
    text-align: center;
    /*background: rgba(242,202,139,1);*/
    background: white;
}


.dl-horizontal-100 dt {
    float: left;
    width: 120px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dl-horizontal-100 dd {
    margin-left: 130px;
}

.chat-discussion > .chat-message > .right {
    text-align: right;
    margin-right: 55px;
    background-color: beige;
}
.chat-discussion > .chat-message > .left {
    text-align: left;
    margin-left: 55px;
    background-color: azure;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-top-5 {
    margin-top: 5px;
}

.overflow-400 {
    max-height: 400px;
    overflow: auto;
}

.overflow-600 {
    max-height: 600px;
    overflow: auto;
}

.modal-content {
    border-radius: 0;
}

.modal-header {
    color: white;
}

.bg-wl-primary {
    background-color: rgb(97, 197, 195);
}

.bg-wl-danger {
    background-color: rgb(234,95,95);
}

.bg-wl-info {
    background-color: rgb(130,192,244);
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    min-width: 250px;
    margin-top: 15px;
    font-size: 1.25em;
    font-weight: 700;
    color: #1AB394;
}

.inputfile:focus + label,
.inputfile + label:hover {
    color: #6fd1bd;
}

.inputfile + label {
    cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
    outline: 1px dotted #6fd1b;
    outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
    pointer-events: none;
}

.tabs-container .nav-tabs > li.active > a.panel-adm, .tabs-container .nav-tabs > li.active > a.panel-adm:hover, .tabs-container .nav-tabs > li.active > a.panel-adm:focus, .tabs-container .panel-body.panel-adm {
    /*border-color: rgb(234, 95, 95);*/
    color: white;
    background-color: rgb(234, 95, 95);
    margin-bottom: 0;
}

/*.tabs-container .panel-body.panel-adm {*/
    /*border-left: solid rgb(234, 95, 95) 4px;*/
/*}*/
/*.panel-adm > .panel-heading {*/
    /*color: white;*/
    /*background-color: rgb(234, 95, 95);*/
    /*border-color: rgb(234, 95, 95);*/
/*}*/

.tabs-container .nav-tabs > li.active > a.panel-expo, .tabs-container .nav-tabs > li.active > a.panel-expo:hover, .tabs-container .nav-tabs > li.active > .panel-expo:focus, .tabs-container .panel-body.panel-expo {
    color: white;
    background-color: RGB(130, 192, 244);
    margin-bottom: 0;
    /*border-color: RGB(130, 192, 244);*/
}

/*.panel-expo > .panel-heading {*/
    /*color: white;*/
    /*background-color: RGB(130, 192, 244);*/
    /*border-color: RGB(130, 192, 244);*/
/*}*/

.tabs-container .nav-tabs > li.active > a.panel-evrp, .tabs-container .nav-tabs > li.active > a.panel-evrp:hover, .tabs-container .nav-tabs > li.active > .panel-evrp:focus, .tabs-container .panel-body.panel-evrp {
    color: white;
    background-color:  RGB(127, 227, 165);
    margin-bottom: 0;
    /*border-color: RGB(127, 227, 165);*/
}

/*.panel-evrp > .panel-heading {*/
    /*color: white;*/
    /*background-color:  RGB(127, 227, 165);*/
    /*border-color:  RGB(127, 227, 165);*/
/*}*/

.tabs-container .nav-tabs > li.active > a.panel-comp , .tabs-container .nav-tabs > li.active > a.panel-comp:hover, .tabs-container .nav-tabs > li.active > .panel-comp:focus, .tabs-container .panel-body.panel-comp {
    color: white;
    background-color:  RGB(161, 134, 201);
    margin-bottom: 0;
    /*border-color: RGB(161, 134, 201);*/
}
/*.panel-comp > .panel-heading {*/
    /*color: white;*/
    /*background-color:  RGB(161, 134, 201);*/
    /*border-color:  RGB(161, 134, 201);*/
/*}*/

.tabs-container .nav-tabs > li.active > a.panel-med , .tabs-container .nav-tabs > li.active > a.panel-med:hover, .tabs-container .nav-tabs > li.active > .panel-med:focus, .tabs-container .panel-body.panel-med {
    color: white;
    background-color:  RGB(175, 228, 238);
    margin-bottom: 0;
    /*border-color: RGB(175, 228, 238);*/
}
/*.panel-med > .panel-heading {*/
    /*color: white;*/
    /*background-color:  RGB(175, 228, 238);*/
    /*border-color:  RGB(175, 228, 238);*/
/*}*/

.tabs-container .nav-tabs > li.active > a.panel-msq , .tabs-container .nav-tabs > li.active > a.panel-msq:hover, .tabs-container .nav-tabs > li.active > .panel-msq:focus, .tabs-container .panel-body.panel-msq {
    color: white;
    background-color:   RGB(117, 109, 147);
    margin-bottom: 0;
    /*border-color: RGB(117, 109, 147);*/
}
/*.panel-msq > .panel-heading {*/
    /*color: white;*/
    /*background-color:   RGB(117, 109, 147);*/
    /*border-color:   RGB(117, 109, 147);*/
/*}*/

.tabs-container .nav-tabs > li.active > a.panel-eqp , .tabs-container .nav-tabs > li.active > a.panel-eqp:hover, .tabs-container .nav-tabs > li.active > .panel-eqp:focus, .tabs-container .panel-body.panel-eqp {
    color: white;
    background-color:  RGB(241, 168, 211);
    margin-bottom: 0;
    /*border-color: RGB(241, 168, 211);*/
}
/*.panel-eqp > .panel-heading {*/
    /*color: white;*/
    /*background-color:  RGB(241, 168, 211);*/
    /*border-color:  RGB(241, 168, 211);*/
/*}*/

.tabs-container .nav-tabs > li.active > a.panel-projet , .tabs-container .nav-tabs > li.active > a.panel-projet:hover, .tabs-container .nav-tabs > li.active > .panel-projet:focus, .tabs-container .panel-body.panel-projet {
    color: white;
    background-color:  RGB(242, 202, 139);
    margin-bottom: 0;
    /*border-color: RGB(242, 202, 139);*/
}
/*.panel-projet > .panel-heading {*/
    /*color: white;*/
    /*background-color:  RGB(242, 202, 139);*/
    /*border-color:  RGB(242, 202, 139);*/
/*}*/

.tabs-container .nav-tabs > li.active > a.panel-env , .tabs-container .nav-tabs > li.active > a.panel-env:hover, .tabs-container .nav-tabs > li.active > .panel-env:focus, .tabs-container .panel-body.panel-env {
    color: white;
    background-color:  RGB(196, 228, 137);
    margin-bottom: 0;
    /*border-color: RGB(196, 228, 137);*/
}
/*.panel-env > .panel-heading {*/
    /*color: white;*/
    /*background-color:  RGB(196, 228, 137);*/
    /*border-color:  RGB(196, 228, 137);*/
/*}*/

.tabs-container .nav-tabs > li.active > a.panel-adt , .tabs-container .nav-tabs > li.active > a.panel-adt:hover, .tabs-container .nav-tabs > li.active > .panel-adt:focus, .tabs-container .panel-body.panel-adt {
    color: white;
    background-color:  RGB(245, 143, 135);
    margin-bottom: 0;
    /*border-color: RGB(245, 143, 135);*/
}
/*.panel-adt > .panel-heading {*/
    /*color: white;*/
    /*background-color:  RGB(245, 143, 135);*/
    /*border-color:  RGB(245, 143, 135);*/
/*}*/

.tabs-container .nav-tabs > li.active > a.panel-coll , .tabs-container .nav-tabs > li.active > a.panel-coll:hover, .tabs-container .nav-tabs > li.active > .panel-coll:focus, .tabs-container .panel-body.panel-coll {
    color: white;
    background-color:  RGB(132, 152, 237);
    margin-bottom: 0;
    /*border-color: RGB(132, 152, 237);*/
}

.tabs-container .nav-tabs > li.active > a.panel-success , .tabs-container .nav-tabs > li.active > a.panel-success:hover, .tabs-container .nav-tabs > li.active > .panel-success:focus, .tabs-container .panel-body.panel-success {
    color: white;
    background-color:  #1c84c6;
    margin-bottom: 0;
    /*border-color: RGB(132, 152, 237);*/
}
.tabs-container .nav-tabs > li.active > a.panel-info , .tabs-container .nav-tabs > li.active > a.panel-info:hover, .tabs-container .nav-tabs > li.active > .panel-info:focus, .tabs-container .panel-body.panel-info {
    color: white;
    background-color:  #23c6c8;
    margin-bottom: 0;
    /*border-color: RGB(132, 152, 237);*/
}
/*.panel-coll > .panel-heading {*/
    /*color: white;*/
    /*background-color:  RGB(132, 152, 237);*/
    /*border-color:  RGB(132, 152, 237);*/
/*}*/

.h3-panel {
    display: inline-flex;
    padding-left: 10px;
    margin: 0px;
}

.docs > .nav > li.active {
    background: none;
}



table.flat {
    color: #333;
    font-family: sans-serif;
    font-size: .9em;
    font-weight: 300;
    /*text-align: left;*/
    line-height: 40px;
    border-collapse: separate;
    border-spacing: 0;
    /*border: 2px solid rgb(97,197,195);*/
    border: 2px solid #1a7bb9;
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,.16);*/
    border-radius: 0px;
    background-color: white;
}

.flat > thead tr:first-child {
    background: #1a7bb9;
    /*background: rgb(97,197,195);*/
    color: #fff;
    border: none;
}

.flat > thead > th {font-weight: bold;}
/*.flat > thead > th:first-child, .flat > tbody > tr > td:first-child {padding: 0 15px 0 20px;}*/

.flat > thead, .flat > tbody > tr:last-child, .flat > thead > th {border-bottom: 3px solid #ddd;}

.flat > tbody > tr:hover {background-color: rgba(214,238,245,.1);}
.flat > tbody > tbody tr:last-child td {border: none;}
.flat > tbody > tr > td {border-bottom: 1px solid #ddd; border-right: 1px solid #eee;}

/*.flat > tbody > tr > td:last-child {*/
    /*text-align: right;*/
    /*padding-right: 10px;*/
/*}*/

.line-height-25 {
    line-height: 25px;
}


.ibox-title {
    background-color: rgb(97,197,195);
    color: #fff;
    font-weight: bold;
}

.ibox-tools a {
    color: white;
}

.ibox-title a {
    color: white;
}
.ibox-title ul a {
    color: black;
}

.ibox-title.danger {
    background-color: rgb(245, 143, 135);
}
.ibox-title.warning {
    background-color: rgb(242, 202, 139);
}
.ibox-title.success {
    background-color: rgb(127, 227, 165);
}

.ibox-title.primary {
    background-color: #1a7bb9;
}

.clear-style {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}

.height-400 {
    min-height: 400px;
}

.nav.nav-tabs li {
    background: none;
    border: none;
}

.issue-info {
    width: 40%;
}

ul.notes li div a.edit {
    right: 25px;
}

.loginColumns {
    padding: 0;
}


@media only screen and (max-width: 1376px) {
    table.unseen-ticket td:nth-child(4),
    table.unseen-ticket th:nth-child(4) {display: none;}
}

@media only screen and (max-width: 1024px) {
    table.unseen-ticket td:nth-child(7),
    table.unseen-ticket th:nth-child(7),
    table.unseen-ticket td:nth-child(10),
    table.unseen-ticket th:nth-child(10),
    table.unseen-ticket td:nth-child(9),
    table.unseen-ticket th:nth-child(9){display: none;}
}

@media only screen and (max-width: 800px) {
    table.unseen-ticket td:nth-child(5),
    table.unseen-ticket th:nth-child(5) {display: none;}
}

.small-block small {
    display: block;
}

.div-striped div:nth-of-type(odd).row {
    background-color: #f9f9f9;
}
.div-striped div:nth-of-type(even).row {
    background-color: #ffffff;
}

.a-clear a {
    color: #000;
}

.label-traite {
    background-color: #1a5a83;
    color: #FFFFFF;
}


.fc-event.planning-ok {
    background-color: #229922;
    border: 1px solid #008000;
}
.fc-event.planning-ko {
    background-color: #aa3333;
    border: 1px solid #880000;
}
.fc-event.planning-idle {
    background-color: #1872ab;
    border: 1px solid #2F4050;
}


.fc-event.planning-project,
.fc-event.planning-project:hover {
    background-color: #fffb85;
    border: 1px solid #b0ab15;
    color: #3b3b3b;
    font-weight: bold;
}
.fc-event.planning-project-ok,
.fc-event.planning-project-ok:hover {
    background-color: #b8ff5b;
    border: 1px solid #95cb4c;
    color: #3b3b3b;
    font-weight: bold;
}
.fc-event.planning-project-ko,
.fc-event.planning-project-ko:hover {
    background-color: #ffc3c3;
    border: 1px solid #be9191;
    color: #3b3b3b;
    font-weight: bold;
}
.fc-event.planning-project-idle,
.fc-event.planning-project-idle:hover {
    background-color: #b1e9ff;
    border: 1px solid #779cab;
    color: #3b3b3b;
    font-weight: bold;
}

.feed-element-selectable {
    cursor: pointer;
}
.feed-element-selectable:hover {
    background-color: #f5f5f5;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

.angular-ui-tree-placeholder {
    border: 3px dotted #aaa;
    background-color: #eee;
}

/* flex vertical align */
.display-flex {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: center;
}

.modal-xxl .modal-dialog {
    width: 97% !important;
}

.modal-content {
    border-radius: 10px;
    overflow: hidden;
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus {
    background-color: #ffffff !important;
}

.chosen-container * {
    outline: none !important;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #61C5C3 !important;
    font-weight: bold;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #c0c0c0 !important;
}

.chosen-container-single .chosen-single {
    /*border-bottom: 2px solid #e2e2e2 !important;*/
    border-radius: 0 !important;
}

.input-daterange input {
    border-radius: 0 !important;
}

.input-daterange .form-control, .single-line {
    border: 1px solid #c9d4dc;
}

.ui-grid-cell-contents em {
    background-color: yellow;
}

filter-builder {
    display: block;
}

filter-condition {
    display: block;
    margin-left: 30px;
    position: relative;
}

.filter-block {
    display: block;
    line-height: 1.2;
    position: relative;
    margin-bottom: 4px;
}

filter-condition {
    display: block;
    line-height: 1.2;
    position: relative;
}

.filter-block:before {
    position: absolute;
    /*top: 18px;*/
    top: 49%;
    left: -12px;
    display: block;
    width: 12px;
    border-top: 2px solid #a0a0a0;
    content: "";
}

filter-condition h4:before {
    position: absolute;
    top: 7px;
    left: -25px;
    display: block;
    width: 30px;
    border-top: 2px solid #a0a0a0;
    content: "";
}

filter-condition:before {
    position: absolute;
    top: 13px;
    bottom: 29px;
    left: -12px;
    display: block;
    width: 0;
    border-left: 2px solid #a0a0a0;
    content: "";
}
filter-builder > filter-condition > div.row > h4:before {
    display: none;
}

#projects-business-record .negatif {
    color: #b10015;
}

#projects-business-record .positif {
    color: #6cb14a;
}

.task-done project-task {
    background-color: #c9ffb3;
}

.task-pending project-task {
    background-color: #fff9a7;
}

.table-higlight > thead > tr > th, .table-higlight > thead > tr > td {
    background-color: #61C5C3;
    color: white;
}

.table-higlight > thead > tr > th > a {
    color: white;
}

.table-higlight > thead > tr > th.sorted {
    background-color: #208300;
}

.issue-tracker > thead > tr > th.sorted {
    background-color: #0f4bac;
    color: white;
}

.issue-tracker > thead > tr > th.sorted > a {
    color: white;
}

.circle-badge {
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height:32px;
    text-align: center;
    border-radius: 16px;
    background: #1ACAC0;
    color:white;
    margin-left:auto;
    margin-right:auto;
    text-transform : uppercase;
}

.circle-badge > a {
    font-weight: bold;
    color: white !important;
}

.circle-badge-64 {
    height: 64px;
    width: 64px;
    line-height:64px;
    border-radius: 32px;
}

.circle-badge-64 > a {
    font-size: 32px;
}

.product-box {
    padding: 0;
    border: 1px solid #e7eaec;
}

.product-imitation {
    text-align: center;
    padding: 90px 0;
    background-color: #f8f8f9;
    color: #bebec3;
    font-weight: 600;
}

.product-desc {
    padding: 20px;
    position: relative;
}

.text-dark {
    color: #000;
}

.color-alert {
    background-color: #ae000d;
    color: #ffffff;
    font-weight: bolder;
}

.color-ok {
    background-color: #208300;
    color: #ffffff;
    font-weight: bolder;
}

a .a-white {
    color: #ffffff;
}

.hidden-block {
    display: none;
}

.clear-none {
    clear: none !important;
}

.text-small {
    font-size: 10px;
}

.height-200 {
    height: 200px;
}