/*
    *** Custom CSS ***
*/


.fade:not(.show) {
    opacity: 1;
}

.error-message {
    margin-bottom: 1rem;
}

.success-message {
    margin-bottom: 1rem;
}

.password-help-note {
    padding: 1rem 0 0 0;
}

.user-management .user_body, .user-management .client_body {
    padding-top: 1rem;
}

.addNewButton {
    padding: 1rem 0 1rem 1rem;
}

.text-uppercase {
    text-transform: uppercase;
}

.form-item-group {
    padding: 1rem;
}

#modal-new .select2.select2-container {
    width: 100% !important;
}

.chat-list-item {
    cursor: pointer;
}

.call-list-item {
    cursor: pointer;
}


#sigimage {
    width: 100% !important;
}


#pageTitle {
    font-size: 1.5rem;
    font-weight: bold;
}



/********************
/* Dashboard START */
/********************/

.nav-item {
    width:50%;
    text-align: center;
}

.nav-item.bar3 {
    width:33% !important;
    text-align: center;
}

.nav-link.active {
    background: #ffc107;
    color: #fff;
}

.loading-image {
    color: #fdab29 !important;
}

/* Dashboard END */



/*************************
/* Boostrap Table START */
/************************/

.fixed-table-loading {
    color: #fdab29;
}

/* Boostrap Table END */


/************************************
/* For PRINT, used in invoice START */
/************************************/
@media print {
    @page 
    {
        size:  auto;   /* auto is the initial value */
        margin: 5mm;  /* this affects the margin in the printer settings */
        margin-top: 5mm;
        margin-bottom: 20mm;
    }

    html
    {
        background-color: #FFFFFF; 
        margin: 0px;  /* this affects the margin on the html before sending to printer */
    }

    body * {
        visibility: hidden;
        
    }

    #section-to-print, #section-to-print * {
        visibility: visible;
      
    }

    #section-to-print {
        display: block;
        font-size: 16px;
    }

    div.pagebreak {
        page-break-after: always !important;
        page-break-inside: avoid !important;
    }

    .not-to-print {
        display: none;
    }

    .padding {
        padding: 1rem;
    }

    #sigimage {
        width: 30% !important;
    }
}
/* For PRINT, used in invoice END */


/**************************
/* Loading spinner START */
/**************************/
.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #fdab29;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% { 
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% { 
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}
  

/* Loading spinner END */