@font-face {
      font-family: "Repsol-Light";
      src: url("../fonts/Repsol-Light.otf");
}

@font-face {
      font-family: "Repsol-Regular";
      src: url("../fonts/Repsol-Regular.otf");
}

* {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #091642;
}

body {
	background: rgb(149,149,149);
   background: linear-gradient(180deg, rgba(149,149,149,1) 0%, rgba(230,230,230,1) 50px, rgba(230,230,230,1) 100%);
   background-repeat-y: no-repeat;
   background-color: rgba(230,230,230,1);
   overflow-y: hidden; 	
}

body .row.content .col-3 {
	background-color:  #fff;
}

body .row.content .declaracion .col-3 {
	background-color:  unset;
}

button {
	color: #091642;
   background-color: #fff;
   border: none;
   border-radius: 20px;
   padding: 3px 25px 1px;
   cursor: pointer !important;
}

button.marg-menu {	
	margin-top: 67px;
}

button.menu {
	background-color: #e6e6e6;
   width: 100%;
	text-align: left;
	margin-bottom: 8px;
}

button.orange {
	color: #fff;
	background-color: #f18509;
}

i {
	color: #ee7e09;
	font-size: 24px !important;
	float: left;
}

.fa-angle-down {
	position: relative;
   left: -8.5px;
   top: 15px;
   cursor: pointer;
   font-style: normal;
}

.fa-angle-up {
	position: relative;
   left: 15px;
   top: 0px;
   cursor: pointer;
   font-style: normal;
}

.fa-edit {
   font-style: normal;
}

.fa-trash {
   font-style: normal;
}

.fa-trash.bott {
	position: absolute;
   right: 132px;
	margin-top: 7px;
   cursor: pointer;
   font-style: normal;
}

.fa-trash.rig,
.fa-edit.rig {
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	cursor: pointer;
   font-style: normal;
}

.fa-trash.rig.marg0 {
	margin-right: 0;
}

input {
   width: 100%;
   margin: 0 0 15px 0;
   background-color: #e6e6e6;
   border: none;   
   /*padding: 3px 10px;*/
}	

input[type="checkbox"] {
	width: 20px;
}

table {
	width: 100%
}

table button {
	background-color: #081133;
	color: #fff;
}

table tbody tr {
	background-color: #fff;
	border: 5px solid #e6e6e6;
}

table tr td {
	padding: 10px;
}

textarea {
   width: 100%;
   height: 150px;
   margin: 0 0 15px 0;
   background-color: #e6e6e6;
   border: none;   
   padding: 3px 10px;
}	

#btn-imagen {
	position: relative;
   top: -55px;
   right: -280px;
}

#btn-imagen1, 
#btn-imagen2,
#btn-imagen3,
#btn-imagen4,
#btn-imagen5 {
	position: relative;
	top: -40px;
}

#frm {
	overflow-x: hidden; 
	overflow-y: scroll;
	height: calc(100vh - 60px);
}

#frm-login input {
	border-radius:20px;background-color: #fff;border:1px solid #e8e8e8;
}

#frm-login button {
	border-radius: 20px;background-color: #081133;border: 1px solid #081133;color: #fff;width: 100%;
}

.col-centered {
	text-align: center !important;
}

.col-left {
	text-align: left !important;
}

.columna {
	float: right !important;
	margin-right: 20px;
	color: #e66f00;
	cursor: pointer;
}

.columna.active {
	border-bottom: 2px solid #e66f00;
}

.content > .col-3 {
	padding-left: 30px;
	padding-right: 30px;
	height: 100vh;
}

.declaracion {
	background-color: #fce5ce;
   margin-left: 25px !important;
   margin-right: 25px !important;
   margin-bottom: 10px;
}

.declaracion .col-4,
.declaracion .col-5 {
   padding-bottom: 20px;
}

.declaracion .col-5 button {
	height: 38px;
}

.declaracion .col-12 {
	padding: 0px;
}

.declaracion select,
select.sele {
	background-color: #fff;
   border: none;
   border-radius: 20px;
   /*padding: 3px 25px 1px;*/
}

.declaracion textarea {
	background-color: #fff;
}

.header {
	background-color: #091642;
	padding-top: 10px;
   padding-bottom: 10px;
   text-align: right;
   margin: 0;
}

.img-imagen {
	width: 100%;
	padding: 20px 20px 0 20px;
}
	
.logo {
	height: 90px;
	margin-top: 20px;
}

.low-margin > div{
	padding-right: 0;
}

.insertar {
	padding-top: 75px;
	font-size: 18px;
}

.newsletter {
	background: rgb(149,149,149);
	/*background: linear-gradient(180deg, rgba(149,149,149,1) 0%, rgba(230,230,230,1) 50px, rgba(230,230,230,1) 100%);*/
	background-color: rgba(230,230,230,1);
	/*min-height: 100vw;*/
	padding-top: 40px;
}

.newsletter .col-12 {
	text-align: center;
}

.newsletter-content {
	max-width: 780px;
	margin: auto;
	background-color: #fff;
	margin-top: 3px;		
	padding-bottom: 20px;
	padding-top: 10px;
}

.newsletter-content > span {
	float: left;
	padding-left: 10px;
}

.newsletter-content > span,
#list-titles thead td {	
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 600;
   margin-top: 12px;
   margin-bottom: 12px;
}

.newsletter-content > .row {
	clear: both;
	padding: 5px 25px;
}

.newsletter-content > .row.low-margin {
	padding-bottom: 0;
}

.nueva-fila {
	background-color: #EC8508;
	color: white;
	margin: 12px;
}

.ralla {
	color: #e66f00;
	font-size: 40px;
	position: relative;
	top: -12px;
	cursor:pointer;
}

.row.content > .col-9 {
	padding: 0;
}

.row.content > .col-9 > .container {
	padding: 0;
}

@media (min-width: 1366px) {
	.container {
   	max-width: 100%;
   }
}






/* Raül */
button {
    transition-duration: 0.4s;
    color: #091642;
    background-color: #fff;
    border: none;
    border-radius: 20px;
    padding: 7px 25px 7px 25px;
    cursor: pointer !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-align:left;
    margin-bottom: 8px;
}

button.menu {
background-color: #e6e6e6;
width: 100%;
text-align: left;

}


button:hover {
color:white;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.1), 0 17px 20px 0 rgba(0,0,0,0.1);
background-color: #EC8508;
}

button.menu span {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

button.menu span:after {
  color:white;
  content: '+';
  position: relative;
  opacity: 0;
  top: 0;
  right: 30px;
  transition: 0.5s;
}

button.menu:hover span:after {
  opacity: 1;
  right: 39;
}


input {
    width: 100%;
    margin: 0 0 15px 0;
    background-color: #e6e6e6;
    border: none;
    padding: 10px 15px 10px 15px;
    margin-bottom: 5px;
}

input,
select {
	padding: 10px 15px 10px 15px !important;
	margin-bottom: 15px !important;
}
	.low-margin input {
		margin-bottom: 5px !important;
	}







/* SCROLL BAR */
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #bcbcbc; 
  border-radius: 10px;
  background-color: #f8f8f8;
}
::-webkit-scrollbar-thumb {
  background: #EC8508; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #EC8508; 
}