/* ------------------ GLOBAL COLORS --------------------------- */
:root {
	--main:#3e7c41;
	--alternate1:#fff;
	--secondary:#3e7c41;
	--alternate2:#fff;
	--links:black;
	--dark:#6c7579;
	--clear:#f8f8f8;
	--back1:#f9fafc;
	--back2:#f2f5f8;
	--back3:#e4e4e4;
	--maintext:#555;
	--secondarytext:#999;
	--inputtext:#333;
	--danger:#dd4b39;
	--warning:#f39c12;
	--success:#00a65a;
	--info:#00c0ef;
	}

body {color:var(--maintext);}																		/* global text color */
a	{color:var(--main);}																			/* global link color */
a:hover, a:focus, a i:hover, button:hover {color:var(--links) !important;}						/* global link hover color */
.wrapper {background:var(--back1);}																	/* global background */
.main-sidebar, .left-side {background:var(--back1);}												/* sidebar background */
.content-wrapper, .right-side {background:var(--back2)};
.dropdown-menu {background:white;}																	/* dropdown menu global background */
.dropdown-menu .header {background:var(--main) !important;}											/* dropdown header background */
.dropdown-menu .header {color:var(--alternate1) !important;}										/* dropdown header text color */
.dropdown-menu .footer a {background:var(--clear) !important;}										/* dropdown footer background */
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a { color:var(--main) !important;}		/* dropdown footer text color */
.main-header .navbar i {color:var(--alternate1);}													/* topbar icons color */
.main-header .logo {background:var(--main) !important;}												/* topbar logo area background */
.main-header .logo {color:var(--alternate1);}														/* topbar logo area text (not used) */
.main-header .navbar {background-color: var(--main);}												/* topbar right side background */
.main-header .navbar a {color:var(--alternate1);}													/* topbar right side text/links */

.main-header .logo:hover,
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus,
.main-header .navbar .nav > .active > a,
.main-header .navbar .sidebar-toggle,
.main-header .navbar .sidebar-toggle:hover,
.main-header .navbar .sidebar-toggle {color:var(--alternate1);	}									/* topbar icons hover color */

.main-header .logo:hover,
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus,
.main-header .navbar .nav > .active > a,
.main-header .navbar .sidebar-toggle,
.main-header .navbar .sidebar-toggle:hover,
.main-header .navbar .sidebar-toggle {background-color:var(--secondary);}							/* topbar icons hover background */

.main-header li.user-header {background-color: var(--dark);}										/* topbar user dropdown background */
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {color: var(--clear);}						/* topbar user dropdown text color */
.sidebar-menu > li.header {color:var(--maintext);}													/* sidebar menu title color */
.sidebar-menu > li > a > i {color:var(--main);}														/* sidebar level1 icons color */
.sidebar-menu a {color:var(--secondary);}															/* sidebar text links color */
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {color:var(--alternate2);}				/* sidebar level1 text hover/active color */
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {background:var(--secondary);}			/* sidebar level1 background color */
.sidebar-menu > li:hover > a > i, .sidebar-menu > li.active > a > i {color:var(--alternate2);}		/* sidebar level1 icons hover/active color */
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {border-left-color:var(--main);}		/* sidebar level1 hover/active left bar color */
.sidebar-menu > li > .treeview-menu {background:var(--back3);}										/* sidebar tree background color */
.treeview-menu > li > a { color:var(--maintext);}													/* sidebar level2+ text and icons color */
.treeview-menu > li.active > a,.treeview-menu > li > a:hover {color:var(--main);}					/* sidebar level2+ hover/active color */
.control-sidebar-dark {background-color:white !important;}
.control-sidebar-bg {color: var(--maintext);}															/* right hidden sidebar text color */
.control-sidebar-bg a {color:var(--main);}													/* right hidden sidebar links */
.control-sidebar-bg a:hover {color:var(--alternate1);}												/* right hidden sidebar links-hover */

