* {
    font-weight: 400;
    font-family: 'Open Sans' ,sans-serif;
}

.clearfix {
    overflow:auto;
}
/*1D3361*/
body {
    background-color: #1A315F;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 300;
}

h1, h2, h3, h4 {
    font-weight: 600;
}

h1{
    font-size: 28px;
}

h2{
    font-size: 24px;
}

h3{
    font-size: 20px;
}

h4{
    font-size: 16px;
}

a {
    font-style: italic;
    color: #CCFFFF;
    text-decoration: none;
}

    a:hover, a:active {
    color: #FFFFFF;
}

.ExtBdy .Base {
    width: 400px;
    background-color: #21649C;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    border-top-style: solid;
    border-top-width: 4px;
    border-top-color: #9CD70E;
    margin-right: auto;
    margin-left: auto;
}

.Lght {
    color:#1C588F;
}

.Lght a {
    color: #74AACB;
}

.Lght a:hover, a:active {
    color: #1C588F;
}

.ExtBdy.Lght .Base {
    background-color: #FFFFFF;
    border-top-color: #4BB4E8;
}

.ExtBdy .Hdr {
    height: 100px;
    background-color: #164C87;
    padding: 10px 30px 10px 30px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 2px 0px inset;
    text-align: center;
}

.ExtBdy.Lght .Hdr {
    background-color: #EBF1F8 ;
    box-shadow:none;
}

    .ExtBdy .Hdr .Logo {
    display: inline-block;
    height: 80px;
    }

.Logo img, .ExtBdy .Logo h1 {
    height: 80px;
    display: inline-block;
}

.Logo h1 {
    line-height: 80px;
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
    color: #FFFFFF;
    font-style: normal;
}

.ExtBdy .Logo h1 {
    color: #1C588F;
}

.ExtBdy .Content {
    padding: 10px 30px 10px 30px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 2px 0px inset;
}

.WidgetBase{
    padding: 5px;
}

.WidgetBase .Widget{
    width:100%; 
    background-color:#E6EDF2;
    border-radius: 5px;
    color: #366489;
    padding: 10px;
}

.WidgetBase .row_1_height{
    height:40px;
}

.WidgetBase .row_2_height{
    height:80px;
}

.WidgetBase .row_3_height{
    height:120px;
}

.WidgetBase .row_4_height{
    height:160px;
}

.WidgetBase .row_5_height{
    height:200px;
}

.WidgetBase .row_6_height{
    height:240px;
}

.WidgetBase .row_7_height{
    height:280px;
}

.WidgetBase .row_8_height{
    height:320px;
}

.WidgetBase .row_9_height{
    height:360px;
}

.WidgetBase .row_10_height{
    height:400px;
}

.WidgetBase .BlueWidget{
    background-color: #4AB3E8;
}

.WidgetBase .RedWidget{
    background-color: #CC0000;
}

.WidgetBase .GreenWidget{
    background-color: #8DBD18;
}

.WidgetBase .DarkBlueWidget{
    background-color: #21649C;
}

.ForgotPass {
    width: 100%;
    text-align: right;
}

.Ctrl {
    width: 100%;
    float: left;
}

/*============================================================*/
.InptSectn {
    margin-top: 10px;
    margin-bottom: 20px;
    height: 65px;
}

.InptSectn label {
    text-transform: uppercase;
    font-weight: 700;
}

.InptSectn.Invalid label {
    color: #FF3300;
}

textarea{
    resize: none;
    height: 100px;
}

textarea, input[type="text"], input[type="password"], select{
    padding: 10px;
    border: 1px solid #0B3D74;
    background-color: #164C87;
    color: #81D5FF;
    font-size: 14px;
}

input[type="text"], input[type="password"], select {
    height: 42px;
}

input[type="text"].Sml, input[type="password"].Sml, select.Sml {
    padding: 0px 5px 0px 5px;
    height: 28px;
    font-size: 13px;
}

option {
    background-color: #164C87;
    display: block;
    height: 30px;
    text-indent: 20px;
    padding-top: 5px;
}

select.Sml option {
    text-indent: 10px;
}

option:nth-child(2n+1) {
    background-color: #1D63AF;
}

.viewmode{
    
}

.Lght input[type="text"], .Lght input[type="password"], .Lght select, .Lght textarea  {
    border: 1px solid #D0D1D3;
    background-color: #EBF1F8 ;
    color: #1C588F;
}

.Lght input[type="text"]:disabled, .Lght input[type="password"]:disabled, .Lght select:disabled, .Lght textarea:disabled {
    background-color: #A7B8C8 ;
    color: #70808B;
}

.Lght.viewmode input[type="text"]:disabled, .Lght.viewmode input[type="password"]:disabled, .Lght.viewmode select:disabled, .Lght.viewmode textarea {
    background-color: white ;
    /* color: #70808B; */
    color: #1C588F;
}

.Lght option {
    background-color: #EBF1F8;
}

.Lght option:nth-child(2n+1) {
    background-color: #DBE6F2;
}

    .InptSectn.Invalid input[type="text"], .InptSectn.Invalid input[type="password"], .InptSectn.Invalid textarea{
    border-color: #D92C00;
    color: #FF8282;
}

.InptSectn span {
    font-size: 11px;
    font-weight: 700;
    font-style: italic;
    color: #96C6E9;
    width: 100%; 
    text-align: right;
    display: none;
}

