body {
  font-family: Rubik !important;
}



.home-body {
  background-color: #e3e3e3;
}

.login-body {
  background-color: #F7c5a8;
}

.main-header {
  display: flex;
  align-items: center;
}

.login-header {
  background-color: #ffffff;
  height: 70px;
}

.main-logo {
  width: 235px;
  margin-left: 10%;
}

.login-logo img {
  margin-top: 4%;
}

.login-form {
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  background-color: #dddddd;
  font-family: Rubik;
  margin-top: 120px;
}

.login-form input {
	
	border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
}

.form-group {
	margin-bottom: 5px !important;
}

.form-group input::placeholder {
	color: darkgray;
}

.form-group label {
	//display: flex;
	//margin: 0;
	padding-top: 7px;
}

.login-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 50px;
  padding-right: 50px;
  width: 378px;
  height: 378px;
}

.login-logo {
  margin-bottom: 15px;
}

.login-wrap p {
  font-size: 11px;
}

.login-wrap span {
  font-size: 11px;
  color: #666;
}

/* Bootstrap 4 text input with icon */
.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.ico-user{
    width:18px;
    display:block;
    height:18px;
    //background:black;
    //color:white;
    text-decoration:none;
    //padding-left:20px;
    //margin: 0 auto;
    margin-top: 10px;
    margin-left: 10px;
}
.ico-user:before{
    content: '';
    background:url('../img/user.svg');
    background-size:cover;
    position:absolute;
    width:18px;
    height:18px;
    //margin-left:-20px;
    display:block;
    margin: 0 auto;
}

.ico-password{
    width:18px;
    display:block;
    height:18px;
    //background:black;
    //color:white;
    text-decoration:none;
    padding-left:2px;
    margin-top: 10px;
    margin-left: 10px;
}
.ico-password:before{
    content: '';
    background:url('../img/pass.svg');
    //background-size:cover;
    background-repeat:no-repeat;
    //position:absolute;
    width:18px;
    height:18px;
    //margin-left:-20px;
    display:block;
    margin: aauto;
}

.form-control {
  border-radius: 9px 9px 9px 9px;
  -moz-border-radius: 9px 9px 9px 9px;
  -webkit-border-radius: 9px 9px 9px 9px;
}

.input-group {
  padding-bottom: 8px;
}

.btn {
	font-size: 12px !important;
	border-radius: 12px !important;
}

.btn-group {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn.btn-primary.btn-login {
  //border-radius: 12px;
  padding-left: 20px;
  padding-right: 20px;
}

.home-header {
  background-color: #0062ff;
  height: 70px;
}

.home-container {
  margin-top: 100px;
}

.company-logo {
  width: 94px;
}

.home-image {
  width: 200px;
}

.content-home {
	margin-top: 0px;
}

.content-menu .home-image {
  -webkit-filter: none;
  filter: none;
}

.box-home-menu {
	width: 200px;
	height: 180px;
}

/*.content-menu:hover .home-image {
  -webkit-filter: contrast(120%) drop-shadow(0px -8px 6px gray);
  filter: contrast(120%) drop-shadow(0px -8px 6px gray);
  //transform: scale(1.1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}*/

/*.content-menu {
  padding: 50px;
  background-color: green;
  transition: transform .2s;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}*/

.content-menu:hover {
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05); 
}

.content-menu {
  position: relative;
  display: block;
    border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
  margin: 5px;
}

