header {
	background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
	padding: 5px 0px 0px 0px !important;
}

.col-xs-12.logo img {
	max-width: 180px;
}

.col-xs-3.logo {
	padding-top: 9px;
}

.col-xs-3.logo img {
	max-width: 130px;
}

.menuCont {
	padding: 20px 0;
	text-align: center;
}

.menuCont span {
	margin: 0 2px;
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}

table td,
th {
	text-align: center;
}


/*  */
/* 
.dropdown{
	margin-top: 10px;
}
*/
/*
.row-content-table .dropdown .dropdown-menu{
	right: 0px!important;
	left: initial;
	min-width: 8%!important;
	padding: 10px!important;
}
*/

.alert-header {
	/* background-color: red; */
	align-items: initial;
}

.alert-content #swal2-content {
	/* background-color: red; */
	text-align: initial;
}

.alert-popup {
	padding-left: 0;
	padding-right: 0;
}


.swal2-popup {
	font-size: 15px;
}

.container {
	margin-bottom: 0 !important;
}

.container .profile,
.container-fluid .profile {
	margin-bottom: 5%;
}

.input-group>.input-group-addon:first-child {
	min-width: 140px;
	text-align: left;
}

/* ESTILOS TABS-NAVS */
.nav-tabs {
	font-size: 12px;
}

.nav-tabs>li>a {
	padding: 8px 10px;
}

.nav-tabs>li>a:hover {
	background-color: rgba(189, 195, 199, 0.6);
	border: medium none;
	border-radius: 1px;
	/* color:#fff; */
}

/* STYLE TABLES */
table.table tbody td {
	vertical-align: middle;
}

a.btn {
	font-size: 13px;
}

table a {
	font-weight: bold;
	font-size: 1.1em !important;
	/* color: #566787; */
	display: inline-block !important;
	text-decoration: none !important;
	outline: none !important;
	margin-right: 5px !important;
	cursor: pointer;
}

table a.fa-cog {
	color: gray;
}

table a.fa-edit,
.fa-pencil-square-o {
	color: rgba(247, 202, 24, 1);
}

table a.fa-trash {
	color: rgba(214, 69, 65, 1);
}

i.fa-chevron-circle-right,
i.fa-chevron-circle-left,
i.fa-times {
	cursor: pointer;
}

.show-actions {
	display: none;
}

/* STYLE DATATABLES */
table thead tr th.sorting::after {
	/* top: 15px!important; */
	color: #265a88 !important;
	opacity: .7 !important;
}

/* input search */
.dataTables_filter input {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==) !important;
	background-repeat: no-repeat !important;
	background-color: #fff !important;
	background-position: 170px 4px !important;
}

.dataTables_filter label input {
	width: 200px !important;
}

/* #devices_processing{ */
.dataTables_processing {
	position: fixed !important;
	background-color: black !important;
	opacity: 0.8 !important;
	z-index: 3000 !important;
	/* display: inline-flex!important; */
	/* justify-content: center; */
	padding-top: 350px !important;

	border: initial;

	height: 100vh;
	top: -1px !important;
	background: initial;
	margin-top: initial !important;
	padding-top: initial;

	width: 100% !important;
	left: 0 !important;
	margin-left: 0 !important;

}



.dt-buttons {
	float: left;
	/* width: 160px; */
}

.div_items_length {
	display: grid;
	align-items: center;
	padding-top: 5px;
}



/* .tooltip-active{
	background-color: red;
} */

.red-tooltip+.tooltip>.tooltip-inner {
	background-color: #5cb85c !important;
	font-weight: bold;
}

.red-tooltip+.tooltip>.tooltip-arrow {
	/* border-color: #5cb85c!important; 
	*/
	border-top-color: #5cb85c !important;
	/* bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: red;
	border-width: 0 5px 5px; */
}

/* i.fa-circle{
	color: red;
} */

.color-default {
	color: #337ab7;
}

.color-warning {
	color: #f0ad4e;
}

.color-info {
	color: #5bc0de;
}

.color-danger {
	color: #d9534f;
}

.color-success {
	color: #5cb85c;
}


i.fa-arrows-v {
	color: #265a88;
	font-size: 16px;
	margin-left: 10px;
	cursor: pointer;
}

i.fa-long-arrow-up,
i.fa-long-arrow-down {
	color: #5cb85c;
	font-size: 16px;
	margin-left: 10px;
	cursor: pointer;
}

th.th-column {
	cursor: pointer;
}



/* SELECTS */
.bootstrap-select .dropdown-menu li {
	height: 25px !important;
}

.bootstrap-select .dropdown-menu li a {
	height: 25px !important;
}

