body
{
    height: 100%;
    width: 100%;
    overflow: auto;
}

body .content-wrapper {
    margin-left: 0px !important;
    margin-top: 0 !important;
    margin-right: 0px !important;
    padding-bottom: 0!important;
    padding-left: 20px;
    padding-right: 20px;
    /*background-color: #fff !important;*/
}

/*a{
    color: #00bcd4;
}

a:hover{
    color: #0056b3;
}*/

.modal-xl{
    max-width: 85% !important;
}

.line
{
    margin-left: -10px;
    margin-right: -10px;
    border-top: 1px solid #3c8dbc !important;
}



.card {
    box-shadow: none;
}
.card1 {
    margin-bottom: 0px;
}

.line3
{
    /*margin-left: -30px;*/
    /*margin-right: -30px;*/
    border-top: 1px solid #3c8dbc!important;
    margin-bottom: 10px;
}

.line4
{
    border-top: 1px solid #e9ecef !important;
    margin-bottom: 10px;
}

a{
    color: chocolate;
}

.border0{
    border: 0;
}

.border-all-ccc{
    border: 1px solid #ccc !important;
    color: brown;
}


.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .main-footer,
.sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important;
}

.abtn {
    border: 1px solid #3c8dbc;
    padding: 2px;
    margin-left: 3px;
    color: #3c8dbc !important;
}


.right{
    text-align: right !important;
}

.right1{
    float: right;
    margin-right: 10px;
}
.left{
    text-align: left !important;
}

.block{
    display: block;
}

.white{
    color: #fff;
}

.content-header{
    background-color: #fff;
    line-height: 1;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    margin-bottom: 10px;
    border-bottom: 1px #cce5ff solid;
}

.logo{
    height: 40px;
}

.logo .th2
{
    margin-left: 80px;
    margin-top: -33px;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 0px !important;
    /*color: honeydew;*/
}
.logo .th3
{
    margin-left: 80px;
    /*font-size: 16px;*/
    /*font-weight: 800;*/
    margin-bottom: 0px !important;
    /*color: honeydew;*/
    margin-top: -10px;
}



.sub_header
{
    /*    text-align: center;*/
    background-color: #607d8b;
    padding: 7px;
    border-radius: 2px;
    font-weight: bold;
    color:white;
    margin-bottom: 10px;
}


.cpage{
    overflow-x: hidden;
    overflow-y: scroll;
    height: 75vh;
    /*height: 99vh;*/
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 150px;
    font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"  !important;
}

/*
.cpage{
    overflow-x: hidden;
    overflow-y: scroll;
    height: 75vh;
    padding: 10px;
    font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"  !important;
}*/


.cpage1{
    overflow-x: hidden;
    overflow-y: scroll;
    height: 87vh;
    padding: 10px;
    font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"  !important;
}

.left-menu{
    position: relative;
}

.mr-top-6 {
    margin-top: 6px;
    font-weight: 600;
}

.mr-5{
    margin-right: 5px;
}
.mr-10{
    margin-right: 10px;
}

.banner1{
    height: 400px;
}
.center{
    text-align: center !important;
}

.f12{
    font-size: 12px;
}
.f14{
    font-size: 14px;
}
.f16{
    font-size: 16px;
}

.spin-pad{
    padding: 8px;
}

.form-control{
    height: 30px;
    border-radius: 0 !important;
    font-size: 12.5px !important;
    /*webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);*/
}

.col-form-label{
    height: 30px;
    font-weight: 400 !important;
    text-align: right;
    padding: 7px  !important;
    font-size: 12.5px;
    /*padding-top: calc(0.2rem + 1px);*/
    /*padding-bottom: calc(0.2rem + 1px);*/
}

.headertab{
    /*height: 30px;*/
    line-height: .9;
    /*font-size: .9em;*/
}

.dropdown-item{
    padding: 0.3rem 1rem !important;
}
.no-border{
    border: 0 !important;
}

