/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700); */

/*New Ideagen Font Gilroy*/
@font-face {
    font-family: 'gilroy-black';
    src: url(/App_Styles/GoogleFonts/gilroy-black-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-black-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-blackitalic';
    src: url(/App_Styles/GoogleFonts/gilroy-blackitalic-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-blackitalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-bold';
    src: url(/App_Styles/GoogleFonts/gilroy-bold-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-bolditalic';
    src: url(/App_Styles/GoogleFonts/gilroy-bolditalic-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-bolditalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-extrabold';
    src: url(/App_Styles/GoogleFonts/gilroy-extrabold-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-extrabold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-extrabolditalic';
    src: url(/App_Styles/GoogleFonts/gilroy-extrabolditalic-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-extrabolditalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-heavy';
    src: url(/App_Styles/GoogleFonts/gilroy-heavy-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-heavy-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-heavyitalic';
    src: url(/App_Styles/GoogleFonts/gilroy-heavyitalic-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-heavyitalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-regularitalic';
    src: url(/App_Styles/GoogleFonts/gilroy-regularitalic-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-regularitalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-light';
    src: url(/App_Styles/GoogleFonts/gilroy-light-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-light-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-lightitalic';
    src: url(/App_Styles/GoogleFonts/gilroy-lightitalic-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-lightitalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-medium';
    src: url(/App_Styles/GoogleFonts/gilroy-medium-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-medium-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-mediumitalic';
    src: url(/App_Styles/GoogleFonts/gilroy-mediumitalic-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-mediumitalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-regular';
    src: url(/App_Styles/GoogleFonts/gilroy-regular-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-regular-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-semibold';
    src: url(/App_Styles/GoogleFonts/gilroy-semibold-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-semibold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-semibolditalic';
    src: url(/App_Styles/GoogleFonts/gilroy-semibolditalic-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-semibolditalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-thin';
    src: url(/App_Styles/GoogleFonts/gilroy-thin-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-thin-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-thinitalic';
    src: url(/App_Styles/GoogleFonts/gilroy-thinitalic-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-thinitalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-ultralight';
    src: url(/App_Styles/GoogleFonts/gilroy-ultralight-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-ultralight-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroy-ultralightitalic';
    src: url(/App_Styles/GoogleFonts/gilroy-ultralightitalic-webfont.woff2) format('woff2'), url(/App_Styles/GoogleFonts/gilroy-ultralightitalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #FFFFFF;
    background-repeat: repeat;
    font-family: "gilroy-regular", Verdana, sans-serif;
    color: rgb(73, 73, 73);
    font-size: 14px;
}
.popupBody {
    background-color: #FFFFFF;
    background-repeat: repeat;
    font-family: "gilroy-regular", Verdana, sans-serif;
    color: rgb(73, 73, 73);
    font-size: 13px;
    margin-left: 20px;
    margin-right: 20px;
}

* {
    margin: 0;
    padding: 0;
}

*:focus {
    outline: none;
}
a[href],
a[onclick],
a:visited {
    cursor: pointer;
    margin-left: 0;
    text-decoration: none;
    color: #056D78;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    transition: color 0.15s linear;
    font-weight:700;
    font-size:14px ;
}
a:hover,
a:focus {
    /*color: #23527c;*/
    color: #1B838B;
    text-decoration: underline;
    outline: none;
    font-size: 14px ;
}
.cfg_CloseDisabled:hover {
    text-decoration:underline;
}
input,
select,
textarea,
button,
a,
label {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "gilroy-regular", Verdana, sans-serif;
}

input[type="checkbox"]
{
   height: 20px;
   width: 20px;
   vertical-align: middle;
   margin-bottom: 11px;
   margin-top: 10px;
   margin-right: 8px;
}

input[type="radio"]
{
    height: 20px;
    width: 20px;
    vertical-align: bottom;
    margin-top: 11px;
    margin-right: 5px;
}

input[type="radio"] + label{
    margin-left: 2px;
    margin-right: 16px;
    line-height: 19px;
}

select {
    background-color: #FFF;
    overflow: auto !important;
    width: 300px;
    color: rgb(73, 73, 73);
}
input[type=text]::-ms-clear {
    display: none;
}
input[type="text"]:disabled {
    background-color: #DDE0E3;
    border-color: #8B939A;
    color: #8B939A;
}

input[type="checkbox"]:disabled {
    background-color: #cccccc;
    color: rgb(84, 84, 84);
    opacity: 1;
    cursor: default;
}
input[type="radio"]:disabled {
   /*background-color: #CCCCCC;*/
   color:rgb(84, 84, 84);
   opacity:1;
   cursor:default;
}
input[type="checkbox"]:disabled::-ms-check {
   background-color: #cccccc;
   color:rgb(84, 84, 84);
   opacity:1;
   cursor:default;
}
input[type="radio"]:disabled::-ms-check {
   background-color: #CCCCCC;
   color:rgb(84, 84, 84);
   opacity:1;
   cursor:default;
}
textarea {
    color: #000;
    overflow: auto!important;
    white-space: pre-wrap!important;
    /*margin-right: 10px;*/
    font-family: inherit;
    font-size: 14px !important;
}
.selectize-dropdown-content
{
    max-height: 120px !important;
}
td, th {
}

th{
    font-weight:600;
}

.clear{
    clear: both;
}


#banner .hamburger{
    display: none;
    padding: 22px 12px 14px;
}
#banner .hamburger img{
    width: 20px;
    height: auto;
}

.topHeaderLogo,
.topHeaderMenu,
.topHeaderLinks{
    position: relative;
    float: left;
}

.topHeaderLogo{
    width: 150px;
}

.topHeaderMenu{
    /* width: 70%; */
}

.topHeaderLinks{
    float: right; 
    margin:0;
    width:50%;
}


.widgtContent #caseCountschart {
    border: 1px dotted #09F;
    margin: 5px;
    padding: 5px;
}
.widgtContent #caseTotals {
    border: 1px dotted #09F;
    margin: 5px;
    padding: 5px;
}
.noMargins {
    margin: 0!important;
}
.wigtContainer_inter {
    display: block;
    float: left;
    margin: 10px;
    width: 1170px;
}
.widgtBanner_inter {
    background-color: #FFF;
    border-bottom-color: #999;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    display: inherit;
    float: left;
    height: 25px;
    width: inherit;
}
.widgtTitle_inter {
    color: #333;
    float: left;
    font-size: 11pt;
    font-weight: 700;
    line-height: 20px;
    margin-left: 5px;
    margin-right: 15px;
    text-shadow: 1px 1px 0 #fff;
}
.widgtTitle_inter_AimDashboard {
    color: #333;
    font-size: 11pt;
    font-weight: 700;
    line-height: 20px;
    margin-left: 5px;
    margin-right: 15px;
    text-shadow: 1px 1px 0 #fff;
}
.widgtContent_inter {
    background-color: #fff;
    border-style: none;
    display: block;
    float: left;
    height: auto;
    overflow: hidden;
    position: static;
    width: inherit;
}
.smallRow {
    clear: both;
    display: block;
    height: 100%;
    padding: 10px 0;
    width: 1220px;
}
.widgtContainer_small {
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 435px;
    min-width: 100px;
}
.widgtContainer_small_dials {
    display: block;
    height: inherit;
    margin-bottom: 10px;
    width: 250px;
}
.mediumRow {
    clear: both;
    display: block;
    height: 230px;
    width: 1200px;
}
.widgtContainer_medium {
    display: block;
    float: left;
    width: 580px;
}
.widgtContainer_free {
    display: block;
    width: 600px;
}
.widgtContainer_mediumRight {
    display: block;
    float: right;
    width: 580px;
}
.largeRow {
    clear: both;
    display: block;
    height: AUTO;
    width: 1200px;
}
.widgtContainer_large {
    display: block;
    float: left;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 1190px;
}
.widgtBanner {
    background-color: #ccc;
    background-image: url(/Style/UX/Images/widgtBanner_bkg.gif);
    background-repeat: repeat-x;
    border-color: #999;
    border-style: solid;
    border-width: 1px;
    display: inherit;
    float: left;
    height: 10px;
    width: inherit;
}
.widgtContent {
    background-color: #fff;
    border-bottom-color: #999;
    border-bottom-width: 1px;
    border-left-color: #999;
    border-left-width: 1px;
    border-right-color: #999;
    border-right-width: 1px;
    border-style: none solid solid;
    display: block;
    float: left;
    height: 290px;
    overflow: hidden;
    position: static;
    width: inherit;
}
.widgtTitle {
    height: 24px;
    /*width: 110px;*/
    color: #2F4051;
    font-family: "gilroy-regular", Verdana, sans-serif;
    /*font-family: "gilroy-regular", Verdana, sans-serif;*/
    font-size: 18px;
    font-weight: 700;
    line-height: 33px;
    /*text-align: center;*/
    /*transform: rotate(45deg)!important;*/
    /*-webkit-transform: rotate(45deg)!important;*/
    vertical-align: top;
    float: left;
}
.path-4-copy {
	box-sizing: border-box;
	height: 0.1px;
	width: 1707px;
	border: 1px solid #CBD3D6;
}
.widgtTitle:hover
{
     background-color: #red!important;
     border-radius: 5px 5px 5px 5px !important;
}
.subHeaderMain .subHeaderWrapper .widgtTitle {
    font-size: 16px;
    text-transform: none;     
	color: #343A4B;
	font-weight:bold!important;
	line-height: 1.3;
	text-align: center;
	float:left;
    transform:rotate(0deg)!important;
    font-family: "gilroy-regular", Verdana, sans-serif;
    float:left;
}
img.iconStatus {
    position: relative;
    /*top: -4px;*/
}
.widgtTitleWhite {
    color: #fff;
    float: left;
    font-size: 10pt;
    font-weight: 700;
    height: inherit;
    letter-spacing: 3px;
    line-height: 25px;
    margin-left: 10px;
    margin-right: 15px;
    text-shadow: 0 -1px 1px #FFF;
}
.widgtMaximize {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}
.widgtUtility {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}
.widgtUtilityExpand {
    float: right;
    margin-left: 0;
    margin-right: 0;
    margin-top: -8px;
}
.widgtSpanmini {
    background-color: #4095bb;
    background-image: url(/Style/Images/UX/Images/span_bkg.png);
    background-repeat: repeat-x;
    border-left-color: #999;
    border-left-width: thin;
    border-style: none none none ridge;
    float: right;
    height: 25px;
    width: 25px;
}
.arrowSpan {
    float: right;
    height: 25px;
    margin-top: 5px;
    width: 25px;
}
.simpleNote {
    color: #666;
    font-size: 11px;
    font-weight: 400;
}
.importantNote {
    color: red;
    font-size: 12px;
    font-weight: 400;
}
#textAreaExtra {
    background-image: url(/Style/Images/UX/Images/widgtBanner_bkg.gif);
    border: 1px solid #CCC;
    font-size: 10pt;
    line-height: 20px;
    text-align: left;
    text-indent: 5px;
}
.countField {
    font-size: 10px;
    height: 11px;
    margin-top: 2px;
}
.inputValueText {
    color: #666;
    font-size: 10pt;
}

.warningMessage {
    line-height: 16px;
    margin: 5px 0px 10px;
    padding: 30px 30px 15px 30px;
    width: auto;
}

/*
.confirmationMessage {
    background-color: #EEE;
    border-color: #999 #999 #888;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    display: inline-block;
    line-height: 22px;
    margin: 0 0 10px;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}
.errorMessage {
    background-color: #EEE;
    border-color: #999 #999 #888;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    display: inline-block;
    line-height: 22px;
    margin: 0 0 10px;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}
.noteMessage {
    background: url() no-repeat scroll 10px center #DCEBFD;
    border: 1px solid #00007C;
    color: #06C;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 10px;
    padding: 3px 10px 3px 35px;
    width: auto;
}*/
.filterMessage {
    margin: 16px;
    margin-left:0px;
}
.legendMessage {
    line-height: 16px;
    margin: 5px 0px 10px;
    padding: 30px 30px 15px 30px;
    width: auto;
}
.mainWrapper {
    zoom: 1;
    padding-left:25px !important;
    padding-right:25px !important;
    padding-bottom:40px !important;
}

.inputValue #incidentID {
    width: 200px;
}
.asterik,
.redText,
.Validation {
    color: #FF3B30;
}
.noteInput {
    color: #999;
    font-size: 10px;
    margin-top: .2em;
}
.noteTextArea {
    color: #999;
    display: inline-block;
    font-size: 10px;
    vertical-align: top;
}

.inputValue {
    border-radius: 8px 8px 8px 8px !important;
    color: #5D6977;
    font-size: 14px;
    outline: medium none;
    overflow: visible;
    padding: 5px 5px 5px 10px;
    resize: none;
    vertical-align: middle;
    width: 350px;
    min-height: 48px;
    line-height: 16px;
    margin-right: 12px;
    /*font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-size: 0.875rem;*/
    /*line-height: 1.25rem;*/
    letter-spacing: 0.015rem;
    font-weight: 500;
    color: #5D6977;
    border: 1px solid #8B939A;
    /*display: block;*/
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    box-sizing: border-box;
    /*height: 40px;*/
    /*transition: box-shadow 0.2s ease 0s, border-color 0.2s ease 0s;*/
    /*padding: 8px;*/
    /*margin: 0px;*/
    /*min-width: 280px;*/
}
/*.inputValue .readOnly:disabled {
    background-color: #EDF0F1 !important;
    border-color: rgb(185, 192, 199);
    color: #494949;
}*/
input[type=file] {
    padding-top:12px;
}
.inputValuePickList {
    border: 1px solid #666;
    border-radius: 0 0 0 0;
    height: 100px;
    outline: medium none;
    overflow: visible;
    padding: 5px;
    resize: none;
    vertical-align: middle;
    width: 231px;
}
.resizeInputValue {
    width: 168px !important;
}
.resizeInputValueImport {
    width: 138px !important;
}
.resizeInputValueXS {
    width: 106.5px !important;
}
.resizeInputValueXSS {
    width: 58px !important;
}
.resizeInputValueDDL {
    width: 168px;
    padding-right:45px;
}
.resizeInputValueTreeView
{
    /*width: 168px;*/
    padding-right:45px;
}
.inputValueMngAction {
    border: 0.3px solid #DEDEDE;
    border-radius: 0 0 0 0;
    color: rgb(73, 73, 73);
    background-color: #FFFFFF;
    outline: medium none;
    overflow: visible;
    padding: 5px;
    resize: none;
    vertical-align: middle;
    width: 150px;
    padding-right: 22px;
}
.inputValueControl {
    border: 1px solid #C2CED7;
    border-radius: 4px 4px 4px 4px !important;
    color: rgb(73, 73, 73);
    font-size: 13px;
    outline: medium none;
    overflow: visible;
    padding: 5px;
    resize: none;
    vertical-align: middle;
    width: 140px;
    height: 48px;
    line-height: 16px;
}
.inputValueControlAIMSOptionKPI {
    border: 1px solid #666;
    border-radius: 4px 4px 4px 4px;
    clear: both;
    display: block;
    float: left;
    outline: medium none;
    overflow: visible;
    padding: 5px;
    vertical-align: middle;
}
.aimsOptionFloatRight {
    float: right;
}
.inputValueCalendar {
    border: 1px solid #C2CED7;
    border-radius: 4px 4px 4px 4px !important;
    color: rgb(73, 73, 73);
    font-size: 13px;
    outline: medium none;
    overflow: visible;
    padding: 5px 5px 5px 10px;
    resize: none;
    vertical-align: middle;
    width: 120px;
    min-height: 48px;
    line-height: 16px;
    margin-right: 12px;
}
.inputValueRcControl {
    border: 1px solid #666;
    border-radius: 4px 4px 4px 4px;
    outline: medium none;
    overflow: visible;
    padding: 5px;
    vertical-align: middle;
    width: 30px;
}
.textareaMngAction {
    border: 1px solid #666;
    border-radius: 4px 4px 4px 4px;
    outline: medium none;
    overflow: visible;
    padding: 5px;
    vertical-align: middle;
    width: 200px;
}
.TextArea {
    max-height: 82px;
    height:auto;
    /*resize: vertical;*/
    padding:14px 5px 0px 10px;
}
textarea:disabled {
    background-color: #DDE0E3;
    border-color: #8B939A;
    color: #8B939A;
}
.TextAreaSmall {
    max-height: 82px;
    height:auto;
    /*resize: vertical;*/
    padding:14px 5px 0px 10px;
}
.TextAreaDataTable {
    height: 50px;
    resize: none;
    width: 200px;
}
.TextAreaLarge {
    height:auto;
    max-height: 82px;
}
.inputValueTD {
    /*background-color: #FFFFFF;*/
    padding: 10px;
    white-space:nowrap; 
}
.inputValueTDCost {
    background-color: #fff;
    max-width: 180px;
    min-width: 110px;
    padding: 5px;
    white-space: nowrap;
}
.inputValueTDControl {
    background-color: #fff;
    max-width: 200px;
    min-width: 170px;
    padding: 5px;
    white-space: nowrap;
}
.resizeInputValueTD {
    min-width: 80px;
}
.resizeInputValueTDXS {
    min-width: 40px;
}
.inputValueTDMngAction {
    background-color: #fff;
    max-width: 400px;
    min-width: 80px;
    padding: 8px 8px 8px 10px;
    white-space: nowrap;
}
.inputLabelImage {
    /*color: #666;*/
    /* float: right;*/
    display: table-cell!important;
    font-size: 10pt!important;
    font-style: normal!important;
    font-weight: 600!important;
    line-height: 12pt!important;
    padding: 5px!important;
    text-align: right!important;
}
.inputLabel1 {
    /*color: #666;*/
    display: table-cell;
    float: right;
    font-size: 10pt;
    font-style: normal;
   /* font-weight: 600;*/
    line-height: 12pt;
    padding: 5px;
    text-align: right!important;
}
.inputLabel {
    /*color: #666666;*/
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align: right !important;
    display: table-cell;
    float: right;
    margin: 5px;
    padding-top: 20px;
    /*padding-left:10%;*/
    /*font-size: 0.875rem;*/
    /*line-height: 1.25rem;*/
    letter-spacing: 0.015rem;
    font-weight: 500;
    color: rgb(73, 73, 73);
}
.inputLabelSmall {
    color: #666666;
	font-family: "gilroy-regular", Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: right!important;
	display: table-cell;
    float: left;
    margin:5px;
    padding-top:5px;
    padding-left:0%;
}
.inputLabelMax {
    background-color: #FFF;
    display: block;
    float: right;
    font-style: normal;
    line-height: 16pt;
    padding: 5px;
    text-align: right!important;
    width: 200px;
    padding-top:20px;
}
.inputLabelValue {
    background-color: transparent;
    display: block;
    float: left;
    font-style: normal;
    line-height: 16pt;
    padding: 0 5px 5px;
    text-align: left;
    vertical-align: top;
    width: 200px;
}
.inputLabelMarks {
    background-color: #FFF;
    display: block;
    float: right;
    font-style: normal;
    line-height: 16pt;
    padding: 5px;
    text-align: right;
    width: 40px;
}
.inputLabelVariableWidth {
    background-color: #FFF;
    display: block;
    float: right;
    font-style: normal;
    line-height: 16pt;
    padding: 5px;
    text-align: right;
}
.radioButtonList {
    display: inline-block!important;
    text-align: left;
}
.radioButtonList label {
    display: inline-block;
}
.resizeInputLabel {
    /*width: 150px;*/
}
.inputLabelMngAction {
    background-color: #FFF;
    display: block;
    float: right;
    font-style: normal;
    line-height: 16pt;
    padding: 8px 10px 8px 8px;
    text-align: right;
    width: 125px;
}
.inputLabelDashboard {
    display: block;
    float: right;
    font-style: normal;
    padding: 0 10px 0 8px;
    text-align: right;
}
.inputValueMarks {
    background-color: #FFF;
    display: block;
    float: right;
    font-style: normal;
    font-weight: 700;
    line-height: 16pt;
    padding: 5px;
    text-align: right;
    width: 60px;
}
.inputValueSmall {
    border: 1px solid #C2CED7;
    border-radius: 4px 4px 4px 4px !important;
    color: rgb(73, 73, 73);
    font-size: 13px;
    outline: medium none;
    overflow: visible;
    padding: 5px 5px 5px 10px;
    resize: none;
    vertical-align: middle;
    width: 285px;
    min-height: 48px;
    line-height: 16px;
    margin-right: 12px;
}
.inputValueTDDashboard {
    max-width: 400px;
    min-width: 310px;
    padding: 8px 8px 8px 10px;
}
.noPadding {
    padding: 0!important;
    /*box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);*/
}
.tableStyle {
    background-color: #FFF;
}
.inputLabelTR {
    border-bottom: 1px solid #C1CAD5;
    border-top: 1px solid #F3F6F9;
    padding: 8px;
}
.infoIcon {
    cursor: help;
    position: relative;
    top: 4px;
    margin-left: 12px;
    vertical-align:top;
}
.filterIcon {
    position: relative;
    text-decoration: none;
    top: 2px;
}
a .filterIcon {
    margin-left: 5px;
}
.searchIcon {
    cursor: default;
    margin-left: 5px;
    position: relative;
    right: 32px;
    margin-right: 14px;
	vertical-align: middle;
	display: none;
}
.dateIcon {
    cursor: pointer;
    margin-left: 5px;
    position: relative;
    right: 32px;
    top: 6px;
    margin-right: 14px;
}
.dropDownIcon {
    cursor: pointer;
    position: relative;
    right:50px;
    top:9px;
}
.dropDownTreeIcon {
    cursor: pointer;
    position: relative;
    right: 18px;
    top: -.5px;
}
.resetDate {
    cursor: pointer;
    margin-left: 15px !important;
    position: relative;
    right: 59px;
    color: #1B838B !important;
    font-weight: 500;
    padding: 8px 8px;
}
.resetDate:hover, .resetDate:focus, .resetDate:active {
   /* background-color: rgb(240, 241, 242) !important;
    color: rgb(0, 92, 185) !important;*/
}
.resetDate:hover, .resetDate:focus, .resetDate:active span {
    /*border-bottom-color: rgb(0, 92, 185);
    text-decoration: underline;
    border-bottom: 2px solid transparent;
    padding-top: 2px;
    transition: border-color 0.3s ease 0s;*/
}
.inputHourMinute {
    width: 168px;
}
.errorBox {
    background-color: #FFF;
}
.spacer {
    padding: 5px 0;
}
.spacerBottom {
    padding: 5px 0 0;
}
hr {
    background: none repeat scroll 0 0 #D9D9D9;
    background-color: #fff;
    border: 1px dotted #AAA;
    border-style: none none dotted;
    border-width: 0;
    color: #fff;
    height: 1px;
    margin: 0 0 10px;
}
input:not([disabled]):not([type="button"]):not([type="submit"]):hover {
    border-color: #76D7E0;
}

input:not([disabled]):not([type="button"]):not([type="submit"]):not([type="radio"]):focus:not(.charactersLeftInput) {
    background: none repeat scroll 0 0 #FFFFFF;
    /*border-color: rgba(108, 196, 227, 0.75)!important;*/
    /*box-shadow: 0 0 8px rgba(108, 196, 227, 0.5);*/
    /*outline: medium none;*/
    border-color: #3BB7C2;
    box-shadow: #3BB7C2 0px 0px 0px 1px inset;
    outline: none;
} textarea:hover:not([disabled]) {
    border-color: #76D7E0;
} textarea:hover:not([disabled]):focus {
        background: none repeat scroll 0 0 #FFFFFF;
        /*border-color: rgba(108, 196, 227, 0.75) !important;
     box-shadow: 0 0 8px rgba(108, 196, 227, 0.5);
        outline: medium none;*/
        border-color: #3BB7C2;
        /* border-color: rgb(255, 59, 48);*/
        box-shadow: #3BB7C2 0px 0px 0px 1px inset;
        outline: none;
    }
textarea:focus :not([disabled]) {
    background: none repeat scroll 0 0 #FFFFFF;
    /*border-color: rgba(108, 196, 227, 0.75) !important;
     box-shadow: 0 0 8px rgba(108, 196, 227, 0.5);
     outline: medium none;*/
    border-color: #3BB7C2;
    box-shadow: #3BB7C2 0px 0px 0px 1px inset;
    outline: none;
}
select:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    /* border-color: rgba(108, 196, 227, 0.75)!important;
    box-shadow: 0 0 8px rgba(108, 196, 227, 0.5);
    outline: medium none;*/
    border-color: #3BB7C2;
    box-shadow: #3BB7C2 0px 0px 0px 1px inset;
    outline: none;
}
select:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #76D7E0;
    outline: none;
}
.hideHiddenRows {
    display: none;
} .rowOdd {
    /*background-color: #FFF;*/
    font-size: 14px;
    height: 45px;
    text-align: left;
    border: 1px solid #dfe2e6;
    font-weight: 400;
    line-height:24px;
    color:#2F4051;
}
.rowEven {
    /*background-color: #FFFFFF;*/
    font-size: 14px;
    height: 45px;
    text-align: left;
    border: 1px solid #dfe2e6;
    font-weight: 400;
    line-height: 20px;
    color: #2F4051;
} .trEven {
   background-color: #FCFCFC;
} .trOdd {
   background-color: #FFFFFF;
} .gridData {
    border-bottom: 1px solid #dfe2e6;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
} .gridDataNoBorder {
    border: 1px;
    border-color: #D2D2D2;
    border-right: 0;
    border-top: 0;
    border-width: 1px;
    padding: 5px 5px 5px 10px;
} .gridHeader {
    padding: 2px;
    color: #5D6977;
    font-weight: bold;
    font-size: 14px;
    background-color: #F0F0F0;
    height: 54px;
    line-height: 21px;
    padding: 8px 15px 8px 15px;
    box-sizing: border-box;
    border: 1px solid #dfe2e6;
    /*white-space:nowrap;*/
} .gridHeader:first-child {
    padding-left: 15px;
} .gridHeader:last-child {
    padding-right:15px;
} .stdformbutton {
    background-color: #f0f0f0;
    border-bottom: gray 2px solid;
    border-left: gray 1px solid;
    border-right: gray 2px solid;
    border-top: #a0a0a0 1px solid;
    color: #404040;
    cursor: pointer;
    font-weight: 700;
    padding-left: 1px;
    padding-right: 1px;
    width: auto;
} .simpleHeader {
    font-size: 12pt;
    font-weight: 700;
    text-shadow: 0 -1px 1px #FFF;
} .floatRight {
    float: right;
} .buttonFloat {
    float: left;
} .charactersLeftInput {
    width: 272px;
    border: none;
    /*margin: -3px 0px 0 0;*/
    display: inline-block;
    text-align: right;
    background-color: #FFFFFF;
    height: 25px !important;
    font-size: 11px !important;
    min-height: 25px;
    padding-right: 5px;
    vertical-align: inherit;
    margin: 0px;
    background-color: #FFFFFF !important;
    cursor: auto !important;
} .charactersLeftLabel {
    line-height: 13px;
    margin: 5px 0 0;
    font-size: 11px !important;
} .nameInput {
    width: 300px;
} .nameInputWithoutPrefix {
    width: 95px;
} .costInput {
    width: 128px;
} .prefixInput {
    /*margin-left: 5px;*/
    width: 88px;
} label {
    display: inline-block;
} span span label {
    display: inline-block;
} span label {
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px;
} label.checkbox {
    line-height: 19px;
    margin: 5px 0 0;
} label.checkbox input {
    height: 19px;
    left: 0;
    position: relative;
    top: 2px;
    width: 19px;
} label.radio, input::after {
    /*color: rgb(73, 73, 73);*/
} label.radio td{
    padding: 2px 0 6px;
} .yes {
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
} .no {
    margin: 0 5px 0 10px;
    position: relative;
    top: 2px;
} .gridFooter {
    background-color: #E7E8EA;
    /*border-color: #d2d2d2;
    border-style: solid;
    border-width: 0 1px 1px 0;*/
    color: #3f3f3f;
    font-size: 10pt;
    font-weight: 700;
    padding: 6px;
} .btnLabel, .btnLink, .btnInput, .btnText {
    background-image: none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.8 !important;
    box-sizing: border-box;
    padding: 0px 4px;
   /* min-width: 96px;*/
}
.btnLabel {
    /*border: 1px solid #50a050;*/
    /*margin: 0 5px;*/
    height: 32px !important;
    min-width: 96px;
    background: none #1B838B; /*none rgb(8, 117, 225);*/
    Color: #FFFFFF;
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);*/
    border-radius: 8px;
    text-align: center;
    min-width: 96px;
    border:none;
} .btnLabel:hover {
    background-color: #22A3AF;
    text-decoration:none;
}

  .btnLink {
    background-color: #FFFFFF;
    /*border: 1px solid rgb(51, 51, 51);;*/
    border: 1px solid none rgb(8, 117, 225) !important;
    border-radius: 8px;
    padding: 2px 8px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 96px;
    height: 32px;
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);*/
} .btnLink, .btnText {
    background-color: #1B838B;
    color: #FFFFFF;
    font-size:13px;
} .btnLink .btnText {
    font-weight:700;
    font-size:13px;
    border:none !important;
} span>.btnLink>*{
    color:rgb(51, 51, 51);
} .btnInput, input.btnLink {
    height:32px !important;
    border:none !important;
} .btnInput, .btnText {
    background-color: transparent;
    padding: 2px 0px 3px;
    font-weight: 700;
    border:none;
}
.btnInput:hover{
    text-decoration:none;
}
/*.btnLabel .btnInput {
    color: #FFFFFF;
    background-color: #ffa126;
}
.btnLabel .btnInput:focus, .btnLabel .btnInput:active, .btnLabel .btnInput:hover {
    background-color: #f38b00;
    color: #FFFFFF;
    border-color: transparent !important;
}*/
.btnTextPickList {
    background-color: #2F4051;
    /*border: 1px solid rgb(51, 51, 51);;*/
    cursor: pointer;
    margin-left: 0;
    text-decoration: none;
    border-radius: 8px;
    padding: 0px 8px;
    margin-right: 2px;
    min-width: 96px;
    height: 32px;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.8 !important;
    box-sizing: border-box;
    border: 1px solid transparent;
    font-family: "gilroy-regular", Verdana, sans-serif;
} .btnTextPickList:hover {
        color: #FFFFFF;
        background-color: #465564;
    } .btnInput {
        color: #fff;
        padding-left: 20px;
        padding-right: 20px;
        font-family: "gilroy-regular", Verdana, sans-serif;
        border:none !important;
    } .btnLinkText {
    background-color: #EEE;
    border-color: #999 #999 #888;
    border-style: solid;
    border-width: 1px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 13px;
    margin-left: 5px;
    outline: medium none;
    padding: 2px 6px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
} .btnLink:hover {
    text-decoration: none;
} /*
.green-btn{
    color: #FFFFFF;
    background-color: #5cb85c;
    border: 1px solid #50a050;
}
*/
.subMenuStyle {
    background-color: #D3D4D4;
    border: 0 1px 2px 1px;
    border-bottom-color: #BEBFC0;
    border-left-color: #BEBFC0;
    border-right-color: #BEBFC0;
    border-style: none solid solid;
    border-width: thin;
    color: #000;
    display: block;
    font-size: 10pt;
    padding: 3px 3px 0;
    text-decoration: none;
}

.readOnly {
    background-color: #E7EAEE;
    pointer-events: none;
} .unknownChkBox {
    display: inline-block;
    position: relative;
    right: 35px;
} .unknownChkBoxNoReset {
    display: inline-block;
    position: relative;
} .createdByUpdatedBy {
    background-color: Transparent;
    font-style: italic;
} #paginationbar {
    background-color: #CCC;
    background-image: url(/Images/UX/widgtBanner_bkg.gif);
    background-repeat: repeat-x;
    border-color: #999;
    border-style: solid;
    border-top: 0;
    border-width: 1px 1px 0;
    bottom: 0;
    color: #158DB6;
    display: block;
    height: 25px;
    left: 0;
    line-height: 30px;
    margin: 0;
    padding: 0 0 10px;
    position: fixed;
    width: 100%;
    z-index: 100;
} .btnfloat{
    float:right;
} .signature{
    font-style:italic;
    float:left;
    padding-left:25px;
    padding-top:12px;
} #btnbar {
    background-color: #FFFFFF;
    border-top: 1px solid #E5E5E5;
    bottom: 0;
    left: 0px;
    position: fixed;
    width: 100%;
    height: 63px;
    z-index: 999;
} #FilterBar {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
    line-height: 28px;
    background-color: #FFFFFF;
    border-top: 1px solid #CBD3D6;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
} .noCustomClose{
    
} #btnbar .btn-container {
    padding-right: 1.8em;
} #btnbarPopup .btn-container {
    padding-right: 0.45em;
} #FilterBar .btn-container {
    padding-right: 1.8em;
} #btnbar .btn-container > *{
    float:right !important;
} #btnbarPopup .btn-container > *{
    float:right !important;
} #Filterbar .btn-container {
    padding-right: 10px;
} #btnbar div {
    padding: 12px 5px 36px 0;
    text-align: right;
} #btnbar div label.signature {
    clear: left;
    display: inline-block;
    float: left;
    text-align: left;
    width: 80%;
} #FilterBar div {
    padding: 12px 5px 12px 0;
    text-align: right;
} #titlebar {
    border-bottom: 1px solid #E5E5E5;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    padding: 4px 10px;
    background: #f5f5f5;
} #titlebar .title-container {
    padding-left: 5px;
} #titlebar div {
    padding: 3px 0;
    text-align: left;
} #titlebarInPage {
    background: none repeat scroll 0 0 #EAEAE8;
    border-bottom: 1px solid #E5E5E5;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
} #titlebarInPage .title-container {
    padding-left: 5px;
} #titlebarInPage div {
    padding: 3px 0;
    text-align: left;
} .barTable {
    display: block;
    height: 40px;
    width: 100%;
} .ifPaddingTop {
    padding-top: 35px;
} .mainTable {
    display: block;
    width: 65%;
} .subHeaderMain {
    border-radius: 3px;
    background-color: #FFFFFF;
    margin-bottom: 60px;
    /*padding-bottom:12px;*/
    visibility: inherit;
}.subHeaderBottom {
    margin-bottom: 110px;
}.subHeaderWrapper {
    background-color: #FFFFFF;
    border-color: #CBD3D6;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 15px 0px;
    height: 28px;
} .subHeaderMain .subHeaderWrapper {
    border-color: #ddd;
    color: #333;
    background-color: #FFFFFF;
    padding-left: 0px;
} .subHeaderWrapperColor {
    background-color: #F6F6F6;
    height: 24px;
    overflow: auto;
    line-height: 12pt;
} .subHeaderMain .subHeaderMain {
    margin-bottom: 4px;
   /* box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);*/
    padding: 20px;
    background-color: #FFFFFF !important;
} .subHeaderMain .subHeaderMain .subHeaderWrapper{
    padding: 10px 15px;
} .subHeaderMain .subHeaderMain .subHeaderWrapperColor {
    background: #AAAAAA;
} .subHeaderMain .subHeaderMain .subHeaderWrapperColor td{
    padding: 8px;
} .subHeaderMain .subHeaderMain .subHeaderWrapperColor td, .subHeaderMain .subHeaderMain .subHeaderWrapperColor ~ tr td{
    /*border: solid #DDDDDD;*/
    /*border-width: 0 0 1px 1px;*/
} .subHeaderMain .subHeaderMain .subHeaderWrapperColor td {
  /*  color: #FFFFFF; */
    border-color: #AAAAAA;
} .subHeaderLeft {
    cursor: pointer;
} .subHeaderLeft img {
    display: inline-block;
    position: relative;
    /*top: 8px;*/
    margin:0 10px;
    margin-right:0px;
  
} .subFooterWrapper {
    background-color: #FFFFFF;
    display: block;
    margin: 0;
    padding: 8px 15px;
} .statusIcon {
    cursor: pointer;
    margin-top: 5px;
    text-decoration: none;
    width: 15px;
} .addDeleteGridSpan {
    cursor: pointer;
    float: right;
    margin-top:-5.7px;
} .addDeleteGridSpan .ddlViews {
    background-color: #FFF;
} .deleteButton {
    background-color: #BA0914;
    color: #FFFFFF !important;
    border-radius: 8px;
    min-width: 96px;
    border-radius: 8px;
    padding: 2px 8px;
    margin-left: 2px;
    margin-right: 2px;
    height: 32px;
    display: inline-block;
    font-size: 10pt;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    line-height:2.1;
} .deleteButton:hover {
        text-decoration: none;
        background-color: #D11723 !important;
        font-size: 13px;
} .addDeleteGridSpan .btnLink {
    background-color: #F4F5F6 !important;
    color: #212D38 !important;
    border-radius: 8px;
    min-width: 96px;
    height:32px;
    border:none;
} .addDeleteGridSpan .btnLink > * {
    color: rgb(51, 51, 51);
} .addDeleteGridSpan .btnLink:hover {
    background-color: #DDE0E3 !important;
    border-color: #DDE0E3;
    color: #212D38;
} .addDeleteGridSpan .btnLink:hover > * {
    color: #212D38;
} .addDeleteGridSpan .btnQuestion {
    display: inline-block;
    align-items: center;
    color: #333333;
    background-color: #DDE0E3;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 8px;
    transition: background-color 0.15s;
    height: 23px;
} .addDeleteGridSpan .btnQuestion:hover {
    background-color: #C8CCD1;
}#btnbar .btnLink {
    background-color: #2F4051;
    color: #ffffff;
    border: none !important;
}
 #btnbar .btnLink:hover{
    background-color: #465564;
    color: #ffffff;
 }

    #btnbar .btnLink > * {
        color: #f7f7f7 !important;
    } #btnbar .btnLabel {
    background-color: #1B838B;
    border: none;
} #btnbar .btnLabel:hover {
    background-color: #22A3AF;
} ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} li {
    display: inline;
} .widgtTitle ul li a {
    color: #16325C;
    font-size: 12px;
    padding: 0 0 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
} .widgtTitle ul li a img {
    border: 0;
    padding: 0 5px 5px 0;
    vertical-align: middle;
} .Pagination {
    background-color: transparent;
    text-align: left;
    width: auto;
} .resizeSubHeaderWrapperColor {
    height: 72px;
} .subtractPixels {
    width: 120px;
} .inputEventTime {
    width: 72px;
} .paddingRight5 {
    padding-right: 10px;
} .btnLabel input:focus {
    background-color: transparent!important;
} #menu-css li {
    display: inline;
    list-style: none;
} #menu-css li a {
    -moz-border-radius: 15px;
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 15px;
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
    color: #fff;
    display: inline-block;
    outline: none;
    padding: 5px 15px;
    text-decoration: none;
} .mainWrapperDashboard {
    background-color: #F7F7F7;
    background-image: url(Images/hashPat.png);
    background-repeat: repeat;
    color: #000;
    font: 10pt;
    height: 130%;
    margin: 0;
    min-width: 1220px;
    padding: 10px 10px 0;
    width: 100%;
} .grouping {
    background-color: #F3F3F3;
    border: 1px solid #FFF;
    font-style: italic;
    font-weight: 400;
    outline: 1px solid #EEE;
    padding: 4px 8px;
} .filterResize {
    width: 100px;
} A.ob_a {
    padding: 5px 5px 5px 8px;
    text-decoration: none;
} TD.ob {
    padding: 5px 5px 5px 8px;
    text-decoration: none;
} TD.ic {
    padding: 5px 5px 5px 8px;
    text-decoration: none;
} TABLE.zz {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    cursor: hand;
    /*margin: 1px;*/
} TD.ob_td {
    padding: 1px;
    line-height:24px;
} TD.ob_td > *{
    margin-top:3px;
    margin-bottom:3px;
    margin-left:5px;
} TD.ob_ic {
    vertical-align: top;
    padding-top:6px;
    cursor:pointer;
} TABLE.ob_zz {
    border:0px !important;
    cursor: pointer;
    /*margin: 1px;*/
} .menu {
    padding: 5px 5px 5px 8px;
    text-decoration: none;
} .readOnlyLink:hover {
    text-decoration: none;
} .readOnlyLink {
    color: #000;
    cursor: default;
    margin-left: 5px;
    text-decoration: none;
} .topBtnTD {
    display: block;
    text-align: right;
} .titlePaddingTABLE {
    padding-bottom: 10px;
} .iconStatus {
    border: 0;
    margin-top: 3px;
    text-decoration: none;
    padding-left:12px;
    vertical-align: top;
} a .iconStatus {
   /* display: inline-flex;*/
} .hand {
    cursor: pointer;
} .alertButtonMargin {
    margin: 0 5px 0 0;
} .alertDialogMargin {
    margin: 15px;
    margin-left:20px;
    line-height:18px;
    font-size:16px;
} .inlineFancybox {
    height: 400px;
    overflow: scroll;
    padding-right: 25px;
} .yellowField {
    background-color: #FF0;
} .whitespaceWrap {
    white-space: normal;
} .marginLeft5px {
    margin: 0 0 0 5px;
} .groupingRowColor {
    background-color: #DAE2E8;
} .noTopOrBottomBorders {
    border-bottom: 0;
    border-top: 0;
} .filterMessageLabel {
    font-weight: 700;
    padding: 0 5px;
    text-align: right;
    text-decoration: underline;
}
/*Beginning of the Top Menu Styling section*/
.ProcessMAPtabs{
float:left;
width:100%;
font-size: 12px;
line-height:normal;
border-bottom: 1px solid gray; /*Add border strip to bottom of menu*/
background-color: #FFFFFF;
} .ProcessMAPtabs ul{
/*list-style-type: none;*/
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:3px 0px 0px 0px;
} .ProcessMAPtabs li{
display:inline;
margin:0;
padding:0;
font-family : "gilroy-regular", Verdana, sans-serif;
color : #333333;
font-size:12px;
font-weight:bold;
/*list-style-image: none;*/
} .ProcessMAPtabs ul li.RightMenu {
	float: right;
} .ProcessMAPtabs ul li a.zeroIcon {
background-image: url(Images/TabImages/1.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
} .ProcessMAPtabs ul li a.oneIcon {
background-image: url(Images/TabImages/2.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
} .ProcessMAPtabs ul li a.twoIcon {
background-image: url(Images/TabImages/3.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
} .ProcessMAPtabs ul li a.threeIcon {
background-image: url(Images/TabImages/4.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
} .ProcessMAPtabs a{
float:left;
background:url(/Images/TabImages/pmaptab-left.png) no-repeat left top;
margin:0;
margin-right: 2px; /*spacing between each tab*/
padding:0 0 0 5px; /*left round corner width in relation to right corner */
text-decoration: none !important; /* override pmap style for underline A */
display:inline-block;

} .ProcessMAPtabs a span{
float:left;
display:block;
background:url(/Images/TabImages/pmaptab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#3B3B3B;
margin-right: 3px;
display:inline-block;
text-align:center;

} .ProcessMAPtabs a span img {
	margin-left:3px;
	margin-right:3px;
	vertical-align:middle;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.ProcessMAPtabs a span {float:none;}
/* End IE5-Mac hack */
.ProcessMAPtabs a:hover span {
color: black;
} .ProcessMAPtabs li.selected a{ /*Selected Tab style*/
background-position:0 -56px; /*Shift background image up to start of 2nd tab image*/
} .ProcessMAPtabs li.selected a span{ /*Selected Tab style*/
background-position:100% -56px; /*Shift background image up to start of 2nd tab image*/
color: black;
} .ProcessMAPtabs a:hover, .ProcessMAPtabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -56px; /*Shift background image up to start of 2nd tab image*/
} .ProcessMAPtabs a:hover span, .ProcessMAPtabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -56px; /*Shift background image up to start of 2nd tab image*/
} .ProcessMAPdropmenudiv_d {
    border-width: 0 1px;
    font: normal 12px;
    line-height: 18px;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 100;
} .ProcessMAPdropmenudiv_d a {
    border: 0 solid gray;
    display: block;
    margin-left: 0;
    padding: 2px 0;
    text-decoration: none!important;
    text-indent: 5px;
    width: 100%;
} .moduleMenuDiv {
    display: none;
    margin-left: 30px;
    position: absolute;
    width: 800px;
} .adminModuleMenuDiv {
    display: none;
    margin-left: -340px;
    position: absolute;
    width: 1000px;
} .subMenuDiv {
    display: none;
    margin-left: 50px;
    position: absolute;
} .rightModuleMenuDiv {
    display: none;
    float: right;
    position: absolute;
    right: 50px;
    width: 350px;
} .rightSubMenuDiv {
    display: none;
    float: right;
    position: absolute;
    right: 50px;
} .menuItemParent {
    /*display: none;*/
    color: #333;
    /*padding: 0 2px 8px;*/
    font-weight: 600;
} .moduleMenuItem {
    color: #333;
    font-size: 11.5px!important;
    font-weight: 700!important;
    line-height: 16px;
    padding-bottom: 0;
} .menuItem {
    border-top: dotted 1px #CCC;
    cursor: pointer;
    min-width: 250px;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
} .menuItem:first-child{
    border: none;
} .menuItem:hover {
    background: #337ab7;
    color: #FFF;
    cursor: pointer;
} .menuItem a {
    display: block;
    font-size: 80%;
    color: #333 !important;
    text-decoration: none;
    font-weight: normal !important;
    padding: 4px 6px;
} .menuItem:hover a {
    color: #FFF !important;
    text-decoration: none;
} .menuItem a img {
    width: 5px;
    height: auto;
    margin-left: 8px;
} .modalModuleMenuDiv {
    border: 1px;
    border-color: #C6C3C6;
    border-style: solid;
    display: none;
    height: 400px;
    margin: 0;
    padding: 10px;
    position: absolute;
    top: 140px;
    width: 950px;
    left: 14px;
} .modalModuleMenuDiv > div > span > span:nth-child(odd) {
    display: block;
    width: 240px;
    float: left;
} .modalModuleMenuDiv > div > span > span:nth-child(even){
    width: 20px;
    float: left;
    margin: 0 16px 0 30px;
} .oboutTreeText {
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 10pt;
    line-height: 18px;
}
.fTree {
    color: #666 !important;
    font-style: normal;
    text-decoration: none !important;
    font-weight: 400 !important;
}
.folderTree  {
    font-size: 10pt;
    font-weight: 400;
    text-decoration: none;
} .ModalMenu {
    padding: 5px;
    width: 800px;
} .DropItems {
    display: block;
    float: left;
    margin: 0 20px 0 0;
    width:80px;
    
} .DropItems a.ItemText {
    color: #666; 
} .ContentsBorder {
    border: 1px;
    border-color: #C6C3C6;
    border-style: solid;
    display: block;
    margin: 20px 0 0;
    padding: 0;
} .Contents {
    border: 1px;
    border-color: #DED7DE;
    border-style: solid;
    margin: 0;
    min-height: 200px;
    padding: 10px;
} .ItemText {
    color: #525152;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
} .DropItemsContainer a.ItemText {
    display: block;
    font: inherit !important;
    font-size: 13px !important;
    margin: 4px 0 0;
} .BlueText {
    color: #316594;
} .ModuleHeader {
    color: #525152;
    display: block;
    font-size: 12pt;
    font-weight: 700;
    margin-bottom: 5px;
    text-shadow: 0 -1px 1px #FFF;
} .DropItemsContainer {
    display: block;
    height: auto;
    margin-left: 20px;
    width: auto;
} div .DropItems div {
    display: block;
} div .DropItems div img {
    display: block;
    margin-left: auto;
    margin-right: auto;
} .msgSuccess {
    background-image: url(/Images/Msg/msgAlert_success.svg);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    color: #555;
    margin-top: 2.75em;
    min-height: 50px;
    padding-left: 70px;
    padding-top: 12px;
    font-size:16px;
} .msgFailure {
    display: flex;
    align-items: center;
    color: rgb(73, 73, 73);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    min-height: 50px;
    font-size: 16px;
} .msgFailure::before {
    content: "";
    background-image: url(/Images/Msg/msgAlert_error.svg);
    background-repeat: no-repeat;
    min-width: 40px;
    min-height: 40px;
    padding-left: 20px;
} .msgFailure > span {
    flex-grow: 1; 
    text-align: center; 
    padding: 0 15px;
} .msgWarning {
    background-image: url(/Images/messager_warning.gif);
    background-position: 16px 2px;
    background-repeat: no-repeat;
    color: #555;
    margin-top: .75em;
    min-height: 50px;
    padding-left: 85px;
    padding-top:16px;
} 
  /*.msgInfo {
    background-image: url(/Images/ShellInfo.png);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    color: #555;
    margin-top: 2.75em;
    min-height: 50px;
    padding-left: 50px;
    padding-top: 1px;
    background-size : 6%
}*/
.msgInfo {
    display: flex;
    align-items: center;
    color: rgb(73, 73, 73);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    min-height: 50px;
    font-size: 16px;
}
.msgInfo::before {
    content: "";
    background-image: url(/Images/ShellInfo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    padding-left: 20px;
    flex-shrink: 0;
}
.msgInfo > span {
    flex-grow: 1;
    text-align: center;
    padding: 0 15px;
}.Menu {
    font-size: 10px;
    font-weight: 700;
    text-align: right;
} .MenuPullDown {
    background-image: url(/App_Themes/BlueTheme/Images/UX/span_bkg.png);
    border-collapse: separate;
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    height: 22px;
    padding-left: 4px;
    text-align: left;
    text-decoration: none!important;
    width: 100px;
} .forIE8Compatibility {
    z-index: 1;
} .divLocationLoader {
    background: url(/../App_Scripts/Dynatree/skin/ajax-loader-wave.gif) no-repeat;
    height: 20px;
    width: 30px;
} .divDropDownList {
    float: left;
    padding-left: 0;
    padding-right: .75%;
    width: 37%;
} .divLocationList1 {
    float: left;
    padding-left: 25%;
    padding-right: 67px;
} .divShiftOperation {
    float: left;
    padding-top: 30%;
    padding-left:37%;
} .divLocationList2 {
    float: left;
    padding-left: 67px;
} span#spMoveAllRight:hover, #spMoveAllLeft:hover, #spMoveSelectedRight:hover, #spMoveSelectedLeft:hover {
    /*background-color: #aca899;*/
} .divFilterNo {
    float: left;
    padding-left: 0;
    padding-right: 1.25%;
} .divFilterTD {
    float: left;
    padding-left: 0;
    padding-right: .75%;
} .inputLabelSpan {
    background-color: #FFF;
    display: block;
    float: left;
    font-style: normal;
    font-weight: 700;
    line-height: 16pt;
    padding: 5px;
    text-align: right!important;
    width: 200px;
} .inputValueCharacterLeft {
    background-color: #fff;
    max-width: 400px;
    min-width: 310px;
    padding: 0 5px 5px;
    white-space: nowrap;
} .inputValueTextArea {
    border: 1px solid #999;
    outline: medium none;
    overflow: visible;
    padding: 5px;
    vertical-align: middle;
    width: 300px;
} .inputValueRadio {
    background-color: #fff;
    display: inline-block;
    max-width: 400px;
    min-width: 310px;
    padding: 5px;
    white-space: nowrap;
} .divSaveProgress {
    background: url(/../App_Scripts/Dynatree/skin/ajax-loader-wave.gif) no-repeat;
    height: 20px;
    width: 30px;
} .blockLoadingScreen {
    background: rgba(0, 0, 0, 0.50);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
} .bHolderDetails {
    clear: both;
    /*padding-bottom: 5px;*/
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    /*width: 98%;*/
} .bHolderDetails .bList ul {
    display: table;
} .bHolderDetails .bList li {
    list-style-image: none;
    list-style-type: none;
    margin-bottom: 15px;
    margin-left: 5px;
    padding-bottom: 0;
    padding-top: 0;
} .bHolderDetails .bList .bDate {
    color: #999;
    font-size: 12px;
    font-weight: 400;
} .bHolderDetails .bList .bSignDate {
    color: #999;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
} .bHolderDetails .bList .bCreatedBy {
    color: #999;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
} .bHolderDetails .bList .bTitle {
    color: #09C;
    font-size: 15px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 0;
    text-decoration: none;
} .bHolderDetails .bList h1 {
    color: #999;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    margin-top: 2px;
} .bDetailsfilelink {
    background-color: inherit;
    display: table-cell;
    float: right;
    height: 12px;
    margin-right: 2px;
    margin-top: 0;
    padding-left: 20px;
    width: 16px;
} div.bHolder {
    height: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-top: 2px;
    border: none !important;
} div.horizontal_space {
    background-color: inherit;
    border-bottom: 5px solid;
    border-bottom-color: transparent;
    clear: both;
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
} div.horizontal_dotted_line {
    background-color: inherit;
    border-bottom: 1px dotted #999;
    clear: both;
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
} div.horizontal_solid_line {
    background-color: inherit;
    border-bottom: 1px solid #999;
    clear: both;
    color: #fff;
    width: 80%;
} div.bHolder .bList ul {
    display: table;
} div.bHolder .bList li {
    border-bottom-color: #069;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    list-style-image: none;
    list-style-type: none;
    margin-left: 2px;
    padding-bottom: 2px;
    padding-top: 10px;
} .bfilelink {
    background-color: inherit;
    display: table-cell;
    float: right;
    height: 12px;
    margin-right: 2px;
    margin-top: 0;
    width: 16px;
} div.bHolder .bList .bDate {
    color: #999;
    font-size: 12px;
    font-weight: 400;
} div.bHolder .bList .bCreatedBy {
    color: #999;
    font-size: 10px;
    font-weight: 400;
} div.bHolder .bList .bTitle {
    margin-bottom: 0;
    margin-top: 0;
    text-decoration: none;
} div.bHolder .bList h1 {
    color: #999;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 5px;
} div.bHolder .bList .alert {
    color: red;
} div.bHolder .bList h2 {
    color: #069;
    font-size: 15px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 0;
} div.bHolder .bList p {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 5px;
    width: 90%;
} div.bHolder .bList .bFullStory {
    color: #09F;
    font-size: 11px;
    margin-top: 15px;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 15px;
    text-decoration: none;
} .safari select:not([multiple]) {
    -webkit-appearance: none;
    background: #fff url(/Images/select_1.png) 0 0 no-repeat;
    background-position: right;
    line-height: 16px;
    text-indent: 2px;
} .safari select:hover:not([multiple]) {
    background: #fff url(/Images/select_2.png) 0 0 no-repeat!important;
    background-position: right!important;
} .scrollVisible {
    overflow-x: scroll;
} .disabledLook:hover {
    text-decoration: none;
} .MoveUp {
    transform:rotateZ(-90deg);
} .MoveUpMulti {
    transform:rotateZ(-90deg);
} .ArrowIcon.Add {
    background-position: -110px 0;
} .ArrowIcon.AddAll {
    background-position: -154px 0;
} .ArrowIcon.Remove {
    background-position: -88px 0;
} .ArrowIcon.RemoveAll {
    background-position: -132px 0;
} .MoveDown {
    transform:rotateZ(-90deg);
} .MoveDownMulti {
   transform:rotateZ(-90deg);
} .ArrowIcon:hover {
    background-position-y: 44px;
} .ArrowIcon.Disabled {
    background-position-y: 22px;
} .ArrowIcon {
    background-image: url(/Images/report_builder_sprite_22px.png);
    background-position-y: 0;
    display: block;
    height: 22px;
    width: 22px;
} .searchBox {
    background: url(/Images/icon_search_watermark_gray_padding.png);
    background-repeat: no-repeat;
    height: 16px;
    left: -37px;
    margin: 0;
    position: relative;
    top: 4px;
    width: 18px;
} .searchBoxClear {
    background: url(/Images/clearsearch.png);
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 16px;
    left: -37px;
    margin: 0;
    position: relative;
    top: 4px;
    width: 18px;
} .editButton {
    background: url(/Images/edititem.gif) no-repeat;
    border: 0;
    cursor: pointer;
    height: 16px;
    padding: 3px 3px 1px;
    width: 16px;
} .addButton {
    background: url(/Images/add_QB.svg) no-repeat;
    cursor: pointer;
    height: 16px;
    padding: 3px;
    width: 16px;
    padding-left:6px;
    padding-right:6px;
    filter: hue-rotate(700deg);
} .removeButton {
    background: url(/Images/delete_QB.svg) no-repeat;
    cursor: pointer;
    height: 16px;
    padding: 3px;
    width: 16px;
    padding-left:6px;
    padding-right:6px;
} .editButton.disabled {
    background: url(/Images/edititem_grey.gif) no-repeat;
    cursor: default;
} .addButton.disabled {
    background: url(/Images/add_gray.svg) no-repeat;
    cursor: default;
    background-color:transparent !important;
} .removeButton.disabled {
    background: url(/Images/delete-gray.svg) no-repeat;
    cursor: default;
    border:none !important;
    background-color:transparent !important;
} .collapseDivImage {
    background: url(/Style/UX/Images/span_max.png) no-repeat;
    cursor: pointer;
    height: 25px;
    width: 25px;
} .expandDivImage {
    background: url(/Style/UX/Images/span_min.png) no-repeat;
    cursor: pointer;
    height: 25px;
    width: 25px;
} .tDnD_whileDrag {
    background-color: #DCDCDC;
} .DTCenterTD {
    display: block;
    margin-left: auto;
    margin-right: auto ;
    margin:0px;
} .dropdown.disabled {
    background-color: #CCCCCC !important;
    color: #FFFFFF !important;
} #btnbar .btn-leftcontainer {
    float: left;
    padding-left: 10px;
} a.btnLink.disabled {
    /*background-color: #CCCCCC !important;
    color: #FFFFFF !important;*/
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);*/
    /*border:none !important;*/
    cursor: default !important;
    background-color: #DDE0E3 !important;
    color: rgb(161, 170, 179) !important;
    pointer-events:none;
} a.btnLink.disabled > * {
    cursor: default !important;
    color: rgb(161, 170, 179) !important;
} label.btnLink.disabled{
    border: 1px solid #D4DCE0 !important;
    border-radius: 999px;
    box-sizing: border-box;
    color: #CCCCCC !important;
    background-color:transparent;
    cursor:default;
} label.btnLink.disabled>.btnText{
    color: #ffffff;
    cursor:default;
}
.btnLabel .disabled {
    background-color: #DDE0E3 !important;
    color: #A1AAB3 !important;
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);*/
    border: none !important;
    cursor: default !important;
}
.btnLabelPopup .disabled {
    background-color: #DDE0E3 !important;
    color: #A1AAB3 !important;
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);*/
    border: none !important;
    cursor: default !important;
    border-radius: 8px !important;
    height: 32px !important;
    text-align: center;
} .btnLabelPopup .btnInput {
    font-weight: 700;
    border-radius: 999px;
    padding: 4px 20px 3px !important;
    min-width: 96px;
}
.disabled {
    background-color: #DDE0E3 !important;
    color: #8B939A !important;
    cursor: default !important;
    border-radius: 8px;
} .disabledText {
  color: #B4AAAA!important;
} .spanTextTrim {
    display: inline-block;
    overflow: hidden!important;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 350px;
} .fileUpload {
    margin: 0 2px;
    overflow: hidden;
    position: relative;
} .fileUpload input.upload {
    cursor: pointer;
    filter: alpha(opacity=0);
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.btnFileUpload {
    -webkit-user-select: none !important;
    background-color: #1B838B !important;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 26px;
    margin: 0 0 0 0px;
    outline: medium none;
    padding: 3px 12px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    border-radius: 8px;
    height: 32px;
} .btnFileUpload:hover {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
} .inputValueDisabled {
    font-size: 13px;
    background-color: #FFFFFF !important;
    border: 1px solid #C2CED7;
    border-radius: 0 0 0 0;
    outline: medium none;
    overflow: visible;
    padding: 5px;
    resize: none;
    vertical-align: middle;
    width: 500px;
    color: rgb(73, 73, 73);
    border-radius: 5px 5px 5px 5px !important;
    height: 40px !important;
    font-weight:700
} .ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
} .ui-timepicker-div dl {
    text-align: left;
} .ui-timepicker-div dl dt {
    clear: left;
    float: left;
    padding: 0 0 0 5px;
} .ui-timepicker-div dl dd {
    margin: 0 10px 10px 40%;
} .ui-timepicker-div td {
    font-size: 90%;
} .ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
} .ui-timepicker-rtl {
    direction: rtl;
} .ui-timepicker-rtl dl {
    padding: 0 5px 0 0;
    text-align: right;
} .ui-timepicker-rtl dl dt {
    clear: right;
    float: right;
} .ui-timepicker-rtl dl dd {
    margin: 0 40% 10px 10px;
} .inputValue2 {
    /*  border: 1px solid #ddd;
    border-radius: 0 0 0 0;
    outline: medium none;
    overflow: visible;
    padding: 5px;
    resize: none;
    vertical-align: middle;
    width: 168px;
     height: 48px;
    color:#67646c;
    */


    border: 1px solid #C2CED7;
    border-radius: 4px 4px 4px 4px !important;
    color: rgb(73, 73, 73);
    font-size: 13px;
    outline: medium none;
    overflow: visible;
    padding: 5px 5px 5px 10px;
    resize: none;
    vertical-align: middle;
    width: 168px;
    height: 48px;
    line-height: 16px;
    margin-right: 12px;
} .inputValue3 {
    border: 1px solid #ddd;
    border-radius: 0 0 0 0;
    outline: medium none;
    overflow: visible;
    padding: 5px;
    resize: none;
    vertical-align: middle;
    width: 90px;
    color: rgb(73, 73, 73);
} .inputValue4 {
    border: 1px solid #ddd;
    border-radius: 0 0 0 0;
    outline: medium none;
    overflow: visible;
    padding: 5px;
    resize: none;
    vertical-align: middle;
    width: 64px;
    color: rgb(73, 73, 73);
} .frmLocNavigator .btnLabel .btnInput{
    margin: 1px 8px 2px !important;
} #frmLocNavigator .btnLabel{
    margin-left: -10px;
} #frmLocNavigator .btnLabel .btnInput{
   /* margin: 3px 3px 3px 6px;*/
    padding: 0;
} #divQuickLinksContent img{
    /*display: none;*/
} .mCustomScrollBox{
    padding: 0 10px;
} .DHTMLMenuLauncher .sorting_desc, .DHTMLMenuLauncherDropdownIcon{
    width: 8px !important;
    height: 7px !important;
    margin-top: 11px !important;
    float: right !important;
    /* background: url(/App_Images/sort_desc.png) no-repeat -6px -10px !important;
    content:
    background: url(/App_Images/arrowdown.svg) no-repeat -6px -10px !important;
    content: url('/App_Images/arrowdown.svg');*/
    padding: 0 !important;
    margin-right: 7px!important;
    background: url(/App_Images/arrowdown.svg) no-repeat;
} .top-header-message-box{
    display: none;
    position: fixed;
    top: 0;
    left: -10%;
    width: 80%;

    text-align: center;
    color: rgb(211, 0, 0);
    padding: 12px;
    margin: 10px 20%;
    background-color: rgb(255, 249, 242);
    border: 1px solid rgb(216, 216, 216);
    z-index: 999999;
} .top-header-message-box #close_message{
    position: absolute;
    top: 4px;
    right: 4px;
}
/* ------------------------------------------------
---------------------------------------------------
    BREADCRUMBS
---------------------------------------------------
------------------------------------------------ */
.breadcrumb-dropdown{
    min-width: 150px;
    padding: 8px;
    background: #FFFFFF;
    box-shadow: 4px 4px 10px rgba(0,0,0,.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #CCCCCC;
} .breadcrumb-dropdown div{
    float: none !important;
}
/*.breadcrumb-dropdown div[id*="ctlBreadCrumb_"]*/
#upBreadcrumb, #tblLocation{
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 13px !important;
    font-weight: normal;
} #ctlBreadCrumbPanel > table > tbody > tr > td > a, #ctlBreadCrumbPanel > table > tbody > tr > td > a:hover{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
} #upBreadcrumb a[onmouseover]{
    color: #FFFFFF;
    font-weight: normal !important;
    text-decoration: none !important;
} #upBreadcrumb div[id*='dropDownMenu']{
    display: none;
    /* DEBUGGING ONLY: */
    /*display: block !important;*/
    position: absolute;
    left: auto;
    top: 88px;
    margin-top: -5px;
    text-indent: 0px;
    border-top: 7px solid transparent;
}
/* ------------------------------------------------
---------------------------------------------------
    SUMMARY PAGE STYLES
---------------------------------------------------
------------------------------------------------ */
body.summary-page {
    background-color: #FFFFFF !important;
} .summary-page .gridData{
    border: none;
} .summary-page #divMainSection.subHeaderMain{
    background: transparent !important;
    border: none !important;
} .summary-page .subHeaderMain{
    background-color: #FFFFFF;
    border: solid #CCCCCC;
    border-width: 0px;
} .msgSubHeaderMain {
     background-color: #FFFFFF;
    border: solid #CCCCCC;
    border-width: 0 1px 0px;
    padding: 10px;
} .summary-page .subHeaderMain .subHeaderWrapper{
    padding: 15px 0px;
    /*border: 1px solid #CCCCCC;*/
} .summary-page .subHeaderMain .subHeaderMain .subHeaderWrapper{
    border: none;
    /*border: 1px solid #CCCCCC;*/
    padding:8px;
} .summary-page .inputLabelDashboard{
    font-weight: bold;
} .summary-page .widgtTitle img{
    height: 16px;
    vertical-align: middle;
    margin: -4px 0 0 6px;
} .iconSearch {    
    position: relative; 
    cursor: default; 
    margin-left: -12px;
    position: relative; 
    right: -304px; 
    top: 5px;
    float:left;
    display: none;
} .inputLabelSummary {
    font-size: 10pt;
    font-style: normal;
    font-weight: 600;
    line-height: 12pt;
    padding: 0px;
    text-align: right!important;
    white-space:nowrap;
} .subHeaderWrapperSummary {
    background: #efefef;
}
/* ------------------------------------------------
---------------------------------------------------
    MAIN MENU RESPOSINVE STYLES
---------------------------------------------------
------------------------------------------------ */
@media(min-width: 1201px){
    .topHeaderMenu {
        display: block !important;
    }
} @media(max-width: 1200px){
    .topHeaderMenu {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 999;
        width: 100%;
        padding-bottom: 20px;
        background: #FFFFFF;
        border: solid #999;
        border-width: 1px 1px 3px;
    }
    .topHeaderMenu .ProcessMAPtabs ul{
        padding-top: 10px;
    }
    .topHeaderMenu .ProcessMAPtabs li{
        display: block;
        padding: 6px 0;
        width: 48%;
        float: left;
        border-bottom: 1px solid #CCC;
        margin-right: 1%;
    }
    .topHeaderMenu .ProcessMAPtabs a {
        width: 100%;
       }
    #banner .hamburger{
        display: inline-block;
        float: left;
    }
} @media(max-width: 700px){
    .topHeaderMenu .ProcessMAPtabs li{
        width: 100%;
        margin: 0;
    }
} .soaAutocompleteMandate {
    border: 1px solid rgb(222, 46, 33) !important;
    box-shadow: rgb(222 46 33) 0px 0px 0px 1px inset !important;
    /*border-color:  !important;*/
} #divLegend.fancybox-content {
   padding: 10px;
   min-width: auto !important;
   width: auto !important;
} #divFilters.fancybox-content {
   overflow: visible !important;
   min-width: auto !important; 
   width: auto !important;
} #divNote.fancybox-content, .divNoteFancyBoxContent {
    overflow: visible !important;
    padding: 10px; 
    min-width: auto !important; 
    width: auto !important;
} #ui-datepicker-div {
    z-index:99995 !important;
    /*z-index: 0 !important; PMP-66769 Fix */
} #fancybox-container-1 .high-index-important {
    z-index:99995 !important;
}
/* For Radio Button toggle Options*/
.switch-field {
 font-family: "gilroy-regular", Verdana, sans-serif;
	overflow: hidden;
} .switch-title {
  margin-bottom: 6px;
} .switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
} .switch-field label {
  float: left;
} .switch-field label {
  display: inline-block;
  width: 60px;
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 6px 13px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-left: 0px!important;
  margin-right: 0px!important;
} .switch-field label:hover {
	cursor: pointer;
} .switch-field input:checked + label {
  background-color: #00B4F9 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* till here*/
/*Floating Label*/
.form-group {
  position: relative;
  margin-bottom: 1.5rem;
} .form-control-placeholder {
  position: absolute;
  top: 0;
  padding: 7px 0 0 13px;
  transition: all 200ms;
  opacity: 0.5;
} .form-control:focus + .form-control-placeholder {
  font-size: 75%;
  transform: translate3d(0, -30%, 0);
  opacity: 1;
}
/*till here*/
/*:root {
 --input-padding-x: .75rem;
 --input-padding-y: .75rem;
}*/
.mandatory {
   color: rgb(51, 51, 51); !important;
} .form-label-group {
 position: relative;
 margin-bottom: 1.5rem;
 background-color: #FFFFFF;
} .form-label-group > input, .form-label-group > label {
 padding: var(--input-padding-y) var(--input-padding-x);
 width: 568px;
 
} .form-label-group > label {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 margin-bottom: 0; /* Override default `<label>` margin */
 line-height: 1.5;
 color: #495057;
 cursor: text; /* Match the input under the label */
 border: 0.5px solid transparent;/*#8E8E93*/
 border-radius: 4px;
 transition: all .1s ease-in-out;
 /*height:34px !important;*/
} .form-label-group input::-webkit-input-placeholder {
 color: transparent;
} .form-label-group input:-ms-input-placeholder {
 color: transparent;
} .form-label-group input::-ms-input-placeholder {
 color: transparent;
} .form-label-group input::-moz-placeholder {
 color: transparent;
} .form-label-group input::placeholder {
 color: transparent;
} input::-webkit-input-placeholder {
 color: #5e6a75
} input:-ms-input-placeholder, input::-ms-input-placeholder {
 color: #5e6a75
} input::placeholder {
 color: #5e6a75
} input:disabled::-webkit-input-placeholder {
 color: #a1aab3 
} input:disabled:-ms-input-placeholder, input:disabled::-ms-input-placeholder {
    color: #a1aab3
} input:disabled::placeholder {
     color: #a1aab3
} .form-label-group input:not(:placeholder-shown) {
 padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
 padding-bottom: calc(var(--input-padding-y) / 3);
} .form-label-group input:not(:placeholder-shown) ~ label {
 padding-top: calc(var(--input-padding-y) / 3);
 padding-bottom: calc(var(--input-padding-y) / 3);
 font-size: 11px;
 color: #777;
}
/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
 .form-label-group > label {
   display: none;
 }
 .form-label-group input::-ms-input-placeholder {
   color: #777;
 }
}
/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
 .form-label-group > label {
   display: none;
 }
 .form-label-group input:-ms-input-placeholder {
   color: #777;
 }
}
/* For Checkboxes Approach 2 -- without  image by styles*/
/*
.container {
  position: relative;
  padding-left: 30px;
  margin-bottom: 13px;
  font-size: 13px;
  font-family:Roboto;
  display:inline-block;
  margin-right:13px;
}
 /* Hide the browser's default checkbox 
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Hide the browser's default checkbox 
.checkmark {
  position: absolute;
  top: -3px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #B4BFC9;	
  border-radius: 3px;	
  background-color: #FFFFFF;	
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.08);
}
.container input:checked ~ .checkmark {
  background-color: rgb(51, 51, 51);;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked 
.container input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator 
.container .checkmark:after {
  left: 5px;
  top: 1px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
/*till here*/
/* commented approach  2 with  style*/
/*For Radio Button*/
/*
.radiocheckmark {
  position: absolute;
  top: -3px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #B4BFC9;	
  background-color: #FFFFFF;	
  border-radius: 50%;
}
.container input:checked ~ .radiocheckmark {
  background-color: rgb(51, 51, 51);;
}
.radiocheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked 
.container input:checked ~ .radiocheckmark:after {
  display: block;
}
/* Style the checkmark/indicator
.container .radiocheckmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: white;
}
/*till here*/
/*For radio button approach 2 with out images*/
.shape {
    width: 0;
    height: 0;
    border-top: 140px solid #20a3bf;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
}
/*commented as part of POC
/*For CheckBoxes
input[type=checkbox]
{
  -webkit-appearance:none;/* Hides the default checkbox style  
  border: 1px solid #B4BFC9;	
  border-radius: 3px;
  height: 20px;	
  width: 20px;
  margin:6px;
  background-color: #FFFFFF;
  vertical-align:inherit ;	
  box-shadow: inset 0 2px 1px 0 rgba(0,0,0,0.06);
}
/*
input[type="checkbox"] + *:before {
  content: "👍";
display:inline-block;
} 
input[type="checkbox"]:checked {
 background-color:rgb(51, 51, 51);;
}
input[type="checkbox"]:before, 
input[type="checkbox"]:checked:before {
 text-align:center;
 color:#FFFFFF;
 content: '\2713';/*✔;
 font-size: 12px!important;
 font-weight:bold;
position:relative;
 left: 4px;
  height: 20px;	
  width: 20px;
  /*box-shadow: inset 0 2px 1px 0 rgba(0,0,0,0.06); 

}
/*till here*/
/*For Radio Buttons*/
/*
input[type=radio]
{
  -webkit-appearance:none;/* Hides the default radio button style  
  border: 1px solid #B4BFC9;	
  border-radius: 100%;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.08);	
  background-color: #FFFFFF;
  height: 20px;	
  width: 20px;
  margin:11px;
  margin-right:6px;
  margin-left:10px;
}
input[type="radio"]:checked {
 background-color:rgb(51, 51, 51);;

}
input[type="radio"]:before, 
input[type="radio"]:checked:before {
 content:'\25CF'!important;
 font-size: 18px!important;
 position:relative!important;
 left:3px!important;
 top:-2px!important;
 text-align:center!important;
 color:#FFFFFF!important;
 box-shadow: inset 0 2px 1px 0 rgba(0,0,0,0.06);
 /*height: 6.67px;	width: 6.67px;	background-color: #FFFFFF;	box-shadow: inset 0 2px 1px 0 rgba(0,0,0,0.06);
}
/*till  here*/
.fancybox-content .subHeaderMain .subHeaderWrapper {
    background-color: #FFFFFF !important;
} .selectdiv {
  position: relative;  
  /*float: left;
  margin: 0px 1px;*/
  display:inline-block;
}
/*IE11 hide native button
select::-ms-expand {
display: none;
}*/
.selectdiv select::-ms-expand {
    display: none;
} .selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*margin: 3px 0px;*/
    -ms-word-break: normal;
    word-break: normal;
    padding-right: 45px !important;
} .selectdiv:after {
    content: url('Images/dropdown.svg');
    right: 25px;
    top: 12px;
    padding: 0 0 12px;
    position: absolute;
    pointer-events: none;
} ::-ms-check {
    background-color:#FFFFFF;
} ::-ms-check:checked {
   background-color: rgb(8, 117, 225);
} #fancybox-content .subHeaderWrapper {
    padding-left:30px;
} #fancybox-content .subHeaderMain {
    background-color: #FFFFFF !important;
    box-shadow: none;
    padding: 10px;
    visibility: inherit;
} .fancybox-content .subHeaderWrapper {
    padding-left:30px;
        border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
} .fancybox-content .subHeaderMain {
    background-color: #FFFFFF !important;
    box-shadow: none;
    padding: 10px;
    visibility: inherit;
} .RCTreeFolderList {
    font-family: "gilroy-regular", Verdana, sans-serif;
    color: #666666;
    font-size: 13px;
}
/*For CheckBoxes and radio buttons image replace with label appending dynamically(refere incJSFunction.js)*/
/* commenting after PMG confirmation on the image approach
input[type=radio],
input[type=checkbox]
{
 display:none;
}
 
input[type=checkbox]+label::before
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    content: url('/App_Themes/BlueTheme/Images/CheckBoxDefault.svg');
    /*border: 1px solid #B4BFC9;	*/