.pagination > .active > a, .pagination > .active > a:focus,
.pagination > .active > a:hover, .pagination > .active > span,
.pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: var(--main);
	border-color:var(--main)}																		/* table pagination color */

button.btn {background: var(--main);}													/* button - standard - background color */
button.btn, button.btn i {color:var(--alternate2) !important;}										/* button - standard - text color */

button.btn:hover {
	background-color: var(--links) !important;														/* button - standard - hover background color */
	color:var(--alternate2) !important;																/* button - standard - hover text color */
	}
button.btn-box-tool, button.btn-box-tool i  {
	background:transparent !important;																/* button - boxes - keep transparency */
	color:var(--maintext) !important;																/* button - boxes - icon color */
	}
button.btn-box-tool:hover, button.btn-box-tool:hover i {
	background:transparent !important;																/* button - boxes - hover background color */
	color:var(--main) !important;																	/* button - boxes - hover icon color */
	}

button.btn-active, .bg-main {background:var(--secondary) !important; }								/* button active background color */
button.btn-active, .bg-main, button-btn-active i, .bg-main i {color:var(--alternate1);}				/* button active  color */

.modal-header {background-color: var(--main); }
.modal-header, .modal-header button.close {color:var(--alternate1);opacity:1;}						/* modal windows header background */

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {									/* table-hover background hover color */
	background-color:var(--back3);
  }

/* ------------------ BOOTSTRAP GLOBAL CHANGES ------------------ */

/* LAYOUT */
body {font-size:14px;}
.row {margin-right:-5px;margin-left:-5px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {	padding-right:10px;padding-left:10px;}
.form-group {margin-bottom:5px;}
.table-condensed td, .table-condensed th {line-height:1 !important;padding:4px 5px 4px 10px !important;}
.table-condensed td input, .table-condensed th input{margin:0 !important;}
.btn {line-height:1;}
.btn-toolbar .btn {margin-left:5px;margin-right:0;}
.alert {margin-bottom:10px;}
.modal-header {padding: 5px 10px;}
.modal-header h4 {margin:3px;}
.modal-body {padding:10px 25px;}

/* ------------------ MAIN INTERFACE BLOCKS ------------------ */

/*treeview-menu collapse solution */
.sidebar-collapse .treeview-menu {
	margin-top:-44px;
	padding:0 !important;
	background-color:var(--secondary) !important;
	}
.sidebar-collapse .treeview-menu a {color:var(--alternate2) !important;}
.sidebar-collapse .treeview-menu li:hover{background-color:var(--main) !important;}
.sidebar-collapse .treeview-menu li:hover i{color:var(--alternate2) !important;}

/* main areas */
.content-wrapper, .main-footer { border-left: 1px solid #d2d6de;}
.content-header {padding:25px 25px 0 25px;}
.content {padding:15px 25px 25px 25px;}

/* topbar */
a.mobile_logo {	display:none;}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {margin-left: 0;}
@media (max-width: 767px) {
	a.logo {display:none !important;}
	a.mobile_logo {display:block; float:left;}
	}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
	margin-left: 0;
	white-space:normal;
	}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
	margin-left: 0;
	white-space:normal;
	text-overflow:inherit !important;
	}

.titulo-pantalla {
	position:relative;
	float:left;
	padding:10px;
	font-size:20px;
	font-weight:600;
}
/* right sidebar */
.control-sidebar-bg {
	padding:80px;
	width:50%;
	right:-50%;
	overflow-y:scroll;
	color:var(--maintext);
    box-shadow: 10px 10px 8px 10px #888888;
    opacity: 0.98;
	background-color:white !important;
	}
	@media (max-width: 767px) {
		.control-sidebar-bg {
			padding:60px 30px;
			width:80%;
			right:-80%;
			}
		}
/* left (main) sidebar */
.sidebar-form {
	border-radius: 3px;
	border: 1px solid #d2d6de;
	margin: 10px 10px;
	}
