.login-page{
	align-items: flex-start;
	background-image: url("../img/Login.png");
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}
.login-box .card{
	box-shadow: 5px 5px 5px 5px rgba(37,38,49,0.05)!important;
	margin-left : 100px;
	width : 500px;
	padding-left : 50px;
	padding-right : 50px;
}
.card{
	margin-bottom : 0px;
	z-index : 99;
}
@media(max-width : 500px){
	.login-box .card{
		width : 300px;
		margin-left : 10px;
		padding-left:5px;
		padding-right:5px;
	}
}
@media(max-width : 360px){
	.login-box .card{
		width : 340px;
		margin-left : 10px;
		padding-left:5px;
		padding-right:5px;
	}
}

.login-box .card .dont{
	color : #778CA2;
}
.login-box .card ::placeholder {
  font-weight : 600;
  opacity: 1; /* Firefox */
}

.login-box .card :-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight : 600;
}

.login-box .card ::-ms-input-placeholder { /* Microsoft Edge */
  font-weight : 500;
}
.login-box .card h2{
	margin-top : 40px!important;
	margin-bottom : 40px!important;
	font-family: 'Roboto'!important;
	font-weight: 600;
	color : #000;
}
.login-box-msg{
	color : #767676;
	font-weight : 600;
	margin-top : 20px;
}
.btn-primary{
	background : #004AC0;
}
.dropdown-menu-xl{
	max-width : 1000px!important;
	width : 600px!important;
}
.dropdown-menu-xl .dropdown-item{
	color : #A2B2C2;
}
.dropdown-menu-xl .dropdown-item:hover{
	background : transparent;
}
[class*="sidebar-dark-"] {
    background-color: #0049C6;
}
.sidebar{
	height: 100vh;
}
.os-content{
	padding : 0px!important;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    /* background-color: #0049C6; */
    color: #fff;
    border-left: 2px solid #23AEDA;
	box-shadow : none;
}
.nav-sidebar .nav-item > .nav-link {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}
.nav-sidebar .nav-link {
    border-radius: 0rem;
}
.custome  .nav-item.show .nav-link, .custome .nav-link.active{
    border-color: transparent;
    border-bottom: 3px solid #2EA2F8;
}
.custome .nav-link {
    color: #7F8FA4;
}
.custome{
	border-bottom: transparent;
}
.bs-popover-auto[x-placement^="top"] > .arrow::after, .bs-popover-top > .arrow::after {
    border-top-color: #222C3C;
}
.popover-body {
    color: #fff;
}
.popover{
	background : #222C3C;
}
#linechart2 {
  width: 100%;
  height: 400px;
}
@media(max-width : 450px){

#linechart2 {
  width: 100%;
  height: 1000px;
}


}
.cardbg{
	background : #FAFBFC;
}
small{
	color : #7F8FA4;
}
.h6bg{
	background : #39B54A;
	border-radius : 4px;
	color : #fff;
	padding : 4px;
}
.custom-pills .nav-link {
	padding: .25rem 1rem;
	border : 1px solid #aaa;
}
.table th {
    border-top: transparent;
}
.tableheight{
	height : 300px;
	overflow-y:auto;
}
.btn-primary{
	background: #0049C6!important;
	color : #fff!important;
}
.dot {
  height: 40px;
  width: 40px;
  background-color: #7A7A7A;
  border-radius: 50%;
  display: inline-block;
}
.dot1 {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}

