/* CSS BAJO DIRECTRICES DE HOJA DE ESTILO DE PERSAN */

:root {
	--color-azul: #22293A;
	--color-verde: #A9CA4A;
	--color-naranja: orange;
	--color-secundario: #6C4ACA;
}

body {
	font-family: 'Work Sans Regular', serif;
	font-size: 12px;
}

.white-title {
	margin: -100px 0px 50px 0px;
	color: white;
	font-family: 'Work Sans Bold';
}

body#bpWatch input[type=file], #modal_validate_bp input[type=file] {
  display: block;
  color: var(--color-azul);
  font-family: monospace;	
  margin-left: 35%;
  	  margin-top: 15px;	  
}

body#bpWatch input[type=file]::file-selector-button, #modal_validate_bp input[type=file]::file-selector-button {
  background-color: var(--color-azul);
  color: white;
  padding:10px;
  border: 1px solid var(--color-azul);
  display: block;
}

div#modal_load_responses .btn-default {
	color:red;
}

.btn-warning.btn-link, .btn-danger.btn-link {
    color: white;
}

.login-page {
	background-color: var(--color-azul);
	margin-top: 5%;
}

.change-page a, .change-page h3, .change-page p {
	color: white !important;
}

.change-page .authentication-right .change-req {
	color: red;
	paddding-top: 3px;
}

.change-page .authentication-right .change-req.change-req-ok {
	color: green;
}

.btn, .navbar .navbar-nav>a.btn {
    background-color: var(--color-azul);
}

.btn.btn-warning {
    background-color: #fbc658 !important;
    color: #FFFFFF;
}

.btn-danger {
    background-color: #ef8157 !important;
}

.btn-danger.btn-link {
    color: #fff;
}

div.row-bp {
	padding: 15px;
    box-shadow: 5px 9px 11px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 25px;
}


a {
    color: var(--color-azul);
}

.form-check-label input[type="checkbox"]:checked+.form-check-sign:before {
    background-color: var(--color-azul);
}

.text-success, a.text-success:focus, a.text-success:hover {
    color: var(--color-azul) !important;
}

.alert.alert-success {
    background-color: var(--color-azul) !important;
}

.text-warning, a.text-warning:focus, a.text-warning:hover {
    color: orange !important;
}

.text-danger, a.text-danger:focus, a.text-danger:hover {
    color: red !important;
}

.modal .btn-danger {
    background-color: #ef8157 !important;
}

.modal .btn.btn-link {
    color: #FFF;
}

textarea.form-control {
    max-height: 150px;
    margin-bottom: 23px;
}
/*
table .btn {
	background-color: white;
	border: 1px solid;
}
*/
.pac-container { z-index: 100000 !important; }

.fab {	
	position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-12px, -12px) !important;
    line-height: 1.5626rem !important;
    width: 24px !important;
}

.p-t-5 {
	padding-top: 5%;
}

.card-user .avatar {
    background: white;
}
a:hover, a:focus {
    color: var(--color-secundario);
}

div#dynamic-list {
	min-height: 300px;
	margin-bottom: 50px;
}

.html_field {
	border: 1px solid var(--color-azul);
	border-radius: 20px;
	padding: 10px;
	margin: 0px 0px 65px 0px;
	position: relative;
}

.html_field .remove_field {
	position: absolute;
    top: -20px;
    right: -20px;
    background: var(--color-azul);
    border: 1px solid var(--color-azul);
    border-radius: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 8px;
    cursor: pointer;
}

.html_field .add_field {
	position: absolute;
    bottom: -45px;
    background: white;
    border: 1px solid var(--color-azul);
    border-radius: 20px;
    width: 98%;
    height: 40px;
    text-align: center;
    padding-top: 8px;
    cursor: pointer;
}

.pregunta_action {
	cursor: pointer;
}

.modal-footer .btn+.btn {
   margin-left: 0px;
}

.modal-footer .left-side .btn-info {
	background: var(--color-secundario);
}

.modal-footer .right-side {
    display: flex;
}

#eventos .modal-footer .right-side .btn-link {
    width: 50%;
    margin-right: 5px;
}

#modal_fe .modal-body {
	max-height: 500px;
	margin-bottom: 20px;
}

#modal_fe .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 5px 5px;
    overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
}

#modal_fe .table>tbody>tr>td p {
    margin-top: 0;
    margin-bottom: 0px;
}

#modal_fe thead > tr> th:nth-child(1) {
	min-width: 5% !important;
	max-width: 5% !important;
}

#modal_fe thead > tr> th:nth-child(2) {
	min-width: 55%;
	max-width: 55%;
}

#modal_fe thead > tr> th:nth-child(3) {
	min-width: 30%;
	max-width: 30%;
}

#modal_fe thead > tr> th:nth-child(4) {
	min-width: 5%;
	max-width: 5%;
}

#modal_fe thead > tr> th:nth-child(5) {
	min-width: 5%;
	max-width: 5%;
}

.t-watch-poll p, .t-watch-poll div.form-check {
	margin: 5px;
    padding-top: 5px;
    font-size: .8em;
}

.t-watch-poll .poll-libre {
	border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;	
}

.footer {
	/*position: fixed;*/
    bottom: 0px;
    width: 100%;
    background: var(--color-azul);
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    position: relative;
    display: inline-block;
    bottom: 0px;
    left: -5px;
    font-family: 'FontAwesome';
    opacity: 0.8;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    position: relative;
    display: inline-block;
    bottom: 0px;
    right: -5px;
    font-family: 'FontAwesome';
    opacity: 0.8;
}