.w100 {
    width: 100%;
}

.w95 {
    width: 95%;
}

.w90 {
    width: 90%;
}

.f9{
    font-size: .85em !important;
    color: black !important;
}

.f10{
    font-size: 1em !important;
}

.f15{
    font-size: 15px;
}

.pdl-10{
    padding-left: 10px;
}

.pd-10{
    padding-left: 10px;
}

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

.col0{
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.mt-10{
    margin-top: 10px;
}

.ml-5{
    margin-left: 5px;
}

.ml-8{
    margin-left: 8px;
}
.ml-10{
    margin-left: 10px;
}


.w-35{
    width: 35px;
}

.tdhead{
    background-color: rgb(232, 240, 254);
    font-weight: 600;
    font-size: 11.5px;
}

.container-fluid{
    padding-left: 0px;
    padding-right: 0px;
}

.card-header {
    background-color: transparent;
    /*border-bottom: 1px solid #3c8dbc;*/
    border-bottom: 0px;
    padding: 0.75rem 1.25rem;
    position: relative;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card-body{
    padding: 10px !important;
}

.card-title{
    margin-left: 10px !important;
    font-size: 15px;
}

.nav-new{
    background-color: #3c8dbc !important;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.headertab.active {
    background-color: #3c8dbc !important;
}

.tab-content {
    /*    padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;*/

}

.content {
    /*overflow-y: scroll;*/
    padding-top: 10px;
}
.row1{
    margin: 0;
}

.homeCols {
    padding-left: 0px;
    padding-right: 0px;
    background-color: #e9ecef;
    margin: 0;
}
.login-box {
    margin: auto;
    padding: 20px;
    margin-right: 0px;
}

.login-card-body{
    /*box-shadow: 0 0 10px #3c8dbc;*/
    /*-webkit-box-shadow: 0 0 10px #3c8dbc;*/
    padding: 20px  !important;
    /*border-radius: 15px;*/
}

.main-footer{
    position: fixed;
    bottom: 0;
    width:100%;
    background-color: #3c8dbc;
    color: honeydew;
    height: 40px;
    padding-left: 40px !important;
    padding-right: 50px !important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;

}

.mis3office{
    position: absolute;
    z-index: 1050;
    top:30px;
    padding-right: 70px;
    text-align: right;
    width: 100%;
    font-size: 12px;
    color: antiquewhite;
}

.main-footer1{
    background-color: #fff;
    border-top: 1px solid #dee2e6;
    color: #869099;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 40px !important;
    padding-right: 50px !important;
    z-index: 1032;
}

.back-to-top{
    background-color: var(--warning) !important;
    border-radius: 5px;
}


.COLUMN_ABC_1{
    text-align: center;
    display: block;
    color: orangered;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}


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

.input-error {
    border-color: red;
}

.input-ok {
    border-color: #ccc;
}

#fav_menu{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 5px;
}
.btnfm{
    font-size: 12px;
    line-height: 1 !important;
}

#global-search{
    height: 35px;
    width: 95px;
}

.popover{
    max-width: 100%;
}

.popover-close{
    color: orangered;
}
.popover-body {
    padding: 10px 20px !important;
    width: 800px !important;
}

/* box */
.box.box-info {
    border-top-color: #00c0ef;
}
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    /*margin-bottom: 20px;*/
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.box-header {
    color: #444;
    display: block;
    padding: 8px;
    position: relative;
}

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}


.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    line-height: 1;
    color: cadetblue;
}

.box-header .box-title1 {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    line-height: 1;
    color: darkred;
}


/* box */

.bold{
    font-weight: 700 !important;
}

.table th, .table td {
    padding: 5px !important;
}


.theader{
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    font-weight: bold;
}

.theader1{
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    font-weight: bold;
    color: palevioletred;
}