/*border-radius: 3px;
    height: 20px;	
    width: 20px;
    margin:6px;*/
/*background-color: #FFFFFF;*/
/*box-shadow: inset 0 2px 1px 0 rgba(0,0,0,0.06);
    word-wrap: normal;
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 9px;
    padding-top: 7px;
    margin-bottom: -3px;
    margin-left: 1px;
    margin-right: 12px;
}

input[type=checkbox]:checked + label::before
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    content: url('/App_Themes/BlueTheme/Images/CheckBoxSelected.svg');
    /*border-radius: 3px;*/
/*height: 20px;	
    width: 20px;
    margin:6px;*/
/*background-color: #FFFFFF;*/
/*box-shadow: inset 0 2px 1px 0 rgba(0,0,0,0.06);
    display:inline-block;
    border: 0px solid rgb(51, 51, 51);;
    vertical-align:inherit ;
    word-wrap: normal;
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 9px;
    padding-top: 7px;
    margin-bottom: -3px;
    margin-left: 1px;
    margin-right: 12px;
}

.labelInputCheckbox {
    
}
.labelInputRadio {
   
}

input[type=radio]
{
    
}
input[type=radio]+label::before
{
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    content: url(/App_Themes/BlueTheme/Images/RadioButtonDefault.svg);
    display: inline-block;
    overflow-wrap: normal;
    vertical-align: middle;
    /*margin-left: -6px;
    padding: 14px 6px 14px 5px;
}

input[type=radio]:checked + label::before
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    content: url(/App_Themes/BlueTheme/Images/RadioButtonSelected.svg);
    display: inline-block;
    overflow-wrap: normal;
    vertical-align: middle;
    /* padding: 10px!important; */
