body {
    font-family: Tahoma !important;
    position: relative;
    align-self: center;
    /*background: -ms-linear-gradient(left, #b6b7bc, #ffffff, #b6b7bc) !important;*/
    font-size: 14px;
}

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


.padding-bottom {
    padding-bottom: 30px;
}

.btn:hover {
    background-color: #286090 !important;
    color: white !important;
}

.btn {
    border-radius: 0px !important;
}


.span_bold {
    font-weight: bold;
}

th {
    text-align: center !important;
}

.th-textLeft {
    text-align: left !important;
}

.alert-success {
    background-color: #43ac6a;
    border-color: lightgray !important;
    color: black !important;
}

.alert-danger {
    background-color: #f04124;
    border-color: lightgray !important;
    color: black !important;
}


.panel-heading {
    padding: 3px 5px !important;
}

.inputErrMsg {
    border-width: 0px;
    border: none;
    visibility: hidden;
    background-color: transparent;
    color: Red;
    font-weight: normal !important;
    width: 100%;
    padding-left: 0px !important;
    font-size: 11pt !important;
}

.inputMsg {
    border-width: 0px;
    border: none;
    background-color: transparent;
    font-weight: normal;
    padding-left: 0px !important;
}

.requiredField {
    color: red !important;
}

.footer {
    background: #f5f5f0 !important;
    border-color: #f2f2f2 !important;
    font-weight: bold !important;
}



.head {
    width: 100%;
    background-color: #4B6C9E;
}


.selected {
    background-color: #3578bb !important;
}

/* main: setting the starting point of the body - right below the header of the page*/
.main {
    margin-top: 98px !important;
}

/* MenuItem: start - uses for header tabs*/
.MenuItem {
    display:  inline-block !important;
}

.MenuItem li {
        text-align: center !important;
        padding: 0px;
        color: #dde4ec !important;
        font-style: normal;
        font-weight: normal;
        font-size: 16px !important;
        background-color: #465c71;
       
        border: 1px solid lightslategray !important;
}

.SubMenuItem {
    /*padding: 3px !important;*/
}

.MenuItem a {
    font: bold !important;
    color: floralwhite !important;
    text-decoration: none !important;
    margin: 1px !important
}

.MenuItem a :hover {
        color: lightyellow !important;
        background-color: #617282 !important;
     
}


.MenuItem li:hover {
        color: lightyellow !important;
        background-color: #617282 !important;
      
}



.MenuItem > a.active {
        color: white !important;
        background-color: #3578bb !important;
}

/* This setting is needed for the Menu tabs as well*/
.nav-pills .nav-link {
    border-radius: 0 !important;
    padding: 0.2rem 1rem !important;
}

a.active > span:hover {
    background-color: #3578bb !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: rgb(255, 255, 255);
    background-color: #3578bb !important;
}

/* MenuItem: end*/
.row {
    --bs-gutter-x: 0rem !important;
}
  

.page {
    width: 100%;
    /*margin: 8px auto 8px auto;*/
    /*border: 1px solid #496077;*/
    background-color: white;
    overflow: auto;
    /*height:100%;*/
    /*padding: 5px;*/
    /*box-shadow: 0 0 30px gray;*/
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin: 10px;
    line-height: 0.9;
    color:#525151 !important;
}



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

.txb {
    color: #333;
    width: 100px;
    border: 1px solid #ccc;
    border-radius: 1px;
    width: 200px;
    Height: 25px;
    padding: 3px !important;
}

.btn-danger:hover {
    background-color: #a11414 !important;
}

.btn-warning:hover {
    background-color: #b4600f  !important;
            
}

.btn-success:hover, .btn-success:focus {
    background-color: #0b671e !important;
    background-position-y: 100px !important;
}

.btn-dark:hover {
    background-color: #808080  !important;
}

.btn-warning:focus, .btn-warning:hover,btn-danger:focus, .btn-danger:hover,btn-success:focus, .btn-success:hover,.btn-primary:focus,.btn-primary:hover,.btn-info:focus,.btn-info:hover {
    border:solid 1px lightgray !important ;
}

.btn-secondary:hover{
    background-position: 0px;
    color:whitesmoke !important;
    border:solid 1px #b6b2b2 !important ;
    background-color:#2e2b2b  !important;

}

.gridviewHeader {
    width: 100px;
    background-color: #C7C7C7;
    color: white;
    text-align: center !important;
    border: 1px solid #E2E2E2;
    font-weight: 400 !important;
    font-size: 20px;
}

.gridviewCaption{
    color : darkgray !important;
    font-size: x-large !important;
 
}



.borderDiv {
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: inset 0px 0px 0px #b6b7bc, 0px 0px 10px #b5b5b5 !important;
}


.panelHeader {
    font-family: sans-serif !important;
    font-weight: 600;
    font-size: 27px;
}

.paddingLeft {
    margin-left: 15px;
}

.row {
    margin-right: 0px !important;
}

.th-schedule {
    padding: 0px !important;
    height: 5px !important;
}

.marginTopBottom {
    margin-top: 25px;
    margin-bottom: 25px;
}

.labelHdr_Sm {
    color: #858585;
}

.labelHdr_Lg {
    color: #858585;
    font-size: large;
    font-weight: bold;
}

.modal {
    z-index: 99999 !important;
    top: 15%;
}

.modal-header {
    padding-left: 0px;
}

.modal-footer {
    padding: 0px !important;
}

#lightzap {
    z-index: 20000;
}

/*  Set this to override ASPxButton padding-top
    This is applied for Submit button in case we use for DevExpress Upload Control
*/
.dxb {
    padding-top: 0px !important;
}

/* Set this to set heigh of ASPxUploadControl*/
.dxucInputs {
    height: 35px !important;
}

.bg-blue {
    background-color: #3a4f63 !important;
}

/*Set padding for ASPxPopupControl*/
.dxflGroupCell {
    padding: 15px !important;
}

/*Set square token*/
.dxeToken_MaterialCompact {
    width:100% !important;
    border-radius:0px !important;
}

.leftPanel {
    position: fixed;
    top: 90px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    width: 525px !important;
    min-width: 80px;
    border-right: 1px solid #eee;
}

.rightPanel {
    padding-left: 450px;
}

.dxucControl_MaterialCompact .dxucInputs_MaterialCompact {
    height: 50px !important;
}

.bg-darkgray {
    background-color: #666666 !important;
}


.datePicker {
    border: 1px lightgray solid !important;
    font-size: inherit !important;
}


.drag-handler {
    position: relative;
    cursor: n-resize;
}

.drag-handler:active {
        background-image: linear-gradient(45deg, #bab86c, #bab86c 2px, #fff 2px, #fff 4px, #bab86c 4px, #bab86c 9px, #fff 9px, #fff 11px, #bab86c 11px, #bab86c 16px, #fff 16px, #fff 18px, #bab86c 18px, #bab86c 22px);
        background-size: 10px 20px;
}

.highlight {
    border: 3px outset red;
    font-weight: bold;
    font-size: 45px;
    background-color: #333333;
}


.chkbox input {
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px !important;
}