.main-content {
    margin: 4px;
}

.sidebar[data-background-color=black] .sidebar-background:after {
    background: #343a40 !important;
    opacity: inherit;
}

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


.btn-crud {
    width: 150px;
    font-size: 14px;
}

/* .swal2-icon.swal2-warning.swal2-animate-warning-icon::before {
    content: "\01F600" !important;
    font-size: 6rem !important;
} */

.swal2-icon-text {
    font-size: 3.75em;
}

.date-picker-icon {
    padding: 0px !important;
    padding-right: 10px !important;
    position: relative;
    top: 0px;
}


.dropdown-menu .dropdown-item, .dropdown-menu li>a {
    position: relative;
    width: auto;
    display: flex;
    flex-flow: nowrap;
    align-items: center;
    color: #333;
    font-weight: 400;
    text-decoration: none;
    font-size: .8125rem;
    border-radius: 0.125rem;
    margin: 0 0.3125rem;
    transition: all .15s linear;
    min-width: 7rem;
    padding: 0.625rem 1.25rem;
    overflow: hidden;
    line-height: 10px;
    text-overflow: ellipsis;
    word-wrap: break-word;
}




.jqx-maskedinput-light, .jqx-combobox-light, .jqx-datetimeinput-light {
/*     background: linear-gradient(357deg, #c4e4f1, #fafdfe); */
  background: linear-gradient(358deg, #d8dddf, white);
    color: var(--jqx-background-color);
    border-color: #dedede;
    border-bottom: 1px solid var(--jqx-border);
    position: relative;
    bottom: 6px;
    height: 27px !important;
    border-radius: 5px;
}

.jqx-widget-content-light {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: var(--jqx-background-color);
/*     background-color: #fff0; */
}

.jqx-input-light input, input[type="text"].jqx-input-light, input[type="password"].jqx-input-light, input[type="text"].jqx-widget-content-light, input[type="textarea"].jqx-widget-content-light, textarea.jqx-input-light {
    font-size: var(--jqx-font-size);
    font-family: var(--jqx-font-family);
    resize: none;
    background: none;
    color: var(--jqx-background-color);
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: none;
    border-bottom: 1px solid var(--jqx-border);
}

.jqx-combobox-light .jqx-combobox-arrow-normal-light, .jqx-datetimeinput-light .jqx-action-button-light, .jqx-datetimeinput-light .jqx-action-button-rtl-light {
    background-color: rgb(255 255 255 / 0%);
    border-color: var(--jqx-surface);
    color: var(--jqx-surface-color);
}

.dropdown-toggle:after {
    vertical-align: text-top !important;
}

.table-multi-column tr {
    cursor: pointer;
/*     background: linear-gradient(45deg, #dafffe, #f7ffff); */
  background:#ede8e8;
}

.table-multi-column {
    border: 1px solid #6c757d;
}


.table-multi-column th {
/*     background-color: #20ada8 !important; */
  background-color: #3e5870 !important;
/*     border-color: #20ada8 !important; */
    color: white !important;
}


.bmd-form-group input:focus {
  border-color: #000 !important;
  color: #333;
}

.dropdown.bootstrap-select .btn-link:hover {
/*     border-color: #20b2aa !important; */
  border-color: black !important;
}

#tabForm .nav-item .nav-link {
    border-radius: 0px;
    line-height: 16px;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 12px;
    padding: 5px 30px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0px 6px 9px 2px rgb(0 0 0 / 30%);
}


.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block;
    font-family: Verdana, Arial, sans-serif;
}


.bmd-form-group label {
    font-size: 13px !important;
    color: #333 !important;
    font-weight: 300;
    font-family: Verdana, Arial, sans-serif !important;
    padding-bottom: 10px;
}