/* margin-left: -11px; */
/* margin-right: 6px; */
/* padding-left: 11px; */
/* padding-top: 10px; */
/* margin-top: -1px; */
/* margin: 1px 11px 15px -7px; */
/*margin-left: -6px;
    padding: 14px 6px 14px 5px;
}
/*till here
comment till here*/
.headerTitlePopup {
    cursor:pointer;
    width:max-content;
    height:28px;
    padding-right:10px;
    display:inline-block;
} .headerTitlePopup:hover {
    background-color: rgba(255,255,255,0.6);
    border-radius: 4px;
    outline: none;
    width:max-content;
} .headerTitle {
    cursor:pointer;
    width:max-content;
    height:28px;
    padding-right:10px;
    display:inline-block;
} .headerTitle:hover {
    background-color: rgba(255,255,255,0.6);
    border-radius: 4px;
    outline: none;
    width:max-content;
} .innerSubHeaderWrapper {
    background-color: #FFFFFF;
    border-color: #CBD3D6;
    border-image: none;
    border-top: 1px solid #CBD3D6;
    padding: 15px 0px;
    height: 30px;
} .innerSummarySubHeaderWrapper {
    background-color: #FFFFFF;
    border-color: #CBD3D6;
    border-image: none;
    border-bottom: 1px solid #CBD3D6;
    /*border-top: 1px solid #CBD3D6;*/
    padding: 8px;
} .innerSummarySubHeaderWrapper>span.widgtTitle {
    font-size: 16px;
    text-transform: capitalize;     
	color: #343A4B;
	font-weight:normal!important;
	line-height: 28px;
    font-family: "gilroy-regular", Verdana, sans-serif;
} .subHeaderMain .innerSubHeaderWrapper .widgtTitle {
    font-size: 16px;
    text-transform: capitalize;     
	color: #343A4B;
	font-weight:normal!important;
	line-height: 28px;
	text-align: center;
	float:left;
    transform:rotate(0deg)!important;
    font-family: "gilroy-regular", Verdana, sans-serif;
} .innerSubHeaderWrapper .headerTitle:hover {
    background-color: #EFEFEF;
    border-radius: 4px;
    outline: none;
    width:max-content;   
} .hierDiv {
    background-color: #E7EAEE;
} .hierGridRow {
    background-color: #E7EAEE;
    height:24px;
    border-bottom:1px solid #CBD3D6;
    color: #343A4B;
    line-height: 28px;
    padding:0px 0px 0px 30px
} .hierHeaderRow {
    background-color: #E7EAEE;
    height:16px;
    border-bottom:1px solid #CBD3D6;
    color: #2E4050;
    line-height: 20px;
    padding:0px 0px 10px 27px;
    font-weight:600;
}
.hierHeader {
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 16px;
    color: #343A4B;
    font-weight: bold;
    line-height: 20px;
    height: 15px;
    padding: 10px 0px 3px 30px;
} .resizedBorder {
    box-sizing: border-box;
    border: 1px solid #dfe2e6;

} tr.totalrowStyle {
    background-color: #e8ebed;
   /* padding: 10px 15px 10px 15px;
    box-sizing: border-box;
    border: 1px solid #dfe2e6;*/
    font-size: 13px;
    height: 45px;
    width: 100%;
    border-spacing: 0px;
    border: 0px;
    width: 100%;
    border-collapse: collapse;
    /*text-align: left;*/
} tr.totalrowStyle:hover {
        background-color: #e8ebed;
        /*box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);*/
        border-left: 3px solid#22A3AF;
    } tr.resizedBorder:hover {
    background-color: #F6F6F6;
    /*box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);*/
    border-left: 3px solid #22A3AF;
} #firstPage {
    cursor: pointer;
    border-radius: 2px;
    padding: 8px 15px 8px 15px;
    background-color: #FFFFFF;
    border: 1px solid #DBDBDB;
    margin-right: 8px;
    font-size: 11px;
    font-weight: 500;
} #previousPage {
    cursor: pointer;
    border-radius: 2px;
    border-left-width: 0px;
    padding: 11px 12px 10px 12px;
    background-color: #FFFFFF;
    border: 1px solid #DBDBDB;
} #currentPage {
    padding: 0px 10px 6px 10px;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
    height:31px;
    box-sizing:border-box;
    color:#333 !important;
    margin-left:5px;
    font-size: 12px;
} #nextPage {
    cursor: pointer;
    border-radius: 2px;
    padding: 11px 12px 10px 12px;
    background-color: #FFFFFF;
    border: 1px solid #DBDBDB;
    /*height: 31px;*/
    box-sizing: border-box;
    font-weight: 500;
} #lastPage {
    cursor: pointer;
    border-radius: 2px;
    padding: 8px 15px 8px 15px;
    background-color: #FFFFFF;
    border: 1px solid #DBDBDB;
    margin-left: 8px;
    font-size: 11px;
} .gridHeader:hover img {
    cursor:pointer;
    display:inline-block;
    visibility:visible;
} .sortingImage {
    visibility:hidden;
    padding-left:8px;
    margin-top:-4px;
    position:absolute;
} .gridEditbtn {
    border-radius: 8px;
    position: relative;
    border: 1px solid #D4DCE0;
    background-color: #FFFFFF;
    text-align: center;
    padding: 8px 10px 8px 10px;
    margin-right: 6px !important;
    color: #343A4B !important;
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 14px !important;
} .gridEditbtn:hover, .gridEditbtn[hover]{
    text-decoration: none;
}
.gridEditbtn > span {
    font-weight: 500;
}
.paginationDDL {
    width: 60px;
    height: 30px !important;
    margin-right: 0px;
    border-radius: 2px !important;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 500;
    padding-left: 5px;
} .paginationDiv {
    display:inline-block;
} .paginationDiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*margin: 3px 0px;*/
    -ms-word-break: normal;
    word-break: normal;
    border:1px solid #DBDBDB;
} .paginationDiv:after{
    content: url('Images/paginationddl.svg');
    right: 24px; 
    padding: 0 0 5px;
    position: relative;
    pointer-events: none;
    margin-top:10px;
} .subHeaderWrapperPopup {
    background-color: #F4F5F6;
    border-color: #CBD3D6;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 24px 10px 0px 24px;
    height: 68px;
    box-sizing: border-box;
    /*box-shadow: 0 2px 15px 0 rgba(0,0,0,0.3);*/
    /*position:fixed;*/
    width: 100%;
    z-index: 9999;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
} .subHeaderWrapperPopup #fancybox-close {
    top: 24px;
} .widgtTitlePopup {
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
}
.subHeaderWrapperPopup > span > a:hover, a[hover] {
    text-decoration: none;
}.subHeaderMainPopup {
    visibility: inherit;
    border-radius: 3px;
   
    background-color: #FFFFFF;
    padding: 20px;
} .noPaddingTop{
    padding-top:0px;
    padding-bottom:0px;
} .mainWrapperPopup {
    /*border-radius: 8px;*/
    background-color: #FFFFFF;
    margin-bottom: 55px;
    padding-bottom: 45px;
} .btnPopup {
    font-family: "gilroy-regular", Verdana, sans-serif !important;
    color: #212D38;
    font-size: 13px;
    border: 1px solid #F4F5F6;
    border-radius: 8px;
    background-color: #F4F5F6;
    padding: 6px 8px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 96px;
    height: 32px;
    float: left;
    text-align: center;
    cursor: pointer;
    margin: 0 3px;
    font: 700 13px gilroy-regular;
    box-sizing: border-box;
} .btnTextPopup{
    background-color: transparent;
    color: #777777 !important;
    font-weight: bold;
} .btnLabelPopup {
    height: 32px !important;
    min-width: 96px;
    background-color: #1B838B;
    Color: #FFFFFF;
    border-radius: 8px;
    font-weight: 700;
    margin: 0 4px;
    vertical-align: top;
    text-align: center;
    display: inline-block;
    /*margin-right:30px;*/
} #btnbarPopup {
    background-color: #FFFFFF;
    border-top: 1px solid #CBD3D6;
    bottom: 0;
    left: 0px;
    position: fixed;
    width: 100%;
    height: 67px;
    padding-top: 16px;
    box-sizing: border-box;
    z-index: 999;
}
  .gridTable{
    width:100%;
    border-collapse:collapse;
    background-color:#FFFFFF;
} #divFilters .subHeaderMainPopup{
    padding-bottom:70px;
} .subHeaderMainPopup .subHeaderMainPopup{
    padding-bottom:70px;
} .listBox{
    font-family: "gilroy-regular", Verdana, sans-serif;
    color: #666666;
    font-size: 13px;
    line-height:18px;
    /*height:400px;*/
    width:250px;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #C2CED7;    
    overflow-x:auto;
    overflow-y:auto;
    padding:13px;
    
} .arrowListBox{
    height:36px;
    width:36px;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    background-color: #FFFFFF;
    padding:11px;
    cursor:pointer;
    display: block;
    box-sizing: border-box;
    margin:20px 0px;
} .imageMargin{
    margin-left:15px;
    margin-right:16px;
} .singleRightArrow{
    background-image:url('/Images/SingleRightArrow.svg');
    background-repeat:no-repeat;
    background-position:center;
} .singleLeftArrow{
    background-image:url('/Images/SingleLeftArrow.svg');
    background-repeat:no-repeat;
    background-position:center;
} .doubleLeftArrow{
    background-image:url('/Images/DoubleLeftArrow.svg');
    background-repeat:no-repeat;
    background-position:center;
} .doubleRightArrow{
    background-image:url('/Images/DoubleRightArrow.svg');
    background-repeat:no-repeat;
    background-position:center;
} .leftFloat{
    float:left;
    padding-left:2%;
} .fixedHeader{
    position:fixed;
    z-index:1;
    width:100% !important;
} .fixedHeaderGrid{
    position:fixed;
    z-index:1;
} .hasFixedHeaderTab{
    margin-top:128px;
} .hasFixedHeader{
    margin-top:75px;
}
/* Manage Risk Assessment SOA Grid Color Coding */
.spanFont{
  font-family: "gilroy-regular", Verdana, sans-serif;	
  font-size: 13px;	
  font-weight: 600;	
  line-height: 28px;	
  text-align: center;
  float:left;
  margin:4px;
  /*width:150px;*/
}
.spanGreen {
    color: #035118;
    background-color: #99FF99;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    border-radius: 3px;
    /*padding: 4px 9px 4px 9px;*/
    box-sizing: border-box;
    width: 65px;
} .spanYellow{
    color: #7D4529;	
    background-color: #FBF1DE;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    border-radius: 3px;
    /*padding: 4px 9px 4px 9px;*/
    box-sizing: border-box;
    width:85px;
}
.spanRed {
    color: #5A0D0D;
    background-color: #FF1A1A;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    border-radius: 3px;
    /*padding: 4px 9px 4px 9px;*/
    box-sizing: border-box;
    width: 65px;
} .spanBlack{
    color: #21010A;
    background-color: #F3E5E9;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    border-radius: 3px;
    /*padding: 4px 9px 4px 9px;*/
    box-sizing: border-box;
    width:85px;    
} .spanGridRowColor {
    white-space: nowrap;
    color: #21010A;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0px 5px 0px 5px;
}
/* till here*/
.multiSelect{
    height:105px;
} .labelText{
    color: #666666;
	font-family: "gilroy-regular", Verdana, sans-serif;
	font-size: 14px;
	line-height: 16px;
    
} .listEditButton{
    margin-left: 8px; 
    vertical-align: text-top; 
    border: medium none;
    margin-top: -5px;
} .listExportButton{
    margin-left: 2px;
    vertical-align: text-top;
    border: medium none;
    margin-top: -5px;
} .widgtTitleLeftMargin{
    margin-left:24px;
} #divLoader > .subHeaderWrapper {
    background-color: #FFFFFF;
    border-color: #CBD3D6;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 24px 10px 0px 24px;
    height: 76px;
    box-sizing: border-box;
    /*box-shadow: 0 2px 15px 0 rgba(0,0,0,0.3);*/
    /*position:fixed;*/
    width: 100%;
    z-index: 9999;
} #divLoader > .mainWrapper {
    /*border-radius: 8px;*/
    background-color: #FFFFFF;
    margin-bottom: 55px;
    padding-bottom: 45px;
} .btnLabel:hover {
    /*box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);*/
} .btnPopup:not([disabled]):hover {
    background-color: #DDE0E3;
    color: #212D38 !important;
    text-decoration:none !important;
} .btnLabelPopup:hover, .btnLabelPopup:focus, .btnLabelPopup:active{
background-color: #22A3AF;
color: #FFFFFF;
} .btnLink:hover, .btnLink:focus, .btnLink:active {
    color: #FFFFFF;
    background-color: #22A3AF;
} .btnLabelPopup .btnInput:focus {
    border-color: transparent !important;
} .disabled:hover {
    box-shadow: none;
}
a > .btnPopup.disabled, a > .btnPopup.disabled:hover, a > .btnPopup.disabled:active, a > .btnPopup.disabled:hover:active > span.btnPopup.disabled {
    background-color: #DDE0E3 !important;
    border-color: #DDE0E3 !important;
    color: #A1AAB3 !important;
    pointer-events: none;
    text-align: center;
} .headerMarginPopup{
    margin-left:-20px;
    margin-right:-20px;
    width:auto;
    background-color:#F4F5F6
} .sectionPopup {
    background-color: #FFFFFF !important;
} .positionDiv{
    margin-bottom:-34px;
    padding-bottom:18px;
}
/* For Side Bar style*/
/*Banner Information*/
.divBanner {
    position: sticky;
    width: 100%;    
    z-index: 1000;    
}
/*banner till here*/
/* For a sidebar div "content" */
.content {
    padding: 10px;
    background-color: #FFFFFF !important;
    margin-left: -30px;
} .content .menu {
    overflow: auto;
    padding: 0px!important;
}
/* MENU */
.content .menu ul li {
        color: #016698;
        padding: 15px;
        position: relative;
        float: left;
        min-height: 70px !important;
        width: 230px !important;
        box-sizing: border-box;
        border: 1px solid #CBD3D6;
        background-color: #FFFFFF;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);
} .content .menu ul li:hover {
        background-color: #e8ebed !important;
} .content .divmenu ul li.incomplete.selected:hover, .content .menu ul li.selected {
        border-left: 5px solid #1B838B !important;
        background-color: #E8EBED !important;
    } .ulSelected {
    background-color: #FFFFFF !important;
    /*border-left: 4px solid rgb(8, 117, 225) !important;*/
} .content .divmenu ul li.incomplete.selected:focus {
    border-bottom: 2px solid !important;
    background-color: #FFFFFF !important;
} .content .menu ul li.complete {
  color: #00A383;
} .content .menu ul li.complete.selected {
  border-left: 4px solid #00A383;
} .content .menu ul li.incomplete {
  /*color: #d92c3c;*/
   color:#016698;
} .content .menu ul li.incomplete.selected :after{
    
} .content .menu .submenu .selected {
    
    font-weight: 700;

} .content .menu ul li .status {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
} .content .menu ul li h3 {
  font-size: 18px;
} .content .menu ul li p {
  color: #676A6C;
  font-size: 11px;
  margin-top: 3px;
} .content .menu ul li p a{
  color: #016698;
  font-weight: 600;
} .content .tabs-mobile {
  margin: 0 10px 10px 15px;
}
/* SUBMENU */
.content ul.submenu li {
    background-color: #FFFFFF !important;
    border: 1px solid #CBD3D6;
    min-height: 52px !important;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);
    /* padding: 15px 30px; */
} .content ul.submenu li p{
  color: #333333;
  font-size: 13px;
}
/* WIZARD STEPS */
.content ul.steps li {
  border-bottom: 2px solid #DDDDDD;
  min-height: 40px;
  padding: 15px 10px;
} .content ul.steps li.selected {
  font-weight: 700;
} .content ul.steps li p{
  color: #333333;
  display: inline;
  font-size: 13px;
} .content ul.steps li div.status{
  border: 2px solid gray;
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  margin-right: 10px;
  width: 12px;
} .content ul.steps li.title p {
  color: #2E4050;
  font-weight: 700;
  text-transform: uppercase;
} .content ul.steps li.current div.status {
  border: 2px solid #00ABFF;
  background: #00ABFF;
} .content ul.steps li.complete div.status {
  border: 2px solid #00A383;
  background: #00A383;
} .content ul.steps li.incomplete div.status {
  border: 2px solid #CECECE;
  background: #CECECE;
} li, ul {
    cursor:pointer;
    word-wrap: break-word;
} .divTable {
    display:table;
    margin-top:5px;
} .divCell {
    /*display: table-cell;*/
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    margin-left:30px;
} .CellHeadingContent{
    color: #343A4B;
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
    margin-left:30px;
} .userRowContent{
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 12px;
    color: #343A4B;
    line-height: 16px;
    margin-top:4px;
    float:left;
    width:140px;
} .angleMargin{
    margin-left: 15px!important;
    font-size: 19px;
} .circleImageDiv {
   background: url(../../App_Themes/BlueTheme/Images/checkcircle.svg);
   padding-right: 25px;
   background-repeat: no-repeat;
   padding-bottom: 20px;
} .LockImageDiv {
   background: url(../../App_Themes/BlueTheme/Images/i-lock.svg);
   padding-right: 25px;
   background-repeat: no-repeat;
   padding-bottom: 23px;
} .circleImagePosition{
   right:0px!important;
   left:10px;
} .divAngleDown{
   background: url(../../App_Themes/BlueTheme/Images/ArrowDown.svg);
    background-repeat: no-repeat;
    display: inline;
    padding-left: 15px;
    margin-left: 51px;
} .divAngleUp {
    background: url(../../App_Themes/BlueTheme/Images/ArrowUp.svg);
    background-repeat: no-repeat;
    display: inline;
    padding-left: 15px;
    margin-left: 51px;
} .SignatureUserName{
    color: #337AB7!important;
    margin-left:2px;
} .sideBarMenuWidth{
    position: relative;
    margin-top: 39px;
    padding-right: 0px;
    /* width: 21.666667%; */
    width: 230px;
} 
  .sideBarMenuWidth > .menu::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important;
}
  .sideBarSubHeaderWrapperHeight{
        height: 24px;
} .sideBarMainWrapperHeight{
    margin-top:-32px;
} .fieldLabel {
  color: #343A4B;
  font-family: "gilroy-regular", Verdana, sans-serif;
  font-size: 16px;
  line-height: 19px;
  padding-right: 15px;
  padding-top: 7px;
} .divLiSubHeaders{
    color: #343A4B;
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-left: 35px;
    /* margin-top: 0px; */
} .ulSelected {
    background-color: #FFFFFF !important;
    /*border-left: 4px solid #5AC8FA!important;*/
} .divRow {
    display: table-row;
} .LoadContentStyle {
    width: 100%; 
    position: fixed;
}
.auditLock {
    position: relative;
    top: 3px;
    left: 2px;
}
/*till here */
/*Ajax date control*/
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;font-size:10pt!important;text-align:center;font-family:"gilroy-regular", Verdana, sans-serif!important;} .ajax__calendar_body {height:169px;width:250px!important;position:relative;overflow:hidden;margin:auto;background-color: #FFFFFF;border-bottom: 1px solid #e7ebf6;} .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:169px;width:250px!important;position:absolute;text-align:center;margin:auto;} .ajax__calendar_container TABLE {font-size:10pt!important;} .ajax__calendar_header {height:20px;width:100%;margin-top: 15px!important;margin-bottom: 15px!important;} .ajax__calendar_title {cursor:pointer;font-weight:normal!important;} .ajax__calendar_footer {height:15px;} .ajax__calendar_today {cursor:pointer;padding-top:3px;} .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;} .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;} .ajax__calendar_month {height:54px;width:40px;text-align:center;cursor:pointer;overflow:hidden;} .ajax__calendar_year {height:54px;width:40px;text-align:center;cursor:pointer;overflow:hidden;} .ajax__calendar .ajax__calendar_container {border:0px!important;/*background-color:#ffffff;color:#000000;*/width:250px;} .ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;} .ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;} .ajax__calendar .ajax__calendar_day {/*border:1px solid #ffffff;*/border:0px!important} .ajax__calendar .ajax__calendar_month {/*border:1px solid #ffffff;*/border:0px!important} .ajax__calendar .ajax__calendar_year {/*border:1px solid #ffffff;*/border:0px!important} .ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#1E90FF;/*border-color:#1E90FF;color:#1E90FF;*/} .ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#1E90FF;/*border-color:#1E90FF;color:#1E90FF;*/} .ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#1E90FF;/*border-color:#1E90FF;color:#1E90FF;*/} .ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;} .ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;} .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {/*background-color:#edf9ff;border-color:#daf2fc;*/background-color:#1E90FF!important;} .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {/*background-color:#edf9ff;border-color:#daf2fc;*/background-color:#1E90FF!important;} .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {/*background-color:#edf9ff;border-color:#daf2fc;*/background-color:#1E90FF!important;} .ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#1E90FF;} .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#1E90FF;} .ajax__calendar_other {
        padding:3px 3px!important;
    } .ajax__calendar_day {
        padding:3px 3px!important;
    }
