@font-face {
    font-family: 'Titillium';
    src: local('Titillium'), local('Titillium Regular');
    src: url('../fonts/Titillium.eot');
    src: url('../fonts/Titillium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Titillium.woff') format('woff'),
         url('../fonts/Titillium.ttf') format('truetype');
         }

@font-face {
    font-family: 'WVH';
    src: local('Worstveld Hand Regular'), local('Worstveld Hand');
    src: url('../fonts/359C9D_0_0.eot');
    src: url('../fonts/359C9D_0_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/359C9D_0_0.woff2') format('woff2'),
         url('../fonts/359C9D_0_0.woff') format('woff'),
         url('../fonts/359C9D_0_0.ttf') format('truetype');
         }
         
body, p, table, div { font-family: 'Titillium', Arial, sans-serif; }
body { font-size:1.35em; line-height: 120%; font-weight: 400; color:#000; letter-spacing: -0.01em; }
.wvh{ font-family: 'WVH', cursive; 
      font-size:180% !important; 
    }
    .logo { font-family: 'WVH', cursive!important; max-width:480px; font-size:170%!important; }
    .login-page { background: #efe!important; }
    .login-logo { text-align:center; font-family: 'WVH', cursive; max-width:480px;}
    .login-logo img { width:40%; min-width:120px; margin-bottom:-5px}
    .login-logo p { margin:0px 0 40px; font-size:32px }
    .login-box-body { margin-top:-120px; border-radius: 12px; border:0px solid #ded; 
    -webkit-box-shadow:  -1px 13px 20px -18px rgba(51,153,51,0.62);
    -moz-box-shadow:  -1px 13px 20px -18px rgba(51,153,51,0.62);
    box-shadow:  -1px 13px 20px -18px rgba(51,153,51,0.62);
    }
    
.main-sidebar {
  width:196px!important;
}

.title { font-size: 120%; text-decoration: none; }
.hr{ clear:both; border-bottom: 1px dotted #99cc99; margin: 2px; height:2px; font-size: 2px; }
.centered { text-align: center; }
.jtf { text-align:justify; }
.image { border:1px solid #deecbd; background:#fff; padding:5px;  
	border-radius: 8px;  
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	opacity: 0.95;
	}

.fleft { float:left; }
.fright { float:right; }
.fleft.image { margin: 2px 10px 10px 0; }
.fright.image { margin: 2px 0 10px 10px;}

img { border: none; border-color: #0B122C; }
img.icon { width:32px; max-height: 32px; }
img.mini { width:64px; max-height: 64px;  }
img.small { width:90px; }

.huge { font-size: 21px; font-weight:bold; }
.big { font-size: 17px; font-weight:bold; }
.normal { font-size: 14px;}
.info { font-size: 12px;}
.note, .note a { font-size:11px; color: #465; }
.small { font-size: 12px;}
.mini { font-size:10px; margin: 0px; }
.price  { padding:4px; margin:2px; font-size:130%; text-align:right; color:#336633; }

.footer, .footer a{ font-size: 10px; color: #666; text-decoration: none; }
.path, .path a{ font-size: 10px; color: #888; text-decoration: none; }
.copyright, .copyright a{ font-size: 10px; color: #CCC; text-decoration: none; }
.err_msg{ font-size: 14px; color: #990000; }
.highlight{ font-weight:bold; color: #ff6600; }
.debug { font-size: 10px; color: #9c9c9c; letter-spacing: -1px;}

.border { border:1px solid #ccc; border-radius:8px; }
input[type=checkbox] { margin: 5px 0 0 5px; padding-top:4px; position: relative; top:5px; }

.grey  { color:#898; }
.green { color:#282; }
.red { color:#930; }
.blue { color:#449; }
.orange { color:#d16f08; }

.error { color:#933; }


/*** tmpl ***/
#logo { float:left; width:160px; display:block; }
#mainmenu 	{ min-width:140px; width:auto; width:16%; float:left; }

#header { background: url(images/bg-ltr-top_green.png) repeat-x; }
#topmenu_dd { background: url(images/bg-ltr-top_green.png) repeat-x; }



/*** page ***/
body { font-family: Verdana, Helvetica, sans-serif; color:#111111; background: #fff; }

h1 	{ color: #121212;}	
h2 	{ color: #669966;}
h3 	{ color: #121212;}
h4 	{ color: #669966;}

fieldset { border-style: dotted; border-width: 1px; border-color: #cccccc; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; }
blockquote { padding: 1px 10px 1px 25px; }

a { color: #114411; text-decoration:none; }
a:hover	{ cursor:pointer; }

.headline 	{ color: #669966; }
.subheadline{ color: #121212; }
.title 		{ color: #121212; }
.hr { border-bottom: 1px dotted #88cc88; }

        
/**
 * GENERAL
 */
 
 .fa.fa-minus, .fa.fa-angle-right {
    margin:0px!important;
    padding:0px;
    width:13px;
    font-size:12px;
    color:#363!important;
 }
table tr[data-tr_details] {
	display: none;
	background: #fbfbfb !important;
	border-bottom: 2px solid lightgrey;
	margin-bottom: 10px;
}

input[type="checkbox"] {
	width: 18px;
	height: 18px;
}

.sidebar .who {
	padding: 10px 5px;
	text-align: center;
	font-weight: bold;
}

.sidebar .treeview li a.active {
	font-weight: bold;
	color: #333;
}

.headerblock {    
    }
    
@media (min-width: 992px) {
	.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
		left: unset !important;
		right: unset !important;
	}
}

@media (max-width: 992px) {
	.skin-green-light .main-header .navbar .dropdown-menu li a {
	    color: #333;
	}

	.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
		right: 0 !important;
	}
}

@media only screen and (min-width: 768px) {
  #upper-navbar .dropdown:hover .dropdown-menu {
    display: block;
  }
}


/**
 * TABLE MARKABLE
 */
table { width:auto!important; }
 
a.badge { 
    width:14px;height:14px; margin:1px 5px auto; text-align:center; float:none;
    content: 'Activar/Desactivar'; 
    }

    
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f0fff0;
  border-left:0;
  border-right:2px solid #FFFFFf;
}

th {   
  vertical-align: bottom; 
  margin:2px 3px!important ; 
  padding:2px 4px ;
  }
td {   
  vertical-align: top; 
  padding:2px 4px;
  }


  
.headerblock {
	margin-bottom: 4px;
}
.headerblock form {
	display: inline-block;
}

select.form-control {
	width: 100%;
}
.details-row {
	font-size: 12px;
}

.details-row p {
	margin-bottom: 0px;
}

.details-row hr {
	margin: 4px 0;
}

.details-row .box.box-shippingaddr h3.box-title {
	font-size: 12px;
}

.details-row .todo-list>li .text {
	white-space: pre-wrap;
	margin-left: 0px;
}

.details-row .todo-list>li .label {
	margin-left: 0px;
}



.table-markable {

}

th { 	background: #DBDBDB; color:#383;}
th a { 	color:#262;}
.table-markable tr.marked {
background: #FFFFDB;
}

.td-media-container{
		text-align:center;
}
.td-media-container i{
		font-size:3em;
}
.td-media-container img{
		border: 3px solid #CCC;
		border-radius:10px;
}

i.fa-picture-o { color: #aca; font-size:24px;}

.right-border {
	border-right: 1px solid #00A65A;
}
.left-border {
	border-left: 1px solid #00A65A;
}


/**
 * Select 2 Readonly
 */
select[readonly].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
	background: #eee;
	box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
	display: none;
}

/*
	Toastr
 */

.toast {
    opacity: 1 !important;
}



/**
 * Fix table responsive dropdown
 */
@media (max-width: 767px) {
    .table-responsive .dropdown-menu {
        position: static !important;
    }
}
@media (min-width: 768px) {
    .table-responsive {
        overflow: visible;
    }
}



#upper-navbar ul.nav.navbar-nav, #sidebar .sidebar-menu {
  display: none;
}

/** campos/elementos en filtros (headerblock) **/

#searchform .input-group { min-width:  80px; max-width:  150px; float: left; margin:0 1px; }
#searchform .form-control  { font-size: 12px; padding:0 2px;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
   
    font-weight: bold;
    background-color: #efffef;

}

.infobox {
  background:#fefffe; color:#555; 
  font-size:90%; 
  padding:5px 8px; margin:10px -2px; 
  border:1px solid #eeeeee; border-radius:8px; 
}


th { font-size: 90%; white-space: nowrap}

ul.todo-list, ul.comments-list {
  margin:5px 0; padding:0;
}