/* CCOO */

/*@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);*/
/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,700,300);*/
@import url(https://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic|Montserrat:700,400);

/* === body === */
body,
html{
	font-family: 'Muli', sans-serif;
	background: #f9f9f9;
}

.content{
	padding: 0px 15px !important;
}

.right-side > .content-header > h1{
	margin: 10px!important;
}

body > .header .navbar .nav > li.user > a{
	background: #d42e12;
}
.skin-black .navbar .nav > li > a:hover, 
.skin-black .navbar .nav > li > a:active, 
.skin-black .navbar .nav > li > a:focus, 
.skin-black .navbar .nav .open > a, 
.skin-black .navbar .nav .open > a:hover, 
.skin-black .navbar .nav .open > a:focus{
	background: #b00201;
	color: white;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Muli', sans-serif;
	font-weight: 300;
	color: rgba(51, 51, 51, 0.6);
}

h4.user{
	color: white;
	font-weight: 500;
	display: inline-block;
	margin-top: 17px;
	margin-right: 10px;
}

.dashed{
	border-top: 1px dashed #eee !important;
	margin-bottom: 10px;
}

/* === alert === */
.alert{
	margin-right: 15px;
}
.alert > .fa, .alert > .glyphicon{
	position: initial!important;
	display: inline-block;
	margin-left: -15px;
	margin-right: 12px;
}
.alert h4{
	display: inline-block;
}

/* === button group === */
.button-group .btn{
	float: right;
	margin-left: 20px;
	padding: 6px 3%;
	margin-bottom: 20px;
}

/* === modal === */
#filter .modal-dialog  {
	width:60%;
}

/* === dropzone === */
strong{
	font-weight: 100!important;
}

/* === table === */
tbody td span{
	display: none;
}
.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td{
	vertical-align: middle;
	border-top: none;
	border-right: none;
	border-left: none;
}
.table>tbody>tr{
	cursor: pointer;
}
.table>thead>tr>th{
	cursor:pointer;
	font-weight: 500;
	color: rgba(212,46,18,0.7);
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.table thead .sort:after{
	font-family: 'FontAwesome';
	font-size: 14px;
	opacity: 1;
	color: lightgray;
	margin-left: 10px;
}
.table thead .sort:after{
	content: '\f0dc';
}
.table thead .sort.asc:after{
	content: '\f0de';
}
.table thead .sort.desc:after{
	content: '\f0dd';
}
table.dataTable td, 
table.dataTable th{
	padding: 0px 10px;
	vertical-align: middle;
}

/* === imagen cabecera ===*/
#fileUpload{
	display: none;
}
#upload-btn{
	width: 100%;
	height: 100%;
	padding: 50%;
	box-sizing: border-box;
	position: relative;
	background: center center no-repeat;
	background-size: cover;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
}
#upload-btn:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* === unselectable === */
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.content{
	background: #f9f9f9;
}

.form-control{
	border-radius: 3px !important; 
}
.input-group .input-group-addon{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.input-group .form-control:last-child, 
.input-group-addon:last-child, 
.input-group-btn:last-child>.btn, 
.input-group-btn:last-child>.dropdown-toggle, 
.input-group-btn:first-child>.btn:not(:first-child){
	border-top-left-radius: 0px!important;
	border-bottom-left-radius: 0px!important;
}
label{
	font-weight: 300 !important;
}

.dropdown-menu > li > a:hover{
	background-color:#e5e5e5;
}

.alert{
	margin-top: 24px!important;
	margin-bottom: -11px!important;
}

.skin-black .sidebar a{
	/*color: #333;*/
	color: #f9f9f9;
}
.skin-black .sidebar > .sidebar-menu > li > a:hover, 
.skin-black .sidebar > .sidebar-menu > li.active > a{
	color: #f9f9f9;
	background: #1f2427;
}
.skin-black .sidebar > .sidebar-menu > li > .treeview-menu{
	background: black;
}
.skin-black .treeview-menu > li > a{
	color: #f9f9f9;
}
.skin-black .treeview-menu > li.active > a, 
.skin-black .treeview-menu > li > a:hover{
	color: #f9f9f9;
}

.sidebar .sidebar-menu .treeview-menu > li > a{
	border-top: none;
}
.sidebar .sidebar-menu .treeview-menu > li:hover{
	background: #1f2427;
}
.skin-black .sidebar > .sidebar-menu > li:first-of-type{
	border-top: none!important;
}
.skin-black .sidebar{
	border-bottom: 1px solid #252d2f;
	margin-top: 35px;
}

.right-side > .content-header > .breadcrumb{
	padding: 17px 10px!important;
}

.sidebar-menu>li.singleview.active, .sidebar-menu li.treeview .treeview-menu li.active{
	border: 0px solid transparent !important;
	border-left: 5px solid rgb(212, 46, 18) !important;
	margin-left: -1px;
}
/**/

.tokenfield .token{
	color: #555;
	background: #fff;
	border-color: #ccc;
}

/***/




input.invalid,
textarea.invalid,
select.invalid,
tokenfield.invalid{
	border-color: #a94442 !important;
}
/*.invalid+input.token-input::-webkit-input-placeholder{
	color: rgba(255,0,0,0.5);
}*/

.btn-pass{
	background-color: #f4f4f4 !important;
	border-color: #ccc !important;
	float: right;
	margin-right: 10px;
	color: #444;
}
.btn-pass:hover,
.btn-pass:focus{
	background-color: #ccc !important;
	border-color: #ccc !important;
	float: right;
	margin-right: 10px;
	color: #444;
}

#fileUpload{
	display: none;
}

