/**
 * eCMS Styles
 *
 * Author: Zbigniew Czarnecki @ eCreo Multimedia
 */

/* FONTS ==================== */

@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700&subset=latin,latin-ext);


/* RESET ==================== */

body {
    color: #333333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
	}

a { color: #008fc8; text-decoration: none; font-family: inherit; font-size: inherit; } 
a:hover { text-decoration: underline; }


h1,h2,h3,h4,h5 {
    font-family: 'Source Sans Pro',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 300;
}

h1 { font-size: 32px; }

/* ===== UTILS ===== */

.well, .hero-unit, .dropdown-menu, .breadcrumb, .alert, .nav-tabs > li > a, .btn, .input-append * {
	border-radius: 0 !important; 
}
select, 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"],.uneditable-input {
	border-radius: 0 !important; 
}

.disabled{
	background-color: #eee !important;
}

.btn{
	box-shadow: none;
	background:#eeeeee; border:1px solid #BBBBBB;
}
input.btn{
	padding:5px 12px;
}
.btn-primary{
	background:#0082cc; border:1px solid #0082cc;
	}
	.btn-primary:hover, .btn-primary:active{
		background:#1093de;
		}
.btn-primary.disabled, .btn-primary[disabled]{
    background:#0082cc;
}
.btn-info{
	background:#47adcb; border:1px solid #47adcb;
	}
.btn-success{
	background:#5ab45a; border:1px solid #5ab45a;
	}
.btn-warning{
	background:#FE781E; border:1px solid #FE781E;
	}
.btn-danger{
	background:#ee3434; border:1px solid #ee3434;
	}
.btn-inverse{
	background:#333333; border:1px solid #333333;
	}
.btn-link{
	background:#FFFFFF; border:1px solid transparent;
	}
	
span.required {
    color   : #B94A48;
    }
.help-block.error{
	padding:5px 10px; display:inline-block;
	position: relative; top: -3px;
	background: #F2DEDE; border-color: #EED3D7;
	color: #B94A48;
}

.navbar-inverse .navbar-inner {
	background:#1B1B1B;
}
.ECmsMenuWidget{
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0) !important;
	border-bottom: 1px solid #ddd;
    height: auto !important;
}
#content-menu{
	box-shadow: 8px 0 7px -10px rgba(0, 0, 0, 0) !important;
	border-right: 1px solid #ddd;
}

#esites > ul li > a:hover, #esites > ul li > a:focus {
  background: #333333 !important;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
  background: #333333;
}

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  background: #333333;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
	box-shadow: none;
}

/* SET STYLES =============== */

.set-left { 
	float: left;
	}
.set-right { 
	float: right;
	}
.set-abs { 
	position: absolute; 
	}
.set-rel { 
	position: relative; 
	}
.set-top { 
	vertical-align: top 
	}
.set-middle { 
	vertical-align: middle 
	}
.set-bottom { 
	vertical-align: bottom 
	}
.set-clear { 
	clear: both; height: 0px; font-size: 0px; line-height: 0px;
	}
.set-debug { 
	border: 1px solid #00FF00; 
	}


/* HEADER =================== */

div.header {
    background: #000000 none repeat scroll 0 0;
    height: 60px;
}
	
	div.header-site {}
		div.header-site {
			display: block; margin: 4px 0px 0px 15px;
			}
	
	div.header-login {
		padding-top: 16px;
		color: #444444;
		}
		div.header-login a {
			color: #999999
			}
		div.header-login img {
			margin-left: 10px;
			}
			
	div.header-search {
		background: #333333; padding: 5px 10px 8px; margin: 11px 65px 0px 0px;
		border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; 
		}
		div.header-search input[type="text"] {
			width: 120px; padding: 0px;
			background: #333333; border: 1px solid #333333;
			color: #999999; 
			}
		div.header-search input[type="submit"] {
			display: inline-block; width: 15px; height: 12px; vertical-align: middle;
			background: #333333 url(../images/search.gif) top left no-repeat; border: 1px solid #333333;	
                        padding: 0px;
			}
			
	div.header-info {
		margin: 18px 15px 0px 0px;
		}
		div.header-info img {
			padding-right: 5px;
			}
		div.header-info a {
			padding-right: 30px;
			color: #999999;
			}
			
