/**
 *
 * Apply Here your Custom CSS
 *
*/
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff'),
        url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
html,body{
	height: 100%;
}
.login-page{
	display: flex;
	justify-content: center;
	align-items: center;
}
body{
	font-family: 'Open Sans';
	font-weight: normal;
	font-style: normal;
}
.logo_div{
background: #fec828;
    border-radius: 0px 0px 5px 5px;
    height: 80px;
}

.logo_div img{
	padding-top:4%;
}
.form-desc{
	font-size: 15px;
    padding: 25px;
}
.control-label{
	font-size:14px;
	font-weight:bold;
}
.view{
	width: 80%;
    margin: auto;
    border: 0.5px solid #cbcbcb;
    box-shadow: 0.5px 0.5px 6px lightgrey;
    border-radius: 4px;
}
.title{
	padding-top:0.5%;
}
/* darun */
.log-in-button,.log-in-button:hover,.log-in-button:focus{
	right: 0;
	left: 0;
	margin: 25px auto;
	width: 100%;
	background-color: #fff !important;
	color: #000;
	border-radius: 0 !important;
	width: 100%;
	
}
.pie-chart-text{
	/* text-decoration: underline; */
	margin: 50px 0 30px;
}
#chartdiv {
  height: 330px;
  border: 1px solid #ccc;
}
#chartdiv1 {
  height: 330px;
  border: 1px solid #ccc;
}
#bardiv {
  height: 600px; 
  margin:auto;
}
#bardiv1 {
  height: 600px; 
  margin:auto;
}
/* div#bardiv>div>svg>g>g>g>g>g>g>g{ */
	/* display:none; */
/* } */
.user-save-button button{
	float: right;
	margin-right: 1%;
}
.project{
	margin-left: 5%;
	clear: both;
}
.project-add{
	/* border: 1px solid #000; */
	float: left;
	width: 100%;
}
.project-name{
	padding: 15px;
}
.project-list{
	padding:0;
	margin-bottom: 15px;
	/* width: 15.667% !important; */
}
.project-list h2{
	margin-top: 0;
	clear: both;
}
.user-Product-button button{
	float: right;
	margin-right: 1%;
	margin-bottom: 15px;
}
.comment{
	margin: 35% 10%;
}
.comment-text{
	width: 100%;
	margin: 5% 0;
	padding-bottom: 6%;
}
.project-save-button button{
	float: right;
	margin: -1% 1% 0 0;
}
.project-add-button button{
	float: right;
	margin: -1% 1% 0 0;
	margin-top: 20px;
}
.table-horizontal{
	 overflow-x: scroll; 
	clear: both;
}
.use-name{
	width: 50%;
}
.user-content{
	margin-top: 10px;
}
.check-out{
	outline: none;
}
footer.main{
	clear: both;
}
th{
	text-transform: uppercase;
	text-align: center !important;
}
.user-view h3{
	font-size: 13px;
}
.user-view{
	border-bottom: unset !important;
}
.project-stage h4{
	float: right;
}
.project-list-view{
	clear: both;
}
.project-list-view h3{
	font-size: 15px;
}
.project1{
	clear: both;
	padding-top: 20px;
}
.project-product{
	border: 1px solid #ccc;
	float: left;
	width: 100%;
}
.project-product1{
	border-right: 1px solid #ccc;
}
.project-comment{
	clear: both;
	padding: 2% 0 7%;
}
.project-history1{
	border: 1px solid #ccc;
	float: left;
	width: 100%;
}
.project-history1 h3{
	font-size: 15px;
}
.project-history{
	clear: both;
	border-bottom: 1px solid #ccc;
	 padding: 3%;
}
/* .project-history p{ */
	/* padding-top: 3%; */