#upload-btn{
	cursor: pointer;
}

.filename-box{
	background-color: white;
	border: 1px solid #ccc;
	width: auto;
	height: 34px;
	padding-top: 4px;
	border-radius: 3px;
}
#filename{
	color:#555;
	vertical-align: middle;
	padding-left: 10px;
}


.submit_bg {
	background: rgba(255,255,255,0.8);
	position: fixed;
	top:	0px;
	left:	0px;
	right:	0px;
	bottom:	0px;
	z-index: 10000;
}
.submit_msg {
	background: #d42e12;
	color: white;
	position: fixed;
	top:	50%;
	left:	50%;
	width: 200px;
	margin-left: -100px;
	z-index: 10000;
	font-size: 18px;
	padding: 10px;
	border-radius: 3px;
	text-align: center;
}

a.remove-token:hover{
	color: #d42e12;	
	cursor: pointer;
}

.token-like{
	/*background-color: #ededed; */
	background-color: white;
	display: inline-block; 
	border-radius: 3px; 
	border: 1px solid #d9d9d9; 
	/*white-space: nowrap; */
	margin: -1px 5px 5px 0; 
	/*height: 22px; */
	vertical-align: top; 
	box-sizing: border-box;"
}
.token-like span{
	padding: 5px;
}

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

.row-red{
	/*background-color: #f2dede;*/
	background-color: rgba(242, 222, 222, 0.3)!important;
}
.row-green{
	/*background-color: #dff0d8;*/
	background-color: rgba(223, 240, 216, 0.3)!important;
}

.row-gray{
	background-color: #f9f9f9;
}

/* HELPERS */
.txt-left{
	text-align: left;
}
.txt-right{
	text-align: right;
}

.small-thumbnail {
	/*background: #eee url(imgs/ico.png) no-repeat center center;*/
	background-size: cover;
	background-position: center center;
	width: 34px;
	height: 34px;
	margin: 0px auto;
	border-radius: 5px;
}

.ui-widget-content{
	background: white;
	border: 1px solid #3C8DBC;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #333;
	-webkit-font-smoothing: antialiased;
}
.ui-widget-content .ui-menu-item:hover,
.ui-widget-content .ui-menu-item:focus{
	background: DodgerBlue;
	border: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: white;
	-webkit-font-smoothing: antialiased;
}
.tokenfield.focus{
	box-shadow: none;
}
.close:hover{
	color: #d42e12;
	opacity: 1;
}

.form-box .header {
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: none;
  background: #d42e12 !important;
}

.skin-red.fixed.tpl_home.level_0.pace-done{
	background: #f1f1f1;
}

/*.dropzone{
	border: none;
	border-radius: 5px;
	background: #f9f9f9;
}*/

/*a.delete{
	color: #333;
	cursor: pointer;
}
a.delete:hover{
	color: #f56954;
}*/
a.start{
	color: #a8c938;
	cursor: pointer;
}

/*.pagination>.active>a,
.pagination>.active>a:hover{
	background-color: #333;
	border-color: #333;
}*/

button.delete,
button.deletefile{
	color: #333;
	cursor: pointer;
	background-color: transparent;
	border: none;
}
button.delete:hover,
button.delete:visited,
button.delete:focus,
button.deletefile:hover,
button.deletefile:visited,
button.deletefile:focus{
	color: #f56954;
	outline:0px !important;
    -webkit-appearance:none;
}
/* BOX SHADOW */
.box {
	border-top: none;
	border-radius: 3px;
	padding: 10px 20px 10px 20px;
	/*box-shadow: 3px 3px 5px rgba(0,0,0,0.2);*/
}

