/*Overrides*/


/*Login*/
#loginDlg{
    height:220px;
    width: 310px;
}

.LoginDlg{
    background: #fff;
    border-radius: 5px;
}

#errLoginDlg{
    height:155px;
    width: 310px;
}

#loggerHeading{
    font-size: 20px;
}

#loginWrapper{
    margin:auto;
}

.LoginFooter{
    margin:auto;
    text-align: center;
    width: 310px;
    color: #fff;
    padding: 10px;
    margin-top:30px;
    font-size: 15px;
}

#loginBody{
    background-image: linear-gradient(to bottom, #6b77a1, #737ea5 3%, #9599b3 15%, #b1b0bf 28%, #c7c1c8 41%, #d6cdcf 57%, #dfd5d3 74%, #e2d7d4);
    background-image: -ms-linear-gradient(top, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    background-image: -moz-linear-gradient(top, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    background-image: -o-linear-gradient(top, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6B77A1), color-stop(3, #737EA5), color-stop(15, #9599B3), color-stop(28, #B1B0BF), color-stop(41, #C7C1C8), color-stop(57, #D6CDCF), color-stop(74, #DFD5D3), color-stop(100, #E2D7D4));
    background-image: -webkit-linear-gradient(top, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    
}

#fileTab table tbody#fileTab_data tbody tr td{
border:none;
}

.ui-confirm-dialog-severity.ui-icon{
display:none !important;
}



#loginBtn{
    margin-top: 15px !important;
    
}


/*Classes*/
body {
    font-family: 'Open Sans', sans-serif !important;
    background-color: #efefef;
    padding:0px;
    margin:0px;
    color:#1f426c;
    overflow-x:  hidden;
    min-width: 800px;
    counter-reset: H1;
}

.hn0{
   counter-reset: H1; 
}

/* numbering headings */
.hn1:before {
  content: counter(H1) ". "; 	/* Print the H1 number */
  counter-increment: H1; 	/* Add 1 to next H1 */
}
.hn1 { counter-reset: H2; text-indent:0px; font-weight: 600;}
.hn2:before {
  content: counter(H1) "." counter(H2) "  ";
  counter-increment: H2;
}
.hn2 { counter-reset: H3; text-indent:-25px;}
.hn3:before {
  content: counter(H1) "." counter(H2) "." counter(H3) "  ";
  counter-increment:H3;
}
.hn3{
    text-indent:-45px;
}

.NoListStyle{
    list-style-type:none;
}


.ui-state-highlight.ui-datatable-selectable .fas{
color: #fff;
}


.ui-fileupload-choose .ui-icon:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/cws/resources/images/search-solid-white.svg);
    background-size: 12px 12px;
    content: "" !important;
}

.ui-messages-noicon.ui-messages.ui-widget ul li[role='alert']{
    text-indent: -10px;
}

.ui-datatable {
    display: table;
}

.ui-datatable table {
    table-layout: auto !important;
}

body .ui-button.ui-state-focus{
    outline: 0px;
}

.ui-menu{
    background-color: transparent !important;
    border:0px !important;
}

.ui-button-icon-left.ui-icon{
    font-size: 14px !important;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon{
    color: #1f426c;
}


/*NEW*/
/*Classes*/

.MenuSeparator{
    width:10px !important;
    padding:0px!important;
    pointer-events: none;
}

.MenuBtn{
    margin-right: 5px !important;
}

.CommandButtonColorGreen{
    color: white !important;
    background: #1f9e53 !important;
    border:none !important;
}

.CommandButtonColorRed{
    color: white !important;
    background: #e2033d !important;
    border:none !important;
}


.Headding{
    font-size: 20px;
    font-weight: 600;
}

.Example{
    color: #d1d1d1;
}

/*Cards*/

.Card{
    border-radius: 5px;
    border: 1px solid #c8c8c8;
    background: #fff;
    margin-right: 15px;
    padding: 10px;
    margin-bottom:15px;
}

.CardHeadding{
    font-size: 20px;
    font-weight: 500;
}

.CardDetails{
    margin-top: 10px;
    font-size: 15px;
}

/*Headdings*/
.H2{
    font-size: 15px;
    font-weight: 600;
}

/*ID's'*/
#toolbar{
    z-index: 1000;

}

#toolbarTable{
    font-size: 15px;
    margin: auto;
}

#tliLogo{
    padding-top: 5px;
    padding-left: 5px;
    width:120px;
    height:40px;
}

#headerContent{
    border-bottom: 1px solid #d5d5d5;
    position: relative;
    background-color: #fff;
}

.clientName{
    margin: auto;
text-align: center;
    font-weight: 600;
    font-size: 32px !important;
}

