/*Start of Form Page Head*/
.row.page-head {
    background-image: linear-gradient(to right, rgba(0,0,139,255),rgba(18,121,226,255));
    padding-top: 10px;
    padding-bottom: 10px;
}

.topBar {
    background-color: rgba(171,171,171,255);
    font-size: 13px;
}

.headerBar {
    /*position: sticky;*/
    top: 0%;
    z-index: 1020;
}

.Top-Heading {
    margin: 0px;
    text-decoration: none;
    color: White;
    font-family: Bookman Old Style;
    font-weight: bold;
    font-size: 40px;
    line-height: 2;
    /*//float:left;*/
}

.page-header {
    border: 0px;
    margin: 0px;
}

.Button_Go {
    padding: 2.5px 6px 2.5px 6px;
    /*padding-top: 2.5px;
    padding-bottom: 2.5px;*/
    /* height: 29px; */
    margin-bottom: 0px;
    font-size: 12px;
    /*padding-left: 6px;
    padding-right: 6px;*/
}
/*End of Form Page Head*/
.dropdown {
    /*margin-top: 17px;
            margin-bottom: 17px;
            float: right;*/
    width: 250px;
}

.vertical-center {
    position: relative;
    top: 25%;
}



.rightWhiteBorder {
    border-right: 1px solid white;
}

h6 {
    font-size: 12px;
    margin-bottom: 1px;
}


.MenuBarCol {
    border: 2px solid blue;
    height: 745px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    margin-left: 20px;
    height: -webkit-fill-available;
}

.MenuName {
    background-image: linear-gradient(to bottom, Blue,white);
    padding: 1px;
    color: White;
    font-family: Times New Roman;
    text-align: center;
    writing-mode: vertical-rl;
    text-orientation: upright;
    height: inherit;
    margin: 0px;
    float: left;
    width: 20px;
}

    .MenuName:hover {
        cursor: pointer;
    }

.ManuCol {
    padding: 0px;
    margin: 0px;
    height: 90%;
}




.userSetting {
    cursor: pointer;
    /*background-image: linear-gradient(to right, rgba(0,0,139,0.8),rgba(18,121,226,0.8));*/
    color: black;
    font-size: 12px;
    margin-left: -130px;
}

.footer {
    /*background-color: rgba(171,171,171,255);*/
    /*background-image: linear-gradient(#DCDDDE,#EBEDF1,#DCDDDE);*/
    font-size: 12px;
    color: black;
    vertical-align: middle;
    text-align: center;
}

