.table-responsive  table{

	text-align: center;
}

/*.am-icon{

	line-height: 27pt;
	margin-left: 10px;
	margin-right: 7px;
	vertical-align: middle;
}*/

.input-group-addon{
	border: 1px solid #e7e7e7;
	background-color: #EDEDED;
	    border-collapse: separate;
	    width: 40px;
	    text-align: center;
	/*border-radius: 5px; */
}

.header ul.dropdown-user {
    padding: 0;
    min-width: 300px;
}



.dp-modal-enroll-dialog{

	top:20%;
	margin-left: 10%;
	margin-right: 10%;
}


.dp-modal-enroll-content{
		width: 140%;
}


.input-group-btn .btn{

	padding: 8px 12px;
}

.cts_errors{

	text-align: center;
	color: red;
	float: right;
}

/*
 CSS CONFIGURATION
*/

:root {
    --header-color: #205434;
    --border-color: #267745;
    --hover-color: #AF2415;
    --panel-color: #AF2415;
    --text-color: #f5f5f5;

    --other-color: #267745;

    --text-hover-color: #E5D120;



}


.navbar-laravel{

	background-color: var(--header-color);
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover{
	color: var(--hover-color);

}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover{

	color: var(--text-color);
}

.navbar-light .navbar-nav .nav-link{
	color: var(--text-color);

}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
	color: var(--text-hover-color);

}

.card-header:first-child{
	background-color: var(--header-color);

}

.header .top-navbar .navbar-header{
	background-color: var(--header-color);

}

.header .top-navbar{
	background-color: var(--header-color);

}

.text-muted{
	color: var(--border-color) !important;

}

.sidebar-nav{
	background-color: var(--header-color);

}
.left-sidebar{
	background-color: var(--header-color);

}

.sidebar-nav > ul > li > a.active{

	background-color: var(--border-color);
	color: var(--text-color);

}

.sidebar-nav ul li a{
	color: var(--text-color);
}

.sidebar-nav > ul > li > a i{
	color: var(--border-color);

}

.sidebar-nav > ul > li.active > a i{
	color: var(--header-color);

}

.sidebar-nav ul li.nav-label{
	color: var(--text-color);
	/*border-bottom: 1px solid var(--border-color);*/
}

/*.page-titles{
	background:  var(--border-color);
	


}

.page-titles h3{
	color: var(--text-color);

}*/

.btn-success{
	background-color: var(--border-color);
	color: var(--text-color);
	


}

.btn-primary{
	background-color: var(--border-color);
	color: var(--text-color);
	


}

.btn-success:focus{
	background-color: var(--border-color);
	color: var(--text-color);
}

.btn-primary:focus{
	background-color: var(--border-color);
	color: var(--text-color);
}


.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{
	background-color: var(--hover-color);
	color: var(--text-color);
	border: 1px solid var(--border-color);

}

.btn-success:hover{
	background-color: var(--hover-color);
	color: var(--text-color);
	border: 1px solid var(--border-color);

}



.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
  
	background-color: var(--border-color);
	color: var(--text-color);

    
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
	background-color: var(--hover-color);
	color: var(--text-color);
	border: 1px solid var(--border-color);

}

.btn-primary:hover{
	background-color: var(--hover-color);
	color: var(--text-color);
	border: 1px solid var(--border-color);

}





.modal-header{

	background-color: var(--header-color);
	border-bottom:  3px solid var(--border-color);



}

.modal-title{
	color: var(--text-color);

}

.modal-body{
	border-bottom:  2px solid var(--border-color);

}

.form-control.active, .form-control:focus{

	border-color: var(--border-color);
}

.table-responsive thead{

	background-color: var(--header-color);
	
	color: var(--text-color);
}

.table-responsive thead th{

	
	
	color: var(--text-color);
}

.table-responsive tbody td{

	
	
	color: #2f3d4a;
}

a, button{
	color: #2f3d4a;
	
}


.header ul.dropdown-user li a{
	color: var(--border-color);

}

.header ul.dropdown-user li a:hover{
	background: #d0dcec;
}

.card-header{
	color: var(--text-color);
	
}

/*NEW THEME INTRODUCE*/
.bg-dark {
    background-color: var(--header-color)!important;
}

.navbar-dark .navbar-nav .nav-link{
	color: var(--text-color);
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
   background-color: var(--header-color);
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link{
	color: var(--text-color);

}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover{
	color: var(--text-hover-color);

}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a{
	color: var(--text-color);

}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover{
	color: var(--text-hover-color);

}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level{
	background:  var(--other-color);

}


.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
	color: var(--text-hover-color);

}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover{
	color: var(--text-hover-color);
}

.nav-item{
   background-color: var(--header-color);

}

#mainNav.fixed-top.navbar-dark .sidenav-toggler a i{
	color: var(--text-color);
}


#mainNav.fixed-top.navbar-dark .sidenav-toggler a i:hover{
	color: var(--text-hover-color);
}

.breadcrumb{
   background-color: var(--other-color);

}

.breadcrumb-item.active{
	color: var(--text-hover-color);

}

.breadcrumb  a, button{
	color: var(--text-color);
}

.breadcrumb a:hover {
    color: var(--text-hover-color);
    text-decoration: underline;
}

footer.sticky-footer
{
   background-color: var(--other-color);

}

footer.sticky-footer small{
	color: var(--text-color);
	font-weight: bolder;
}

.breadcrumb-item+.breadcrumb-item::before{
	color: var(--text-color);
}