.rotate img {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.comprobante-logo {
  left: 40%;
  top: 22%;
  position: absolute;
  //width: 40px;
  //height: 40px;
}

.comprobante-logo img {
	//width: 100%;
	height: 50px;
	object-fit: cover;
}

.comprobante-logo-down {
  //left: 40%;
  margin-top: 22%;
  //position: absolute;
  //width: 40px;
}

.comprobante-logo-down img {
	//width: 100%;
	height: 50px;
	object-fit: cover;
  //position: absolute;
}

.comprobante-title {
  position: absolute;
  line-height: initial;
  width: 80%;
  margin-right: 30px;
}

.title-up {
  left: 10%;
  top: 55%;
}

.title-down {
  left: 10%;
  top: 55%;
}

.comprobante-title label {
  font-size: 20px;
  font-weight: bold;
}

.comprobante-title span {
  font-size: 12px;
  font-weight: bold;
}

.title-c1 {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.title-c1 label {
  color: #fff;
}

.title-c1 span {
  color: #fff;
}

.subtitle-c1 label {
  color: #fff;
}

.title-c2 {
  border-top: 1px solid #0d304f;
  border-bottom: 1px solid #0d304f;
}

.title-c2 label {
  color: #0d304f;
}

.title-c2 span {
  color: #0d304f;
}

.subtitle-c2 label {
  color: #0d304f;
}

.comprobante-text {
  /*left: 10%;*/
  /*top: 61%;*/
  position: absolute;
  margin-right: 10%;
}

.subtitle-up {
  left: 10%;
  top: 61%;
}

.subtile-down {
  left: 10%;
  top: 43%;
}

.comprobante-text label {
  font-size: 9px;
  text-align: justify;
}

.lb-retencion {
  margin-top: -5px;
  margin-bottom: -0px;
  padding-bottom: 4px;
}

.lb-ver-comprobantes {
  font-size: 18px !important;
  padding-top: 5px;
}

.lb-importar-comprobantes {
  font-size: 18px !important;
  padding-top: 5px;
  text-align:center;
  font-weight: bold;
}

.content-form {
  //width: 90%;
  width: 760px;
  background-color: #ECECEC;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 10%;
  padding-bottom: 40px;
  margin-top: 18px;
  color: #666;
  font-size: 12px;
}
.content-form-general{
  //width: 90%;
  //width: 740px;
  background-color: #ECECEC;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 10%;
  padding-bottom: 40px;
  margin-top: 18px;
  color: #666;
  font-size: 12px;
}
.form-subtitle{
  text-align: left;
  margin-left: -35px;
  margin-right: -20%;
  padding-left: 35px;
  padding-top: 5px;
  //padding-bottom: 2px;
  background-color: #e3e3e3;
}

.form-subtitle img {
  width: 20px;
}

.form-subtitle label {
  margin-left: 10px;
  font-weight: bold;
}

.form-subtitle i {
	font-size: 20px;	
}

.form-control {
    //height: calc(2.25rem + 2px);
    font-size: 12px !important;
}

.inputbill {
	border-radius: 10px !important;
}

.modal-header h4.modal-title {
    font-weight: 300;
    text-align: center;
}

.table-data {
	font-size: 12px;
  	color: #666 !important;
}

.table thead th {
    background-color: #e3e3e3;
}

.table-data th a {
	font-size: 12px !important;
}

.top-nav {
    //margin-top: 7px;
    color: #fff;
    display: inline-block; text-align: right; width: 100%;
    margin-right: 50px;
}

.notification-row {
    float: right;
    //margin-top: 15px;
   // margin-left: 65px;
}

.top-nav .username {
    font-size: 15px;
    color: #ffff;
}

.top-nav ul.top-menu > li > a {
    padding: 8px;
    background: none;
    margin-right: 0;
    margin-top: -12px;
}
ul.top-menu > li > a {
    color: #fed189;
    font-size: 18px;
    padding: 2px 6px;
    margin-right: 15px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.top-nav ul.top-menu > li .dropdown-menu.logout {
    width: 200px !important;
}
.top-nav .dropdown-menu.extended.logout {
    top: 50px;
}
.top-nav li.dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto;
}

ul {
	list-style-type: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0)
.dropdown-menu.extended {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
}
.dropdown-menu.extended {
    max-width: 300px !important;
    min-width: 160px !important;
    top: 42px;
    width: 235px !important;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
    border: none !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.dropdown-toggle::after {
	color: #fff;
	//margin-right: 3em;	
}

.dropdown-menu {
	margin-top: 10px;
}

a.btn.btn-primary.dropdown-toggle {
	padding-right: 12;
	padding-bottom: 22px;
	}