body
{
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight:400;
    margin: 0;
    padding: 0;
    display: block;
    
}

a
{
    text-decoration: none;
    outline: none !important;
    color: #0066cc;
}
a:link
{
    color: #0066cc;
}
a:visited
{
    color: #0066cc;
}
a:hover
{
    
    text-decoration: underline;
}

.buttonbar
{
    padding-left:8px;
}
.buttonbar:hover
{
    filter: alpha(opacity=100);
    opacity: 1;
}
.buttonbar img
{
    border-width: 0px;
}

#main
{
    position: relative;
    top: 0px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
}

select
{
    height: 25px;
    border: 1px solid #ccc;
    padding: 2px;
    outline: none !important;
    margin: 0px 0px 0px 0px;
    padding-left: 0px;
}
select:focus
{
    outline: none !important;
    margin: 0px 0px 0px 0px;
    -moz-box-shadow: 0px 1px 2px 2px #ccc !important;
    -webkit-box-shadow: 0px 1px 2px 2px #ccc !important;
    box-shadow: 0px 1px 2px 2px #ccc !important;
}
select:hover
{
    border: 1px solid #A7A9AC !important;
}

input,select,textarea {
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
}

input.btn,.PNLPopup .PNLBtnOK,.PNLPopup .PNLBtnCancel,.btnPlus
{
    clear: both;
    padding: 5px;
    margin: 0 10px 10px 0;
    text-decoration: none;
    line-height: 16px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    outline: none !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.btnPlus
{
    clear: both;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
    border-radius: 4px;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 0px 0px 0;
     line-height: 16px;
    text-align: center;
    color: #fff !important;
    text-decoration: none !important;
    outline: none !important;
    }
.btnPlus:active
{
    padding: 0px;
    padding-left: 12px;
    padding-right: 12px;
}

input.btn:active,.PNLPopup .PNLBtnOK:active,.PNLPopup .PNLBtnCancel:active,.btnPlus:active
{
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
}
input.btn:hover, input.btn:focus, .PNLPopup .PNLBtnOK:hover, .PNLPopup .PNLBtnOK:focus, .PNLPopup .PNLBtnCancel:hover, .PNLPopup .PNLBtnCancel:focus, .anchAI:hover {
    -moz-box-shadow: 0px 1px 2px 2px #ccc;
    -webkit-box-shadow: 0px 1px 2px 2px #ccc;
    box-shadow: 0px 1px 2px 2px #ccc;
}

input.btnfocused
{
    clear: both;
    padding: 5px;
    margin: 0 10px 10px 0;
    text-decoration: none;
    line-height: 16px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    outline: none !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-box-shadow: 0px 2px 3px 3px #ccc;
    -webkit-box-shadow: 0px 2px 3px 3px #ccc;
    box-shadow: 0px 2px 3px 3px #ccc;
}
input.btnfocused:active
{
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
}


.ColsToDisplay
{
    text-align: left;
    height: 120px;
    border: solid 0px #ccc;
    overflow: auto;
}

input
{
    outline: none !important;
}

input checkbox
{
    margin: 0;
    outline: none !important;
}

input.fmtxtbx
{
    height: 20px;
    border: 1px solid #ccc;
    padding: 2px;
    margin: 0px 0px 0px 0px;
    outline: none !important;
   font-size: inherit !important;
}
input.fmtxtbx:focus,textarea:focus,.search:focus,.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input:focus
{
    -moz-box-shadow: 0px 1px 2px 2px #ccc !important;
    -webkit-box-shadow: 0px 1px 2px 2px #ccc !important;
    box-shadow: 0px 1px 2px 2px #ccc !important;
}
input.fmtxtbx:hover,textarea:hover,.search:hover
{
    border: 1px solid #A7A9AC;
}
input.fmtxtA
{
    border: 0px;
    padding: 2px;
    border: 1px solid #ccc;
    font-size: inherit !important;
}


textarea
{
    border: 1px solid #ccc;
    padding: 2px;
    margin: 0px 0px 0px 0px;
    outline: none !important;
}

.search
{
    background: #FFF url('../images/search.png?id=900000') no-repeat right top;
    padding: 2px 18px 2px 2px;
    border: 1px solid #ccc;
    outline: none !important;
    font-size: inherit !important;
}

.Anchorbtn
{
    clear: both;
    text-decoration: none;
    padding: 5px;
    margin: 0 10px 10px 0;
    text-decoration: none;
    /*line-height: 16px;*/
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    outline: none !important;
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    display: inline-block;
}
.Anchorbtn:active
{
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
}
.Anchorbtn:hover, .Anchorbtn:focus
{
    text-decoration: none;
    outline: none !important;
    -moz-box-shadow: 0px 1px 2px 2px #ccc;
    -webkit-box-shadow: 0px 1px 2px 2px #ccc;
    box-shadow: 0px 1px 2px 2px #ccc;
}



.fm
{
    border-collapse: collapse;
    text-align: left;
}

.fmSubHead
{
    font-weight: bold;
    text-align: left;
}
.fmd
{
    border-collapse: collapse;
    background-color: #fff;
}
.fmfieldset
{
    vertical-align: middle;
    padding: 5px;
    padding-left:0px;
    text-align: left;
    border:solid 0px #ccc;
    border-bottom-width:0px;
    border-left-width:0px;
    border-right-width:0px;
}
.fmlegend
{
    font-weight: bold;
    
    margin-bottom: 5px;
    letter-spacing:0.7px;
    margin-left:-4px;
    padding-right:5px;
}
.fmhead11
{
    background-color: #a7a9ac;
    width: 955px;
    height: 35px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    -moz-border-top-left-radius: 25px;
    -moz-border-top-right-radius: 25px;
    padding-left: 25px;
    padding-top: 5px;
    color: white;
    font-weight: bold;
    font-size: medium;
    text-align: left;
    z-index: -1;
    margin-bottom: 10px;
    border: solid 1px white;
    margin: auto;
    border-bottom-width: 0px;
    position: relative;
}
.fmhead,.vtitle
{
    width: 975px;
    /*height: 35px;*/
    padding-left: 5px;
    padding-top: 7px;
    padding-bottom: 5px;
    font-weight: 300;
    letter-spacing:1.2px;
    /*font-size: 24px;*/
    text-align: left;
    z-index: 3;
   margin-bottom: 8px;
}
.vtitle {
    margin: auto !important;
    width:968px;
    margin-bottom:8px !important;
}
.fmheadchangeover
{
    /*width: 975px !important;
    height: 35px !important;*/
    padding-left: 5px !important;
    padding-top: 7px !important;
    padding-bottom: 5px !important;
   /* z-index: -1 !important;*/
    position: relative !important;
    margin: auto !important;
}
.fmmaincontent
{
    width: 980px;
    position: relative;
    background-color: transparent;
    border-radius: 25px;
    -moz-border-radius: 25px;
    padding-bottom: 5px;
}
.fmmaincontentchangeover
{
    padding-top: 17px !important;
    border-radius: 0 !important;
    -moz-border-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    -moz-border-bottom-left-radius: 25px !important;
    -moz-border-bottom-right-radius: 25px !important;
}

.fmdGrid tbody tr.first td
{
    border-top: 0 !important;
}

#fadeinbox
{
    position: absolute;
    width: 300px;
    left: 0px;
    top: -100px;
    border: 1px solid #a7a9ac;
    background-color: #fff;
    padding: 4px;
    z-index: 100;
    visibility: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.fmdGrid,.mGrid
{
    text-align: left;
    width: 100%;
    background-color: #fff; 
    margin: 0px 0 0px 0;
    border: solid 1px #DFDFE7;
    border-collapse: collapse;
}

    .mGrid tr:hover {
       background-color: #eee;
    }

.fmdGrid td,.mGrid td
{
    vertical-align: top;
    padding: 2px;
    border: solid 1px #DFDFE7;
    /*background-color: #fff;*/
    
}

.fmdGrid td.highlight,.mGrid td.highlight
{
   background-color:#ECECF1;
   font-weight:bold;
}

.fmdGrid td.highlightred,.mGrid td.highlightred
{
   background-color:#FFC1C1;
}


.fmdGrid th a,.mGrid th a
{
    color: Black;
    text-decoration: none;
}
.fmdGrid th a:hover,.mGrid th a:hover
{
    color: Black;
    text-decoration: none;
    background-color: inherit;
}
.fmdGrid .alt,.mGrid .alt
{
    background:#fff; /* #F9F9FA;*/
}
.fmdGrid .pgr,.mGrid .pgr
{
   border-width: 0px;
    font-size: 11px;
}

.fmdGrid .pgr td,.mGrid .pgr td {
        border-bottom: solid 1px #CDD1DE;
}

.fmdGrid .pgr table,.mGrid .pgr table
{
    margin: 5px 0;
    border: solid 0px #fff;
}
.fmdGrid .pgr table tr td,.mGrid .pgr table tr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    
    line-height: 12px;
}

.fmdGrid .pgr a,.mGrid .pgr a
{
    color: #696969;
    text-decoration: none;
    font-size: 11px;
}
.fmdGrid .pgr a:hover,.mGrid .pgr a:hover
{
    
    text-decoration: none;
    font-size: 11px;
}
.fmdGrid tr.tbg,.mGrid tr.tbg
{
    vertical-align: middle;
   padding: 2px;
    
}
.fmdGrid tr.tbg td,.fmdGrid th,.mGrid tr.tbg td,.mGrid th
{
    vertical-align: middle;
    background-color: #DFDFE7;
    border: solid 1px #CDD1DE;
    padding: 2px;
    
    font-weight:normal;
}
.fmdGrid tbody tr.first td,.mGrid tbody tr.first td
{
    border-top: 0 !important;
}
tr.bgselect, tr.bgselect td{
    background-color: moccasin;
    
}
div.popuppanel
{
}

.flip
{
    background-image: url('../images/arrow_down.gif');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    padding: 3px;
    padding-left: 5px;
    padding-right: 20px;
    height: 10px;
    background-color: #c2c1c1;
    border: solid 0px #fff;
    outline: none !important;
}

ul.menulink
{
    z-index: 100;
    text-align: left;
    width: 140px;
    border-top-width: 0px;
    -webkit-box-shadow: 0 2px 10px #ccc;
    -moz-box-shadow: 0 2px 10px #ccc;
    box-shadow: 0 2px 10px #ccc;
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    padding: 0px 0px 0px 0px;
}

ul.menulink li
{
    border-left: 0px solid #c1c1c1;
    margin: 0;
    padding: 0px 0px 0px 0px;
}

ul.menulink li a
{
    border: solid 1px #fff;
    border-bottom: solid 0px #eee;
    padding: 4px;
    padding-left: 15px;
    display: block;
    background-color: #fff;
}

    ul.menulink li a:hover {
        border: solid 1px #c1c1c1;
        border-bottom: solid 0px #eee;
        background-color: #eee;
        padding: 4px;
        padding-left: 15px;
        display: block;
    }

.pipe
{
    font-size: 11px;
    padding-left: 2px;
    padding-right: 2px;
    color: grey;
}

.modalBackground
{
    background-color:#000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.PNLPopup
{
    background-color: #EEEFF3;
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
    padding: 0px;
    width: 300px;
}

.PopupHeader
{
    font-weight: 300;
    position: relative;
    padding: 5px;
    top: 0px;
    font-size:20px;
    margin-left:5px;
    margin-right:5px;
    letter-spacing:0.7px;
}

.PopupContainer
{
    padding: 5px;
    padding-top: 20px;
}

.PNLPopup .notify
{
    padding: 5px;
}

table.thover
{
    font-size: 11px;
    
    border: 1px solid #c1c1c1;
    margin: 1em auto;
    border-collapse: collapse;
    -webkit-box-shadow: 0 0px 10px #8b8b8b;
    -moz-box-shadow: 0 0px 10px #8b8b8b;
    box-shadow: 0 0px 10px #8b8b8b;
    padding: 2px;
}

table.thover tr
{
    font-size: 11px;
    
    padding: .3em 1em;
    background-color: White;
}

table.thover th
{
    font-size: 11px;
    
    vertical-align: top;
    padding: .3em 1em;
    text-align: center;
    background-color: #dededd;
    border: 1px solid #c1c1c1;
}

table.thover td
{
    padding: 2px;
    border: 1px solid #c1c1c1;
    vertical-align: top;
}
table.thover tr.highlight td
{
    padding: 2px;
    border: 1px solid #c1c1c1;
    background-color: #eee;
    font-weight: bold;
    vertical-align: top;
}

.watermarked
{
    color: Gray;
}

span.edit_profilepicture_icon
{
    background: url(../images/edit.jpg) no-repeat left 4px;
    height: 20px;
    left: 0px;
    position: absolute;
    top: -3px;
    width: 18px;
    outline: none !important;
}
a.edit_Image
{
    outline: none !important;
    position: absolute;
    right: 3px;
    display: none;
    padding-left: 20px;
    top: 3px;
    background: #fff;
    height: 20px;
    filter: alpha(opacity=75);
    opacity: 0.75;
}
a.delete_Image
{
    outline: none !important;
    position: absolute;
    right: 120px;
    display: none;
    padding-left: 20px;
    top: 3px;
    background: #fff;
    height: 20px;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.popuppanelfm
{
    background-color: #EEEFF3;
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
    padding: 0px;
}

.popupheaderfm
{
    font-weight: 300;
    position: relative;
    padding: 5px;
    top: 0px;
    font-size:20px;
    margin-left:5px;
    margin-right:5px;
    letter-spacing:0.7px;
 }

.popupcontainerfm
{
    padding: 5px;
}

.popupclosebtn
{
    background-image: url(../images/close_icon1.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    padding: 2px;
    cursor: pointer;
    position: absolute;
    right: .3em;
    top: .6em;
    width: 20px;
    padding: 1px;
    height: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: solid 1px #CDD1DE;
     filter:alpha(opacity=70);
 opacity:0.7;
}

.popupclosebtn:hover
{
 filter:alpha(opacity=100);
 opacity:1;
    
}

/*.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 10px 0 10px 0;
    border: solid 1px #c1c1c1;
    border-collapse: collapse;
    
}
.mGrid td
{
    padding: 4px;
    border: solid 1px #c1c1c1;
    
}

.mGrid td.highlight
{
   background-color:#eee;
   font-weight:bold;
}

.mGrid th
{
    background-color: #dededd;
    border: solid 1px #c1c1c1;
    padding: 4px;
    
}
.mGrid th a
{
    color: Black;
    text-decoration: none;
}
.mGrid th a:hover
{
    color: Black;
    text-decoration: none;
    background-color: inherit;
}
.mGrid .alt
{
    background: #fff;
}
.mGrid .pgr
{
    background: #fff;
    border-color: #fff;
    border-width: 0px;
    font-size: 11px;
}
.mGrid .pgr table
{
    margin: 5px 0;
    border: solid 0px #fff;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #aaa;
    font-weight: bold;
    
    line-height: 12px;
    background-color: #eee;
}
.mGrid .pgr a
{
    color: gray;
    text-decoration: none;
    font-size: 11px;
}
.mGrid .pgr a:hover
{
    
    text-decoration: none;
    font-size: 11px;
}*/



.mGridInner
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #c1c1c1;
    border-collapse: collapse;
    
}
.mGridInner td
{
    padding: 4px;
    border: solid 1px #CDD1DE;
    
}
.mGridInner th
{
    background-color: #F7F7F7;
    border: solid 1px #CDD1DE;
    padding: 4px;
    
}
.mmGridInner th a
{
    color: Black;
    text-decoration: none;
}
.mGridInner th a:hover
{
    color: Black;
    text-decoration: none;
    background-color: inherit;
}
.mGridInner .alt
{
    background: #fff;
}

.mGridInner1
{
    width: 100% !important;
    background-color: transparent;
    margin: 0 0 5px 0;
    border: solid 0px #c1c1c1;
    border-collapse: collapse;
    
}
.mGridInner1 td
{
    width: auto !important;
    padding: 3px;
    border: solid 0px #c1c1c1;
    
    
}
.mGridInner1 td.lst
{
       background-color: #eee;
}

div.multimain1
{
    display: inline;
    clear: both;
    background: url(../images/arrow_down.png) no-repeat right center;
    position: absolute;
    background-color: White;
    padding: 5px;
    
    padding-right: 20px;
    margin: 0 10px 10px 0;
    line-height: 16px;
    border: 1px solid #CCC;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
    outline: none !important;
    text-align: center;
}

div.multimainheadercontainer
{
    display: inline;
    clear: both;
    padding: 0px;
    color: black;
    padding-right: 0px;
    margin: 0 10px 10px 0;
    line-height: 16px;
    border: 0px solid #CCC;
    outline: none !important;
    text-align: left;
    top: 4px;
}

div.multimainheadermenu
{
    position: relative;
    display: inline;
    clear: both;
    
    outline: none !important;
    text-align: center;
    background-color: transparent ;
    line-height: 17px;
    border: 0px solid #CCC;
    border-width: 0px;
   /*background-image: url('../images/arrow_down.gif');  
    background-repeat: no-repeat;
    background-position: 95% 50%; 
     */
   padding-right: 20px;
}

div.multimainheadermenu:hover
{
    border: 0px solid #A8A8A8;
}

div.multimainheadermenu:focus
{
    border: 0px solid #A8A8A8;
}
div.multimainheadermenu div.multicontainerheadermenu
{
    position: absolute;
    right: -1px;
    border: solid 1px #c1c1c1;
    border-top-width: 0px;
    display: none;
    z-index: 100;
    top: 20px;
}

div.multimaincontainer
{
    display: inline;
    clear: BOTH;
    padding: 5px;
    color: black;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0 10px 10px 0;
    line-height: 16px;
    border: 0px solid #CCC;
    outline: none !important;
    text-align: left;
}

div.multimain
{
    position: relative;
    display: inline;
    clear: both;
    background: url(../images/arrow_down.png) no-repeat 90% 50%;
    padding: 4px;
    padding-right: 25px;
    margin: 0 10px 10px 0;
    line-height: 20px;
    padding-left: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    outline: none !important;
    text-align: center;
}

div.multimain:hover, div.multimain:focus
{
    -moz-box-shadow: 0px 1px 2px 2px #ccc;
    -webkit-box-shadow: 0px 1px 2px 2px #ccc;
    box-shadow: 0px 1px 2px 2px #ccc;
}


div.multimain div.multicontainer
{
    position: absolute;
    left: 0;
    top: 26px;
    display: none;
    z-index:100001;
}

ul.multimenu
{
    list-style: none;
    position: relative;
    left: 0;
    top: 0px;
    background: #fff;
    margin: 0;
    padding: 0;
    margin-left: -1px;
    margin-top: 0px;
    float: left;
    width: 170px;
    padding: 2px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border: 1px solid #A8A8A8;
    -webkit-box-shadow: 0 4px 10px #8b8b8b;
    -moz-box-shadow: 0 4px 10px #8b8b8b;
    box-shadow: 0 0px 10px #8b8b8b;
}



ul.multimenu li
{
    margin: 0;
    padding: 0;
    border-top: 0px solid #252525;
    border-bottom: 0px solid #444;
    color: black;
    clear: both;
    padding: 5px;
    text-align: left;
}

ul.multimenu li a
{
    float: left;
    width: 100%;
    color: black;
    font-weight: normal;
    padding: 0px;
    text-decoration: none;
}
html ul.multimenu li a:hover
{
    background-color: #eee;
    color: black;
    text-decoration: none;
    width: 100%;
}

.btnmultiAdd
{
    clear: both;
    text-decoration: none;
    padding: 5px;
    padding-left: 25px;
    padding-right: 15px;
    border-radius: 4px;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 10px 10px 0;
    text-decoration: none;
    line-height: 16px;
    text-align: center;
    text-decoration: none !important;
    outline: none !important;
    background: #7F7F7F url(../images/plus.png) no-repeat 5px 50%;
}
.btnmultiAdd:active
{
    padding: 6px;
    padding-left: 25px;
    padding-right: 15px;
}
.btnmultiAdd:hover, .btnmultiAdd:focus
{
    -moz-box-shadow: 0px 1px 2px 2px #ccc;
    -webkit-box-shadow: 0px 1px 2px 2px #ccc;
    box-shadow: 0px 1px 2px 2px #ccc;
}


.btnExport
{
    /*display: none;*/
}

table.tblCollapse
{
    
    border: 1px solid #c1c1c1;
    margin: 1em auto;
    border-collapse: collapse;
    padding: 5px;
    width: 95%;
}

table.tblCollapse tr
{
    
    padding: .3em 1em;
    text-align: left;
    background-color: White;
}

table.tblCollapse td
{
    padding: 2px;
    border: 1px solid #c1c1c1;
}

table.tblCollapse td.tdHead
{
    padding: 2px;
    border: 1px solid #c1c1c1;
    background-color: #EEE;
    font-weight: bold;
}

.Numcounter, .Numcounter11
{
    background: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 rgba(0,39,121,.77);
    -moz-box-shadow: 0 1px 0 rgba(0,39,121,.77);
    box-shadow: 0 1px 0 rgba(0,39,121,.77);
    color: white;
    font-size: 9px;
    font-weight: bold;
    padding: 0 1px;
    z-index: 101;
    border: solid 1px #D83722;
    border-bottom: solid 1px #C0311E;
    border-top: solid 1px #E23923;
    background-color: #F03D25;
    position:absolute;right:5px; top:0px;line-height:1.3em;
}

.Numcounter11 {
    display:none;
}

a.aclick,a.aclick1
{
    filter:alpha(opacity=70);
    opacity:0.7;
}
a.aclick:hover,a.aclick1:hover
{
    text-decoration: none;
    filter:alpha(opacity=100);
    opacity:1;
}
tr.innertbg th, tr.innertbg td
{
    background-color: #F7F7F7;
    border: solid 1px #CDD1DE;
    font-weight: normal;
    border-image: initial;
}

/* Customised Scroller*/
.jspContainer
{
    overflow: hidden;
    position: relative;
}
.jspPane
{
    position: absolute;
}
.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    background: #fff;
}
.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #fff;
}
.jspVerticalBar *, .jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}
.jspCap
{
    display: none;
}
.jspHorizontalBar .jspCap
{
    float: left;
}
.jspTrack
{
    background: #eee;
    position: relative;
}
.jspDrag
{
    background-color: #aaa;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-border-radius: 7px;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}
.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}
.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}
.jspVerticalBar .jspArrow
{
    height: 16px;
}
.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
    outline: none !important;
}
.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}
* html .jspCorner
{
    margin: 0 -3px 0 0;
}
.scroll-pane
{
    outline: none !important;
}