#descriptionWrapper{
    background-image: linear-gradient(277deg, #1b81d7 0%, #1f4869 100%);
    color: #fff;
}

#fileTab{
    max-width: 100%;
}

/*Products*/

.ProductHeading{
    font-size: 20px;
    font-weight: 400;
}

.ProductDetails{
    font-size: 15px;
    padding: 15px;
}

/* Position */
.PosFixed{position:fixed;}
.PosAbsolute{position:absolute;}
.PosRelative{ position:relative;}
.PosStatic{position:static;}


/* Floating */
.Fleft{ float:left;}
.Fright{ float:right;}
.Fcenter{margin-left: auto;
         margin-right: auto;
         position:relative;}
.Fnone{ float:none !important;}

/* Overflows */
.OvHidden{ overflow:hidden;}
.OvScroll{ overflow:scroll;}
.OvAuto{ overflow:auto;}
.OvVisible{ overflow:visible;}
.OvXScroll{ overflow-x:scroll;}
.OvYScroll{ overflow-y:scroll;}
.OvXHidden{ overflow-x:hidden;}
.OvYHidden{ overflow-y:hidden;}

/* Empty Boxes */
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}
.EmptyBox30{ display:block; width:100%; height:30px; overflow:hidden;}
.EmptyBox40{ display:block; width:100%; height:40px; overflow:hidden;}
.EmptyBox50{ display:block; width:100%; height:50px; overflow:hidden;}
.EmptyBox60{ display:block; width:100%; height:60px; overflow:hidden;}
.EmptyBox70{ display:block; width:100%; height:70px; overflow:hidden;}
.EmptyBox80{ display:block; width:100%; height:80px; overflow:hidden;}
.EmptyBox90{ display:block; width:100%; height:90px; overflow:hidden;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox110{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow:hidden;}

/* Opacity */
.OpacZero{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}
.Opac5{ opacity:0.95; -webkit-opacity:0.95; -moz-opacity:0.95;}
.Opac10{ opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9;}
.Opac20{ opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8;}
.Opac30{ opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7;}
.Opac40{ opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6;}
.Opac50{ opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5;}
.Opac60{ opacity:0.4; -webkit-opacity:0.4; -moz-opacity:0.4;}
.Opac70{ opacity:0.3; -webkit-opacity:0.3; -moz-opacity:0.3;}
.Opac80{ opacity:0.2; -webkit-opacity:0.2; -moz-opacity:0.2;}
.Opac90{ opacity:0.1; -webkit-opacity:0.1; -moz-opacity:0.1;}
.Opac100{ opacity:0; -webkit-opacity:0; -moz-opacity:0;}

/* Border Radius */
.BordRad3{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.BordRad4{ border-raduius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.BordRad5{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.BordRad10{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.BordRad15{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.BordRadHalf{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}

.BordRight{ border-right:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordLeft{ border-left:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordTop{ border-top:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordBottom{ border-bottom:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordAll{ border:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordTopNone{border-top: none;}
.BordBlack{border-color: #000;}

/* Width */
.Wid100{ width:100%;}
.Wid90{ width:90%;}
.Wid80{ width:80%;}
.Wid70{ width:70%;}
.Wid60{ width:60%;}
.Wid50{ width:50%;}
.Wid45{ width:45%;}
.Wid40{ width:40%;}
.Wid30{ width:30%;}

/* Width Special Values */
.Wid33{ width:33.3%;}
.Wid25{ width:25%;}
.Wid20{ width:20%;}
.Wid10{ width:10%;}

/* Height */
.Hei100{ height:100%;}
.Hei90{ height:90%;}
.Hei80{ height:80%;}
.Hei70{ height:70%;}
.Hei60{ height:60%;}
.Hei40{ height:40%;}
.Hei50{ height:50%;}
.Hei30{ height:30%;}
.Hei20{ height:20%;}
.Hei10{ height:10%;}

/* Margins */
.Margin0{margin:0px;}
.Margin5{margin:5px;}
.Margin10{margin:10px;}
.Margin15{margin:15px;}
.Margin20{margin:20px;}
.Margin25{margin:25px;}
.Margin30{margin:30px;}

.MarTopPerc5{ margin-top:5%;}
.MarTopPerc10{ margin-top:10%;}
.MarTopPerc20{ margin-top:20%;}
.MarTopPerc30{ margin-top:30%;}
.MarTopPerc40{ margin-top:40%;}
.MarTopPerc50{ margin-top:50%;}

.MarAuto{ margin-left:auto; margin-right:auto;}

.MarTop0{ margin-top:0px;}
.MarTop5{ margin-top:5px;}
.MarTop10{ margin-top:10px;}
.MarTop15{ margin-top:15px;}
.MarTop20{ margin-top:20px;}
.MarTop30{ margin-top:30px;}
.MarTop40{ margin-top:40px;}
.MarTop50{ margin-top:50px;}
.MarTop360{ margin-top:360px;}

.MarLeft5{ margin-left: 5px;}
.MarLeft7{ margin-left: 7px;}
.MarLeft10{ margin-left: 10px;}
.MarLeft15{ margin-left: 15px;}
.MarLeft20{ margin-left: 20px;}
.MarLeft30{ margin-left: 20px;}
.MarLeft40{ margin-left: 40px;}

.MarTopQuarter{ margin-top:25%;}
.MarTopHalf{ margin-top:50%;}

.MarBot5{ margin-bottom:5px;}
.MarBot10{ margin-bottom:10px;}
.MarBot20{ margin-bottom:20px;}
.MarBot30{ margin-bottom:30px;}
.MarRight5{ margin-right: 5px;}
.MarRight10{ margin-right:10px;}
.MarRight15{ margin-right:15px;}
.MarRight20{ margin-right:20px;}
.MarRight30{ margin-right:30px;}

.MarRightPerc10{ margin-right:10%;}

/* Paddings */

.PaddingTopPercent10{ padding-top: 10%;}

.PaddingTop5{padding-top: 5px;}
.PaddingTop10{padding-top: 10px;}
.PaddingTop15{padding-top: 15px;}
.PaddingTop20{padding-top: 20px;}
.PaddingTop25{padding-top: 25px;}
.MinusPaddingTop5{padding-top: -5px;}
.MinusPaddingTop10{padding-top: -10px;}
.MinusPaddingTop15{padding-top: -15px;}
.MinusPaddingTop20{padding-top: -20px;}
.MinusPaddingTop50{padding-top: -50px;}


.PaddingBottom5{padding-bottom: 5px;}
.PaddingBottom10{padding-bottom: 10px;}
.PaddingBottom20{padding-bottom: 20px;}

.PaddingRight5{padding-right: 5px;}
.PaddingRight10{padding-right: 10px;}
.PaddingRight15{padding-right: 15px;}
.PaddingRight20{padding-right: 20px;}
.PaddingRight25{padding-right: 25px;}
.PaddingRight30{padding-right: 30px;}
.PaddingRight40{padding-right: 40px;}
.PaddingRight50{padding-right: 50px;}
.PaddingRight60{padding-right: 60px;}


.PaddingRightPercent5{ padding-right: 5%;}
.PaddingRightPercent10{ padding-right: 10%;}

.PaddingLeft5{padding-left: 5px;}
.PaddingLeft7{padding-left: 7px;}
.PaddingLeft10{padding-left: 10px;}
.PaddingLeft15{padding-left: 15px;}
.PaddingLeft20{padding-left: 20px;}
.PaddingLeft30{padding-left: 30px;}
.PaddingLeft40{padding-left: 40px;}
.PaddingLeft50{padding-left: 50px;}
.PaddingLeft60{padding-left: 60px;}

.Padding5{padding: 5px;}
.Padding10{padding: 10px;}
.Padding15{padding: 15px;}
.Padding20{padding: 20px;}
.Padding25{padding: 25px;}
.Padding30{padding: 30px;}



/* Text Aligns */
.TexAlCenter{ text-align:center;}
.TexAlLeft{ text-align:left;}
.TexAlRight{ text-align:right !important;}

.TexIndent5{text-indent: 5px;}
.TexIndent10{text-indent: 10px;}
.TexIndent15{text-indent: 15px;}
.TexIndent20{text-indent: 20px;}

/* Font Sizes */
.Fs9{font-size:9px !important;} 
.Fs10{font-size:10px !important;} 
.Fs11{font-size:11px !important;} 
.Fs12{font-size:12px !important;} 
.Fs13{font-size:13px !important;} 
.Fs14{font-size:14px !important;} 
.Fs15{font-size:15px !important;} 
.Fs16{font-size:16px !important;} 
.Fs17{font-size:17px !important;} 
.Fs18{font-size:18px !important;} 
.Fs19{font-size:19px !important;} 
.Fs20{font-size:20px !important;} 
.Fs21{font-size:21px !important;} 
.Fs22{font-size:22px !important;} 
.Fs23{font-size:23px !important;} 
.Fs24{font-size:24px !important;} 
.Fs25{font-size:25px !important;} 
.Fs26{font-size:26px !important;} 
.Fs27{font-size:27px !important;} 
.Fs28{font-size:28px !important;} 
.Fs29{font-size:29px !important;} 
.Fs30{font-size:30px !important;}
.Fs40{font-size:40px !important;}
.Fs50{font-size:50px !important;}
.Fs60{font-size:60px !important;}
.Fs100{font-size:100px !important;}
.Fs130{font-size:130px !important;}

/* Font Type */
.FontBold{ font-weight:bold;}
.FontLight{ font-weight:lighter;}
.FontNormal{ font-weight:normal;}
.FontItalic{font-style:italic;}

/* text colors */
.BlueBlack{
    color:#1f426c !important;
}
.White {
    color: #ffffff !important;
}
.TransparentWhite {
    color: rgba(255, 255, 255, 0.7) !important;
}
.SoftGray {
    color: rgba(40, 40, 40, 0.8) !important;
}

.TliBlue{
    color: #1f426c;
}
.DarkGray{
    color: #525252 !important;
}
.Black {
    color: #282828 !important;
}
.Blue {
    color: #00aaff !important;
}
.Red {
    color: #e2033d !important;
}

.Grey{
    color: #7f7f7f !important;
}

.Green {
    color: #05c436 !important;
}
.Orange {
    color: #ff9f1a !important;
}
.Yellow {
    color: #f7ce03 !important;
}
.Leaden {
    color: #355c68 !important;
}
.Purple {
    color: #8f7ee6 !important;
}
.Aqua {
    color: #0084b4 !important;
}
.Navy {
    color: #1f3b59 !important;
}
/* background colors */
.WhiteBack {
    background-color: #ffffff;
}
.SoftGrayBack {
    background-color: rgba(40, 40, 40, 0.6);
}
.BlackBack {
    background-color: #282828;
}
.BlueBack {
    background-color: #00aaff;
}
.RedBack {
    background-color: #e2033d;
}
.GreenBack {
    background-color: #05c436;
}
.OrangeBack {
    background-color: #ff9f1a;
}
.YellowBack {
    background-color: #f7ce03;
}
.LeadenBack {
    background-color: #355c68;
}
.PurpleBack {
    background-color: #8f7ee6;
}
.AquaBack {
    background-color: #0084b4;
}
.NavyBack {
    background-color: #1f3b59;
}

.LightGrey{
    background-color: #f0f0f0;
}

/* Borders */
.BorderNone {
    border:none;
}
.BorderLeft {
    border-left: solid 1px #d1d1d1;
}
.BorderRight {
    border-right: solid 1px #d1d1d1;
}
.BorderTop {
    border-top: solid 1px #d1d1d1;
}
.BorderBottom {
    border-bottom: solid 1px #d1d1d1;
}
.BorderAll {
    border: solid 1px #d1d1d1;
}


.NoOverflow{
    max-width: 100%;
}

.MaxWidth100{
    max-width: 100%;
}

/*Nones*/
.PaddingBottomNone{padding-bottom: 0px;}
.PaddingTopNone{padding-top: 0px;}
.PaddingNone{padding: 0px;}
.NoPadding{padding:0px !important}
.PaddingLeftNone{padding-left: 0px;}
.PaddingRightNone{padding-right: 0px;}
.NoTextDeco{text-decoration: none;}
.NoIndent{display:block; margin:0px auto; padding:0px;}


/*Debug Classes*/


.UnderlignText{
    text-decoration: underline !important;
}


.Show1{
    border:1px solid black;
}
.Show2{
    border:1px solid red;
}
.Show3{
    border:1px solid green;
}
.Show4{
    border:1px solid #f7ce03;
}


/* seperator line */
.Separator{border-bottom:solid 1px #d5d5d5; width:100%; display:block; overflow:hidden; height:0px; margin:0.5em 0px; clear:both;}
.SeparatorFull{border-bottom:solid 1px #d5d5d5; display:block; overflow:hidden; height:0px; margin:0.5em -1em; clear:both;}
.SeparatorDashed{border-bottom:dashed 1px #d5d5d5; width:100%; display:block; overflow:hidden; height:0px; margin:0.5em 0px; clear:both;}
.SeparatorDashedFull{border-bottom:dashed 1px #d5d5d5; display:block; overflow:hidden; height:0px; clear:both; margin-top: 5px; margin-bottom: 5px;}
.CardSeparatorDashed{
    border-bottom:dashed 1px #d5d5d5; 
    width:100%; 
    display:block; 
    overflow:hidden; 
    height:0px; 
    margin:0px; 
    clear:both;
    background: #fff;
}
.HorizontalSeparatorDashed{
    border-right:dashed 1px #d5d5d5; 
    display:block; 
    overflow:hidden; 
    height:200px; 
    margin-left: 10px; 
    margin-right: 10px; 
    clear:both;
    background: #fff;
}