/* BITHIVE GAMA ==================================================================================*/
/* GENERAL */
* {
	color: #5A5C69;
}

body {
	background-color: #F8F9FC !important;
}

a {
	color: #FF8400;
}

a:hover {
    color: #FF4000;
    text-decoration: underline;
}

/* LOGIN */
.login {
	border-top: solid 10px #FF8400;
}
	.login > h2, 
	.login > h6, 
	.login small, .login small * {
		color: #FF8400;
	}

/* GYROS */
.gyros-circular {
	stroke: #FF8400;
}

/* TABS */
.nav-tabs {
    border-bottom: 1px solid #D2D3DA;
}

.nav-tabs > li > a {
	background: #FFFFFF;
	border: 1px solid #D2D3DA !important;
}

.nav-tabs .tab-label {
	color: #5A5C69;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background: #FFFFFF;
}

/* TABLES */
table.table {
	background-color: #FFFFFF !important;
}

table.table thead th,
table.table tfoot th,
table.table .th {
	background-color: #F8F9FC !important;
    color: #FF8400;
	border-bottom: none !important;
    font-size: 1.2rem;
    font-weight: normal;
}

table.table thead th.secondary,
table.table tfoot th.secondary {
    font-size: 1rem;
	font-weight: bold;
}

table.table tbody th:not(.th) {
	border-right: solid 1px #D2D3DA;
	color: #FF8400;
    font-size: 1.2rem;
	font-weight: normal;
}

table.table tbody td.dropdown {
	position: initial;
}

table.table td,
table.table th,
table.table tbody th,
table.table tbody td {
	border-top: solid 1px #D2D3DA;
}

table.table-hover tbody tr:hover td {
	background-color: #F8F9FC;
}

/* NAV MENU */
#topnav {
	background-color: #FFFFFF;
	box-shadow: 0 .15rem 1.75rem 0 #5A5C6988 !important;
}
	#topnav, #topnav * {
		color: #FF8400;
	}

	#topnav #actions-buttons {
		background-color: #FFFFFF;
	}

	#topnav input:not(.btn) {
		color: #5A5C69 !important;
	}

#sidebar-wrapper {
	border-right: solid 1px #858796 !important;
}

.sidebar {
    background-color: #FFFFFF !important;
}
	.sidebar h3 {
		color: #FFFFFF;
	}

	.sidebar-nav li:before {
		background-color: #F8F9FC !important;
	}

	.sidebar-nav li a {
		color: #5A5C69 !important;
	}

	.sidebar-nav li a:hover,
	.sidebar-nav li a:active,
	.sidebar-nav li a:focus,
	.sidebar-nav li.open a:hover,
	.sidebar-nav li.open a:active,
	.sidebar-nav li.open a:focus{
		color: #5A5C69 !important;
	}

	.sidebar-nav .dropdown-menu {
		background-color: #F8F9FC !important;
	}

.hamburger.is-closed:before {
	color: #5A5C69 !important;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
	background-color: #FFFFFF !important;
}

.hamburger.is-open:before {
	color: #5A5C69 !important;
}

.overlay {
	background-color: rgba(0,0,0,.8) !important;
}

/* CONTENT */
.content-header {
}
	.content-header > div {
	}

	.content-header #headercontent {
		background-color: #FFFFFF;
		box-shadow: 0 .15rem .4rem 0 #5A5C6966 !important;
		border-left: solid 5px #FF8400;
	}

.content-body {}
	.content-body > div {
		background-color: #FFFFFF;
		border-top: solid 5px #FF8400;
	}

.kpi {
	background-color: #FFFFFF;
	border-left: solid 4px #D57676;
}
	.kpi.kpi-active {
		background-color: #FFEBEB;
		border-left: solid 4px #D57676;
	}
		.kpi.kpi-active .card-title {
			color: #FF8400 !important;
			font-weight: bold;
		}

/* BACKGROUND */
.bg-default {
	background-color: #FFFFFF !important;
	color: #5A5C69 !important;
}

.bg-primary {
	background-color: #FF8400 !important;
	color: #FFFFFF !important;
}

.bg-secondary {
	background-color: #FFEBEB !important;
	color: #FF8400 !important;
}

/* TEXT */
.text-primary {
	color: #FF8400 !important;
}

.text-secondary {
	color: #FFEBEB !important;
}