/* Table Scroll with fixed Header*/
.tablescroll
{
    /*margin:5px */
}
.tablescroll td, .tablescroll_wrapper, .tablescroll_head
{
    border: 1;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    outline: none !important;
}
.tablescroll td
{
    padding: 2px;
}
.tablescroll_wrapper
{
    border-left: 0;
    border: 1px solid #ddd;
}
.tablescroll_head
{
    text-align: left;
    width: 100%;
    background-color: #fff;
    border: solid 1px #c1c1c1;
    border-collapse: collapse;
    margin: 0 0 3px;
}
.tablescroll_head tr.tbg
{
    vertical-align: middle;
    background-color: #DEDEDD;
    border: solid 1px #c1c1c1;
    
    padding: 2px;
}
.tablescroll_head tr.tbg td
{
    vertical-align: middle;
    background-color: #DEDEDD;
    border: solid 1px #c1c1c1;
    
    font-weight: 400;
    padding: 2px;
}
.tablescroll tbody tr.first td
{
    border-top: 0;
}
.tablescroll_foot
{
    font-weight: 700;
    background-color: #DEDEDD;
    border-left: 0;
    border-top: 0;
    margin-top: 3px;
}
.tablescroll_foot td, th
{
    border: 1px solid #ccc;
}
.tablescroll thead td, .tablescroll thead th
{
    background-color: #DFDFE7;
    border: solid 1px #CDD1DE;
    
    font-weight: 400;
    padding: 2px;
}
.tablescroll tbody td, .tablescroll tfoot
{
    border-right: 0;
    border-bottom: 0;
}