.InptSectn.lblLft span {
    text-align: left;
}

.InptSectn.Invalid span {
    color: #FF3300;
    display: inline-block;
}

.InptSectn.lblTop {
    
}

.InptSectn.lblTop label {
    display: block;
    margin-bottom: 6px;
}

.InptSectn.lblTop select, .InptSectn.lblLft select, .InptSectn.lblTop input[type="text"], .InptSectn.lblLft input[type="text"], .InptSectn.lblTop input[type="password"], .InptSectn.lblLft input[type="password"] , .InptSectn.lblTop textarea, .InptSectn.lblLft textarea{
    width: 100%;
}

.InptSectn.lblTop .InptBox {
    width: 100%;
    height: 42px;
}

.InptBox {
    display: table;
    border: 1px solid #0B3D74;
    width: 100%;
}

.Lght .InptBox {
    border: 1px solid #D0D1D3;
}

.InptSectn.Invalid .InptBox {
    border-color: #D92C00;
}

.InptBox i, .InptBox input[type="text"], .InptBox input[type="password"] {
    display: table-cell;
}/**/

.InptBox i {
    border-width: 1px;
    border-color: #0B3D74;
    color: #FFFFFF;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #164C87;
    line-height: 40px;
    border-style: none;
}

.Lght .InptBox i {
    border-color: #D0D1D3;
    color: #FFFFFF;
    background-color: #D0D1D3;
}

.InptBox.Rght i {
    border-left-style: solid;
}

.InptBox.Lft i {
    border-right-style: solid;
}

.InptSectn.Invalid .InptBox i {
    border-color: #D92C00;
    color: #D20000;
}

.InptBox input[type="text"], .InptBox input[type="password"]{
    border-style: none;
}

.Lght .InptBox input[type="text"], .Lght .InptBox input[type="password"]{
    border-style: none;
}

.InptSectn.lblLft {
    display: table;
    width: 100%;
}

.InptSectn.lblLft label, .InptSectn.lblLft .InptCell {
    display: table-cell;
}

.InptSectn.lblLft label {
    width: 120px;
    padding-right: 10px;
    text-align: right;
}

/*============================================================*/
.divider {
    width: 100%;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #0B3D74;
    margin-bottom: 10px;
}

.Lght .divider {
    border-color: #D0DBE7;
}

/*============================================================*/
.ChkSectn {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 30px;
}

.ChkSectn input[type="checkbox"] {
    display:none;
}

    .ChkSectn label span {
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    vertical-align: top;
    margin-left: 10px;
}

.ChkSectn label::before {
    font-family: 'FontAwesome';
    font-style: normal; 
    text-align: center;
    content: '\f00c';
    width: 22px;
    height: 22px;
    background: #164c87;
    border: 1px solid #0c3e75;
    display: inline-block;
    font-size: 16px;
    transition: color ease 0.5s;
    color: #164c87;
}

.Lght .ChkSectn label::before {
    background: #EBF1F8 ;
    border: 1px solid #D0D1D3;
    color: #EBF1F8 ;
}

.ChkSectn label:hover::before {
    color: #24728E;
}

.ChkSectn input[type="checkbox"]:checked  + label::before{
    color: #9cd70e;
}

.Lght .ChkSectn label:hover::before {
    color: #D2D7DB;
}

.Lght .ChkSectn input[type="checkbox"]:checked  + label::before{
    color: #1C588F;
}

/*============================================================*/
.RdoSectn {
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 30px;
}

.RdoSectn input[type="radio"] {
    display:none;
}

    .RdoSectn label span {
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    vertical-align: top;
    margin-left: 10px;
}

.RdoSectn label::before {
    font-family: 'FontAwesome';
    font-style: normal;
    text-align: center;
    content: '\f111';
    width: 22px;
    height: 22px;
    background: #164c87;
    border: 1px solid #0c3e75;
    display: inline-block;
    font-size: 14px;
    transition: color ease 0.5s;
    color: #164c87;
    border-radius: 11px;
    vertical-align: middle;
    line-height: 22px;
}

.Lght .RdoSectn label::before {
    background: #EBF1F8 ;
    border: 1px solid #D0D1D3;
    color: #EBF1F8 ;
}

.RdoSectn label:hover::before {
    color: #24728E;
}

.RdoSectn input[type="radio"]:checked  + label::before{
    color: #9cd70e;
}

.Lght .RdoSectn label:hover::before {
    color: #D2D7DB;
}

.Lght .RdoSectn input[type="radio"]:checked  + label::before{
    color: #1C588F;
}

/*============================================================*/
.BtnSectn {
    margin-top: 10px;
    margin-bottom: 10px;
}

.Btn {
    letter-spacing: 0.05em;
    font-weight: 700;
    height: 50px;
    font-size: 18px;
    background-color: #44B0E7;
    color: #FFFFFF;
    text-transform: capitalize;
    padding-right: 10px;
    padding-left: 10px;
    min-width: 100px;
    cursor: pointer;
    font-style: normal;
}

a.Btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    color: #FFFFFF;
}

.Btn.Sml {
    height: 30px;
    font-size: 14px;
}

a.Btn.Sml {
    line-height:30px;
}