.sidebar-form input[type="text"],.sidebar-form .btn {
	box-shadow: none;
	background-color: #fff;
	border: 1px solid transparent;
	height: 35px;
	}
.sidebar-form input[type="text"]:focus,.sidebar-form input[type="text"]:focus + .input-group-btn .btn {
	background-color: #fff;
	color:var(--inputtext);
	}
.sidebar-form input[type="text"]:focus + .input-group-btn .btn {border-left-color: #fff;}
.sidebar-form button.btn {
	 color: #999 !important;
	 background:white !important;
	}
.sidebar-menu {margin-top:15px;}
.sidebar-menu > li > a {
	border-left: 3px solid transparent;
	font-weight: 600;
	}
.sidebar-menu li a {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	}
.sidebar-menu > li.active > a {font-weight:600;}
.sidebar-menu > li > .treeview-menu {
	padding-top:5px;
	padding-bottom:15px;
	box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.4);
	}
.sidebar-menu .treeview-menu > li > a {padding:4px 5px 4px 15px;}
.sidebar-menu .treeview-menu > li > ul > li > a {padding:3px 5px 3px 15px;}
.sidebar-menu .treeview-menu i { font-size:0.8em;}
.sidebar-menu .treeview-menu > li > ul > li > ul > li a{
	padding-top:0;
	padding-bottom:0;
	}
.sidebar a:hover { text-decoration: none;}
.treeview-menu > li.active > a {font-weight: 600;}

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}

/* ------------------  COMPONENTS ---------------------------- */


/* tables */
.table-button {width:40px;}
.table-responsive {border:none;padding-left:5px;padding-right:5px;}
.table-condensed, table.dataTable {	margin-top:15px !important;}
.table-hasfilters  table.table {margin-top:0 !important;}
.table-fields-data {margin-top:0 !important;margin-bottom:10px;} /* table for non-editable fields data */
.table-fields-data tr td:first-child {font-weight:bold;text-align:right;}
@media (max-width:767px){
		.table-fields-data tr td {width:50%;}
}

.pagination { margin: 0 } /* pagination under tables */
.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.2;
	}
.table-bottom-options {
	float:right;
	margin-top:15px;
	}
table.table-double > thead > tr:first-child > th:first-child {
	background-color:
	var(--main);
	color:white;
	text-transform:uppercase;
	text-align:center;
	max-width:300px;
	}
.table-counter { /* table registry counter */
	display: inline-block;
	padding: 1px 10px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-radius: 0px;
	margin-right:5px;
	background-color:white;
	}
.table-pagination { /* pagination over tables */
	display: inline-block;
	padding: 1px 2px 1px 0;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-radius: 0px;
	margin-right:5px;
	background-color:white;
	}
	.table-pagination select {
		border:none !important;
		background:white;
		text-align-last:center;
	}

/* buttons */
.btn-group  button .caret {margin-left:5px;}
.btn {
	margin-right:5px;
	text-transform:uppercase;
	}
.btn-group > .btn {
	border-bottom-right-radius:4px ;
	border-top-right-radius:4px ;
	}
.btn-switch > .btn:not(:last-child) {
	margin-right:0;
	border-bottom-right-radius:0 ;
	border-top-right-radius:0 ;
	}
.btn-switch > .btn[disabled] {
	opacity:1;
	cursor:default;
	}
	button.switch1 {background-color:blue !important;color:white !important;}
	button.switch2 {background-color:green !important;color:white !important;}
	button.switch3 {background-color:red !important;color:white !important;}
	button.switch4 {background-color:white !important;color:#555 !important; border:1px solid #555;}

.dropdown-menu {box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);}

/* tabs */
.nav-tabs-custom > .nav-tabs > li > a:hover {
    background:var(--main);
	color:var(--alternate1);
	border-bottom:0;
	}
.nav-tabs-custom > .nav-tabs > li.active {border-top-color: var(--main);}
.nav-tabs-custom > .tab-content {padding:20px;}
.nav-tabs > li.pull-right > a, .nav-tabs-custom > .nav-tabs > li.pull-right a:hover  {
	background:var(--main);
	color:var(--alternate1) !important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-right:25px;
	padding:5px 10px;
	margin-top:8px;
	}