.first tr:first-child  td{ 
	border-top : transparent; 
}
.table tr:first-child  td{ 
	border-top : transparent; 
}
.card-header{
	background : #F4F7FA;
}
.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {
     top: 0.9rem;
}
 @media(min-width : 998px){
         .equals{
         flex: 0 0 20%;
         max-width: 20%;
         }
		 .equals1{
         flex: 0 0 40%;
         max-width: 40%;
         }
         }
         .small-box .inner h3{
         color : #464A53;
         font-weight : normal;
         }
         .small-box .inner h5{
         color : #464A53;
         }
         .small-box{
         background : #fff;
         }
         .progress{
         width: inherit;
         height : 0.5rem;
         border-radius : 20px;
         }
         #custom  .nav-link {
         border-top-right-radius: 5rem;
         background: #FAFAFA;
         color: #ddd;
         padding : .5rem 3rem;
         }
         #custom .nav-item.show .nav-link, #custom .nav-link.active {
         color: #495057;
         background-color: #fff;
         border-color: transparent;
         background: #fff !important;
         color: #0049C6 !important;
         }
         #custom .nav-item.show .nav-link, #custom .nav-link.active	.badge-secondary{
         background : #0049C6;
         color : #fff;
         border-radius : 20px;	
         }
         .badge-secondary{
         border-radius : 20px;
         background : #DDDDDD;	
         }
         .btn-outline-secondary{
			border: 1px solid #ced4da;
			background: #fff;
		    color: #ddd;
         }
         #search-input:focus {
         border: 1px solid #ced4da!important;
         border-right: transparent!important;
         }
         .search1:focus {
         border: 1px solid #ced4da!important;
         border-right: transparent!important;
         }
         .btn-outline-secondary:hover{
			background : #fff;
			border: 1px solid #ced4da;
			color : #ddd;
         }
         .btn-outline-secondary:focus{
			background : #fff!important;
			border: 1px solid #ced4da!important;
         }
         .fa-sliders-h{
         background : #0049C6;
         color : #fff;
         padding : 4px;
         font-size : 12px;
         border-radius : 2px;
         }
         .btn-primary{
         background : #0049C6;
         }
         .pills .nav-link.active, .pills .show > .nav-link {
         color: #fff;
         background-color: #0049C6;
         border-radius : 10px;
         }
         .pills .nav-link{
         color : #8181A5;
         font-weight : bold;
         padding-left : 30px;
         padding-right : 30px;
         }
		.btn-group .btn{
			border-radius : 10px;
			padding-left : 20px;
			padding-right : 20px;
		} 
		.btn-generate{
			background : #00CD34;
			color : #fff;
		}
		.btn-draft{
			background : #B9B7B7;
			color : #fff
		}
		.title{
			color : #464A53;
		}
		.pcolor{
         color : #8181A5;
         }
         .form-control-lg{
         color : #98A9BC;
         font-weight : 500;
         }
	.modal-header .close, .modal-header .mailbox-attachment-close {
		padding: 2px;
		margin: 0.2rem 1rem -1rem 1rem;
		border: 2px solid #aaa;
		border-radius: 20px;
		padding-left: 6px;
		padding-right: 6px;
	}	 
	.userlogo{
		height : 30px;
		margin-right : 10px;
		border-radius : 20px;
	}
	.assigned{
		border : 2px solid #aaa;
		/*padding : 10px;*/
		padding:5px;
		border-radius : 20px;
		/*padding-right : 30px;*/
		font-size : 12px;/*14*/
	}
		.dd-option-image, .dd-selected-image {
			height: 30px;
			border-radius: 100px;
		}
		.dd-selected-text{
			line-height : 0px!important;
			padding-left : 10px!important;
			color : #98A9BC;
		}
		.dd-option-text{
			line-height : 0px!important;
			padding-left : 10px!important;
			color : #98A9BC;
		}
		.dd-select{
			background : #fff!important;
			border-radius : 5px!important;
			height: 50px;
			width: 200px!important;
		}
		.user1 {
			position: absolute;
			left: 10px;
			top: -10px;
			z-index:99;
		}
		.user2 {
			position: absolute;
			left: 34px;
			top: -10px;
			z-index:99;

		}
		.user3 {
			position: absolute;
			left: 58px;
			top: -10px;
			z-index:99;
		}
		.user4 {
			position: absolute;
			left: 82px;
			top: -10px;

		}
		.user5 {
			background : rgba(0,0,0,0.48);
			border-radius : 20px;
			position: absolute;
			left: 120px;
			top: -10px;
			width : 30px;
			height : 30px;
			color : #fff;
			text-align : center;
			font-size : 14px;
			padding-top : 4px;

		}

		.icon-stack {
			position: relative;
			display: inline-block;
			border: 1px solid #ddd;
		}
		.user1img{
			height : 30px;
			width : 30px;
			border-radius : 20px;
		}
		.dd-options{
			width : 200px!important;
		}
		.print{
			color : #0049C6;
		}
		.delete{
			color : #A6A6A6;
		}
		.View{
			color : #0049C6;
		}
		.btn-edit{
			border : 1px solid #979797;
			border-radius : 32px;
			color : #1C1D21!important;
			padding-left : 40px;
			padding-right : 40px;
			padding-top : 10px;
			padding-bottom : 10px;
		}
		.btn-record{
			border : 1px solid #979797;
			border-radius : 32px;
			color : #1C1D21!important;
			padding-left : 20px;
			padding-right : 20px;
			padding-top : 10px;
			padding-bottom : 10px;
			background : #0049C6;
			color : #fff!important;
		}
		.text-partial{
			color : #6F49C8;
		}
		.sales .small-box h5{
			color : #5E6C84;
			font-weight : 600;
		}	
		.sales .small-box h1{
			color : #344563;
			font-weight : 600;
		}
		.sales .small-box h4{
			color : #344563;
			font-weight : 600;
		}
		.month{
			color : #64C8BC;
		}
		.sales .small-box{
			box-shadow : rgba(0,0,0,0.04);
		}		
		.sales .fa-question{
			background: #ddd;
			color: #fff;
			padding: 10px;
			padding-top: 4px !important;
			padding-bottom: 10px !important;
			border-radius: 100px;
			font-size: 10px;
			height: 20px;
			width: 20px;
			padding-left: 6px;
		}
		.sales .small-box .icon > i{
			font-size: 100px;
			top: 54px;
		}
		.revenue{
			color : #FF8A8A;
		}
		.protitle{
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			 width: 202px; 
		}
		.color{
			color : #344563;
		}
		.boxheight{
			height: 200px;
		}
		
		