/* } */
.form-address{
	height: 70px;
}
.total-value{
	clear: both;
	margin-top: 30px;
}
.total-value h2{
	float:left;
}
.total-value a{
	font-size: 25px;
	text-decoration: underline;
	padding-top: 5%;
}
.add-product{
	padding: 15px 30px;
	margin-left: 5px !important;
}
.remove-product button{
	float: right;
}
.comment-section{
	margin-top: 15px;
	clear: both;
}
.user-role label{
	padding-top: 9px !important;
}
.user-process{
	padding-top: 50px;
}
.project-title{
	padding: 20px 0;
	clear: both;
}
.textview{
	text-align: center !important;
}
.project-list-page{
	padding:0;
	clear: both;
}
.download-excel button{
	padding: 5px 8px;
}
.excel-drop select{
	padding: 0;
	width: 100%;
}
.modal-backdrop{
	/* display: none !important;  */
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-open{
	overflow-y: auto !important;
}
h2,h3,h4,h5,p{
	font-family: sans-serif !important;
}
p{
	font-size: 14px !important;
}
.project-comment h3{
	font-size: 15px;
}
.panel-title h5{
	font-weight: bold;
}
.dd .pagination.pagination-sm{
/*position: fixed;*/
right: 35px;
}
/* .section:first-child{ */
	/* display:none; */
/* } */
.modal-dialog{ 
	position: unset !important;
 } 
/*#myModal1{ 
	position: fixed; 
	top: 55% !important;
	transform: translate(0,-50%);
	overflow-y: hidden;
}*/
.modal-title{
	color: #ccc;
} 
.modal-header{
	background-color: #143965;
}
.modal{
	/* background-color: rgba(0,0,0,0.8) */
}
.modal-content{
	border: unset !important;
}
.modal-header{
	border-bottom: unset !important;
}
/* select{ */
	/* appearance:none; */
	/* -webkit-appearance: none; */
	/* -moz-appearance: none; */
	/* background: #fff url(../images/arrow-select.png) no-repeat 97% center; */
/* } */

.project-total h2{
	text-align: center;
}
.open-sans{
	font-family: 'Open Sans';
	font-weight: 300;
    font-style: normal;
}

/* vimal */
.form-error{
	display: none;
}
.table th,.table td{
	padding: 10px !important;
	white-space: nowrap;
}
.dataTables_wrapper table thead tr th.sorting_asc:before, .dataTables_wrapper table thead tr th.sorting_desc:before{
	margin-right: 5px;
}
/* darun 21-3-19 */
.download-excel a{
	padding: 0 !important;
}
h2{
	font-size: 21px !important;
}
.padzero{
	padding: 0 !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: textfield !important; 
  -moz-appearance: textfield !important;
  margin: 0; 
}
input[type="date"]
{
    /* display:block; */
  
    /* Solution 1 */
     -webkit-appearance: textfield;
    -moz-appearance: textfield;
     
  
    /* Solution 2 */
    /* min-width: 96%; */
}
select{
	color: #aaa !important;
} 
select option:first-child{
	color: #aaa;
} 
select option{
	color: #555555;
}
.chartz{
	padding-bottom: 50px !important;
}
.chartz1{
	padding-bottom: 50px !important;
	width: 50%;
	margin: auto;
}
td{
	text-transform: capitalize !important;
}
.select1 select{
	color: #555555 !important;
} 
.login-page::-webkit-input-placeholder {
  color: #73a5e1;
}
.login-page:-moz-placeholder {
  color: #73a5e1;
}
.login-page::-moz-placeholder {
  color: #73a5e1;
}
.login-page:-ms-input-placeholder {
  color: #73a5e1;
}
.login-page:-moz-placeholder {
  color: #73a5e1;
}
.login-page::-moz-placeholder {
  color: #73a5e1;
}
.login-page:-ms-input-placeholder {
  color: #73a5e1;
}
.login-page::-webkit-input-placeholder {
  color: #73a5e1;
}
.login-page:placeholder{
  color: #73a5e1 !important;
}
.project-list-margin{
	margin: 15px 0;
}
.project-save-button button{
	text-transform: capitalize !important;
}


.user-list-page1{
	padding: 0 !important;
	float: left;
}
.user-list-head1{
	margin-bottom: 15px;
}
.user-list-head1 h2{
	margin-top: 0 !important;
}
.user-adding-icon1{
	float: left;
	padding:0;
}
.user-adding-icon1 ul{
	list-style: none;
	float: right;
}
.user-adding-icon1 a{
	padding: 0 !important;
}
.user-adding-icon1 ul li{
	float: left;
	margin: 0 10px;
}
div#chartdiv > div > svg > g > g > g > g > g > g > g{
	/* display: none;  */
}
.filter-div h2{
	margin-bottom: 20px;
}
.filter-div form{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
label{
	margin-bottom: 5px !important; 
	text-transform: capitalize;
}
.apexcharts-yaxis-label {
	font-size: 9pt !important;
}
/* darun responsive */
@media (min-width: 320px) and (max-width: 767px){
	
	.user-process >.col-xs-12 {
		margin: 0 0 20px 30px;
	}
	.project-list{
		width: 100% !important;
	}
	.excel-drop{
		width: 100%;
		padding: 10px 0;
		margin: 0;
		float:left;
	}
	.excel-search{
		text-align: center;
		margin-bottom: 20px;
		margin-right: 0;
		margin-top:15px;
	}
	.download-excel{
		text-align: center;
		margin-bottom: 20px;
		margin-top: 15px;
	}
	.user-role label{
		padding: 9px 0 !important;
	}
	.form-horizontal .control-label,
	.form-horizontal .radio,
	.form-horizontal .checkbox,
	.form-horizontal .radio-inline,
	.form-horizontal .checkbox-inline {
	  margin-top: 0;
	  margin-bottom: 0;
	}
	#table-1_wrapper{
		overflow-y: hidden;
		overflow-x: scroll;
	}
	#table-2_wrapper{
		overflow-y: hidden;
		overflow-x: scroll;
	}
	.col-xs-6.col-left{
		width: 100%;
	}
	.col-xs-6.col-right{
		width: 100%;
	}
	.form-group{
		padding-bottom: 30px !important;
	}
	.form-group:last-child{
		padding-bottom: 15px !important;
	}
	.panel-body{
		padding-top: 0 !important;
	}
	.use-name.col-xs-12{
		width: 100% !important;
	}
	.user-process.col-xs-2{
		padding: 0 !important;
	}
	.form-horizontal{
		float: left;
		width: 100%;
	}
	.form-horizontal.col-xs-12{
		margin-left: 0;
	}
	.checkbox label span{
		width: 100%;
	}
	.user-process{
		padding-top: 25px;
		clear: both;
	}
	.form-group.user-view.col-md-12.col-xs-12{
		padding: 0 !important;
	}
	.form-group.user-view.col-md-12.col-xs-12 h3{
		font-size: 9px;
	}
	.project-list-view h3{
		font-size: 10px;
	}
	.project-table{
		overflow-x: scroll !important;
	}
	.project-history p{
		font-size: 9px !important;
	}
	.project-history>h3{
		font-size: 9px;
	}
	.project-history>h3>span{
		font-size: 9px !important;
	}
	.form-horizontal .checkbox{
		padding: 7px 0 0 0 !important;
	}	
	.history-status .col-md-6{
		height: 70px;
		padding-left: 0;
	}
	.project-history1 h3 {
		font-size: 12px;
	}
	.format-excel{
		margin-top: 10px;
	}
	.dataTables_wrapper table + .row{
		position: absolute;
		width: 100%;
	}
}
.downloading-files{
	float: right;
}
td>.btn{
	text-decoration: none;
}
.history-status{
	padding-bottom: 13px;
}
.complaint-list-table th.sorting_asc:before,
.complaint-list-table th.sorting_desc:before{
	margin-right: -9px !important;
}
.side-none li a:before{
	display: none !important;
}
.custom-toggle{
	margin-right: -6px;
}
/*26-8-21*/
.complaint-width #example23_wrapper{
   min-width:1245px;
}
.dashboad-subjiect, .dashboad-hod {
    padding: 10px 30px;
    border-radius: 6px;
    font-size: 16px;
}