/*
[attribute^=value] { starts with selector }
[attribute$=value] { ends with selector }
[attribute*=value] { contains selector }  new visual studio color #B366FF
Anchor Pseudo-classes
    unvisited link      a:link
    visited link        a:visited
    mouse over link     a:hover
    selected link       a:active
    input:checked, input:disabled, p:empty, input:enabled, p:first-child, p:first-of-type, input:focus, a:hover
    input:in-range, input:invalid, p:lang(it), p:last-child, p:last-of-type, a:link, :not(p), p:nth-child(2)
    p:nth-last-child(2), p:nth-last-of-type(2), p:nth-of-type(2), p:only-of-type, p:only-child, input:optional
    input:out-of-range, input:read-only, input:read-write, input:required, :root, #news:target, input:valid
    a:visited
Pseudo-elements
    p::first-line
    p::first-letter
    p::before
    P::after
    ::marker
    p::selection

cssProgressBar z-index:9999
cssACEContent z-index:9990 (auto completed extender) old value was 9999
cssModalxxxxxx z-index:8000 old value was 99999
cssMsgBoxShow z-index:100
cssAlwaysVisiblexxxxx z-index:1
cssWaterMark z-index:1
divMainHeader z-index:1
    @keyframes myanim {20% {border:1px solid navy;}}
*/


:root {
    --main-bg-color: white;
    --main-txt-color: black;
}
/*border:var(--main-lightgrey-border);*/

body {
    display:table;
    background-color: #F2F4F8;
    margin: 0px;
    height: 100%;
    width: 100%;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    scrollbar-face-color: white;
    overflow: auto;
    cursor: default;
    direction: ltr;
    scrollbar-arrow-color: #567db1;
    scrollbar-darkshadow-color: #6699cc;
    scrollbar-base-color: #d6e8ff;
    scrollbar-highlight-color: #d6e8ff;
    scrollbar-shadow-color: #d6e8ff;
    scrollbar-3dlight-color: #6699cc;
    -ms-scrollbar-arrow-color: #567db1;
    -ms-scrollbar-face-color: white;
    -ms-scrollbar-darkshadow-color: #6699cc;
    -ms-scrollbar-base-color: #d6e8ff;
    -ms-scrollbar-highlight-color: #d6e8ff;
    -ms-scrollbar-shadow-color: #d6e8ff;
    -ms-scrollbar-3dlight-color: #6699cc;
    font-family: futura, helvetica, MS Sans Serif, 'Open Sans', Verdana,Arial, Sans-Serif,'Segoe UI';
}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/*
* {
    -webkit-box-sizing:content-box;
       -moz-box-sizing:content-box;
            box-sizing:content-box;
}
*/