/* till here*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    /*background-color: rgba(255, 255, 255, 0.7);*/
    background-color: #F4F5F6 !important;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F4F5F6 !important;
    scrollbar-base-color: #6E7881;
    scrollbar-arrow-color: #F4F5F6;
} ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #6E7881 !important;
} ::-webkit-scrollbar-button {
    display:none;
} ::-webkit-scrollbar-track-piece{

} ::-webkit-scrollbar-corner{

} ::-webkit-resizer{

} .circleIncomplteImageDiv {
  background: url(../../App_Themes/BlueTheme/Images/incomplete.svg);
  padding-right: 25px;
  background-repeat: no-repeat;
  padding-bottom: 20px;
} .mainWrapperMargin {
    margin-top: -9px;
    padding-left:15px !important;
    padding-right:10px !important;
}
/*Start: Audit module : Customize to deptartment drop down styles in page header*/
.autoSearchDeptDropdown {
    float: left;
    /*background-color: #FFF;*/
    background-color: #FFFFFF !important;
    border: 1px solid #ddd;
    cursor: pointer;
    width: 250px;
    margin-top: 0px;
    margin-bottom: -2px;
    margin-left: 4px;
    height: 31px;
    /* box-shadow: 0 0 11px #888888; */
    color: #545454;
    font-family: "gilroy-regular", Verdana, sans-serif;
    color: #343A4B !important;
    box-sizing: border-box;
    border: 1px solid #aaaaaa; /*0px solid #D4DCE0;*/
    border-radius: 0px;
    font-size: 13px;
    height: 30px;
} .divDeptfloat{
        float:left;
    } .deptArrowdown{
        height: 6px;
        margin: 10px 0px 0 -17px;
        float: left;
        padding-top: 3px;
        display:none;
    } .alignDeptArrow{
        margin:0 0 0 -20px;
        float:left;
        font-size:1.5em;
    } .alignDeptText{
        /*display: none;*/
        float: left; text-align: center;margin:8px 0 0 10px;
    }