.Btn:hover {
    background-color: #62d1ff;
    color: #FFFFFF;
}

.Btn:active, .Btn.Selected {
    background-color: #164C87;
    color: #FFFFFF;
}

a.Btn:hover, a.Btn:active, a.Btn.Selected  {
    color: #FFFFFF;
}


.Btn.Green {
    background-color: #9cd70e;
}

.Btn.Green:hover {
    background-color: #AEEC16;
}

.Btn.Green:active, .Btn.Green.Selected  {
    background-color: #7FAF0A;
}


.Btn.Gray {
    background-color: #cad7e5;
}

.Btn.Gray:hover {
    background-color: #D7E3F0;
}

.Btn.Gray:active, .Btn.Gray.Selected  {
    background-color: #8C96A2;
}

.Btn.Red {
    background-color: #c9376e;
}

.Btn.Red:hover {
    background-color: #E94180;
}

.Btn.Red:active, .Btn.Red.Selected  {
    background-color: #852247;
}

.Btn.Disabled, .Btn:disabled, .Btn:disabled:hover, .Btn:disabled:active, a.Btn.Selected.Disabled, a.Btn.Disabled:hover,.Btn.Icn.Disabled {
    background-color: #4E4E4E;
    color: #A0A0A0;
    cursor: auto;
}

.Btn.Icn {
    padding: 0px;
    display: table;
}

