.tab-base .nav-tabs>li {
	width: 50%;
	margin-bottom: -2px;
	text-align: center;
	font-size: 20px;
	
}
.tab-base .nav-tabs>li:not(.active)>a {
    background-color:#e2e2e2;
    opacity: .7;
    transition: opacity,0.3s;
}
.nav-tabs>li>a {
	margin-right:0;
}
.tab-base .nav-tabs>li {
	margin-bottom:0;	
}
.panel_tab .panel-heading {
	z-index: 111;
	border-bottom: 1px solid #e4e1e1;
	
}
#ui-datepicker-div{
	z-index:1061 !important;	
}
.request-tab nav-tabs label{
	margin-bottom:0 !important;	
}
#content-container {
	padding: 0% !important;
}
div#content-container {
    clear: both;
}
label.error
{
	display:none !important;
}
.brand-icon {
	width:auto;
}
.tab-base {
	margin-bottom: 0;
}
.tab-base .permission {
	padding-top: 20px;
	
	font-size: 20px;
	color: #38a0f4;
}
.panel_tab {
    margin-bottom: 34px;
}
.tab-base .nav-tabs>li {
}
.request .tab-base .tab-content {
	padding: 0;
}

.request .tab-base .tab-content .panel-body {
	padding: 10px 5px 10px 5px;
}
.approval {
	overflow-y: auto;
	max-height: 429px;
}
.panel-body.data{
	padding:6%;	
}
.approval .status {
	padding-top: 0;
	font-weight: 900;
}

.cls-content .panel-body {
	background-color: #fff;
}
.form-control {
	border: 1px solid #c7c7c7;
	transition-duration: .5s;
}
.input-group-addon {
	border: 1px solid #c7c7c7;
}
.input-datarange .input-group-addon {
	border: 1px solid #c7c7c7;
}
.logout a.dropdown-toggle.text-right {
	background-color: #38a0f4;
	color: #fff;
	font-weight: 800;
}
#dropdown-user .ic-user {
	font-size: 1.5em;
	line-height: 40px;
}
.request_panel {
	width: 100%;
	margin: 0 auto;
	padding: 2% 10px 10px 10px;
}
.request_panel p.reason {
       background-color: #f4fbfa;
    border: 1px solid #bfe2fe;
    padding: 9px;
    font-size: 15px;
    color: #2b425b;
}
 .request_panel .panel-body p {
    font-size: 13.5px;
}
.request .emp_id {
	padding-right: 10px;
}
.request_panel .btn {
	margin: 7px 7px 7px 0;
}
.request_panel .panel-heading {
	background-color: #bfe2fe;
}
.request_panel .designation {
	background-color: #b7d6ee;
}
#container.mainnav-lg #footer {
	padding-left: 0;
}
.records {
	    background-color: #5096ce;
		    border-color: #5096ce;
			color:white;
		margin-bottom: 30px;
    border-radius: 5px;
}
.past_records{
	
}
a.btn.histroy {
    margin-top: 7px;
    padding: 8px 10px;
    font-weight: 800;
}
.list-records{
	margin:5px;	
}
.list-records a{
	margin:5px;	
}
.dpanel .hpanel {
    background: #3877aa;
    margin-bottom: 10px;
    border-radius: 5px;
}
.dpanel .panel-body {
    padding: 18px 20px 20px;
}
.dpanel .panel-body h2, .dpanel .panel-body h4 {
	color:#fff;
}


/* Jan - 24 - 2018 */
.dpanel .panel-body h2 {
    float: left;
    display: block;
    width: 13%;
    margin-top: 3px;
}

/* Feb-09-2018 */
.tab-pane {
    padding-bottom: 0px !important;
}
.off-req {
    padding: 10px 12px !important;
}
.off-req label.control-label {
    padding-right: 10px;
}

.panel-footer {
    /* padding: 10px 5px; */
	/* 18-09-2019 */
	padding: 5px 5px;
}

/* Mar-13-2018 */
#footer p {
    line-height: 16px;
}
#page-title {
    padding: 10px 15px;
}