/* TABLE SEARCH */
.table-search{
	margin-bottom: 20px;
}

/* ROW SEPARATION */
.row{
	padding-top: 15px;
}

.trash-button{
	/*color: #d42e12;*/
	color: #444;
}
.trash-button:hover{
	/*color: #a70201;*/
	color: #444;
}
.mobile-button{
	/*color: #d42e12;*/
	color: #444;
}
.mobile-button:hover{
	/*color: #a70201;*/
	color: #444;
}
.edit-button{
	/*color: #E16608;*/
	color: #444;
}
.edit-button:hover{
	/*color: #d66108;*/
	color: #444;
}

/*input.table-search{
	font-family: FontAwesome, 'Source Sans Pro';
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}*/

/* TABS */
.tab-pane{
	margin: 10px 0px;
}

/* DATEPICKER */
.daterangepicker td.active, .daterangepicker td.active:hover{
	background-color: #b00201;
	border-color: #b00201;
	color: white;
}

/* SMALL BUTTONS */


/* BUTTON CONFIG & COLORS */
/*.btn{
	margin: 5px;
}*/

.btn.btn-flat{
	border-radius: 3px;
}
.bg-flat-red {
	box-shadow: 0px 3px 0px 0px rgba(117,1,1,1) !important;
	background-color: #d42e12 !important;
	color: #f9f9f9;
}
.bg-flat-red:hover {
	background-color: #a70201 !important;
	color: #f9f9f9;
}

.bg-flat-orange {
	box-shadow: 0px 3px 0px 0px rgba(149,68,6,1) !important;
	background-color: #E16608 !important;
	color: #f9f9f9;
}
.bg-flat-orange:hover {
	background-color: #d66108 !important;
	color: #f9f9f9;
}

/* Bot�n aceptar range */
.btn.btn-success.applyBtn{
	font-size: 13px;
}

/* Bot�n cancelar range */
.btn.btn-default.cancelBtn{
	/*box-shadow: 0px 3px 0px 0px rgba(112,111,110,1) !important;
	background-color: #a9a8a7 !important;
	border-color: #a9a8a7;
	color: #f9f9f9 !important;*/
	font-size: 13px;
	float: right;
}


.btn.btn-primary{
	background-color: #3e3f43;
	border-color: #2F3033;
}
.btn.btn-primary:hover{
	background-color: #2F3033;
}

/* === table === */

#table tbody tr{
	height: 50px;
	border-bottom: 1px solid rgb(217, 217, 217);
}
table.dataTable.stripe tbody tr.odd, 
table.dataTable.display tbody tr.odd{
	background-color: rgba(153, 153, 153, .05);
}
table.dataTable.display tbody tr.odd>.sorting_1, 
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
	background-color: rgba(153, 153, 153, .1);
}
#table thead tr{
	height: 50px;
}
.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate{
	width: 50%;
	/*background-color: rgba(39,128,193,0.1);*/
	background-color: white;
	/*border-bottom: 1px solid rgba(153, 153, 153, .2);*/
	/*border-left: 1px solid rgba(153, 153, 153, .2);*/
	height: 50px;
	text-align: center;
	padding-top: 15px!important;
	text-align: center !important;
	
}
.dataTables_filter{
	padding-left: 15px!important;
	text-align: left!important;
}
.dataTables_length label{
	font-family: Lato, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}