.Btn.Icn i {
    display: table-cell;
    width: 50px;
    height: 50px;
    background-color: #2391DA;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}

.Btn.Sml.Icn i {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.Btn.Icn span {
    display: table-cell;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 18px;
    padding-right: 10px;
    padding-left: 10px;
}

.Btn.Sml.Icn span {
    font-size: 14px;
}

.Btn.Gray.Icn i {
    background-color: #A7B8C8;
}

.Btn.Green.Icn i {
    background-color: #71bd07;
}

.Btn.Red.Icn i {
    background-color: #9E3059;
}

.Btn.Icn.Disabled i{
    background-color: #444444;
    color: #A0A0A0;
    cursor: auto;
}
/*============================================================*/
.InrBdy .Hdr_Base {
    position: absolute;
    height: 60px;
    top: 0px;
    width: 100%;
    z-index: 50000;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 8px 0px;
}
/*164C87*/
.InrBdy .Hdr_Base, .InrBdy .Hdr {
    background-color: #21649C;
}

.InrBdy .Hdr_Base .Hdr {
    height: 60px;
}

.InrBdy .Hdr_Base .Hdr .Logo, .InrBdy .Hdr_Base .Hdr .Srch, .InrBdy .Hdr_Base .Hdr .Actn {
    height: 60px;
}

.InrBdy .Hdr_Base .Hdr .Actn {
    line-height: 60px;
    vertical-align: middle;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
}

.InrBdy .Hdr_Base .Hdr .Actn a {
    border-color: #164C87;
    border-width: 1px;
    color: #C6D4E2;
    font-style: normal;
    font-weight: 600;
    margin-left: 20px;
}

.InrBdy .Hdr_Base .Hdr .Actn a:hover {
    color: #FFFFFF;
}

.InrBdy .Hdr_Base .Logo h1 {
    line-height: 60px;
}

.InrBdy .Hdr_Base .Logo img {
    margin-top: -10px;
    margin-left: 10px;
}

.InrBdy .Foo_Base, .InrBdy .Foo_Base .Foo {
    
}

.InrBdy .Foo_Base .Foo {
    height:20px;
}

.InrBdy .Foo_Base .Foo .FooContent {
    color: #4BB4E8;
    text-align: right;
}

.InrBdy .Navi, .InrBdy .Cntnt {
    margin-top: 70px;
}

.InrBdy .CntntBdy {
    padding-left: 20px;
}

.InrBdy .Navi {
    background-color: #164C87;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    /*padding-top: 10px;
    padding-bottom: 10px;*/
}

.InrBdy .Navi ul {
    list-style-type: none;
}


/* #164C87 #164C87 #21649C;*/
.InrBdy .Navi ul li a {
    border-style: none solid solid solid;
    border-color: #164C87;
    border-width: 1px 1px 1px 5px;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-indent: 15px;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    color: #FFFFFF;
    transition: ease all 0.5s;
    background-color: #21649C;
    cursor: pointer;
}

.InrBdy .Navi ul li .Navi_Sub_Itm a {
    border-top-width: 0px;
    border-bottom-width: 0px;
}

.InrBdy .Navi ul li .Navi_Sub_Itm a {
    text-indent: 15px;
    font-size: 12px;
    line-height: 40px;
    height: 0px; /*display: none;*/
    border-left-style: solid;
    border-left-width: 45px;
    border-left-color: #164C87;
    transition: ease-in all 0.5s;
    overflow: hidden;
}


.InrBdy .Navi ul li a:hover {
    background-color: #4AB3E8;
}
/*164C87*/
/*.InrBdy .Navi ul li.pressed > a,*/ 
.InrBdy .Navi ul li a:active, .InrBdy .Navi ul li.actve > a {
    background-color: #164C87;
    cursor: default;
}

.InrBdy .Navi ul li.actve > a, .InrBdy .Navi ul li a:active {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 2px inset;
}

.InrBdy .Navi ul li.pressed .Navi_Sub_Itm a, .InrBdy .Navi ul li.actve .Navi_Sub_Itm a {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.mnuExpander {
    float: right;
    display: block;
    font-size: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
    font-family: FontAwesome;
    margin-top: 10px;
    margin-right: 10px;
    transition: ease all 0.5s;
    width: 25px;
    height: 25px;
    transform-origin: 75% 50%;
    font-weight: normal;
    color: #C7E8F8;
}

.mnuExpander.expnd {
    transform: rotate(-90deg);
}

.mnuExpander::before {
    content: '\f104';
}

.InrBdy .Navi ul li a.selected  {
    background-color: #4AB3E8;
    color: #FFFFFF;
}

.InrBdy .Navi ul li.pressed .Navi_Sub_Itm a, .InrBdy .Navi ul li.actve .Navi_Sub_Itm a{
    height: 40px;
    display:block;
}

.InrBdy .Navi ul li.pressed, .InrBdy .Navi ul li.actve{
    margin-bottom: 5px;
}

.InrBdy .Navi ul li a i {
    text-indent: 0px;
    margin-right: 10px;
    display: inline-block;
    width: 30px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    color: #C7E8F8;
    font-size: 20px;
}

.InrBdy .Navi ul li .Navi_Sub_Itm a i {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 20px;
}

.InrBdy .Navi ul li a.selected i, .InrBdy .Navi ul li a:hover i {
    color: #FFFFFF;
}

.Ntfy, .tag {
    padding: 1px 5px 1px 5px;
    font-size: 12px;
    font-weight: 700;
    height: 12px;
    border-radius: 6px;
    background-color: #666666;
    color: #FFFFFF;
    display: inline;
}

.Ntfy {
    border: 1px solid #990033;
    color: #FFFFFF;
    background-color: #CC0000;
    margin-left: -5px;
}

.tag {
    margin-right: 5px;
    margin-left: 5px;
}

.tag.Red {
    background-color: #FF0000;
}

.tag.Orange {
    background-color: #FF9900;
}

.tag.Green {
    background-color: #00CC00;
}

.tag.Blue {
    background-color: #3333FF;
}

.tag.Black {
    background-color: #000000;
}

.tag.Perple {
    background-color: #9900CC;
}

.tag.Brown {
    background-color: #800000;
}

.tag.DarkRed {
    background-color: #CC0066;
}

/*9CD70E*/
/*4AB3E8*/
/*C7E8F8*/
/**/
.CntntHdr {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #E1F2FB;
}

.CntntHdr i.HdrIcon {
    display: block;
    float: left;
    vertical-align: middle;
    text-align: center;
    font-size: 60px;
    height: 60px;
}

.CntntHdr .Ttle {
    margin-left: 10px;
}

.CntntHdr .Btn {
    width: 200px;
    float: right;
}

/*============================================================*/
a.ActLnk {
    cursor: pointer;
    display: inline-block;
    padding-right: 5px;
    margin: 0 5px 0 0;
}

a.ActLnk {
    font-size: 16px;
}

a.ActLnk.Red {
    color: #CC0000;
}

a.ActLnk.Red:hover {
    color: #FF0000;
}

a.ActLnk.Blue {
    color: #2391DA;
}

a.ActLnk.Blue:hover {
    color: #62D1FF;
}

a.ActLnk.Green {
    color: #29A529;
}

a.ActLnk.Green:hover {
    color: #33CC33;
}

a.ActLnk.Disabled {
    color: #959ba1!important;
    cursor: default;
}

a.ActLnk.Disabled:hover {
    color: #959ba1!important;
}

a.btnTblTopRight{
    float:right;
    margin-top:5px;
    margin-right:10px;
}

.TableBase, .TMLBase {
    background-color: #E6EDF2;
    width: 100%;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #4BB4E8;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    color: #164C87;
}

.ItemCount{
    font-weight: 600;
    font-size: 16px;
    float: left;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: 10px;
    text-transform: capitalize;
}

.ItemCount span {
    font-weight: 600;
}

.infoLegend{
    float:left;
    height:30px;
    padding-left: 50px;
}

.infoLegend div{
    margin-top: 8px;
    margin-left: 10px;
    height: 24px;
    padding: 5px 15px;
    font-size: 10px;
    display: inline-block;
    border: 1px solid #4F5D6E;
}

.infoLegend .New{
    background-color: #ffffff;
    color: #14181c;
}

.infoLegend .JustPur{
    background-color: #b8ffd1;
    color: #0c2a16;
}

.infoLegend .Canceled{
    background-color: #c1c1c1;
    color: #797f85;
}

.infoLegend .Locked{
    background-color: #7cdefd;
    color: #003b7c;
}


a.lnkTblConfig, a.lnkDshbConfig {
    font-weight: 600;
    font-size: 25px;
    /* float: right; */
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-right: 10px;
    color: #164C87;
    cursor: pointer;
    transition: ease all 0.5s;
}

a.lnkTblConfig:hover {
    color: #62D1FF;
}

a.lnkDshbConfig {
    font-size: 35px;
    color: #E1F2FB;
}

a.lnkDshbConfig:hover {
    color: #62D1FF;
}

.TblItms {
    width: 100%;
    font-size: 14px;
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 5px;
    border: 1px solid #4F5D6E;
}
    .TblItms th {
    padding: 10px;
    border-color: #7D868E;
    border-width: 1px;
    background-color: #4F5D6E;
    height: 40px;
    border-right-style: solid;
    border-left-style: solid;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    font-style: normal;
    transition: ease color 0.5s;
    cursor: pointer;
}

.TblItms th:hover {
    color: #62D1FF;
    background-color: #3F4956;
}

.TblItms th.NonClickable:hover {
    cursor:auto;
    color: #FFFFFF;
    background-color: #4F5D6E;
}

        .TblItms th i {
    display: inline-block;
    float: right;
}

    .TblItms tbody tr {
    background-color: #E6EDF2;
}

        .TblItms tbody tr:nth-child(2n+1) {
    background-color: #FFFFFF;
}

.TblItms td {
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #4F5D6E;
    padding: 5px 10px 5px 10px;
    font-weight: 400;
    font-size: 14px;
    color: #14181c;
    text-align: left;
    vertical-align: top;
}

        .TblItms td.Mid {
    text-align:center;
}

        .TblItms td.Rght {
    text-align:right;
}

.TblItms tbody.TrnTbl tr{
    border-bottom: solid 1px #4F5D6E;
}

.TblItms tbody.TrnTbl tr.JustPur{
    background-color: #b8ffd1;
}

.TblItms tbody.TrnTbl tr.JustPur td{
    color: #0c2a16;
}


.TblItms tbody.TrnTbl tr.New{
    background-color: #ffffff;
}

.TblItms tbody.TrnTbl tr.Canceled{
    background-color: #c1c1c1;
}

.TblItms tbody.TrnTbl tr.Canceled td{
    color: #797f85;
}

.TblItms tbody.TrnTbl tr.Locked{
    background-color: #7cdefd;
}

.TblItms tbody.TrnTbl tr.Locked td{
    color: #003b7c;
}

.TML {
    padding: 10px;
}

.TML_Day {
    background-color: #FFFFFF;
/*    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #4F5D6E;*/
    display: table;
    width: 100%;
}

.TML_Day_Sep {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #4F5D6E;
}

/*.TML_Day:nth-child(2n+1) {
    background-color: #F2F5F9;
}*/

.LblDay {
    width: 120px;
    color: #1C588F;
    font-weight: 700;
    display: table-cell;
    vertical-align: top;
    padding-top: 20px;
    padding-left: 10px;
    background-color: #62D1FF;
}

.DivEvents {
    display: table-cell;
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: #21649C;
}

.DivEventGroup {
    margin-left: -22px;
    display: table;
    width: 100%;
}

.RoundCell {
    display: table-cell;
    vertical-align: top;
    width: 40px;
}

.DivRound {
    border: 5px solid #21649C;
    width: 40px;
    height: 40px;
    background-color: #FFFFFF;
    border-radius: 20px;
    margin-top: 10px;
    display: inline-block;
}

.EventBox {
    display: table-cell;
}

/*#E1F2FB*/
.Event {
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    border-color: #62D1FF;
    margin: 10px 0px 20px 30px;
    background-color: #EEF8FD;
    border-radius: 10px;
    display: block;
    min-height: 55px;
}

    .Event::before {
    border-style: solid;
    border-width: 0px 30px 30px 0px;
    content: '';
    width: 0px;
    height: 0px;
    display: block;
    background-color: transparent;
    border-top-color: transparent;
    border-right-color: #62D1FF;
    border-bottom-color: transparent;
    border-left-color: transparent;
    margin-left: -30px;
    margin-top: 20px;
    position: absolute;
}


.EventData {
    width: 100%;
    display: table;
}

.EventInfo {
    vertical-align: top;
    display: table-cell;
}

.EventCtrl {
    width: 200px;
    vertical-align: middle;
    display: table-cell;
    height: 100px;
}

.EventInfo h2 {
    font-size: 18px;
    font-weight: 400;
    margin: 5px 10px 10px 10px;
}

.EventInfo ul {
    list-style-type: none;
    margin-left: 20px;
    margin-bottom: 10px;
}

.EventInfo ul li {
    margin-bottom: 10px;
}

.EventInfo ul li.FollowedUP,.EventInfo ul li.Skipped{
    color: #aaaaaa;
}

.EventInfo ul li.FollowedUP .tag, .EventInfo ul li.Skipped .tag{
    background-color:#cccccc;
}


.EventInfo ul li.FollowedUP:after,.EventInfo ul li.Skipped:after{
    display: inline-block;
    margin-left: 10px;
    padding: 2px 10px 2px 10px;
    background-color: #cccccc;
    border-radius: 0 10px 10px 0;
    color: white;
}

.EventInfo ul li.Skipped:after{
    content: 'Skipped';
}

.EventInfo ul li.FollowedUP:after{
    content: 'Followed Up';
}

.fBtn, .fpBtn{
    width: 180px;
    height: 60px;
    background-color: #2391DA;
    display: block;
    transition: ease all 0.5s;
    cursor: pointer;
}

.fpBtn {
    background-color: #164C87;
}

.fBtn:hover {
    background-color: #62D1FF;
}

.fBtn:active {
    background-color: #164C87;
}

    .fBtn .Icn, .fpBtn .Icn {
    width: 60px;
    height: 60px;
    position: absolute;
    background-color: #9CD70E;
    transform:rotate(45deg);
}

.fpBtn .Icn {
    background-color: #CC0066;
}

.fBtn .Icn i, .fpBtn .Icn i{
    color: #2391DA;
    font-size: 40px;
    width: 60px;
    height: 60px;
    display: block;
    line-height: 60px;
    vertical-align: middle;
    text-align: center;
    transform:rotate(90deg);
    transition:ease all 0.5s;
}

.fpBtn .Icn i {
    color: #FFFFFF;
}

        .fBtn:hover .Icn {
    background-color: #AEEC16;
}

        .fBtn:hover .Icn i {
    transform:rotate(0deg);
}

            .fBtn p ,.fpBtn p{
    padding: 0px 10px 0px 80px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #FFFFFF;
}

.fBtn p b {
    font-size: 25px;
    font-weight: 400;
    font-style: normal;
}

.fpBtn p b {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 30px;
}

/*###########################################################################*/
.MnuBase{
    display:block;
    float: right;
    height: 60px;
}
.MnuBase .UserName{
    height: 16px;
    font-weight: 600;
    line-height: 16px;
    max-width: 150px;
    padding-top: 3px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}
.MnuBase .MnuStart{
    height: 60px;
    display:inline-block;
    cursor: pointer;
}

.MnuBase .MnuIcon{
    margin-right: 5px;
}

.MnuDropDown{
    width:0px;
    height:0px;
    background-color:red;
    display: inline-block;
    overflow: visible;
    visibility: hidden;
}

.MnuDropDown ul {
    width: 180px;
    background-color: #164C87;
    margin-left: -180px;
    margin-top: 15px;
    position: absolute;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    text-align: left;
    list-style-type: none;
}

.MnuDropDown ul::before{
    content:'';
    width: 0px;
    height: 0px;
    display: block;
    border-color: transparent transparent #164C87 transparent;
    border-width: 8px;
    border-style: solid;
    position: absolute;
    margin-top: -16px;
    margin-left: 155px;
}

.MnuDropDown ul li {
    width: 100%
}

.MnuDropDown ul li a{
    height: 40px;
    line-height: 40px;
    display: block;
    width: 100%
}

.MnuDropDown ul li a i {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}

.MnuDropDown ul li.separater {
    height: 2px;
    line-height: 0px;
    border-top: dashed 1px #E1F2FB;
}

/*###########################################################################*/
.ScrollTbl,.ScrollTml{
    width:100%;
    padding-right:15px;
}

.ScrollTbl .Pgrss,.ScrollTml .Pgrss{
    width:100%;
    height:40px;
    line-height: 40px;
    font-size: 20px;
    color: #3F4956;
    text-align: center;
    border: solid 1px #3F4956;
}

.ScrollTml .Pgrss{
    background-color: #62D1FF;
}
/*88888888888888888888888888888888888888888*/
.ErrorBase {
    margin-top: 10px;
    background-color: yellow;
    color: #CC0000;
    text-align: center;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    padding: 10px;
    display: none;
}
/*###########################################################################*/
.FormCtrlBase, .FormProgressBase{
    padding:0 20px 0 20px;
}

.FormCtrlBase label{
    text-transform: uppercase;
    font-weight: 700;
}

.FormProgressBase{
    font-size: 30px;
    color: indianred;
    padding-top: 5px;
}
/*###########################################################################*/
.BoxSummery{
    margin-top:30px;
    height:45px;
    padding:5px;
    border:solid 1px #003399;
}

.BoxSummery label{
    height:30px;
    width:40px;
    float:left;
    display: block;
    font-weight: 700;
}

.BoxSummery div{
    height:30px;
    float:right;
    font-size:30px;
    line-height: 30px;
    vertical-align: top;
}
/*###########################################################################*/


.EntryBase{
    background-color:#E1F2FB;
    border: dashed 1px #1C588F;
    margin-top:20px;
}

.viewmode .EntryBase{
    background-color:white;
}

table.EntryBase tr td.EntryBdy{
    vertical-align: top;
}

table.EntryBase tr td.EntryBdy{
    
}

table.EntryBase tr td.EntryIcon{
    height:20px;
    width: 20px;
    text-align: right;
    padding: 3px;
}

table.EntryBase tr td .ActLnk{
    margin: 0px;
    padding: 0px;
}

table.EntryBase tr td.EntryBdy .FormCtrlBase{
    padding: 5px;
}

table.EntryBase tr td.EntryBdy input, table.EntryBase tr td.EntryBdy select{
    background-color: white;
    border-color: #44B0E7;
}

table.EntryBase tr td.EntryBdy input.LblMode{
    border:solid 1px #1C588F;
    color: #1C588F;
    font-size: 30px;
    text-align: right;
    padding: 5px;
    background-color: #EBF1F8;
}

table.EntryBase tr td.EntryBdy .axSearch_Cntr .SchInpt{
    background-color: white;
}

.InvEntry{
    border-top: dashed 1px #1C588F;
}

.InvEntry.Add, .InvEntry.Progress{
    padding: 5px;
}

.InvEntry.Add{
    margin-top: 20px;
    text-align:  left;
}

.InvEntry.Progress{
    margin-top: 10px;
    text-align:  center;
    font-size: 15px;
}

.ConsumableEntry{
    margin-left: 20px;
}

.ConsumableEntry .InptSectn{
    margin-bottom: 0px;
    margin-top: 0px;
}

.InvAddProduct{
    padding:5px; 
    text-align:center;
}
.InvAddProduct a.Btn{
     display:inline-table;
}
/*###########################################################################*/
.DlgPrgrs {
    height: 100px;
    text-align: center;
    line-height: 100px;
    color:#21649C;
    font-size: 25px;
}

.DlgPrgrs i {
    margin-left: 25px;
}

.RptPrgrs {
    margin-top: 100px;
    text-align: center;
    color:#21649C;
    font-size: 20px;
}

.RptPrgrs i {
    margin-left: 25px;
}

.DlgErrMsg{
    padding: 0 20px 0 20px;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    color: indianred;
    text-align: center;
}
/*###########################################################################*/
.DlgBase{
    padding: 10px;
}
.DlgCatHeader{
    font-size:16px; font-weight:700; 
}

.DlgLbl{
    text-align: right;
    font-weight: 700;
}

.DlgFldSep{
    text-align: center;
}

.DlgFU{
    font-size: 14px;
}

.DlgFU h3{
    font-size: 18px;
}

.DlgFU .FUTRBase{
    /*margin: 20px 0 5px 0;*/
    padding:10px 0 0 0;
    box-shadow: none;
}

.DlgFU .TableBase{
    box-shadow: none;
    margin: 0px 0 10px 0;
}

.DlgFU .ChkSectn {
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 20px;
    width: 20px;
}

.DlgFU .ChkSectn label span {
    cursor: pointer;
    height: 18px;
    line-height: 18px;
    margin-left: 10px;
}

.DlgFU .ChkSectn label::before {
    cursor:pointer;
    width: 16px;
    height: 16px;
    font-size: 14px;
}

.DlgFU.Lght .ChkSectn label::before {
    background: #EEF8FD ;
    border: 1px solid #0c3e75;
    color: #E6EDF2 ;
}

.DlgFU.Lght .ChkSectn label:hover::before {
    color: #ACDCF4;
}


.DlgFU.Lght .ChkSectn input[type="checkbox"]:checked  + label::before{
    color: #164c87;
}

.DlgFU.Lght .ChkSectn input[type="checkbox"]:disabled  + label::before{
    background-color: #A7B8C8;
    border-color: #70808B;
    color: #A0B0BB;
}

.DlgFU.Lght .ChkSectn input[type="checkbox"]:disabled:checked  + label::before{
    color: #70808B;
}

.divContact{
    border-top: 5px solid #4BB4E8;
    margin: 10px 0 10px 0;
    padding-bottom: 10px;
}

.divContact h3{
    margin-bottom: 10px;
    padding: 5px 10px 5px 10px;
}

.ContactPrsn{
    border-top: 3px solid #4BB4E8;
    margin-top: 10px;
    padding: 10px 0px 0px 0px;  
}

.ContactPrsn .lbl{
    padding: 0px 10px 0px 10px;    
}

.ContactPrsn .lbl.lg{
    font-size: 18px;
    font-weight: 700;
    margin-top: -4px;
}

.ContactPrsn .lbl.sm{
    font-size: 14px;
    font-weight: 500;
}

.DlgFU.Lght .divContact .ChkSectn label::before {
    background: #FFFFFF ;
    border: 1px solid #0c3e75;
    color: #E6EDF2 ;
}

.DlgFU .FormCtrlBase label {
    font-size: 12px;
}

.dlgPerm{
    margin:20px 0 10px 0; 
    padding:0 20px 0 20px;
}

.dlgPerm .PermCat{
    font-size: 15px;
    font-weight: 700;
    padding: 5px 10px 5px 10px;
    background-color: #E1F2FB;
    border: 1px solid #62D1FF;
}

.dlgPerm .PermFn{
    background-color: #FFFFFF;/*#E1F2FB*/
    border: 1px solid #62D1FF;
    border-top: none;
}

.dlgPerm .PermBase{
    margin-left: -1px;
    padding: 5px 10px 5px 10px;
    background-color: white;
    border-left: 1px solid #62D1FF;
}

.dlgPerm .PermFnLbl{
    padding: 5px 10px 5px 10px;
    font-size: 15px;
    border-right: 1px solid #62D1FF;
}

.dlgPerm .ChkSectn{
    height: 20px;
    padding: 0px;
}

.dlgPerm .ChkSectn label::before{
    height: 15px;
    width: 15px;
    font-size: 12px;
}

.dlgPerm .ChkSectn label span{
    height: 18px;
    line-height: 18px;
}

.dlgRoles{
    margin:20px 0 10px 0; 
    padding:0 20px 0 20px;
}

.dlgRoles .roleBase{
    border: 1px solid #62D1FF;
    padding: 10px;
}

.tblInfo{
    width:100%;
    background-color: #E6EDF2;
    font-size: 14px;
    border-collapse:collapse;
}

.tblInfo th,.tblInfo td{
    padding: 5px 10px 5px 10px;
    border:#44B0E7 solid 1px;
}

.tblInfo th{
    width:200px;
    font-weight: 700;
    text-align: right;
}

.Pagin{
    text-align:center;
    margin-top: 10px;
}

.Pagin .Btn{
    display: inline-table;
    min-width: 40px;
    line-height: 40px;
    height: 40px;
    margin: 0 2px 0 2px;
}

.Pagin .Btn.Disabled, .Pagin .Btn.Disabled:hover{
    background-color: #7D868E;
}

.WidgetHdr{
    height: 40px;
}

.WidgetHdrTitle{
    height: 40px;
    overflow: hidden;
}

.WidgetHdrTitle h2{
    padding-top: 4px;
    font-size: 20px;
}

.WidgetBdy{
    height: 310px;
}

.WidgetFoo{
    height: 30px;
}

.WidgetChartBase{
    height: 250px;
    margin:0 auto 0 auto;
    float: none;
    width: 90%;
}

.WidgetChartSummeryBase{
    margin:0 auto 0 auto;
    float: none;
    width: 80%;
}

.WidgetChartSummery{
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.WidgetChartSummery span{
    font-weight: 700;
    font-size: 14px;
}

.WidgetChartSummery strong{
    font-weight: 800;
    font-size: 20px;
}

.WidgetOption{
    margin-top: 5px;
    text-align: left;
    height: 30px;
}

.WidgetMoreLink{
    margin-top: 5px;
    text-align: right;
    height: 30px;
}

.WidgetMoreLink a{
    margin-top: 10px;
    display: inline-block;
    color: #21649C;
    text-decoration: underline;
}

.WidgetMoreLink a:hover{
    color: #3992C8;
}

.WidgetPrgrs{
    font-size: 14px;
    text-align: center;
}

.WidgetCntnt{
    height: 280px;
}

.WidgetCntntHdr{
    height: 25px;
    border-bottom: #BBBBBB solid 2px;
}

.WidgetCntntTblTitle{
    font-weight: 800;
}

.WidgetCntntTblRow{
    padding: 5px 0 5px 0;
    border-bottom: #BBBBBB solid 1px;
}

.WidgetCntntTblCellNumber{
    text-align:right; 
    padding-right: 10px;
}

.ApprovalBase{
    background-color: white;
    padding: 20px;
}

.ApprovalInfoBase{
    text-align: center;
}

.ApprovedIcon{
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    color: #9CD70E;
    margin-right: 10px;
}

.ApprovalBox ,.ApprovalBoxRed ,.ApprovalBoxBlue{
    background-color: #9CD70E;
    color: #FFFFFF;
    font-weight: bold;
    border-radius:20px;
    display: inline-block;
    padding: 10px;
}

.ApprovalBoxRed{
    background-color: red;
}

.ApprovalBoxRed .ApprovedIcon{
    color: red;
}

.ApprovalBoxBlue{
    background-color: #44B0E7;
}

.ApprovalBoxBlue .ApprovedIcon{
    color: #44B0E7;
}

.ApprovalTitle{
    margin-right: 20px;
}

.ApprovalTitleText{
    font-size:15px;
}

.ApprovalBdyLbl{
    font-weight: bold;
}

.ApprovalBdyText{
    font-style:italic;
}

.ApprovalCmdBox{
    display: inline-block;
    width: 250px;
    margin-top: 10px;
}

.ApprovalInfoBase .BtnReject{
    display: inline-table; 
    float: left;
}

.ApprovalInfoBase .BtnApprove{
    display: inline-table;
    float: right;
}

.ApprovalRejactBox{
    width:400px;
    text-align: left;
}




.tblTopInptRow{
    padding: 5px;
    display: table;
    width: 100%;
    border: 1px solid #62D1FF;
    border-radius: 10px;
    overflow: hidden;
    background-color: #FFFFFF;
}

.tblTopInptRow .tblTopInptCell{
    padding: 5px;
    display: table-cell;
    vertical-align: top;
}

.tblTopInptRow .tblTopInptCell label, 
.tblTopInptRow .tblTopInptCell span,
.tblTopInptRow .tblTopInptCell input{
    display:block;
    width: 100%;
}

.tblTopInptRow .tblTopInptCell span{
    height: 15px;
}

.tblTopInptRow .tblTopInptCell.Invalid label, 
.tblTopInptRow .tblTopInptCell.Invalid span,
.tblTopInptRow .tblTopInptCell.Invalid input{
    color: #FF3300;
}

.tblTopInptRow .tblTopInptCell.Invalid input{
    border-color: #D92C00;
}

.tblTopInptRow .tblTopInptCell label{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

.tblTopInptRow .tblTopInptCell span{
    font-size: 11px;
    font-weight: 700;
    font-style: italic;
    text-align: right;
}

.tblTopInptRow .tblTopInptCell input.inptShow{
    background-color: #4f5d6e; 
    color:#ffffff;
    font-weight: 700;
}

.tblTopInptRow .tblTopInptCell .Btn{
    margin-top: 17px;
    height: 42px;
    font-size: 16px;
    line-height:42px;
}

.tblTopInptRow .tblTopInptCell .Btn:focus{
    outline: 1px solid #1C588F;
}


.tblTopInptRow .tblTopInptCell .Btn i{
    width: 42px;
    height: 42px;
    line-height: 42px;
}

.tblTopInptRow .tblTopInptCell .Btn span{
    font-size: 16px;
    display: table-cell;
    width: 125px;
    text-align: center;
}

.TableBase.tblTopInpt{
    background-color: #4f5d6e;
    border: none;
    border-radius: 15px;
}