@charset "UTF-8";

/*** CSS skins/default/crm/style.css ***/
/*****************************************************************/
/*           Correction of Bootstrap styles                      */
/*****************************************************************/
.input-group .input-group-prepend .mdi:before,
.input-group .input-group-append .mdi:before {
    line-height: 1.2;
    font-size: 16px;
}

/** Correction of some Hyper styles **/
.pagination-rounded .page-item:not(.active) .page-link:not(:hover) {
    background: transparent;
}
a.dropdown-item input.custom-control-input,
a.dropdown-item label.custom-control-label {
    cursor: pointer;
}
.fab-container {
    position:fixed;
    z-index:2;
    bottom:32px;
    right:32px;
}
.fab-container .btn-rounded {
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
}
.custom-accordion .collapsed i.accordion-arrow::before {
    content: "\f0142";
}

/*****************************************************************/
/*                  Loader component                             */
/*****************************************************************/
.mat-loader {
    position: relative;
    margin: 0 auto;
    width: 24px;
}
.mat-loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.circularLoader {
    -webkit-animation: loaderRotate 2s linear infinite;
            animation: loaderRotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    width: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.circularLoader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: loaderDash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
            animation: loaderDash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #fff;
    stroke-width: 4px;
}
@-webkit-keyframes loaderRotate {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
/* Don't take care of vim error on the next "}" */
}
@keyframes loaderRotate {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-webkit-keyframes loaderDash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
/* Don't take care of vim error on the next "}" */
}
@keyframes loaderDash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

#blockGlobal .pageLoader {
    position:absolute;
    z-index:1002;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0, 0, 0, 0.4);
}
#blockGlobal .pageLoader .mat-loader {
    margin-top: 50vh;
    transform: translateY(-50%);
    width: 75px;
}
#blockGlobal .pageLoader .mat-loader.inBlock::before {
    padding-top: 0;
}
#blockGlobal .pageLoader .mat-loader.inBlock {
    margin-top: 0;
    transform: translateY(0);
}

/*****************************************************************/
/*                      Utilities                                */
/*****************************************************************/
.cursor-pointer {
    cursor: pointer;
}

/*****************************************************************/
/*                Customisation for CRM                          */
/*****************************************************************/
/** Page header && breadcrumb fixed **/
.headerFixed #pageHeader {
    position: fixed;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    background-color: #fff;
    margin: 0 0 0 -12px;
    padding: 0 24px;
    z-index: 3;
}

.headerFixed #pageContent {
    margin-top: 75px;
    padding-top: 24px;
}

.headerFixed.breadCrumbFixed #pageBreadcrumb {
    position: fixed;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    background-color: #eef2f7;
    margin: 78px 0 0 -12px;
    padding: 0 24px;
    z-index: 2;
}

.headerFixed.breadCrumbFixed #pageContent {
    margin-top: 119px;
    padding-top: 24px;
}

.page-title-box.hasSubtitle {
    min-height: 78px;
}

.page-title-box.hasSubtitle .page-title .entityIcon {
    vertical-align: baseline;
}

.page-title-box.hasSubtitle small {
    padding-left: 20px;
}
/****/

.navbar-custom .app-search form {
    max-width: 500px;
}
.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    background: white;
    border: 1px solid white;
    color: #98a6ad;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #536de6 !important;
}
#leftside-menu-container .simplebar-content .side-nav-item .side-nav-link {
    padding: 10px;
}
#leftside-menu-container .simplebar-content .side-nav-third-level .side-nav-item .side-nav-link {
    padding: 5px;
}


/***********************************************************************/
/*                      Daterangepicker                                */
/***********************************************************************/
.daterangepicker select.monthselect {
    margin-right: 5px;
    width: auto;
    background: transparent;
    border: 1px lightgray solid;
    padding: 5px;
}
.daterangepicker select.yearselect {
    margin-right: 5px;
    width: auto;
    background: transparent;
    border: 1px lightgray solid;
    padding: 5px;
}