.border-custom{
	border : 1px solid #FF8A8A
}

.sett.flex-column .nav-item.show .nav-link, .sett.flex-column .nav-link.active{
	border : transparent;
	border-right : 3px solid #0049C6;
}
.sett.flex-column .nav-link{
	color : #9B9B9B;
}
.sett.flex-column .nav-item.show .nav-link, .sett.flex-column .nav-link.active h6{
	color : #0049C6;
}

.sett.flex-column{
	border-right : transparent;
}

.image-upload{
    position: relative;
   /* max-width: 360px; */
  margin: 0 auto;
  overflow: hidden;
}
.image-upload input {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        opacity: 0;
    }
.upload-field {
  display: block;
  /*background: #F4FAFE;*/
  padding: 12px;
  border-radius: 11px;

}

.upload-field .file-thumbnail {
  cursor: pointer;
  border: 1px dashed #BBD9EC;
  border-radius: 11px;
  text-align: center;
  padding: 20px;
}

.upload-field .file-thumbnail img {
  width: 50px;
}

.upload-field .file-thumbnail h3 {
  font-size: 14px;
  color: #778CA2;
  font-weight: 600;
  margin-bottom: 4px;
  margin-top: 4px;
  text-transform : uppercase;
}

.upload-field .file-thumbnail p {
  font-size: 12px;
  color: #9ABCD1;
  margin-bottom: 0;
}
.upload{
	background : transparent!important;
	border : 1px solid transparent!important;
}
.custom-control-label{
	color : #888888;
	font-weight : 500;	
}
.invite{
	color : #0049C6!important;
	font-weight : 500!important;
}
.invite:focus{
	border : 1px solid #98A9BC!important;
}
.avatar{
	border-radius : 20px;
	height : 40px;
	width : 40px;
}
.radi{
	border-radius : 3px;
}
.searchbg{
	background : #F7F7F7!important;
}
.excel{
	color : #008025;
}
.btn-danger{
	background : #F93D3D;
	border : 1px solid #F93D3D;
}
.btn-danger:hover{
	background : #F93D3D;
	border : 1px solid #F93D3D;
}
.btn-work{
	background : #07E079!important;
	color : #fff;
	padding-left : 22px;
	padding-right : 22px;
}
.btn-work:hover{
	background : #07E079!important;
	color : #fff;
}
.btn-leave{
	background : #53D7FF!important;
	color : #fff;
	padding-left : 10px;
	padding-right : 10px;
}
.btn-leave:hover{
	background : #53D7FF!important;
	color : #fff;
}
.btn-home{
	background : #E00707!important;
	color : #fff;
	padding-left : 10px;
	padding-right : 10px;
}
.btn-home:hover{
	background : #E00707!important;
	color : #fff!important;
}
.btn-course{
	background : #6907E0!important;
	color : #fff;
	padding-left : 6px;
	padding-right :6px;
}
.btn-course:hover{
	background : #6907E0!important;
	color : #fff!important;
}
.btn-sick{
	background : #FFDC3B!important;
	color : #fff;
	padding-left : 6px;
	padding-right :6px;
}
.btn-sick:hover{
	background : #FFDC3B!important;
	color : #fff!important;
}
.left{
	background : lightgray;
	color : #8F92A1;
	padding : 4px;
	border-radius : 6px;
}
.noti{
	color : #555555;
}
.inputradius{
	border-radius : 12px;
}
.ellipsis-h{
	position: absolute;
	top: 5px;
	right: 10px;
}
.material .card-img-top{
	height:287.5px;
	/*width : 120px;*/
	position:relative;
}
.tag{
	background : #F7F7F7;
	border-radius : 6px;
}
.psize{
	font-size : 14px;
}
.bg-in{
	background : #005DE2;
	color : #fff;
	cursor : pointer;
}
.bg-out{
	background : #007EFC;
	color : #fff;	
	cursor : pointer;	
}
.custom-control-label{
	color : #000;
}
.text-danger{
	color : #FF0000!important;
}
.bg-danger{
	background : #FF0000!important;
}
.bg-check{
	background : #00CE19!important;
	color : #fff;
}
.text-stock{
	color : #53B600;
}
.text-count{
	color : #FF6B00;
}
.text-recon{
	color : #006AFF;
}
.fa-info-circle{
	font-size : 24px;
	color : #25B7D3;
}
.activestatus{
	color : #008F25;
}
.dayone{
	color : #FF991F;
	background : rgba(255,153,31,0.2);
	border-radius : 8px;
	padding : 4px; 
}
.daytwo{
	color : #DE350B;
	background : rgba(222, 53, 11,0.2);
	border-radius : 8px;
	padding : 4px; 
}
.daythree{
	color : #8F92A1;
	background : rgba(143, 146, 161,0.2);
	border-radius : 8px;
	padding : 4px; 
}
.smallicon{
	height : 20px;
	width : 20px;
	border-radius : 20px;
}
.smalltext {
    border-radius: 20px;
    background: rgba(0,0,0,0.48);
    color: #fff;
    font-size: 12px;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    height: 28px;
    width: 28px;
}
.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus{
	color: #0049C6;
}
.fontsize{
	font-size : 14px;
}
.elevation-4 {
    box-shadow: none!important;
}
.dataTables_wrapper .dataTables_filter {
	float: left !important;
	text-align: right !important;
}
div.dt-buttons {
	position: relative !important;
	float: right !important;
}
button.dt-button, div.dt-button, a.dt-button, input.dt-button{
	border-radius : 6px;
}
.fa-download{
	color : #4D7CFE;
}
.fa-plus-circle{
	color : #4D7CFE;
}