.TabSelectCtrl {
    width: 200px !important;
    border-radius: 8px 8px 8px 8px !important;
    font-weight: 400;
    text-align: left;
    min-height: 42px !important;
}
}
/*End: Audit module : Customize to deptartment drop down styles in page header*/
.btnFixedPositionHeader{
    position:fixed;
    right:25px;
} .btnFixedPosition{
    position:fixed;
} .gridBgColor{
    background-color: #E9EEF2!important
} .btnFixedPositionListHeader{
    position:fixed;
    right:25px;
} .listBoxNoShadowBoader {
    border: 1px solid #FFFFFF;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.3) !important;
} .divControlDetails {
    width:800px !important;
  
} .divControlDetails1 {
    width:790px !important;
    height: 320px !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
} .imgEditFilter{
    vertical-align: text-top;
    border: medium none;
    margin-top: 1px;
    margin-right: 3px;
} .fa_plusPadding{
    padding-right:7px!important;
    margin-top:8px;
    color:white;
} .fa_trashPadding{
    padding-right:5px!important;
    font-size:11pt!important;
}
/* For Manage Audit -- Circle progress bar */
.position {
  float: left;
  margin: 50px 10px;
} .progress-bar {
  position: relative;
  height: 50px;
  width: 50px;
} .progress-bar div {
  position: absolute;
  height: 50px;
  width: 50px;
  border-radius: 50%;
} .progress-bar div span {
  position: absolute;
  font-family: "gilroy-regular", Verdana, sans-serif;
  font-size: 11px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  left: 4.5px;
  top: 4.2px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
} .progress-bar .background { background-color: #b3cef6; } .progress-bar .rotate {
  clip: rect(0 25px 50px 0);
  background-color: #4b86db;
} .progress-bar .left {
  clip: rect(0 25px 50px 0);
  opacity: 1;
  background-color: #b3cef6;
} .progress-bar .right {
  clip: rect(0 25px 50px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #4b86db;
} .SummaryBoxStyle {
    border: 1px solid rgb(206, 211, 217);
    box-sizing: border-box;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 8px 0px;
    padding: 32px;
}
/* till here */
/*IMS Metrics text center alignment*/
/*Start*/
.rowOddCenter {
    font-size: 13px;
    height: 45px;
    text-align: center;
    border: 1px solid #dfe2e6;
    font-weight: 400;
}
/*.btnFlagOpen {
    background-color: #15B2F7 !important;
    border-color: #15B2F7 !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    padding: 4px 8px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    min-width: 96px !important;
    height: 28px !important;
    font-weight: 500 !important;
    cursor: default !important;*/
    /*border: 2px solid #27B3F4;*/
    /*border-style: solid;
}*/
.labelOpen {
    color: #15B2F7;
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    margin-left: 5px;
    vertical-align: middle;
}
/*.btnFlagClosed {
    background-color: #50AE54;
    border-color: #50AE54;
    border-radius: 3px;
    color: #ffffff;
    padding: 4px 8px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 96px;
    height: 28px;
    font-weight: 500 !important;
    cursor: default !important;*/
    /* border: 2px solid #50AE54;*/
    /*border-style: solid;
}*/
.labelClosed {
    color: #50AE54;
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    margin-left: 5px;
    vertical-align: middle;
}

/*.btnFlagClosedLate {
    background-color: #FDC42E;
    border-color: #FDC42E;
    border-radius: 3px;
    color: #ffffff;
    padding: 4px 8px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 96px;
    height: 28px;
    font-weight: 500 !important;
    cursor: default !important;*/
    /*border: 2px solid #F07F43;*/
    /*border-style: solid;
}*/

.labelClosedLate {
    color: #F07F43;
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    margin-left: 5px;
    vertical-align: middle;
}
/*.btnFlagComplete {
    background-color: #F07F43;
    border-color: #F07F43;
    border-radius: 3px;
    color: #FFFFFF;
    padding: 4px 8px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 96px;
    height: 28px;
    font-weight: 500 !important;
    cursor: default !important;*/
    /*border: 2px solid #FDC42E;*/
    /*border-style: solid;
}*/
.labelComplete {
    color: #FDC42E;
    margin-left: 5px;
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    vertical-align: middle;
}
/*.btnFlagOverdue {
    background-color: #FC3D39;
    border-color: #FC3D39;
    border-radius: 3px;
    color: #ffffff;
    padding: 4px 8px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 96px;
    height: 28px;
    font-weight: 500 !important;
    cursor: default !important;*/
    /*border: 2px solid #FC3D39;*/
    /*border-style: solid;
}
.btnFlagOverdue {
    height: 15px;*/
   /* position:absolute;*/
    /*width: 15px;
    background-color: #FC3D39;
    border-radius: 50%;
    display: inline-block;
    margin-right: 1px;
}*/
.labelOverdue {
    color: #FC3D39;
    font-family: "gilroy-regular", Verdana, sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    margin-left: 5px;
    vertical-align: middle;
}
.select-selected {
    background-color: #FFFFFF;
    font-size: 13px;
    outline: medium none;
    padding: 8px 27px;
    padding-left: 10px;
    vertical-align: middle;
    min-width: 95pt;
    font-weight: 400;
    text-align: center;
    border: 1px solid #8B939A;
    display: inline-block;
    white-space: nowrap;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3) !important;
    text-align: left;
    color: #5D6977;
    border-radius: 8px !important;
    text-overflow: ellipsis;
    overflow: hidden;
}
    /*style the arrow inside the select element:*/
    .select-selected:after {
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        top: 8px;
        right: 19%;
        width: 9px;
        height: 20px;
        border: 0px;
        position: absolute;
        content: url(/App_Images/dropdown_dash.svg);
    }

    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
    }