/*.accordionHeader
{
    background-image: url('../Images/nav-arrow-right.png');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: left center;
    margin: 0px;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.accordionHeaderSelected
{
    background-image: url('../Images/nav-arrow-down.png');
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    color: #eee;
}*/



.accordionFilterHeader
{
     background-image: url('../images/left-arrow.png');
    background-repeat: no-repeat;
    cursor: pointer;
    font-weight: bold;
    background-position: left 50%;
    padding-left: 15px;
    padding-right: 0px;
    letter-spacing: 0.7px;
    margin-bottom:5px;
}
.accordionFilterHeaderSelected
{
     background-image: url('../images/down-arrow.png');
    background-repeat: no-repeat;
    cursor: pointer;
    font-weight: 700;
    background-position: left 50%;
    padding-left: 15px;
    padding-right: 0px;
    letter-spacing: 0.7px;
    margin-bottom:5px;
}
.spantallyRed
{
    float: right;
    margin-bottom: 3px;
    margin-right: 0px;
    width: 12px;
    height: 13px;
    background-color: #da251d;
}
.spantallyGreen
{
    float: right;
    margin-bottom: 3px;
    margin-right: 0px;
    width: 12px;
    height: 13px;
    background-color: #84c225;
}

.tipsy {
    font-size: 11px;
    position: absolute;
    padding: 5px;
    z-index: 150000;
}

