﻿/*------------------------------------------------
Dark Blue TEMPLATE: 

Base:			 	rgb(1,136,204);
Highlight:	rgb(23,166,238);
borders: 		rgb(0,110,165);
win HL: rgb(105,192,236);


	Updated: 290917
-------------------------------------------------*/

#content [class^="col-"], [class*=" col-"], #artifact [class^="col-"], [class*=" col-"]{
	padding:0;
	padding-right:4px;

}

.btn.theme-btn,
.btn.theme-btn .fa{
color:rgb(255,255,255);
text-shadow:0 0 2px rgba(0,0,0,.6);
}
.btn.theme-btn:hover,
.btn.theme-btn:focus,
.btn.theme-btn:active{

}



/* base set */
.theme-background, #header .theme-background{
background-color:	rgb(1,136,204);
}
.theme-background-dark{
background-color:rgb(0,110,165);
}
.theme-background-highlight{
background-color:rgb(23,166,238);
}
.theme-border{
border-color:	rgb(0,110,165);
}
.theme-color{
color:rgb(1,136,204);
}
.theme-color-highlight{
color:rgb(23,166,238);
}

.nav>li>a:hover,
.nav>li>a:active,
.nav>li>a.active,
.nav>li>a:focus,
a.theme-hover:hover,
a.theme-hover:active,
a.theme-hover:focus,
a.theme-hover.active{
  background-color:	rgb(105,192,236);
}


#preloader .pre-content .loader{
  border-color: rgba(1,136,204, 0.75) rgba(1,136,204, 0.75) rgba(200, 200, 200, 0.25) rgba(200, 200, 200, 0.25);
}




.modal-header h3{
opacity:1;
}


.btn.theme-btn{
background-color: rgb(1,136,204);
border-color:rgb(0,110,165);
outline-color: rgb(23,166,238);
}

.btn.theme-btn:hover, 
.btn.theme-btn:focus,
.btn.theme-btn:active,
.btn.theme-btn.active,
.btn.theme-btn.active:focus {
background-color: rgb(23,166,238);
}

.btn.theme-btn-secondary{
}

.btn.theme-btn-secondary:hover, 
.btn.theme-btn-secondary:focus,
.btn.theme-btn-secondary:active,
.btn.theme-btn-secondary.active,
.btn.theme-btn-secondary.active:focus {
box-shadow:none;
background-color: rgb(23,166,238);
}


.btn.theme-btn-inverse{
background-color:rgb(0,110,165);
border-color:rgba(0,110,165,.4);
color: #FFF;
}


.btn.theme-btn-inverse:hover, 
.btn.theme-btn-inverse:focus,
.btn.theme-btn-inverse:active,
.btn.theme-btn-inverse.active,
.btn.theme-btn-inverse.active:focus {
box-shadow:none;
background-color:	rgb(1,136,204);
border-color:rgba(23,166,238,.5);
color:rgba(0,0,0,.8);
}


.form-horizontal .controls .btn.theme-btn-action:active,
.form-horizontal .controls .btn.theme-btn-action:focus{
    background-color:rgba(0,110,165);
}

.dropdown-menu .divider {
background-color: #E5E5E5;
}


 textarea:focus,  
input:focus,  
select:focus, 
.uneditable-input:focus, 
.select2-container-active > .select2-choice{
border-color: rgb(1,136,204);
}

/* uneditable */
 textarea[disabled], textarea[readonly],select[readonly], select[disabled] input[disabled],  input[readonly],  .uneditable-input {

}

input[readonly]+.btn{
border:1px dashed;
background-color:rgb(220,220,220);
}

.checkbox.disabled::before,
.radio.disabled::before{
	box-shadow:none;
	border:1px dashed;

}

.checkbox.disabled,
.radio.disabled {
	
}

.select2-container .select2-choice .select2-arrow{

}
.select2-container .select2-choice,
.select2-container .select2-choice .select2-arrow{

}
.select2-container .select2-choice .select2-arrow b{
background:0;
color:#fff;
}

.select2-container .select2-choice .select2-arrow b:after{
font-family:FontAwesome;
content:'\f078';
color:#fff;
}
.select2-search {
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
}
.select2-search input{
background:#efefef;
color:#222;
}
.select2-results .select2-highlighted {
background: rgb(1,136,204);
}



.checkbox.checked::before,
.radio.checked::before{
background:rgb(1,136,204);
}


 #header .nav .dropdown-menu > li > a:hover,
#header .nav .dropdown-menu > li > a:focus, 
 #header .nav  .dropdown-submenu:hover > a, 
 #header .nav  .dropdown-submenu:focus > a, 
 #header .nav  .dropdown-wrapper li a:hover, 
 #header .nav  .dropdown-wrapper li a:focus {	
	background-image: none;
	color: #000;
	text-decoration: none;
	filter:none;
}

 .drop-down-wrapper ul > li:last-child a {
	border-bottom: none;
}

#header .nav  .dropdown-menu li .dropdown-menu-title {
background:rgb(1,136,204);
color:#fff;	
}
#header .nav .dropdown-menu li p, 
#header .nav .dropdown-menu li a, 
#header .nav .dropdown-wrapper li p, 
#header .nav .dropdown-wrapper li a {
color: #333333;
border-bottom: 1px solid rgba(100, 100, 100, 0.22);
}
#header .nav .dropdown-menu li a .author {
color: rgb(1,136,204);

}

 .todo-list li a {
	background: white;
	border-bottom: 1px solid #E4E6EB;
	color: #333333;
}
 .todo-list li .todo-actions:hover, 
 .todo-list li .todo-actions:focus {
	text-decoration: none;
	background-color: #F4F6F9 !important;
}
 .todo-list li .todo-actions i {
	color: #C7CBD5;
}
 .todo li a {
	border-bottom: 1px solid #E4E6EB;
	color: #333333;
}
 .todo li .todo-actions:hover, 
 .todo li .todo-actions:focus {
	text-decoration: none;
	background-color: #F4F6F9 !important;
}
 .todo li .todo-actions i {
	color: #C7CBD5;
}