/* Mar-14-2018 */
tr.dark-blue-bg.odd, tr.dark-blue-bg.odd:hover {
    background: #125fa0 !important;
    color: #fff;
}
tr.dark-blue-bg.even, tr.dark-blue-bg.even:hover {
    background: #1d74bb !important;
    color: #fff;
}
.per_list #per_ul li {
    background: #1e79c3;
    padding: 10px 10px;
    margin: 7px 0;
    box-shadow: 2px 2px 2px 2px #ddd;
    min-height: 140px;
    color: #fff;
    font-size: 14px;
}
.leav_list #leav_ul li {
    background: #23c6c8;
    padding: 10px 10px;
    margin: 7px 0;
    box-shadow: 2px 2px 2px 2px #ddd;
    min-height: 140px;
    color: #fff;
    font-size: 14px;
}
ul#leav_ul, ul#per_ul{
	padding-left:0;
}
.panel-footer {
    padding: 10px 5px;
}
.panel-footer ul.pagination li > a {
    padding: 6px 11px;
}

 /* Mar-15-2018 */
 .btn-space {
    margin-left: 15px;
    margin-bottom: 15px;
}
.request_panel ul#permis_list, .request_panel ul#leave_list {
    padding-left: 0;
}
.report-edit-remove {
    float: right;
}
#modal-new-user .new-emp{
    z-index: 1040;
}
#modal-req-edit .user-edit{
	z-index: 1040;
}  
#modal-req-edit .emp-history{
	z-index: 1040;
}
#modal-edit-member .user-edit{
	z-index: 1040;
}
/* Mar-28-2018 */
#navbar .navbar-header:before {
    background: #fff;
}

/* Aug-11-2018 */
div#page-content {
    padding: 15px 0px 40px 0px !important;
}

/* Responsive */
@media (max-width: 1280px) and (min-width: 800px) {
.request_panel {
	width: 100%;
	margin: 0 auto;
	padding: 2% 10px 10px 10px;
}
.request .tab-base .tab-content .request_panel .panel-body {
	padding:30px 7px 15px 7px;;
}
.request .tab-base .tab-content .panel-body {
	padding:0 7px 30px 7px;;
}
.tab-base .permission {
    padding-top: 20px;
    padding-bottom: 0px;
}
}

/* Mar-12-2018 */
@media (max-width: 1024px) and (min-width: 992px) {
	.off-req {
    padding: 10px 17px !important;
	}
	.tab-content button[type="submit"] {
    margin: 0px 20px 20px !important;
	}
	#footer p {
    line-height: 15px;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
#container.mainnav-lg #content-container, #container.mainnav-lg #footer {
	left: 0;
}
.request_panel {
	width: 100%;
	margin: 0 auto;
	padding: 1% 10px 10px 10px;
}
#footer p {
    line-height: 15px;
}
.navbar-content {
    margin-left: 155px;
}
.mainnav-lg #navbar .navbar-header a.navbar-brand {
    width: 150px;
}
.navbar-top-links>li>a {
    padding: 0 5px;
}
.navbar-content ul.navbar-top-links li {
    margin-right: 0px;
}
img.brand-icon {
    max-width: 90% !important;
}
ul.navbar-top-links li .dropdown-toggle .username {
    float: right;
    white-space: nowrap;
    line-height: 40px;
    margin: 0 7px;
}
.dpanel .panel-body h2 {
    margin-right: 10px;
    font-size: 18px;
    width: 8%;
    margin-top: 7px;
}
.dpanel .panel-body h4 {
    font-size: 14px;
}
}
@media (max-width: 767px) and (min-width: 375px) {
.request_panel {
	width: 100%;
	padding: 5% 10px 10px 10px;
}
.request .tab-base .tab-content .panel-body {
	padding: 10px;
}
.request_panel .designation {
	background-color: transparent;
	font-size: 15px;
}
.cls-content .cls-content-sm
{
	width:100% !important;
	padding-top:18px;	
}
.pull-left-xs {
	float: left !important;
}
#page-content {
	padding: 15pxpx 0px 0;
}
.navbar-header {
	left: 0;
	position: relative;
	float: none;
	background-color: #fff;
	height: 50px;
}
.brand-icon {
	width: 120px;
	height: auto;
}
.request_panel {
	width: 100%;
	padding: 0% 10px 10px 10px;
}
.approval .status span > .btn {
	font-size: 8px;
}
.approval .status span {
	padding:5px;
}
.panel.request {
    margin-bottom: 36px;
}
.navbar-header {
    width: 70%;
    float: left;
	height:auto;
}
.navbar-content{
	width:30%;
	float:right;	
}
#navbar-container{
	width:100%;
	float:left;	
}
#page-title .page-header{
	text-align:center;	
}
.full_leave input#count_day {
    width: 100%;
}
}
@media (max-width: 568px) and (min-width: 320px) {
.navbar-header {
    width: 40%;
    float: left;
	height:auto;
}
.navbar-content{
	width:60%;
	float:right;	
}
#navbar-container{
	width:100%;
	float:left;	
}
#page-title .page-header{
	text-align:center;	
}
#page-title{
	padding-top:0;	
}
.approval .status span > .btn {
	font-size: 8px;
}
.request .tab-base .tab-content .panel-body {
	padding: 0px;
}
#page-content {
	padding: 15px 0px 0;
}
.request_panel .designation {
	background-color: transparent;
	font-size: 15px;
}
.pull-left-xs {
	float: left !important;
}
.request_panel {
	width: 100%;
	padding: 0 10px 10px 10px;
}