table.dataTable thead .sorting:before {
    opacity: 0.4;
    content: "\f0dc";
}


table.dataTable thead .sorting_asc:before {
    content: "\f0de";
    top: 3px;
}

table.dataTable thead .sorting_desc:before {
    content: "\f0dd";
    top: -3px;
}

table.dataTable thead th.disabled-sorting:before, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after {
	content: none;
	opacity: 0;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-success {
    background-color: var(--color-azul);
}

.tooltip {
    z-index: 100000000; 
}


/* VALIDATE GROUP */

body#validateGroup table.table {
	display: block;
    overflow-x: auto;
    table-layout: fixed;
}
	


body#validateGroup .table>thead>tr>th {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 0;
    text-transform: none;
    border: .5px solid lightgrey;
    background-color: #eeeeee;
}

body#validateGroup .table>thead>tr>th {
    border-bottom-width: 0;
    border-left-width: 0;
}

body#validateGroup .table>thead>tr:nth-child(1)>th {
    border-top-width: 0;
}

body#validateGroup .table>tfoot>tr>td:not(.with-result) {
  border: none !important;
}

body#validateGroup .table>tfoot>tr>td.with-result {
	font-size: 1.3em;
	font-weight: bolder;
	border-color: var(--color-azul);
    border-width: 4px;
}

body#validateGroup .dataTables_scrollFoot table.table {
    border: 0 !important;
}

body#validateGroup table.table tbody p {
	white-space: nowrap;
}

body#validateGroup table.table tbody .form-control {
    padding-right: 0px;
}

.swal-wide{
    width:850px !important;
}

.modal-xl {
	max-width: 90%;
}
	
.bootstrap-switch {
	z-index: 1040;
}


i.fa-info {
	cursor: help;
}


.fa-spinner:before {
    color: var(--color-azul);
}


.table .form-check label .checkAll::before, .table .form-check label .checkAll::after {
    left: 15px;
}





/* NO REVISADO. VIENE DE PERSÁN */

.card {
    box-shadow: 5px 3px 12px 5px rgb(0 0 0 / 15%);
    padding: 10px;
}

.footer .copyright {
    color: white;
}

.main-panel {
    background-color: #fff;
    width: 100%;
}

header {
	height: 120px;
}

header li {
	width: 120px;
}

header li img {
	width: 30px;
}

header li p {
	font-family: 'Work Sans Light', sans-serif;
	font-size: 12px;
	color: black;
}

header img.img-header-inner {
	width:70px;
}

header a.header-salir, header a.header-salir i, header .dropdown-menu .dropdown-item:hover {
	font-family: 'Work Sans Regular', sans-serif;
	background: initial;
    color: black !important;
}

header .dropdown-menu .dropdown-item {
    padding: 20px;
}

header .navbar-nav .dropdown-menu:after {
    right: 45%;
}

header .navbar-nav .dropdown-menu:before {
    right: 45%;
}

div.col-header {
	width: 100%;
    padding-right: 25px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

div.col-header h3 {
	margin-bottom: 0px;
}

table.dataTable .btn.btn-icon {
    background: no-repeat;
    border: 1px solid;
}

table.dataTable#datatable_respuestas .btn.btn-icon {
    display: inherit;
}

.navbar p {
    font-size: 12px;
}

.pagination .page-item.active>.page-link, .pagination .page-item.active>.page-link:focus, .pagination .page-item.active>.page-link:hover {
    background-color: var(--color-azul);
    border-color: #51cbce;
    color: #FFFFFF;
}

.navbar.navbar-transparent .nav-item.active .nav-link:not(.btn), .navbar.navbar-transparent .nav-item .nav-link:not(.btn):focus, .navbar.navbar-transparent .nav-item .nav-link:not(.btn):hover, .navbar.navbar-transparent .nav-item .nav-link:not(.btn):focus:hover, .navbar.navbar-transparent .nav-item .nav-link:not(.btn):active {
    color: var(--color-turquesa);
}

.navbar .navbar-collapse .nav-item a {
    font-size: 12px;
}

.full-page>.content {
    padding-top: 10vh;
}

.full-page .footer {
    background: var(--color-gris);
}

.card label {
    font-size: 12px;
    margin-bottom: 5px;
    color: #333;
}

.sidebar:after{background-image:linear-gradient(to right bottom,#333,#333);}

.logo{background-color:#333;}

.card-collapse .card .card-header a[data-toggle="collapse"] i {
    color: #cdcdcd;
}

.card-wizard .nav-pills .nav-item .nav-link {background-color: var(--color-turquesa);}
.card-wizard .nav-pills .nav-item .nav-link:hover {background-color: var(--color-turquesa);}

.card-wizard .moving-tab {background-color:var(--color-turquesa);color:#fff !important;}

.card .card-footer .btn.btn-wd {background-color:var(--color-turquesa);}

.card .card-footer .btn.btn-next, .card .card-footer .btn.btn-finish, .card .card-footer .btn.btn-previous {background-color:var(--color-turquesa);}


.swal2-input, .swal2-file, .swal2-textarea {
    font-size: 12px;
}

.navbar .navbar-brand {
    text-transform: none;
}