.tipsy-inner {
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
}

/* Rounded corners */
.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
    border-bottom-color: #000;
}

.tipsy-arrow-s {
    border-top-color: #000;
}

.tipsy-arrow-e {
    border-left-color: #000;
}

.tipsy-arrow-w {
    border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.atooltip {
    background-image: url('../images/help_icon.png?version=19.20');
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 6px;
    margin-left: 10px;
    margin-right: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
}

    .atooltip:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }

.titletipsy {
    cursor: pointer;
    outline: none !important;
}


.divDocument
{
    position: absolute;
    right: 5px;
    top: 52px;
    background-color: #DFDFE7;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #DFDFE7; /*#e4e4e4;*/
    margin: 0px;
    padding-top: 10px;
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    z-index: 9;
    letter-spacing:normal;
    text-align:right;
}

    .divDocument table td { text-align:right;
    }
.divDocument .docNo
{
    font-size: 15px;
    font-weight:bold;
}
.divDocument .innerdocNo
{
    font-size: 11px;
    
}

.divQuickLinks
{
    position: absolute;
    right: 68px;
    top: 5px;
    
    font-size: 13px;
    background-image: none;
    font-weight: 400;
    width: 50px;
    z-index: 10;
}
.divQuickLinks .mainnav_link
{
    z-index: 102;
    cursor: pointer;
    background-color: transparent;
    display: block;
    margin-top: 5px;

}