.nav-stacked li a {padding-left:0;}
.nav-stacked li a i {
	font-size:18px;
	margin-right:10px;
	}

/* labels (as classes for tags or similar, not for <label> */
.label	{font-weight:normal;text-transform:uppercase;}
.alert  {padding:5px 10px !important;}
.alert-static {background-color:var(--dark);color:var(--alternate1);}
	.alert-static span.pull-right a {
		background-color:var(--main);
		border-top-right-radius:4px;
		border-top-left-radius:0;
		border-bottom-left-radius:0px;
		border-bottom-right-radius:4px;
		padding:7px 10px;
		color:var(--alternate1);
		margin-right:-12px;border-left:1px solid var(--alternate1)
		}
		.alert-static span.pull-right a:hover, .alert-static span.pull-right a:hover i {
				background-color:var(--links);
				color:var(--alternate1) !important;
			}
.alert-dismissable, .alert-dismissible { padding-right: 35px !important;}
a label {cursor:pointer !important;}



/* ---------------------------- FORMS ---------------------------- */

.has-error .form-control {
    background: #eec8c8 none repeat scroll 0 0;
}
.radio {
	margin-top:0;
	}
.options-grid {
	background-color:#eee;
	padding:10px 20px;
	line-height:25px;
	border-radius:5px;
	margin-top:10px;
	}

/* extra-compact forms */
.form-compact .form-group {margin-bottom:3px;}
.form-compact .form-control {
    width: 100%;
    height: 25px;
    padding: 2px 4px;
    font-size: 14px;
    line-height: 1.3;
    color: #555;
	border-radius: 2px;
	}
.form-compact input[type=checkbox], .form-compact input[type=radio] {
		margin: 0;
	}



.form-compact .input-group-addon {padding: 2px 4px;border-radius: 2px;}
.form-compact label {font-size:0.9em;}
.form-compact .form-group {
    margin-right: -5px !important;
    margin-left: -5px !important;
}

/* ---------------------------- BOXES ---------------------------- */

div.small-box {background-color:var(--secondary) !important;}

.box {
    border:1px solid #eee;
	box-shadow: 3px 3px 6px  rgba(0, 0, 0, 0.1);
	}
.box-header {
	padding:7px 10px;
	text-transform:uppercase;
	}
.box-header.bg-gray {
	background-color:var(--back1) !important;
	border-bottom:1px solid #ddd;
	}
.box-footer.bg-gray {
	background-color:var(--back1) !important;
	border-top:1px solid #ddd;
	}
.collapsed-box .box-header.bg-gray {border-bottom:none;}
.box-header.bg-red a {color:white;}
.box-title {font-size:16px !important;}
.box-body {padding:15px;}
.box-commands {
	padding:5px;
	border-bottom: 2px dotted #ddd;
	}
.box-commands button {
	text-transform:uppercase;
	width:16%;
	}
