/*body, input, select, textarea, button {
	text-transform: uppercase;
}*/
@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700");

body {
	font-family: 'Lato', 'Open Sans', arial, sans-serif;
	color:#be1a12;
}

.login-page {
	background-image:linear-gradient(to right bottom, #be1a12, #bf2a22, #c44039, #ce5650, #db7873, #ffa5a5, #fbecb9, #f9e18d, #fbda61, #f9ce2e, #f7c300) !important;
}

.bg-maka {
	background-color: rgb(47, 116, 113);
}

.bg-maka:hover {
	background-color: rgba(47, 116, 113, .7);
}

.btn-orange {
	background-color: #fc8621!important;
}

.btn-orange:hover {
	background-color: #df781e!important;
}

.btn-blue {
	background-color: #337ab7!important;
}

.btn-blue:hover {
	background-color: #4196e0!important;
}

.btn-green {
	background-color: #2c917f;
}

.btn-green:hover {
	background-color: #3ab9a2;
}

a {
	color: #000;
}

a:hover {
	color: #999;
}

.select2-container {
	width: 100%!important;
}

.login-box {
	width: 500px;
}

.login-box-body {
	background: #f7f5f5!important;
	min-height: 300px;
}

.login-box-body input {
	text-transform: initial;
}

#username, #password, #email {
	text-transform: initial;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #ec5f64;
	border-color: #ea484e;
}

.mandatory {
	color:#FF0000;
}

.center {
  text-align: center;
}

.alert {
	padding: 5px!important;
	text-transform: initial!important;
}

.alert a {
	text-decoration: none;
}

.close {
	line-height: 100%;
}

.box-body .close {
	line-height: 28px;
}

.box-header .box-tools {
	position: absolute;
	right: 10px;
	top: 10px;
}

.action-link {
	color: #dc0000;
}

#dialog-confirm, #dialog-image-confirm {
	display: none;
}

.modal-header {
	border-bottom: none;
	color: #FF0000;
}

.modal-footer {
	border-top: none;
}

.modal-content {
	background-color: #f2dede;
	border-color: #ebccd1;
}

.modal-body i {
	font-size: 1.4em;
	color: #FF0000;
}

.modal-body p {
	color: #FF0000;
}

.modal-footer button {
	background-color: #FF0000;
	color: #FFF;
}

.modal-footer button:hover {
	background-color: #DC0000;
	color: #FFF;
}

.main-header .navbar {
	background: linear-gradient(180deg, rgb(184, 43, 33) 39%, rgb(214, 95, 87) 91%, rgb(142, 212, 171) 100%); 
}

.main-header .sidebar-toggle:focus {
	color: inherit;
}

.main-header .sidebar-toggle:hover {
	background-color: #000;
	color: #FFF;
}

.sidebar-menu .header {
	color: #ec5f64;
	background-color: #F5F5F5;
	text-align: center;
}

.sidebar-menu>li>a:focus {
	color: #000;
}

.sidebar-menu>li>a {
	border-left: 3px solid transparent;
}

.sidebar-menu>li.active>a {
	color: #ec5f64;
	background-color: #f5f5f5;
	border-color: #ec5f64;
}

.sidebar-menu>li>a:hover {
	color: #ec5f64;
	background-color: #f5f5f5;
}

.treeview-menu>li>a {
	color: #000;
}

.treeview-menu>li.active>a, .treeview-menu>li>a:hover {
	color: #ec5f64;
}

.btn {
	border: none;
}

.main-header .logo {
	color: #ec5f64;
}

.main-footer {
	background: #ec5f64;
}

#subMenu ul li {
	border-right: 1px #000 solid;
}

@media only screen and (max-width: 991px) {
	.main-header .logo {
		background-color: #ecf0f5!important;
	}

	.box-title {
		float: left;
		width: 100%;	
	}

	.box-tools {
		width: 100%;
		float: left;
		position: relative!important;
	}

	.box-tools .input-group {
		float: left;
		margin-left: 10px;
		margin-bottom: 10px;
	}
}