﻿.spRequire {
    color: red !important;
}
.spBlue {
    color: blue !important;
}
.spGreen {
    color: green !important;
}
.noDisplay {display: none;}
.mouseClick {cursor: pointer;}

.mg_b_10 {margin-bottom:10px;}
.mg_b_25 {margin-bottom: 25px;}

.btnWidth {
    padding-left: 15px;
    padding-right: 20px;
}

.modal-lg1000 {max-width: 1000px;}
.modal-lg1200 {max-width: 1200px;}

.divTab .e-tab .e-touch {
    padding: 1rem !important;
    border: 1px solid #ced4da !important;
}
.divTab .e-tab .e-tab-header .e-toolbar-item.e-active {border: 1px solid #ced4da !important;}

.form-search {
    border-radius: 20px;
    background: #f8f9fa;
    border: 1px solid #ced4da;
    color: #47404f;
    padding: 15px;
}

.form-border-BM {
    border-bottom: 2px solid #ced4da;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.badge-square {
    width: auto !important;
    font-size: 0.9rem !important;
}

.badge-square-success, .badge-square-danger, .badge-square-warning {
    width: auto !important;
}

.navbar-header .content-header {
    font-weight: 500;
    font-size: 1.6rem;
}

.form-control {
    background-color: white !important;
    color: #0b0b0b;
    border: 1px solid #519620 !important;
}

.formTitle {
    color: #975AFF !important;
}

.fnCaption {
    font-size: 1em !important;
}

.divFormMenu {
    background: #f9fafc;
    position: absolute;
    width: 280px;
    vertical-align: top;
    height: calc(var(--vh, 1vh)*100 - 13.5rem);
    border-right: 1px solid #E0E0E0;
    z-index: 4;
    border-bottom-left-radius: 0.35rem;
    border-top-left-radius: 0.35rem;
    float: left;
}

.divFormcontent {
    float: left;
    z-index: 1;
    width: calc(100% - 280px);
    position: relative;
    padding: 0px;
    background-color: #fff;
    height: calc(var(--vh, 1vh)*100 - 13.5rem);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.modal-super-xl {
    max-width: 90% !important;
}

.title .line {
    position: absolute;
    width: 2px;
    height: 21px;
    background-color: #975AFF;
    top: 0;
    bottom: 0;
}

/*Template*/
.email-application .email-app-mail-content {width:100% !important;}

/**Telerik Customz*/
.k-panelbar > .k-item > .k-link.k-state-selected, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected {
    /* color: #ffffff;
    background-color: #007bff;*/

    color: #000;
}

.k-panelbar {
    /*color: #ffffff;
    
    border: none !important;*/
    color: #000;
    background-color: transparent !important;
}

.k-panelbar-header .k-link {
    color: #000;
    background-color: transparent;
    /*color: #ffffff;
   
    border: none !important;*/
}

.k-panelbar > .k-item > .k-link .k-icon, .k-panelbar > .k-item > .k-link .k-panelbar-item-icon, .k-panelbar > .k-panelbar-header > .k-link .k-icon, .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
    color: #000 !important;
}

.k-panelbar > .k-item + .k-item, .k-panelbar > .k-panelbar-header + .k-panelbar-header {
    border-top-width: 0px !important;
}

/*.k-panelbar-header .k-state-expanded {
    background: rgba(224,224,224,.2) !important;
}

.k-panelbar-header > .k-link > .k-state-selected {
    background: rgba(224,224,224,.2) !important;
}*/

.k-panelbar-item-text {
    cursor: pointer;
}

/*Menu Selected*/
.k-panelbar > .k-item > .k-link.k-state-selected, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected {
    color: #000;
    /*background: rgba(224,224,224,.2) !important;*/
}

.k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link {
    color: #000;
    background-color: transparent;
    /*
    color: #ffffff;
   
    border: none !important;
        */
}

a.aPanelBarMenu:hover, a.aPanelBarMenu, a.aPanelBarMenu:link, a.aPanelBarMenu:visited {
    
    color: #000;
}

/*.k-panelbar > .k-item > .k-link:hover,
.k-panelbar > .k-item > .k-link.k-state-hover,
.k-panelbar > .k-panelbar-header > .k-link:hover,
.k-panelbar > .k-panelbar-header > .k-link.k-state-hover {
    background: rgba(224,224,224,.2) !important;
}*/

.k-panelbar > .k-item > .k-link.k-state-selected,
.k-panelbar > .k-panelbar-header > .k-link.k-state-selected {
    color: #000;
    /*color: #ffffff;
     background: rgba(224,224,224,.2) !important;
    */
}

.k-panelbar > .k-item > .k-link.k-state-selected .k-icon,
.k-panelbar > .k-item > .k-link.k-state-selected .k-panelbar-item-icon,
.k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-icon,
.k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-panelbar-item-icon {
    color: inherit;
}

.k-treeview .k-in {
    cursor: pointer;
}


.k-panelbar > .k-item > .k-link.k-state-selected, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected {
    color: #09764B !important;
    background-color: #D6E06B !important;
}

.k-panelbar .k-group > .k-item > .k-link.k-state-selected, .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected, .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected {
    color: #09764B !important;
    background-color: #D6E06B !important;
}

.customized-panelbar-item,
.customized-panelbar-item.k-item .k-link,
.customized-panelbar-item.k-item .k-link.k-state-selected,
.customized-panelbar-item.k-item .k-link.k-state-selected:hover {
    color: #09764B !important;
    background-color: #D6E06B !important;
}

/* Telerik Splitter */
.k-ghost-splitbar-horizontal, .k-splitbar-horizontal {
    width: 15px;
}

.k-loader-container-inner .k-text-primary {
    color: #0A6E4F !important;
}

.k-loader-spinner-4.k-loader-md .k-loader-canvas {
    color: #0A6E4F;
}

.k-treeview-lines {padding-left:0px !important;}

.vertical-layout.navbar-sticky nav.header-navbar {
    
    box-shadow: 0 4px 20px 1px rgb(0 0 0 / 25%), 0 1px 4px rgb(0 0 0 / 0%);
}

.modal {
    overflow: auto !important;
}

.btnGreenForce {
    color: #FFF !important;
    background-color: #40C057 !important;
    border-color: #40C057 !important;
}