.dataTables_length{
	float: right!important;
}
.dataTables_paginate .paginate_button{
	/*display: initial!important;
	background: transparent!important;
	border: none!important;*/
}
.dataTables_paginate .paginate_button:active,
.dataTables_paginate .paginate_button:hover{
	box-shadow: none!important;
}
input[type="search"]{
	background: transparent;
	border: 0px solid transparent;
}
select[name="table_length"]{
	background: transparent;
	border: none;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd{
	/*background-color: #f9fcfd;*/
	background-color: white;
}
table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even{
	/*background-color: #f9fcfd;*/
	/*background-color: #f9fcfd;*/
	background-color: white;
}
table.dataTable.hover tbody tr:hover, 
table.dataTable.hover tbody tr.odd:hover, 
table.dataTable.hover tbody tr.even:hover, 
table.dataTable.display tbody tr:hover, 
table.dataTable.display tbody tr.odd:hover, 
table.dataTable.display tbody tr.even:hover{
	background-color: #f1f3f5;
}
table.dataTable.display tbody tr.odd>.sorting_1, 
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
	/*background-color: #f9fcfd;*/
	background-color: transparent;
}
table.dataTable.display tbody tr.even>.sorting_1, 
table.dataTable.order-column.stripe tbody tr.even>.sorting_1{
	/*background-color: rgba(39,128,193,0.01);*/
	background-color: transparent;
}
table.dataTable.display tbody tr:hover>.sorting_1, 
table.dataTable.display tbody tr.odd:hover>.sorting_1, 
table.dataTable.display tbody tr.even:hover>.sorting_1, 
table.dataTable.order-column.hover tbody tr:hover>.sorting_1, 
table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_1, 
table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1{
	/*background-color: rgba(39,128,193,0.03);*/
	background-color: transparent;
}
table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after{
	font-family: 'FontAwesome';
	font-size: 14px;
	opacity: 1;
	color: rgba(51,51,51,0.2);
	margin-left: 10px;
	margin-top: 6px;
}
table.dataTable thead .sorting:after{
	content: '\f0dc';
}
table.dataTable thead .sorting_asc:after{
	content: '\f0de';
}
table.dataTable thead .sorting_desc:after{
	content: '\f0dd';
}
table.dataTable tbody tr.selected{
	background-color: #f1f3f5 !important;
}
/*#table thead tr th{
	text-align: center;
}
#table tbody td{
	text-align: center;
}*/
.small-thumbnail {	
	width: 34px;
	height: 34px;
	margin: 0px auto;
	border-radius: 3px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	/*border: 1px solid #ccc;*/
}
table.dataTable.no-footer{
	border-bottom: 1px solid rgba(153, 153, 153, .2);
}
table.dataTable thead th, 
table.dataTable thead td{
	border-bottom: 1px solid rgba(153, 153, 153, .2);
}
.dataTables_wrapper .dataTables_paginate{
	margin: 0px auto;
	float: none;
	font-weight: bold;
	color: rgba(153, 153, 153, .2);
	margin-top: 30px;
}
.dataTables_wrapper .dataTables_paginate a i{
	font-weight: bold;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	color: white !important;
	background: #d42e12 !important;
	padding: 5px 11px !important;
	border: none !important;
	border-radius: 3px !important;
	margin-left: 4px;
	cursor: default;
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	color: black !important;
	border: none;
	padding: 5px 11px;
	border-radius: 3px;
	background: transparent !important;
	margin-left: 4px;
	font-weight: 500;
	cursor: pointer;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	color: black !important;
	border: none;
	padding: 5px 11px;
	border-radius: 3px;
	background: #f1f3f5 !important;
	margin-left: 4px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
	color: #d42e12 !important;
	background: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover{
	color: #d42e12 !important;
	background: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
	color: #f1f3f5 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
	color: #f1f3f5 !important;
}
#table_filter.dataTables_filter{
	margin-bottom: 25px;
	float: left;
	margin-top: -54px;
	padding-top: 0px!important;
}
#table_filter.dataTables_filter label input{
	/*background: #f1f3f5;*/
	/*padding: 5px;*/
	border: 1px solid #ccc;
	border-radius: 3px;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 12px;
	margin-left: -15px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	width: 322px;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#table_filter.dataTables_filter label input:focus{
	outline: 0;
	border: 1px solid #2A2C36;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#table_filter.dataTables_filter label i{
	background-color: #eee;
	padding: 9px 12px;
	border: 1px solid #ccc;
	border-right: none;
	margin-right: 15px;
	color: #555;
	margin-left: -15px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.dataTables_wrapper{
	margin-top: 50px;
}
table.dataTable thead th, 
table.dataTable tfoot th{
	font-weight: 500;
	color: rgba(212,46,18,0.7);
}
td.cb{
	cursor: pointer!important;
}




/* THEME MODIFICATIONS */
.skin-black .left-side{
	/*background: #414140 !important;*/
	background: #252d2f !important;
	/*border-right: 1px solid #dddddd!important;*/
}
.skin-black .navbar{
	background-color: #d42e12 !important;
	border-bottom: 1px solid #d42e12;
}
.skin-black .logo,
.skin-black .logo:hover{
	background-color: #d42e12;
}
.skin-black .sidebar > .sidebar-menu > li{
	/*border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid white;*/
	border-top: 1px solid #252d2f;
	border-bottom: 0px solid white;
}
.skin-black .navbar .nav a{
	color: #eee;
}
.skin-black .navbar .sidebar-toggle .icon-bar{
	background: #eee;
}

.skin-black .right-side > .content-header {
  background: #fff;
  margin: 0 auto;
  height: 80px;
  position: relative;
  border-bottom: 1px solid #dddddd;
  /*box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 5px;*/
}

/*.skin-black .right-side > .content-header:after {
  content: "";
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 5px ;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  bottom: -10px;
  left: 50px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #FFF #FFF transparent;
}*/