.bg-primary-text, .text-bg-primary {
	color: #FFFFFF !important;
}

.bg-secondary-text, .text-bg-secondary {
	color: #FF4000 !important;
}

/* BORDER */
.brd-primary {
	border-color: #FF8400 !important;
}

.brd-secondary {
	border-color: #FFEBEB !important;
}

/* BUTTONS */
.btn {
    box-shadow: 0 .15rem .5rem 0 #5A5C6926 !important;
}

.btn-primary:not(.btn-link):not(.btn-flat),
.btn-primary:hover:not(.btn-link):not(.btn-flat),
.btn-primary:focus:not(.btn-raised):not(.btn-link) {
	background-color: #FF8400 !important;
	border-color: #D57676 !important;
	color: #FFFFFF !important;
}
.btn-primary i {
	color: #FFFFFF !important;
}

.btn-secondary:not(.btn-link):not(.btn-flat),
.btn-secondary:hover:not(.btn-link):not(.btn-flat),
.btn-secondary:focus:not(.btn-raised):not(.btn-link) {
	background-color: #FFEBEB !important;
	border-color: #D57676 !important;
	color: #FF4000 !important;
}
.btn-secondary i {
	color: #FF4000 !important;
}

.btn.hover, .btn:hover,
.btn.active, .btn:active,
.btn.focus, .btn:focus {
	box-shadow: 0 0 0 .2rem #FF400055 !important;
	color: #FF8400;
}

/* PAGINATION */
.pagination > li > a, .pagination > li > span {
	background-color: #FFFFFF;
	border-color: #D2D3DA;
	color: #FF8400;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	background-color: #F8F9FC;
	border-color: #D2D3DA;
	color: #FF4000;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #FF8400;
	border-color: #FF8400;
	color: #FFFFFF;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
	background-color: #FFFFFF;
	border-color: #D2D3DA;
	color: #D2D3DA;
}

/* CARDS */
.card {
	border-color: #D2D3DA;
}

/* FORMS */
.form-control {
	background-color: #FFFFFF;
	border-color: #D2D3DA;
	color: #5A5C69;
}
	.form-control:active, .form-control:focus {
		background-color: #FFFFFF;
		color: #5A5C69;
	}

.form-control:disabled, .form-control[readonly] {
    background-color: #F8F9FC;
}