.card-collapse .card-header {
     border-bottom: none;
    padding: 4px 2px 4px 0;
    margin: 0;
    box-shadow: none!important;
/*     background: linear-gradient(180deg, #ffffff00 calc(44%), #ff0083 calc(50%),#fff0 calc(50%)); */
  background: linear-gradient(180deg, #ffffff00 calc(44%), #6c757d calc(50%), #fff0 calc(50%));
}


.form-control:read-only {
/*     background: linear-gradient(45deg, #ededed, #fbfbfb); */
/*   background: linear-gradient(45deg, #c2cfd5, #bcccdd); */
  background: linear-gradient(45deg, #cbd0d3, #d8dbdf);
}

.jqx-scrollbar .jqx-icon-arrow-left {
    width: 100%;
    height: 17px !important;
    background-color: #a7d5e9 !important;
}

.jqx-scrollbar .jqx-icon-arrow-right {
    width: 100%;
    height: 17px !important;
    background-color: #a7d5e9 !important;
}

.jqx-scrollbar .jqx-icon-arrow-down {
    width: 16px !important;
    height: 17px;
    background-color: #a7d5e9;
}

.jqx-scrollbar .jqx-icon-arrow-up {
    width: 16px !important;
    height: 100%;
    background-color: #a7d5e9;
}

.jqx-scrollbar-thumb-state-normal {
    margin: 0px;
    padding: 0px;
    border: 1px solid #b5b5b5;
    touch-action: none;
    width: 16px !important;
}

.btn.btn-outline {
    color: #fff;
    background-color: #115d85;
    border-color: #0f5481;
}
.jqx-scrollbar-thumb-state-normal-horizontal {
    touch-action: none;
    height: 16px !important;
    margin: 0px;
    padding: 0px;
    background: #efefef;
    border-width: 1px;
    border-style: solid;
    border-color: #b5b5b5;
    border-image: initial;
}

.jqx-scrollbar-thumb-state-hover-horizontal {
    touch-action: none;
    height: 16px !important;
    margin: 0px;
    padding: 0px;
    background: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
}

button.btn.btn-default.btn-visibility {
/*     background: linear-gradient(to bottom right, #20b2aa, #0e8f8f) !important; */
    border: 0;
    color: #FFFFFF !important;
    font-size:9px;
    padding: 4px 4px;
    border-radius: 4px;
    display: inline-block;
    font-family: Verdana, Arial, sans-serif;
    font-weight: 500;
    line-height: 2.5;
    outline: transparent;
    margin-bottom: 6px !important;
  margin-top: 6px;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
}

button.btn.btn-default.btn-visibility:not([disabled]):focus {
   background: #0d487c !important;
box-shadow: 0 0 0.25rem #0d487c, -0.125rem -0.125rem 1rem #0d487c, 0.125rem 0.125rem 1rem #0d487c;
}

button.btn.btn-default.btn-visibility:not([disabled]):hover {
    background: #0d487c !important;
    box-shadow: 0 0 0.25rem #1caba4, -0.125rem -0.125rem 1rem #20b2aa, 0.125rem 0.125rem 1rem #20b2aa;
}

.jqx-listitem-state-selected-light {
  border-color: #b6dded !important;
    background: #b6dded !important;
    box-shadow: none;
}

.jqx-input-bar-light:before {
    content: '';
    height: 2px;
    width: 0;
    bottom: -3px;
    position: absolute;
    background: #b6dded;
    transition: 300ms ease all;
    left: 0%;
}

.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
    border-color: #b6dded;
}

.jqx-fill-state-hover {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #b6dded;
    background: linear-gradient(358deg, #b6dded, white);
}

.jqx-fill-state-pressed {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
color: black !important;
/*   background: linear-gradient(358deg, #b6dded, white) !important; */
  background: linear-gradient(358deg, #636b6e, white) !important;
}



.jqx-fill-state-focus {
    border-color:#b6dded;
}

.jqx-grid-cell-alt {
    background: #b6dded;
}

.jqx-grid-cell-alt-pressed {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #b6dded;
    background: linear-gradient(358deg, #b6dded, white) !important;
}

.jqx-grid-cell-hover {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #b6dded;
/*     background: linear-gradient(358deg, #b6dded, white); */
   background: linear-gradient(358deg, #cccecf, white);
}

.jqx-grid-cell-pressed {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #cccecf;
    background: linear-gradient(358deg, #cccecf, white) !important;
}

.jqx-widget-header{
        font-size: 11px !important; 
/*    background: linear-gradient(135deg, #007b91, #005f73);   */
    color: #212529 !important;
    font-weight: bold !important;
    text-align: center !important;
    font-size: 13px !important; 
      border-bottom: 1px solid #004f5c !important;
  
}

.jqx-grid-cell{
      font-size: 11px !important;
/*  background-color: #def5ff; */
    background-color: #ffffff !important; 
    color: #222222 !important;  
    font-size: 12px !important;
    font-weight: normal  !important;
 
}

.jqx-reset {
    padding: 0;
    margin: 0;
    border: none;
/*         background: #cef1ff; */
  background: #fff;
    outline: none;
    box-sizing: content-box;
}

.jqx-grid {
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
 border-color: #b6dded !important;
 margin-bottom: 100px;
  font-size: 12px !important; 
    color: #333333 !important;
    border: 1px solid #bfbfbf !important;
    font-weight: normal !important;
}

.jqx-grid-cell-alt {
    background-color: #f2f2f2 !important;  
}
 
.jqx-grid-cell-hover {
    background-color: #d9d9d9 !important;  
    color: #000000 !important;
}
.jqx-grid-cell-selected {
    background-color: #6b8e23 !important; 
    color: #000 !important; 
    font-weight: bold !important;
}
 
.jqx-grid-filter-row {
    background-color: #e5e5e5 !important;
    color: #333333 !important;
    font-weight: bold !important;
    font-size: 12px !important;
}

.jqx-grid-column-header:hover {
/*     background: #006d77 !important;  */
  background: linear-gradient(358deg, #d8dddf, white);

    cursor: pointer;
}
.jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright {
    background-color: #a7d5e9 !important;
}

.btn.btn-primary {

    box-shadow: 0 2px 2px 0 rgba(156,39,176,.14), 0 3px 1px -2px rgba(156,39,176,.2), 0 1px 5px 0 rgba(156,39,176,.12); 
  font-family: Verdana, Arial, sans-serif;
   padding: 10px 30px;
/*  background-color: #40b569; */
/*     border-color: #40b569;  */
  background-color: #0d487c;
   border-color: #0d487c;
    color: #fff; 
    font-weight: 600;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: 0.4s;
}
.btn.btn-primary::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
/*     background: #ff577f; */
/*   background:#e9569a; */
  background:black;
    z-index: -1;
    transition: 0.4s;
}

.btn.btn-primary:hover::before {
    left: 0;
}

.btn.btn-primary:hover {
    color: white;
}
/* .btn.btn-primary {
    color: #fff;
  font-family: Verdana, Arial, sans-serif;
    background-color: #40b569;
    border-color: #40b569;
    box-shadow: 0 2px 2px 0 rgba(156,39,176,.14), 0 3px 1px -2px rgba(156,39,176,.2), 0 1px 5px 0 rgba(156,39,176,.12);
}
*/
/* .btn.btn-primary:hover {
    color: #fff;
    background-color: 0d487c;
    border-color: #e7a23b;
    box-shadow: 0 2px 2px 0 rgba(156,39,176,.14), 0 3px 1px -2px rgba(156,39,176,.2), 0 1px 5px 0 rgba(156,39,176,.12);
}
 
.btn.btn-primary:focus {
    color: #fff;
    background-color:#0d487c;
    border-color: #e7a23b;
    box-shadow: 0 2px 2px 0 rgba(156,39,176,.14), 0 3px 1px -2px rgba(156,39,176,.2), 0 1px 5px 0 rgba(156,39,176,.12);
} */

.card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
   
    background: linear-gradient(45deg, #20b2aa, #0d487c) !important;
}


.button-float-right {
/*     background-color: #239fe2; */
  background-color: #08355c;
}

.button-float-right:hover {
    background-color: #0f5b89;
  box-shadow: 0 2px 2px 0 hsla(0,0%,60%,.14), 0 3px 1px -2px hsla(0,0%,60%,.2), 0 1px 5px 0 hsla(0,0%,60%,.12);
}

.btn.btn-default{   
/* background: linear-gradient(to bottom right, #20b2aa, #0e8f8f); */
/*   background-color: #8aabbb; */
  background-color: #115d85;
    border: 0;
    border-radius: 5px;
    color: #FFFFFF;
/*   color: #212529; */
  
    display: inline-block;
   font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 2.5;
    outline: transparent;
    padding: 5px 12px;
    margin-bottom: 6px !important;
  margin-top: -4px;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
}

.btn.btn-default:not([disabled]):focus {
   background: #0d487c;
/* box-shadow: 0 0 0.25rem #0d487c, -0.125rem -0.125rem 1rem #0d487c, 0.125rem 0.125rem 1rem #0d487c; */
  
}

.btn.btn-default:not([disabled]):hover {
    background: #0d487c;
/*     box-shadow: 0 0 0.25rem #1caba4, -0.125rem -0.125rem 1rem #20b2aa, 0.125rem 0.125rem 1rem #20b2aa; */
  
}

.btn.btn-warning {   
/* background: linear-gradient(to bottom right, #20b2aa, #0e8f8f); */
  background-color: #26343a;
    border: 0;
    border-radius: 5px;
    color: #FFFFFF !important;
    display: inline-block;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    font-weight: 500;
    line-height: 2.0;
    outline: transparent;
    padding: 5px 8px;
    margin-bottom: 0px !important;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
}

.btn.btn-warning:not([disabled]):focus {
   background: #0d487c;
/* box-shadow: 0 0 0.25rem #0d487c, -0.125rem -0.125rem 1rem #0d487c, 0.125rem 0.125rem 1rem #0d487c; */
  
}

.btn.btn-warning:not([disabled]):hover {
    background: #0d487c;
/*     box-shadow: 0 0 0.25rem #1caba4, -0.125rem -0.125rem 1rem #20b2aa, 0.125rem 0.125rem 1rem #20b2aa; */
}

/* .form-control, .is-focused .form-control {
    background-image: linear-gradient(0deg,#20b2aa 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);
}  */

.bootstrap-select .btn.btn-link:hover::before {
    border: 0.07rem solid #20b2aa !important;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}


.dropdown-menu .dropdown-item:hover, .dropdown-menu a:hover {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(156,39,176,.4);
/*     background-color: #20b2aa; */
  background: #546e86;
    color: #fff;
}

.bootstrap-select .dropdown-item.active {
/*     background: #20b2aa; */
  background: #0d487c;
    color: #fff;
}


    .btn-crud i {
        padding-right: 6px;
        margin-top: -20px !important;
    }

.material-icons {
    vertical-align: middle;
  position: relative;
    top: 0px;
    z-index: 1;
}

label .material-icons {
    vertical-align: text-bottom;
    font-size: 15px;
}

.logo-anchor {
    font-size: 15px;
    font-weight: 300;
    color: #f44336;
  font-family: Verdana, Arial, sans-serif;
}

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.data-list-panel {
    margin-top: 60px;
}

.menu-toggle {
    background-color: rgb(241, 241, 241);
    margin-left: 80%;
    border: none;
    cursor: pointer;
}

.sidebar .logo {
    text-align: center;
    font-weight: bold;
}

.sidebar .sidebar-wrapper {
    overflow: initial;
}



.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info {
    color: #FFFFFF;
}

.dropdown-toggle.btn {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-left: 0px !important;
}

.dropdown.bootstrap-select {
    margin-top: -5px !important;
  	background-image: none;
   
}

.advance-grid-tbody .dropdown.bootstrap-select {
    margin-top: 0px !important;
}

.bmd-form-group {
    margin-top: 21px !important;
}

    .bmd-form-group .bmd-label-static {
        top: -23px !important;
    }

	.bmd-form-group input{
	  	
    outline: none;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    padding: 4px 4px;
    margin-top: 0px;
    color: #000;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 25px;
/* 	  background: linear-gradient(358deg, #b6dded, white); */
/* 	  background: linear-gradient(358deg, #d8dddf, white); */
    box-shadow: 0 10px 10px 0 rgb(200 200 200 / 50%);
}


.form-group.dropdown-form-group {
    margin-top: 16px !important;
}

.form-group.select-form-group {
    margin-top: 27px !important;
}

    .form-group.select-form-group .bmd-label-static {
        top: -28px !important;
        font-size: .3000rem;
	    color:brown;
    }

.dropdown.bootstrap-select .btn-link {
    padding-left: 5px !important;
    padding-right: 15px !important;
    color: #000 !important;
    text-transform: none;
    font-size: inherit;
    outline: none;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    top: -5px;
  	height: 25px;
/*      background: linear-gradient(358deg, #b6dded, white); */
/*   background: linear-gradient(358deg, #d8dddf, white); */

}

.dropdown-toggle:after{
  	vertical-align: 5px;
}

.dropdown.bootstrap-select .btn-link:focus{
   border-color: #000 !important;
/*       background-image: linear-gradient(0deg,#20b2aa 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0) !important; */
}

.dropdown.bootstrap-select .btn-link:hover{
  border-color: #000 !important;
}

.button-row {
    margin-top: 30px;
    margin-left: 0px;
}

.margin-left-20 {
    margin-left: 20px;
}

.validation-error {
    color: red;
    display: block;
    margin-top: -12px;
}

    .validation-error li {
        display: block;
        width: 100%;
        background-color: #ff3f3f;
        color: #fff;
        padding: 20px 10px;
        margin-bottom: 30px;
        position: fixed;
        top: 0px;
        left: 0px;
        font-size: 18px;
        text-align: center;
    }

.required:after {
    content: '*';
    margin-left: 3px;
    vertical-align: text-bottom;
    color: #de1405;
}

.material-datatables .dataTables_paginate .pagination .paginate_button .page-link:hover {
    background-color: #e2e2e2;
    color: #000;
}

.project-name {
    width: 70%;
    text-align: center;
    font-weight: 500;
    color: #9C27B0;
}

.btn-grid {
    padding-top: 8px;
    padding-bottom: 6px;
    padding-left: 14px;
    padding-right: 15px;
}

.dataTable > tbody > tr > td,
.dataTable > tbody > tr > th,
.dataTable > tfoot > tr > td,
.dataTable > tfoot > tr > th,
.dataTable > thead > tr > td,
.dataTable > thead > tr > th {
    color: #000;
    font-weight: 500;
}

::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #F1F1F1;
}

::-webkit-scrollbar-thumb {
/*     background: #8b5e5e; */
  background:#0d487c;
    border-radius: 0px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.form-title {
    margin-top: -35px;
    margin-bottom: 20px;
    text-align: center;
    width: 80%;
    font-weight: 200;
    font-size: 10px;
    box-shadow: 0px 2px 4px 1px rgba(0,0,0,.14);
    padding: 8px;
    background-color: #fff;
    border-radius: 4px;
    color: #9C27B0;
    text-transform: uppercase;
}

.collapse-panel {
    background-color: #FFF;
    margin-bottom: 0px;
    /* border-top-left-radius: 10px !important; */
    /* border-top-right-radius: 10px !important; */
    /* box-shadow: 0 1px 4px 0 rgba(0,0,0,.14); */
}

    .collapse-panel .card-body {
        padding: 13px;
    }

.panel-title {
  
   
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}


    .panel-title h4 {
        margin: 0px !important;
    }


.panel-title a:hover {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #FFF !important;
/*    background: linear-gradient(45deg, #0d487c, #20b2aa) !important; */
  background: #6791b7;
}


.panel-title a {
       width: fit-content;
    font-size: 13px !important;
    font-family: Verdana, Arial, sans-serif;
    font-weight: 500 !important;
    color: #FFF !important;
/*     background: #ff0083; */
  background: #556f87;
    margin: 0px auto;
    padding: 4px 12px !important;
    /* border-top-left-radius: 4px !important; */
    /* border-top-right-radius: 4px !important; */
    border-radius: 6px;
}


    .panel-title i {
        top: 0px !important;
    }

.main-panel > .navbar {
    padding: 0px;
}

.menu-search-icon {
    margin-left: -4px;
    margin-right: -25px;
    margin-top: 6px;
}

.menu-search-icon {
    margin-left: -4px;
    margin-right: -25px;
    margin-top: 6px;
}

    .menu-search-icon i {
        width: 18px !important;
        margin-right: 20px !important;
    }

#txtMenuSearch {
    margin-right:20px;
    color: #FFF;
}

#txtMenuSearch, .is-focused #txtMenuSearch {
    background-image: linear-gradient(0deg,#4caf50 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0);
}

.bootstrap-autocomplete {
    background-color: #FFF;
    /*box-shadow: 0 4px 5px 0 rgb(255 255 255 / 0.16), 0 4px 10px 0 rgb(255 255 255 / 0.12);*/
    border-radius: 0px;
    max-height: 300px;
    overflow-y: auto;
}

    .bootstrap-autocomplete .dropdown-item {
        color: #000 !important;
        margin: 0px 5px !important;
        text-transform: none !important;
        white-space: break-spaces !important;
        display: block;
    }

        .bootstrap-autocomplete .dropdown-item.active, .bootstrap-autocomplete .dropdown-item:active {
            background-color: #4caf50 !important;
        }

        .bootstrap-autocomplete .dropdown-item:focus,
        .bootstrap-autocomplete .dropdown-item:hover,
        .bootstrap-autocomplete a:active,
        .bootstrap-autocomplete a:focus,
        .bootstrap-autocomplete a:hover {
            box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgb(76 175 80 / 0.4) !important;
            background-color: #4caf50 !important;
        }

.nav-link i.fas {
    font-size: 18px !important;
    width: 18px !important;
}

.nav-link i.material-icons {
    margin-left: -6px;
    margin-right: 9px;
}

#tabCard {
    margin-bottom: 5px;
}

.form-tab-header {
    padding: 0px 10px !important;
    border-radius: 0px !important;
    margin: -30px 0px 0px 0px !important;
    z-index: 10 !important;
}

    .form-tab-header.fixed {
        display: block;
        position: fixed;
        top: 30px;
        width: 100%;
    }

    .form-tab-header .nav-tabs-navigation {
        margin-left: -10px;
    }

#tabForm .nav-item {
    text-align: center;
    margin: 0px;
    margin-bottom: 0px;
    position: relative;
}

    #tabForm .nav-item .nav-link {
        border-radius: 0px;
        line-height: 16px;
        font-size: 12px;
        padding: 5px 30px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        max-width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        box-shadow: 0px 6px 9px 2px rgb(0 0 0 / 30%);
	   
    }

.close-tab {
    font-size: 11px;
    position: absolute;
    right: -3px;
    top: 2px;
    cursor: pointer;
    z-index: 1000;
}

.menu-footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    font-size: 14px;
    color: #ff5722;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    z-index: 100;
    width: 253px;
}

.sidebar-mini .menu-footer {
    display: none;
}

#tabForm .nav-item .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    border-top: 2px solid #fafafa;
}

.navbar .navbar-minimize {
    padding: 0px;
}

#minimizeSidebar {
    height: 21px;
    width: 5px;
    min-width: 22px;
    background-color: #0a3b6c !important;
    border-color: #343a40 !important;
}

    #minimizeSidebar .fa,
    #minimizeSidebar .material-icons {
        line-height: 23px;
        font-size: 17px;
    }