.divQuickLinks .mainnav_link:hover
{
   filter: alpha(opacity=100);
   opacity: 1;
}

.divQuickLinks .mainQuicklinks1
{
    position: absolute;
    background-color: #FFF;
    margin-top: -5px;
    display: none;
    border: solid 1px #C1C1C1;
    border-top-width: 0;
    -webkit-box-shadow: #8B8B8B 0 10px 10px;
    box-shadow: #8B8B8B 0 10px 10px;
    font-size: 11px;
    width: 500px;
    right: 0;
    padding: 5px;
}
.divQuickLinks .mainul
{
    position: absolute;
    width: 600px;
    height: 40px;
    border-style: none;
    margin: 0;
    padding: 0;
    right: 0px;
    z-index: 12;
}
.divQuickLinks .mainul .mainulli
{
    ms-touch-action: none;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    display: block;
    float: left;
    border-style: none;
    margin: 0;
    padding: 0 17px;
    float: right;
}
.menu_sub
{
    ms-touch-action: none;
    text-align: left;
    color: #999;
    top: 30px;
    right: 11px;
    height: auto !important;
    display: none;
    line-height: 1em;
    border: solid 1px #c1c1c1;
    position: absolute !important;
    background: #FFF;
    -moz-box-shadow: 0 2px 10px #ccc;
    -webkit-box-shadow: 0 2px 10px #ccc;
    box-shadow: 0 2px 10px #ccc;
    z-index: 1000;
    overflow: hidden;
    font-size: 11px;
}
.divQuickLinks .menu_sub_column
{
    border-right: 1px solid #C6CED2;
    height: auto;
    float: left;
    padding-bottom: 1010px;
    margin-bottom: -1000px;
}
.menu_sub_column > h5
{
    color: #000 !important;
    padding: 10px 5px;
    margin: 0px;
    font-size: 15px !important;
    font-weight:300;
    margin-left:5px;
    margin-right:5px;
    padding-left:0px;
}
.menu_sub_column .menu_sub_list
{
    list-style-type: none;
    overflow: auto;
    list-style: none;
    list-style-image: none;
    margin: 0;
    margin-right: 0px;
    padding: 0;
}
.menu_sub_list li
{
    display: block;
    color: #656565;
    list-style-type: none;
    line-height: 1.4em;
    padding: 4px;
}

.notianchor
{
    text-decoration: none !important;
}
.notiUserName
{
    font-weight: bold;
}
.notiComment
{
}
.notiDateTime
{
    color: gray;
    font-size: 9px;
}
.jspScrollable
{
    outline: none !important;
}
.spanDrafting, .spanReview, .spanAprroval, .spanAprroved, .spanRed {
    font-size: 10px;
    padding: 0px 6px;
    margin-right: 5px;
    vertical-align: top;
    border-radius: 50%;
    -moz-border-radius: 50%;
}
.spanDrafting {
    background-color: #fff500;
}
.spanReview
{
   background-color: #f8c300;
}
.spanAprroval
{
    background-color: #007cc3;
}
.spanAprroved
{
    background-color: #84c225;
}
.spanRed
{
    background-color: #da251d;
}
.shrtLinkBlock
{
    position: absolute; right: 10px; top: 7px; z-index: 15;
}