/* WorkOrder CSS */
.text-normal{
	font-weight: normal;
}
.border{
	border : 1px solid #DDDDDD;
	border-radius : 16px;
}
.page-link {
	margin-left: -1px;
	color: #000;
	border: 1px solid transparent;
	margin: 0px 1rem;
}
.page-item.active .page-link {
	background-color: rgba(94,129,244,0.1);
	border-color: transparent;
	color: #007bff;
	border-radius: 4px;
}
.btn-secondary{
	color : #8181A5;
	background : rgba(129, 129, 165, 0.1);
	border-color : rgba(129, 129, 165, 0.1);
}
#calendar {
  width: 100%;
}
.fc-title{
	color : #000;
}
.fc-body tr:first-child > td > .fc-day-grid-event {
	margin-top: 2px;
	border-left: 3px solid rgba(25,200,154,0.8);
	padding: 4px;
	background: #fff;
	color: #000;
	box-shadow: 2px 2px rgba(0,0,0,0.15);
}
.fc td, .fc th{
	padding : 4px;
}
.fc .fc-axis, .fc button, .fc-day-grid-event .fc-content, .fc-list-item-marker, .fc-list-item-time, .fc-time-grid-event .fc-time, .fc-time-grid-event.fc-short .fc-content {
	white-space: break-spaces;
}
.smallicon {
	height: 28px;
	width: 28px;
}

/* Report CSS */
.card-container {
	/* Do not add horizontal margin here: Bootstrap column padding provides gutters.
	   Use col-md-4 (three per row) so four cards lay out 3 + 1 without cramped wrap. */
	margin-bottom: 1.75rem;
}
/* Report index grids: vertical space between wrapped rows (flex row-gap). */
.report-card-row {
	row-gap: 1.5rem;
}
.report-card-row > .card-container {
	margin-bottom: 0;
}
/* Global .card sets z-index:99 which can make stacked report cards paint oddly; reset in report tiles. */
.card-container .card {
	z-index: auto;
	height: 100%;
}
.card-container .card-title {
	word-break: break-word;
	hyphens: auto;
}
.card-title {
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 500;
	color: #000;
	text-align: center;
	color: #000;
}
.generate-report-button{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 23px;
}