.box-footer:not(:last-child) {border-top:1px dotted #ddd !important;}

/* ----------------------- PAGE CONTENT HEADER------------------------------- */

.content-header .box {margin-bottom:5px;}
.content-header .page-name {margin-bottom:10px;}
.content-header .fake-textarea {margin-bottom:10px;}
.content-header h1 {
	text-transform:uppercase;
	font-size:30px;
	font-weight:500;
	margin:0;
	line-height:1em;
	}
.content-header h2 {
	font-size:22px;
	font-weight:300;
	margin:5px 0 0 0;
	line-height:1em;
	}
.content-header .btn-global  {
	font-size:30px;
	padding:0;
	background:transparent !important;
	}
	.content-header .btn-global i {color:var(--main) !important;}
	.content-header .btn-global:hover {
		color:var(--secondary) !important;
		background:transparent !important;
		}
.content-header .tags {margin-bottom:10px;}
.content-header .tags label {font-size:100%;}
.content-header .quicklinks a {
	padding:0 10px;
	border-right:1px solid #ddd;
	}
 	.content-header.quicklinks a:last-child {border-right:none;}
.content-header .box .alert-danger i, .content-header .box .alert-danger a {color:white;}
@media(max-width:1199px) {
	.content-header h1 {
		font-size:20px;
		}
	}
.context-menu .box-body {text-transform:uppercase;}
.square-thumb {
	max-width:150px;
	max-height:150px;
	}

/* ----------------------- INFO and FILTER BOXES ------------------------------- */


.info-box {
    min-height: 40px;
	background: repeating-linear-gradient(
	  45deg,
	  #fafafa,
	  #fafafa 5px,
	  #ffffff 5px,
	  #ffffff 10px
	  );
	border:1px solid #eee;
	margin-bottom:0;
	}
.info-box-icon {
    height: 30px;
    width: 30px;
    font-size: 15px;
    line-height: 30px;

	}
.info-box-content {
	padding-top:15px;
	padding-bottom:15px;
	margin-left:40px;
	}
@media (max-width:767px) {
	.info-box-content {
		padding-top:35px;
		}
	}
.info-box .form-control, .info-box .select2-container--default .select2-selection--single {
	width: 100%;
	height: 25px;
	padding: 2px 8px;
	font-size: 13px;
	line-height: 1em;
	}
.info-box .select2-selection__arrow {
	height: 18px;
}
	.info-box .form-group {
	margin-bottom:0;
	}
.info-box .form-group b {
	font-size:13px !important;
	}
.info-box .form-group button {
	margin-top:17px;
	}
@media (max-width:768px) {
	.info-box span.info-box-icon {
		width:100%;
		}
	.info-box-icon {
		height: 25px;
		font-size: 15px;
		line-height: 25px;
		}
	.info-box-content {
		margin-left:0;
		}
	.info-box-content button {
		margin-bottom:10px;
		}
	}

/* ----------------------- TABLE FILTERING ------------------------------- */

.buttons-row {margin-bottom:15px;}

.form-inline {
    height: 25px;
    padding: 2px 8px;
    font-size: 14px;
    line-height: 1.3;
	margin-right:10px;
	border: 1px solid #ccc;
	}
.filters-row .label-sm {font-size: 14px; padding:4px 15px; margin-right:5px; line-height:30px;}
.filters-row .label-grey {background-color:#eee; color:#222;}
.filters-row b {font-size:13px;}
.filters-button {margin-top:20px;}

/* inline forms in filters*/

.form-inline {
    height: 25px;
    padding: 2px 8px;
    font-size: 14px;
    line-height: 1.3;
	margin-right:10px;
	}

.columns-header {
	width:100%;
	background:var(--secondary);
	text-align:center;
	color:var(--alternate1);
	}
.columns-fields {
	width:100%;
	}

/* ----------------------------------- SPACING---------------------------- */

.space {position:relative; display:block; width:100%;min-height:2px;}
.space10 {height:10px;}
.space15 {height:15px;}
.space20 {height:20px;}
.space30 {height:30px;}
.space50 {height:50px;}
.space100 {height:100px;}

/* ----------------------------------- IMAGE GALLERIES---------------------------- */

.gallery div.gal-image {
    height: 25vh;
    margin: 0 0 2px 0;
    padding-left: 1px;
    padding-right: 1px;
}
.gallery a:hover .fake-img {
    transform: scale(1.2);
    border: 3px solid white;
    z-index: 100;
}
.fake-img {
    display: block;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    transition: all .5s;
}



/* ----------------------------------- ESPECÍFICOS DPZ---------------------------- */

.table-vertical-cells td { vertical-align:middle !important;}


input[type='radio'] {
	transform: scale(1.5);
}


.listado-100 label {
    width:100%;
    font-weight: normal;
}
.listado-100 label input {
    margin-right:5px;
}

.fa-2x {
    font-size:1.5em
}