.popupMessageSucc
{
    
    background-color:#29946c ;
    border: 1px solid #36c17a;
}
.popupMessageFail
{
    background-color: #AA4035;
    border: 1px solid #CC6055;
}
.popupMessageAlert
{
    background-color: #CB943D;
    border: 1px solid #f8c300;
}
.highlight1
{
    background-color: #fff500;
}
.radiolist
{
    margin-left: -8px;
}
.popupMessageFailBackup
{
    background-color: #f0c36d;
}
.popupMessageBackup
{
    position: absolute;
    width: 410px;
    color: #fff;
    font-size: 13px;
    z-index: 99;
    text-align: center;
    padding: 3px;
    margin-left: 290px;
    border-radius:3px;
    -moz-border-radius: 3px;
    margin-top:4px;
    opacity:0.9;
    filter:alpha(opacity=90);

   
}
.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
        {
            margin: 0;
            margin-right: -5px;
            border: solid 1px #CCC;
            border-right: 0px none;
            padding: 2px;
            font-size: inherit !important;
            height: 18px;
            border-image: initial;
            margin-right: 0px !important;
            margin-left: 0px !important;
            outline: none !important;
        }
        
        
        {
            border: 1px solid #FFA220;
            -moz-box-shadow: 0px 1px 2px 2px #ccc;
            -webkit-box-shadow: 0px 1px 2px 2px #ccc;
            box-shadow: 0px 1px 2px 2px #ccc;
        }
        .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input:hover
        {
            border: 1px solid #A7A9AC;
        }
        
        .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
        {
            margin: 0;
            padding: 0;
            background-image: url(../images/dropdown_arrow.jpg);
            background-position: top left;
            border: 0px none;
            border-image: initial;
            height: 24px !important;
            width: 24px !important;
            outline: none !important;
        }
        
        
        
        .ajax__combobox_itemlist
        {
            margin: 0px;
            padding: 2px;
            cursor: default;
            list-style-type: none;
            text-align: left;
            border: solid 1px #ccc;
            background-color: #fff;
            
            border-image: initial;
            z-index: 100002 !important;
            height: 150px !important;
            width: 125px !important;
        }
        
        
.spananchor
{
    text-decoration: none;
    outline: none !important;
    color: #0066cc;
    cursor:pointer;
}
.spananchor:link
{
    color: #0066cc;
}
.spananchor:visited
{
    color: #0066cc;
}
.spananchor:hover
{
    
    text-decoration: underline;
}
/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    background: white url('../images/ajax-loader1.gif') right center no-repeat;
}

/************ Master Page Css **********/

.mastertopbar {
    left: 0; top: 0; min-width: 981px;
    width: 100%; position: static !important; position: fixed !important; z-index: 12; height: 46px;
}

.wrappermastertopbar {
    height: 46px; position:relative; z-index : 12;
}
.masterSpanSupport {
    font-size: 11px;position: absolute;left: 160px;display: inline-block;width: 100px;
}