#side-menu{
background:#fff;
}

#side-menu .navigation-toggler{
background-color:rgb(0,110,165);
} 



 ul.main-navigation-menu > li:not(.active):hover > a {
	background: rgb(0,170,230);
	color:#fff;
}
 ul.main-navigation-menu > li:hover > a i{
	color:#fff;
}
.navigation-small .main-navigation-menu > li:hover > .sub-menu{
	box-shadow:2px 2px 3px 0 rgba(0,0,0,.2);
}
.navigation-small.sidemenu-right .main-navigation-menu > li:hover > .sub-menu{
	box-shadow:-2px 2px 3px 0 rgba(0,0,0,.2);
}
.navigation-small .main-navigation-menu > li:hover > .sub-menu > li{
	background:#FFF;	
	border-bottom:1px solid #ddd;
	border-right:1px solid #ccc;
}
ul.main-navigation-menu  .menu-icon > i{
color: rgb(1,136,204);
}
ul.main-navigation-menu > li.open > a, 
 ul.main-navigation-menu > li:not(.active) > a:hover{	
	background:rgba(200,200,200,.9);	
}
.no-touch ul.main-navigation-menu li:hover .sub-menu > li a .title{
	font-weight:400;	
}


 ul.main-navigation-menu .sub-menu > li.open > a, 
 ul.main-navigation-menu .sub-menu > li.active > a, 
.no-touch ul.main-navigation-menu .sub-menu > li > a:hover {
color: #666;
background: rgb(1,136,204);
}
 ul.main-navigation-menu li.active > a{
	background: rgb(1,136,204);
	color:#fff;
}
 ul.main-navigation-menu li.active > a i{
color:#fff;
}
ul.main-navigation-menu > li.active > a:after{
border-left:0 solid  rgb(1,136,204);
color: rgb(1,136,204);
text-shadow:2px 6px 4px rgba(0,0,0,.1);
}

ul.main-navigation-menu .sub-menu .has-sub:after{
color:#ddd;
background:#efefef;
text-align:center;
}
.navigation-small ul.main-navigation-menu > li:hover,
.navigation-small ul.main-navigation-menu > li.hover{	
	background:rgba(200,200,200,.9);	
}
.navigation-small ul.main-navigation-menu > li:hover > ul.sub-menu,
.navigation-small ul.main-navigation-menu > li.hover > ul.sub-menu {
	background:rgba(255,255,255,.9);
}



#content .group-box[data-shownlabel="Y"],
#artifact .group-box[data-shownlabel="Y"]{
border-top:1px solid  rgb(1,136,204);	
}
#content .group-box[data-shownlabel="Y"]:before,
#artifact .group-box[data-shownlabel="Y"]:before{
color:  rgb(1,136,204);
}
#content .group-box-menu,
#artifact .group-box-menu{
	background:rgba(200,200,200,.9);
	border-bottom:1px solid #aaa;
	box-shadow:0 2px 6px 0 rgba(0,0,0,0.15);
}
#content .group-box-menu li a:hover,
#content .group-box-menu li.active a,
#artifact .group-box-menu li a:hover,
#artifact .group-box-menu li.active a {
background-color: rgb(23,166,238);
text-shadow:0 -1px 0 rgba(0,0,0,.3);
color:#fff;
}
#overlay-box-container{
background:#fff;
}
.overlay-box{
background: #FFF;	
border:1px solid #ddd;
}
.overlay-box-header{
background: rgb(1,136,204);
}
.overlay-box-header h1,
.overlay-box-header h2{
color:#fff;
}


.overlay-box-body .user-info > span {
color: #666;
}
.overlay-box-body .user-info > span em {
color: #333;
}
.overlay-box-body .user-info h1 {
color: #666;
}
.overlay-box .box-copyright {
color:#666;
text-shadow:0 1px 0 rgba(255,255,255,.9);	
}

.control-group .input-prepend input {
border: 1px solid #ddd;
}
.control-group .input-prepend .add-on{
background-color: #EEE;
border: 1px solid #CCC;
}


/* theme text color */
.dataTable th label{
color:	rgb(1,136,204);	
font-weight:700;
}

/* theme background color */
.label-theme, 
.badge-theme,
.widget-content[data-content-type="list"] .list-items li.active, 
.pagination ul > li > a:hover, 
.pagination ul > .active > a, 
.pagination ul > .active > span{
background-color:	rgb(1,136,204);	
}


/* highlight */
.sel-val:hover, 
.sel-val:focus, 
tr[data-id]:hover, 
tr[data-id]:focus, 
tr[data-id]:focus td, tr[data-id]:hover td {
background: rgb(23,166,238) !important; 
}


/* borders or dark */
.pagination ul > li > a:hover, 
.pagination ul > .active > a, 
.pagination ul > .active > span {
border-color:rgb(0,110,165);
}
.widget-content[data-content-type="table"] .table thead th {
border-bottom: 1px solid rgb(0,110,165);
}



#cart-side-menu{
border-left:4px solid rgb(0,110,165);
}



.vendor-row{
	border-bottom:1px solid rgb(1,136,204);
}


/*------------------------------------------------
Dark Blue TEMPLATE: 

Base:			 	rgb(1,136,204);
Highlight:	rgb(23,166,238);
borders: 		rgb(0,110,165);

-------------------------------------------------*/


