/* 
    Created on : 26 oct. 2020, 02:04:47
    Author     : Murelh
*/

.small-caps{
    font-variant: small-caps;
}
.strong {
    font-weight: bold;
}
.em {
    font-style: italic;
}
.white-space-nowrap{
    white-space: nowrap;
}
.white-space-normal{
    white-space: normal;
}
.bg-inherit{
    background: inherit;
}
.bg-pink{
    background: #fc33cb !important;
}
.pointer{
    cursor: pointer;
}
.wrap-anywhere{
    overflow-wrap: anywhere;
}

.text-pink{
    color: #fc33cb !important;
}

.horizontal-menu .bottom-navbar .page-navigation{
    margin-bottom: -1px;
}

.bottom-navbar .nav-item.active{
    background-color: #ebeef6;
}

.horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link{
    padding: 13px 20px !important;
}

.bottom-navbar .nav-item.active .nav-link *{
    color: #272e37 !important;
    font-weight: bold;
}

.del {
    text-decoration: line-through;
}
.modal-dialog:before{
    opacity:0;
    transition:all 2s;
}

.modal-dialog:hover:before{
    opacity:1;
    content:'Déplacez la fenêtre en cas de besoin';
    display:inline-block;
    position:absolute;
    top:2rem;
    height:auto;
    text-align:center;
    width:100%;
    color: rgba(250,250,250,0.25);
    font-size : small;

    transition:all 2s;
}

.modal-header{
    cursor: move;
}

.popover .close{
    font-weight:normal !important;
    font-size:1rem !important;
    margin-left:1rem;
    vertical-align:baseline !important;
    /*color:#dc3545;*/
}

.popover-body{
    max-height: 335px;
    overflow-y: auto;
    width: 100%;
}

.nav-item.active .nav-link{
    color: #fc33cb !important;
}

.bg-wave-animated{
    background: linear-gradient(307deg, #fff, #fff, #4ac6ec, #4ac6ec 50%);
    background-size: 800% 800%;

    -webkit-animation: colorwave 2s ease infinite;
    -moz-animation: colorwave 2s ease infinite;
    animation: colorwave 2s ease infinite;
}

#chat_user{
    height:520px;
}

#workingrequestcomment-container li:nth-child(odd){
    background-color:  rgba(45,45,45,0.05);
}

#employee-list-section:not(.active),
#employee-detail-section.active,
#inventory-list-section:not(.active),
#inventory-detail-section.active,
#toolbox-list-section:not(.active),
#toolbox-detail-section.active{
    transform: translate(-100%);
    transition: all 0.2s;
}

#employee-list-section.active,
#employee-detail-section:not(.active),
#inventory-list-section.active,
#inventory-detail-section:not(.active),
#toolbox-list-section.active,
#toolbox-detail-section:not(.active){
    transform: translate(0%);
    transition: all 0.2s;
}

#endowmentitem-catalogue tr,
#endowmentitem-list-threshold tr,
#employee-list tr,
#toolbox-list tr{
    cursor: pointer;
}

.form-control-xs{
    height:30px !important;
    padding: .25rem !important;
    font-size: .8rem !important;
    line-height: 1.5 !important;
    border-radius: .2rem !important;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
}
.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}
.autocomplete-selected {
    background: #F0F0F0;
}
.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}
.autocomplete-group {
    padding: 2px 5px;
}
.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
}


tr .endowmentrequest-description{
    font-size: small;
    max-height: 60px ;
    min-height:40px;
    max-width:400px;
    overflow: hidden;
    position:relative;
    cursor:pointer;
    transition: all 0.25s;
}
tr .endowmentrequest-description.active{
    max-height:100%;
    max-width:100%;
    overflow: auto;
}