.masterSpanInnoviaText {
color:#d8d8d8;position:absolute; left:123px;top:23px;display:inline-block;width:200px; font-size:11px;}


.multicontainerheadermenumaster {
    background-color: White; border-top-width: 1px; -webkit-box-shadow: 0 10px 10px #a1a1a1;
   -moz-box-shadow: 0 10px 10px #8b8b8b; box-shadow: 0 2px 10px #ccc; font-size: 11px;
   padding: 5px; width: 580px; top: 20px; z-index: 100;
}

.multicontainerheadermenumaster .triangle, .menu_sub .triangle {
    position: absolute;
    top: -8px;
    right: 15px;
    margin-left: -8px;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    }
.mastermenudiv {
    line-height: 45px;
    min-width: 981px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    position: fixed !important;
    position: absolute;
    z-index: 11;
    }
.mastermenutab,.mastermenutabalternate {
    font-weight: bold;
    background-color: #06C0E9;
    padding:2px;
    padding-left: 10px;
    padding-right: 30px;
    color: #fff !important;
    letter-spacing: 0.25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    margin-left:-20px;
}

.masterpopupheaddiv {
    padding:2px; padding-bottom:10px; font-size:20px; font-weight:300; width:100%; vertical-align:middle; margin-bottom: 5px; 
}


.masterdivInerPageHead {
    min-width: 981px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    position: fixed !important;
    position: absolute;
    margin-top: 0px;
}
/************ Master Page Css End **********/


/***** Sitemap Styler ****/

#sitemap, #sitemap ul, #sitemap li{margin:0; padding:0; list-style:none}
#sitemap{ padding-top:10px;}
#sitemap ul{display:none}
#sitemap li{line-height:230%; margin-top:1px; background:#DFDFE7; position:relative}
/* IE leaves a blank space where span is added so this is to avoid that 
*/
* html #sitemap li{float:left; display:inline; width:100%}

#sitemap li a{padding-left:28px; text-decoration:none; color:#303030;  font-weight:normal;  }
#sitemap li span{ float:left; position:absolute; top:5px; left:5px; width:13px; height:13px; cursor:pointer; font-size:0}
#sitemap li span, #sitemap li span.collapsed{background:url(../images/left-arrow.png) no-repeat 0 0; left:12px;top:10px;}

#sitemap li span.expanded{background:url(../images/down-arrow.png) no-repeat 0 0; left:12px;top:10px;}

/* second level */
#sitemap li li{background:#EEEFF3; padding:0px}
#sitemap li li a{padding-left:0px; text-decoration:none; color:#0066cc;  font-weight:normal; }
#sitemap li li a:hover{padding-left:0px; text-decoration:underline; color:#000; }

.bul{background-image:url('../images/left-arrow.png'); width:30px; height:20px; text-align:center; background-repeat:no-repeat; background-color:inherit; background-position:center 50%}


table.tablesorter thead tr .header {
	background-image: url(../Images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(../Images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../Images/desc.gif);
}


/***** Sitemap Styler End ****/

/*********Report Master ************/


.accordionHeader
{
    background-image: url('../images/left-arrow.png');
    background-repeat: no-repeat;
    
    font-weight: normal;
    cursor: pointer;
    background-position: left 50%;
    margin-bottom: 5px; 
    padding-left: 15px;
    padding-right: 0px;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
}

.accordionHeaderSelected
{
    padding-left: 10px;
    background-image: url('../Images/down-arrow.png');
    
    background-repeat: no-repeat;
    font-weight: normal;
    cursor: pointer;
    background-position: left 50%;
    /*margin-top: 10px;*/
    padding-left: 15px;
    padding-right: 0px;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
}


.tabCriteria
{
    background-color: #fff;
    margin: 5px 0 5px 20px;
    border: solid 1px #DFDFE7;
    border-collapse: collapse;
}
.tabCriteria td
{
    padding: 4px;
    border: solid 0px #c1c1c1;
    
}
.tabCriteria th
{
    background-color: #F7F7F7;
    border: solid 0px #c1c1c1;
    padding: 4px;
    
}
.tabCriteria th a
{
    color: Black;
    text-decoration: none;
}
.tabCriteria th a:hover
{
    color: Black;
    text-decoration: none;
    background-color: inherit;
}
.tabCriteria .alt
{
    background: #fff;
}

.webchart {


}

.divExportPanel {
    float: right; margin-top: -20px;
}

.vsubtitle {
   font-size: 20px !important;
   font-weight:300;
   letter-spacing:1.1px;
}
/****************Report Master Css End */

/********Chat Usercontrol********/

.chattable
    {
        width: 600px;
        border: 0px;
    }
    .graytext
    {
        font-size: 11px;
        padding-top: 4px;
        display: block;
        color: Gray;
    }
    .spUserName
    {
        font-size: 11px;
        padding-top: 4px;
        display: block;
        
    }
    .chattext
    {
        font-size: 13px;
    }
    .tblComment
    {
        border-collapse: collapse;
        border: solid 0px transparent;
        border-bottom: solid 0px #DFDFE7;
        width: 100%;
    }
    .tblComment tr
    {
        border: solid 0px transparent;
        border-bottom: solid 0px #DFDFE7;
    }
    .tblComment td
    {
        border: solid 0px transparent;
        border-bottom: solid 0px #DFDFE7;
        padding: 3px;
    }

    /******Chat User Control End********/

     .ui-autocomplete
        {
            max-height: 150px;
            max-width:450px;
            overflow-y: auto; /* prevent horizontal scrollbar */
            overflow-x: hidden;
            z-index: 1000000000001 !important;
        }
        /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
        * html .ui-autocomplete
        {
            height: 150px;
            width:450px;
            z-index: 1000000000001 !important;
        }
        .controlError { background-color:#fff0eb; }

        
        .fc_custom1,.fc_custom1 a {border-color: #0066cc !important;background-color: #0066cc !important;   }
        .fc_custom2,.fc_custom2 a {border-color: #FF6384 !important;background-color:#FF6384 !important;   }
        .fc_custom3,.fc_custom3 a {border-color: #0fbfc8 !important;background-color: #0fbfc8 !important;   }
        .fc_custom4,.fc_custom4 a {border-color: #C2A04B !important;background-color: #C2A04B !important;   }
        .fc_custom5,.fc_custom5 a {border-color: #CB99C9 !important;background-color: #CB99C9 !important;   }
        .fc_custom6,.fc_custom6 a {border-color: #DEA5A4 !important;background-color: #DEA5A4 !important;   }
        .fc_custom7,.fc_custom7 a {border-color: #FF7100 !important;background-color: #FF7100 !important;   }
        .fc_custom8,.fc_custom8 a {border-color: #563d7c !important;background-color: #563d7c !important;   }
        .fc_custom9,.fc_custom9 a {border-color: #03a232 !important;background-color: #03a232 !important;   }
        .fc_custom10,.fc_custom10 a {border-color: #06C0E9 !important;background-color: #06C0E9 !important;   }
        .fc_custom11,.fc_custom11 a {border-color: #CA001E !important;background-color: #CA001E !important;   }
         .fc_custom12,.fc_custom12 a {border-color: #9966FF !important;background-color: #9966FF !important;   }
         .fc_custom13,.fc_custom13 a {border-color: #FFB347 !important;background-color: #FFB347 !important;   }
         .fc_custom14,.fc_custom14 a {border-color: #07575B !important;background-color:#07575B !important;  }
        .fc_custom15,.fc_custom15 a {border-color: #035C98 !important;background-color: #035C98 !important;  }
        .fc_custom16,.fc_custom16 a {border-color: #b39ddb !important;background-color: #b39ddb !important;  }
        .fc_custom17,.fc_custom17 a {border-color: #40596a !important;background-color: #40596a !important;  }
        .fc_custom18,.fc_custom18 a {border-color:#EFCC00 !important;background-color: #EFCC00 !important;  }
         .fc_custom19,.fc_custom19 a {border-color:#8da8ba !important;background-color: #8da8ba !important;  }
         .fc_custom20,.fc_custom20 a {border-color:#836953 !important;background-color: #836953 !important;  }
        
        .card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    margin: 0.25rem;
    background-color:#fff;
    padding:0px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-block
{
    padding: 1.25rem; 
}

.card-header {
    padding: 1.25rem; 
    
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.divfloating
{
    position: absolute; bottom: 5px; left: 0px;text-align: center; z-index: 15; width: 100%;
}
.padtop12
{
    padding-top:12px !important;
}
 .circlegray
        {
            height: 10px;
            width: 10px;
            background-color: #CFCAD0;
            border-radius: 50%;
            display: inline-block;
        }
        
.circlegreen
        {
            height: 10px;
            width: 10px;
            background-color: #84c225;
            border-radius: 50%;
            display: inline-block;
        }
        
.circleyellow
        {
            height: 10px;
            width: 10px;
            background-color:#fff500;
            border-radius: 50%;
            display: inline-block;
        }
        
        
        .direct-chat-text {
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
    background: #DFDFE7;
    border: 1px solid #DFDFE7;
    margin: 5px 0 0 5px;
    
}

.direct-chat-text:before {
    position: absolute;
    right: 100%;
    top: 15px;
    border: solid transparent;
    border-right-color: #DFDFE7;
    content: ' ';
    height: 0;
    width: 0;
    pointer-events: none;
    border-width: 7px;
}

.direct-chat-warning {
    border-width: 0;
    border-left-width: 1px;
}

.font-weight-bold
{
font-weight:bold;
}

.divhighlight {
    background-color:#efefef;
}


input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}

input[type=file]::before {
    content: 'Choose File';
    display: inline-block;
    border: 1px solid #999;
    border-radius: 3px;
    padding: 2px 2px;
    padding-left:8px;
    padding-right:8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    background-color:#ddd;
    color:#000;
   
}

input[type=file]:hover::before {
    background-color: #aaa;
}

input[type=file]:active::before {
   
}

.photoform {
    border-radius: 50%;
    -moz-border-radius: 50%;
}

.gridicon {
    font-size: 18px;
    color: #777 !important;
    margin: 1px;
    text-decoration: none !important;
}

.panel-info {
    border-color: #ccc;
    -webkit-box-shadow: 0 2px 10px #ccc;
    -moz-box-shadow: 0 2px 10px #ccc;
    box-shadow: 0 2px 10px #ccc;
    border-radius: 0px;
}

    .panel-info > .panel-heading {
        color: #000;
        background-color: #fff;
        border-color: #bce8f1;
        border-color: #ccc;
        -webkit-box-shadow: 0 2px 10px #ccc;
        -moz-box-shadow: 0 2px 10px #ccc;
        box-shadow: 0 2px 10px #ccc;
    }

.dashVal a {
    color: inherit;
    text-decoration: none;
}

    .dashVal a:hover,
    .dashVal a:focus, .dashVal a:visited, .dashVal a:link, .dashVal {
        text-decoration: none;
        color: #696969;
    }

.panel-danger > .panel-heading {
    color: #000;
    background-color: #fff;
    border-width: 0px;
}


.panel-danger {
    border-color: #E01B4C;
    box-shadow: 0 5px 10px #ebccd1;
    -webkit-box-shadow: 0 5px 10px #ebccd1;
    box-shadow: 0 5px 10px #ebccd1;
    -moz-box-shadow: 0 5px 10px #ebccd1;
    border-radius: 0px;
}

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

.dashVal a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.panel11 {
    background-color: transparent !important;
    border: 2px solid #ddd;
    padding: 10px;
    margin: 10px;
    padding-right: 40px;
    -webkit-box-shadow: 0px 1px 15px #ccc;
    -moz-box-shadow: 0px 1px 15px #ccc;
    box-shadow: 0px 1px 15px #ccc;
}

.panel11Selected {
    border: 1px solid #E01B4C !important;
    -webkit-box-shadow: 0px 1px 40px #ebccd1 !important;
    -moz-box-shadow: 0px 1px 40px #ebccd1 !important;
    box-shadow: 0px 1px 40px #ebccd1 !important;
}

.themeinfo {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    position: absolute;
    display: block;
    color: White;
    font-weight: 300;
    letter-spacing: 1.2px;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.photoform, .tblComment tr td im {
    margin: 5px 0 0 5px;
}

.menucards .card-header {
    padding: 1px;
    padding-left: 12px;
    background-color: #DFDFE7;
    border-bottom: 1px solid #ddd;
}
    .menucards .card-header .card-title {
       font-size:16px;
    }
.menucards ul, .menucards ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    /*line-height: 2.2em;*/
    padding: 4px;
}

    .menucards ul li a {
      font-size:15px;
      
    }

    .menucards ul li:hover {
        background-color: #eee;
    }

.parentmenucards {
    display: flex;
    width: 100%;
}

.menucards {
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
    
}

    .menucards .card {
        width: 100%;
       box-shadow: 0 4px 8px 0 #ddd;
} 

.menuicon {
    font-size: 16px;
    color: #777 !important;
    margin-right: 10px;
    text-decoration: none !important;
}

.menurighticon {
    font-size: 16px;
   
    margin-left: 10px;
    text-decoration: none !important;
}

#quote1 {
    color: white;
    font-family: "Arial";
    text-shadow: -1px 0 #ff9400, 0 1px #ff9400, 1px 0 #ff9400, 0 -1px #ff9400;
    font-size: 150px;
    vertical-align: -60px;
}

#quote2 {
    color: white;
    font-family: "Arial" !important;
    text-shadow: -1px 0 #ff9400, 0 1px #ff9400, 1px 0 #ff9400, 0 -1px #ff9400;
    font-size: 150px;
    vertical-align: -90px;
}

.ml9 {
    position: relative;
    font-weight: 200;
    font-size: 4em;
}

    .ml9 .text-wrapper {
        position: relative;
        display: inline-block;
        padding-top: 0.2em;
        padding-right: 0.05em;
        padding-bottom: 0.1em;
        overflow: hidden;
    }

    .ml9 .letter {
        transform-origin: 50% 100%;
        display: inline-block;
        line-height: 1em;
    }

.quoteleft:before {
    content: "“";
}

.quoteright:before {
    content: "”";
}

.fmdGrid tr.trhighlight ,.mGrid tr.trhighlight 
{
   background-color:#ECECF1;
   font-weight:bold;
}

.contentTitle {
    font-size: 18px !important;
    font-weight: 300;
}

tr.cssTransColorYellow {background-color:#ffff00!important;}
 tr.cssTransColorWhite   {background-color:White!important;}
 tr.cssTransColorBlue {background-color:#809fff!important;}
 tr.cssTransColorPink  {background-color:#ffb366!important;}
 tr.cssTransColorGreen {background-color:#5dd55d!important;}
tr.cssTransColorBrown  {background-color:#ffcc00!important;}

button span .multiselectoptionhtmlclass {
    display: none;
}


.anchAI {
    font-size: 18px;
    padding: 1px;
    border: 1px solid #444;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 3px;
    cursor: pointer;
    text-decoration: none !important;
    display: inline-block;
    margin-left:3px;
}
}

    .anchAI span {
        font-size: 19px;
    }

    .anchAI:after {
        content: " AI";
    }

.divAICard {
    background-color: #ddd;
    color: #000000 !important;
    cursor: pointer;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    padding-left: 20px;
    border-radius: 5px;
    line-height: 35px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .divcollapsibleactive, .divAICard:hover {
        background-color: #ccc;
    }

.divcollapsibleactive {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 0px;
}


.divcollapsiblecontent {
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    background-color: #ddd;
    text-align: left;
    outline: none;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    line-height: 35px;
}

    .divcollapsiblecontent table.mGrid tr.tbg td {
        background-color: #ccc;
        border: solid 1px #ccc;
    }

    .divcollapsiblecontent table.mGrid tr td {
        line-height: normal;
    }