.theader2{
    /*    background-color: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
        background-image: -webkit-linear-gradient(top, #fff, #ccc);
        background-image: -moz-linear-gradient(top, #fff, #ccc);
        background-image: -ms-linear-gradient(top, #fff, #ccc);
        background-image: -o-linear-gradient(top, #fff, #ccc);
        background-image: linear-gradient(top, #fff, #ccc);
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        border-top: none;*/
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    /*font-weight: bold;*/
    color: brown;
}



.tfooter{
    /*    background-color: #017ebc;
        color: white;    */

    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dce9f9), to(#ebf3fc));
    background-image: -webkit-linear-gradient(top, #dce9f9, #ebf3fc);
    background-image: -moz-linear-gradient(top, #dce9f9, #ebf3fc);
    background-image: -ms-linear-gradient(top, #dce9f9, #ebf3fc);
    background-image: -o-linear-gradient(top, #dce9f9, #ebf3fc);
    background-image: linear-gradient(top, #dce9f9, #ebf3fc);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    font-weight: bold;

}


.ht_30{
    height: 30px !important;
}

.ht_35{
    height: 35px;
}

/* select2 settings */

.select2-dropdown  {
    z-index: 1200;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 5px 10px;
    height: 28px;
}
.select2-container--default.select2-container--open {
    border-color: #3c8dbc;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #efefef;
    color: #212529 !important;
}

.select2-results {
    font-size: .9em;
}

.select2-search--dropdown .select2-search__field {
    padding: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: -6px;
}

.select2-container--default .select2-results__option {
    padding-bottom: 4px;
    padding-top: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
}


.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da;
    min-height: calc(1.95rem + 1px);
}

.select2-container--default .select2-selection--multiple {
    border-radius: 0px;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
    /*height: 22px;*/
    line-height: 1.1;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 4px;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc;
    border-color: #3c8dbc;
}
.selecterror
{
    font-style: normal;
    color: red;
}
/* select2 settings */



.inputError{
    margin-bottom: 2px;
    margin-top: 4px;
    color: red;
}


/* table */

.dataTables_info{
    padding-top: 0px !important;
}

.table.dataTable {
    border-collapse: collapse !important;
}

.dataTables_paginate{
    margin-top: 0px !important;
}

.pagination{
    /*margin: 5px 0 !important;*/
}

/* table */


/* alert */
.alert{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.alert-dismissible .close, .alert-dismissible .mailbox-attachment-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    color: inherit;
    padding-right: 10px;
    padding-top: 4px;
}
.alert a{
    text-decoration: none !important;
}
/* alert */




/* Chart Related */

.bar-chart {
    height: 400px;
    min-width: 320px;
    max-width: 600px;
    margin: 0 auto;
}

/* Chart Related */



/* ECR */

.estecr0 {
    margin-left: 10px;
    font-size: 14px;
    color: gray;
}

.estecr1 {
    margin-left: 10px;
    font-size: 14px;
    color: green;
}

.estecr_1 {
    margin-left: 10px;
    font-size: 14px;
    color: red;
}


.estecr9 {
    margin-left: 10px;
    font-size: 14px;
    color: red;
}


/* ECR */



.va_middle
{
    vertical-align: middle !important;
}

.ta_left{
    text-align: left;
}


.bo-left{
    border-left: 1px solid #c0c0c0;
}

.bo-right{
    border-right: 1px solid #c0c0c0;
}
.bo-top{
    border-top: 1px solid #c0c0c0;
}
.bo-bottom{
    border-bottom: 1px solid #c0c0c0;
}

.bo-all{
    border: 1px solid #c0c0c0;
}


/* button */

.misbtn {
    position: relative;
    margin-left: 4px;
    border: none;
    text-shadow: none;
    border-radius: 1px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    padding: 5px 15px;
    color: black;
    background-color: #f8f8f8;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) inset;
    cursor: pointer;
    display: inline-block;
}
.misbtn:before, .misbtn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: 0;
    transition: .2s ease;
}
.misbtn:after {
    z-index: -1;
    box-shadow: 0 3px 3px rgba(182, 182, 182, 0.75);
    transform: translateY(-2px);
    opacity: 1;
}
.misbtn:before, .misbtn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: 0;
    transition: .2s ease;
}

.misbtn[disabled] {
    color: #ccc;
}


.misbtn:hover:not([disabled]){
    background-color: #ffffff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
    z-index: 100;
    outline: none !important;
}


.misbtn:focus:before {
    box-shadow: 0 0 0 1px #0572ce inset !important;
    opacity: 1;
}

.misbtn:focus:after {
    transform: translateY(0);
    box-shadow: 0 0 1px 1px rgba(5, 114, 206, 0.25);
    opacity: 1;
}

/* button */



/* notfiy */

.notifyjs-bootstrap-base {
    padding: 5px !important;
}


/* notfiy */




/* accordian */

.accordion-menu {
    width: 100%;
    /*max-width: 350px;*/
    margin: 10px auto 20px;
    /*background: #fff;*/
    /*border-radius: 4px;*/
    list-style-type: none;
    padding-left: 5px;
}

.accordion-menu li.open .dropdownlink {
    /*color: #cddc39;*/
}

.accordion-menu li.open .dropdownlink .fa-chevron-right {
    /*transform: rotate(90deg);*/
    /*transition-duration: 1s;*/
}

.accordion-menu li:last-child .dropdownlink {
    border-bottom: 0;
}

.dropdownlink {
    cursor: pointer;
    display: block;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    position: relative;
    margin-bottom: 0px;
    margin-top: 5px;
}

.dropdownlink i {
    position: absolute;
    top: 12px;
    left: 16px;
}

.dropdownlink .fa-chevron-right {
    right: 12px;
    left: auto;
    top:9px;
}

.dropdownlink .fa-chevron-down {
    right: 12px;
    left: auto;
}

.submenuItems {
    display: none;
    border-bottom: 1px solid #86b686;
    border-left: 1px solid #86b686;
    border-right: 1px solid #86b686;
    margin-bottom: 10px;
    padding: 10px;
}

.submenuItems li {
    border-bottom: 1px solid #86b686;
}

.arrow{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.rotate {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}




/* accordian */


.code {
    font-family: "Source Code Pro", monospace;
    /*border-radius: 0.315em;*/
    /*border: 1px solid #ccc;*/
    padding: 0 0.3em 0.040em;
    font-size: 14px;
    color: #a07800;
}


.code1 {
    font-family: "Source Code Pro", monospace;
    padding: 0 0.3em 0.040em;
    font-size: 18px;
    color: #a07800;
    font-style: normal;
}

ul.tt{
    list-style: none;
    text-align: left;
}

ul.menu1 {
    list-style: none;
    text-align: left;
    padding-left: 10px;
}
ul.menu {
    list-style: none;
    text-align: left;
    padding-left: 10px;
}


ul.menu li:before {
    content: '';  /* placeholder for the SVG */
    position: absolute;
    left: 15px;  /* place the SVG at the start of the padding */
    width: 2em;
    height: 2em;
    margin-top: 5px;
    background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='12' height='12' fill='green' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}

.help{
    font-family: "Source Code Pro", monospace;
    padding: 0 0.3em 0.040em;
    font-size: .9em;
}
.help1{
    font-style: normal;
    color: brown;
}

.global-search-help{
    border-left: solid 1px #c0c0c0;
    color: #8a8a8a;
}

.desc{
    float: right;
    margin-top: -10px;
}
.desc:before{
    content: '[ ';
}
.desc:after{
    content: ' ]';
}

.p-menu{
    margin-bottom: 1px !important;
    text-align: left;
    background-color: transparent !important;

}
.p-tags{
    margin-bottom: 1px !important;
    text-align: left;
    /*border-bottom: solid 1px #e9e9e9;*/
    color: forestgreen;
    font-size: 13px;
    margin-left: 10px !important;
}

.search-header{
    color: #8a8a8a;
    text-shadow: 1px 1px #ccc;
    text-align: left;
}



.wrap {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
}
.login-wrap {
    position: relative;
    background: #fff;
    /*background-font-weight: 300;*/
}
.login-wrap {
    width: 40%;
}
.imgbanner
{
    height: 260px;
    background-image: url('../img/login/newbanner.png');
    background-repeat:no-repeat;
    background-size: 100% 100%;
    margin-left: -33px;
}




/* overlay */

.overlay {
    position: fixed;
    top: 0px !important;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    z-index: 99999;
    background-color: #cccc !important;
}

.modal2 {
    position: fixed;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%,-50%);
    height: 120px;
    width: 500px;
    display: block !important;
    padding: 10px;
    border: 1px solid #cce5ff;
    background-color: white;
    /*transition:width 1s ease-in-out;*/
}


.modal-open .modal{
    z-index: 1200 !important;
}

.counter{
    color: #fff;
    z-index: 999;
    position: absolute;
    left: 45%;
}
.progressbar {
    position: relative;
    max-width: 500px;
    width: 100%;
    /*margin: 30px auto 0;*/
    height: 30px;
    background: #ccc;
    overflow: hidden;
}

span.progress {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: green;
    transition: all .3s;
    height: 30px;
}

/* overlay */


.notifyjs-bootstrap-base >span{
    display: block;
    width: 100%;
    padding-left: 25px;
    margin-top: -2px;
    padding-right: 10px;

}

.no-btn:hover{
    background-color: #f8f9fa;
    border-color: #ddd;
    color:#444;
    cursor: default;
}

.div_disabled{
    pointer-events: none;
    opacity: .6;
}




/* TILES */



.tiles {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 1rem;
    /*margin-top: 1.25rem;*/
    margin-bottom: 10px;
}
@media (max-width: 700px) {
    .tiles {
        grid-template-columns: repeat(1, 1fr);
    }
}

.tiles-1{
    grid-template-columns: repeat(1, 1fr);
}
.tiles-2{
    grid-template-columns: repeat(2, 1fr);
}
.tiles-3{
    grid-template-columns: repeat(3, 1fr);
}
.tiles-4{
    grid-template-columns: repeat(4, 1fr);
}
.tiles-5{
    grid-template-columns: repeat(5, 1fr);
}
.tiles-6{
    grid-template-columns: repeat(6, 1fr);
}




.tile {
    padding: 1rem;
    border-radius: 8px;
    background-color: #326666;
    color: var(--c-gray-900);
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    transition: 0.25s ease;
}
.tile:hover {
    transform: translateY(-5px);
}
.tile:focus-within {
    box-shadow: 0 0 0 2px var(--c-gray-800), 0 0 0 4px var(--c-olive-500);
}
/*
.tile:nth-child(2) {
    background-color: var(--c-green-500);
}
.tile:nth-child(2):focus-within {
    box-shadow: 0 0 0 2px var(--c-gray-800), 0 0 0 4px var(--c-green-500);
}
.tile:nth-child(3) {
    background-color: var(--c-gray-300);
}
.tile:nth-child(3):focus-within {
    box-shadow: 0 0 0 2px var(--c-gray-800), 0 0 0 4px var(--c-gray-300);
}*/

.tile a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
}
.tile a .icon-button {
    color: inherit;
    border-color: inherit;
}
.tile a .icon-button:hover, .tile a .icon-button:focus {
    background-color: transparent;
}
.tile a .icon-button:hover i, .tile a .icon-button:focus i {
    transform: none;
}
.tile a:focus {
    box-shadow: none;
}
.tile a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.tile-header {
    /*display: flex;*/
    /*align-items: center;*/
}


.tile-header i {
    font-size: 2.5em;
}
.tile-header h3 {
    display: flex;
    flex-direction: column;
    line-height: 1.375;
    margin-left: 0.5rem;
    color: honeydew;
}

.tile-desc{
    font-size: 12px;
    color: #fff;
}


/* TILES */



.note-editable p{
    color: #000 !important;
    font-size: 19px;
    font-family: monospace;
    margin-bottom: 1px !important;
}




.dropdown-menu{
    border-radius: 0;
    padding: 1px;
}




/* TABS */



/*!
 * bootstrap-vertical-tabs - v1.1.0
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-06-06
 * Copyright (c) 2014 Ä°smail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right {
    border-bottom: none;
    padding-top: 2px;
}
.tabs-left {
    border-right: 1px solid #ddd;
}
.tabs-right {
    border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
    float: none;
    margin-bottom: 2px;
}
.tabs-left>li {
    margin-right: -1px;
}
.tabs-right>li {
    margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent;
}
.tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display:block;
}
.tabs-right>li>a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}
.vertical-text {
    margin-top:50px;
    border: none;
    position: relative;
}
.vertical-text>li {
    height: 20px;
    width: 120px;
    margin-bottom: 100px;
}
.vertical-text>li>a {
    border-bottom: 1px solid #ddd;
    border-right-color: transparent;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
}
.vertical-text>li.active>a,
.vertical-text>li.active>a:hover,
.vertical-text>li.active>a:focus {
    border-bottom-color: transparent;
    border-right-color: #ddd;
    border-left-color: #ddd;
}
.vertical-text.tabs-left {
    left: -50px;
}
.vertical-text.tabs-right {
    right: -50px;
}
.vertical-text.tabs-right>li {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.vertical-text.tabs-left>li {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


/* TABS */


/* OTP */

.otp-field {
    flex-direction: row;
    column-gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.otp-field input {
    height: 45px;
    width: 42px;
    border-radius: 6px;
    outline: none;
    font-size: 1.125rem;
    text-align: center;
    border: 1px solid #ddd;
}
.otp-field input:focus {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.otp-field input::-webkit-inner-spin-button,
.otp-field input::-webkit-outer-spin-button {
    display: none;
}

.resend {
    font-size: 12px;
}
/* OTP */




/* panel resizable */


.panel-container {
    display: flex;
    flex-direction: row;
    /*border-top: 1px solid #ccc;*/
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    /* avoid browser level touch actions */
    xtouch-action: none;
    /*height: 595px;*/
    margin-left: -10px;
}

.panel-left {
    flex: 0 0 auto;
    padding: 0px;
    width: 150px;
    min-height: 200px;
    min-width: 50px;
    max-width: 400px;
    white-space: nowrap;
    /*background: #838383;*/
    color: white;
    overflow-x: hidden;
    margin-left: 0px !important;
}

.splitter {
    flex: 0 0 auto;
    width: 10px;
    background: url('vsizegrip.png') center center no-repeat #ccc;
    min-height: 200px;
    cursor: col-resize;
}

.panel-right {
    flex: 1 1 auto;
    /* resizable */
    padding: 20px 10px;
    width: 100%;
    min-height: 700px;
    min-width: 200px;
    border-top: 1px solid #ccc;
    /*background: #eee;*/
}


.nav-item1{
    width: 100%;
}
.nav-link1 {
    display: block;
    padding: 4px 8px;
    color: cadetblue;
}

.nav-tabs .nav-link1 {
    margin-bottom: -1px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    /*border-top-left-radius: 0.25rem;*/
    /*border-top-right-radius: 0.25rem;*/
}

.nav-admin1 {
   color: darkred !important;
}

.nav-item1 .active {
    background-color: teal;
    color: white;
}

.nav-item1 a:hover {
    background-color: #20c997;
    color: white;
}

/* panel resizable */



.nav-item2{
    width: 100%;
}
.nav-link2 {
    display: block;
    padding: 4px 8px;
    color: cadetblue;
    background-color: teal;
}

.nav-tabs .nav-link2 {
    /*    margin-bottom: -1px;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;*/
}

.nav-item2 .active {
    /*    background-color: teal;
        color: white;*/
}


.nav-item2 a:hover {
    -webkit-transition: width 2s ease-in-out;
    -moz-transition: width 2s ease-in-out;
    -o-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out;

    width:200px;
}



/* =============   FOOTER CSS Classes **** Start  ****  ============= */

#mis3footernote{
    color: white;
    font-size: 13px;
    font-weight: 600;
}

#mis3footernote1{
    color: lightgoldenrodyellow;
    font-size: 13px;
    font-weight: 600;
}

#mis3version{
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 1.6rem;
    color: white;
    font-weight: 500;
}