/* MENU ===================== */

div.menu {
	background: #000000;
	}
	
	div.menu-main {
		height: 34px; padding-left: 17px;
		}
		div.menu-main div.menu-main-item {
			margin-right: 5px; z-index: 100;
			}
			div.menu-main div.menu-main-item a.menu-main-item {
				display: block; padding: 9px 18px 0px 18px; height: 25px;
				background: #222222; 
				-moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; 
				color: #777777;
				}
				div.menu-main div.menu-main-item a.menu-main-item img {
					padding-right: 3px;
					}
			div.menu-main div.menu-main-item a.menu-main-item:hover, 
			div.menu-main div.menu-main-active a.menu-main-item,
                        div.menu-main div.menu-main-current a.menu-main-item {
				background: #E9E9E9;
				color: #636363; text-decoration: none;
				}
		div.menu-main-sub {
			padding: 0px 5px 5px; top: 34px; left: -5px; z-index: 100;
			-moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;						
			background: url(../images/menu_sub_bg.png) top left repeat;
			}
			div.menu-main-sub a {
				display: block; padding: 10px 0px 10px 14px;
				background: #E9E9E9; 
				color: #000000;
				}
			div.menu-main-sub a:hover, div.menu-main-sub .menu-main-current a {
				background: #E9E9E9 url(../images/menu_sub2.gif) 0% 50% no-repeat;
				text-decoration: none; color: #636363;
				}
				
	div.menu-sub {
		height: 34px; padding-left: 17px;
		background: #E9E9E9;
		}
		div.menu-sub a {
			display: block; padding: 9px 16px 0px; height: 25px; 
			color: #000000;
			}
		div.menu-sub a:hover, div.menu-sub .menu-sub-current {
			background: url(../images/menu_sub.gif) 50% 100% no-repeat;
			text-decoration: none;
			}
/* DASHBOARD =================== */
div.dashboard-box {
    padding: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 20px 4px rgba(194, 194, 194, 0.3);
    box-shadow: inset 0px 0px 20px 4px rgba(194, 194, 194, 0.3);
}
div.dashboard-box h2 {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
}
div.dashboard-box h2 a {
    font-weight: normal;
    font-size: 20px;
    color: #000;
}
/* CONTENT ===================== */

div.content {
	padding: 0px 18px;
	}
	
/* CONTENT HEADER -------------- */	
	
div.content-header {
	margin: 25px 0px; padding: 0px 20px;
	}	
	div.content-header-line {
		height: 34px; margin: 0px 25px; width: 1px;
		border-left: 1px solid #E3E4E4;
		}
	div.content-header-actions {
		height: 34px; padding-left: 15px;
		background: url(../images/list_arrow.gif) top left no-repeat;
		}
		div.content-header-actions span {
			display: inline-block; padding: 8px 25px 8px 15px;
			border: 1px solid #D4D4D4;
			border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;
			background: #FFFFFF url(../images/select2.gif) 100% 50% no-repeat;
			color: #363636;			
			}		
	div.content-header-title {
		height: 34px;
        font-family: "Source Sans Pro";
		font-size: 28px; color: #333333;
		}
		div.content-header-title img {
			padding-right: 10px;
			}
	div.content-header-operations {
		height: 34px;
		}
	div.content-header-stay {
		height: 26px; padding: 8px 0px 0px 25px;
		}
		div.content-header-stay label {
			padding-left: 5px;
			}		
	div.content-header-navigation {
		padding-top: 5px; height: 29px;			
		}
	div.content-header-perpage {
		height: 34px;
		}
	div.content-header-back {
		height: 26px; padding: 8px 0px 0px 0px;
		}
		div.content-header-back a {
			color: #363636;
			}
		div.content-header-back img {
			padding-right: 5px;
			}


