/* **** */

.ios .navbar {
	background: #21376D;
}

.ios .statusbar{
	background: #21376D;
}
 
.md .navbar {
	background: #21376D;
}

.color-white { 
	color: #ffffff;
}

body, html {
    height: 100%;
    margin: 0;
}

.bg {
    /* The image used */
    /*background-image: url("/img/backBell.jpg");*/

    /* Full height */
    height: 20%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}

/*************** MENU LINK DETAILS ****************/
.item-link.item-content:hover{
  color: yellow;
  font-weight: bold;
}

.list .item-inner:after {
  height: 0px;
}

.item-content .item-inner::before{
  content: '' !important;
}

#sideBarMenu{
  background-color: #113b71;
  color:#FFFFFF;
}
#sideBarMenuAbajo{
  background-color: #113b71;
  color:#FFFFFF;
}

.spanMenuItem{
  color: #113b71;display: block;padding: 5%;border-bottom: 1px solid #dbdce9;cursor: pointer;
}
.spanMenuItem:hover{
  opacity: 100% !important;
}

.restApiItem{
  color: #113b71;
}

.restApiItem:hover{
  opacity: 100% !important;;
}

.iconProyecto{
  position: absolute !important;right: 0;
}
.iconRestApi{
  position: absolute !important;right: 0;
}
.iconPlaceToPay{
  position: absolute !important;right: 0;
}
.iconEvicertia{
  position: absolute !important;right: 0;
}
.iconSoapBmi{
  position: absolute !important;right: 0;
}
.iconTramasec{
  position: absolute !important;right: 0;
}
.iconCrontab{
  position: absolute !important;right: 0;
}
.iconApps{
  position: absolute !important;right: 0;
}

/************* SideBar Flecha **************/

.flechaSideBar{
  margin:0;
  position: fixed;
  top:50%;
  transform: translate(0, -50%);
  z-index: 1700;
}

.fechaDerecha a:before{
  content: var(--f7-list-chevron-icon-right) !important;
}

/*************** BACKGROUND IMAGE ***************/
.page-content.login-screen-content{

  background-image: url("/img/backBell.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*************** INPUTS LOGIN ***************/
input#theUser:focus {
  color:#030c24;
  opacity:100%;

}
input#theUser::placeholder {
  color:#030c24;
  opacity:20%;
}
input#thePass:focus {
  color:#030c24;
  opacity:100%;
  
}
input#thePass::placeholder {
  color:#030c24;
  opacity:20%;
}

.eyePassword{
  color: #113b71;
  position: absolute;
  z-index: 2;
  margin-left: 80%;
  margin-top: 2%;
  cursor:pointer;
}

.passInput{
  position:absolute;
  z-index:1;
}

/* Mi Cuenta */
/*{
  box-sizing: border-box;
}*/

/* Float two columns side by side */
.column {
  float: left;
  width: 48%;
  padding: 0 10px;
}

/* Float two columns side by side */
.column40 {
  float: left;
  width: 35%;
  margin-right: 0px;
  margin-top: 0px;
}

/* Float two columns side by side */
.column45 {
  float: left;
  width: 40%;
  margin-right: 0px;
  margin-top: 0px;
}

/* Float two columns side by side */
.column55 {
  float: left;
  width: 60%;
  margin-right: 0px;
  margin-top: 0px;
}

/* Float two columns side by side */
.column60 {
  float: left;
  width: 65%;
  margin-right: 0px;
  margin-top: 0px;
}
.column33 {
  float: left;
  width: 33%;
  padding: 0 10px;
}

/* Remove extra left and right margins, due to padding */
.mrow {margin: 0 0px;}

/* Clear floats after the columns */
.mrow:after {
  content: "";
  display: table;
  clear: both;
}

/******* ESTILOS NAVBAR *******/
.md .navbar-inner{
  overflow: visible;
}

/* Estilos generales menus desplegables */
.navbar-inner li{
  list-style: none;
}
.navbar-inner ul li{ 
  position: relative;
}
.navbar-inner ul ul{
  width: 174px;
  font-size: 13px;
  border: 1px solid #113B71;
  border-radius: 4px;
  background-color: white;
  
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s linear, 
              opacity 0.2s linear;
  position: absolute;
  right: -16px;
}

.navbar-inner ul li:hover ul{
  visibility: visible;
  opacity: 1;
}
/* Fin estilos generales menus desplegables */

/* REST API */
.restTable{
  margin: 0 auto;
  border-collapse: collapse;
}
.restTable th, td{
  border: 1px solid #113B71;
  padding: 5px;
}

/** ESTILOS CRONTAB **/
.crontabContent p{
  width: 1000px;
  margin-bottom: 0px;
}
/** FIN ESTILOS CRONTAB **/