/* You can add global styles to this file, and also import other style files */
.margin-left-5 {
    margin-left: 5px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

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

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.width-percent-5 {
    width: 5%;
}

.width-percent-10 {
    width: 10%;
}

.width-percent-15 {
    width: 15%;
}

.width-percent-20 {
    width: 20%;
}

.width-percent-30 {
    width: 30%;
}

.width-percent-40 {
    width: 40%;
}

.width-percent-50 {
    width: 50%;
}

.width-percent-100 {
    width: 100%;
}

/* Sweet alert */

.swal2-title {
    display: inline-block !important;
}

body.swal2-height-auto {
    height: inherit !important;
}

.swal2-popup.swal2-toast {
    padding: 10px 12px!important;
    display: block !important;
}

.swal2-popup.swal2-toast .swal2-header, .swal2-popup.swal2-toast .swal2-title, .swal2-popup.swal2-toast .swal2-content {
    text-align: left !important;  
    margin: 0 !important;
}
.swal2-popup.swal2-toast .swal2-title {
    margin-bottom: 4px !important; 
}
@keyframes glowing {
    0% {
        opacity: .3;
    }

    50% {
        opacity: 1;
    }
 
    100% {
        opacity: .3;
    }
}

.glowing {
    animation: glowing 2s infinite;
}

.k-widget.form-control .k-input {
height: calc(1.5em + 1.3rem + 2px) !important;
}
.k-time-list-wrapper{
    background:white !important;
    height: 100px !important;
}
/* .k-popup {
    margin: 0px 100px !important;
    } */
.k-animation-container-shown, .k-animation-container>.k-popup{
        box-shadow: 0 0 0 0 white !important;
}

.error{
    color:rgb(253,57,122);
} 

/* input .form-control .error{
    border: solid 1px #ff0000 !important;
} */
/* .ng-invalid{
    border: solid 1px #ff0000 !important;
} */
input.error, .formgroup select.error{
    -webkit-box-shadow: 0 0px 9px 0 rgba(253,57,122,0.2);
    box-shadow: 0 0px 9px 0 rgba(253,57,122,0.2);
    border: 1px solid rgb(253,57,122) !important;
}

.kt-subheader--solid .kt-subheader
{
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2) !important;
}

.kt-subheader .btn
{
    border-radius: 5px;
}
body .ui-table .ui-sortable-column .ui-sortable-column-icon {
    color: #848484;
    float: right;
    margin-top: 5px;
}
.kpi-box-count {
    font-size: 2.5rem !important;
	font-weight: 400;
}
.kpi-box-text p {
	font-weight: 400;
}
.primeng-datatable-container .ui-table table thead tr th {
    font-size: 1rem !important;
}

/* Accordion */
body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a {
    background-color: #f4f4f4!important;
    border: 1px solid #f4f4f4!important;
    color: #476B2D  !important;
}
body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a {
    border: 1px solid #f4f4f4!important;
    background-color: #f4f4f4!important;
    color: #476B2D  !important;
}
body .ui-accordion .ui-accordion-header a {
font-weight: 525!important;
    font-size: 1.1rem;
    padding: 1.25rem;
    border: 1px solid #f4f4f4;
}
body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a .ui-accordion-toggle-icon{
    color: #476B2D  !important;
}
body .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active:hover a .ui-accordion-toggle-icon{
    color: #476B2D  !important;
}
body .ui-helper-reset {
    border: 1px solid #ebedf2;
    margin-top: 10px;
}
.nav-back-container{
    position: relative;
    left: -10px;
    margin-right: 5px;
}
.back-nav{
    border: 1px solid;
    padding: 6px 10px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    cursor: pointer;
    font-weight: 600;
}

.back-nav:hover{
    background-color:#0B617F !important;
    color: white !important;
}

@media (min-width: 1025px){
  .kt-subheader {
        position: sticky;
        height: 54px;
        top: 65px;
        left: 250px;
        right: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 94;
        background-color: #fff;
        -webkit-box-shadow: 0 10px 30px 0 rgba(82,63,105,.08);
        box-shadow: 0 10px 30px 0 rgba(82,63,105,.08);
        margin: 0;
    }
}