/* BOOTSTRAP FIXES */

/* NAVBAR */
.eCMS.navbar .navbar-inner {
    /*padding-left: 0px;*/
    border-radius: 0px;
}
.eCMS.navbar .brand {
    display: none;
}
.eCMS.navbar .container {
    width: 100%;
}

ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
}

.tabs-left .nav.nav-tabs {
    padding-bottom: 100px;
    width: 170px;
}
form .actions.actions-tabs {
    margin-left: 190px;
}

a.menu:after, .dropdown-toggle:after {
    content: none;
}

form.nav-search {
    padding: 0px;
}

table.table-striped thead {
    background-color: #EDEDED;
    background-image: -moz-linear-gradient(center top , #EDEDED, #DDDDDD);
    -webkit-box-shadow:  0px 1px 3px -1px rgba(0, 0, 0, 0.5);

    box-shadow:  0px 1px 3px -1px rgba(0, 0, 0, 0.5);
    background-image: -ms-linear-gradient(top, #EDEDED, #DDDDDD);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EDEDED), to(#DDDDDD));
    background-image: -webkit-linear-gradient(top, #EDEDED, #DDDDDD);
    background-image: -o-linear-gradient(top, #EDEDED, #DDDDDD);
    background-image: linear-gradient(top, #EDEDED, #DDDDDD);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#DDDDDD', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

}
table.table-striped thead .caret {
    display: none !important;
}
table.table-striped td {
    border-right: 1px solid #ededed;
}
table.table-striped {
    border: 1px solid #ededed;
}
table.table-striped thead td, table.table-striped th {
    border-right: 1px solid #c6c6c6;
}
table.table-striped thead a {
    /*border-bottom: 1px dashed #CCCCCC;*/
    color: #787878;
    font-size: 12px;
    font-weight: normal;
}

table.table-striped thead a:hover {
    text-decoration: none;
    color: #333;
}

table.table-striped thead input {
    opacity: 0.8;
}
table.table-striped thead input:focus {
    opacity: 1;
}
.summary {
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 10px;
}
table.table-striped thead a {
    padding-right: 10px;
    text-shadow:0 1px 0 rgba(255,255,255,0.9);

}

table.table-striped thead a:hover,
table.table-striped thead a.asc,
table.table-striped thead a.desc:hover
{
    padding-right: 10px;
    background: url(../images/list_up.gif) no-repeat right center;

}

table.table-striped thead a.asc,
table.table-striped thead a.desc {
    font-weight: bold;

}

table.table-striped thead a.desc,
table.table-striped thead a.asc:hover {
    padding-right: 10px;

    background: url(../images/list_down.gif) no-repeat right center;
}

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background: #DDDDDD !important;
    color: #000 !important;
}

.row.buttons {
    margin-left: 0px;
}

.modal form {
    margin-bottom: 0px;
}

.grid-view {
    margin-top: 0px;
    padding-top: 0px;
}

.modal {
    max-height: none !important;
}

.bold {
    font-weight: bold;
}

.alert h1 {
    color: #B94A48;
}
.alert .text {
    margin-top: 10px;
    margin-bottom: 10px;
}

form .actions.actions-wide {
    margin-left: 0px;
    text-align: right;
}

.login-form form input[type=text],
.login-form form input[type=password]
{
    width: 100%;
}

.login-form {
    max-width: 400px;
    margin: 0 auto;
}

form .help-inline {
    font-style: italic;
    margin: 0px;
    padding: 2px;

    color:#96883d !important;
    text-shadow:0 1px 0 rgba(255,255,255,0.9);
    background-color:#fcf8e3;
    border:1px solid #fbeed5;
    border-radius: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 11px;
    margin-left: 4px;
}
    /* SRBAC FIXES */
table.srbacDataGrid th {
    background-color: #EDEDED;
    background-image: -moz-linear-gradient(center top , #EDEDED, #DDDDDD);
    background-repeat: repeat-x;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
}
div.srbacForm {
    border: 0px;
    background: transparent;
}
.srbacTable {
    width: 100%;
    text-align: left;
}
.srbacTable > tbody > tr > th {
    padding-bottom: 10px;
    font-size: 18px;
    font-family: 'Source Sans Pro';
}

.table.table-striped select {
    margin-bottom: 0px;
    width: 80%;
}
.table.table-striped thead td input[type="text"] {
    width: 100%;
   /* background: #fff url(../images/ico-search.png) no-repeat 5px center;*/
}
.table.table-striped input[type="text"]:focus {
    background: #fff;
}
.table th, .table td {
    vertical-align: middle !important;
}

h1 {
    margin-bottom: 10px;
}

form input.error, form select.error , form textarea.error  {
    border-color: #B94A48;
    color: #B94A48;
}

form input.error:focus, form select.error:focus, form textarea.error:focus  {
    border-color: #953B39;
    box-shadow: 0 0 6px #D59392;
}

form .help-inline.error {
    color: #B94A48;
}

* {
    outline: none !important;
}

.space-right {
    margin-right: 5px;
}

.clearStyles button {
    margin-top: 3px;
    margin-right: 3px;
}
.editable-field {
    cursor: text;
    display: block;
}
.editable-field form,
.editable-field form input {
    margin: 0px;
    padding: 0px;
}
.editable-field form input {
    padding: 3px;
}
.editable-field:hover {

}
.grid-view th .caret { display:  none; }

.sortable-highlight,
.sortable-highlight td
{
    background: #FBEED5 !important;
    color: #C09853;
    border: 0px none !important;
    font-size: 11px;
    font-style: italic;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-sortable-helper {
}

.editable:hover {

    -webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    padding: 3px;
    margin: -3px;
    border-radius: 3px;
}


.navbar .dropdown-menu {
    margin-top: -2px;
}

div.flags {
    padding: 5px;
    width: 468px;
}
div.flags a.active {
    border: 2px solid #008FC8;
    padding: 3px;
}
div.flags a {
    display: inline-block;
    padding: 5px;
    width: 16px;
    text-align: center;
    line-height: 10px;
}
div.flags a:hover {
    border: 2px solid #c2ccd1;
    padding: 3px;
}

.form-preview {
    padding: 10px;
    border: 1px dashed #c2ccd1;
    border-radius: 10px;
}
.form-preview h2 {
    margin-bottom: 10px;
}
.form-preview form,
.form-preview form .form-actions {
    margin-bottom: 0px !important;
}

.form-preview {
    opacity: 0.5;
}
.form-preview:hover {
    opacity: 1;
}
.form-preview .control-group {
    position: relative;
}
.form-preview .control-group:hover {
    background: #F5F5F5;
}

.form-preview .control-group .icon-trash {
    position: absolute;
    right: 8px;
    top: 8px;
}

.form-preview .control-group .icon-pencil {
    position: absolute;
    right: 26px;
    top: 8px;
}

#form-generator #ajax-content {
    padding: 5px;
    background: #f7f7f7;
    border: 1px dashed #c2ccd1;
    border-radius: 3px;
}
.form-hidden {
    display: none;
}

.eCms-Forms {
    padding: 10px;
    border: 1px dashed #c2ccd1;
    border-radius: 10px;
}
@media print{
    .containers{ width: 100%; }
    header, .header, footer, button, .btn, .navbar, .nav, h1, #shop-products-grid > .summary { display: none; }
    .tab-products, .breadcrumbs.breadcrumb, .products-connected, .after-banner.products, .share_product, .go-to, .without-margin, #fast-contact{ display: none; }
    .helper span, .printed, .helper-box{ display: none; }
    a[href]:after { content: none !important; }
    .content-box{ width: 100%; float: left; }
}
