/*Fonts*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');

/*Css Corrections*/
*{
	outline: none;
	font-family: 'Lato', sans-serif;
}
h3.box-title{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #333333d9;
}
*:active{
	outline: none;
}
.no-padding{
	padding: 0px; 
}
.contentHolder{
	min-height: 274px;
	max-height: 300px;
}

/*.sidebar-menu ul li a*/
footer.main-footer{
	background: #ecf0f5;
	color: #333;
	border: none;
	text-align: center;
}
a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end{
	padding: 5px;
	font-size: 13px;
	text-align: center;
}
button.fc-month-button.fc-button.fc-state-default.fc-corner-left.fc-state-active{
	background: #f39c12;
	border: none;
	color: #fff;
	text-transform: capitalize;
}
button.fc-basicWeek-button.fc-button.fc-state-default.fc-state-active{
	background: #f39c12;
	border: none;
	color: #fff;
	text-transform: capitalize;
}
button.fc-basicDay-button.fc-button.fc-state-default.fc-corner-right.fc-state-active{
	background: #f39c12;
	border: none;
	color: #fff;
	text-transform: capitalize;
}
button.fc-month-button.fc-button.fc-state-default.fc-corner-left{
	background: #dd4b39;
	color: #fff;
	border: none;
	text-transform: capitalize;
}
button.fc-basicWeek-button.fc-button.fc-state-default{
	background: #00a3cb;
	color: #fff;
	border: none;
	text-transform: capitalize;
}
button.fc-basicDay-button.fc-button.fc-state-default.fc-corner-right{
	background: #dd4b39;
	color: #fff;
	border: none;
	text-transform: capitalize;
}
td.fc-day.fc-widget-content.fc-thu.fc-today.fc-state-highlight{
	background-color: #f39c1278;
}
button.fc-prev-button.fc-button.fc-state-default.fc-corner-left{
	background: #dd4b39;
	color: #fff;
	border: none;
}
button.fc-next-button.fc-button.fc-state-default.fc-corner-right{
	background: #00acd7;
	color: #fff;
	border: none;
}
th.fc-day-header.fc-widget-header{
	background: #8bd0cd40;
	color: #66a0ab;
	padding: 10px 0px;
}
.overflow-h img{
	height: 150px;
	width: 125px;
	border-radius: 3px;
}
.main-dash-image{
	height: 150px;
	width: 125px;
	border-radius: 3px;
	margin: 0px 15px;
	text-align: center;
}
div.alert{
	padding: 5px;
	width: 125px;
	margin: 15px auto;
	border-radius: 25px;
	border : none;
	font-weight: bold;
	box-shadow: 4px 4px 12px rgba(0,0,0,0.1);
	transition: 0.3s;
}
div.alert:hover{
	box-shadow: 0px 3px 12px rgba(0,0,0,0.3);
}
span.text-danger{
	font-weight: normal;
}
span.text-default{
	font-weight: normal;
	margin: 0px;
}
table.table{
	margin-bottom: 0px;
	margin: 5px 0px 0px 0px;
}
.date-formats.date-box{
	border-radius: 3px;
}
.btn-success{
	border-radius: 25px;
}
.my-leave-section .col-md-7.text-right{
	text-align: center;
	padding: 3px 0px;
}
.my-leave-section .col-md-3.text-left.pad{
	padding: 25px 0px;
	text-align: right;
}
.my-leave-section form#MyleafeIndexForm{
	padding: 15px 0px;
	text-align: left;
}
.my-leave-section .col-md-7.text-right .pagination.pagination-sm li a{
	background-color: #3c8dbc;
	color: #fff;
	margin: 0px 3px;
	border-radius: 4px;
	transition: 0.4s;
	border: 0.5px solid #fff;
	border-radius: 25px;
}
.my-leave-section .col-md-7.text-right .pagination.pagination-sm li a:hover{
	color: #333;
	background-color: #fff;
	border: 0.5px solid #3c8dbc;
}
.my-leave-section .col-md-7.text-right .pagination.pagination-sm li.active a{
	color: #333;
	font-weight: bold;
	background-color: #fff;
	border: 0.5px solid #3c8dbc;
	font-weight: bold;
}
/*Buttons*/
.btn.btn-success.modern-button{
	border-radius: 25px;
	border: none;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.4);
	transition: 0.4s;
}
/*Button end*/

