html
{
    height: 100%;
}

body
{
    height: 100%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: White;
}
h4
{
    margin-top: .4em;
    margin-bottom: .4em;
}
h5
{
    margin-top: .4em;
    margin-bottom: .4em;
}
select, textarea
{
    border: 1px solid gray;
    border-radius: 6px;
    padding: 2px 2px 2px 4px;
/*    box-shadow: 3px 3px 5px #888;*/
    -webkit-appearance: none;
    border-collapse: separate;
}
.collapsiblePanelContainer
{
    height: 0;
    overflow: hidden;
}
#wrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -3em;
}
#container
{
    width: 98%;
    margin: 10px auto;
    background-color: #fff; /*color: #333;*/ /*border: 1px solid gray;*/
    line-height: 130%;
}

#top {
    /*padding: .5em;*/
    /*background-color: #787878;*/
    border-color: rgba(0, 0, 0, .2);
    transition: .25s padding ease;
}

    #top h1 {
        padding: 0;
        margin: 0;
    }

#leftnav
{
    float: left; /*width: 160px;*/
    margin: 0;
    padding: 1em;
    width: 200px;
    border-right: 1px solid gray;
}

.content
{
    /*margin-left: 300px;
    padding: 1em; /*max-width: 36em;*/
    margin: 1em;
}

.content_only
{
    padding: 1em;
}

#push
{
    height: 4em;
    clear: both;
}

#footer
{
    height: 2em;
    margin-left: 10px;
    margin-right: 10px;
    padding: .5em 1em .5em 1em;
    color: Black;
    font-size: x-small; /*     background-color: #150517;     background: -moz-linear-gradient(top, #35425d 25%, #000 100%);     background: -webkit-gradient(linear, left top, left bottom, from(#35425d), to(#000));     background: -ms-linear-gradient(top, #35425d 25%, #000 100%);     filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000', startColorstr='#35425d', gradientType='0');     */
}

#leftnav p
{
    margin: 0 0 1em 0;
    font-size: 80%;
}
#content h2
{
    margin: 0 0 .5em 0;
}

ul
{
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

a
{
    color: #5f6061;
    font-size: small;
}

a:hover
{
    color: blue;
    cursor: pointer;
}
.cloud, .cloud2
{
    text-align: center;
}
.cloud a, .cloud a:visited
{
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    text-decoration: none;
    color: Gray;
}
.cloud2 a, .cloud2 a:visited
{
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    text-decoration: none;
    color: Teal;
}
.spacer
{
    height: 1em;
    clear: both;
}
.headerinfo
{
    color: White;
    font-size: smaller;
    text-align: right;
}
.autoclose
{
    position: absolute;
    margin-left: -200px;
    left: 50%;
    top: 30%;
    width: 400px;
    background-color: white;
    border: solid 1px #004A99;
    padding: 0px 4px 0px 4px;
    z-index: 999;
}
.nojscript
{
    color: Gray;
    font-size: 80%;
    margin: 0 auto;
    width: 50%;
}
.historypopup
{
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    border: solid 2px black;
    padding: 0.6em;
    width: 400px;
    height: 400px;
    overflow: auto;
    z-index: 1000;
}
.redflagpopup
{
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    border: solid 2px black;
    padding: 0.6em;
    width: 300px;
    height: 250px;
}
.generalpopup
{
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    border: solid 1px black;
    padding: 2px;
    width: 400px;
    height: 400px;
    overflow: auto;
    z-index: 1000;
}
.additionalinfopopup
{
    position: absolute;
    visibility: hidden;
    background-color: rgba(0,0,0,0.85);
    border: solid 0px;
    padding: 2px;
    width: 400px;
    height: auto;
    overflow: auto;
    z-index: 1000;
    border-radius:5px;
    color: #fff;
}
.directionsm
{
    font-size: smaller;
}
.directionsmb
{
    font-size: smaller;
    font-weight: bold;
}
.directionvsm
{
    font-size: x-small;
}

.direction
{
    font-weight: bold;
}

.field
{
    font-size: 10pt;
}
.fieldcaption
{
    font-size: 10pt;
    color: #595959;
}
.required
{
    font-size: small;
    font-weight: bold;
    color: red;
}
.contactinfopopup
{
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    border: solid 1px black;
    padding: 2px;
    width: 340px;
    height: 300px;
    overflow: auto;
}
.formtable td
{
    border-left: dotted thin Silver;
    border-top: dotted thin Silver;
    padding: 2px; /*border-collapse: collapse;*/
}
hr
{
    color: Black;
    background-color: Silver;
    height: 2px;
}

.fieldwatermark
{
    font-size: 80%;
    color: silver;
    font-family: Verdana, Arial, Helvetica, sans-serif;
/*    max-width: 280px;*/
}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup400h
{
    background-color: #F0F0F0;
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 70%;
    height: 400px;
    overflow: auto;
}
.modalPopup80pcWide
{
    background-color: #F0F0F0;
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    padding: 1em;
    width: 80%;
}
.modalPopup400h90pcWide
{
    background-color: #F0F0F0;
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 90%;
    height: 400px;
    overflow: auto;
}
.modalPopup
{
    background-color: #F0F0F0;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .2);
    padding: 3px;
    width: 40%;
    border-radius: 3px;
}
.modalPopup60pc
{
    background-color: #F0F0F0;
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 60%;
}
.modalPopup80pc {
    background-color: #F0F0F0;
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 3px;
    width: 80%;
    border-radius: 15px;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    z-index: 10001 !important;
}
.sectionheader
{
    font-size: 120%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; /*background-color: #797AB3;*/
}
.highrisktag
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 60%;
    font-weight: bold;
    color: white;
    background-color: red;
    padding: 0.6em;
    cursor: default;
}
.maractag
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 60%;
    font-weight: bold;
    color: white;
    background-color: blue;
    padding: 0.6em;
    cursor: default;
}
.idvatag
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 60%;
    font-weight: bold;
    color: white;
    background-color: Orange;
    padding: 0.6em;
    cursor: default;
}
.svtag
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 60%;
    font-weight: bold;
    color: red;
    background-color: #DCDCDC;
    padding: 0.6em;
    cursor: default;
    border-radius: 6px;
    -moz-box-shadow: 6px 6px 5px #888;
    -webkit-box-shadow: 6px 6px 5px #888;
    box-shadow: 6px 6px 5px #888;
}
.ttmmtag
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 60%;
    font-weight: bold;
    color: white;
    background-color: #9E7BFF;
    padding: 2px;
    padding: 0.6em;
    cursor: default;
}
.sdvctag
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 60%;
    font-weight: bold;
    color: white;
    background-color: green;
    padding: 0.6em;
    cursor: default;
}
.results
{
    background-color: #F0F0F0;
}
.resultsheader th
{
    text-align: left;
}
.resultsrowalt
{
    background-color: #E8E8E8;
    font-size: 90%;
}
.resultsrow
{
    font-size: 90%;
}
.resultsrowempty
{
    font-size: 90%;
    background-color: White;
}
.resultspager span
{
    font-size: 80%;
}