/*scroll bar for google chrome*/
::-webkit-scrollbar {border: 5px solid white;}
::-webkit-scrollbar-button {}
/* Buttons */
::-webkit-scrollbar-button:single-button {background-color:white;display:block;border-style:solid;height:13px;width:16px;}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {border-width: 0 8px 8px 8px;border-color: transparent transparent #AFE0E6 transparent;}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {border-color: transparent transparent blue transparent;}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {border-width: 8px 8px 0 8px;border-color: #AFE0E6 transparent transparent transparent;}
::-webkit-scrollbar-button:vertical:single-button:increment:hover {border-color: blue transparent transparent transparent;}

/* left */
::-webkit-scrollbar-button:single-button:horizontal:decrement {border-width: 8px 8px 8px 0px;border-color: transparent #AFE0E6 transparent transparent;}
::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {border-color: transparent blue transparent transparent;}
/* right */
::-webkit-scrollbar-button:single-button:horizontal:increment {border-width: 8px 0px 8px 8px;border-color: transparent transparent transparent #AFE0E6;}
::-webkit-scrollbar-button:horizontal:single-button:increment:hover {border-color: transparent transparent transparent blue;}

::-webkit-scrollbar-track {background-color: white;border: 0.05em solid aliceblue;}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {background-image: -webkit-linear-gradient(90deg, #d6e8ff 0%, #d6e8ff 25%, transparent 100%, #d6e8ff 75%, transparent)}
::-webkit-scrollbar-thumb:hover {background-image: none;background-color: #AFE0E6;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
::-webkit-scrollbar-corner {}
::-webkit-resizer {}



/*.scroller::-webkit-scrollbar-thumb:vertical:hover {background-color: #000;}
::-webkit-scrollbar:hover{border: 5px solid cyan;}
*/

html {
    height:100%;
    font-family: "Lucida Sans", sans-serif;
    -ms-scrollbar-arrow-color: #567db1;
    -ms-scrollbar-face-color: white;
    -ms-scrollbar-darkshadow-color: #6699cc;
    -ms-scrollbar-base-color: #d6e8ff;
    -ms-scrollbar-highlight-color: #d6e8ff;
    -ms-scrollbar-shadow-color: #d6e8ff;
    -ms-scrollbar-3dlight-color: #6699cc;
}

.cssProgressBar {
    display: block;
    visibility: visible;
    position:fixed;
    z-index:9999;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    background-color: white;
    vertical-align: bottom;
    filter: alpha(opacity=75);
    opacity: 0.75;
    background-image: url(../Graphics/Gifs/PleaseWait.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:center;
    overflow: hidden;
}



/* Container holding the image and the text */
.cssCenterContainer {position:relative;text-align: center;}
/* Bottom left text */
.cssBottom-Left {position:absolute;bottom: 8px;left: 16px;}
/* Top left text */
.cssTop-Left {position:absolute;top: 8px;left: 16px;}
/* Top right text */
.cssTop-Right {position:absolute;top: 8px;right: 16px;}
/* Bottom right text */
.cssBottom-Right {position:absolute;bottom: 8px;right: 16px;}
/* Centered text */
.cssCentered {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/* START all divisions style */
.cssDivScreenCenter {
    position:fixed;
    top:50%;
    left:50%;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
}
/* always visible 
    <div id="topLeft">
        Top Left
    </div>
    <div id="topRight">
        Top Right
    </div>
    <div id="bottomLeft">
        Bottom Left
    </div>
    <div id="bottomRight">
        Bottom Right
    </div>
*/
.VisibleDiv, #topLeft, #topRight, #bottomLeft, #bottomRight {position:fixed; border: solid 1px #e1e1e1; vertical-align: middle; text-align: center; }
#topLeft { top: 0px; left: 0px; }
#topRight { top: 0px; right: 0px; }
#bottomLeft { bottom: 0px; left: 0px; }
#bottomRight { bottom: 0px; right: 0px; }


/* start - used in  mwfStdDoc.master.vb */
.cssAlwaysVisibleTopRight {z-index:1;margin:auto;box-sizing:border-box;position:fixed;top:55px;right:0;border-width: 1px 1px 1px;border-style: solid;border-radius:10px;border-color:lightblue;padding: 2px 5px 2px 5px;background-color:whitesmoke;}
.cssAlwaysVisibleBottomRight {z-index:1;position:fixed;color:DarkBlue;background-color:White;border-color:DarkBlue;border-width:2px;border-style:Solid;border-radius:10px;vertical-align: middle; text-align: center; bottom:12px; right:10px; padding: 5px 5px 5px 5px;}
.cssAlwaysVisibleBottomCenter {z-index:1;box-sizing:border-box;position:fixed;bottom:0;width:100%;text-align:center;}
.cssAVBCContainer {display:inline-block;position:relative;text-align: center;min-width: 25%;border-width:1px 1px 1px;border-style:solid;border-radius:10px;border-color:green;padding: 2px 5px 2px 5px;background-color:darkseagreen;}
.cssAlwaysVisibleFullBottom {z-index:1;box-sizing:border-box;position:fixed;width:100%;left:0;bottom:0;border-width:1px;border-style:solid;border-radius:10px;border-color:lightblue;padding: 0px 0px 0px 0px;background-color:whitesmoke;}





/* START table styles */
table {cursor: default;}
th {font-size: 11.5px; padding:1px; font-weight: bold; text-align: center;}
td {font-size: 11.5px; padding:1px; font-weight: normal;}
table.cssTblTrim {cursor: default;border-spacing: 0px;border-collapse: collapse; /* 'cellspacing' equivalent */}
table.cssTblTrim tr th {padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;font-size: 11px;font-weight: bold;}
table.cssTblTrim tr td {padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;font-size: 11px;}

.cssTblCellSpac2pxPad2px {border-collapse: separate;border-spacing:2px;padding:2px;}
.cssTblCellSpac5pxPad5px {border-collapse: separate;border-spacing:5px;padding:5px;}
.cssTblCellSpac0pxPad0px {border-collapse: collapse; border-spacing: 0;padding:0px;}


.cssTblBorder {width: 100%;text-align: left;vertical-align: middle;padding: 2px 2px 2px 2px;background: rgb(249, 249, 249);border-width: 5px 1px 1px;
    border-style: solid;border-color: rgb(132, 182, 232) rgb(197, 206, 214) rgb(197, 206, 214);border-radius:10px;
    column-span: 14; /* W3C */
    -webkit-column-span: 14; /* Safari & Chrome */
    -moz-column-span: 14; /* Firefox */
    -ms-column-span: 14; /* Internet Explorer */
    -o-column-span: 14; /* Opera */
}
.cssTDHdgSz15 {background: url(../Graphics/Pngs/white-shadow.png) repeat-x left bottom;padding: 0px 0px 10px 5px;color: rgb(18, 51, 84);text-transform: uppercase;font-size: 15px;font-weight: bold;}
/* END table styles */



.cssBG-Paper {background-image: url(../Graphics/Gifs/paper.gif);background-position:left top;background-repeat: repeat;}
.cssBG-Box {background-image: url(../Graphics/Jpgs/BGBox.jpg);background-position:left top;background-repeat: repeat;}
.cssBG-Marble {background-image: url(../Graphics/Jpgs/BGMarble.jpg);background-position:left top;background-repeat: repeat;}
.cssBG-Square {background-image: url(../Graphics/Jpgs/BGSquare.jpg);background-position:left top;background-repeat: repeat;}
.cssBG-Triangle {background-image: url(../Graphics/Jpgs/BGTriangle.jpg);background-position:left top;background-repeat: repeat;}
.cssBG-ZigZag {background-image: url(../Graphics/Jpgs/BGZigZag.jpg);background-position:left top;background-repeat: repeat;}
.cssBG-BrownMarbleJpg {background-image: url(../Graphics/Jpgs/BG-BrownMarble.jpg);background-position:left top;background-repeat: repeat;}
.cssBG-BrownMarblePng {background-image: url(../Graphics/Pngs/BG-BrownMarble.png);background-position:left top;background-repeat: repeat;}
.cssBG-ShadowHori {background-image: url(../Graphics/Jpgs/ShadowHori.jpg);background-position: left top;background-repeat: repeat;}
.cssBG-ShadowBlueStone {background-image: url(../Graphics/Gifs/ShadowBlueStone.gif);background-position: left top;background-repeat: repeat;}
.cssBG-ShadowLight {background-image: url(../Graphics/Gifs/ShadowLight.gif);background-position: left top;background-repeat: repeat;}
.cssBG-ShadowSky {background-image: url(../Graphics/Jpgs/ShadowSky.jpg);background-position: left top;background-repeat: repeat;}
.cssBG-bg-edit {background-image: url(../Graphics/Jpgs/bg-edit.jpg);background-position: left top;background-repeat: repeat;}



.cssNoMrgnBodyWrap {border-width: 1px 1px 1px; border-style: solid; border-radius:10px; border-color:lightsteelblue; padding: 0px 5px 0px 5px; }
.cssBodyWrapWhite {border-width: 1px 1px 1px;border-style: solid;border-radius:10px;border-color: white;padding: 5px 5px 5px 5px;background: white;}
.cssBodyWrapNoBdrClr {border-radius: 10px;padding: 5px 5px 5px 5px;}

.cssBodyWrapStd, .cssBodyWrap, .cssBodyBlueStoneWrap, .cssBodySkyWrap, .cssBodyLightWrap, .cssBodyLoginWrap, .cssBodyStRptWrap {
    border-width:1px;
    border-style:solid;
    border-radius:10px;
    border-color:lightsteelblue;
    padding: 2px 5px 2px 5px;
}
.cssBodyTopWrap{border-top-style:solid;border-top-width:1px;border-top-color:lightsteelblue;border-top-left-radius:10px;border-top-right-radius:10px;}
.cssBodyBottomWrap{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:lightsteelblue;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.cssBodyStRptWrap {cursor: default;width:100%;background-color: #00ff00;z-index: 1;position: fixed;left: 0;bottom:10px; padding:10px 10px 10px 10px;}

.cssBodyWrapStd {background-color:aliceblue;}
/*element in this div can not select thru mouse */
.cssBodyNoSelect {-webkit-user-select: none; /* Safari 3.1+ */-moz-user-select: none; /* Firefox 2+ */-ms-user-select: none; /* IE 10+ */user-select: none; /* Standard syntax */}
.cssBodyGlowWrap {padding: 5px 5px 5px 5px;}
.cssBodyGlowWrap {background-image: url(../Graphics/Jpgs/ShadowHori.jpg);background-repeat: repeat;}
.cssBodyBlueStoneWrap {background-image:url(../Graphics/Gifs/ShadowBlueStone.gif); background-repeat:repeat;}
.cssBodyLightWrap {background-image:url(../Graphics/Gifs/ShadowLight.gif); background-repeat:repeat;}
.cssBodyLoginWrap {background-image: url(../Graphics/Jpgs/bg-edit.jpg); background-repeat:no-repeat; }
.cssBodySkyWrap { box-sizing:content-box; background-image:url(../Graphics/Jpgs/ShadowSky.jpg); background-repeat:repeat;border-collapse: separate;border-spacing: 10px; /* cellspacing */ *border-collapse: expression('separate', cellSpacing = '10px'); padding: 10px; }
.cssDivOnFocusHightlight:hover {box-shadow: 0px 1px 25px 0px rgba(0,0,0,0.2);}

.cssDivRecBtnBar {background-color:aliceblue;border-color: #AFE0E6;}
.cssDivRecBtnBar:hover {background-color: #AFE0E6;border-color: #AFE0E6;}


.cssPnlFltrContainer {
        max-height: 65vh;
        overflow-y: auto;
    }
.cssRptPnlHdr {position:relative;text-align:center;height:18px;cursor:pointer;vertical-align:middle;font-size:medium;}


div {font-size: 11.5px;}

/*division horizontal */
.cssDiv0Hori {display: inline-block;padding-left:  0px;vertical-align: middle; text-align:left;}
.cssDv10Hori {display: inline-block;padding-left: 10px;vertical-align: middle; text-align:left;}
.cssDv15Hori {display: inline-block;padding-left: 15px;vertical-align: middle; text-align:left;}
.cssDiv0Hori:after, .cssDv10Hori:after, .cssDv15Hori:after {content: "";display: table;clear: both;}

/*division horizontal top */
.cssDv0HrTop {display: inline-block;padding-left:  0px;vertical-align: middle; text-align:left; vertical-align:top;}
.cssDv5HrTop {display: inline-block;padding-left:  5px;vertical-align: middle; text-align:left; vertical-align:top;}
.cssDv10HrTop {display: inline-block;padding-left: 10px;vertical-align: middle; text-align:left;vertical-align:top;}
.cssDv15HrTop {display: inline-block;padding-left: 15px;vertical-align: middle; text-align:left;vertical-align:top;}
.cssDv0HrTop:after, .cssDv10HrTop:after, .cssDv15HrTop:after {clear: both;}
/* content: "";display: table; END all division styles*/



/* START all rows and columns style */
.cssRw {margin:auto;box-sizing:border-box;width:100%;}
.cssRw:after {content:"";display:table;clear:both;}


/* For desktop: box-sizing:border-box; display: table-cell */
[class*="cssClm-md-"] {float:left;display: inline-block;padding-right:5px;box-sizing:border-box;}
.cssClm-md-Pt50 {width:4.166666666666667%;}
.cssClm-md-1 {width:8.333333333333332%;}
.cssClm-md-2 {width:16.666666666666664%;}
.cssClm-md-3 {width:25%;}
.cssClm-md-4 {width:33.33333333333333%;}
.cssClm-md-5 {width:41.66666666666667%;}
.cssClm-md-6 {width:50%;}
.cssClm-md-7 {width:58.333333333333336%;}
.cssClm-md-8 {width:66.66666666666666%;}
.cssClm-md-9 {width:75%;}
.cssClm-md-10 {width:83.33333333333334%;}
.cssClm-md-11 {width:91.66666666666666%;}
.cssClm-md-12 {width:100%;}

/* For mobile phones: */
@media only screen and (max-width: 500px) {[class*="cssClm-md-"] {float: none;display: block;width: 100%;}}
/* END all rows and columns style */

/* If an element is taller than the element containing it, and it is floated, it will overflow outside of its container. */
.clearfix {overflow: auto;}
/* The overflow:auto clearfix works well as long as you are able to keep control of your margins and padding (else you might see scrollbars). The new, modern clearfix hack however, is safer to use, and the following code is used for most webpages: */
.clearfix::after {content: "";clear: both;display: table;}


.cssRndBdr {text-align: center;text-decoration: none;display: inline-block;border-width: 2px;padding:2px;border-style: solid;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-color: transparent;background-color: transparent;}
.cssRndBdr:hover {cursor:pointer;border-color:aliceblue;background-color:aliceblue;}



/* START Common styles */
.cssBlock {display:block;}
.cssXLrgHdg{font-size:x-large;color:#545454; font-weight:bold;}
.cssLgrHdg {font-size:larger;color:#545454; font-weight:bold;}
.cssLrgHdg {font-size:large;color:#545454; font-weight:bold;}
.cssMdmHdg {font-size:medium;color:#545454; font-weight:bold;}
.cssSmlHdg {font-size:small;color:#545454; font-weight:bold;}
.cssMrgnBtm2px {margin-bottom:2px!important;}
.cssMrgnBtm3px {margin-bottom:3px!important;}
.cssMrgnBtm4px {margin-bottom:4px!important;}
.cssMrgnBtm5px {margin-bottom:5px!important;}
.cssSearchHighlight {font-weight:bold; background-Color:Yellow;}
.cssClrRed {color:red;}
.cssClrOrngRed {color:orangered;}
.cssClrMaroon {color:maroon;}
.cssClrGreen {color:green;}
.cssClrLwnGreen {color:lawngreen;}
.cssClrLightGray {color:lightgray;}
.cssClrGray {color:gray;}
.cssWid25Per {width:25%!important;}
.cssWid50Per {width:50%!important;}
.cssWid75Per {width:75%!important;}
.cssWid99Per {width:99%!important;}
.cssWid100Per {width:100%!important;}
.cssWidth100 { width:100px; }
.cssWidth125 { width:125px; }
.cssWidth150 { width:150px; }
.cssBoldOn { font-weight:bold; }
.cssVisibleOff { display:none; visibility:hidden; }
.cssVisibleOn {visibility:visible;}
.cssTxtRight {text-align:right;}
.cssTxtLeft {text-align: left;}

.cssBlink {animation: blinkingText 0.8s infinite;}
@keyframes blinkingText {0% {color: #000;}49% {color: transparent;}50% {color: transparent;}99% {color: transparent;}100% {color: #000;}}
.cssFlash {animation: blinker 1s linear infinite;}
@keyframes blinker {50% {opacity: 0;}}

.cssOpen {text-decoration:underline;}
.cssOpen:hover {cursor: pointer;-ms-transform: scale(1.2,1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);}
.cssMandatory::before {content:"•";color:red;font-size:16px;}
.cssMandatory:hover::before {content:"•";color:darkred;font-size:16px;}
.cssEMail::after {content:"📧";color:black;vertical-align:middle;}
.cssMobile::after {content:"📲";color:black;vertical-align:middle;}
.cssFind::after {content:"🔎";color:black;vertical-align:middle;}
.cssDate::after {content: "📅";color: black;vertical-align: middle;}
.cssNew::before {content:"🆕";color:red;font-size:medium;vertical-align: middle;}
.cssNew:hover::before {content:"🆕";color:red;font-size:medium;vertical-align: middle;}

/*.cssRArrow::before {content: "➨";color:black;}*/
.cssRArrow:hover::after {content: " » ";color:black;border:none;}


/* used in checkbox list selection */
.cssFltrLst {border-width:1px 1px 1px;border-style:solid;border-radius:10px;border-color:lightsteelblue;padding: 5px 5px 5px 5px;height:375px;max-width:500px;width:99%;overflow:auto;}
/* END Common styles */






/*-START grid view control */
table.cssGrdVw {
    box-sizing: border-box;
    width: 99.99%;
    padding: 5px 1px 5px 1px;
    border:1px solid lightgray;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.cssGrdVw caption {font-size: 16px;font-weight: bold;background-color:white;color: black;border: 3px solid whitesmoke;border-radius:10px;}
.cssGrdVw caption:hover {border: 3px solid whitesmoke;}
.cssGrdVw th {padding: 5px 1px 5px 1px;text-align:center; vertical-align:middle; font-weight:bold;border-color:lightgray;}
.cssGrdVw td {padding:  1px 1px 1px 1px; vertical-align:middle; border-color:lightgray;}
.cssGrdVw tr.cssGrdHdr {min-height: 25px;vertical-align: middle;text-align: center;}

.cssGrdHdr a { font-size:11.5px; font-weight:normal; color: #545454;}
.cssGrdHdr a:hover {color: black;}
.cssGrdHdr th {background-color:floralwhite; font-size:11.5px; font-weight:normal; color: #545454;}
.cssGrdHdr th:hover {background-color:blanchedalmond;}
/*#FDF4EA;*/

.cssGrdHdr a:link {cursor: pointer; }
.cssGrdHdr a:link:hover {text-decoration: underline;}
.cssGrdHdr a:link:hover::before {content: "☛";}

.cssGrdSortAsc { color:navy}
.cssGrdSortAsc a:link {color:navy;}
.cssGrdSortAsc a:link::after { content: "▼";}
.cssGrdSortAsc a:link:hover::after { content: "▲";}

.cssGrdSortDes { color:maroon; }
.cssGrdSortDes a:link { color:maroon;}
.cssGrdSortDes a:link::after { content: "▲"; }
.cssGrdSortDes a:link:hover::after { content: "▼";}


.cssGrdVw tr.cssGrdNormalRw { color:#333333;background-color: #F7F6F3;}
.cssGrdVw tr.cssGrdAltrRw { color: #284775;background-color:white;}
.cssGrdVw tr.cssGrdNewRecord { color: Blue;}
.cssGrdVw tr.cssGrdSelectedRow {background-color:tan;}
.cssGrdVw tr.cssGrdSelectedRow span {font-weight:unset;}


.cssGrdVw tr.cssGrdFWklyOff { color:#333333;background-color: #ddffdd;}
.cssGrdVw tr.cssGrdSWklyOff { color:#333333;background-color: #b9ffb9;}
.cssGrdVw tr.cssGrdGeneralHoliday { color:#333333;background-color: #ffd7ff;}
.cssGrdVw tr.cssGrdRestrictedHoliday { color:#333333;background-color: #ffebcc; }
.cssGrdVw tr.cssGrdVacationHoliday { color:#333333;background-color:#fff9dd;}

.cssGrdVw tr.cssGrdGreen { color:#333333;background-color:hsla(120,100%,50%,0.3);}
.cssGrdVw tr.cssGrdYellow { color:#333333;background-color:lightyellow}
.cssGrdVw tr.cssGrdRed { color:#333333;background-color:lightcoral}

.cssGrdVw tr.cssGrdPending { color:Red;}
.cssGrdVw tr.cssGrdPartialPending { color:darkorange; }
.cssGrdVw tr.cssGrdMaroon { color:Maroon; }


.cssGrdVw tr.cssGrdNormalRw:hover, tr.cssGrdAltrRw:hover, tr.cssGrdNewRecord:hover,
tr.cssGrdFWklyOff:hover, tr.cssGrdSWklyOff:hover, tr.cssGrdGeneralHoliday:hover, tr.cssGrdRestrictedHoliday:hover,
tr.cssGrdVacationHoliday:hover, tr.cssGrdPending:hover, tr.cssGrdPartialPending:hover, tr.cssGrdMaroon:hover {background-color:#FFD78A;}

.cssGrd-Empty {color:red;font-size:14px;font-weight:bold;}


.cssGrd-Paging {background-color:whitesmoke;padding:5px 5px 5px 5px;border: 1px solid whitesmoke;border-radius:10px;}
.cssGrd-Paging:hover { background-color:ghostwhite; }
.cssGrd-Paging a {background-color: #E3C3F6; color:Navy;padding: 1px 10px;}
.cssGrd-Paging a:hover {background-color: #ea80fc;color:Black;}
.cssGrd-Paging span {background-color:#f9f9f9;color: Black; padding: 1px 10px; }
/*
.cssGrd-Paging a.active {background-color: #4CAF50;color: white;}
.cssGrd-Paging a:hover:not(.active) {background-color: #ddd;}
*/

/* zoom effect of grid row,alternaterow, pager image buttons 


.cssGrdNormalRw input[type="image"], .cssGrdAltrRw input[type="image"], .cssGrd-Paging input[type="image"] 
    { border-width:0px; height:15px; width:15px; min-height:15px; min-width:15px; max-height:15px; max-width:15px;
      -moz-transition:-moz-transform 0.5s ease-in; -webkit-transition:-webkit-transform 0.5s ease-in; -o-transition:-o-transform 0.5s ease-in;}
.cssGrdNormalRw input[type="image"]:hover, .cssGrdAltrRw input[type="image"]:hover, .cssGrd-Paging input[type="image"]:hover 
{ -ms-transform: scale(1.5,1.5); -moz-transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); }
*/

.cssGridViewFixedHeader {font-weight:bold; position:absolute; background-color: #006699; color: #ffffff; height: 25px; top: expression(Sys.UI.DomElement.getBounds(document.getElementById("divScrollBar")).y-25);}
/*-END grid view control */




/* upload button*/
.cssUpLoad {cursor:pointer;background-color:aliceblue;border-width:1px;border-style:solid;border-radius:10px;border-color:lightsteelblue;color:blue;padding: 5px 5px 5px 5px;text-align:left;text-decoration:none;display:inline-block;font-size:16px;width:99%;}
.cssSmlUpLd {width:99%;font-size:smaller;background-color:cornsilk;cursor:pointer;}


/* link button */
a.cssLnkItl {font-size:12px;font-style:italic;color:black!Important;}
a.cssLnkItl:hover {color:blue!Important;text-decoration:underline;}

a.cssLnkStd {font-size: 12px;color: #545454!Important;}
a.cssLnkStd:hover {color:blue!Important;text-decoration:underline;cursor:pointer;}

a.cssLnkMnuItm {color:#545454;Font-size:medium;vertical-align:middle;text-decoration:none;padding:5px;border-radius:10px;}
a.cssLnkMnuItm:hover {background-color:lightgoldenrodyellow;color:Black;}

/* label */
/*do not uncomment it, if we make it uncomment then in a/c ledger quick view all unadjust amt color will not work properly
span {padding: 0px 5px 0px 0px; color: rgb(76, 76, 76); font-size: 11px; font-weight:normal; }
*/

span {font-size:11.5px; font-weight:normal}

span.ms-crm-ReadOnly {border-bottom-color: #c5c5c5; background-color: #eaf3ff; border-top-color: #c5c5c5; color: #000000; border-right-color: #c5c5c5; border-left-color: #c5c5c5}
span.cssLblNum75px { display:inline-block; text-align:right; width:75px; font-size: 11px; }
span.cssLblNum85px { display:inline-block; text-align:right; width:85px; font-size: 11px; }
span.cssLblNumSmlrSz { display:inline-block; font-size:smaller; text-align:right; font-size: 11px; }

span.cssLblNoSz { display:inline-block; font-size: 11px; }
span.cssLblSz125 { display:inline-block; width:125px; font-size: 11px; }
span.cssLblSz150 { display:inline-block; width:150px; font-size: 11px; }
span.cssLblSz175 { display:inline-block; width:175px; font-size: 11px; }
span.cssLblOnlyBold { display:inline-block; font-weight:bold; font-size: 11px; }
span.cssLblBoldSzMd { display:inline-block; font-weight:bold; font-size:medium; }

.cssLblRecInfo {font-size:xx-small;font-style:italic;color:darkslategrey;}
.cssLblSrsInfo {font-size:8px;font-style:italic;color:darkslategrey;}

.cssMdmTot150 {font-size: medium;width: 150px;font-weight: bold;}




/* checkbox iphone style on/off */
.cssCBxBtn {position:relative;display:inline-block;width:40px;height:22px;vertical-align:middle;}
.cssCBxBtn input[type="checkbox"] { opacity: 0;width: 0;height: 0;}
.cssCBxSlidr {position:absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .2s;transition: .2s;}
.cssCBxSlidr:before {position:absolute;content: "";height: 18px;width: 18px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .2s;transition: .2s;}
.cssCBxBtn input[type="checkbox"]:checked + .cssCBxSlidr {background-color: #00F200;}
.cssCBxBtn input[type="checkbox"]:focus + .cssCBxSlidr {box-shadow: 0 0 1px #00F200;}
.cssCBxBtn input[type="checkbox"]:checked + .cssCBxSlidr:before {-webkit-transform: translateX(18px);-ms-transform: translateX(18px);transform: translateX(18px);}
/* Rounded cssCBxSlidrs */
.cssCBxSlidr.cssCBxRnd {border-radius: 22px;}
.cssCBxSlidr.cssCBxRnd:before {border-radius: 50%;}


/* START checkbox control */
input[type="checkbox"] {cursor:auto;}
input[type="checkbox"]:checked { background-color:Green; }
input[type="checkbox"]:focus { background-color:#ffeadf; }
input[type="checkbox"]:hover { color:Blue; cursor:pointer; cursor:pointer; box-shadow: 0 0 2px lightgray; background-color:floralwhite; }
input[type="checkbox"][disabled] {background-color:#F4F4F4;color: #000000 !important;cursor: not-allowed;border-color:lightgray!important;}

input[type="checkbox"] + label { border: inherit; color: #000000; font-size: 11px; cursor:auto; }
input[type="checkbox"]:checked + label {color:Green;}
input[type="checkbox"]:focus+ label { background-color:#ffeadf; }
input[type="checkbox"]:hover + label { color:Blue; cursor:pointer; cursor:pointer; box-shadow: 0 0 2px lightgray; background-color:floralwhite; }
input[type="checkbox"][disabled] + label {background-color:#F4F4F4;color: #000000 !important;cursor: not-allowed;border-color:lightgray!important;}
/* END checkbox control */


/* START text box control */
input[type="text"] {border:1px solid lightgray;color:#545454;font-size: 11.5px;cursor:auto;height:20px;}
input[type="text"]:focus {background-color:#ffeadf;color:Black;border:1px solid gray!important;}
input[type="text"]:hover {border-width:1px;border-color:lightgray;box-shadow: 0 0 2px lightgray; background-color:floralwhite; color:Black; }
input[type="text"][readonly="readonly"] {background-color:aliceblue;color:black;}
input[type="text"][readonly="readonly"]:focus {background-color:LightGray;}
input[type="text"][readonly="readonly"]:hover {background-color:LightGray;}
input[type="text"][disabled] {background-color:#F4F4F4;color: #000000 !important;cursor: not-allowed;border-color:lightgray!important;}
/* text box control DateTime */
input.cssTBxDtTm { min-width:115px; }
/* text box control record info*/
input.cssTBxRecInfo {font-size:xx-small;font-style: italic;background-color: whitesmoke!important;}
/* text box control Numeric width 25px fontsize smaller */
input.cssTBxNum35Smlr { text-align:right; max-width:35px; font-size:smaller; }
/* text box control Numeric width 55px fontsize smaller */
input.cssTBxNum55Smlr { text-align:right; max-width:55px; font-size:smaller; }
input[value="0"].cssTBxNum55Smlr { font-size: smaller; color:Blue;}
input[value="0.00"].cssTBxNum55Smlr { font-size: smaller; color:Blue; }
/* text box control Numeric width 75px */
input.cssTBxNum75px { text-align:right; max-width:75px; font-size: 12px; }
input[value="0"].cssTBxNum75px { font-size: 11px; color:Blue;}
input[value="0.00"].cssTBxNum75px { font-size: 11px; color:Blue; }
/* text box control Numeric width 85px */
input.cssTBxNum85px { text-align:right; max-width:85px; font-size: 12.5px; }
input[value="0"].cssTBxNum85px { font-size: 11px; color:Blue; }
input[value="0.00"].cssTBxNum85px { font-size: 11px; color:Blue; }
input[type="text"][readonly="readonly"].cssRecAprvLvl { background-color: #FF2B2B; color:Black; }
input[type="text"][readonly="readonly"][value="0"].cssRecAprvLvl {background-color:aliceblue;color:black;}
input[type="text"]:not([value*=" "]).cssStrMandatory { background-color:tomato;color:Black;}
/* END text box control */




/* START text box PASSWORD */
input[type="password"] { border:1px solid lightgray; color:rgb(0,0,0); font-size: 11.5px; cursor:auto; height:20px; }
input[type="password"]:focus {background-color:#ffeadf;color:Black;border:1px solid gray!important;}
input[type="password"]:hover {border-width:1px;border-color:lightgray;box-shadow: 0 0 2px lightgray; background-color:floralwhite; color:Black; }
input[type="password"][readonly="readonly"] {background-color:floralwhite;color:#333333!important;}
input[type="password"][readonly="readonly"]:focus {background-color:LightGray;}
input[type="password"][readonly="readonly"]:hover {background-color:LightGray;}
input[type="password"][disabled] {background-color:mintcream!important;color: #000000 !important;cursor: not-allowed;border-color:lightgray!important;}
/* END text box PASSWORD */



/* dropdownlist control .selectedItem {background-color: #a7cdf0}
select a {background-color: #E3C3F6; color:Navy; padding: 1px 10px; border: 1px solid Black;}
select:selectedItem {border-bottom: #6893cf 1px solid; border-left: #6893cf 1px solid; border-top: #6893cf 1px solid; border-right: #6893cf 1px solid}
option[selected="selected"] {
border-bottom: #6893cf 1px solid; border-left: #6893cf 1px solid; border-top: #6893cf 1px solid; border-right: #6893cf 1px solid
} */

/* dropdownlist */
select {border:1px solid lightgray;color: #545454;font-size: 11.5px; height:21px;}
select:focus {background-color:#ffeadf;color:Black;border:1px solid gray!important;}
select:hover {border-width:1px;border-color:lightgray;box-shadow: 0 0 2px lightgray; color:Black; background-color:floralwhite; cursor:pointer; }
select[disabled] {background-color:#f9f9f9;color:#000000!important;cursor:not-allowed;}
select[disabled]:hover {background-color:LightGray;}

/* common for dropdown and listbox and checkboxlist */
option {font-size: 12.5px; border-radius:10px;}
option:hover {padding: 0px 2px 0px 2px;text-decoration:underline;display: block;text-align: left;color:black;background-color:#FFD78A;border-radius: 10px;} 
option:hover::after {content: " » ";color:black;border-width:1px;border:none;}

.cssCmbQuery {font-size:large;width:99%;height:25px;padding:2px;}
.cssCmbQuery option {font-size:large; }
.cssCmbQuery option:hover {font-size:large; }

.cssCmbSz550px { width:550px; }
.cssCmbSz500px { width:500px; }







/* button control */
/* General button */
input.cssBtnGen, input[type="button"], input[type="submit"] {
    color: black;
    background-color: white;
    font-size: 11px;
    cursor: pointer;
    height: 25px;
    vertical-align: middle;
    border: 1px solid gray;
    border-radius:10px;
    -moz-transition: -moz-transform 0.5s ease-in;
    -webkit-transition: -webkit-transform 0.5s ease-in;
    -o-transition: -o-transform 0.5s ease-in;
}

input.cssBtnGen:hover, input[type="button"]:hover, input[type="submit"]:hover,
input.cssBtnGen:focus, input[type="button"]:focus, input[type="submit"]:focus {
        background-color:wheat;
        color: black;
        text-decoration: underline;
    }
input.cssBtnGen:hover:enabled, input[type="button"]:hover:enabled, input[type="submit"]:hover:enabled {
    -ms-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}
input.cssBtnGen:active, input[type="button"]:active, input[type="submit"]:active 
    {color:white; text-decoration:underline;background-color:midnightblue; border-color:midnightblue;}
input.cssBtnGen[disabled], input[type="button"][disabled], input[type="submit"][disabled]
    {cursor: not-allowed; color: LightGray; background-color:transparent; text-decoration:inherit; font-weight:normal;}

input.cssBtnStd {min-width:80px;}
input.cssBtnDanger {min-width:80px;color:red;}
input.cssBtnDanger:enabled:hover {color:white;background-color:red;border-color:darkred;}
input.cssBtnCancel {min-width:125px;color:black;background-color:darksalmon; font-size:medium;font-weight:bold;}
input.cssBtnCancel:hover:enabled {color:white;background-color:red;border-color:red;}
input.cssBtnBack {min-width:125px;color:black;background-color:lightcoral;}
input.cssBtnBack:hover:enabled {color:white;background-color:red;border:none;}
input.cssBtnApprove {min-width:75px; color:blue;}
input.cssBtnRevert {min-width:75px; color:red;}


/* QuickLink button */
input[type="submit"].cssBtnQLnk {
    width: 150px;
    height: 25px;
    filter: Alpha(opacity=80); /* IE8 and earlier */
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    transform: rotate(5deg);
}





/* image control    */
input[type="image"] {cursor: auto;}
input[type="image"][disabled] { filter: alpha(opacity=30); opacity: .30; cursor: not-allowed; }


.cssIMBReco {background-image: url(" data:image/png;base64,CjxpbWcgc3R5bGU9IndpZHRoOiAxMDAlOyBoZWlnaHQ6IGF1dG87IGZsb2F0OiBsZWZ0O2JhY2tncm91bmQtaW1hZ2U6IG5vbmU7IiBzcmM9Ii8vY2RuLm9ubGluZXdlYmZvbnRzLmNvbS9zdmcvaW1nXzEwMjMzNi5wbmciIGFsdD0iVGlsZSBJbnRlcm5hbCBSZWNvbmNpbGlhdGlvbiI+CiAg");}
.cssIMBRefresh {background-image: url(../Graphics/Pngs/Refresh.png);}
.cssIMBFind15x15 {background-image:url(../Graphics/Bitmaps/LOCATE.BMP);}
.cssIMBInertLn15x15 {background-image:url(../Graphics/Pngs/InsertLine.png);}
.cssIMBEdit15x15 {background-image: url(../Graphics/Pngs/Edit16x16.png);}
.cssIMBBOM15X15 {background-image: url(../Graphics/Jpgs/BillOfMaterial.jpg);}
.cssIMBMould15X15 {background-image: url(../Graphics/Jpgs/Mould.jpg);}
.cssIMBDeleteLn15x15 {background-image: url(../Graphics/Pngs/Delete16x16.png);}
.cssIMBOpen15x15 {background-image:url(../Graphics/Pngs/Open16x16.png);}
.cssIMBExp2Xls15x15 {background-image:url(../Graphics/Pngs/download.png);}
.cssIMBImport15x15 {background-image:url(../Graphics/Pngs/Import.png);}
.cssIMBBarChart15x15 {background-image: url(../Graphics/Icons/BarChart.ICO);}
.cssIMBPieChart15x15 {background-image: url(../Graphics/Pngs/PieChart.png);}
.cssIMBGo15x15 {background-image: url(../Graphics/Gifs/GO.gif);}
.cssIMBCollapseRight15x15 {background-image:url(../Graphics/Gifs/collapse_right.gif);}
.cssIMBExpand15x15 {background-image:url(../Graphics/Gifs/Expand.gif);}
.cssIMBCollapse15x15 {background-image:url(../Graphics/Gifs/Collapse.gif);}
.cssIMBCopy15x15 {background-image:url(../Graphics/Pngs/Copy.png);}
.cssIMBHistory15x15 {background-image:url(../Graphics/Pngs/History.png);}
.cssIMBDaily15x15 {background-image:url(../Graphics/Pngs/Daily.png);}
.cssIMBCalandar15x15 {background-image:url(../Graphics/Gifs/Cal.gif);}
.cssIMBDetail15x15 {background-image:url(../Graphics/Pngs/Details.png);}
.cssIMBMove15x15 {background-image:url(../Graphics/Pngs/Move.png);}
.cssIMBFilter15x15 {background-image:url(../Graphics/Pngs/Filter.png);}
.cssIMBSetup15x15 {background-image:url(../Graphics/Pngs/Settings.png);}
.cssIMBCancel15x15 {background-image:url(../Graphics/Pngs/Cancel.png);}
.cssIMBFeedBack15x15 {background-image:url(../Graphics/Pngs/FeedBackURL.png);}

.cssIMBSMSLog24x24 {background-image:url(../Graphics/Pngs/SMSLog.png);}


/* button zoom 15x15 */
.cssIMBRefresh,
.cssIMBFind15x15,
.cssIMB15x15,
.cssIMBInertLn15x15,
.cssIMBEdit15x15,
.cssIMBBOM15X15,
.cssIMBMould15X15,
.cssIMBDeleteLn15x15,
.cssIMBOpen15x15,
.cssIMBExp2Xls15x15,
.cssIMBImport15x15,
.cssIMBBarChart15x15,
.cssIMBPieChart15x15,
.cssIMBGo15x15,
.cssIMBCollapseRight15x15,
.cssIMBExpand15x15,
.cssIMBCollapse15x15,
.cssIMBCopy15x15,
.cssIMBHistory15x15,
.cssIMBDaily15x15,
.cssIMBCalandar15x15,
.cssIMBDetail15x15,
.cssIMBMove15x15,
.cssIMBFilter15x15,
.cssIMBSetup15x15,
.cssIMBCancel15x15,
.cssIMBFeedBack15x15,
.cssGrdVw input[type="image"],
.cssGrd-Paging input[type="image"] {
    min-height: 16px;
    min-width: 16px;
    max-height: 16px;
    max-width: 16px;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    background-position:left center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: cover;
    background-attachment: inherit;
    text-indent: -9999px;
    display: inline-block;
    -moz-transition: -moz-transform 0.5s ease-in;
    -webkit-transition: -webkit-transform 0.5s ease-in;
    -o-transition: -o-transform 0.5s ease-in;
    border-width: 1px 1px 1px;
    border-style: solid;
    border-color: white;
    padding: 1px;
    background-color: white;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/* refresh image button with rotation input[type="image"] */
.cssIMBRefresh {-webkit-transition: -webkit-transform .8s ease-in-out;-ms-transition: -ms-transform .8s ease-in-out;transition: transform .8s ease-in-out;}
/*rotatio on hover */
.cssIMBRefresh:hover {cursor: pointer;border-radius: 50%;transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);}

/*zoom on hover*/
.cssIMBFind15x15:hover,
.cssIMB15x15:hover,
.cssIMBInertLn15x15:hover,
.cssIMBEdit15x15:hover,
.cssIMBBOM15X15:hover,
.cssIMBMould15X15:hover,
.cssIMBDeleteLn15x15:hover,
.cssIMBOpen15x15:hover,
.cssIMBExp2Xls15x15:hover,
.cssIMBImport15x15:hover,
.cssIMBBarChart15x15:hover,
.cssIMBPieChart15x15:hover,
.cssIMBGo15x15:hover,
.cssIMBCollapseRight15x15:hover,
.cssIMBExpand15x15:hover,
.cssIMBCollapse15x15:hover,
.cssIMBCopy15x15:hover,
.cssIMBHistory15x15:hover,
.cssIMBDaily15x15:hover,
.cssIMBCalandar15x15:hover,
.cssIMBDetail15x15:hover,
.cssIMBMove15x15:hover,
.cssIMBFilter15x15:hover,
.cssIMBSetup15x15:hover,
.cssIMBCancel15x15:hover,
.cssIMBFeedBack15x15:hover,
.cssGrdVw input[type="image"]:hover,
.cssGrd-Paging input[type="image"]:hover {
    cursor: pointer;
    border-color: #0530AD;
    -ms-transform: scale(1.5,1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
}


/* IMAGEBUTTON with zoom */
.cssIMB24x24, .cssIMBSMSLog24x24, .cssIMB100x50
    {background-position:left center; background-repeat: no-repeat; background-color: transparent; background-size: cover; background-attachment: inherit;
    text-indent: -9999px; display: block; width: 100%; height: 100%;vertical-align:middle;
    -moz-transition: -moz-transform 0.5s ease-in; -webkit-transition: -webkit-transform 0.5s ease-in; -o-transition: -o-transform 0.5s ease-in; 
    border-width: 1px 1px 1px;border-style: solid;border-color: white;padding: 1px;
    background-color: white;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
/* set zoom IMAGEBUTTON */
.cssIMB24x24, .cssIMBSMSLog24x24 {min-height: 24px;min-width: 24px;max-height: 24px;max-width: 24px;}
.cssIMB100x50 {min-height: 50px;min-width: 100px;max-height: 50px;max-width: 100px;}
/* IMAGEBUTTON on mouse over zoom*/
.cssIMB24x24:hover, .cssIMBSMSLog24x24:hover 
    {cursor:pointer; border-color:#6D123E; -ms-transform: scale(1.5,1.5); -moz-transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); }




/* set IMAGE picture */
.cssIMGNew15x15 {background-image:url(../Graphics/Gifs/New.gif); content:url(../Graphics/Gifs/New.gif); visibility:visible;}
.cssIMGCreateNew15x15 {background-image:url(../Graphics/Pngs/CreateNew.png); content:url(../Graphics/Pngs/CreateNew.png); visibility:visible;}
.cssIMGEdit15x15 {background-image:url(../Graphics/Pngs/Edit16x16.png); content:url(../Graphics/Pngs/Edit16x16.png); visibility:visible;}
.cssIMGGreenDot15x15 {background-image:url(../Graphics/Pngs/GreenDot.png);}
.cssIMGBlueDot15x15 {background-image:url(../Graphics/Jpgs/BlueDot.jpg);}
.cssIMGSingleIndex15x15 {background-image:url(../Graphics/Gifs/Key1.gif);}
.cssIMGIndexKey15x15 {background-image:url(../Graphics/Pngs/key2.png);}
.cssIMGUniqueIndex15x15 {background-image:url(../Graphics/Pngs/key3.png);}
.cssIMGMapIndia15x15 { background-image:url(../Graphics/Icons/MapIndia.ico);}
.cssIMGToggleModule15x15 {background-image:url(../Graphics/Pngs/ToggleModule.png); content:url(../Graphics/Pngs/ToggleModule.png); cursor:pointer;}
.cssIMGRecentMenu15x15 {background-image:url(../Graphics/Jpgs/Recent.jpg); content:url(../Graphics/Jpgs/Recent.jpg); visibility:visible; cursor:pointer; }
.cssIMGFreqMenu15x15 {background-image:url(../Graphics/Jpgs/Favourites.jpg); content:url(../Graphics/Jpgs/Favourites.jpg); visibility:visible; cursor:pointer; }
.cssIMGLink24x24 {background-image:url(../Graphics/Pngs/ToggleMenu.png); content:url(../Graphics/Pngs/ToggleMenu.png); visibility:visible;cursor:pointer;}
.cssNoImage {cursor:pointer;}


/* set IMAGE size 15x15 */
.cssIMGNew15x15, .cssIMGCreateNew15x15, .cssIMGEdit15x15, .cssIMGGreenDot15x15, .cssIMGBlueDot15x15, .cssIMGIndexKey15x15,
.cssIMGSingleIndex15x15, .cssIMGUniqueIndex15x15, .cssIMGMapIndia15x15, .cssIMGToggleModule15x15, .cssIMGRecentMenu15x15, .cssIMGFreqMenu15x15, .cssNoImage {
    background-position:left center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: cover;
    background-attachment: inherit;
    text-indent: -9999px;
    display: block;
    height: 100%;
    width: 100%;
    min-height: 16px;
    min-width: 16px;
    max-height: 16px;
    max-width: 16px;
    vertical-align: middle;
    border-width: 1px 1px 1px;
    border-style: solid;
    border-color: white;
    padding: 1px;
    background-color: white;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/* set IMAGE 24x24 */
.cssIMGLink24x24
    {background-position:center; background-repeat:no-repeat; background-color: transparent; background-size: cover; background-attachment:inherit;
     text-indent: -9999px; display:block; height: 100%;width:100%;min-height:24px; min-width:24px;max-height:24px; max-width:24px;vertical-align:middle;
     border-width: 1px 1px 1px;border-style: solid;border-color: white;padding: 1px;background-color: white;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}


/* set rotate IMAGE */
.cssImgRotate15x15 {max-height: 16px;max-width: 16px;}
.cssImgRotate24x24 {max-height:24px; max-width:24px;}
.cssImgRotate50x50 {max-height:50px; max-width:50px;}
[class*="cssImgRotate"] {height: 100%;width:100%;border-width: 0px;border: 0;vertical-align: middle;}
/*on mouse over rotate*/
.cssImgRotate15x15:hover,.cssImgRotate24x24:hover,.cssImgRotate50x50, .cssIMGMapIndia15x15:hover 
    {-webkit-animation: mymove 2s infinite linear alternate; /* Chrome, Safari, Opera */ animation: mymove 2s infinite linear alternate;}
    /* Chrome, Safari, Opera */
    @-webkit-keyframes mymove {to {-webkit-transform: rotateY(180deg);}}
    @keyframes mymove {to {transform: rotateY(180deg);}}


/* set zoom IMAGE */
.cssImgZoom15x15 {max-height: 16px;max-width: 16px;min-height: 16px;min-width: 16px;}
.cssImgZoom40x40 {max-height: 40px;max-width: 40px;min-height: 40px;min-width: 40px;}
.cssImgZoom50x50 {max-height: 50px;max-width: 50px;min-height: 50px;min-width: 50px;}
[class*="cssImgZoom"] {vertical-align:middle;
background-position:left center;background-repeat: no-repeat;background-color: transparent;background-size: cover;background-attachment: inherit;
text-indent: -9999px;display: inline-block;
-moz-transition: -moz-transform 0.5s ease-in;
-webkit-transition: -webkit-transform 0.5s ease-in;
-o-transition: -o-transform 0.5s ease-in;
border-width: 1px 1px 1px;border-style: solid;border-color: white;padding: 1px;background-color: white;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
}
/*on mouse over zoom*/
.cssImgZoom15x15:hover,
.cssImgZoom40x40:hover {
    -ms-transform: scale(10.5); /* IE 9 */
    -moz-transform: scale(10.5);
    -webkit-transform: scale(10.5); /* Safari 3-8 */
    -o-transform: scale(10.5);
    transform: scale(10.5);
}






/* textarea control */
textarea {border:1px solid lightgray; color: Navy; font-size: 11px; height:auto; overflow: auto; }
textarea:focus {background-color:#ffeadf;color:Black;border-color:gray;}
textarea:hover {border-width:1px;border-color:lightgray;box-shadow: 0 0 2px lightgray; background-color:floralwhite; color:Black; }
textarea[readonly="readonly"] {background-color:floralwhite;color:black;}
textarea[readonly="readonly"]:focus {background-color:LightGray;}
textarea[readonly="readonly"]:hover {background-color:LightGray;}
textarea[disabled] {background-color:#F4F4F4;color:#000000 !important; cursor: not-allowed; }


.cssItemRemarks {font-size:smaller;min-height:35px;min-width:150px;height:auto;width:99%;resize:none;transition: width 2s, height 2s;}
.cssItemRemarks:hover {height:100%;resize:both;}




/* place holder control for textarea and input control */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:lightgray;}
input:-moz-placeholder, textarea:-moz-placeholder {color:lightgray;}
input::-moz-placeholder, textarea::-moz-placeholder {color:lightgray;}
/* Internet Explorer 10-11 */
input:-ms-input-placeholder, textarea:-ms-input-placeholder, :-ms-input-placeholder {color:lightgray;}
/* Microsoft Edge */
input::-ms-input-placeholder, textarea::-ms-input-placeholder, ::-ms-input-placeholder {color:lightgray;}
/* Firefox */
input::placeholder, textarea::placeholder, ::placeholder {color:lightgray;}
input:placeholder-shown {color:lightgray;text-overflow: ellipsis;}



/*AutoComplete extender flyout */
.cssACEContent {
    z-index:9990!important;
    background-color:#f9f9f9;
    color: #333333;
    border-radius: 10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    cursor: pointer;
    height: 250px;
    min-height: 250px;
    list-style-type: none;
    margin: 0px !important;
    overflow: auto;
    padding: 2px;
    text-align: left;
}
.cssACELstItm {color: black;padding: 8px 10px;font-size: 14px;text-decoration: none;display: block;text-align: left;}
.cssACELstItm:hover {background-color:floralwhite; font-weight:bold;}
.cssACEItmHighLite {color: black;padding: 8px 10px;font-size: 14px;text-decoration: none;display: block;text-align: left;background-color: #ddd;border-radius: 10px;}







/*modal-pop-up extender */
.cssModalBackGrnd { background-color: Black; filter: alpha(opacity=90); opacity: 0.8; }
.cssModalStd      { background-color: #FFFFFF;border-width:3px;border-style:solid;border-color:black;padding-top:10px;padding-left:10px;min-width: 650px;min-height:400px; }
.cssModalFullScr  { background-color: #FFFFFF;border-width:3px;border-style:solid;border-color:black;padding-top:10px;padding-left:10px;min-width:1000px;min-height:600px; }
.cssModalMsgBox   {                           border-width:3px;border-style:solid;border-color:black;padding-top:10px;padding-left:10px;min-width: 650px;min-height:400px; }
.cssModalDialog  {position:fixed;top: 0;left: 0;height: 100%;width: 100%;overflow-y:auto;z-index:8000;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);}
.cssModalWin     {position:relative;margin: 10% auto;padding: 20px 20px 13px 20px; min-height:50%; min-height:50%; border-radius:10px;background: #fff;background: -moz-linear-gradient(#fff, #999);background: -webkit-linear-gradient(#fff, #999);background: -o-linear-gradient(#fff, #999);}
.cssModalFullWin {position:fixed;top: 0;left: 0;height: 100%;width: 100%;overflow:  auto;z-index:8000;box-sizing: border-box;background: #fff;border-radius: 10px;padding: 15px 15px 15px 15px; margin-bottom:15px;}


.cssCancel { background-color:#00d9ff; color: Black;line-height: 25px;position:absolute;right: -5px;text-align: center;top: -10px;text-decoration: none;font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.cssCancel:hover {color:Red;}
/* end - used in  mwfStdDoc.master.vb */

.cssDivWaterMark {z-index:1;position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);margin-top:-50px;margin-left:-100px;-ms-transform: rotate(40deg);-webkit-transform: rotate(40deg);transform: rotate(40deg);filter:alpha(opacity=70); opacity:0.7;}
.cssLblWaterMark {font-size:xx-large;filter:alpha(opacity=70);opacity:0.7;text-decoration:underline; font-stretch:extra-expanded;}




.cssRecDisable input[type="checkbox"]:checked,
.cssRecDisable input[type="checkbox"]:checked + label {
    position:fixed;
    display: inline-block;
    bottom: 0px;
    left: 0px;
    padding: 5px 5px 5px 5px;
    font-size: xx-large;
    color:white;
    background-color:red;
    border-color:maroon;
    border-width: 2px;
    border-style: Solid;
    z-index:1;
    border-radius: 10px;
    vertical-align: middle;
    text-align: center;
}
.cssRecDisable input[type="checkbox"]:checked + label::before {content: "⚠️ ✔ ";font-size: xx-large;color: white;}


.cssBSGrp {font-size: medium;font-weight: bold;color: black;font-family: 'Times New Roman', Times, serif;}
.cssBSSubGrp {font-size:small;color:black; }
.cssBSAct {font-style:italic;font-size:small;font-weight:normal;color:gray; }
.cssBSPrft {font-size:medium;color:black; color:green;}
.cssBSLoss {font-size:medium;color:black; color:red;}


/* web user control style sheets*/
.cssWUCTopBar {background-color:whitesmoke; padding: 1px 2px 1px 2px;border:1px solid aliceblue;border-radius:10px;}
.cssWUCTopBar:hover {background-color:aliceblue;border:1px solid aliceblue;}
.cssWUCTxtSearch {font-size:17px;border:none;width:100%;}
.cssWUCBtnSearch {background:#ddd;font-size:17px;border:none;cursor:pointer;width:100%;}
.cssWUCBtnSearch:hover {background-color:gray;}


/* sticky note location*/
.cssDragPnlStickyNote  {position: fixed;top: 5px;right: 5px;min-width: 140px;width: auto;z-index: 100;padding: 0px 3px 2px 3px;border-radius: 10px;background-color: rgba(217, 245, 147, 0.90);}
.cssDragPnlStickyNote:hover {background-color:lightgreen;}
.cssCollapsePnlStickyNote {background-color: rgba(217, 245, 147, 0.78);overflow: auto;}

.cssUnqIndKey {color:#545454;font-size:8px;}

/* entry approval alert styles */
.cssPnlAprvAlrt {position:absolute; top:70%; right:2%;width:275px;z-index:9999;background-color:rgba(254,255,156,0.9);}
.cssDivAprvDtl {background-color:rgb(254,255,156);display:block;min-height:150px;max-height:200px;overflow:auto;}