.logo-style {
    width: 60% ;
}

.nav-pills .nav-link {
    color: rgb(58, 82, 192);
}

.app-name-color {
    color:cornflowerblue;
}

.app-online {
    color:green;
}

.app-offline {
    color: lightgrey;
}

.pad-top-10{
    padding-top: 10px;
}

.sidebar-mini.sidebar-collapse .brand-text{
    margin:0px;
    padding:0px;
    height:0px;
}

.sidebar-mini.sidebar-collapse .logo-style {
    width: 100% ;
}

.main-sidebar:hover .logo-style {
    width: 60% ;
}

.navbar-light .navbar-nav .nav-link{
    color: #FFF!important;
}

.user-menu {
    font-weight: bold;
}
.btn-border-none {
    border: none;
}

.nav-treeview .nav-item{
	padding-left:24px;
}
.form-control:invalid:focus {
    border: 1px solid red;
}

.hidden{
    display: none;
}

.treeview tr.active {
    color: #212529;
    background-color: rgba(0,0,0,.040);
}
.treeview tr.active:hover {
    color: #212529;
    background-color: rgba(0,0,0,.040);
}
.search-form{
    width: 400px;
    float: right;
}
.search-form .search-input{
    height: 40px;
}


/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog{
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
            transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}


/*positions*/

.pos-rlt {
    position: relative !important;
}

.pos-stc {
    position: static !important;
}

.pos-abs {
    position: absolute !important;
}

.pos-fix {
    position: fixed !important;
}

.w600 {
    width: 600px;
}

.modal.from-right.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.modal.from-right.show.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.modal.from-left.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.modal.from-left.show.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.pos-right {
    right: 0px;
}
#search_modal .modal-header{
    border-bottom: none;
    padding-left: 0px;
    padding-bottom: 0px;
}

#search_modal .modal-body{
    max-height: calc(100VH - 170px);
    overflow: auto;
}

.form-group.well {
    background: #fafafa;
    padding: 20px;
}
.page-jump-to .btn {
    width: 82px!important;
    height: 35px!important;
}
.page-jump-to .form-control {
    height: 35px;
    margin-bottom: 7px;
}

[name=fk_categorie] + .error[for=fk_categorie]{
    position: absolute;
    bottom: 5px;
}

[name=date_embarquement] + .error[for=date_embarquement]{
    position: absolute;
    bottom: -16px;
}

.bootstrap-table [name=clearSearch]{
    display: none;
}

.card-body.has-error {
    border-bottom: 5px solid red;
}
.card.has-error {
    border-bottom: 5px solid red;
}

.modal-header.btn-warning {
    color: #1f2d3d;
    background-color: #ffc107;
    border-color: #ffc107;
}

.pointer {
    cursor: pointer;
}


.fit-content{
    max-width: fit-content!important;
}

.max-content{
    max-width: max-content!important;
}

.maxw600 {
    max-width: 600px;
}

.maxw650 {
    max-width: 650px;
}

.maxw700 {
    max-width: 700px;
}

.maxw750 {
    max-width: 750px;
}

.maxw800 {
    max-width: 800px;
}

.maxw850 {
    max-width: 850px;
}
.maxw900 {
    max-width: 900px;
}
.maxw1000 {
    max-width: 1000px;
}

.maxw950 {
    max-width: 950px;
}

.maxw1000 {
    max-width: 1000px;
}
.maxw1050 {
    max-width: 1050px;
}

span.select2-selection.select2-selection--single{
    height: 30px;
}
.text-top{
    vertical-align: text-top !important;
}

.btn i {
    font-size: 12px !important;
}

.detail-icon {
    font-size: 14px !important;
    color : #296DC1 !important;
}

.page-link {
    color: #296DC1 !important;
}

.page-item.active .page-link {
    color: #FFFFFF !important;
    background-color: #296DC1 !important;
    border-color: #296DC1 !important;
}

#notification_table tbody tr {
    line-height: 50px;
}

@media (min-width: 1150px) {
    .d-sm-inline-block1 {
        display: flex !important;
    }
}

@media (max-width: 1150px) {
    .d-sm-inline-block2 {
        display: flex !important;
    }
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.6rem;
    padding-left: 0.6rem;
}

.query-builder .rules-group-container{
    background: #999 !important;
}

.support-query-builder {
    background: #f4f6f9 !important;
}

.table_row_pointer tr{
    cursor:  pointer!important;
}

.swal-container {
    z-index: 2000!important
}

.swal2-container {
    z-index:  2000!important
}
/*
.modal-open .select2-container{
    z-index: 1080 !important;
} */

/* Requeteur */
.rules-group-header .btn,
.rule-header .btn {
	height: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
}