.ajax__calendar
{
    position: relative;
    left: 0px !important;
    top: 0px !important;
    visibility: visible;
    display: block;
}
.ajax__calendar iframe
{
    left: 0px !important;
    top: 0px !important;
}
.ajax__calendar_container
{
    z-index: 10000;
    padding: 4px;
    position: absolute;
    cursor: default;
    width: 170px;
    font-size: 11px;
    text-align: center;
    font-family: tahoma,verdana,helvetica;
}
.ajax__calendar_body
{
    height: 139px;
    width: 170px;
    position: relative;
    overflow: hidden;
    margin: auto;
}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years
{
    top: 0px;
    left: 0px;
    height: 139px;
    width: 170px;
    position: absolute;
    text-align: center;
    margin: auto;
}
.ajax__calendar_container TABLE
{
    font-size: 11px;
}
.ajax__calendar_header
{
    height: 20px;
    width: 100%;
}
.ajax__calendar_prev
{
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(   "images/arrow-left.gif" );
}
.ajax__calendar_next
{
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(   "images/arrow-right.gif" );
}
.ajax__calendar_title
{
    cursor: pointer;
    font-weight: bold;
}
.ajax__calendar_footer
{
    height: 15px;
}
.ajax__calendar_today
{
    cursor: pointer;
    padding-top: 3px;
}
.ajax__calendar_dayname
{
    height: 17px;
    width: 17px;
    text-align: right;
    padding: 0 2px;
}
.ajax__calendar_day
{
    height: 17px;
    width: 18px;
    text-align: right;
    padding: 0 2px;
    cursor: pointer;
}
.ajax__calendar_month
{
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.ajax__calendar_year
{
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.ajax__calendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #ffffff;
    color: #000000;
    z-index: 9999;
}
.ajax__calendar .ajax__calendar_footer
{
    border-top: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_dayname
{
    border-bottom: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_day
{
    border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_month
{
    border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_year
{
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day
{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year
{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day
{
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month
{
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year
{
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title
{
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today
{
    color: #0066cc;
}
#ctl00_prog1 {
    z-index: 20000;
}
.progress {
    overflow: visible;
    display: inline !important;
    background-color: White;
    border: solid 0px;
    padding: 1em;
    width: 200px;
    height: 120px;
    position: absolute;
    margin-left: -200px;
    left: 6em;
    top: 30%;
    background-color: white;
    border-radius: 15px;
    box-sizing: unset;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
.progresssm
{
    background-color: White;
    border: solid 1px gray;
    padding: 2em;
    width: 240px;
    height: 60px;
    position: absolute;
    margin-left: -200px;
    left: 50px;
    top: -60px;
    background-color: white;
    z-index: 1000;
}
.progress a
{
    color: Gray;
    text-decoration: none;
}
.progressBackgroundFilter
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 0;
}
.tooltip
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: small;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
    background-color: WhiteSmoke;
    padding: 5px;
    border: solid 1px black;
    font-style: normal;
    line-height: 1.1em;
    font-weight: normal;
    color: Black;
    width: 400px;
}
.fieldcaptionreports {
    font-size: 10pt;
    color: #595959;
    /* 	font-size: 90%; 	color: Navy; 	font-style: italic; 	font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
.gridseparator
{
    border: none;
    height: 1px;
}
.dobestimate
{
    font-size: 10px;
    color: Orange;
}
.bye_banner
{
    background-image: url(images/banner_grad_1px.png);
    background-repeat: repeat-x;
}
.minwidth
{
    min-width: 120px;
}
.qs
{
    color: White;
    background-color: Gray;
    font-size: 12px;
    border: solid 1px black;
    padding: 2px 2px 2px 2px;
}
.qsfieldwatermark
{
    color: White;
    background-color: Gray;
    font-size: 12px;
    border: solid 1px black;
    padding: 2px 2px 2px 2px;
}
.highlight
{
    background-color: Yellow;
}
.dataTableAlignRight
{
    text-align: right;
}
.grid {
/*font-family: Verdana, Arial, Sans-Serif, Helvetica;*/
    font-family: Arial;
    font-size: 11px;
    border: solid 1px #7f7f7f;
    border-collapse: collapse;
    color: #333333;
    width: 100%;
}

/* header column rules */
.grid th {
    background-color: #B0BEC5;
    -webkit-background-color: #B0BEC5;
    -moz-background-color: #B0BEC5;
    border-color: #B0BEC5;
    -webkit-border-color: #B0BEC5;
    -moz-border-color: #B0BEC5;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: White;
    padding: 4px 5px 4px 10px;
    vertical-align: bottom; /*text-align: left;*/
    font-weight: bold;
}

.grid th a {
    color: White;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-right: 10px;
}

.grid th a:hover {
    color: White;
    cursor: pointer;
}

/* data cell and data row rules */
.grid td {
    padding: 4px 10px 4px 10px;
}

.grid .altrow {
    background-color: #EFF3FB;
}

.grid .row {
    background-color: #FFFFFF;
}

.grid .rownum {
    text-align: center;
    padding-left: 0px;
    font-weight: bold;
    color: #333333;
}

.grid .caption {
    color: Green;
}

.pager
{
    height: 30px;
    background: url(images/pager_bg.gif) repeat-x;
}
.pager .container
{
    padding: 4px;
}
.pager .command
{
    float: left;
    padding: 4px 5px;
    font-size: 12px;
}
.pager .info
{
    font-size: 12px;
    padding: 4px 0px;
    float: right;
}
.hoverMenu
{
    border: solid 6px DarkSlateGray;
    padding: 1em;
    background-color: AntiqueWhite;
    border-radius: 12px;
    text-align: left;
}
.pointer
{
    cursor: pointer;
}
.dblunderline
{
    border-bottom: 3px double;
}
/* New gridview styling */
.gridview {
    /*font-family: Verdana, Arial, Sans-Serif, Helvetica;*/
    font-family: Arial;
    font-size: 11px;
    border: solid 1px Silver;
    border-collapse: collapse;
    color: #333333;
    width: 100%;
}

.gridviewsmall {
    /*font-family: Verdana, Arial, Sans-Serif, Helvetica;*/
    font-family: Arial;
    font-size: 8px;
    border: solid 1px Silver;
    border-collapse: collapse;
    color: #333333;
    width: 90%;
}

/* header column rules */
.gridview th {
    background: url(images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    vertical-align: bottom;
    text-align: left;
}

.gridviewsmall th {
    background: url(images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 2px 3px 2px 2px;
    vertical-align: bottom;
    text-align: left;
}

.gridview th a {
    color: Green;
    font-weight: bold;
    font-size: small;
    text-decoration: none;
    display: block;
    padding-right: 10px;
}

.gridviewsmall th a {
    color: Green;
    font-weight: bold;
    font-size: x-small;
    text-decoration: none;
    display: block;
    padding-right: 2px;
}

.gridview th a:hover {
    color: Blue;
    font-size: small;
    cursor: pointer;
}

.gridviewsmall th a:hover {
    color: Blue;
    font-size: x-small;
    cursor: pointer;
}

.gridview .header {
    background: url(images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    vertical-align: bottom;
    text-align: left;
}

.gridviewsmall .header {
    background: url(images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 2px 3px 2px 2px;
    vertical-align: bottom;
    text-align: left;
}

.gridview .header a {
    color: Green;
    font-weight: bold;
    font-size: small;
    text-decoration: none;
    display: block;
    padding-right: 10px;
}

.gridviewsmall .header a {
    color: Green;
    font-weight: bold;
    font-size: x-small;
    text-decoration: none;
    display: block;
    padding-right: 2px;
}

.gridview .header a:hover {
    color: Blue;
    font-size: small;
    cursor: pointer;
}

.gridviewsmall .header a:hover {
    color: Blue;
    font-size: x-small;
    cursor: pointer;
}

/* data cell and data row rules */
.gridview td {
    color: #333333;
    padding: 4px 10px 4px 10px;
}

.gridviewsmall td {
    color: #333333;
    padding: 2px 2px 2px 2px;
}

.gridview .gridviewrowalt {
    background-color: #EBF4FA;
}

.gridviewsmall .gridviewrowalt {
    background-color: #EBF4FA;
    font-size: 70%;
}

.gridview .gridviewrow {
    background-color: #fff;
}

.gridviewsmall .gridviewrow {
    background-color: #fff;
    font-size: 70%;
}

.gridview .gridviewrowalt:hover {
    background-color: #FFFF99;
}

.gridviewsmall .gridviewrowalt:hover {
    background-color: #FFFF99;
}

.gridview .gridviewrow:hover {
    background-color: #FFFF99;
}

.gridviewsmall .gridviewrow:hover {
    background-color: #FFFF99;
}

.gridview .rownum {
    text-align: center;
    padding-left: 0px;
    font-weight: bold;
    color: #333333;
}

.gridviewsmall .rownum {
    text-align: center;
    padding-left: 0px;
    font-weight: bold;
    color: #333333;
}

.gridview .caption {
    color: Green;
}

.gridviewsmall .caption {
    color: Green;
}

.gridviewpager {
    height: 30px;
    background: url(images/pager_bg.gif) repeat-x;
}

.gridviewpager .container {
    padding: 4px;
}

.gridviewpager .command {
    float: left;
    padding: 4px 5px;
    font-size: 12px;
}

.gridviewpager .info {
    font-size: 12px;
    padding: 4px 0px;
    float: right;
}
.gradient-cell-red
{
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -webkit-linear-gradient(top, #fff, #eee);
    background: -o-linear-gradient(top, #fff,#eee);
    background: linear-gradient(top, #fff, #eee); /* versions of IE use these */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff',EndColorStr='#eeeeee');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee)";
}
.modalPopupNew
{
    background-color: Black;
    color: White;
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    width: 40%;
    padding: 1em 1em 1em 2em;
    border-radius: 12px;
}
.modalPopupNew li
{
    list-style-type: circle;
    margin-left: 10px;
    font-style: italic;
}
.darkpanel
{
    margin-left: 10px;
    padding: .4em 1em 0em 1em;
    background-color: Gray;
}
.darkpanel h4
{
    color: White;
}
.darkpanel p
{
    color: White;
    font-size: small;
}
.darkpanel li
{
    margin-bottom: .6em;
    line-height: normal;
}
.darkpanel a
{
    font-size: small;
}
.starpanel
{
    background-color: gray;
    padding: 1em 1em 1em 1em;
    font-size: 80%;
    color: White;
}
.starpanel li
{
    list-style-type: circle;
    margin-left: 10px;
    font-style: italic;
    font-weight: bold;
}
.starScorePanel
{
    background-color: Black;
    color: White;
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    width: 40%;
    padding: 1em 1em 1em 2em;
    border-radius: 12px;
}
.starScorePanel li
{
    list-style-type: circle;
    margin-left: 10px;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 1em;
}
.round
{
    border-radius: 6px;
}
.clientname
{
    margin: 1em 0 0.5em 0;
    font-weight: normal;
    position: relative;
    text-shadow: 0 -1px rgba(0,0,0,0.6);
    font-size: 18px;
    line-height: 25px;
    background: #355681;
    background: rgba(53,86,129, 0.8);
    border: 1px solid #fff;
    padding: 5px 15px;
    color: white;
    border-radius: 0 10px 0 10px;
    box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);
    font-family: 'Muli' , sans-serif;
}
.formwarningspopup
{
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    border: solid 2px red;
    padding: 0.6em;
    width: 400px;
    height: 150px;
}
.center
{
    margin: 0 auto;
}

.savedinfo
{
    font-size: 18px;
    font-weight: bold;
    position: fixed;
    top: 3em;
    width: 20%;
    left: 40%;
    margin-left: auto;
    margin-right: auto;
    color: white;
    background-color: Green;
    text-align: center;
}
.UglyMugs
{
    background-color: #D2CAED;
    border: 1px solid silver;
}

.forgottenpassword .button
{
    clear: both;
    width: 225px;
    height: 40px;
    color: rgba(98, 121, 174, 1);
    text-align: center;
    line-height: 15px;
    background: #FFFFFF;
    font-weight: bold;
    font-size: 22px;
    border: solid 1px rgba(98, 121, 174, 1);
    border-radius: 2px;
}
.forgottenpassword .button:hover
{
    clear: both;
    width: 225px;
    height: 40px;
    background: rgba(98, 121, 174, 1);
    text-align: center;
    line-height: 15px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 22px;
    border: none;
}

.logout h2
{
    color: #5d5d5f;
    font-size: 28px;
}
.logout h3
{
    color: #5d5d5f;
    font-size: 22px;
    font-weight: normal;
}
::-moz-placeholder
{
    /* Firefox 19+ */
    color: pink;
}
:-ms-input-placeholder
{
    /* IE 10+ */
    color: pink;
}
:-moz-placeholder
{
    /* Firefox 18- */
    color: pink;
}
.forgottenpassword label
{
    color: #5d5d5f;
    font-size: 22px;
    text-align: right;
}
.forgottenpassword h1
{
    color: #5d5d5f;
    font-size: 28px;
    text-align: left;
    line-height: 130%;
    font-weight: lighter;
}
.forgottenpassword p
{
    color: #5d5d5f;
    font-size: 16px;
    text-align: left;
    line-height: 140%;
}
.forgottenpassword a
{
    font-size: 16px;
}
.forgottenpassword input
{
    font-size: 22px;
    width: 300px;
    color: #5d5d5f;
    border: solid 1px #5d5d5f;
    margin-top: .4em;
    padding: .4em;
    border-radius: 0;
    box-shadow: none;
}
.forgottenpassword .spacer
{
    height: 1em;
    clear: both;
}
.hoverMenu
{
    border: solid 6px DarkSlateGray;
    padding: 1em;
    background-color: AntiqueWhite;
    border-radius: 12px;
    text-align: left;
}
.youremail label
{
    color: #5d5d5f;
    font-size: 22px;
    text-align: right;
}
.youremail h1
{
    color: #5d5d5f;
    font-size: 28px;
    text-align: left;
    line-height: 130%;
    font-weight: lighter;
}
.youremail p
{
    color: #5d5d5f;
    font-size: 16px;
    text-align: left;
    line-height: 140%;
}
.youremail a
{
    font-size: 16px;
}
.youremail input
{
    font-size: 22px;
    width: 300px;
    color: #5d5d5f;
    border: solid 1px #5d5d5f;
    margin-top: .4em;
    padding: .4em;
    border-radius: 0;
    box-shadow: none;
}
.youremail .button
{
    clear: both;
    width: 260px;
    height: 60px;
    background: rgba(98, 121, 174, 1);
    text-align: center;
    line-height: 15px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 22px;
    border: none;
}
.youremail .spacer
{
    height: 1em;
    clear: both;
}

/*KS Button changes 28/02/2018*/

.btn btn-primary {
    padding: 8px 8px;
    background: #6279ae;
    color: #fff;
    border: solid 1px #6279ae;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 32px;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.2);
    margin-top: 4px;
    margin-left: 1px;
    margin-right: 1px;
    -webkit-appearance: none;
    margin-bottom: 10px;
    display: inline-block;
}
    .btn btn-primary:hover {
        background: #455987;
        border: solid 1px #455987;
        color: #FFF;
        font-size: 14px;
        margin-bottom: 10px;
        display: inline-block;
    }
.btn btn-primary {
    padding: 8px 8px;
    background: rgba(98, 121, 174, 1);
    color: #fff;
    border: solid 1px rgba(98, 121, 174, 1);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 28px;
    font-size: 12px;
    text-align: center;
    line-height: .8;
    border-radius: 2px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.2);
    margin-top: 4px;
    margin-left: 1px;
    margin-right: 1px;
    -webkit-appearance: none;
    margin-bottom: 10px;
    display: inline-block;
}
.btn btn-primary:hover {
    background: #455987;
    border: solid 1px #455987;
    color: #FFF;
    font-size: 12px;
    margin-bottom:10px;
    display: inline-block;
}

.btn btn-outline-secondary {
    padding: 8px 8px;
    background: #989898;
    color: #FDFDFD;
    border: solid 1px #989898;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 32px;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.2);
    margin-top: 4px;
    margin-left: 1px;
    margin-right: 1px;
    -webkit-appearance: none;
    margin-bottom: 10px;
    display: inline-block;
}

    .btn btn-outline-secondary:hover {
        background: #707070;
        border: solid 1px #707070;
        color: #FFF;
        font-size: 14px;
        margin-bottom: 10px;
        display: inline-block;
    }
.btn btn-danger {
    padding: 8px 8px;
    background: #d9534f;
    color: #FFF;
    border: solid 1px #d9534f;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 32px;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.2);
    margin-top: 4px;
    margin-left: 1px;
    margin-right: 1px;
    -webkit-appearance: none;
}
    .btn btn-danger:hover {
        background: #c9302c;
        border: solid 1px #c9302c;
        color: #FFF;
        font-size: 14px;
    }
.btn btn-success {
    padding: 8px 8px;
    background: #5cb85c;
    color: #FFF;
    border: solid 1px #5cb85c;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 32px;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.2);
    margin-top: 4px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 6px;
    display: inline-block;
    -webkit-appearance: none;
}
    .btn btn-success:hover {
        background: #449d44;
        border: solid 1px #449d44;
        color: #FFF;
        font-size: 14px;
    }

.btn btn-success-small {
    padding: 8px 8px;
    background: #5cb85c;
    color: #FFF;
    border: solid 1px #5cb85c;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 28px;
    font-size: 12px;
    text-align: center;
    line-height: 0;
    border-radius: 2px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.2);
    margin-top: 4px;
    margin-left: 1px;
    margin-right: 1px;
    -webkit-appearance: none;
}
    .btn btn-success-small:hover {
        background: #449d44;
        border: solid 1px #449d44;
        color: #FFF;
        font-size: 14px;
    }


.btn btn-primary-client {
    padding: 8px 8px;
    background: #6279ae;
    color: #fff;
    border: solid 1px #6279ae;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 38px;
    width: 160px;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.2);
    -webkit-appearance: none;
}

    .btn btn-primary-client:hover {
        background: #455987;
        border: solid 1px #455987;
        color: #FFF;
        font-size: 14px;
    }

.btn btn-danger-client {
    padding: 8px 8px;
    background: #d9534f;
    color: #FFF;
    border: solid 1px #d9534f;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 38px;
    width: 160px;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.2);
    -webkit-appearance: none;
}

    .btn btn-danger-client:hover {
        background: #c9302c;
        border: solid 1px #c9302c;
        color: #FFF;
        font-size: 14px;
    }

.btn btn btn-success {
    padding: 8px 8px;
    background: #5cb85c;
    color: #FFF;
    border: solid 1px #5cb85c;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 38px;
    width: 160px;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.2);
    -webkit-appearance: none;
}

    .btn btn btn-success:hover {
        background: #449d44;
        border: solid 1px #449d44;
        color: #FFF;
        font-size: 14px;
    }

.modalPopup80pc90pc
{
    background-color: #FDFDFD;
    border-width: 2px;
    border-style: solid;
    border-color: DarkSlateGray;
    padding: 3px;
    width: 80%;
    overflow: auto;
    height: 90%;
}
.modalPopup90pc90pc
{
    background-color: #FDFDFD;
    border-width: 2px;
    border-style: solid;
    border-color: DarkSlateGray;
    padding: 3px;
    width: 80%;
    overflow: auto;
    height: 90%;
}
.isva-grid-header
{
    /*transform: rotate(305.0deg);*/
    vertical-align: top;
    font-weight: normal;
    font-size: 8pt;
}
.hyperlink-8pt a
{
    font-size: 8pt !important;
}
@font-face {
    font-family: NotoMedium;
    src: url('fonts/Noto/NotoSans-Medium.ttf');
}

@font-face {
    font-family: NotoBold;
    src: url('fonts/Noto/NotoSans-Bold.ttf');
}

*
{
    font-family: NotoBold;
}
#divAppName
{
    font-weight: 500;
    font-size: 2em;
}
/*TOP MENU BAR*/
.panMenu
{
    position: absolute;
    z-index: 2; /*height: auto;*/
    width: 100%;
    min-width: 975px;
}

.main-menu
{
    opacity: 0;
}

.top
{
    transition: .25s padding ease;
    padding-top: 2em;
}

.quick-nav-panel
{
    position: fixed;
    top: 40%;
    right: 0;
    margin-right: 10px;
    height: 200px;
    width: 150px;
    z-index: 1000;
}

#hlTop
{
    position: fixed;
    top: 80%;
    right: 0;
    margin-right: 10px;
    height: 200px;
    width: 150px;
    z-index: 9999;
}

.quick-nav-icon
{
    font-size: 8pt;
    vertical-align: top;
    float: right;
}

.panel
{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body
{
    padding: 15px;
}

.panel-heading
{
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle
{
    color: inherit;
}

.panel-title
{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a
{
    color: inherit;
}

.panel-footer
{
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group, .panel > .panel-collapse > .list-group
{
    margin-bottom: 0;
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item
{
    border-width: 1px 0;
    border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child
{
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child
{
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .panel-heading .panel-collapse > .list-group .list-group-item:first-child
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading .list-group .list-group-item:first-child
{
    border-top-width: 0;
}

.list-group .panel-footer
{
    border-top-width: 0;
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table
{
    margin-bottom: 0;
}

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption
{
    padding-right: 15px;
    padding-left: 15px;
}

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child
{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child
{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child
{
    border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child
{
    border-top-right-radius: 3px;
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child
{
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child
{
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child
{
    border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child
{
    border-bottom-right-radius: 3px;
}

.panel > .panel-body .table, .panel > .panel-body .table-responsive, .panel > .table .panel-body, .panel > .table-responsive .panel-body
{
    border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td
{
    border-top: 0;
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered
{
    border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child
{
    border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child
{
    border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th
{
    border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th
{
    border-bottom: 0;
}

.panel > .table-responsive
{
    margin-bottom: 0;
    border: 0;
}

.panel-group
{
    margin-bottom: 20px;
}

.panel-group .panel
{
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-group .panel .panel
{
    margin-top: 5px;
}

.panel-group .panel-heading
{
    border-bottom: 0;
}

.panel-group .panel-heading .panel-collapse > .panel-body, .panel-group .panel-heading .panel-collapse > .list-group
{
    border-top: 1px solid #ddd;
}

.panel-group .panel-footer
{
    border-top: 0;
}

.panel-group .panel-footer .panel-collapse .panel-body
{
    border-bottom: 1px solid #ddd;
}

.panel-default
{
    border-color: #ddd;
}

.panel-default > .panel-heading
{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default > .panel-heading .panel-collapse > .panel-body
{
    border-top-color: #ddd;
}

.panel-default > .panel-heading .badge
{
    color: #f5f5f5;
    background-color: #333;
}

.panel-default > .panel-footer .panel-collapse > .panel-body
{
    border-bottom-color: #ddd;
}

.panel-primary
{
    border-color: #337ab7;
}

.panel-primary > .panel-heading
{
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-primary > .panel-heading .panel-collapse > .panel-body
{
    border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge
{
    color: #337ab7;
    background-color: #fff;
}
.panel-primary > .panel-footer .panel-collapse > .panel-body
{
    border-bottom-color: #337ab7;
}
.panel-success
{
    border-color: #d6e9c6;
}
.panel-success > .panel-heading
{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-success > .panel-heading .panel-collapse > .panel-body
{
    border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge
{
    color: #dff0d8;
    background-color: #3c763d;
}
.panel-success > .panel-footer .panel-collapse > .panel-body
{
    border-bottom-color: #d6e9c6;
}
.panel-info
{
    border-color: #bce8f1;
}
.panel-info > .panel-heading
{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-info > .panel-heading .panel-collapse > .panel-body
{
    border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge
{
    color: #d9edf7;
    background-color: #31708f;
}
.panel-info > .panel-footer .panel-collapse > .panel-body
{
    border-bottom-color: #bce8f1;
}
.panel-warning
{
    border-color: #faebcc;
}
.panel-warning > .panel-heading
{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.panel-warning > .panel-heading .panel-collapse > .panel-body
{
    border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge
{
    color: #fcf8e3;
    background-color: #8a6d3b;
}
.panel-warning > .panel-footer .panel-collapse > .panel-body
{
    border-bottom-color: #faebcc;
}
.panel-danger
{
    border-color: #ebccd1;
}
.panel-danger > .panel-heading
{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.panel-danger > .panel-heading .panel-collapse > .panel-body
{
    border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge
{
    color: #f2dede;
    background-color: #a94442;
}
.panel-danger > .panel-footer .panel-collapse > .panel-body
{
    border-bottom-color: #ebccd1;
}
.gridviewnew {
    /*font-family: Verdana, Arial, Sans-Serif, Helvetica;*/
    font-size: 12px;
    /*border: solid 1px Silver;*/
    border-collapse: collapse;
    width: 100%;
    background-color: White;
    border-radius: 3px;
}

/* header column rules */
table th:first-child {
    border-top-left-radius: 10px;
}

table th:last-child {
    border-top-right-radius: 10px;
}

    .gridviewnew th {
        background-color: #3697ff;
        -webkit-background-color: #3697ff;
        -moz-background-color: #3697ff;
        border-color: #fff;
        -webkit-border-color: #3697ff;
        -moz-border-color: #3697ff;
        border-style: none;
        border-width: 0px;
        color: White;
        padding: 5px 5px 5px 10px;
        vertical-align: bottom;
        /* text-align: left; */
        font-weight: normal;
    }

.gridviewnew th a {
    color: White;
    font-weight: normal;
    text-decoration: none;
    display: block;
    padding-right: 10px;
}

.gridviewnew th a:hover {
    color: White;
    cursor: pointer;
}

.gridviewnew .header {
    background-color: #B0BEC5;
    -webkit-background-color: #B0BEC5;
    -moz-background-color: #B0BEC5;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: White;
    padding: 4px 5px 4px 10px;
    vertical-align: middle; /*text-align: left;*/
}

.gridviewnew .header a {
    color: White;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-right: 10px;
}

.gridviewnew .header a:hover {
    color: White;
    cursor: pointer;
}
/* data cell and data row rules */
.gridviewnew td {
    color: #333333;
    padding: 5px 10px 5px 10px;
}

.gridviewnew .gridviewrownew:hover td {
    background: #ECEFF1;
}

.gridviewnew .gridviewrowaltnew {
    background-color: #EFF3FB;
}

.gridviewnew .gridviewrownew {
    background-color: #FFFFFF;
}

.gridviewnew .gridviewrowaltnew:hover {
    background-color: #d9dce4;
}

.gridviewnew .gridviewrownew:hover {
    background-color: #d9dce4;
}
.pagernew {
    background-color: #B0BEC5;
    height: 30px;
    color: white;
}

.pagernew .container {
    padding: 4px;
}

.pagernew .command {
    float: left;
    padding: 4px 5px;
    font-size: 12px;
}

.pagernew .info {
    font-size: 12px;
    padding: 4px 0px;
    float: right;
}
h4
{
    font-weight: 500;
    line-height: 1.2;
    color: #595959;
    font-size: 1.5em;
}
.flag
{
    display: inline-block;
    height: 2em;
    width: 9.5em;
    padding-top: .23em;
    margin-bottom: .5em;
    color: white;
    font-size: 10pt;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: central;
    border-radius: 14px;
    box-sizing: border-box;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
/***********************/
/*****JB 22/12/2017*****/
/***********************/
.OnDemandTabControl .ajax__tab_header span
{
    height: 2.5em;
    margin: 0;
    color: #646464;
    border: none;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    border-radius: 3px;
}
.OnDemandTabControl .ajax__tab_header span:hover
{
    /*color: rgba(98, 121, 174, 1);*/
}
.OnDemandTabControl .ajax__tab_header .ajax__tab_outer
{
    padding: 0;
    line-height: 1.7;
    border: none;
    background: #e7ecea;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer:hover span
{
    color: rgba(98, 121, 174, 1);
}
.ajax__tab_header .ajax__tab_inner
{
    /*background: linear-gradient(white, #999);*/
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    /*position: relative;*/
    z-index: 0;
    padding: 0;
    line-height: 1.4;
    border: none;
    background: none;
}
.ajax__tab_header .ajax__tab_active span
{
    color: rgba(98, 121, 174, 1);
    border: none;
    background: white;
}
.field:active, .field:focus
{
    border-radius: 5px;
}

.button_outer
{
    width: min-content;
    padding: 1em;
    margin: 1em 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
/*JB 22/12/2017 END*/

.actionlink {
    display: inline-flex;
    /*width: 100%;*/
    padding: 0 1px 1px 1px;
    color: #0277BD;
    letter-spacing: 1px;
    text-decoration: none;
    transition: width .25s all ease;
}

.actionlink:hover {
    color: rgba(98, 121, 174, 1);
}

a
{
    color: #0277BD;
}
/********************************************/
/***** JB 25/04/2018 Top of page button *****/
/********************************************/

#divTopArrow
{
    position: fixed;
	bottom: 5px;
    right: 0;
    margin-right: 10px;
}
#divTopArrow a
{
    display: block;
    height: 50px;
    width: 50px;
    padding-top: 18px;
    border-radius: 3px;
    background: rgba(66, 66, 66, .8);
    box-sizing: border-box;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
#divTopArrow a span
{
    display: block;
    height: 25px;
    width: 25px;
    margin-left: auto;
    margin-right: auto;
    border-top-left-radius: 3px;
    border-top: 3px solid white;
    border-left: 3px solid white;
    transform: rotate(45deg);
}

/************************************************/
/***** JB 25/04/2018 Top of page button END *****/
/************************************************/

.panLimeList {
    top: 25% !important;
}


.searchArea:hover .searchAreaInsideText,
.searchProperty:hover .searchPropertyInsideText {
    background: #455A64;
}

.searchAreaInsideText,
.searchPropertyInsideText {
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    padding: .4em;
    margin-top: -0.4em;
    margin-left: -0.4em;
    font-family: NotoBold;
    writing-mode: vertical-lr;
    text-align: center;
    background: #607D8B;
    box-sizing: border-box;
}

@media screen\0, @media screen\9, @supports (-ms-ime-align: auto) {

    /* Style rules here will only be applied in Internet Explorer, other browsers will ignore them. */
    .searchAreaInsideText,
    .searchPropertyInsideText {
        writing-mode: tb-rl;
    }
}

.searchArea,
.searchProperty {
    z-index: 1;
    position: fixed;
    height: 10em;
    width: 2em;
    padding: .4em;
    left: 0;
    top: 50%;
    color: white;
    font-size: 12pt;
    letter-spacing: 1px;
    cursor: default;
    background: #607D8B;
    box-sizing: border-box;
    transition: .25s all ease-in-out;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

    .searchArea:hover .searchAreaInsideText,
    .searchProperty:hover .searchPropertyInsideText {
        background: #455A64;
    }

.searchAreaLeftnavClient,
.searchPropertyLeftnavClient {
    /*overflow: hidden;*/
    display: none;
    position: absolute;
    min-height: 27em;
    width: 50em;
    left: 2em;
    bottom: -8.5em;
    margin-top: -0.4em;
    background: white;
    box-sizing: border-box;
    padding: 1em;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.searchPropertyLeftnavClient {
    min-height: 15em;
    width: 24em;
    bottom: -2.5em;
}

.searchAccounts {
    min-height: 21em;
    bottom: -5.5em;
}

.searchAreaTable {
    width: 100%;
}

    .searchAreaTable td {
        width: 33%;
    }

.searchAreaTableButtons,
.searchAreaTableCheckbox {
    width: 11.5em;
    margin-left: auto;
    margin-right: auto;
}

.searchAreaTableCheckbox {
    width: 15em;
    margin-top: .5em;
    color: black;
}

.lblResultCount {
    font-family: NotoBold;
}

.lblResultCountCaption {
    font-family: NotoMedium;
}

/**************************************/
/*****jQuery UI DatePicker styling*****/
/**************************************/
.ui-datepicker, .ui-widget.ui-widget-content {
    width: 322px;
    padding: 0;
    font-family: 'arial';
    font-size: 10pt;
    border-radius: 0px;
    border: none;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 12px 36px 16px rgba(0,0,0,0.24);
}

    .ui-datepicker .ui-datepicker-header,
    .ui-datepicker .ui-widget-header {
        height: 46px;
        width: 322px;
        padding: 0;
        /*padding-top: .9em;*/
        margin: 0;
        font-size: 10pt;
        color: black;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        background: rgba(255, 255, 255, 0);
        box-sizing: border-box;
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
            height: 100%;
            line-height: 2.8;
        }

        .ui-datepicker .ui-datepicker-prev,
        .ui-datepicker .ui-datepicker-next,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            height: 46px;
            width: 46px;
            padding: 0;
            top: 0;
            border-radius: 0;
            border: none;
            /*background: black;*/
            box-sizing: border-box;
        }

            .ui-datepicker .ui-datepicker-prev:hover,
            .ui-datepicker .ui-datepicker-next:hover {
                background: none;
            }

    .ui-datepicker .ui-datepicker-prev {
        left: 0;
        /*border-right: 1px solid rgba(255, 255, 255, .4);*/
    }

    .ui-datepicker .ui-datepicker-next {
        right: 0;
        /*border-left: 1px solid rgba(255, 255, 255, .4);*/
    }

    .ui-widget-header .ui-icon,
    .ui-datepicker .ui-widget-header .ui-icon {
        /*background-image: url(jquery/images/ui-icons_ffffff_256x240.png);*/
        background-image: none;
    }

    /*.ui-widget-header .ui-icon:hover
{
  background-image: url(jquery/images/ui-icons_444444_256x240.png);
}*/

    .ui-icon-circle-triangle-w,
    .ui-datepicker .ui-icon-circle-triangle-w {
        height: 8px;
        width: 8px;
        border: solid rgba(0, 0, 0, .4);
        border-width: 0 2px 2px 0;
        transform: rotate(135deg);
    }

    .ui-icon-circle-triangle-e,
    .ui-datepicker .ui-icon-circle-triangle-e {
        height: 8px;
        width: 8px;
        margin-top: 6px;
        border: solid rgba(0, 0, 0, .4);
        border-width: 0 2px 2px 0;
        transform: rotate(-45deg);
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        top: 55%;
    }

    .ui-icon-circle-triangle-w:hover,
    .ui-datepicker .ui-datepicker-prev:hover .ui-icon-circle-triangle-w {
        border: solid rgba(0, 0, 0, .8);
        border-width: 0 2px 2px 0;
        transform: rotate(135deg);
    }

    .ui-icon-circle-triangle-e:hover,
    .ui-datepicker .ui-datepicker-next:hover .ui-icon-circle-triangle-e {
        border: solid rgba(0, 0, 0, .8);
        border-width: 0 2px 2px 0;
        transform: rotate(-45deg);
    }

    .ui-datepicker table {
        position: relative;
        z-index: 2;
        width: 323px;
        margin: 0;
        background: rgba(255, 255, 255, .1);
    }

    .ui-datepicker .ui-datepicker-calendar thead tr {
        height: 46px;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
    }

    .ui-datepicker .ui-datepicker-calendar tbody tr {
        height: 46px;
    }

    .ui-datepicker .ui-datepicker-calendar tbody td {
        width: 46px;
        padding: 0;
        padding-left: 8px;
        /*border: 1px solid black;*/
    }

        .ui-datepicker .ui-datepicker-calendar tbody td a {
            height: 30px;
            width: 30px;
            padding: 0;
            text-align: center;
            line-height: 2.3;
            border-radius: 50%;
            border: none;
            background: white;
            box-sizing: border-box;
        }

            .ui-datepicker .ui-datepicker-calendar tbody td a:hover {
                color: white;
                background: rgba(0, 0, 0, .3);
            }

        .ui-datepicker .ui-datepicker-calendar tbody td .ui-state-active {
            color: white;
            background: black;
        }

    .ui-datepicker .ui-datepicker-today .ui-state-highlight {
        color: black;
        border: 1px solid rgba(0, 0, 0, .3);
    }

.todaysDateExtender {
    height: 23px;
    color: rgba(0, 0, 0, .4);
    font-family: 'arial';
    font-size: 10pt;
    text-align: center;
    line-height: 1.8;
    cursor: default;
    /*background: rgba(0, 0, 0, 0.1);*/
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.leftArrow,
.rightArrow {
    height: 23px;
    width: 23px;
    box-sizing: border-box;
}

.leftArrow {
    float: left;
}

.rightArrow {
    float: right;
}

.todaysDateExtender span {
    display: inline-block;
    padding: 2px;
    margin-top: 0px;
    border: solid rgba(0, 0, 0, .4);
    border-width: 0 2px 2px 0;
    transform: rotate(-135deg);
}

.leftArrow span {
    margin-left: 0px;
}

.rightArrow span {
    margin-right: 0px;
}

.ui-datepicker-top-header {
    height: 0;
    /*width: 322px;*/
    color: white;
    font-family: 'arial';
    background: #284B72;
    transition: .25s all ease;
}

.ui-datepicker-top-day,
.ui-datepicker-top-month,
.ui-datepicker-top-day-num,
.ui-datepicker-top-year {
    height: 56px;
    text-align: center;
}

.ui-datepicker-top-month,
.ui-datepicker-top-day-num,
.ui-datepicker-top-year {
    letter-spacing: 4;
}

.ui-datepicker-top-day {
    height: 36px;
    line-height: 2.6;
    letter-spacing: 2;
    font-weight: bold;
    background: #1F3A58;
}

.ui-datepicker-top-month {
    font-size: 18pt;
    text-transform: uppercase;
    line-height: 2.2;
}

.ui-datepicker-top-day-num {
    font-size: 38pt;
    line-height: 1.1;
}

.ui-datepicker-top-year {
    color: rgba(255, 255, 255, 0.4);
    font-size: 17pt;
    line-height: 2.3;
}

.ui-timepicker-div {
    padding: 0 10px;
}

.ui_tpicker_hour .ui-slider, .ui_tpicker_minute .ui-slider {
    width: 235px;
    background: #B0BEC5;
    box-shadow: none;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.2em;
}

.quickNavBox {
    z-index: 1;
    position: fixed;
    height: 13em;
    width: 2.5em;
    padding: .4em;
    left: 0;
    bottom: 10px;
    color: white;
    font-size: 14pt;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: default;
    box-sizing: border-box;
    transition: .25s all ease-in-out;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

    /*.quickNavBox:hover .quickNavBoxInsideList {
        display: block;
    }*/

    .quickNavBox:hover .quickNavBoxInsideText {
        background: #455A64;
    }

.quickNavBoxInsideText {
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    padding-top: 3em;
    padding-left: 0.4em;
    padding-bottom: 3em;
    padding-left: 0.4em;
    margin-top: -0.4em;
    margin-left: -0.4em;
    writing-mode: vertical-lr;
    background: #000000;
    box-sizing: border-box;
}

.quickNavBoxInsideList {
    display: none;
    position: absolute;
    width: 14em;
    left: 2.5em;
    bottom: 0;
    margin-top: -0.4em;
    background: white;
    box-sizing: border-box;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.quickNavBoxInsideList ul {
    height: 100%;
    width: 100%;
    margin: 0;
}

.quickNavBoxInsideList li {
    height: 3em;
    background: white;
    transition: .15s background linear;
}

.quickNavBoxInsideList li:hover {
    background: #607D8B;
}

.quickNavBoxInsideList li a {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    padding-left: 1em;
    line-height: 2;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    transition: .25s color ease-in-out;
}

.quickNavBoxInsideList li a:hover {
    color: white;
}

.quickNavBoxInsideList li a span {
    float: right;
    display: block;
    height: 1em;
    width: 1em;
    margin: .6em;
}

/*.quickNavBox:hover .quickNavBoxInsideList {
        display: block;
    }*/

.quickNavBox:hover .quickNavBoxInsideText {
    background: #455A64;
}

.quickNavBoxInsideText {
    z-index: 1;
    position: fixed;
    height: 7.9em;
    width: 2.4em;
    padding: .8em;
    margin-top: -1em;
    /*margin-left: -0.4em;*/
    font-family: NotoBold;
    writing-mode: vertical-lr;
    background: #607D8B;
    box-sizing: border-box;
    left: 0;
    bottom: 30px;
    color: white;
    font-size: 15pt;
}

.quickNavBoxInsideText:hover {
    background: #455A64;
    color: white;
    font-size: 15pt;
}

@media screen\0, @media screen\9, @supports (-ms-ime-align: auto) {
    /* Style rules here will only be applied in Internet Explorer, other browsers will ignore them. */

    .quickNavBoxInsideText {
        writing-mode: tb-rl;
    }
}

.quickNavBoxInsideList {
    /*overflow: hidden;*/
    display: none;
    position: fixed;
    /*height: 7.3em;*/
    width: 14em;
    left: 3em;
    bottom: 2.3em;
    margin-top: -0.4em;
    background: white;
    box-sizing: border-box;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.quickNavBoxInsideList ul {
    height: 100%;
    width: 100%;
    margin: 0;
}

.quickNavBoxInsideList li {
    height: 2.5em;
    background: white;
    transition: .15s background linear;
}

.quickNavBoxInsideList li:hover {
    background: #607D8B;
}

.quickNavBoxInsideList li a {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    padding-left: 1em;
    font-family: NotoBold;
    line-height: 2;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    transition: .15s color ease-in-out;
}

.quickNavBoxInsideList li a:hover {
    color: white;
}

.searchArea:hover,
.searchProperty {
    color: white;
    font-size: 12pt;
    background: #455A64;
}

.token-input-dropdown-facebook {
    overflow-y: scroll !important;
}

div.token-input-dropdown-facebook {
    z-index: 10004 !important;
}

ul.token-input-list-facebook {
    width: 80% !important;
    border: 1px solid gray !important;
    border-radius: 3px;
}

.moreinfopopup {
    position: absolute;
    background-color: rgba(0,0,0,0.85);
    border: solid 0px;
    padding: 2px;
    width: 400px;
    height: auto;
    overflow: auto;
    z-index: 1000;
    border-radius: 5px;
    color: #fff;
}

.moreinfopopup table td {
    padding: .5rem;
}

.moreinfopopup .fieldcaption {
    color: white;
}

.progress , .progressCenter{
    height: 125px !important;
}

.header {
    width: 100%;
    /* background-image: url(images/sprite.png); */
    background-color: var(--blue);
    padding: 10px;
    color: white;
    border-radius: 9px;
}

.w-50{
    width: 50% !important;
}

.w-25 {
    width: 25% !important;
}

.w-35 {
    width: 35% !important;
}

.w-80 {
    width: 80% !important;
}
.login .spacer {
    height: 5px;
    clear: both;
}

.login .loginctl {
    height: auto;
}

    .login .loginctl input,
    .login .loginctl input:focus {
        float: left;
        height: 2.5em;
    }

.login .button:hover {
    clear: both;
    width: 100px;
    height: 40px;
    background: rgba(98, 121, 174, 1);
    text-align: center;
    line-height: 15px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 22px;
    border: none;
}

.login .buttonlarge:hover {
    clear: both;
    width: 250px;
    height: 40px;
    background: rgba(98, 121, 174, 1);
    text-align: center;
    line-height: 15px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 22px;
    border: none;
}

.login .loginfailure {
    color: Red;
    text-align: center;
}

.login h2 {
    color: #5d5d5f;
    font-size: 28px;
}

.login h3 {
    color: #5d5d5f;
    font-size: 22px;
    font-weight: normal;
}

.loginctl .Username {
    background: #fff url('images//account_circle.png') no-repeat !important;
    background-size: 45px 45px;
    padding-left: 55px;
    width: 335px;
    height: 46px !important
}

    .loginctl .Username:focus {
        background: #fff url('images//account_circle_active.png') no-repeat !important;
        border: solid 1px #6279ae !important;
    }

.loginctl .Password {
    background: #fff url('images//password.png') no-repeat !important;
    background-size: 45px 45px;
    padding-left: 55px;
    width: 335px;
    height: 46px !important
}

    .loginctl .Password:focus {
        background: #fff url('images//password_active.png') no-repeat !important;
        border: solid 1px #6279ae !important;
    }

.login-block {
    max-width: 30%;
    border-radius: 20px;
    background: white;
    opacity: .7;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15), 0 3px 2px -2px rgba(0, 0, 0, 0.2);
}