.bootstrap-select .dropdown-menu li a span.text {
	text-align: left !important;
	margin: 0 0 0 0;
	top: 1 !important;
	font-size: 16px !important;
	width: 85% !important;
}

.dropdown-menu>.active>a>span {
	color: #fff !important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	/* background-color: pink!important; */
	background-image: linear-gradient(#007bff, #007bff, #007bff);
	/* width: 100%!important; */
}



.btn.dropdown-toggle {
	font-size: 12px !important;
}


/* PAGINATOR */
li.active.number {
	float: left;
	padding: 6px 10px;
	border: 1px solid #ccc;
	background-color: #ed1b24;
	color: #fff;
	font-weight: bold;
}

.pagination {
	margin-top: 0;
	padding-left: 7px;
	font-size: 12px;
}


.pagination>li.active>a {
	background-color: #ed1b24 !important;
	border: 1px solid #ccc !important;
	/* color: #fff; */
}

.pagination li a,
.pagination li span {
	color: #ed1b24;
	border-color: #ed1b24;
}


.totalCount {
	margin-bottom: 50px;
}

.modal {
	overflow-y: auto;
}



.row .well {
	padding-left: 10px;
	padding-right: 0;
}

.row .well div {
	padding-left: 0;
}

/* FILTRO WELL */

.well .btn {
	padding: 4px 10px !important;
	font-size: 12px !important;
}

.well .col-xs-2 .btn {
	margin-top: 16px;
}

/* .well div .btn{
	margin-top:16px;
} */

/* ESTILOS SELECTPICKER */
.selectNumberRows {
	margin-left: -5px !important;
	margin-right: -5px !important;
}

.selectNumberRows .input-sm {
	padding-top: 0px !important;
}

.div-select-numbers ul.dropdown-menu li a span.text {
	font-size: 14px !important;
}

.bootstrap-select button.dropdown-toggle {
	font-size: 12px !important;
	padding: 2px 0px 2px 8px;
}

.bootstrap-select .dropdown-toggle .bs-caret .caret {
	top: 50% !important;
	right: 8px !important;
}

i.fa-question-circle {
	font-size: 20px;
	cursor: pointer;
}

/*  */
.contain-title {
	width: 100%;
}

.ellipsed {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


/*  */
.scrollUp {
	width: 40px;
	height: 40px;
	opacity: 0.6;
	position: fixed;
	bottom: 80px;
	/* conviene que quede arriba del footer */
	right: 20px;
	display: none;
	cursor: pointer;
	/* left:30px; Izquierda o derecha según el diseño*/
	/* background: url('arrow_up.png') no-repeat; nuestra imagen*/
}

.scrollUp-modal {
	color: white;
	width: 40px;
	height: 40px;
	opacity: 0.6;
	position: fixed;
	bottom: 60px;
	/* conviene que quede arriba del footer */
	right: 60px;
	display: none;
	cursor: pointer;
	z-index: 4000;
	/* left:30px; Izquierda o derecha según el diseño*/
	/* background: url('arrow_up.png') no-repeat; nuestra imagen*/
}




/* .swal2-icon-show{
	width: 3.5em!important;
	height: 3.5em!important;
} */
.swal2-icon-show .swal2-icon-content {
	font-size: 3em !important;
}

/* .progress-bar{
	width: 6%;
} */



.dropdown.selectEqual {
	margin-left: 25px;
}

.dropdown.selectEqual div.dropdown-menu ul.dropdown-menu li a {
	padding-left: 10px !important;
}

.dropdown.selectEqual div.dropdown-menu ul.dropdown-menu li a span {
	font-size: 15px !important;
	width: 75% !important;
}

/* contenido para etiquetas (add-bulk-devices) */
.content-selected {
	margin: 20px 0px 10px 15px !important;
	padding-top: 10px !important;
	background: rgb(46, 49, 49, 0.3) !important;
	border: 1px solid black !important;
	border-radius: 5px !important;
	max-height: 125px !important;
	overflow-y: auto !important;
	scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0) !important;
	scrollbar-width: thin !important;
}


/* Estilos SCROLL para motores Webkit y blink (Chrome, Safari, Opera... )*/
.content-selected::-webkit-scrollbar {
	-webkit-appearance: none;
}

.content-selected::-webkit-scrollbar:vertical {
	width: 10px;
}

.content-selected::-webkit-scrollbar-button:increment,
.content-selected::-webkit-scrollbar-button {
	display: none;
}

.content-selected::-webkit-scrollbar:horizontal {
	height: 10px;
}

.content-selected::-webkit-scrollbar-thumb {
	background-color: #797979;
	border-radius: 20px;
	border: 2px solid #f1f2f3;
}

.content-selected::-webkit-scrollbar-track {
	border-radius: 10px;
}

/* CONTENIDO DE SPAN - ADD DEVICES */
.content-selected-devices span.label {
	margin-bottom: 10px !important;
	display: inline-block !important;
	margin-right: 10px !important;
}

.div-remove-items {
	color: red !important;
	position: fixed !important;
	right: 45px !important;
}





/* .tooltip-active{
	background-color: red;
} */

.red-tooltip+.tooltip>.tooltip-inner {
	background-color: #5cb85c !important;
	font-weight: bold;
}

.red-tooltip+.tooltip>.tooltip-arrow {
	/* border-color: #5cb85c!important; 
	*/
	border-top-color: #5cb85c !important;
	/* bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: red;
	border-width: 0 5px 5px; */
}

/* i.fa-circle{
	color: red;
} */

.color-default {
	color: #337ab7;
}

.color-warning {
	color: #f0ad4e;
}

.color-info {
	color: #5bc0de;
}

.color-danger {
	color: #d9534f;
}

.color-success {
	color: #5cb85c;
}


i.fa-arrows-v {
	color: #265a88;
	font-size: 16px;
	margin-left: 10px;
	cursor: pointer;
}

i.fa-long-arrow-up,
i.fa-long-arrow-down {
	color: #5cb85c;
	font-size: 16px;
	margin-left: 10px;
	cursor: pointer;
}

th.th-column {
	cursor: pointer;
}




/* The container */
.container-check-disabled {
	pointer-events: none;
	color: gray;
}

.container-check {
	/* display: block; */
	position: relative;
	padding-left: 30px;
	/* margin-bottom: 12px; */
	cursor: pointer;
	/* font-size: 22px; */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.container-check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: -1px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-check:hover input~.checkmark {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-check input:checked~.checkmark {
	background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-check input:checked~.checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.container-check .checkmark:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}









/* ESTILOS DROPDOWNS */
.select2-container {
	padding-top: 5px;
}

.select2-container .selection {
	font-size: 12px !important;
	border-color: #b92c28;
	/* padding-top: 2px; */
}


.select2-container .selection .select2-selection--single {
	height: 24px;
	border-radius: 5px;
	border: 1px solid transparent;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);
	background-repeat: repeat-x;
	background-color: #b92c28;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: rgba(255, 255, 255, .5) !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: rgba(255, 255, 255, 1) !important;
	line-height: 23px !important;
	/* text-shadow: 0 -1px 0 rgba(0,0,0,.2); */
}



.select2-container .selection .select2-selection__arrow {
	padding-top: 32px;
}

.select2-container .selection .select2-selection__arrow b {
	/* padding-top: 2px; */
	/* color: rgba(255,255,255,.5); */
	border-color: rgba(255, 255, 255, .6) transparent transparent transparent;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

/* .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    padding-top: 32px;
} */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	/* padding-top: 2px; */
	/* color: rgba(255,255,255,.5); */
	border-color: transparent transparent rgba(255, 255, 255, .6) transparent;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}


.select2-container .select2-dropdown {
	border-radius: 5px;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-image: linear-gradient(#007bff, #007bff, #007bff);
}

.select2-results__option {
	padding-top: 3 !important;
}

.select2-container .elect2-dropdown .select2-results {
	padding-top: 2px;


}

.tab-content-in-updateFW {
	padding-top: 15px;
	/* padding: 15px 10px 1px 10px;
    background: rgba(216, 212, 208, 0.3);
    border-radius: 10px; */
}

.tab-content-in-updateFW hr {
	border-top: 1px solid #ddc;
}

.tab-content-in-updateFW div.h4 {
	padding-top: 5px;
}


/* ESTILOS DROPDOWNS EN FORMULARIOS */
div.form-group .select2-container {
	padding-top: 0 !important;
}


div.form-group .select2-container .selection {
	font-size: 14px !important;
	border-color: blue;
	/* padding-top: 2px; */
}


div.form-group .select2-container .selection .select2-selection--single {
	height: 34px;
	padding-top: 5px;
	border-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #555;

	border: 1px solid #ccc;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	background-image: none;
	background-repeat: repeat-x;
	background-color: #fff;
}


div.form-group .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: rgba(0, 0, 0, 0.2) !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) !important;
}

div.form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: rgba(0, 0, 0, 0.6) !important;
	line-height: 23px !important;
	/* text-shadow: 0 -1px 0 rgba(0,0,0,.2); */
}


div.form-group .select2-container .selection .select2-selection__arrow {
	padding-top: 32px;
}

div.form-group .select2-container .selection .select2-selection__arrow b {
	border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

div.form-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}