/* $Id: 11ecom_index_boxed.css,v 1.2 2018/02/21 10:16:47 cvstobh Exp $ */

/* new box styles */

.center-body .row {
    margin-left: -15px;
    margin-right: -15px;
}

#main-nav {background-color: #fff; border-bottom: 1px solid #BAD80A; padding: 15px;}
h1,h2,h3,h4 {color:#444;} //{color:#bad80a;}

#main-container {border-top: 2px #eee;}
#main-col-center {background-color: #fff;}

.boxed-container{background-color: rgba(222,222,222,0.80);padding:40px}
body {padding-top:0px;}
/* navigation styles 
.card, .card-header, .card-header:first-child {background-color:transparent;border-radius:0;border:1px solid transparent;}
.card-block {padding:0;}
.card-header a {color:#333}
.card-header a:hover, .card-header a:focus {text-decoration:none; color:#bad80a}
*/
.service-boxes {padding: 0; margin:30px 0;}
.service-boxes.row {margin: 30px 0px; padding: 0 -15px}
.service-box-wrapper {cursor:pointer;}
.service-box-wrapper.active .card:hover {background-color:#bad80a}
.service-box-wrapper.disabled .card{background-color: #cecece}
.service-box-wrapper.disabled .card p {color:#aaa}
.service-box-wrapper.disabled .card h2 {color:#aaa}

.wrapper-full nav {background-color:#fff;}
.card-block ul li nav-item {cursor:pointer; }


/* form content styles */
.form-content-section:first-child {padding-top:0; margin-top:0; border-top: 1px solid transparent;}
.form-content-section {padding-top: 15px;margin-top:15px; border-top: 1px solid silver;}

form .hidden, .suboption {display:none;}
.form-control {width:auto; max-width:100%;}

.icon-info::before{content:"\f129";         font-family:"FontAwesome";    padding-right:15px;}
.icon-menu::before{content:"\f14e";         font-family:"FontAwesome";    padding-right:15px;}

form .error, label.error { color: #ec0664;  }
.form-container h4,
.form-container h5,
.form-container h6 {padding-top:15px}


#action-logout {color: #eee; }
#action-logout:hover, #action-logout:hover:focus {color: red;}
#action-logout i {margin-top:10px}
.button-list li {padding-top:15px;}

/* customer-select */
.customer-select-item a {
	color: black;
}

.customer-select-item .selected {
	color: blue;
	font-weight: bold;
}