.client-name {
    width: 88%;
    text-align: center;
    padding-left: 6%;
    padding-top: 2px;
    font-size: 22px;
    font-weight: 900;
  	color: black;
}

.bootstrap-select .dropdown-toggle .filter-option {
    top: -7px;
}

.bootstrap-select .btn.btn-default.btn-link:active::before,
.bootstrap-select .btn.btn-default.btn-link:focus::before,
.bootstrap-select .btn.btn-default.btn-link:hover::before,
.bootstrap-select .btn.btn-link:active::before,
.bootstrap-select .btn.btn-link:focus::before,
.bootstrap-select .btn.btn-link:hover::before {
    border: 0.07rem solid #000;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: "-" !important;
    background: linear-gradient(60deg,#ec407a,#d81b60) !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
    top: 50%;
    margin-top: -9px;
    left: 4px;
    height: 18px;
    width: 18px;
    display: block;
    position: absolute;
    color: #FFF;
    border: 0px;
    border-radius: 14px;
    box-sizing: content-box;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    content: "+";
    font-weight: 800;
    background: #66bb6a;
    background: linear-gradient(60deg,#66bb6a,#43a047);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(76,175,80,.4);
}

table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
    height: 19px;
    width: 19px;
    display: block;
    position: absolute;
    color: #FFF;
    border: 0px;
    border-radius: 14px;
    box-sizing: content-box;
    text-align: center;
    line-height: 19px;
    font-size: 18px;
    content: "+";
    font-weight: 800;
    background: #66bb6a;
    background: linear-gradient(60deg,#66bb6a,#43a047);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(76,175,80,.4);
}

.date-picker-icon {
    padding: 0px !important;
    padding-right: 0px !important;
}

.checkbox-list {
    max-height: 50px;
    overflow: auto;
    padding: 5px;
}

.advance-grid.table {
 	width: auto;
/*     height: auto; */
/*     min-height: 35px; */
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0,188,212,.4);
}

.advance-grid tbody {
   display: block;
/*     max-height: 500px; */
    overflow: auto;
}

    .advance-grid thead, .advance-grid tbody tr {
        display: table;
        width: 100%;
	    height: 35px;
        table-layout: fixed; /* even columns width , fix width of table too*/
	    position: sticky;
        top: 0;
    }

.advance-grid-thead tr th {
    color: #000 !important;
    border: 1px solid #4DD0E1;
    font-size: 12px !important;
    text-align: center;
/*     background: #26c6da; */
  background: #6791b7;
    font-weight: 900 !important;
    /* background: -webkit-linear-gradient(to right, #0097A7, #26c6da);
    background: linear-gradient(to top, #0097A7, #26c6da);*/
}

.advance-grid-tbody tr td {
    border: 1px solid #E0E0E0;
    cursor: pointer;
}

.advance-grid-tbody tr {
    position: relative !important;
}

.advance-grid .add-button {
    font-size: 12px;
    padding: 3px 5px;
/*     border-radius: 50%; */
    background: linear-gradient(180deg,#8BC34A,#33691E);
}

.advance-grid .delete-button {
    font-size: 12px;
    padding: 2px 8px;
/*     border-radius: 50%; */
    background: linear-gradient(180deg,#F44336,#C62828);
}

.advance-grid > tbody > tr > td,
.advance-grid > tbody > tr > th,
.advance-grid > tfoot > tr > td,
.advance-grid > tfoot > tr > th,
.advance-grid > thead > tr > td,
.advance-grid > thead > tr > th {
/*     padding: 2px 5px; */
  padding: 0px 3px;
}

.datepicker .table-condensed tbody tr:nth-of-type(odd) {
    background-color: transparent !important;
}

.datepicker .table-condensed tbody tr td {
    border: none !important;
    border-radius: 0px !important;
}

.datepicker .table-condensed tbody tr:hover {
    background-color: transparent !important;
}

.row-number {
    text-align: center;
}

.delete-row-panel {
    padding: 0px;
    margin: -8px;
}

    .delete-row-panel button {
        padding: 5px 20px;
        margin-left: 5px;
        margin-right: 5px;
    }

.advance-grid label.error {
    color: #f44336;
    margin: 2px 0px;
    display: block;
}


.grid-template-row {
    display: none;
}

.empty-grid-row td {
    padding: 8px !important;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.empty-grid-row i {
    margin-top: -3px;
    margin-right: -5px;
}

/*.advance-grid label.error {
    color: #FFF !important;
    position: absolute;
    top: 43px;
    background: linear-gradient(to top, #C62828, #EF5350);
    border-radius: 3px;
    padding: 3px 10px;
    white-space: nowrap;
    box-shadow: 0 2px 2px 0 rgba(76,175,80,.14), 0 3px 1px -2px rgba(76,175,80,.2), 0 1px 5px 0 rgba(76,175,80,.12);
    display: none;
}

    .advance-grid label.error::before {
        content: '';
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #d83b3a;
        position: absolute;
        top: -6px;
        left: 10px;
    }*/

form .form-group .error {
    color: #F44336 !important;
    font-weight: 400;
}

form .form-group label.error {
  	display:none;
}

.crud-panel {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: rgb(139 195 74 / 20%);
    left: 0px;
    text-align: center;
    height: 40px;
    padding-top: 0px;
    box-shadow: 0px -4px 4px 0 rgb(0 0 0 / 14%);
    z-index: 1000;
}

    .crud-panel .btn-command {
        margin-left: 5px;
        margin-right: 5px;
        width: 130px;
        padding: 6px 10px;
    }

@media screen and (max-width: 600px) {
    .crud-panel {
        padding: 8px;
        overflow: auto;
    }

        .crud-panel button {
            padding: 8px 0px !important;
            width: 100px !important;
            margin: 0px 5px;
            margin-bottom: 10px;
        }
}

.form-header {
    text-align: Center;
    font-weight: 900;
    font-size: 11px;
    color: #05616d;
  	display:none;
  
}

.panel-container {
    margin-bottom: 100px;
}

#PrintButtonsPanel {
    margin-top: 25px;
    text-align: center;
    width: 100%;
}

.btn-print {
    height: 60px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px 25px;
}

    .btn-print i {
        font-size: 30px !important;
        margin-top: -34px !important;
    }

    .btn-print span {
        display: block;
        margin-top: 8px;
    }

.bs-popover-top {
    display: inline-table !important;
    border: 1px solid #dedada;
}


@media screen and (min-width: 480px) {
    .bs-popover-top .popover-body {
        width: 60vw;
    }
}

.printModal {
    font-family: sans-serif;
    display: flex;
    text-align: center;
    font-weight: 300;
    font-size: 30px;
    left: 0;
    top: 0;
    position: absolute;
    color: #0460b5;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,100%,.91)
}

.printClose {
    position: absolute;
    right: 10px;
    top: 10px
}

    .printClose:before {
        content: "\00D7";
        font-family: Helvetica Neue,sans-serif;
        font-weight: 100;
        line-height: 1px;
        padding-top: .5em;
        display: block;
        font-size: 2em;
        text-indent: 1px;
        overflow: hidden;
        height: 1.25em;
        width: 1.25em;
        text-align: center;
        cursor: pointer
    }

.upload-form-group {
    margin-top: 16px !important;
}

.upload-label {
    font-size: 14px;
/*     color: #ab47bc; */
 color: #0d487c;
    font-weight: bold;
  margin-top: -22px;
}

.btn-upload {
    color: #000 !important;
}

.file-name {
    color: #000;
    font-weight: 400;
}

.file-upload-text, .excel-upload-text {
/*     background-image: linear-gradient( 0deg,#9c27b0 2px,rgba(156,39,176,0) 0),linear-gradient( 0deg,#d2d2d2 1px,hsla(0,0%,82%,0) 0); */
  background-image: linear-gradient(0deg, #6c757d 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);
    border: 0;
    height: 36px;
    transition: background 0s ease-out;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    font-size: 14px;
    width: 100%;
    box-shadow: none;
}

.advance-grid-tbody .file-upload-text {
    background-color: transparent;
}

.tbl-file-upload {
    margin-left: -1px;
    width: 100%;
}

.advance-grid-tbody .tbl-file-upload tr > td {
    border: none;
    background-color: #f9f9f9;
    width: auto;
}

.col-file-upload {
    width: 16%;
}

.hide-column {
    display: none;
}

        .table-multi-column tr:hover {
            background: #d2d2d2;
            background: -webkit-linear-gradient(to bottom, #eee, #d2d2d2);
              background: linear-gradient(359deg, #d2d2d2, #d2d2d2) !important;
/* 		  background:#9aa4ad; */
        }

    
    .table-multi-column tr td {
        font-weight: 300 !important;
	  font-family: Verdana, Arial, sans-serif !important;
	  font-size: 13px;
	  
    }

.multi-column-selected-row {
    background: #d2d2d2;
    background: -webkit-linear-gradient(to bottom, #eee, #d2d2d2);
    background: linear-gradient(to bottom, #eee, #d2d2d2) !important;
}

.filter-textbox {
    width: 100% !important;
    display: block !important;
    margin-left: 0px !important;
}

    .filter-textbox::placeholder,
    .filter-textbox::-webkit-input-placeholder {
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
        padding-left: 3px;
    }

.input-clear-button {
    float: right;
    margin-top: -24px;
    margin-right: 6px;
    cursor: pointer;
}

.multi-column-input:read-only {
    background-image: none;
    background-color: transparent;
}

.import-excel-form-group {
    margin-top: 16px !important;
}

.tbl-excel-upload {
    margin-left: -1px;
    width: 100%;
}

.excel-upload-label {
    font-size: 14px;
    color: #ab47bc;
    font-weight: 400;
}

.btn-excel-upload {
    background-color: #206b23 !important;
}

    .btn-excel-upload i {
        margin-right: 5px;
    }

.excel-file-name {
    color: #000;
    font-weight: 400;
}

.col-excel-file-upload {
    width: 8%;
}

@media (min-width: 991px) {
    .sidebar-mini .sidebar:hover {
        width: 80px;
    }

        .sidebar-mini .sidebar:hover .sidebar-wrapper {
            width: 80px;
        }

            .sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li > a p,
            .sidebar-mini .sidebar:hover .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
            .sidebar-mini .sidebar:hover .sidebar-wrapper .user .user-info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
            .sidebar-mini .sidebar:hover .sidebar-wrapper .user .user-info > a > span {
                -webkit-transform: translate3d(-25px,0,0);
                -moz-transform: translate3d(-25px,0,0);
                -o-transform: translate3d(-25px,0,0);
                -ms-transform: translate3d(-25px,0,0);
                transform: translate3d(-25px,0,0);
                opacity: 0;
            }
}

.website-logo {
    display: none;
}

.sidebar-mini .website-logo {
    display: block;
    position: fixed;
    bottom: 10px;
    left: 19px;
    z-index: 10000;
    width: 40px;
}

tfoot.search-row {
    display: table-header-group;
}

.dt-buttons {
    margin-right: 5px;
}

.grid-export-icon {
    font-size: 14px;
    margin-right: 5px;
}

.sidebar .nav li .dropdown-menu a, .sidebar .nav li a {
    margin: 5px 10px 0;
    padding: 2px 2px;
}

.sidebar .nav li:first-child > a {
    margin: 5px 10px 0;
}

.grid-container {
    position: initial !important;
    width: 100%;
    max-width: 100%;
/*   height:auto */
    overflow-x: auto;
}

.panel-tab-container {
    background: #FFF;
}

.panel-tabs {
    margin-top: 0px;
}

    .panel-tabs .card-header {
        margin-top: 0px !important;
        padding: 0px !important;
    }

    .panel-tabs .nav-link {
        padding: 0px 2px 2px 5px !important;
    }

.autocomplete-input::placeholder {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.popover-close {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    color: #f44336;
}

.col-sm-1-5,
.col-sm-2-5,
.col-sm-3-5,
.col-sm-4-5,
.col-sm-5-5,
.col-sm-6-5,
.col-sm-7-5,
.col-sm-8-5,
.col-sm-9-5,
.col-sm-10-5,
.col-sm-11-5,
.col-md-1-5,
.col-md-2-5,
.col-md-3-5,
.col-md-4-5,
.col-md-5-5,
.col-md-6-5,
.col-md-7-5,
.col-md-8-5,
.col-md-9-5,
.col-md-10-5,
.col-md-11-5
.col-lg-1-5,
.col-lg-2-5,
.col-lg-3-5,
.col-lg-4-5,
.col-lg-5-5,
.col-lg-6-5,
.col-lg-7-5,
.col-lg-8-5,
.col-lg-9-5,
.col-lg-10-5,
.col-lg-11-5,
.col-xl-1-5,
.col-xl-2-5,
.col-xl-3-5,
.col-xl-4-5,
.col-xl-5-5,
.col-xl-6-5,
.col-xl-7-5,
.col-xl-8-5,
.col-xl-9-5,
.col-xl-10-5,
.col-xl-11-5 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

@media (min-width: 576px) {
    .col-sm-1-5,
    .col-sm-2-5,
    .col-sm-3-5,
    .col-sm-4-5,
    .col-sm-5-5,
    .col-sm-6-5,
    .col-sm-7-5,
    .col-sm-8-5,
    .col-sm-9-5,
    .col-sm-10-5,
    .col-sm-11-5 {
        float: left;
    }

    .col-sm-1-5 {
        width: 12.4999995%;
        flex: 0 0 12.4999995%;
    }

    .col-sm-2-5 {
        width: 20.8333325%;
        flex: 0 0 20.8333325%;
    }

    .col-sm-3-5 {
        width: 29.16666667%;
        flex: 0 0 29.16666667%;
    }

    .col-sm-4-5 {
        width: 37.4999985%;
        flex: 0 0 37.4999985%;
    }

    .col-sm-5-5 {
        width: 45.8333315%;
        flex: 0 0 45.8333315%;
    }

    .col-sm-6-5 {
        width: 54.1666645%;
        flex: 0 0 54.1666645%;
    }

    .col-sm-7-5 {
        width: 62.4999975%;
        flex: 0 0 62.4999975%;
    }

    .col-sm-8-5 {
        width: 70.83333333%;
        flex: 0 0 70.83333333%;
    }

    .col-sm-9-5 {
        width: 79.1666635%;
        flex: 0 0 79.1666635%;
    }

    .col-sm-10-5 {
        width: 87.4999965%;
        flex: 0 0 87.4999965%;
    }

    .col-sm-11-5 {
        width: 95.8333295%;
        flex: 0 0 95.8333295%;
    }
}

@media (min-width: 768px) {
    .col-md-1-5,
    .col-md-2-5,
    .col-md-3-5,
    .col-md-4-5,
    .col-md-5-5,
    .col-md-6-5,
    .col-md-7-5,
    .col-md-8-5,
    .col-md-9-5,
    .col-md-10-5,
    .col-md-11-5 {
        float: left;
    }

    .col-md-1-5 {
        width: 12.4999995%;
        flex: 0 0 12.4999995%;
    }

    .col-md-2-5 {
        flex: 0 0 20.8333325%;
        max-width: 20.8333325%;
    }

    .col-md-3-5 {
        width: 29.16666667%;
        flex: 0 0 29.16666667%;
    }

    .col-md-4-5 {
        width: 37.4999985%;
        flex: 0 0 37.4999985%;
    }

    .col-md-5-5 {
        width: 45.8333315%;
        flex: 0 0 45.8333315%;
    }

    .col-md-6-5 {
        width: 54.1666645%;
        flex: 0 0 54.1666645%;
    }

    .col-md-7-5 {
        width: 62.4999975%;
        flex: 0 0 62.4999975%;
    }

    .col-md-8-5 {
        width: 70.83333333%;
        flex: 0 0 70.83333333%;
    }

    .col-md-9-5 {
        width: 79.1666635%;
        flex: 0 0 79.1666635%;
    }

    .col-md-10-5 {
        width: 87.4999965%;
        flex: 0 0 87.4999965%;
    }

    .col-md-11-5 {
        width: 95.8333295%;
        flex: 0 0 95.8333295%;
    }
}

@media (min-width: 992px) {
    .col-lg-1-5,
    .col-lg-2-5,
    .col-lg-3-5,
    .col-lg-4-5,
    .col-lg-5-5,
    .col-lg-6-5,
    .col-lg-7-5,
    .col-lg-8-5,
    .col-lg-9-5,
    .col-lg-10-5,
    .col-lg-11-5 {
        float: left;
    }

    .col-lg-1-5 {
        width: 12.4999995%;
        flex: 0 0 12.4999995%;
    }

    .col-lg-2-5 {
        width: 20.8333325%;
        flex: 0 0 20.8333325%;
    }

    .col-lg-3-5 {
        width: 29.16666667%;
        flex: 0 0 29.16666667%;
    }

    .col-lg-4-5 {
        width: 37.4999985%;
        flex: 0 0 37.4999985%;
    }

    .col-lg-5-5 {
        width: 45.8333315%;
        flex: 0 0 45.8333315%;
    }

    .col-lg-6-5 {
        width: 54.1666645%;
        flex: 0 0 54.1666645%;
    }

    .col-lg-7-5 {
        width: 62.4999975%;
        flex: 0 0 62.4999975%;
    }

    .col-lg-8-5 {
        width: 70.83333333%;
        flex: 0 0 70.83333333%;
    }

    .col-lg-9-5 {
        width: 79.1666635%;
        flex: 0 0 79.1666635%;
    }

    .col-lg-10-5 {
        width: 87.4999965%;
        flex: 0 0 87.4999965%;
    }

    .col-lg-11-5 {
        width: 95.8333295%;
        flex: 0 0 95.8333295%;
    }
}

@media (min-width: 1200px) {
    .col-xl-1-5,
    .col-xl-2-5,
    .col-xl-3-5,
    .col-xl-4-5,
    .col-xl-5-5,
    .col-xl-6-5,
    .col-xl-7-5,
    .col-xl-8-5,
    .col-xl-9-5,
    .col-xl-10-5,
    .col-xl-11-5 {
        float: left;
    }

    .col-xl-1-5 {
        width: 12.4999995%;
        flex: 0 0 12.4999995%;
    }

    .col-xl-2-5 {
        width: 20.8333325%;
        flex: 0 0 20.8333325%;
    }

    .col-xl-3-5 {
        width: 29.16666667%;
        flex: 0 0 29.16666667%;
    }

    .col-xl-4-5 {
        width: 37.4999985%;
        flex: 0 0 37.4999985%;
    }

    .col-xl-5-5 {
        width: 45.8333315%;
        flex: 0 0 45.8333315%;
    }

    .col-xl-6-5 {
        width: 54.1666645%;
        flex: 0 0 54.1666645%;
    }

    .col-xl-7-5 {
        width: 62.4999975%;
        flex: 0 0 62.4999975%;
    }

    .col-xl-8-5 {
        width: 70.83333333%;
        flex: 0 0 70.83333333%;
    }

    .col-xl-9-5 {
        width: 79.1666635%;
        flex: 0 0 79.1666635%;
    }

    .col-xl-10-5 {
        width: 87.4999965%;
        flex: 0 0 87.4999965%;
    }

    .col-xl-11-5 {
        width: 95.8333295%;
        flex: 0 0 95.8333295%;
    }
}
.bmd-label-static
{
  color:blue;
}

.nav-tabs .nav-item .nav-link.active{
  	background-color: #346da3 !important;
}

input.date-time-picker{
  	border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important;
/*   	padding-left: 35px; */
    padding-top: 7px;
}

.input-group-prepend {
    margin-left: 0px;
/*     position: absolute; */
    margin-top: 0px;
}

.export-row {
	margin-bottom: 0px;
	display:none;
}

.btn-export {
    margin-left: 15px;
    padding: 5px 10px;
    width: 80px;
}

.btn-visibility {
        padding: 5px 8px;
        float: right;
        margin-right: 15px;
}

input#txtGoBack {
  color: #fff;
/*   background: linear-gradient(90deg, #28a745, #218838); 
  border: 1px solid #1e7e34; */
  background: linear-gradient(90deg, #0d487c, #0d487c);
    border: 1px solid #0d487c;
  border-radius: 6px;            
  height: 25px;                  
  /*     min-width: 100px;                */
  width:100px;
  padding: 0 15px;                  
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

input#txtGoBack:hover {
/*     background: linear-gradient(90deg, #218838, #1e7e34); */
  background: linear-gradient(90deg, #0d487c, #0d487c);
    transform: scale(1.05);
}

.form-group:has(.required-label) > .bmd-label-static::after {
    content: " *";
    color: red;
  font-weight:bold;
}

.CommonAlign {
    text-align: right;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
/*     padding: 5px 5px; */
    vertical-align: middle;
/*     border-color: #6c757d; */
}

/* ====== BASE FORM LAYOUT ====== */
.form-group {
    width: 100%;
}

/* ====== CUSTOM GRID (REPLACES col-md-2-5, col-md-1-5, etc.) ====== */
.col-md-2-5,
.col-md-1-5 {
    float: left;
    padding: 0 10px;
}

/* 2.5 Columns ≈ 20% */
.col-md-2-5 { width: 20%; }

/* 1.5 Columns ≈ 12.5% */
.col-md-1-5 { width: 12.5%; }

/* Standard 2 column size */
.col-md-2 { width: 16.66%; }

/* Standard 1 column size */
.col-md-1 { width: 8.33%; }

/* ====== RESPONSIVE BREAKPOINTS ====== */

/* ============ Tablets (<= 992px) ============ */
@media (max-width: 992px) {
    .col-md-2-5,
    .col-md-1-5,
    .col-md-2,
    .col-md-1 {
        width: 33.33% !important; /* 3 per row */
    }
}

/* ============ Mobile Landscape (<= 768px) ============ */
@media (max-width: 768px) {
    .col-md-2-5,
    .col-md-1-5,
    .col-md-2,
    .col-md-1 {
        width: 50% !important; /* 2 per row */
    }
}

/* ============ Mobile Portrait (<= 576px) ============ */
@media (max-width: 576px) {
    .col-md-2-5,
    .col-md-1-5,
    .col-md-2,
    .col-md-1 {
        width: 100% !important; /* Full width */
    }

    .form-group {
        margin-bottom: 15px;
    }
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right) > .swal2-modal {
    margin: auto;
    width: 400px;
  height: 300px;}
.swal2-icon {
    position: relative;
    justify-content: center;
    width: 4em;
    height: 4em;
    
    margin-top: -46px;
    margin-bottom: 18px;  
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: normal;
}

.btn-group-sm .btn, .btn-group-sm>.btn, .btn.btn-sm {
/*   padding:5px;
      margin-left: 5px; */
}
.pagination>.page-item.active>a, .pagination>.page-item.active>a:focus, .pagination>.page-item.active>a:hover, .pagination>.page-item.active>span, .pagination>.page-item.active>span:focus, .pagination>.page-item.active>span:hover {
    background-color: #0d487c;
    border-color: #0d487c;
    color: #fff;
  box-shadow: none;
}
/* .modal-dialog .modal-footer button {
      display: none; */

/*     margin: 0;
    padding-left: 5px;
    padding-right: 7px;
  width: auto;
      margin-top: -42px; */
/* } */

.multi-column-info {
    display: none;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    
    justify-content: flex-start;

}
.form-control, .is-focused .form-control{
/*  background-image: linear-gradient(0deg, #fff 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0); */
  background-image: linear-gradient(0deg, #212529 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);
}

.modal-title {
    margin-bottom: 0;
    line-height: 0.5;
    font-weight: bold;
}
.modal-dialog .modal-body+.modal-footer {
    padding-top: 0;
    margin-bottom: -20px;
}
.modal-dialog .modal-header .close {
    position: absolute;
    top: 10px;
    right: 30px;
}
 
/*
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
  margin-top: -36px;
}
.close {
    float: right;
    font-size: 1.5rem; 
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
 
}

 */

textarea {
    border: 1px solid #cdcdcd !important;
}
thead.text-primary.advance-grid-thead {
    z-index: 999 !important;
}
.card.bg-primary, .card .card-header-primary .card-icon, .card .card-header-primary .card-text, .card .card-header-primary:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-primary .back, .card.card-rotate.bg-primary .front {
  background: linear-gradient(60deg, #0d487c, #0d487c);
}
button#Textbox8_1768642440243651286 {
    width: 120px !important;
    margin-left: 30px;
}
.bs-actionsbox, .bs-donebutton, .bs-searchbox {
    padding: 0px 5px !important;
}