.form-section .divider { border-top: solid 2px #FF8400; }

.form-group.is-focused label,
.form-group.is-focused label.control-label {
	color: #FF8400;
}

.form-control:focus {
	border-color: #FF8400;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(100,100,100,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(100,100,100,.6);
}

.form-group input.form-control:focus ~ .floating-label, .form-group-default input.form-control:focus ~ .floating-label {
	color: #FF8400;
}

.form-error {
	background-color: #DC3545;
	color: #FFFFFF;
}

.input-group {
	background-color: #F8F9FC;
}

.input-group-text {
	color: #5A5C69;
	background-color: #F8F9FC;
	border: 1px solid #D2D3DA;
}

.subform-box {
	border-color: #D2D3DA;
	border-left-color: #FF8400;
}

.form-view input:not(.btn), .form-view textarea:not(.tagit-new textarea), .form-view select, .form-view .form-select button:not(.btn), .form-view .form-select button:not(.btn):hover, .form-view .form-select button.dropdown-toggle, .form-view .form-select button.dropdown-toggle:hover, .form-view .wysiwyg-view {
    background-color: #F8F9FC !important;
    border: 1px solid #D2D3DA !important;
    color: #5A5C69 !important;
}

/* ATTACHER */
.attacher-target {
	background-color: #F8F9FC;
	border-color: #D2D3DA;
	color: #5A5C69;
}
	.attacher-preview {
		border-left: solid 1px #D2D3DA;
		border-top: solid 1px #D2D3DA;
		box-shadow: 4px 4px 5px #5A5C6988;
	}

/* SELECT */
.custom-select:focus {
	border-color: #FF8400;
	outline: 0;
	box-shadow: 0 0 0 .2rem #FFEBEB55;
}

.bootstrap-select .btn:focus, 
.bootstrap-select .btn:active {
	border-color: #FF8400 !important;
}

.bootstrap-select .btn-light,
.bootstrap-select .btn-light:hover, 
.bootstrap-select .btn-light:active {
	background-color: #FFFFFF !important;
	color: #FF8400 !important;
}

.bootstrap-select .btn.disabled {
    background-color: #F8F9FC !important;
	border-color: #D2D3DA;
}
	.bootstrap-select .btn.disabled .filter-option-inner-inner {
		color: #5A5C69;
	}

.bootstrap-select .btn:not(.form-error-border) {
    border: 1px solid #D2D3DA !important;
}
.bootstrap-select .btn-light, .bootstrap-select .btn-light:hover, .bootstrap-select .btn-light:active {
    background-color: #FFFFFF !important;
    color: #FF8400 !important;
}

.bootstrap-select .dropdown-menu {
	border-color: #D2D3DA26;
}

/* DIALOG */
.bootstrap-dialog .modal-dialog .modal-content .modal-body {
	background-color: #FFFFFF;
}

.bootstrap-dialog-header .close:not(:disabled):not(.disabled):hover, 
.bootstrap-dialog-header .close {
	color: #FFFFFF;
}

.bootstrap-dialog.type-primary .modal-header {
	background-color: #FF4000;
	color: #FFFFFF;
}

.bootstrap-dialog .bootstrap-dialog-title {
	color: #FFFFFF;
}

/* DATEPICKER */
.bootstrap-datetimepicker-widget table thead th {
	border-radius: 0px !important;
}
	.bootstrap-datetimepicker-widget table thead th * {
		background: transparent;
	}

.bootstrap-datetimepicker-widget table tbody td {
	border-radius: 50% !important;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover,
.bootstrap-datetimepicker-widget table td.cw,
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover,
.bootstrap-datetimepicker-widget table td span.old,
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
	color: #ABADB8;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover,
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td span:hover {
	background: #FF8400;
	color: #FFFFFF;
}

.bootstrap-datetimepicker-widget table td.today:before {
	border-bottom-color: #FF8400;
	color: #FFFFFF;
}

.bootstrap-datetimepicker-widget table td.today::before {
	border-bottom-color: #FF8400;
	color: #FFFFFF;
}

/* AUTOCOMPLETE */
ul.form-autocomplete-addtext li:last-child {
	color: #FF8400;
}

.ui-widget-content {
	background-color: #FFFFFF;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: none;
	background-color: #FF8400;
	font-weight: normal;
	color: #FFFFFF;
}
.ui-state-active *,
.ui-widget-content .ui-state-active *,
.ui-widget-header .ui-state-active *,
a.ui-button:active *,
.ui-button:active *,
.ui-button.ui-state-active:hover * {
	color: #FFFFFF;
}

/* TOUCHSPIN */
.bootstrap-touchspin-down, .bootstrap-touchspin-down:hover {
	border-top: solid 1px #D2D3DA;
	border-right: none !important;
	border-bottom: none !important;
}
.bootstrap-touchspin-up, .bootstrap-touchspin-up:hover {
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
}

/* SLIDER */
.form-slider.ui-slider * {
	cursor: pointer;
}

.form-slider .ui-state-active {
	background-color: #FF8400;
    border: 1px solid #FF8400;
}

.form-slider .ui-slider-handle {
	height: 1.8em;
	line-height: 1.8em;
	margin-top: -0.9em;
	padding: 0 10px;
	text-align: center;
	top: 50%;
	width: auto;
}

/* CHECKBOX - RADIO */
.custom-control-input:checked ~ .custom-control-label::before {
	background-color: #FF8400 !important;
	color: #FFFFFF !important;
}

.custom-control-label::before {
	background-color: #D2D3DA !important;
}

/* SWITCH */
.form-onoffswitch-checkbox:checked + .form-onoffswitch-label {
	background-color: #FF8400 !important;
}
.form-onoffswitch-checkbox:checked + .form-onoffswitch-label, .form-onoffswitch-checkbox:checked + .form-onoffswitch-label:before {
	border-color: #FF8400 !important;
}

.form-onoffswitch-checkbox[disabled]:checked + .form-onoffswitch-label {
	background-color: #D57676 !important;
}
.form-onoffswitch-checkbox[disabled]:checked + .form-onoffswitch label, .form-onoffswitch-checkbox[disabled]:checked  + .form-onoffswitch-label:before {
	border-color: #D57676 !important;
}

/* INPUT FILE */
input[type="file"] {
	height: auto !important;
}

/* TOOLTIP */
.tooltip > .tooltip-inner {
	background-color: #FFEBEB;
	color: #FF4000;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -3px rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
}

.tooltip.top > .tooltip-arrow { border-top: 5px solid #FF4000; }
.tooltip.bottom > .tooltip-arrow { border-bottom: 5px solid #FF4000; }
.tooltip.left > .tooltip-arrow { border-left: 5px solid #FF4000; }
.tooltip.right > .tooltip-arrow { border-right: 5px solid #FF4000; } 

/* HOME */
#home-menu {
	background-color: #F8F9FC !important;
}

	#home-menu .dropdown .dropdown-menu {
		background-color: #F8F9FC !important;
	}

	#home-menu .dropdown > a,
	#home-menu .dropdown .dropdown-menu ul li a {
		background-color: #FFFFFF;
		border-left: solid 5px #FF8400;
	}

		#home-menu .dropdown > a i,
		#home-menu .dropdown > a span,
		#home-menu .dropdown .dropdown-menu ul li a i,
		#home-menu .dropdown .dropdown-menu ul li a span {
			color: #FF8400;
		}

		#home-menu .dropdown .dropdown-menu .divider {
			border-bottom: solid 1px #D2D3DA;
		}

		#home-menu .dropdown .dropdown-menu .divider-vertical {
			border-left: solid 1px #D2D3DA;
		}

	#home-menu .dropdown > a:hover,
	#home-menu .dropdown .dropdown-menu ul li a:hover {
		background-color: #FFEBEB;
		border-left: solid 5px #FF8400;
	}