.records {
    background-color: #5096ce;
    border-color: #5096ce;
    color: white;
    margin-bottom: 15px;
    border-radius: 5px;
}
.tab-base .permission {
	padding-top: 10px;
	
	font-size: 20px;
	color: #38a0f4;
}
.panel_tab {
    margin-bottom: 34px;
}
.m10{
	margin-top:5px;	
}
.request-tab li a{
	font-size:13px;
	
}
.hpanel .panel-body h2 {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 10px;
    display: inline-block;
}
#emp_table button#btnEdit, #emp_table button#u_btnDelete {
    margin-bottom: 5px;
    width: 37px;
}
#page-title a.btn.btn-info.text-right, #page-title a.btn.btn-info {
    margin-top: 10px;
	margin-bottom:10px;
}
a.navbar-brand {
    width: 180px;
}
.m-space {
    padding-left: 0 !important;
	padding-top:10px;
}
.hpanel .panel-body h4 {
    margin-top: 7px;
}
a.paginate_button.current {
    padding: 0.1em 1em !important;
}
#footer p {
   margin-top: 12px;
}
.off-req {
    padding: 10px 15px !important;
}
label.choose-opt {
    display: block;
}
.edit_req {
    margin-left: 15px !important;
	margin: 0px 0px !important;
    padding: 5px;
}
.full_leave input#count_day {
    width: 100%;
}
.tab-pane label.control-label {
    display: inline-block;
}
.request_panel nav.panel-footer {
    padding: 10px 10px !important;
}
.request_panel nav.panel-footer ul.pagination li a {
    padding: 6px 9.8px !important;
}
.panel-heading .pull-left h3.panel-title {
    font-size: 1.1em;
	padding: 0 5px 0 5px;
}
.panel-title span.emp_id {
    padding-right: 4px;
}
.report-edit-remove button#rm_perm {
    padding: 6px 2px;
}
#content-container {
    padding: 0% !important;
}
.text-block {
    display: inline-flex !important;
}

/* Mar-13-2018  */
	.request_panel .panel-body, .tab-pane .panel-body{
    padding: 0px;
	}
	.tab-content button[type="submit"] {
    margin: 0px 20px 20px !important;
	}
	.p-top {
    padding-top: 10px;
	}
	.panel .panel-footer {
    padding: 0px 15px;
	} 
	
	
	
/* Mar-14-2018 */
div#emp_table_paginate {
    margin-bottom: 1.3em;
}

@media (max-width: 568px) and (min-width: 320px) and (orientation : landscape) {
.approval .status span {
	padding-left: 10px;
}
/*.edit_req {
    margin-left: 200px !important;
} */
}

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto;
}
.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}
.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto;
}
.mCSB_inside > .mCSB_container {
	margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
	margin-right: 0;
	margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0;
}
.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 5%;
	right: 0;
	bottom: 5%;
}
.mCSB_outside + .mCSB_scrollTools {
	right: -26px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
	right: auto;
	left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
	left: -26px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
	margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px;
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0;
}
.mCSB_scrollTools {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}
 .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)";
}
 .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: #beccde;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: #446896;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
	background-image: url(mCSB_buttons.png);
	background-repeat: no-repeat;
	opacity: 0.4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
	opacity: 0.9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}