form#MyPermissionIndexForm{
	padding: 15px 0px;
}
span.label.label-warning,span.label.label-danger{
	border-radius: 25px;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	font-weight: normal;
	transition: 0.5s;
	font-size: 12.5px;
}
span.label.label-success {
	border-radius: 25px;
	font-size: 12px;
	font-weight: normal;
}
span.label.label-warning:hover ,span.label.label-danger:hover{
	box-shadow: 0px 3px 10px rgba(0,0,0,0);
}
select#MyPermissionLimit, select#MyleafeLimit, select#ReimbursementLimit{
	border-radius: 25px;
}
div.box{
	box-shadow: 0px 5px 13px rgba(0,0,0,0.15);
	border-radius: 6px;
	transition: 0.4s;
	border-top: 1.5px solid #d2d6de;
}
div.box:hover{
	box-shadow: 0px 5px 13px rgba(0,0,0,0.2);
	cursor: pointer;
}
.box.box-danger{
	border-top: 1.5px solid #dd4b3957;
	/*border-bottom: 1.5px solid #dd4b3957;*/
}
.box.box-primary{
	border-top: 1.5px solid #3c8dbc75;
	/*border-bottom: 1.5px solid #3c8dbc75;*/
}
div.box.box-success{
	border-top: 1.5px solid #00a65a54;
}
div.box.box-danger {
	border-top-color: #dd4b3957;
}
div.box.box-primary{
	border-top-color: #3c8dbc75;
}
div.alert-danger{
	background-color: #dd4b3957 !important;
	width: 100%;
}
div.alert-info{
	background-color: #00c0ef80 !important;
}
div.box-header{
	text-align: center;
	padding: 10px 0px 8px 0px;
}
.alert.alert-success{
	width: 100%;
}

form#EmployeeIndexForm, form#UserIndexForm, form#SkillIndexForm, form#DepartmentIndexForm, form#ApplicationIndexForm, form#CashIndexForm, form#ReimbursementIndexForm{
	padding: 20px 0px;
}
.department-section a.btn.btn-warning{
	margin: 0px 0px 4px 0px;
}
.manage-leave-section a.btn.btn-warning{
	margin: 0px 0px 4px 0px;
}
a.btn-warning, a.btn-danger, a.btn-success, a.btn-info, button.btn.btn-primary.dropdown-toggle,button.btn.btn-success, .btn.btn-danger, label.btn,a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end, .btn.btn-primary{
	border-radius: 25px;
	border: none;
	padding: 5px 15px;
	transition: 0.5s;
	box-shadow: 0px 4px 12px rgba(0,0,0,0.2);
}
.contentHolder.birthday-box{
	min-height: 120px;
	max-height: 200px;
}
.upcoming-holidays .box-body.contentHolder.ps-container{
	height: 294px;
}
.ps-scrollbar-x {
	/*visibility: hidden;*/
}
.box.box-primary.main-box.contentHolder.main-content .ps-scrollbar-x{
	visibility: hidden;
}
.box.box-primary.main-box.contentHolder.main-content{
	border: none;
	padding: 0px 20px;
	min-height: 550px;
	width: 100%;
	margin: 0px 0px;
	background-color: #ecf0f5;
	box-shadow: none;
}
a.btn.btn-default.btn-flat{
	border-radius: 25px;
	margin: 10px 0px;
}
ul.dropdown-menu{
	box-shadow: 0px 3px 12px rgba(0,0,0,0.3);
}
.sidebar-menu ul li a{
	transition: 0.5s;
}
.sidebar-toggle, a.dropdown-toggle{
	transition: 0.3s;
}
.sidebar-menu li a, ul.dropdown-menu .btn.btn-default.btn-flat{
	transition: 0.4s;
}
ul.dropdown-menu .btn.btn-default.btn-flat:hover{
	background-color: transparent;
	color: #ddd;
	box-shadow: 2px 3px 8px rgba(0,0,0,0.1);
}
.row.personal-details .col-md-6{
	padding: 10px 20px;
}
span#spouse_name{
	margin-bottom: 0px;
}
input#EmployeeSpouseName{
	width: 89%;
	margin: 10px auto 0px auto;
}
.text-primary{
	font-size: 14px;
	font-weight: normal;
}
.remove-employer{
	padding: 0px 0px 10px 0px;
}
.add-qua{
	margin: 0px 0px 20px 0px;
}
label.col-sm-3.control-label{
	text-align: left;
}
img.brand{
	height: 29px;
    width: 15px;
    margin-top: -7px;
    transition: 0.6s;
}
.hrm-log{
	padding: 0px 15px;
}
.skin-blue .main-header .logo{
	background-color: #155377;
	transition: 0.4s;
}
.skin-blue .main-header .logo:hover{
	background-color: #155377;
}
.btn.btn-danger.normal{
	border-radius: 0px;
}
i.fa{
	font-size: 15px;
}
.alert .close{
	margin-top: -3px;
	margin-right: 10px;
}
.table-bordered>thead>tr>th{
	padding-right: 15px;
	vertical-align: middle;
}
.box-header.panels{
	border-bottom: 1px solid #3c8dbc14;
	background: #3c8dbc14;
	font-weight: bold;
}
.login-box .login-logo img{
	height: 44px;
	width: 24px;
}
.login-box .login-logo{
	color: #555555;
}
.login-box .panel.panel-primary, .login-box-body{
	border-radius: 4px;
	/*border: 1px solid #3c8dbc96;*/
	border: none;
	box-shadow: 0px 3px 15px rgba(0,0,0,0);
	transition: 0.3s;
}
.login-box .panel.panel-primary:hover, .login-box-body:hover{
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}
body.login-page, .register-page {
	background: #d2d6ded4;
}
h4.text-center{
	font-weight: 550;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
	border: none;
}
.dropdown-menu .btn.btn-success{
	margin: 15px 0px;
}
ul.dropdown-menu{
	position: relative;
}
ul.dropdown-menu .glyphicon.glyphicon-triangle-top{
	position: absolute;
	top: -15px;
	right: 10%;
	color: #fff;
	font-size: 20px;
}
button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right{
	text-transform: capitalize;
	padding: 5px 15px;
	transition: 0.3s;
}
.col-md-2.side-div-content{
	background: rgba(0,0,0,0.1);	
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	transition: 0.3s;
	box-shadow: 3px 0px 3px rgba(0,0,0,0.15);
}
.col-md-2.side-div-content:hover{
	background: rgba(0,0,0,0.15);
}
aside.main-sidebar{
	position: fixed;
	min-height: 100%;
	max-height: 100%;
	overflow-y: auto;
}
a.logo{
	position: fixed;
}
a.sidebar-toggle{
	background: #155377;`
}
.skin-blue .main-header .navbar .sidebar-toggle{
	background-color: #15537759;
}
.form-group.absent{
	background: #fbe9e9;
}

