/* ########################## STYLE COLORS ########################## */
a,
.login-box .input-icon>[class*="icon-"],
.input-icon>input:focus+[class*="icon-"],
.page-header h1,
.breadcrumb>li>a,
.nav-list>li>a:hover,
.nav-list>li a:hover>.arrow, .nav-list>li.active>a>.arrow, .nav-list>li.open>a>.arrow,
.nav-list>li.open>a,
.nav-list>li.active>a, .nav-list>li.active>a:hover, .nav-list>li.active>a:focus, .nav-list>li.active>a:active,
.nav-list>li .submenu>li>a:hover,
.nav-list>li>a:focus{
	color: #ca645e;
}

.roxa_nova, .roxa_nova:link,
.btn-primary, .btn-primary:focus,
.ace-nav>li.open.light-blue>a{
	background-color: #ca645e !important;
}

.box-gadget-1 h3,
.btn-primary, .btn-primary:focus,
.nav-list>li.active:after{
	border-color: #ca645e;
}

.nav-list li.active>a:after{
	border-right-color: #ca645e;
}

.btn-primary:hover, .open .btn-primary.dropdown-toggle{
	background-color: #e0251a !important;
	border-color: #e0251a;
}

.navbar{
	padding-top: 5px;
	background-color: #1d1d1d !important; 
	border-bottom: solid 1px #ccc;
}

.btn-primary, .btn-primary:focus{
	transition: 300ms ease-in-out;
	border-radius: 5px !important;
}

.label-important, .badge-important{
	background-color: #e0251a !important;
}

.ace-nav>li{
	border: none;
}

.ace-nav>li>a{
	border-radius: 5px;
}

.nav-list>li{
	border: 0;
}

.nav-list>li>a{
	background-color: #ddd;
}

.sidebar:before,
.sidebar-collapse{
	background-color: #ddd;
}

/* ########################## STYLE LOGIN ########################## */
.login-layout{
	background: url("images/pattern.png") repeat !important;
	height: 100%;
}

.login-layout .main-container{
	width: 100%;
	height: 100%;
	position: absolute;
}

.login-layout .main-content{
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-layout .widget-box{
	position: relative;
	background-color: #101010;
	box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.1);
	padding: 10px;
	border-radius: 10px;
	/*border: solid 1px #ddd;*/
	width: 450px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}

.login-layout .widget-body{
	width: 100%;
}

.login-layout .widget-box .widget-main{
	background-color: #101010;
}

.login-container{
	width: 450px;
	margin: 0;
}

.login-box form{
	margin-top: 40px !important;
}

.login-box .widget-main img{
	display: table;
	margin: 0 auto;
}

.login-box .input-icon.input-icon-right>input{
	padding-right: 35px;
}

.login-box .input-icon>[class*="icon-"]{
	line-height: 33px;
	width: 30px;
	right: 1px;
	background-color: #eee;
	border-radius: 0 5px 5px 0;
}


/* ########################## STYLE FORM ########################## */
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"]{
	border-radius: 5px !important;
	outline: none;
}

textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus{
	border-color: #ca645e;
}