#syncTime{
    color: greenyellow;
}

#mis3sync{
    color: white;
    font-size: 13px;
    font-weight: 600;
}

#mis3sync1{
    color: lightgoldenrodyellow;
    font-size: 13px;
    font-weight: 600;
}


.footer-text-style{
    /*text-shadow:2px 2px 2px black;*/
    color: white;
    font-size: 13px;

}
.footer-middle-text-style{
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 1.6rem;
    color: white;
    /*font-weight: 500;*/
}


/* =============   FOOTER Classes **** End  ****  ============= */


#global-tabs-data{
    width: 300px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
}





/* bootstrap switch  */

/* for sm */

.custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 1rem;
    padding-bottom: 1rem;
}

.custom-switch.custom-switch-sm .custom-control-label::before {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}

.custom-switch.custom-switch-sm .custom-control-label::after {
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: calc(1rem - (1rem / 2));
}

.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1rem - 0.25rem));
}

/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

/* for lg */

.custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.custom-switch.custom-switch-lg .custom-control-label::before {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.custom-switch.custom-switch-lg .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: calc(3rem - (2rem / 2));
}

.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2rem - 0.25rem));
}

/* for xl */

.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::before {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::after {
    width: calc(2.5rem - 4px);
    height: calc(2.5rem - 4px);
    border-radius: calc(4rem - (2.5rem / 2));
}

.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2.5rem - 0.25rem));
}