/*Page Scroll Bar*/
/* width */
aside.main-sidebar::-webkit-scrollbar {
    width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #3c8dbc; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
}
div .ps-container .ps-scrollbar-y{
	width: 3px;
}
div .ps-container .ps-scrollbar-x{
	width: 3px;
}
/*Page scroll Bar end*/
.box-header.panels button.close{
	position: absolute;
	right: 15px;
	top: 7px;
}
div .bootstrap-datetimepicker-widget{
	cursor: pointer;
}
/*Media Queries*/
@media (max-width: 991px){ 
	.my-leave-section .col-md-3.text-left.pad{
		text-align: center;
	}
	.my-leave-section form#MyleafeIndexForm, form#EmployeeIndexForm, form#UserIndexForm, form#SkillIndexForm, form#DepartmentIndexForm, form#ApplicationIndexForm, form#CashIndexForm{
		text-align: center;
	}
}
.fc-other-month{background: #fff;color: #ddd}
.error-red{
	color: #e41313;
}
.main-header>.navbar{
	margin-left: 0px !important;
	padding-left: 230px;
	z-index: -1;
	position: fixed;
	top: 0;
	transition: 0.4s !important;
	width: 100%;
}
.sidebar-mini.sidebar-collapse .main-header .navbar{
	margin-left: 0px !important;
	padding-left: 50px;
	z-index: -1;
	transition: 0.4s;
}
.content{
	margin-top: 50px;
}
.select-style{
	padding: 50px;
}
section.content section.content{
	margin-top: 0px;
}
@media(max-width: 768px){
	a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end{
		border-radius: 0px;
		padding: 0px;
		box-shadow: none;
	}
	.main-sidebar {
    	padding-top: 50px !important;
	}
	.table-align{
		margin-top: 100px;
	}
}
@media (max-width: 600px){
	.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
	    border-top-right-radius: 25px !important;
	    border-top-left-radius: 25px !important;
	    border-bottom-right-radius: 25px !important;
	    border-bottom-left-radius: 25px !important;
	    margin: 5px 5px;
	}
}
@media (max-width: 425px){
	.panel.hrm-main-calendar{
		padding-bottom: 100px;
	}
	.panel.hrm-main-calendar .fc-right{
		display: none;
	}
}