/* *************************** */
/*           EMPRESA           */
/* *************************** */
:root {
	--company-color: #009633;
}



/* *************************** */
/* ***      genericos      *** */
/* *************************** */

body {
	margin: 0;
	font-family: 'Barlow', sans-serif;
	background-image: url('/img/background.png');
}


/* *************************** */
/* ***       titulos       *** */
/* *************************** */

h1 {
	font-size: 30px;
}

h2 {
    font-size: 22px;
    color: #797979;
    line-height: 1;
    margin-bottom: 18px;
}

h3 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #8a8a8a;
    line-height: 1;
}


/* *************************** */
/* ***       enlaces       *** */
/* *************************** */

a:link {
	color: black;
	text-decoration: none;
}
	
a:visited {
	color: black;
	text-decoration: none;
}

a:active {
	color: black;
	text-decoration: none;
}

a:hover {
	color: black;
	text-decoration: none;
}


/* *************************** */
/* ***     formularios     *** */
/* *************************** */

.form-control[readonly] {
    background-color: transparent;
}

.form-control:disabled {
	background-color: white !important;
}

.form-control-sm {
	border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
	border-radius: 0;
	padding: 0;
}

label {
    font-size: .8rem;
    color: grey;
}

.form-check-label {
	font-size: 14px;
	color: black;
}

input::-webkit-input-placeholder {
	color: black !important;
	font-size: 14px;
}

input:-moz-placeholder { /* Firefox 18- */
	color: black !important;
	font-size: 14px;
}

input::-moz-placeholder {  /* Firefox 19+ */
	color: black !important;
	font-size: 14px;
}

input:-ms-input-placeholder {  
	color: black !important;
	font-size: 14px; 
}

input[type="text"]:focus {
	background-color: #e0e0e0;
	border-color: transparent;
	box-shadow: none;
	outline: 0 none;
}

.btn-primary{
	margin-top: 10px;
	width: 100%;
	color: white;
	background-color: var(--company-color);
	border-color: transparent;
	font-size: 14px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary.active {
    background-color: grey !important;
    border-color: transparent !important;
	box-shadow: none !important;
}

.btn-secondary, .btn-light, .btn-dark {
	border-radius: 0 !important;
    font-size: 13px;
}

.btn-secondary, .btn-light {
	padding: .3rem .75rem;
}

a.btn.btn-secondary {
    color: white;
}

select {
	border-top: 0;
    border-right: 0;
    border-left: 0;
}

.custom-select {
	padding: 0;
	border-radius: 0;
	border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.custom-select:focus {
	border-color: transparent;
	box-shadow: none;
	outline: 0 none;
}

.custom-select-sm {
	font-size: 14px;
}

.custom-select:disabled {
	border: 1px solid white;
    background-color: #e8e8e8;
}

.labelselect {
	font-size: .8rem;
	color: grey;
}

.invalid-data {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.valid-data {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745;
}



/* *************************** */
/* ***       tablas        *** */
/* *************************** */

.table thead th {
    background-color: #333;
    font-size: 13px;
	color: white;
	font-weight: normal;
	border: 0;
}

.table tbody th {
	font-size: 14px;
    font-weight: normal;
	padding-top: 12px;
    padding-bottom: 5px;
}

.table th {
	border-top: 1px solid #eaeaea;
}

textarea {
    border-radius: 0 !important;
    border: 1px solid #ced4da;
    padding: 0 0 0 2px !important;
    font-size: 14px !important;
    color: black !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}


/* *************************** */
/* ***     fontawesome     *** */
/* *************************** */

.fa-arrow-circle-down:before {
    color: #007bff;
    font-size: 25px;
	padding-left: 18px;
}

.fa-eye:before, .fa-angle-left:before {
	padding-right: 8px;
}

.fa-angle-left {
	font-weight: bold;
}


/* *************************** */
/* ***        capas        *** */
/* *************************** */

.copyright {
	padding-top: 20px;
	font-size: 13px;
}

.card-header {
	background-color: white;
    border-bottom: 1px solid white;
}

.login-head {
	margin-top: 20%;
}

.login-head-logo {
	height: 150px;
	background-image: url('/setting/logo.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 350px;
	background-color: white;
	border-radius: 4px 0 0 0;
	-moz-border-radius: 4px 0 0 0;
	-webkit-border-radius: 4px 0 0 0;
}

.login-head-icon {
	font-size: 66px;
	color: #ddd;
	padding: 20px 0 0 10px;
	background-color: white;
	border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
}

.login-form {
	background: #eee;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}

.login-data {
	padding: 25px 10px;
}

.login-mail {
	padding-top: 50px;
	text-align: center;
	font-size: 13px;
	color: #666;
}

.selectclientes {
	background-image: linear-gradient(to right, #232323 , #727B84);
	height: 69px;
	width: 100%;
}

.data {
	padding-top: 10px; 
}

.data1 {
	padding: 10px 0 0 0;
}

.encuesta {
	font-weight: bold;
	font-size: 20px;
}

#cargando {
	position: absolute;
    text-align: center;
    z-index: 1;
    top: 50%;
    left: 50%;
	font-size: 30px;
	color: grey;
}


/* DATEPICKER */

.input-group>.input-group-prepend>.input-group-text {
    padding: 8px;
    border-radius: 0;
}

.input-group-text {
	background-color: white;
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.input-group .form-control:not(:first-child) {
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.datepicker table tr td.active {
	background-image: linear-gradient(to bottom,#808080,#808080);
}

.datepicker table tr td.active.active:hover {
	background-color: black;
    border-color: black;
}


/* FULLCALENDAR */

.fc table {
    /*background-color: #fbfbfb;*/
}

.fc-toolbar h2 {
    text-transform: uppercase;
    font-size: 16px;
	font-weight: bold;
	color: black;
}

.fc button {
    font-size: 14px;
}

.fc-state-default {
    border-radius: 0 !important;
}

.fc-unthemed td.fc-today {
    background: #fbfbfb;
}

.fc-list-heading, .fc-list-table tr:first-child td {
    text-transform: uppercase;
	font-size: 13px;
}

tr.fc-list-item {
    font-size: 14px;
}

.fc-event-dot {
    /*background-color: #007bff59;*/
	background-color: #00000059;
}

.fc-event {
	line-height: auto;
	border-radius: 4px;
    /*border: 1px solid #007bff59;
    background-color: #007bff2b;*/
	border: 1px solid #00000059;
    background-color: #0000002b;
}

td.fc-list-item-time.fc-widget-content {
    font-weight: bold;
}

.fc-day-grid-event .fc-content {
    white-space: normal;
}