body{
	font-family:'Nunito Sans', sans-serif;	
}
#navbar-container{
	padding:10px;	
	box-shadow:0 0 16px 0 rgb(217, 225, 234);
}
.brand-icon {
	width:auto;
	max-width:75%;
	height:auto;
	line-height:normal;
	margin:auto;
}
.navbar-header:before{
	display:none;	
}
header ul.nav.navbar-top-links li.logout a {
   /* background: none;
	color:#9c9e9e; */
}
header ul.nav.navbar-top-links li.logout{
	border:none;	
}
#container > div#content-container {
    padding: 0 !important;
}
.panel.request {
    background: none;
    border: none;
	box-shadow:none;
}
.tab-base ul.nav-tabs li{
	width:auto;	
}
.panel .tab-base ul.nav-tabs {
    border-bottom: solid 1px #cfd6dc;
    margin-bottom: 20px;
}
.panel .tab-base ul.nav-tabs li a{
	background:none;	
	text-transform:uppercase;
	font-size:14px;
	opacity:1;
}
.panel .tab-base ul.nav-tabs li.active a {
    border-bottom: solid 3px #47b6eb;
	color:#47b6eb;
}
div#page-title{
	padding-left:0;	
}
div#page-content{
	padding:0;	
}
#page-title .page-header {
    font-weight: 700;
    font-size: 25px;
}
.tab-base p.text-main{
	padding-left:7.5px;
	color:#333;
	margin-bottom:20px;		
}
.tab-content .tab-pane .form-group label{
	font-size:14px;
}
.tab-content .tab-pane label strong{
	font-weight:600;	
}
.ui-datepicker-title span, .ui-datepicker-calendar span, .ui-datepicker-calendar a{
	font-family:'Nunito Sans', sans-serif;	
}
.tab-base form textarea {
    border-radius: 3px;
    border: solid 1px #dcdcdc;
    background: #f9f9f9;
}
.tab-base form input[type="text"], .tab-base form select {
    border-radius: 3px;
    height: 40px;
    background: #f9f9f9;
    border: solid 1px #dcdcdc;
}
.panel .tab-base ul.nav-tabs li a:hover {
    background: none;
}
footer#footer {
    background: none;
    border: none;
}
.panel.leave-approval {
    border: none;
    background: none;
	box-shadow:none;
}
.tab-content button[type="submit"] {
    margin: 0px 13px 20px;
    font-weight: 600;
    font-size: 18px;
    border-radius: 30px;
    padding: 5px 20px;
}
.tab-content button[type="submit"]:hover {
    background: #77b92a;
}
.leave-approval .panel-title {
    line-height: 35px;
    padding-bottom: 8px;
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
	white-space:normal;
}
.leave-approval a.btn.histroy{
	margin-top:0;	
}
.leave-approval .approval {
    padding: 0px 20px;
    background: #fff;
    max-height: 409px;
    margin-top: 15px;
}
.approval .timeline-label {
    box-shadow: 4px 2px 9px 1px #eaeaea;
}
.approval .bg-info {
    background: #38a0f4;
}
.approval .timeline-entry span.label.label-success {
    padding: 6px 7px;
    margin: 0px 6px;
    font-size: 12px;
    border-radius: 15px;
}


.approval .timeline-entry span.label.label-info {
    background: #38a0f4;
    padding: 6px 7px;
    margin: 0px 6px;
    font-size: 12px;
    border-radius: 15px;
}
.approval .timeline-entry span.label.label-primary {
    background: #ef5350;
    padding: 6px 7px;
    margin: 0px 6px;
    font-size: 12px;
    border-radius: 15px;
}
.approval .timeline-entry a.text-danger {
    color: #800300;
    border-bottom: 1px solid #d6d6d6;
	font-size: 14px;
}
.navbar-header, #navbar-container{
	background:#fff;	
}
/* 23-01-2018 */
#modal-new-user .modal-backdrop {
    z-index: 0;
}
#modal-edit-member .modal-backdrop{
	z-index: 0;
}
#add_user label.error {
    display: block !important;
    color: red;
}
#edit_user label.error {
    display: block !important;
    color: red;
}

/* 08-02-2018 */
#modal-req-edit .modal-backdrop{
	z-index: 0;
}
#modal-req-edit{
	z-index: 1;
}

/* Mar-01-2018 */

.request_panel ul#permis_list, .request_panel ul#leave_list {
    padding-left: 0;
}

/* Mar-02-2018 */

.report-edit-remove {
    float: right;
}
.text-block{
	display:inline-block;
}
.request_panel .panel-body, .tab-pane .panel-body{
    padding: 10px 30px 10px 8px;
}


/* Mar-24-2018 */
div#page-content {
    padding: 15px 15px 40px 0px !important;
}

/* Mar-26-2018 */
footer#footer {
    position: relative !important;
}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
#mCSB_1_container{
	position:initial !important;
	top:0 !important;
}
}