.footerColor {
    background-image: linear-gradient(#DCDDDE,#EBEDF1,#DCDDDE);
}

@media only screen and (min-width: 1200px) {
    .nav-seperator::before {
        content: "|" !important;
        float: right !important;
        color: rgba(18,121,226,255) !important;
        padding-left: 14px !important;
        padding-right: 0px !important;
        font-weight: bold !important;
    }
}

@media only screen and (max-width: 600px) {

    .rightWhiteBorder {
        border-right: 0px;
    }

    .MenuName {
        width: 100%;
        height: 20px;
        /* text-align: left; */
        writing-mode: horizontal-tb;
        background-image: linear-gradient(to right, Blue,white);
        padding: 0px;
    }

    .MenuBarCol {
        margin-left: 0px;
    }

    .textcenter-sm {
        text-align: center !important;
    }

    .footer {
        position: static;
        background-color: rgba(171,171,171,255);
        font-size: 12px;
        color: white;
        vertical-align: text-top;
        text-align: center;
    }

    /*.textcenter-sm {
        text-align: center !important;
    }
    .footer {
    position:static;
    }*/

}

/*Start of Navbar*/

.sofcom-navbar {
    /*background-image: linear-gradient(to right, rgba(0,0,139,255),rgba(18,121,226,255));*/
    background-color: white;
    /*box-shadow: inset 0px 0px 3px 3px rgba(0,0,130,0.9)*/
}

.navbar-toggler-icon {
    background-image: url(Images/burger_button3.jpg);
    width: 35px;
    height: 30px;
}

.sofcom-navbarText {
    color: darkblue;
    font-size: 13px;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}


/*.sofcom-navbarDropDownItem {
height:0%;
}*/

/*.border_menu_li:hover .sofcom-navbarDropDownItem {
    border-left: 4px solid blue;
    height: 100%;
}*/

/*.dropdown-menu li:hover .sofcom-navbarDropDownItem {
    border-left: 4px solid blue;
    height: 100%;
    transition: height 1.5s;
}

.dropdown-submenu .dropdown-menu li:hover .sofcom-navbarDropDownSubItem {
    border-left: 4px solid blue;
    height: 100%;
    transition: height 1.5s;
}*/

div .sofcom-navbarDropDownItem a:hover {
    border-left: 4px solid blue;
    height: 100%;
    transition: height 1.5s;
}


/*.sofcom-navbarText:after {
    content: "|";
    padding-right: 8px;
    padding-left: 8px;
}*/

.not-allowed {
    cursor: not-allowed;
}

@media only screen and (min-width: 576px) {
    .nav-seperator::before {
        content: "";
        float: none;
        padding-left: 0px;
        padding-right: 0px;
    }

    .popupChartHeight {
        /*height: 70vh !important;*/
        height: 80% !important;
        width: 80% !important;
        margin-left: 10% !important;
        margin-right: 10% !important;
    }

    .popupChartHeight1 {
        /*height: 70vh !important;*/
        height: 80vh !important;
        width: 85vw !important;
        /*margin-left: 10% !important;
        margin-right: 10% !important;*/
    }
}

@media only screen and (min-width: 768px) {
    .nav-seperator::before {
        content: "";
        float: none;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media only screen and (min-width: 992px) {
    .nav-seperator::before {
        content: "|";
        float: right;
        color: rgba(18,121,226,255);
        padding-left: 14px;
        padding-right: 0px;
        font-weight: bold;
    }
}

@media only screen and (min-width: 1100px) {
    .dropDownAndButton {
        position: relative;
        left: 40px;
        z-index: 99;
    }
}

/*End of Navbar*/

/*Start of Toolbar*/
.btnEdit {
    background: url('Images/Edit.png') no-repeat;
    background-size: 20px 20px
}

.btnSave {
    background: url('Images/Save.png') no-repeat;
    background-size: 20px 20px
}

.btnFind {
    background: url('Images/Find.png') no-repeat;
    background-size: 20px 20px;
    background-position: 25% 75%;
}

.btnDelete {
    background: url('Images/Delete.png') no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}

.btnUploadRemove {
    background: url('Images/Delete.png') no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
}

.btnUploadAttach {
    background: url('Images/upload.png') no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
}

.btnHome {
    background: url('Images/Home.png') no-repeat;
    background-size: 20px 20px
}

.ImgBtnFilter {
    background: url('Images/Find.png') left 3px top 5px no-repeat;
    background-size: 20px 20px
}

.btnList {
    background: url('Images/List.png') left 13px top 5px no-repeat;
    background-size: 20px 20px;
}

.imgToolbarSeparator {
    background: url('Images/ToolbarSeparator.png') left 3px top 5px no-repeat
}

.btnNext {
    background: url('Images/Next.png') left 3px top 5px no-repeat;
    background-size: 20px 20px
}

.btnBack {
    background: url('Images/Back.png') left 3px top 5px no-repeat;
    background-size: 20px 20px
}

.btnClose {
    background: url('Images/Close.png') left 3px top 8px no-repeat;
    background-size: 20px 20px
}

.btnCancel {
    background: url('Images/Cancel.png') left 3px top 5px no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    padding-left: 28px !important;
}

.btnEntry {
    background: url('Images/Entry.png') left 3px top 5px no-repeat;
    background-size: 20px 20px
}

.btnProcess {
    background: url('Images/Process.png') left 3px top 5px no-repeat;
    background-size: 20px 20px;
    padding-left: 28px !important;
}

.btnPreview {
    background: url('Images/Preview.png') left 3px top 5px no-repeat;
    background-size: 20px 20px;
    padding-left: 28px !important;
}

.btnprevious {
    background: url('Images/previous.png') left 3px top 5px no-repeat;
    background-size: 20px 20px;
    padding-left: 30px !important;
}

.btnExcelExport {
    background: url('Images/Export.png') left 3px top 5px no-repeat;
    background-size: 20px 20px;
    width: 130px !important;
}

.btnPagerNext {
    background: url('Images/PagerNext.png') right 3px top 5px no-repeat;
    background-size: 20px 20px
}

.btnArrowNext {
    background: url('Images/arrowbutton.png') right 3px top 5px no-repeat;
    background-size: 20px 20px
}

.btnArrowPrevious {
    background: url('Images/arrowbuttonBack.png') right 3px top 5px no-repeat;
    background-size: 20px 20px
}

.btnArrowDown {
    background: url('Images/arrowbuttonDown.png') right 3px top 5px no-repeat;
    background-size: 18px 18px;
    height: 23px;
}
.btnPopover {
    padding: 0.1rem 0.8rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 1.2rem;
    background-color: #1279E1;
    border-color: #1279E1;
    color: white;
}

    .btnPopover:focus {
        outline: none;
    }

.Tootlbarbutton {
    /*padding-top: 0px;
    padding-bottom: 0px;*/
    /*border: 1px solid #563d7c;*/
    border-radius: 5px;
    color: white;
    padding: 5px 10px 5px 25px;
    /*background: url(https://i.stack.imgur.com/jDCI4.png) left 3px top 5px no-repeat #563d7c;*/
    color: black;
    padding: 5px 10px 5px 20px;
    margin-left: -4px;
    margin-right: -2px;
    background-position-y: center;
    background-position-x: 10px;
    font-size: 12px;
    width: 90px;
    height: 40px;
}


    .Tootlbarbutton:hover {
        /*color: white;
    background-color: rgba(0,0,139,0.5);*/
        box-shadow: 0px 0px 10px gray inset;
    }


#cssmenu {
    background-image: linear-gradient(#DCDDDE,#EBEDF1,#DCDDDE);
}

ul {
    list-style-type: none;
}

/*End of Toolbar*/

/*Start of Form heading*/
.formHeading {
    background-color: rgb(227, 227, 227);
    font-size: 14px;
    color: black;
    padding: 11px 4px 13px 10px;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: -5px;
    margin-left: -5px;
}

.formHeading2 {
    background-color: rgb(227, 227, 227);
    font-size: 14px;
    color: black;
    padding: 11px 0px 13px 0px;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: -5px;
    margin-left: -5px;
}
/*End of Form heading*/


/* Start Style Basic Model */

.PageName {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: white;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    /*//width: auto;
            //display: inline-block;*/
    background-image: linear-gradient(to right, Black,#808080);
    /*//margin-top: 2px;
            //margin-bottom: 10px;*/
}

.checkBox label {
    margin-left: 0.5rem;
    margin-bottom: 0.2rem;
    margin-right: 0.2rem;
    font-size: 0.75rem;
}


.checkBoxWithLabel {
    display: flex !important;
    -ms-flex-flow: row wrap !important;
    flex-flow: row wrap !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .checkBoxWithLabel label {
        margin-left: 0.5rem;
        margin-bottom: 0rem;
        /*margin-right: 0.2rem;*/
        font-size: 0.75rem;
    }


.sub-heading {
    background-image: linear-gradient(to right, #DEEEF7, #DEEEF7, #DEEEF7,#DEEEF7,#FFFFFF);
    font-weight: bold;
    padding: 2px 8px 2px 2px;
    margin-left: 14px;
}

.sub-heading-Green {
    background-image: linear-gradient(to right, palegreen,#FFFFFF);
    font-weight: bold;
    padding: 2px 8px 2px 2px;
    margin-left: 14px;
}

.sub-heading-Red {
    background-image: linear-gradient(to right,lightpink,#FFFFFF);
    font-weight: bold;
    padding: 2px 8px 2px 2px;
    margin-left: 14px;
}


.sofcom-LookupButton {
    /* border-right: 2px ridge ghostwhite; */
    height: 24px;
    width: 24px;
    border-bottom: 2px ridge ghostwhite;
    padding: 0px;
    margin-bottom: 3px;
}


/* for Remarks textbox (no height required) */
.Sofcom-TextBox-Remarks {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dropdown-module {
    padding: 3px 6px 3px 6px;
    /*padding-top: 3px;
    padding-bottom: 3px;*/
    /* height: 29px; */
    margin-bottom: 3px;
    font-size: 12px;
    /*padding-left: 6px;
    padding-right: 6px;*/
    border-radius: 3px;
}
/*End Style of Basic Model*/

.Menu {
    /*background-image: linear-gradient(to left, #0575e6, #021b79);*/
    background-image: linear-gradient(to right, rgba(0,0,139,255),rgba(18,121,226,255));
}

.LookUpGridMain {
    margin: 2px;
    width: 100%;
    border: Ridge 2px White;
    font-size: small;
    font-family: Calibri;
}

.LookUpGridAlternatingRow {
    background: rgba(171,171,171,255);
}

.scrollable {
    width: 100%;
    max-height: 650px;
    overflow-y: auto;
}

.lookupGridScrollable {
    width: 100%;
    max-height: 65vh !important;
    overflow-y: auto;
}


@media (max-width: 576px) {
    .lookupGridScrollable {
        max-height: 50vh !important;
    }

    /*.popupChartHeight1 {
        height: 80vh !important;
        width: 85vw !important;
    }*/
}

@media (min-width: 576px) and (max-width: 768px) {
    .lookupGridScrollable {
        max-height: 65vh !important;
    }
}

@media (min-width: 768px) {
    .lookupGridScrollable {
        /*max-height: 65vh !important;*/
        max-height: 400px;
    }
}


::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}



/* Track */

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    /*border-radius: 10px;*/
    border-radius: 1.25rem;
}



/* Handle */

::-webkit-scrollbar-thumb {
    background-color: lightgrey;
    /*border-radius: 10px;*/
    border-radius: 1.25rem;
}



    /* Handle on hover */

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgb(15, 105, 214);
    }


.InfoLabel {
    color: rgba(1, 5, 143, 1); /*aquamarine;*/
}

/*.container-fluid {
    padding-left:0.3rem;
}*/

.DisabledPanelColor {
    background-color: #ECF4FC
}

.gridBtnEdit {
    /*background: url('Images/Edit.png') no-repeat;*/
    background: url('Images/editgrid.png') no-repeat;
    /*background: url('Images/edit2.png') no-repeat;*/
    background-size: 20px 20px;
    /*background-position: 25% 75%;*/
    height: 20px;
    width: 20px;
}

.btnWidth {
    width: 4rem;
}

.gvSelectionCriteria-RowStyle {
    height: 18px;
    font-size: small;
}

.gvSelectionCriteria-HeaderStyle {
    font-size: small;
    text-align: center;
}

/*-------Panel Styles (Start)-------*/

/*#panelSearchFields {
    padding: 4px 4px 8px 4px;
}

#panelFormFields {
    padding: 8px 4px 4px 4px;
}*/

section {
    padding: 6px 4px 6px 4px;
}

/*-------Panel Styles (End)*-------/

/*-------Grid Styles (Start)-------*/



.GridForm {
    width: 100%;
    border: solid 1px Black;
    background-color: white;
}

    /*.GridForm tr td:only-child { /* when No Record Found in grid
        color: red;
        background-color: #f8f9fa !important;
    }*/

    .GridForm th {
        /*border: solid 1px Black;*/
        background-color: #DCDDDE;
        background-image: linear-gradient(#ffffff,#EBEDF1,#DCDDDE);
        color: black;
        text-align: left;
        font-size: 11px;
        padding: 0.3rem;
        border: 1px solid #dee2e6 !important
    }

    .GridForm td {
        vertical-align: middle !important;
        padding: 0.3rem;
        border: 1px solid #dee2e6 !important
    }

    .GridForm tr:nth-child(odd) {
        /*border: solid 1px Black;*/
        /*background: #D3D3D3; dark color */
        background-color: #FFFFFF;
        color: Black;
        text-align: left;
        font-size: 11px;
    }

    .GridForm tr:nth-child(even) {
        border: solid 1px Black;
        color: Black;
        text-align: left;
        font-size: 11px;
        background-color: #F1F4F8;
    }

    .GridForm td input[id=btnEdit] {
        background: url('Images/edit2.png') no-repeat;
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
    }

    .GridForm td input[id=btnDelete] {
        background: url('Images/Delete.png') no-repeat;
        background-size: 14px 14px;
        width: 14px;
        height: 14px;
    }

    .GridForm td input[id=btnUpdate] {
        background: url('Images/Save.png') no-repeat;
        background-size: 14px 14px;
        width: 14px;
        height: 14px;
    }

    .GridForm td input[id=btnCancel] {
        background: url('Images/Cancel.png') no-repeat;
        background-size: 14px 14px;
        width: 14px;
        height: 14px;
    }

.GridEditRowStyle {
    background-color: #bad3ec !important;
}

.GridSelectedRowStyle {
    background-color: #BADDE9 !important;
}



.GridViewAll {
    width: 100%;
    border: solid 1px Black;
    background-color: white;
}

    /*.GridViewAll tr td:only-child { /* when No Record Found in grid
        color: red;
        background-color: #f8f9fa !important;
    }*/

    .GridViewAll th {
        /*border: solid 1px Black;*/
        background-color: #DCDDDE;
        background-image: linear-gradient(#ffffff,#EBEDF1,#DCDDDE);
        color: black;
        text-align: left;
        font-size: 11px;
        padding: 0.3rem;
        border: 1px solid #dee2e6 !important
    }

    .GridViewAll td {
        vertical-align: middle !important;
        padding: 0.3rem;
        border: 1px solid #dee2e6 !important
    }

    .GridViewAll tr:nth-child(odd) {
        /*border: solid 1px Black;*/
        /*background: #D3D3D3; dark color */
        background: #f5f5f5;
        color: Black;
        text-align: left;
        font-size: 11px;
    }

    .GridViewAll tr:nth-child(even) {
        border: solid 1px Black;
        color: Black;
        text-align: left;
        font-size: 11px;
        background-color: #D3D3D3;
    }

    .GridViewAll td input[id=btnEdit] {
        background: url('Images/edit2.png') no-repeat;
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
    }



.GridEmpInfo {
    width: 100%;
    border: solid 1px Black;
    background-color: white;
}

    .GridEmpInfo th {
        background-color: #DCDDDE;
        background-image: linear-gradient(#ffffff,#EBEDF1,#DCDDDE);
        color: black;
        text-align: left;
        font-size: 11px;
        padding: 0.3rem;
        border: 1px solid #dee2e6 !important
    }

    .GridEmpInfo tr {
        font-size: 11px;
    }

    .GridEmpInfo td {
        vertical-align: middle !important;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
        border: 1px solid #dee2e6 !important;
        /*color: blue;*/
        /*color: #5159CD;*/
        color: #0A00C7;
    }

        .GridEmpInfo td:first-child {
            vertical-align: middle !important;
            /*padding: 0.3rem;*/
            border: 1px solid #dee2e6 !important;
            color: black;
        }

    .GridEmpInfo tr:nth-child(odd) {
        /*border: solid 1px Black;*/
        /*background: #D3D3D3; dark color */
        /*background-color: #FFFFFF;*/
        /*background-color: #CAD8EF;*/
        background-color: #CCE3EF;
        color: Black;
        text-align: left;
    }

    .GridEmpInfo tr:nth-child(even) {
        border: solid 1px Black;
        color: Black;
        text-align: left;
        /*background-color: #F1F4F8;*/
        background-color: #E8F2FC;
    }

.ParentGrid {
    width: 100%;
}

    .ParentGrid td {
        vertical-align: middle;
        color: black;
        font-size: 11px;
        line-height: 200%;
        border: 1px solid #dee2e6;
        background-color: #f0f4f8;
    }

    .ParentGrid th {
        background-color: #11283e;
        background-image: linear-gradient(#ffffff,#EBEDF1,#DCDDDE);
        color: black;
        text-align: left;
        font-size: 11px;
        line-height: 200%;
        border: 1px solid #dee2e6;
    }

.Nested_ChildGrid {
    width: 100%;
}

    .Nested_ChildGrid td {
        color: black;
        font-size: 11px;
        line-height: 200%;
        vertical-align: middle;
        border: 1px solid #dee2e6;
        background-color: #c2c4c7 !important;
    }

    .Nested_ChildGrid th {
        background-color: #5b6467;
        background-image: linear-gradient( #5b6467 0%, #8b939a 74%) !important;
        color: black;
        font-size: 11px;
        line-height: 200%;
        border: 1px solid #dee2e6;
    }

.ChildGrid {
    width: 100%;
}

	.ChildGrid td {
		color: black;
		font-size: 11px;
		line-height: 200%;
		vertical-align: middle;
		border: 1px solid #dee2e6;
		padding-right: 6px;
		padding-left: 6px;
	}

    .ChildGrid th {
        background-color: #7fcec5;
        background-image: linear-gradient( #7fcec5 0%, #14557b 74%);
        color: White;
        font-size: 11px;
        line-height: 200%;
        border: 1px solid #dee2e6;
		padding-right:6px;
		padding-left:6px;
    }

    .ChildGrid td input[id=btnEdit] {
        background: url('Images/edit2.png') no-repeat;
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
    }

.ChildGrid-Blue {
    width: 100%;
}

    .ChildGrid-Blue td {
        background-color: #ffffff;
        color: black;
        font-size: 11px;
        line-height: 200%;
        vertical-align: middle;
        border: 1px solid #dee2e6;
        padding: 0px 6px 0px 6px;
    }

    .ChildGrid-Blue th {
        background-color: #7fcec5;
        background-image: linear-gradient(#1f9fd0 0%,#55bad4 74%);
        color: White;
        font-size: 11px;
        line-height: 200%;
        border: 2px solid #dee2e6;
        padding: 0px 6px 0px 6px;
    }

.Header-Purple {
    /*background-image: linear-gradient( #5baece 0%, #61c6e0 74%);*/
    background-image: linear-gradient(to right, #4D4DC5,#16406B);
}


.GridPager {
    width: 100px
}

    .GridPager a {
        background-color: #f5f5f5;
        color: #969696;
        border: 1px solid #969696;
        padding-left: 3px;
        padding-right: 3px
    }

    .GridPager span {
        background: #48d2e8;
        box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
        color: #f0f0f0;
        text-shadow: 0px 0px 3px rgba(0,0,0, .5);
        border: 1px solid #3AC0F2;
        padding-left: 3px;
        padding-right: 3px;
    }
    .GridPager td {
        cursor: auto !important;
        padding: 0px 2px 0px 2px;
    }


/*-------Grid Styles (End)-------*/

/*-------Radio Button List Styles (Start)-------*/



/*.RadioButtonList span {
        margin-right:1.6rem;
    }*/

.RadioButtonList tr {
    background-color: transparent !important;
}

.RadioButtonList td {
    padding-right: 1.6rem;
    border: 0 !important;
}

.RadioButtonList label {
    /*padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);*/
    font-size: 0.75rem;
    line-height: 0.4;
    margin-left: 0.3rem;
}



/*-------Radio Button List Styles (End)-------*/

.PBmodal {
    position: fixed;
    z-index: 1080;
    background-color: Black;
    opacity: 0.8;
}

.PBcenter {
    z-index: 1000;
    margin: 300px auto;
}

.textBox-width-sm {
    width: 3.5rem;
}

.btnAdd {
    background: url('Images/add.png') no-repeat;
    background-size: 20px 20px;
    margin-left: 2px;
    margin-top: 2px;
    height: 20px;
    width: 20px;
}

.imgAttachment {
    background: url('Images/attach.jpg') no-repeat;
    content: url(Images/attach.jpg);
    height: 20px;
    width: 20px;
    margin-left: 2px;
    margin-top: 2px;
}

.imgPlus {
    background: url('Images/PlusGrid.png') no-repeat;
    content: url(Images/PlusGrid.png);
    /*background-size: 20px 20px;*/
}

.imgMinus {
    background: url('Images/MinusGrid.png') no-repeat;
    content: url(Images/MinusGrid.png);
    /*background-size: 20px 20px;*/
}

.separatorHorizontal {
    height: 5px;
    border: 0;
    border-style: solid;
    background: #DEEEF7;
    box-shadow: 0 10px 10px -10px RoyalBlue inset;
}

.timpickerBtnMinus {
    background: url('Images/caret-down.png') no-repeat;
    background-size: 26px 18px;
    height: 18px;
    width: 26px;
}

.timpickerBtnAdd {
    background: url('Images/caret-up.png') no-repeat;
    background-size: 26px 18px;
    height: 18px;
    width: 26px;
}

.btnSofcom {
    color: black !important;
    border: 1px solid transparent !important;
    /*padding: .25rem .5rem !important;*/
    padding: .1rem .3rem !important;
    font-size: 0.75rem !important;
    font-weight: 500;
    border-radius: .2rem !important;
    border-color: #D1D6DB !important;
    background-color: #D1D6DB !important;
    background-image: linear-gradient(to bottom,#FBFBFB,#FBFBFB,#D1D6DB) !important;
    /*display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    line-height: 1.5;
    -webkit-appearance: button;
    overflow: visible;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;*/
}

    .btnSofcom:hover:not(:disabled) {
        cursor: pointer !important;
        background-image: linear-gradient(to bottom,#FBFBFB,#FBFBFB,#ACCCE7) !important;
        border-color: #D1D6DB !important;
        /*color: black !important;
        background-color: #ACCCE7;*/
    }

    .btnSofcom:focus, .btnSofcom.focus {
        box-shadow: 0 0 0 0.2rem #ACCCE7 !important;
        outline: 0px;
    }

    .btnSofcom.disabled, .btnSofcom:disabled {
        color: #6c757d !important;
        border-color: #FBFBFB !important;
        /*background-color: #FBFBFB !important;
        background-image: linear-gradient(to bottom,#FBFBFB,#FBFBFB);*/
    }

    .btnSofcom:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
        color: #fff !important;
        border-color: #005cbf;
        /*background-color: #0062cc !important;
        background-image: linear-gradient(to bottom,#FBFBFB,#D1D6DB);*/
    }

        .btnSofcom:not(:disabled):not(.disabled):active:focus, .btnSofcom:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem #D1D6DB !important;
        }


.ddlSofcom {
    /*padding: 0.1rem 0.3rem;
    font-size: 0.75rem;
    line-height: 1;
    border: 1px solid transparent !important;
    border-radius: 0.2rem;
    border-color: #D1D6DB !important;
    background-image: linear-gradient(to bottom,#FBFBFB,#FBFBFB,#D1D6DB) !important;*/
    
    
    /*fomr-control-sm*/
   height: calc(1.6rem + 2px);
    padding: 0.1rem 0.3rem;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 0.2rem;
    /**/
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    /*.ddlSofcom:hover:not(:disabled) {
        cursor: pointer !important;
        background-image: linear-gradient(to bottom,#FBFBFB,#FBFBFB,#ACCCE7) !important;
        border-color: #D1D6DB !important;
    }*/

    .ddlSofcom:focus {
        background-color: #fff;
        border-color: #80bdff;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .ddlSofcom {
        transition: none;
    }
}

.ddlSofcom::-ms-expand {
    background-color: transparent;
    border: 0;
}

.ddlSofcom:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.25);
}

.ddlSofcom::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.ddlSofcom::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.ddlSofcom:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.ddlSofcom::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.ddlSofcom::placeholder {
    color: #6c757d;
    opacity: 1;
}

.ddlSofcom:disabled, .ddlSofcom[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

select.ddlSofcom:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

select::-ms-expand { /* Arrow style */
    /*display: none;*/ /* remove arrow */
    background-color: transparent;
    border: none;
}

select option {
    background-image: linear-gradient(to bottom,#FBFBFB,#FBFBFB,#ACCCE7) !important;
}

.SmallTextBox {
    width: 50px;
}

.wizardSelectedMenu {
}

    .wizardSelectedMenu.nav-item div {
        color: #495057;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
        background-image: linear-gradient(#DCDDDE,#EBEDF1,#DCDDDE);
    }

    .wizardSelectedMenu a {
        color: #007bff !important;
    }

/*address New line in Upload Remarks*/
.Pre-Line {
    white-space: pre-line;
}

.autoCompleteTextbox {
}

    .autoCompleteTextbox input::-webkit-calendar-picker-indicator {
        display: none; /* Remove arrow from chrome */
    }

    .autoCompleteTextbox input::-ms-clear {
        display: none; /* Remove cross from IE */
        background-color: transparent;
    }

    .autoCompleteTextbox:after {
        position: absolute;
        /*left: 150px;*/
        left: var(--width) -100px;
        content: "\25be";
        /*content: "\25be";*/
        /*color: black;
        position: relative;
        left: -22px;
        content: "\25bc";*/ /* large arrow */
    }

.gridViewValidRow {
    background-color: #008000 !important;
}

.gridViewInvalidRow {
    background-color: #DE6F6F !important;
}

.gridViewPendingRow {
    background-color: #679FAE !important;
}

.gridViewDefautRow {
    background-color: #FFFFFF !important;
}

.invalidText {
    color: red !important;
}

.modal-FullStretch {
    max-height: 90vh !important;
    max-width: 90vw !important;
}

.modal-header-Error {
    background-image: linear-gradient(to right, rgb(181, 0, 0),rgb(243, 195, 195));
}


.btnViewRequest {
    background: url('Images/List.png') no-repeat;
    background-size: 20px 20px;
    background-position: left;
    width: 120px;
    margin-left: 5px;
}

.btnAcceptRequest {
    background: url('Images/Accept.png') no-repeat;
    background-size: 20px 20px;
    background-position: left;
    width: 120px;
    margin-left: 5px;
}

.btnRejectRequest {
    background: url('Images/Delete.png') no-repeat;
    background-size: 20px 20px;
    background-position: left;
    width: 120px;
    margin-left: 5px;
}

.btnLoadCriteria {
    background: url('Images/LoadCriteria.png') no-repeat;
    background-size: 20px 20px;
    background-position: left;
    width: 120px;
    margin-left: 5px;
}

.btnSaveCriteria {
    background: url('Images/SaveCriteria.png') no-repeat;
    background-size: 20px 20px;
    background-position: left;
    width: 120px;
    margin-left: 5px;
}

.ajax__html_editor_extender_container {
    width: 100% !important;
    height: 100% !important;
}

.modal-content-height {
    height: 85vh !important;
    overflow-y: auto;
}

.modal-content-height-small {
    height: 65vh !important;
    overflow-y: auto;
}

.remarksTextbox {
    min-height: calc(1.6rem + 2px) !important;
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}

.hideScroll {
    overflow: hidden;
}

/* Dashboard Cards*/

@media (min-width: 576px) {
    .card-width-3 {
        width: 30vw;
        margin: 0.25rem 0.5rem 0.25rem 0.5rem;
    }

    .card-width-2 {
        width: 45vw;
        margin: 0.25rem 0.5rem 0.25rem 0.5rem;
    }

    .card-width-1 {
        width: 62vw;
        margin: 0.25rem 0.5rem 0.25rem 0.5rem;
    }

    .card-width-50Perc {
        width: 50%;
    }
}


@media (max-width: 576px) {
    .card-width-3 {
        width: 90vw;
        margin: 0.25rem 0.5rem 0.25rem 0.5rem;
    }

    .card-width-2 {
        width: 90vw;
        margin: 0.25rem 0.5rem 0.25rem 0.5rem;
    }

    .card-width-1 {
        width: 90vw;
        margin: 0.25rem 0.5rem 0.25rem 0.5rem;
    }
}

.card-body-Dashboard-scroll {
    max-height: 170px;
    overflow-y: auto;
}

.dasboardcard-header {
    padding: 0.3rem 0.5rem 0.3rem 0.5rem;
}

    .dasboardcard-header span {
        font-size: 15px;
        font-weight: 500;
    }

.dasboardcard1 {
    color: black;
    /*background: #eeff93;
    background-image: linear-gradient(to right, #daff0f,#f4ffba);*/
    border-radius: 1.25rem !important;
    border-color: #eeff93;
}

.dasboardcard1-Header {
    background: #d4e018;
    background-image: linear-gradient(to right, #d4e018,#daff0f);
    border-top-left-radius: 1.25rem !important;
    border-top-right-radius: 1.25rem !important;
}

.dasboardcard1-Body {
    background: black;
    background-image: linear-gradient(to right, White,White);
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
}

.dasboardcard1-Body-Color {
    background: #eeff93;
    background-image: linear-gradient(to right, #daff0f,#f4ffba);
}

.dasboardcard2 {
    color: black;
    /*background: #75de16;
    background-image: linear-gradient(to right, #75de16,#8cfd25);*/
    border-radius: 1.25rem !important;
    border-color: #75de16;
}

.dasboardcard2-Header {
    background: #75de16;
    background-image: linear-gradient(to right, #75de16,#8cfd25);
    border-top-left-radius: 1.25rem !important;
    border-top-right-radius: 1.25rem !important;
}

.dasboardcard2-Body {
    background: black;
    background-image: linear-gradient(to right, White,White);
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
}

.dasboardcard2-Body-Color {
    background: #b0e87d;
    background-image: linear-gradient(to right, #b0e87d,#c8ff95);
}

.dasboardcard3 {
    color: black;
    /*background: #892ffd;
    background-image: linear-gradient(to right, #892ffd,#a06ce4);*/
    border-color: #892ffd;
    border-radius: 1.25rem !important;
}

.dasboardcard3-Header {
    background: #8542dc;
    background-image: linear-gradient(to right, #6401e4,#8542dc);
    border-top-left-radius: 1.25rem !important;
    border-top-right-radius: 1.25rem !important;
    color: white
}

.dasboardcard3-Body {
    background: White;
    background-image: linear-gradient(to right, White,White);
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
}

.dasboardcard3-Body-Color {
    background: #892ffd;
    background-image: linear-gradient(to right, #892ffd,#a06ce4);
}

.dasboardcard4 {
    color: white;
    /*background: #d07d7d;
    background-image: linear-gradient(to right, #d07d7d,#d07d7d);*/
    border-radius: 1.25rem !important;
    border-color: #d07d7d;
}

.dasboardcard4-Header {
    background: #d07d7d;
    background-image: linear-gradient(to right, #d07d7d,#d07d7d);
    border-top-left-radius: 1.25rem !important;
    border-top-right-radius: 1.25rem !important;
}

.dasboardcard4-Body {
    color: black;
    background: White;
    background-image: linear-gradient(to right, White,White);
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
}

.GridView1-Dashboard {
    width: 100%;
    /*border: solid 1px Black;*/
    border: none;
    /*background-color: white;*/
    background-color: transparent
}

    .GridView1-Dashboard th {
        /*background-color: #DCDDDE;*/
        /*background-image: linear-gradient(#ffffff,#EBEDF1,#DCDDDE);*/
        border: ridge;
        border-color: white;
        border-width: 1.5px;
        color: black !important;
        text-align: left;
        font-size: 11px;
        padding: 0rem;
    }

        .GridView1-Dashboard th:first-child {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

    .GridView1-Dashboard td {
        vertical-align: middle !important;
        padding: 0rem;
        /*border: 1px solid #dee2e6 !important*/
        border: none;
        line-height: 0.5 !important;
    }

        .GridView1-Dashboard td:first-child {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

        .GridView1-Dashboard td:not(:first-child) {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
            border-left: ridge;
            border-color: white;
            border-width: 1.5px;
        }

        .GridView1-Dashboard td:last-child {
            padding-right: 0rem;
            padding-left: 0.5rem;
        }


.GridView2-Dashboard {
    width: 100%;
    /*border: solid 1px Black;*/
    border: none;
    /*background-color: white;*/
    background-color: transparent
}

    .GridView2-Dashboard th {
        /*background-color: #DCDDDE;*/
        /*background-image: linear-gradient(#ffffff,#EBEDF1,#DCDDDE);*/
        /*border: ridge;*/
        border:none;
        border-color: white;
        border-width: 1.5px;
        color: black !important;
        text-align: left;
        font-size: 11px;
        padding: 0rem;
    }

        .GridView2-Dashboard th:first-child {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

    .GridView2-Dashboard td {
        vertical-align: middle !important;
        padding: 0rem;
        /*border: 1px solid #dee2e6 !important*/
        border: none;
        line-height: 0.5 !important;
    }

    .GridView2-Dashboard tr:first-child {
        border-bottom-width: 0px;
        border-top-width: 0px;
        background-image: linear-gradient(#ffffff,#EBEDF1,#DCDDDE);
    }

    .GridView2-Dashboard tr:first-child th {
        border-bottom-width: 0px;
        border-top-width: 0px;
    }

    .GridView2-Dashboard tr {
        border: none;
        border-top: ridge;
        border-bottom: ridge;
    }



        .GridView2-Dashboard td:first-child {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

        .GridView2-Dashboard td:not(:first-child) {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
            border-left: ridge;
            border-color: white;
            border-width: 1.5px;
        }

        .GridView2-Dashboard td:last-child {
            padding-right: 0rem;
            padding-left: 0.5rem;
        }

.hideScroll {
    overflow: hidden;
}

.remarksTextbox {
    min-height: calc(1.6rem + 2px) !important;
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}

fieldset {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
}

legend {
    width: auto !important;
    margin-bottom: 0rem !important;
}

.GridFormBlue {
    width: 100%;
    border: solid 1px Black;
    background-color: white;
}

    /*.GridForm tr td:only-child { /* when No Record Found in grid
        color: red;
        background-color: #f8f9fa !important;
    }*/

    .GridFormBlue th {
        /*border: solid 1px Black;*/
        background-color: #DCDDDE;
        background-image: linear-gradient(#dadef9,#cac0e6,#b5b3d3);
        color: black;
        text-align: left;
        font-size: 11px;
        padding: 0.3rem;
        border: 1px solid #dee2e6 !important
    }

    .GridFormBlue td {
        vertical-align: middle !important;
        padding: 0.3rem;
        border: 1px solid #dee2e6 !important
    }

    .GridFormBlue tr:nth-child(odd) {
        /*border: solid 1px Black;*/
        /*background: #D3D3D3; dark color */
        background-color: #FFFFFF;
        color: Black;
        text-align: left;
        font-size: 11px;
    }

    .GridFormBlue tr:nth-child(even) {
        border: solid 1px Black;
        color: Black;
        text-align: left;
        font-size: 11px;
        background-color: #dce5f1;
    }




.GridFormPurple {
    width: 100%;
    border: solid 1px Black;
    background-color: white;
}

    /*.GridForm tr td:only-child { /* when No Record Found in grid
        color: red;
        background-color: #f8f9fa !important;
    }*/


    .GridFormPurple th {
        /*border: solid 1px Black;*/
        background-color: #DCDDDE;
        background-image: linear-gradient(#f9daf2,#e6c0e5,#d3b3d1);
        color: black;
        text-align: left;
        font-size: 11px;
        padding: 0.3rem;
        border: 1px solid #dee2e6 !important
    }

    .GridFormPurple td {
        vertical-align: middle !important;
        padding: 0.3rem;
        border: 1px solid #dee2e6 !important
    }

    .GridFormPurple tr:nth-child(odd) {
        /*border: solid 1px Black;*/
        /*background: #D3D3D3; dark color */
        background-color: #FFFFFF;
        color: Black;
        text-align: left;
        font-size: 11px;
    }

    .GridFormPurple tr:nth-child(even) {
        border: solid 1px Black;
        color: Black;
        text-align: left;
        font-size: 11px;
        background-color: #eadfea;
    }


.lookupImgWidth {
    width: 28px;
    height: 18px;
}

.CalendarImgWidth {
    width: 23px;
    height: 23px;
}

.PnlStyle {
    padding: 2px;
}

.width-dynamic {
    width: var(--width);
}

.cursorpointer:hover {
    cursor: pointer !important;
}

.lookupSelect {
    color: #007bff !important;
    cursor: pointer !important;
}

    .lookupSelect:hover {
        text-decoration: underline !important;
    }

.disablehyper {
    color: black;
    cursor: text;
}

    .disablehyper:hover {
        color: black;
        cursor: text;
    }

.GroupHeaderStyle {
    border: solid 1px Black;
    background-color: #316ea1 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.StatusBarLabel {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .62rem;
    line-height: 1.5;
    font-weight: bold;
}

.InqGridView td {
    cursor: pointer;
}

.InqGridView .selected_row {
    background-color: sandybrown;
}

.InqGridView th {
    cursor: pointer;
}

.InqGridView th:hover {
    text-decoration: underline
}

.CheckBoxList td {
    padding-right: 20px;
}

.GridViewScroll {
    width: 100%;
    max-height: 65vh !important;
    overflow-y: auto;
}


@media (max-width: 576px) {
    .GridViewScroll {
        max-height: 50vh !important;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .GridViewScroll {
        max-height: 65vh !important;
    }
}

@media (min-width: 768px) {
    .GridViewScroll {
        /*max-height: 65vh !important;*/
        max-height: 400px;
    }
}

.SmallGridViewScroll {
    width: 100%;
    max-height: 45vh !important;
    overflow-y: auto;
}


@media (max-width: 576px) {
    .SmallGridViewScroll {
        max-height: 45vh !important;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .SmallGridViewScroll {
        max-height: 45vh !important;
    }
}

@media (min-width: 768px) {
    .SmallGridViewScroll {
        /*max-height: 65vh !important;*/
        max-height: 395px;
    }
}

/*--------------Multi select DropDown START--------------*/

.MultiSelect p {
    margin: 0;
}

.MultiSelect {
    width: 100%;
    font-size: .75rem;
}

.SelectBox {
    padding: .1rem .3rem
}

.MultiStopScroll {
    overflow: hidden;
}

/* Filtering style */
.MultiSelect .hidden {
    display: none;
}

.MultiSelect .search-txt {
    display: none;
    outline: none;
}

.MultiSelect .no-match {
    display: none;
    padding: 6px;
}

.MultiSelect.open .search-txt {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 5px 8px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

.MultiSelect.open > .search > span, .MultiSelect.open > .search > label {
    visibility: hidden;
}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass, .MultiUnder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.SelectClass {
    z-index: 1;
}

.MultiSelect > .optWrapper > .options li.opt label, .MultiSelect > .CaptionCont, .MultiSelect .select-all > label {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    margin: 0px
}

.MultiSelect {
    display: inline-block;
    position: relative;
    outline: none;
}

    .MultiSelect:focus > .CaptionCont, .MultiSelect:hover > .CaptionCont, .MultiSelect.open > .CaptionCont {
        box-shadow: 0 0 2px #7799D0;
        border-color: #7799D0;
    }

    .MultiSelect > .CaptionCont {
        position: relative;
        border: 1px solid #A4A4A4;
        min-height: 14px;
        background-color: #fff;
        /*border-radius: 2px;*/
        margin: 0;

        height: calc(1.6rem + 2px);
        padding: 0.1rem 0.3rem;
        border-radius: 0.2rem;
        


    }

        .MultiSelect > .CaptionCont > span {
            display: flex;
            padding-right: 30px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            cursor: default;
        }
            /*placeholder style*/
        .MultiSelect > .CaptionCont > span.placeholder {
                color: #ccc;
                font-style: normal;
            }

        .MultiSelect > .CaptionCont > label {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 30px;
            margin-bottom: 1.5px
        }

            .MultiSelect > .CaptionCont > label > i {
                background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');
                background-position: center center;
                width: 16px;
                height: 16px;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                background-repeat: no-repeat;
                opacity: 0.8;
            }

    .MultiSelect > .optWrapper {
        display: none;
        z-index: 1000;
        top: 30px;
        width: 100%;
        position: absolute;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
        border-radius: 3px;
        overflow: hidden;
    }

    .MultiSelect.open > .optWrapper {
        top: 27px;
        display: block;
        max-height: 150px;
        overflow-y: auto
    }

        .MultiSelect.open > .optWrapper.up {
            top: auto;
            bottom: 100%;
            margin-bottom: 5px;
        }

    .MultiSelect > .optWrapper ul {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
        overflow: auto;
    }

    .MultiSelect > .optWrapper > .options {
        border-radius: 2px;
        position: relative;
        /*Set the height of pop up here (only for desktop mode)*/
        /*max-height: 250px;*/
        /*height*/
    }

    .MultiSelect > .optWrapper.okCancelInMulti > .options {
        border-radius: 2px 2px 0 0;
    }

    .MultiSelect > .optWrapper.selall > .options {
        border-radius: 0 0 2px 2px;
    }

    .MultiSelect > .optWrapper.selall.okCancelInMulti > .options {
        border-radius: 0;
    }

    .MultiSelect > .optWrapper > .options li.group.disabled > label {
        opacity: 0.5;
    }

    .MultiSelect > .optWrapper > .options li ul li.opt {
        padding-left: 22px;
    }

    .MultiSelect > .optWrapper.multiple > .options li ul li.opt {
        padding-left: 50px;
    }

    .MultiSelect > .optWrapper.isFloating > .options {
        max-height: 100%;
        box-shadow: 0 0 100px #595959;
    }

    .MultiSelect > .optWrapper > .options li.opt {
        padding: 2px 2px;
        position: relative;
        border-bottom: 1px solid #f5f5f5;
    }

    .MultiSelect > .optWrapper > .options > li.opt:first-child {
        border-radius: 2px 2px 0 0;
    }

    .MultiSelect > .optWrapper.selall > .options > li.opt:first-child {
        border-radius: 0;
    }

    .MultiSelect > .optWrapper > .options > li.opt:last-child {
        border-radius: 0 0 2px 2px;
        border-bottom: none;
    }

    .MultiSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
        border-radius: 0;
    }

    .MultiSelect > .optWrapper > .options li.opt:hover {
        background-color: #E4E4E4;
        padding: 2px 2px;
    }

    .MultiSelect > .optWrapper > .options li.opt.sel, .MultiSelect .select-all.sel {
        background-color: #a1c0e4;
    }

    .MultiSelect > .optWrapper > .options li label {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        cursor: pointer;
    }

    .MultiSelect > .optWrapper > .options li span {
        display: none;
    }

    .MultiSelect > .optWrapper > .options li.group > label {
        cursor: default;
        padding: 8px 6px;
        font-weight: bold;
    }

    /*Floating styles*/
    .MultiSelect > .optWrapper.isFloating {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 90%;
        bottom: 0;
        margin: auto;
        max-height: 90%;
    }

    /*disabled state*/
    .MultiSelect > .optWrapper > .options li.opt.disabled {
        background-color: inherit;
        pointer-events: none;
    }

        .MultiSelect > .optWrapper > .options li.opt.disabled * {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */
            filter: alpha(opacity=50); /* Netscape */
            -moz-opacity: 0.5; /* Safari 1.x */
            -khtml-opacity: 0.5; /* Good browsers */
            opacity: 0.5;
        }


    /*styling for multiple select*/
    .MultiSelect > .optWrapper.multiple > .options li.opt {
        padding-left: 35px;
        cursor: pointer;
    }

        .MultiSelect > .optWrapper.multiple > .options li.opt span,
        .MultiSelect .select-all > span {
            position: absolute;
            display: block;
            width: 30px;
            top: 0;
            bottom: 0;
            margin-left: -35px;
        }

            .MultiSelect > .optWrapper.multiple > .options li.opt span i,
            .MultiSelect .select-all > span i {
                position: absolute;
                margin: auto;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                width: 14px;
                height: 14px;
                border: 1px solid #AEAEAE;
                border-radius: 2px;
                box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
                background-color: #fff;
            }

    .MultiSelect > .optWrapper > .MultiControls {
        display: none;
        border-top: 1px solid #ddd;
        background-color: #fff;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
        border-radius: 0 0 3px 3px;
    }

    .MultiSelect > .optWrapper.multiple.isFloating > .MultiControls {
        display: block;
        margin-top: 5px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .MultiSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
        display: block;
    }

        .MultiSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
            padding: 6px;
        }

            .MultiSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
                box-shadow: 0 0 2px #a1c0e4;
                border-color: #a1c0e4;
                outline: none;
                background-color: #a1c0e4;
            }

    .MultiSelect > .optWrapper.multiple > .MultiControls > p {
        display: inline-block;
        cursor: pointer;
        padding: 12px;
        width: 50%;
        box-sizing: border-box;
        text-align: center;
    }

        .MultiSelect > .optWrapper.multiple > .MultiControls > p:hover {
            background-color: #f1f1f1;
        }

        .MultiSelect > .optWrapper.multiple > .MultiControls > p.Okbtn {
            border-right: 1px solid #DBDBDB;
            border-radius: 0 0 0 3px;
        }

        .MultiSelect > .optWrapper.multiple > .MultiControls > p.Cancelbtn {
            border-radius: 0 0 3px 0;
        }
    /*styling for select on popup mode*/
    .MultiSelect > .optWrapper.isFloating > .options li.opt {
        padding: 2px 2px;
    }

    /*styling for only multiple select on popup mode*/
    .MultiSelect > .optWrapper.multiple.isFloating > .options li.opt {
        padding-left: 35px;
    }

    .MultiSelect > .optWrapper.multiple.isFloating {
        padding-bottom: 43px;
    }

    .MultiSelect > .optWrapper.multiple > .options li.opt.selected span i,
    .MultiSelect .select-all.selected > span i,
    .MultiSelect .select-all.partial > span i {
        background-color: #3352EA;
        box-shadow: none;
        border-color: transparent;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
        background-position: center center;
    }
    /*disabled state*/
    .MultiSelect.disabled {
        opacity: 0.7;
        cursor: not-allowed;
    }

        .MultiSelect.disabled > .CaptionCont {
            border-color: #ccc;
            box-shadow: none;
        }

    /**Select all button**/
    .MultiSelect .select-all {
        display: flex;
        border-radius: 3px 3px 0 0;
        position: relative;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
        padding: 2px 0 2px 35px;
        /*height: 20px;*/
        cursor: pointer;
        height: calc(1.6rem + 2px);
        line-height: 1.75;
    }

        .MultiSelect .select-all > label, .MultiSelect .select-all > span i {
            cursor: pointer;
        }

        .MultiSelect .select-all.partial > span i {
            background-color: #ccc;
        }


    /*styling for optgroups*/
    .MultiSelect > .optWrapper > .options li.optGroup {
        padding-left: 5px;
        text-decoration: underline;
    }


/*--------------Multi select DropDown END --------------*/

.MainDasboardcard1 {
    color: black;
    border-color: #eeff93;
}

.MainDasboardcard1-Header {
    background: #d4e018;
    background-image: linear-gradient(to right, #d4e018,#daff0f);
}

.MainDasboardcard1-Body {
    background: black;
    background-image: linear-gradient(to right, White,White);
}

.MainDasboardcard1-Body-Color {
    background: #eeff93;
    background-image: linear-gradient(to right, #daff0f,#f4ffba);
}


.MainDasboardcard2 {
    color: black;
    border-color: #75de16;
}

.MainDasboardcard2-Header {
    background: #75de16;
    background-image: linear-gradient(to right, #75de16,#8cfd25);
}

.MainDasboardcard2-Body {
    background: black;
    background-image: linear-gradient(to right, White,White);
}

.MainDasboardcard2-Body-Color {
    background: #b0e87d;
    background-image: linear-gradient(to right, #b0e87d,#c8ff95);
}


.MainDasboardcard3 {
    color: black;
    border-color: #892ffd;
}

.MainDasboardcard3-Header {
    background: #8542dc;
    background-image: linear-gradient(to right, #6401e4,#8542dc);
    color: white
}

.MainDasboardcard3-Body {
    background: black;
    background-image: linear-gradient(to right, White,White);
}

.MainDasboardcard3-Body-Color {
    background: #892ffd;
    background-image: linear-gradient(to right, #892ffd,#a06ce4);
}

.MainDasboardcard4 {
    color: black;
    border-color: #d07d7d;
}

.MainDasboardcard4-Header {
    background: #8542dc;
    background-image: linear-gradient(to right, #d07d7d,#d07d7d);
    color: white
}

.MainDasboardcard4-Body {
    color: black;
    background: White;
    background-image: linear-gradient(to right, White,White);
}

.card-header .collapsibleArrow, .secHeading .collapsibleArrow {
    transition: .3s transform ease-in-out;
}

.card-header .collapsed .collapsibleArrow, .secHeading .collapsed .collapsibleArrow {
    transform: rotate(-90deg);
}


.plusMinusSymbol:after {
    transition: .3s transform ease-in-out;
    content: "\2212";
}

.plusMinusSymbol.collapsed:after {
    /*transform: rotate(-90deg);*/
    content: "\002B";
}

.ListingSearchFields [data-toggle="collapse"]:not(.collapsed) .showPlusBtn,
.ListingSearchFields [data-toggle="collapse"].collapsed .showMinusBtn {
	display: none;
}

.ajax__calendar {
    left: auto !important;
    top: auto !important;
}

.progressIndicatorStyle {
    top: 45%;
    left: 45%;
    position: fixed;
}

.Exception ol li {
    list-style-type: none;
    counter-increment: item;
}

.Validations {
    width: 100%;
    max-height: 65vh !important;
    overflow-y: auto;
}
    .Validations ol {
        padding: 6px 0px 6px 12px;
        margin: 0px;
    }
        .Validations ol li {
            /*color: orangered;*/
            margin: 2px 0px 2px 0px;
            line-height: 1;
        }

            .Validations ol li:before {
                content: "\2022"; /*"\279B"; counter(item);*/
                margin-right: 5px;
                margin-bottom:2px;
                font-size: 20px;
                /*background-color: #f99494;
    color: orangered;*/
                font-weight: bold;
                /*padding: 3px 5px 3px 8px;*/
                border-radius: 3px;
            }

.Error p {
    color: black;
}

.Error ol li:before {
    content: "";
}

.MessageBoxErrors {
    width: 100%;
    max-height: 65vh !important;
    overflow-y: auto;
}

    .MessageBoxErrors ul {
        padding: 12px;
        margin:0px !important;
    }

        .MessageBoxErrors ul li {
            /*color: red;*/
            padding:0px 0px 0px 6px !important;
            /*margin: 2px 0px 2px 0px;*/
        }