.btnViewReport {
    background: #1B838B;
    border: none;
    border-radius: 8px;
    color: #ffffff;
    padding: 4px 8px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 96px;
    height: 32px;
    font-weight: 700 !important;
    cursor: pointer !important;
    /*border-style: solid;*/
}

.btnSubmit {
    background-color: #2F4051;
    /*border-color: #50AE54;*/
    border-radius: 8px;
    color: #ffffff;
    padding: 4px 8px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 96px;
    height: 28px;
    font-weight: 700 !important;
    cursor: pointer !important;
    /*border-style: solid;*/
    border: none !important;
}
.btnPopupforResetPassword {
    font-family: "gilroy-regular", Verdana, sans-serif !important;
    /* color: rgb(51, 51, 51) !important;*/
    font-size: 13px;
    border: 1px solid rgb(51, 51, 51);
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 9px 8px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 96px;
    height: 36px;
    float: left;
    text-align: center;
    cursor: pointer;
    margin: 0 3px;
    font: 700 13.3333px gilroy-regular;
    box-sizing: border-box;
}
/*End*/
/*form IMS Setup screens*/
/*START*/
.deleteButtonIcon {
    padding: 6px 5px !important;
    font-size: 11pt !important;
}

.resizeDateInputValue {
    width: 182px !important;
}