/* DROPDOWN MENU */
.dropdown-menu,
.dropdown-menu a:not([href]):not([tabindex]) {
	background-color: #FFFFFF !important;
	border-color: #D2D3DA26;
	color: #5A5C69;
}
	.dropdown-item {
		color: #5A5C69;
	}

.dropdown-menu a:not([href]):not([tabindex]):hover,
.dropdown-item.focus, .dropdown-item:focus,
.dropdown-item.hover, .dropdown-item:hover {
	background-color: #FFEBEB !important;
	color: #FF8400 !important;
}
	.dropdown-item.focus span, .dropdown-item:focus span,
	.dropdown-item.hover span, .dropdown-item:hover span {
		color: #FF8400;
	}

.dropdown-item.active, .dropdown-item:active,
.dropdown-item.active *, .dropdown-item:active * {
	background-color: #FF8400 !important;
	color: #FFFFFF !important;
}

/* FICHAS */
.info-box {
	border-top-color: #FF8400;
}

/* TABLE FILTER */
.table-filter .filters td {
	border-top: none;
}
.table-filter .filters .filter-input input {
	border-width: 1px;
	border-radius: 0;
}
	.table-filter .filters .filter-input input:focus {
		box-shadow: none;
	}

/* TOUCHSPIN */
.bootstrap-touchspin-up, .bootstrap-touchspin-up:hover, 
.bootstrap-touchspin-down, .bootstrap-touchspin-down:hover {
	color: #FF8400;
}

/* BOX BORDERS */
.box-brd-top { border-top: solid 5px #FF8400 !important; }
.box-brd-right { border-right: solid 5px #FF8400 !important; }
.box-brd-bottom { border-bottom: solid 5px #FF8400 !important; }
.box-brd-left { border-left: solid 5px #FF8400 !important; }
.box-brd-thin-top { border-top: solid 3px #FF8400 !important; }
.box-brd-thin-right { border-right: solid 3px #FF8400 !important; }
.box-brd-thin-bottom { border-bottom: solid 3px #FF8400 !important; }
.box-brd-thin-left { border-left: solid 3px #FF8400 !important; }

/* TAGIT */
ul.tagit li.tagit-choice-editable {
    background-color: #FFEBEB;
}
	.tagit-label {
		color: #FF8400 !important;
		font-size: 12px !important;
	}

	.tagit-close .text-icon {
		color: #ABADB8 !important;
		font-weight: bold !important;
		font-size: 16px !important;
	}

/* ACTION BUTTONS */
@media (max-width:991px) {
	#actions-buttons {
		background-color: #FFFFFF;
	}
		#actions-buttons .action-button a:hover, 
		#actions-buttons .action-button a {
			background: transparent !important;
		}
	
		#actions-buttons .action-button a > i {
			color: #ABADB8!important;
		}
			#actions-buttons .action-button a > i:hover {
				color: #FF8400 !important;			
			}
}