tr .endowmentrequest-description:after{
    background: linear-gradient(transparent, #fff 85%);
    display:flex;
    align-self:flex-end;
    align-items:flex-end;
    justify-content:flex-end;
    content:"Lire la suite...";
    font-weight: bold;
    color:inherit;
    height:100%;
    width:100%;
    position:absolute;
    bottom:0px;
    transition: all 0.25s;

}
tr:nth-child(odd) .endowmentrequest-description:after,
tr:hover .endowmentrequest-description:after{
    background: linear-gradient(transparent, #f1f3fa 85%);
}

tr .endowmentrequest-description.active:after{
    color:transparent;
    background:transparent;
}

.nav-tabs .nav-link.active{
    border:1px solid #318CD7 !important;
    border-bottom: none !important;
    background: #318CD7 !important;
    color: #e9ecef !important;
}

.nav-tabs .nav-link{
    border:1px solid #f9f9f9;
    border-bottom: none;
    background: #f9f9f9;
}

@-webkit-keyframes colorwave {
    0%{
        background-position:0% 51%
    }
    50%{
        background-position:100% 50%
    }
    100%{
        background-position:0% 51%
    }
}
@-moz-keyframes colorwave {
    0%{
        background-position:0% 51%
    }
    50%{
        background-position:100% 50%
    }
    100%{
        background-position:0% 51%
    }
}
@keyframes colorwave {
    0%{
        background-position:0% 51%
    }
    50%{
        background-position:100% 50%
    }
    100%{
        background-position:0% 51%
    }
}
.row-waiting-for-update td,
.cell-waiting-for-update{
    background-color:#ffeb75;
    transition: all 0.5s;
}
#endowmentrequestitemcomment-modal .comment-list{
    max-height:20rem;
    overflow:auto;
}

.bg-lightblue {
    background-color: #b6dffd;
}

input[disabled],
textarea[disabled]
input[readonly],
textarea[readonly]{
    cursor: not-allowed !important;
}

table thead{
    background-color:whitesmoke;
}
table th{
    font-weight:bold !important;
}

.user-endowmentitem-list:not(.display-archives) .toogle-achived-endowment .inactive,
.user-endowmentitem-list.display-archives .toogle-achived-endowment .active,
.user-endowmentitem-list:not(.display-archives) .achived-endowment-title{
    display:none;
}

.user-endowmentitem-list:not(.display-archives) .toogle-achived-endowment .active
.user-endowmentitem-list.display-archives .toogle-achived-endowment .inactive,
.user-endowmentitem-list.display-archives .achived-endowment-title{
    display: block;
}

.user-endowmentitem-list:not(.display-archives) .endowment:not(.endowment-archived),
.user-endowmentitem-list.display-archives .endowment.endowment-archived{
    display:flex;
}

.user-endowmentitem-list:not(.display-archives) .endowment.endowment-archived,
.user-endowmentitem-list.display-archives .endowment:not(.endowment-archived)
{
    display:none;
}

.bg-lines-transparent{
    background-image: url(/img/bg-img/60-lines.png);
}

.opacity-10{
    opacity: 10%;
}
.opacity-20{
    opacity: 20%;
}
.opacity-30{
    opacity: 30%;
}
.opacity-40{
    opacity: 40%;
}
.opacity-50{
    opacity: 50%;
}
.opacity-60{
    opacity: 60%;
}
.opacity-70{
    opacity: 70%;
}
.opacity-80{
    opacity: 80%;
}
.opacity-90{
    opacity: 90%;
}
.opacity-100{
    opacity: 100%;
}


.dropdown-menu{
    border-radius: 0.25rem !important;
}

.dropdown-fixed-right{
    position: fixed !important;
    left: unset !important;
    right:0px !important;
    transform: translate3d(-10px,44px,0px) !important;
}

.blunt-col-2{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.dt-buttons .dt-button-collection{
    background-color:#fff;
    display: inline-block;
    position:absolute;
    border-radius:0.25rem;
    border:1px solid rgba(26,26,26,0.15);
}

.dt-buttons .dt-button-collection .dt-button{
    display: block;
    padding:0.2rem;
    border:none;
    width: 100%;
    min-width:5rem;
    text-align:left;
    background-color:transparent;
}

.dt-buttons .dt-button-collection .dt-button:hover{
    display: block;
    background-color: rgba(46,46,46,0.05);
}

ol{
    padding-left: 1rem !important;
}
ol li{
    list-style: auto !important;
}

.popover-footer{
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.sup{
    vertical-align:super !important;
}

.inventory-endowmentitemserial_number-list li:hover{
    background-color: rgba(156,156,156,0.07);
    font-weight: 700;
    transition:all 0.15s;
}