.btnworkrest {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.8 !important;
    box-sizing: border-box;
    background-color: #F4F5F6;
    border: 1px solid #F4F5F6;
    color: #212D38;
    border-radius: 8px;
    padding: 4px 8px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 96px;
    height: 32px;
}

.btnworkactive {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.8 !important;
    box-sizing: border-box;
    background-color: #1b838b;
    border: #1b838b;
    color: #ffffff !important;
    border-radius: 8px;
    padding: 4px 8px;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 96px;
    height: 32px;
}

.btnworkrest:hover {
    background-color: #DDE0E3;
    border-color: #DDE0E3 !important;
    color: #212D38 !important;
    text-decoration: none !important;
    font-size: 13px;
}

.btnworkactive:hover {
    background-color: #22a3af;
    border-color: #22a3af !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 13px;
}
/* START : For Manage Audit Protocol -- Question sections screen */
.dependencyAddRemoveWrapper {
    display: flex;
    align-items: center;
}
.dependencyAddRemoveIcon {
    margin-right: 8px;
    cursor: pointer;
}
.dependencyAdd {
    color: #1B838B !important;
    font-weight: bold;
}
.dependencyRemove {
    color: #BA0914 !important;
    font-weight: bold;
}
.dependencyContentDiv {
    background-color: #FFFFFF;
}
.dependencyReply {
    text-align: center;
    background-color: #F0F0F0;
    border: 1px solid #dfe2e6;
}
.dependencyResponseDiv {
    background-color: #F0F0F0;
    border: 1px solid #dfe2e6;
}
.dependencyResponseHeader {
    background-color: #F1FDFF;
    font-weight: bold;
}
.dependencyResponse {
    display: flex;
    align-items: center;
    height: 36px;
    padding-left: 5px;
}
.dependencyResponseRow {
    display: flex;
    padding: 5px 10px;
    justify-content: space-between;
    align-items: center;
}
.dependencyResponseArrow {
    margin: 0px 10px;
    cursor: pointer;
}
.dependencyResponseItem {
    display: flex;
    align-items: center;
}
.dependencyResponseQuestionCnt {
    text-align: center;
    background-color: #B3ECF1;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    border-radius: 4px;
}
.dependencyResponseAddQuestionbtn {
    display: flex;
    align-items: center;
    color: White;
}
.dependencyResponseAddIcon {
    margin-right: 10px;
}
.dependencyResponsehr {
    background: lightgray;
    height: 0.5px;
    margin: 0px 10px 0px 10px;
}
.dependencyShow {
    display: block;
}
.dependencyHide {
    display: none;
}
.displayCenter {
    display: flex !important;
    align-items: center;
}
.qtnResponseText {
    cursor: pointer;
}
.textResponseTooltip {
    z-index: 1;
    position: absolute;
    padding: 4px 8px;
    border: 1px solid #999;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin-top: 5px;
    right: 120px;
    max-width: 500px;
}
/* END : For Manage Audit Protocol -- Question sections screen */
/* START: For Auto save KPI data - Enter Data screen */
.enterData {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
}
.enterData-freezedHeader {
    width: 100%;
    position: sticky;
    top: 0px;
    background-color: #FFFFFF;
    z-index: 10;
}
.enterData-freezedHeader-filters {
    position: sticky;
    top: 59px;
    background-color: #FFFFFF;
    z-index: 10;
}
.enterData-noMargin {
    margin-bottom: 0px;
}
.enterData .saveLabelWrapper {
    display: none;
    position: fixed;
    right: 25px;
    font-weight: bold;
    background-color: #E4EAFF;
    padding: 3px 10px 3px 5px;
    border-radius: 8px;
}
.enterData .saveLabel {
    display: flex;
    align-items: center;
}
.enterData .saveLabelText {
    margin-left: 5px;
}
.enterData .lastSavedTimeStampWrapper {
    display: none;
    position: fixed;
    right: 25px;
}
.enterData .lastSavedTimeStamp {
    font-weight: bold;
    background-color: #DDE0E3;
    padding: 6px 10px;
    border-radius: 8px;
}
.disabledbg {
    background-color: #DDE0E3;
    color: #8B939A;
}
.disabledbg:focus {
    background-color: #DDE0E3 !important;
}
.viewData-redFlag {
    position:absolute;
}
/* END: For Auto save KPI data - Enter Data screen */
/*END*/