@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');


.maindv
{
    width:100%;
    padding:5px;
}


.dv1
{
    width:20%;
    float:left;
    text-align:right;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-size:medium;
    color: #333333;
    padding:2px;
}

.dv2
{
    width:29%;
    float:left;
    text-align:left;
    padding:2px;
}

.dv02
{
    width:26%;
    float:left;
    text-align:left;
    padding:2px;
}

.dv002
{
    width:30%;
    float:left;
    text-align:left;
    padding:2px;
}

ul.panel-controls > li > a span{ line-height: 28px; color: #fff; }

.DropDown100
{
    width:106px;
    height:23px;
    border: 1px inset #BDBDBD; 
    outline:0;     
}

.tstbox
{
    width:200px; height:21px; border: 1px inset #BDBDBD; outline:0; 
}

.tstbox150
{
    width:120px; height:19px; border: 1px inset #BDBDBD; outline:0;
}


.tstbox100
{
    width:100px; height:21px; border: 1px inset #BDBDBD; outline:0; background-color: Silver;
}

.tstbox110
{
    width:100px; height:19px; border: 1px inset #BDBDBD; outline:0; 
}

.btns
{
    width:100%; height:25px;
}


.dv3
{
    float: left;
    width: 20%;
    height: 25px;
    text-align: center;
    border: 1px solid gray;
    margin-right: 4px;
    background-color: #4E4E4E;
    color: White;
    padding-top: 2px;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-size: medium;
}

.dv03
{
   float:left;
   width:10%;
   height:25px;
   text-align:center;
   border:1px solid gray;
   margin-bottom:3px;
   background-color:#4E4E4E;
   color:White;
   padding-top:2px;
}
.dv4
{
   float:left;
   width:20%;
   height:25px;
   text-align:center;
   border:1px solid gray;
   margin-right:4px;
   margin-bottom:2px;
}
.dv04
{
   float:left;
   width:10%;
   height:25px;
   text-align:center;
   border:1px solid gray;
}

.dv5
{
   float:left;
   width:13%;
   height:25px;
   text-align:right;
   margin-right:4px;
   margin-bottom:2px;
   padding-right:3px;
   font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-size:medium;
    color: #333333;
}

.dv05
{
   float:left;
   width:15%;
   text-align:left;
   height:25px;
   margin-right:4px;
   margin-bottom:2px;
}

.dv005
{
   float:left;
   width:6%;
   height:25px;
   text-align:right;
   margin-right:4px;
   margin-bottom:2px;
   padding-right:3px;
   font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-size:medium;
    color: #333333;
}
.dv0005
{
   float:left;
   width:2%;
   height:25px;
   text-align:left;
   margin-right:4px;
   margin-top:-4px;
   padding-right:3px;
}

.panel-body iframe { height:99% !important; }
/*.tabs-container { max-height:650px; }*/

.newtd tr td{ padding:5px 10px; box-sizing:border-box;}
.label tr td{ padding:5px 10px; min-width: 70px; }
.label tr td table tr td{ padding:0px; min-width: initial;}

.label2{ border-collapse: collapse;}
.label2 tr td{ padding:0px 10px; min-width:135px;  border:1px #ccc solid;  font-family: 'Source Sans Pro', 'Open Sans', sans-serif; }
.label3{ border-collapse: collapse; width: 100%;}
.label3 tr td{ padding:0px 10px; border:1px #ccc solid; }
.label3 tr td:first-child{ padding:0px 5px; min-width:30px;  border:1px #ccc solid; }
.lbg{ background: #EFEFEF;}
#light{background-color: rgba(192, 192, 192, 0.9) !important; opacity: 1 !important;}
.label2 tr td span table tr td{ padding:0px; min-width:20px;}
.label2 tr td span table tr td input{ min-height:24px; border-color: #fff !important;}

.label4{ border-collapse: collapse; width: 100%;}
.label4 tr td{ padding:0px 10px; border:1px #ccc solid; }
.label4 tr td:first-child{ padding:0px 5px; min-width:30px;  border:1px #ccc solid; }
.label4 tr td label, .label4 tr td input {min-width:auto; float:left }

.row{ margin:0 !important;}
.panel{ width:100% !important; }
.panel-body{ width:100% !important; }
.panel-body2{ position:relative; padding:0px; width: 100%;}
.panel .panel-heading { margin: 2px 0px;}
.panel-body2 .stacked{ overflow: auto; width: 100%; padding: 0px; box-sizing: border-box;}

.foot{position: fixed; bottom: 0px; width: 100%;  background: #222; padding: 0px;}
.foot .create-new{ width:320px; float:none; margin:0 auto; }
.foot-bottom{ position:fixed; font-family: 'Source Sans Pro', 'Open Sans', sans-serif; color:#fff; font-size: 12px; bottom:0px; left:0; padding: 5px 15px !important; height: auto !important;}

.user-panel{ font-size :12px; height:32px; background-color: #F4F4F4; font-weight: bold ;font-family: 'Source Sans Pro', 'Open Sans', sans-serif; width :100%; color:#000; padding:0 !important;}

.dropbox .dragbox{  position:relative;  cursor: move;}

.search-filter {  float: left;  width: 100%;  min-height: 85px;  background: #e8e8e8;  margin-bottom: 10px;  padding: 6px 15px 7px;  -moz-border-radius: 0px;  -webkit-border-radius: 0px;  border-radius: 0px;   position:relative;}
.search-filter li {}
.search-filter li, .search-filter li a {  font-size: 12px;  font-weight: 600;  line-height: 18px;  color: #434a54;  list-style:none;  display:inline-block;   text-decoration: none;  margin:0px 10px; }

.search-filter li div.inblock{ display:none; position:absolute; float:left; left:25px; top: 30px;}
.search-filter li input[type="text"], .search-filter li select, .search-filter li label {float:left; margin-right:5px;}
.search-filter li input[type="radio"]:checked ~ div.inblock{ display:block;}

.file_input{display: inline-block;	padding: 10px 16px;	outline: none;	cursor: pointer;text-decoration: none;	text-align: center;	white-space: nowrap;font-family: 'Source Sans Pro', 'Open Sans', sans-serif;font-size: 11px;font-weight: bold;	border-radius: 3px;	color: #008BFF;	border: 1px solid #008BFF;	vertical-align: middle;	background-color: #fff;	margin-bottom: 10px;box-shadow: 0px 1px 5px rgba(0,0,0,0.05);-webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;}
.file_input:hover,.file_input:active {	background: #008BFF;color: #fff;}

.border{ border:1px #ccc solid; -moz-border:1px #ccc solid; -webkit-border:1px #ccc solid; -o-border:1px #ccc solid; -ms-border:1px #ccc solid;}
.padding{ padding:10px !important; box-sizing:border-box;}
.create-new{ margin-right: 20px;}
.view-details{ padding: 3px 4px !important; position:relative; color:#fff !important; text-align: center; border: medium none; float:left; font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 2px; cursor: pointer;}

.create-new .view-details{ border-style: none;  border-color: inherit; font-family: 'Open Sans', sans-serif;  border-width: medium;  padding: 2px 4px !important;  position:relative; color: #fff; text-align: center; float:left; font-size: 9px; font-weight: bold; text-transform: uppercase; margin: 2px; cursor: pointer; top: 0px;  left: 0px;  height: initial; }
.create-new .view-details input{color: #fff; font-size: 10px; font-weight: normal; font-family: 'Source Sans Pro', 'Open Sans', sans-serif; padding: 0; cursor:pointer; text-transform: uppercase; }
.create-new .view-details input[type="button"]{color: #fff; padding: 2px 4px !important; font-size: 9px; font-weight: bold; font-family: 'Open Sans', sans-serif; padding: 0; cursor:pointer; text-transform: uppercase; }
.create-new .view-details a {color:#fff; text-decoration:none;}

.filter{ width:200px; height:24px; padding:2px 10px; margin:0px 50px 10px 0px; }

.newtable{border:1px #bbb solid; overflow:auto; width:100%; font-size: 13px; font-family: 'Source Sans Pro', 'Open Sans', sans-serif; background: #fff;}
.newtable tr:nth-child(1){ background-color: #33414e;font-weight :normal;white-space: nowrap;}
    .newtable tr:nth-child(1) label {color:white;
    }
.newtable tbody tr:nth-child(1) input {color: #000000;}
.newtable tr:nth-child(1) th {color: #fff;}
.newtable tbody tr:nth-child(1){ background-color: #fff; color:#333; font-weight :normal;white-space: nowrap;}
.newtable tr td, .newtable tr th{ padding: 4px 0px 4px 5px; border-right: 1px #bbb solid; border-bottom: 1px solid #bbb;font-size: 13px; }
.newtable tr td span{color:#C70000; font-size: 13px;}
.newtable tr td:nth-child(1){ width:100px;}

.head-label{list-style:none;  margin-bottom:2px;  background:#333; }
.head-label li{ display:inline-block; color:#fff; padding:10px; vertical-align: top; box-sizing:border-box;}
.head-label li span{color:#C70000; font-size: 14px;}
.dash-content:nth-child(2n){background:#fff; margin-bottom:2px}
.dash-content:nth-child(2n+1){background:#eee; margin-bottom:2px}
.dash-content li{ display:inline-block; color:#333; padding:5px 10px; vertical-align: top;  box-sizing:border-box;}

.dash-width{ min-width:1300px; padding:0;}
.dash-width li:nth-child(1){ width:9%;}
.dash-width li:nth-child(2){ width:6%;}
.dash-width li:nth-child(3){ width:7%;}
.dash-width li:nth-child(4){ width:14%;}
.dash-width li:nth-child(5){ width:9%;}
.dash-width li:nth-child(6){ width:6%;}
.dash-width li:nth-child(7){ width:9%;}
.dash-width li:nth-child(8), .dash-width li:nth-child(9){ width:12%;}
.dash-width li:nth-child(10){ width:12%;}

.history-width li:nth-child(1){width:10%;}
.history-width li{ width:22%;}


.top-link{text-align: center; border-bottom: medium double rgb(195, 195, 195); padding: 5px;}
.top-link li{ list-style:none; display:inline-block; text-align:center; background:#222;}
.top-link li:hover{background:#FECE28;}
.top-link li a{ text-decoration:none; color:#fff; font-weight:bold; line-height: 30px; padding: 0px 30px; text-transform: uppercase;}

.anc-table{vertical-align: top; clear: both; font-size: 12px; font-family: 'Source Sans Pro', 'Open Sans', sans-serif;}
.anc-table h4{ text-align:left;}
.anc-table tr{border-bottom: 1px dashed rgb(195, 195, 195); padding: 5px;} 
.anc-table tr th{font-weight: 500;}
.anc-table label{ min-width: 150px; text-align: left; margin-right: 1px; font-weight: 500; font-size: 12px; }
.anc-table input, .anc-table select{width:48%; min-width: 145px; height: 25px; margin-bottom: 8px !important; padding: 0px 10px; font-size: 12px;}
.anc-table textarea{width:99%; padding:10px; margin-bottom:10px; height: 80px;}
.anc-table input[type=radio], .anc-table input[type=checkbox] {width: 20px !important;  min-width: initial;  height: 14px !important;  margin-top: 2px !important; float: left;}
.anc-table input[type="file"]{ width:100%;}
.anc-table input[type="button"], input[type="reset"]{min-width: 80px; width: auto; font-size: 10px; float: none; font-family: 'Open Sans', sans-serif; font-weight: bold; text-transform: uppercase;}
.anc-table input[type="checkbox"]{min-width: 10px; width: 16px; margin-bottom: 0px !important; height: 16px;}
.anc-table span {float: left;line-height: 18px;}

.action-button{margin: 0 auto;}
.action-button .success{ background:#127E02;}
.action-button input[value="Reject"], .action-button input[value="Cancel"]{ background:#D22F14;}
.action-button input{ float:left; margin:5px; padding:5px 18px; background:#008DF5; color:#f6f6f6; text-align:center; border:none; font-size:10px; font-weight: bold; text-transform: uppercase;}

.checkbox{ width:30px !important; float: left; margin: -5px !important; min-width: 20px !important;}
.half-w .checkbox{ margin-left:10px !important;}
.radio{ width:30px !important; float: left; margin: -5px !important; min-width: 20px !important;}

.half-w strong, .half-w span{ float:left;}
.new-section{max-height: 80vh; overflow-y: scroll; padding: 0px 10px;}
.top-nav-bar{ width:100%;  background:rgb(54, 54, 54) none repeat scroll 0% 0%; overflow:auto; border: 1px solid #aaa;}
.top-nav-bar h3{ float: left; margin: 5px; color: #FFF; font-size: 16px; font-weight: bold;}


.add-form, .data{ width:98%; padding:5px;list-style: none; border:1px #ccc solid; font-size: 13px; font-family: 'Source Sans Pro', 'Open Sans', sans-serif;}
.add-form li, .data li{ display:inline-block; vertical-align: top;}
.add-form .u-img, .data .u-img{ height:30px;}
.add-form input[type="checkbox"]{ width: 25px; min-width: initial; vertical-align: middle;}
.add-form .leader{ min-width:auto; width:65px;}
.add-form input{ margin-bottom:0px !important; float:left;}
.af-input{ float:left;}
.data li{ min-width:90px; max-width: 122px; vertical-align: top;}
.add-btn { cursor: pointer; background: #1698F8  none repeat scroll 0% 0%; color: #FFF; width: 40px; height: 24px; display: flex; align-items: center; font-size: 10px; border-radius: 5px; font-weight: bold; margin-right: 10px; float: right; margin-top: 4px;}
.add-btn p{ margin:5px 0; padding:0; text-align:center; width:100%; font-weight:500;}

.r-text{ text-align:right !important;}
.pop-form{position: absolute; background: rgba(0, 0, 0, 0.75) none repeat scroll 0% 0%; height: 100vh; left: 0; top: 0; width: 100%; align-items: center; padding: 2%; display: none; overflow: auto;}
.in-form{ background:#fff; padding: 30px; overflow:auto; }
.in-form label{ width: 150px; float: left; margin: 5px;}
.in-form input{ width:50%; float:left; margin: 5px;}
.in-form input[type="button"], .in-form input[type="reset"]{min-width:80px; width:auto; font-size: 11px; float: none;}
.in-form textarea{ width:50%; height:100px; float:left; margin: 5px;}
.in-form a{ position:absolute; top: -9px; right: -9px;}


.width100{ min-width:100px !important}
.height55{ height:55px !important;}

.history{ width:100%; padding:0;}
.history li{ display:inline-block;}
.history li:nth-child(1){ width:50px;}
.history li:nth-child(2){ width:140px;}
.history li:nth-child(3){ width:150px;}
.history li:nth-child(4){ width:150px;}
.history li:nth-child(5){ width:145px;}

.muda span{ float:left; margin-right: 30px;}
.refresh{ cursor:pointer}
.tip{position:absolute; display:none; color: #FFFC00; top: 7px; font-family: 'Source Sans Pro', 'Open Sans', sans-serif; font-weight: bold; font-size: 10px;}
.refresh:hover ~ .refresh .tip{display:block;}

.ac-container{
	width: 100%;
	margin: 10px auto 30px auto;
	text-align: left;
}
.ac-container .label{
	font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
	padding: 5px 20px;
    margin-top:0px !important;
	position: relative;
    width: 100%;
	z-index: 20;
	display: block;
    text-align:left;
	height: 32px;
	cursor: pointer;
	color: #fff;
    border-radius:2px;
	line-height: 24px;
	font-size: 14px !important;
	background: #47585f url(../../Areas/Improvement/Images/arrow_down.png) no-repeat center right 15px;
	
}
.ac-container label:hover{
	background: #333;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #237C9B url(../../Areas/Improvement/Images/arrow_up.png) no-repeat center right 15px;
	color: #fff;	
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	;	
}


.ac-container .article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
    background:#fff;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container .article p{
	font-style: italic;
    color: #777;
    line-height: 10px;
    font-size: 14px;
    padding: 0px;
    overflow: auto;
    margin: 0;
    width: 50%;
    float: left;
	
}

.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac{
	height: 50vh;
    overflow:auto;
    padding:10px;
    box-sizing:border-box;
}

.mudatest { margin: 3px !important; }
.exp-box textarea { padding: 2px 10px !important;  height: 26px;  font-size: 12px !important; }
.dialog{height:400px !important}

.d-none { display:none;
}

.article fieldset { padding:10px; box-sizing:border-box; position:static !important;
}


.x-navigation li.xn-openable ul { background:#333;
}

.x-navigation li.xn-openable p a {
    color: #222;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding: 5px 10px;
    display: block;
    float: left;
    width: 100%;
    text-decoration: none;
    border-bottom: 1px solid #2f3c48;
    vertical-align: text-bottom;
    background:#f5f5f5; 
}

#ModuleType { 
    width: 100%;
    height: 30px;
    color: #222;
    font-weight: 700;
    font-size: 13px;
    padding-left: 10px;
}

    #ModuleType option {
        color: #fff;
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    padding: 5px 10px;
    border-bottom-color: #23303b;
    display: block;
    float: left;
    width: 100%;
    text-decoration: none;
    border-bottom: 1px solid #2f3c48;
    vertical-align: text-bottom;
    padding-left: 15px;
    background:#222; 
    }

.btn-in{	
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	background: none;
	border: none;}		

.btn-ic{	
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	background: none;
	border: none;
	min-width:16px;
	position: absolute;
    left: 0;
    top:0;
	}		
	
.export-out{ position:relative;}
.export-out div p{ margin-top:2px !important;}

.drop-d{ visibility:hidden; position:absolute; list-style:none; background:#fff; top: 21px; left: 0; z-index: 99;}
.export-out:hover > .drop-d{ visibility:visible;}

.drop-d p{ width:95%; text-align:left; padding:0; box-sizing:border-box;}
.view-details strong{ display: none; position: absolute; color: #fff; bottom: 0px; left: 0; bottom: -22px; background: RGBA(0, 0, 0, 0.7); padding: 2px 5px; font-size: 10px; z-index: 99; top: 20px;}
.view-details:hover > strong{ display:block;}
.view-pop{left: 15%;
    margin-top: 1%;
    position: relative;
    width: 70%;
    border: 5px solid rgb(90, 158, 181);
    height: 96%;
    background-color: rgb(255, 255, 255);
    padding: 4px;
    box-sizing: border-box;}
.time-css{ width: 80px; background: #fff; height: 25px; float: left; border: 1px #ccc solid;}
.time-css input{ height:24px !important; margin:0 !important; }

.h-100{ max-height:100px; overflow:auto;}
.h-150{ max-height:150px; overflow:auto;}
.h-200{ max-height:200px; overflow:auto;}
.h-250{ max-height:250px; overflow:auto;}
.h-300{ max-height:300px; overflow:auto;}


.label2  tr td:nth-child(1), #jqGrid tr td:nth-child(1){ min-width:60px;}

#ContentPlaceHolder1_divdetail,
#ContentPlaceHolder1_commondiv,
#ContentPlaceHolder1_detaildiv,
#ContentPlaceHolder1_divcontent,
#ContentPlaceHolder1_divcontentData,
#ContentPlaceHolder1_divfield,
#ContentPlaceHolder1_formwork,
#ContentPlaceHolder1_savediv,
#allcontentdata,#ContentPlaceHolder1_upCreatePermission
        {width:100%; height: 92vh !important; float: none; overflow: auto; box-sizing:border-box; padding:5px 10px; }

#gbox_myAuditeeDashboard, #gbox_AuditorDashboard, #gbox_myGridSuggestionGiver
        {width:100%; height: 80vh !important; float: none; overflow: auto; box-sizing:border-box; padding:5px 10px; }


.dGrid, #ContentPlaceHolder1_divGrid, #ContentPlaceHolder1_divcreateDiv  {width:100%; height: 87vh !important; float: none; overflow: auto; box-sizing:border-box; padding:5px 10px; }
        
#ContentPlaceHolder1_divfield, #ContentPlaceHolder1_rptdiv, #ContentPlaceHolder1_JQueryGrids, #ContentPlaceHolder1_divResolve  {width:100%; height: 84vh !important; float: none; overflow: auto; box-sizing:border-box; padding:5px 10px; }

#ContentPlaceHolder1_GrdAcdQual th, #ContentPlaceHolder1_GrdAcdQual td
{
    color: rgb(32, 29, 29);
    border: 1px solid rgb(204, 204, 204);
    padding: 5px;
}


#ContentPlaceHolder1_generalprofile th, #ContentPlaceHolder1_generalprofile td
{
    color: rgb(32, 29, 29);
    border: 1px solid rgb(204, 204, 204);
    padding: 5px;
}
.searchtext{ width:90px; height:20px; float:left; margin:2px 0; }
.searchicon{ width:20px; height:20px; float:left; margin:2px 0; }


.res-table-outer{ width:100%;}


    /* FROM ON PAGE CSS CODES COPIED HERE  */

    .style1 {
        color: #333333;
        font-size: small;
    }

    .style2 {
        font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    }

    .style3 {
        font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
        color: #FFFFFF;
    }

    .style4 {
        color: #FFCC00;
    }

    .req {
        color: #d8021a;
        font-size: 15px;
        margin: 2px 0px 0px 3px;
    }

    #light {
        opacity: 0.92;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        background-color: Silver;
        display: none;
    }

    .white_content {
        display: none;
        position: absolute;
        top: 25%;
        left: 35%;
        width: 40%;
        padding: 0px;
        border: 0px solid #a6c25c;
        background-color: white;
        z-index: 1002;
        overflow: auto;
    }

    .txtwidth60 {
        width: 60px;
    }

    .ts-button .fa-cog {
        margin-top: 8px;
    }

    .d-time {
        min-width: 100px !important;
        width: 105px !important;
    }

    /*.panel {
        box-shadow: none !important;        
    }*/

    #ContentPlaceHolder1_rdprintOption label {
        margin-right: 50px;
    }

    #cancel {
        float: right;
    }

    .chk input[type="checkbox"], .chk input[type="radio"] {
        min-width: 15px;
        width: 15px;
        margin-bottom: 0 !important;
        height: 12px;
    }


    .chk label{min-width:50px;}
    .chk table td label{min-width:50px; margin:0; float:left}
    .chk table tr{ border:none !important}

    .anc-time span{ float:left !important}
    .anc-time table{ width:54px; margin: 4px 2px;}
    .anc-time table td{ border:none}
    .anc-time table tr{ border:1px #ccc solid;}
    .anc-time input{ width: 16px !important; min-width: initial; padding: 0px; margin-bottom: 0px !important; border: none !important;}
    .anc-time input:nth-child(2){ width:5px  !important; padding: 0 1px !important;}

    .anc-time2 span{ float:left !important}
    .anc-time2 table{ width:100px;}
    .anc-time2 table tr{ border:none;}
    .anc-time2 input{ width: 24px !important; min-width: initial; padding: 2px; margin-bottom: 1px !important;}
    .anc-time2 input:nth-child(2){ width:10px  !important;}

    input[readonly]{ background:#ccc; }
    .clearfix{ clear:both !important}
    .filters table td {display: inline-block; margin: 4px 10px;}
    .top-up{font-size: 18px; font-weight: bold; min-width: 140px !important; line-height: 30px;}
   
   .service-box img { height:70px; margin-top:10px;} 
   .service-box div {margin:10px auto; width:150px; height:150px; border: 1px solid #fff; border-color: #fff !important; border-radius: 100px; display:block !important; align-items: center; opacity: 0.9; }
 .service-box div span{ color:#fff; width:100%; font-size:14px;}

 #RequiredFieldValidator1, #RequiredFieldValidator2{ position:absolute;}




#dvData #tblDataList thead td:last-child {padding:0 0 0 5px;}


.v-pop{ position:absolute; width:100%;  height:100%; background: RGBA(0, 0, 0, 0.9); z-index:9; overflow:auto; display:flex; align-items:center;  }
.vpop-form{ background:#fff; margin:0 auto; padding:30px;}
.vpop-form input, .vpop-form textarea, .vpop-form select{ float: right; margin-bottom: 10px; width: 50%;}
.vpop-form textarea{ height: 74px;}
.vpop-form  .close {height: 20px; position: absolute; top: 3px; right: 3px;}

#viewAudit { height:auto !important; height:80vh !important;}
div[aria-describedby="viewAudit"] { top:0 !important;}
 .leftButtonPrint { margin-left: 100px !important; } 

.auto-add-form input, .auto-add-form select, .auto-add-form label{ float:left; width:147px; min-width:initial; margin:1px;}
.table-data{border:1px #bbb solid; overflow:auto;}
.table-data thead tr{ font-weight: normal; background-color: #33414e;  font-size: 13px; color:#fff;}
.table-data tr td, .table-data tr th{ padding: 4px; border-right: 1px #bbb solid; border-bottom: 1px solid #bbb; width:150px;}
.table-data tr td span{color:#C70000; font-size: 14px;}
.table-data tr td:nth-child(1), .table-data tr th:nth-child(1), .auto-add-form input:nth-child(1),
.table-data tr td:nth-child(2), .table-data tr th:nth-child(2), .auto-add-form select:nth-child(2){ width:60px}

.table-data1{border:1px #bbb solid; overflow:auto;}
.table-data1 thead tr{ font-weight: normal; background-color: #33414e;  font-size: 13px; color:#fff;}
.table-data1 tr td, .table-data1 tr th{ padding: 4px; border-right: 1px #bbb solid; border-bottom: 1px solid #bbb; width:150px;}
.table-data1 tr td input, .table-data1 tr td select { margin-bottom:0 !important}
.table-data1 tr td span{color:#C70000; font-size: 14px;}
.table-data1 tr td:nth-child(1), .table-data1 tr th:nth-child(1), .auto-add-form input:nth-child(1),
.table-data1 tr td:nth-child(2), .table-data1 tr th:nth-child(2), .auto-add-form select:nth-child(2){ width:60px}

.table-data2{border:1px #bbb solid; overflow:auto;}
.table-data2 thead tr{ background-color: #464646;color:White;font-weight :bold;}
.table-data2 tr td, .table-data2 tr th{ padding: 4px; border-right: 1px #bbb solid; border-bottom: 1px solid #bbb; width:150px;}
.table-data2 tr td span{color:#C70000; font-size: 14px; }

.content-head, .content-data { padding:0; white-space:nowrap; width:100%; margin:0;}
.content-head li, .content-data li {display:inline-block; overflow:auto; border:1px #ccc solid; width:135px; min-height: 26px;   padding:3px 10px; font-family: 'Source Sans Pro', 'Open Sans', sans-serif;}
.content-head li {background-color: #464646; color: #fff; font-weight: normal; border: 1px #464646 solid; }
.content-head li:first-child, .content-data li:first-child{width:85px; }
.content-data strong{ display:none;}
/*.nav-tabs.nav-justified>li {display: inline-block;}*/

.auto-add-form .add-row{min-width: initial !important;font-weight: bold;font-size: 20px !important;}
.del-row {
         border-right: 1px #fff solid !important;
    border-bottom: 1px solid #fff !important;
    width: auto !important;
}

.del-row input {
    min-width: auto !important;
    font-weight: bold;
    font-size: 32px !important;
}
#tjournalentry td {
    padding: 0 4px !important;
}



    .file_input{
    display: inline-block;
    padding: 10px 16px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    color: #008BFF;
    border: 1px solid #008BFF;
    vertical-align: middle;
    background-color: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.05);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    }
    .file_input:hover,
    .file_input:active {
    background: #008BFF;
    color: #fff;
    }
	
    .border{ border:1px #ccc solid; -moz-border:1px #ccc solid; -webkit-border:1px #ccc solid; -o-border:1px #ccc solid; -ms-border:1px #ccc solid;}
    .page-content-wrap .slt{
    padding: 9px 10px !important;
    height: auto;
    }


    .x-navigation.x-navigation-horizontal .xn-icon-button > a .fa,
    .x-navigation.x-navigation-horizontal .xn-icon-button > a .glyphicon {
      margin: 0px;
    }


    .btn-in2{	
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	background: none;
	border: none;}	


    
/*form styles*/
/*#msform {
width: 100%;
margin: 0px auto;
text-align: center;
position: relative;
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 3px;
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
padding: 20px 30px;
box-sizing: border-box;
width: 100%;
margin: 0;
position: absolute;
}

#msform fieldset:not(:first-of-type) {
display: none;
}

#msform label{ margin-top: 5px; float: left; font-weight: normal; font-size: 13px;}

#msform textarea {
padding: 10px;
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
color: #2C3E50;
font-size: 13px;
min-width: 125px;
}

#msform textarea[name="benefits"]{ padding:2px; margin-right: 10px; width: 97%;}

#msform select {
padding: 0px 10px;
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 10px;
margin-right:10px;
min-width:140px;
width: 100%;
box-sizing: border-box;
font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
color: #2C3E50;
font-size: 13px;
}

#msform input[type="radio"], #msform input[type="checkbox"]{
	width:30px !important; float:left;margin-top: 8px; min-width: 30px;
}

#msform .m-box{ border:1px #ccc solid; -moz-border:1px #ccc solid; -webkit-border:1px #ccc solid; -o-border:1px #ccc solid;}
#msform .m-box-in{ border:1px #ccc dashed; -moz-border:1px #ccc dashed; -webkit-border:1px #ccc dashed; -o-border:1px #ccc dashed;}

#msform .half-w{ width:50% !important; float:left; box-sizing:border-box;}
#msform .half-w label{ font-weight:normal;}


#msform .action-button {
width: 140px;
background: #27AE60;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 1px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}*/
/*headings*/
.fs-title {
font-size: 15px;
text-transform: uppercase;
color: #0AAA33;
margin-bottom: 25px;
font-weight:bold;
}
.fs-subtitle {
font-weight: normal;
font-size: 13px;
color: #666;
margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
width: 680px;
margin: 40px auto;
}
#progressbar li {
list-style-type: none;
color: #333;
text-transform: uppercase;
font-weight:bold;
font-size: 12px;
width: 20%;
float: left;
position: relative;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 20px;
line-height: 20px;
display: block;
font-size: 10px;
color: #333;
background: white;
border-radius: 3px;
margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	background: white none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: -42%;
    position: absolute;
    top: 9px;
    width: 90%;
    z-index: 0; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
background: #27AE60;
color: white;
}

.myTable{ width:100%;}
.myTable td label{ float:left;}
.myTable td input[type="checkbox"]{ width:30px; float:left; margin-top: 8px;}
.myTable td input{ width:95% !important; float:left; min-width: 100px;}
.myTable .id { width:50px;}
.myTable .data { border:1px #ccc solid;}
.myTable  img{max-height:46px; margin:2px;}
.myTable tr th{ background:#333; color:#fff; padding:5px 10px; font-size: 13px; font-weight: normal;}

#controlButtons{ position:absolute; right: 50px; margin-top: 46px; }

.eval-table{ width:100%; border:1px #ccc solid; background:#fff;}
.eval-table td, .eval-table th{ padding:5px; border-right:1px #ccc solid;}
.eval-table th{ background:#333; color:#fff;}
.eval-table th a{ color:#fff;}
#msform .eval-table  input{ border:none !important;}
#msform .eval-table textarea{ margin-bottom:0px; border:none;}

#msform .assign-team input[type="radio"]{ width:20px; float:left; margin-top: 2px;}
#msform .assign-team span{ float:left; font-weight:bold;}

#msform .assign-team table{ display:none;}
.add-new-team{  box-shadow: 0px 0px 5px #ccc; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; -o-box-shadow: 0px 0px 5px #ccc;min-height: 200px; background:#FFF none repeat scroll 0% 0%; width: 90%; padding: 30px; margin: 5%;  margin-top: 90px;}

.view-button a{ position: relative; text-decoration:none; background: #E34724 none repeat scroll 0% 0%; color: #FFF; width: 84px; padding: 5px 20px ; font-weight: bold; font-size: 14px;}

#pop-up-bg{ display: none;width: 100%; min-height: 500px; background: rgba(0, 0, 0, 0.47) none repeat scroll 0% 0%; position: absolute; top: 0; left: 0; }

hr {
    margin-top: 5px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #ddd;
}



/*Code for new notifications*/
#Newnotifications { display: none; max-width: 280px; position: absolute; bottom: 30px; padding:10px; right: 15px;  min-height: 50px; font-size:14px; background: hsla(208, 57%, 36%, 1); border: solid 1px rgba(100, 100, 100, .20);  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .20);  z-index: 0;}
#Newnotifications a{ color:#fff;}

/* THE NOTIFICAIONS WINDOW. THIS REMAINS HIDDEN WHEN THE PAGE LOADS. */
#notifications { display: none; width: 280px; position: absolute; top: 50px; right: 0px; background: #FFF; border: solid 1px rgba(100, 100, 100, .20); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .20); z-index: 0; color:#222;}
#ulNotice { list-style-image: url(../Images/img/menu_arrow.png); padding: 10px; box-sizing: border-box; padding-left: 25px;}
#ulNotice li { background: #286090; border-bottom:1px solid #fff; margin-bottom: 5px; padding: 2px 10px;}
#ulNotice li:hover {background:#449d44}
#ulNotice li a { color:#fff; text-decoration:none; }

/* AN ARROW LIKE STRUCTURE JUST OVER THE NOTIFICATIONS WINDOW */
#notifications:before { content: ''; display: block;  width: 0; height: 0; border: 10px solid #CCC; border-color: transparent transparent #FFF;  margin-top: -20px; margin-left: 10px;}
.seeAll {background: #F6F7F8; padding: 8px; font-size: 12px; font-weight: bold; border-top: solid 1px rgba(100, 100, 100, .30); text-align: center;}
.seeAll a { color: #3b5998; }
.seeAll a:hover { background: #F6F7F8; color: #3b5998; text-decoration: underline;}
.button__badge { background-color: #fa3e3e; border-radius: 2px; color: white; padding: 1px 3px;font-size: 10px;  position: absolute; right: 0;}

.page-navigation-toggled .xn-logo img {
    position: relative;
    width: 50px;
    height: 50px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-navigation-toggled .xn-logo {height:50px;}
.page-navigation-toggled .xn-logo a { padding:0 !important; line-height:50px;}





@media screen and (min-width: 1025px) { 
       
  .table-outer{ 
    width: 100%; height: 70vh; overflow: auto; margin-bottom: 30px;  border: 5px solid #fff; background:#fff;
    box-shadow: 2px 0px 6px #333;
    -moz-box-shadow: 2px 0px 6px #333;
    -webkit-box-shadow: 2px 0px 6px #333;
    -o-box-shadow: 2px 0px 6px #333;
    -ms-box-shadow: 2px 0px 6px #333;
    }

}

@media screen and (max-width: 1024px) {  
      
  .table-outer{ 
    width: 100%; height: 55vh; overflow: auto; margin-bottom: 30px;  border: 5px solid #fff; background:#fff;
    box-shadow: 2px 0px 6px #333;
    -moz-box-shadow: 2px 0px 6px #333;
    -webkit-box-shadow: 2px 0px 6px #333;
    -o-box-shadow: 2px 0px 6px #333;
    -ms-box-shadow: 2px 0px 6px #333;
    }

  #notifications{ top: 100px; z-index: 9; }

}


@media screen and (max-width: 480px) {

    body {
    margin-left: 0px !important;
    overflow: auto !important;
    }

    .res-table-outer {
    width: 44%;
    }

    .anc-table input, .anc-table select {
    width: 96%;
    max-width: 300px;
    }

    .ui-dialog {max-width:300px;}

    .ac-container .article p {width:100%; overflow:auto;}

    .add-form li, .data li { width:100%;
    }

    .nav-tabs-vertical .nav-tabs {
        width:100%;
    }

    .nav-tabs-vertical .tab-content {
        width: 100% !important; margin-left:0; margin-top:120px;
    }

    .search-filter {min-height:250px}

    .in-form {padding:5px}
    .in-form label { margin: 2px 0; min-width: 115px; float: initial;  width: initial;}

        .content-head{ display:none; background:#f5f5f5}
    .content-data {margin:5px 0;}
    .content-data strong{ display:block; float:left; min-width:130px;}
    .content-data li, .content-data li:first-child{ width:100%; display:block; }
    #noti_Button span{display:none;}
    #btnHelp { max-width: 0px; padding: 1px 0;}
}

@media only screen and (min-width:513px) and (max-width: 1243px) {

    .search-filter {min-height:160px}

}

@media only screen and (min-width:481px) and (max-width: 767px) {

    .res-table-outer {
    width: 70%;
    }

    .ui-dialog {max-width:470px;}


}

@media only screen and (min-width:320px) and (max-width: 767px) {

    #ContentPlaceHolder1_divdetail,
    #ContentPlaceHolder1_commondiv,
    #ContentPlaceHolder1_detaildiv,
    #ContentPlaceHolder1_divcontent,
    #ContentPlaceHolder1_divcontentData,
    #ContentPlaceHolder1_divfield,
    #ContentPlaceHolder1_divGrid,
    #ContentPlaceHolder1_formwork,
    #ContentPlaceHolder1_savediv,
    #allcontentdata, .dGrid, #ContentPlaceHolder1_divGrid, #ContentPlaceHolder1_divcreateDiv {
    width: 100%;
    height: 560px !important;
    float: none;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0px 10px 20px 10px;
    }


    .ui-tabs .ui-tabs-panel {
    overflow: auto;
    width: 100%;
    min-height:100px;
    }
        
    .filters table td {display: block; margin: 4px 10px;}

}