.iptFile{
  text-align: right;
  border:1px solid black;
  background-color:white;
}

.modal-full {
    min-width: 100%;
    margin: 0;
}

.modal-full .modal-content {
    min-height: 100vh;
}

.toggle-vis{
  font-size:12px !important;
  padding:1px !important;
}

.deducible{
  color: green !important;
  font-weight: bold;
  font-size:14px;
}

.nodeducible{
  color: red !important;
  font-weight: bold;
  font-size:14px;
}

.nameIptFile{
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
}

.noedited{
  color:rgba(200,200,200,1) !important;
}

.noedited::placeholder {
  color: rgba(200,200,200,1) !important;
  opacity: 1; /* Firefox */
}

.noedited::-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: rgba(200,200,200,1) !important;
}

.noedited::-ms-input-placeholder { /* Microsoft Edge */
 color: rgba(200,200,200,1) !important;
}

.edited{
  color:rgba(174,0,0,1) !important;
  font-weight: bold;
}

.edited::placeholder {
  color: rgba(200,200,200,1) !important;
  opacity: 1; /* Firefox */
  font-weight: normal;
}

.edited::-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: rgba(200,200,200,1) !important;
 font-weight: normal;
}

.edited::-ms-input-placeholder { /* Microsoft Edge */
 color: rgba(200,200,200,1) !important;
 font-weight: normal;
}

#hideButttons{
  padding: 5px;
  margin-bottom: 10px;
  border: 1px solid gray;
}

.dataTableHeaderIptBig{
  width: 100% !important;
}

.pagoHeader{
  background-color: rgba(200,255,200,0.5);
  text-align: center;
}

#observacionescomplemento{
  height: 52px;
  width:  100%;
}

.complementoHeader{
 background-color: rgba(200,200,255,0.5); 
 text-align: center;
}

.facturaHeader{
  background-color: rgba(255,200,200,0.5); 
 text-align: center;
}

.pagoHeaderContainer{
  background-color: white; 
  border: 2px solid rgba(200,255,200,1); 
  margin-bottom: 20px;
}

.complementoHeaderContainer{
 background-color: white;
 border: 2px solid rgba(200,200,255,1);
 margin-bottom: 20px; 
}

.facturaHeaderContainer{
  background-color: white;
  border: 2px solid rgba(255,200,200,1);
  margin-bottom: 20px;
}

.containerHideButtons{
  border-radius: 5px;
  padding:5px;
  padding-top:0px;
  margin:2px;
  display: inline-block;
  text-align: center;
}

#tablaPagos > thead > tr > th{
  text-align: center
}

#tablaPagos > tbody > tr > td{
  white-space: nowrap;
}

.menuItemTablas{
  width: 80px;
  height: 80px
}

.containerMenu{
  padding: 10px;
  margin:   5px;
  border:   2px solid #FF5050;
  text-align: center;
  border-radius: 5px;
}

#profileli, #profileli:hover{
  cursor:alias; background-color: black; color:white;
}

.UPPERCASE{
 text-transform: uppercase;
}

.LOWERCASE{
 text-transform: lowercase;
}

.redOne{
  color:red;
}

#logo{
 width: 20px;
 height:20px;
}

.menuItemLink{
  color:black;
}

.menuItemLink:hover{
  color:#FF5050;
  text-decoration: none;
}

.menuItemP{
  background-color: #FF5050;
  color: white;
  padding:5px;
  border-radius: 5px;
}

.full-width{
 width: 100%;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  padding-bottom: 10rem;
  min-height: 100%;
}

#mainLogo > div> img{
  width: 50px;
  height:50px;
  margin: 10px;
  margin-left: 15px;
}

#LoginDiv{
  z-index:2;
  background-color: white;
  position: absolute;
  left: 5%; top:  0%;
  padding:10px;
  margin-top:100px;
}

.loginInput{
  background-color: #e7bfbf; 
  width:30px; 
  height:30px; 
  vertical-align: middle; 
  text-align: center; 
  padding:5px;
  border-radius: 10px 0px 0px 10px;
}

.loginActionBTN{
  border-radius: 0px 10px 10px 0px; 
  background-color: #e7bfbf; 
  color:black; 
  vertical-align: top; 
  width:30px; 
  height:30px; 
  padding:5px; 
  border:0px solid transparent;
}

.login[type="text"]{
  margin:0px;
}

#bannerLogin{
  background-color: #c8bfe7;
  background:url('../images/Login/wallpaper.png') -25px -50px;
  position:fixed ;
  width:100%;
  z-index:0;
  background-size: calc(100% + 100px);
  background-repeat: no-repeat;
}

#topBarLogin{
   background:url('../images/Login/front.png?=1') -25px -50px;
   position:fixed ;
   top:0;
   width:100%;
   z-index:1;
   background-size: calc(100% + 100px);
   background-repeat: no-repeat;
}

#mainLogoContainer{
  font-size: 20px;
  font-weight: bolder;
  color:rgba(250,100,100,1);
}

#mainLogo:hover{
  text-decoration: none;
}

#mainProfile > a{
  background-color:#333;
  color:white;
  padding:2px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
}

#mainProfile > a:hover{
  text-decoration: none;
  background: #777;
}

#mainProfile {
  padding: 5px;
}

#mainUsername{
  margin:5px;
  margin-right: 10px;
  vertical-align: bottom; 
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
}

.centered{
  text-align: center;
}

.rightened{
  text-align: right;
}

.leftened{
  text-align: left;
}

.active {
  background-color: #C350FF;
  color: white;
}

.footer {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #efefef;
}

.context-dark, .bg-gray-dark, .bg-primary {
    color: rgba(255, 255, 255, 0.8);
}

.footer-classic a, .footer-classic a:focus, .footer-classic a:active {
    color: #ffffff;
}

#bannerLogin{ height: 80px; margin-bottom: 100px}
#topBarLogin{ height: 80px; margin-top:0px; padding-top: 10px}
#topBarLogin > div > div > a > div { font-size: 18px; }


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
  #bannerLogin{ height: 100px; }
  #topBarLogin{ height: 80px; margin-top:20px; padding-top: 20px}
  #topBarLogin > div > div > a > div { font-size: 20px; }
  #LoginDiv{margin-top:150px; left: 30%; top:  0%;}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
  #bannerLogin{ height: 100px; }
  #topBarLogin{ height: 80px; margin-top:20px; padding-top: 30px}
  #topBarLogin > div > div > a > div { font-size: 24px; }
  #LoginDiv{left: 40%; top:  0%;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
  #bannerLogin{ height: 150px; }
  #topBarLogin{ height: 130px; margin-top:50px; padding-top: 70px}
  #topBarLogin > div > div > a > div { font-size: 28px; }
  #LoginDiv{left: 40%; top:  10%;}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  #bannerLogin{ height: 200px; }
  #topBarLogin{ height: 180px; margin-top:40px; padding-top: 110px}
  #topBarLogin > div > div > a > div { font-size: 30px; }
  #LoginDiv{margin-top:200px; left: 40%; top:  10%;}
}

/*Nav menu style*/

#subnavbar > div > div > a {
  color:white;
}

.headerItem{
  padding: 2px;
  margin-left:5px;
  margin-right:5px;
  text-align: center;
}

*{margin:0;padding:0;text-decoration:none}
body{background:#555;}
header{position:relative;width:100%;background:#333;}
.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:white;float:left;width:19%}
.logo a{color:white;}
.logo a:hover{ text-decoration: none; color:#cc3f3f; }
nav{position:relative;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{z-index:2;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:#333}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#FF5050 !important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

/*..Nav menu style*/

.container{
  z-index: 1;
}