/* bootstrap switch  */



/* bootstrap select */
.btn1 {
    font-size: 12px !important;
    border-radius: 0;
    transition: none;
    padding: 5px;
}

.bootstrap-select .btn1:focus{
    outline: none !important;
    outline-offset: 0px !important;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none  !important;
    outline-offset: 0px  !important;
}
.btn1-light{
    background-color: #fff !important;
    border: 1px solid #dae0e5;
}


.dropdown-item.active, .dropdown-item:active {
    color: #212529 !important;
    text-decoration: none;
    background-color: #dee2e6;
}

.dropdown-menu{
    /*font-size: 12px !important;*/
}

.bootstrap-select .dropdown-menu li {
    background-color: #fff;
}

.bootstrap-select .dropdown-menu li .selected {
    background-color: #f8f8f8;
}


/* bootstrap select */


.data_reload{
    border-radius: 0px;
    width: 32px;
}


/* sidebar */


.control-sidebar1{
    color: honeydew !important;
    padding-top: 9px !important;
    padding-left: 12px !important;
    padding-right: 8px !important;
    margin-left: -3px  !important;
}


/* sidebar */


/* scroll-bar */
/* width */
::-webkit-scrollbar{
    width: 8px;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* scroll-bar */



/* MSP */

.msp_option{
    font-size: 13px !important;
    margin-bottom: 4px;
    cursor: pointer;
}

/* MSP */



.color1{
    color: firebrick !important;
}


.nav-link2{
    padding-bottom: 3px!important;
    /*padding-top: 3px!important;*/
}




.loading-fa{
    position: absolute;
    top: 40%;
    left: 48%;
}