.background {
	background: url('/static/images/b0.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.logincontainer {
	background: #fff;
	position: fixed;
	right: 0;
	float: right;
	height: 100%;
	width: 400px;
	margin: 0;
	padding: 0;
	z-index: 1;
	overflow-y: auto;
	overflow-x: hidden;
}

a:hover {
	text-decoration: none;
}

.item-menu:hover {
	color: grey;
}


.bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /*z-index: -1;*/
}

.bg1 {
    background-image: url('/static/images/aok/bg1.png?v=2.0.0');
}

.bg2 {
    background-image: url('/static/images/aok/bg2.png?v=2.0.0');
}

.bg3 {
    background-image: url('/static/images/aok/bg3.png?v=2.0.0');
}

.bg4  {
    background-image: url('/static/images/aok/bg4.png?v=2.0.0');
}

.bg5 {
    background-image: url('/static/images/aok/bg5.png?v=2.0.0');
}

.bg6 {
    background-image: url('/static/images/aok/bg6.png?v=2.0.0');
}

.bg7 {
    background-image: url('/static/images/aok/bg7.png?v=2.0.0');
}

.bg8 {
    background-image: url('/static/images/aok/bg8.png?v=2.0.0');
}

.bg9 {
    background-image: url('/static/images/aok/bg9.png?v=2.0.0');
}

.bg10 {
    background-image: url('/static/images/aok/bg10.png?v=2.0.0');
}

.bg11 {
    background-image: url('/static/images/aok/bg11.png?v=2.0.0');
}

.bg12 {
    background-image: url('/static/images/aok/bg12.png?v=2.0.0');
}

.bg13 {
    background-image: url('/static/images/aok/bg13.png?v=2.0.0');
}

.bg14 {
    background-image: url('/static/images/aok/bg14.png?v=2.0.0');
}

.bg15 {
    background-image: url('/static/images/aok/bg15.png?v=2.0.0');
}

.bg16 {
    background-image: url('/static/images/aok/bg16.png?v=2.0.0');
}

.bg17 {
    background-image: url('/static/images/aok/bg17.png?v=2.0.0');
}

.bg18 {
    background-image: url('/static/images/aok/bg18.png?v=2.0.0');
}

.bg19 {
    background-image: url('/static/images/aok/bg19.png?v=2.0.0');
}

.bg20 {
    background-image: url('/static/images/aok/bg20.png?v=2.0.0');
}

.bg21 {
    background-image: url('/static/images/aok/bg21.png?v=2.0.0');
}

.bg22 {
    background-image: url('/static/images/aok/bg22.png?v=2.0.0');
}

/* Solo existen 22 imagenes, se repite la imagen 1 en la clase bg23 */
.bg23 {
    background-image: url('/static/images/aok/bg1.png?v=2.0.0');
}

/* Solo existen 22 imagenes, se repite la imagen 10 en la clase bg24 */
.bg24 {
    background-image: url('/static/images/aok/bg10.png?v=2.0.0');
}

/* Imagen para pantallas medianas */
@media (max-width: 1024px) {
    .bg24, .bg23, .bg22, .bg21, .bg20, .bg19, .bg18, .bg17, .bg16, .bg15, .bg14, .bg13, .bg12, .bg11, .bg10, .bg9, .bg8, .bg7, .bg6, .bg5, .bg4, .bg3, .bg2, .bg1 {
        background-image: url('/static/images/aok/bg24_m.png?v=2.0.0');
    }
}
/* Imagen para pantallas pequeñas */
@media (max-width: 768px) {
    .bg24, .bg23, .bg22, .bg21, .bg20, .bg19, .bg18, .bg17, .bg16, .bg15, .bg14, .bg13, .bg12, .bg11, .bg10, .bg9, .bg8, .bg7, .bg6, .bg5, .bg4, .bg3, .bg2, .bg1 {
        background-image: url('/static/images/aok/bg24_p.png?v=2.0.0');
    }
      .sidebar-list ul {
                margin-right: 7px !important;
                padding-left: 10px !important;
                padding-right: 10px !important;
            }
}
/* Imagen para pantallas muy pequeñas (como móviles) */
@media (max-width: 430px) {
    .bg24, .bg23, .bg22, .bg21, .bg20, .bg19, .bg18, .bg17, .bg16, .bg15, .bg14, .bg13, .bg12, .bg11, .bg10, .bg9, .bg8, .bg7, .bg6, .bg5, .bg4, .bg3, .bg2, .bg1 {
        background-image: url('/static/images/aok/bg24_sp.png?v=2.0.0');
    }
}



.item-menu {
	color: white;
	font-size: 11px;
	margin-right: 10px;
	margin-top: 8px
}

.bg-footer {
	background-color: #005dc1;
}

.clock {
	font-size: 20px;
	margin-top: 0;
}

.namelogo {
	font-size: 16px;
	margin-top: 3px;
	margin-left: 10px;
}

.bg-header {
	background-color: #005dc1;
	padding-top: 8px;
}


.navbar .divider-vertical {
	height: 40px;
	margin: 0 9px;
	border-right: 1px solid #fff;
	border-left: 1px solid #f2f2f2
}

.nav>li>a {
    background-color: #eee;
}

.table>thead>tr {
    background-color: lightgrey;
}

.btn {
	cursor: pointer; cursor: hand;
	font-weight: 400 !important;
	padding: 5px 12px !important;
  font-size: 13px !important;
}

.btn-group-sm > .btn, .btn-sm {
  padding: .25rem .5rem;
  font-size: .75rem !important;
  border-radius: .2rem;
}
.btn-tini {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 8px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important
}


  .btn-xs{
            padding:.15rem .45rem !important;
            font-size:14px !important;
            border-radius:.45rem !important;
        }
.mail {
	cursor: pointer; cursor: hand;
}

.hand {
	cursor: pointer; cursor: hand;
}

.containerfotopersona {
	display: block;
	padding: 4px;
	text-align: center;
	line-height: 20px;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.desktop {

}

.icon {
	width: 130px;
	float: left;
	height: 160px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fafafa;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	border-radius: 3px;
}

.icon.hovered {
	background: #eeedef;
	cursor: pointer;
	cursor: hand;
}

.icon .iconname {
	font-weight: bold;
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
	font-size: 14px;
	line-height: 10px;
}

.icon .icondesc {
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
}

.icon .iconimage {
	width: 100%;
	text-align: center;
}

.icon .iconimage img {
	height: 80px;
}

.divider {
	margin-left: 10px;
	margin-right: 10px;
}

.form {
	position: relative;
	background-color: #f7f7f9;
	min-height: 10px;
}


body{
	font-size: 11px;
}

.selectorfecha, .selectorhora {
	text-align: center;
	width: 100px;
	min-width: 100px;
}


.header-nomargin {
	padding: 10px 2px 0px 10px;
}

.help-text {
	color: red;
	font-size: 10px;
}


.imp-number { width: 100px; min-width: 100px; }

.imp-number-center { width: 100px; min-width: 100px; text-align: center; display: inherit}

.imp-number-right { width: 100px; min-width: 100px; text-align: right}

.imp-codigo { width: 200px; min-width: 200px; }

.imp-color { width: 100px; min-width: 100px; }

.imp-numbersmall { width: 60px; min-width: 60px; text-align: center}

.imp-numbersmall-center { width: 60px; min-width: 60px; text-align: center; display: inherit}

.imp-numbermed-center { width: 70px;  min-width: 70px; text-align: center; display: inherit}

.imp-numbermed-center-cupo { width: 40px;  min-width: 40px; text-align: center; display: inherit}

.imp-numbersmall-center-insumo { width: 40px; text-align: center; display: inherit; font-size: 11px; padding: 0}

.imp-numbermed-center { width: 70px; text-align: center; display: inherit}

.imp-numbermed-right { width: 70px;  min-width: 70px; text-align: right}

.imp-moneda { width: 100px;  min-width: 100px; text-align: right; display: inherit}

.imp-anio { width: 50px;  min-width: 50px; text-align: center }

.imp-cedula { width: 110px; min-width: 110px;}

.imp-ruc { width: 150px; min-width: 150px;}

.imp-telefono { width: 150px; min-width: 150px;}

.imp-email { width: 50%;}

.imp-10 { width: 10%;}

.imp-12 { width: 15%;}

.imp-25 { width: 25%;}

.imp-50 { width: 50%;}

.imp-75 { width: 75%;}

.imp-100 { width: 100%;}

.formmodal {

}
.blinkimg { animation: blink 1s;
    animation-iteration-count: infinite; }

.eliminacionmodal {

}

.confirmacionmodal {

}

.responsive {

}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.blinkimg { animation: blink 1s;
            animation-iteration-count: infinite; }

span {
	font-size: 11px;
}