.backgroundColor { background: #dcdcdc; }

/* ==========================================
	The Basics
   ========================================== */
html, body {
  height: 100%;
}

/* ==========================================
	Specifics
   ========================================== */
#wrap {
  min-height: 100%;
  height: auto !important;
  margin: 0 auto -45px;
  padding: 0 0 60px;
}
	#wrap > .container {
	  padding: 50px 15px 0;
	}

.container .credit {
  margin: 10px 0;
  font-size: 14px;
}

.containerColor {
	padding: .75em 1.5em 1.5em;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.65);
	border: 1px #dcdcdc solid;
    border-top: 0;
}

#footer {

    background-color: #f5f5f5;
}

#footer > .container {
    padding-left: 10px;
    padding-right: 10px;
}

.floatRight { float: right; }
.alignRight { text-align: right; }

.fieldIns {
    color: #888888;
    float: right;
    font-size: 0.9em;
    margin-right: 0.25em;
}

.imgBorderLeft {
	border: 5px solid white;
	box-shadow: 0 1px 2px #999;
	max-height: 85px;
	float: left;
	margin: 0 1em 0 0;
}
.imgBorder {
	border: 5px solid white;
	box-shadow: 0 1px 2px #999;
	max-height: 85px;
	margin: 0 1em 0 0;
}
.searchImgBorder {
	border: 3px solid white;
	box-shadow: 0 1px 2px #999;
	max-height: 55px;
	float: left;
	margin: 0 1em 0 0;
}
.tableImgBorder {
	border: 2px solid white;
	max-height: 25px;
}

.hasError {
	border-color: #b94a48;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.socialBtn { margin: 0 2px 2px 0; }

.userBio { min-height: 130px; }

.iconForm .iconsubmit {
    background-color: transparent;
    border: none;
    color: #ff0000;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
	.iconForm button { padding: 0; }

.profileLead { min-height: 90px; }

/* ==========================================
	easyAlert Notifications
   ========================================== */
.alertMsg {
    font-size: 14px;
	font-family: 'Open Sans', sans-serif;
    line-height: 1.5em;
    margin: 20px 0;
    padding: 12px 30px 10px 20px;
    position: relative;
}
	.alertMsg i {
		font-size: 18px;
		margin-right: 10px;
	}

.alertMsg .alert-close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAXElEQVR4XnXPsQ1AIQgE0KsYAWf6NDoClfuP8CGAFEY63sUcwobwgVHDtlHwxIaCk9W26ZEY74iccxP0Ag3u96Pg8HDO6Oau7K6bO3qXv88lrKzsM1b9XYIzEucf0sMh9ZVCt9gAAAAASUVORK5CYII=) no-repeat scroll 0 0 transparent;
    display: block;
    height: 12px;
    opacity: 0.4;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -999px;
    top: 15px;
    width: 12px;
}
	.alertMsg .alert-close:hover { opacity: 1; }

.easyAlert { display: none; }

.alertMsg.notice {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #dcdcdc;
    border-bottom: 3px #888 solid;
    color: #333333;
}
.alertMsg.primary {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #428bca;
    border-bottom: 3px #1c3d5e solid;
    color: #ffffff;
}
.alertMsg.info {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #5bc0de;
    border-bottom: 3px #206376 solid;
    color: #ffffff;
}
.alertMsg.success {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #5cb85c;
    border-bottom: 3px #2d662d solid;
    color: #ffffff;
}
.alertMsg.warning {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #f0ad4e;
    border-bottom: 3px #a86404 solid;
    color: #ffffff;
}
.alertMsg.danger {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #d9534f;
    border-bottom: 3px #88201c solid;
    color: #ffffff;
}
.alertMsg.inverse {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #474949;
    border-bottom: 3px black solid;
    color: #ffffff;
}

/* ==========================================
	StackTable Data Tables
   ========================================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
}
tr { border-bottom: 1px solid #d5d5d5; }

th {
	background: #f5f5f5;
	color: #444;
	font-weight: bold;
    border-top: 1px solid #d5d5d5;
}
	th:first-of-type { border-left: 1px solid #d5d5d5; }
    th:last-of-type { border-right: 1px solid #d5d5d5; }
	td, th {
		padding: 2px;
		text-align: center;
		font-size: 13px;
	}
	td { border-right: 1px solid #d5d5d5; }
	td:first-of-type { border-left: 1px solid #d5d5d5; }
	td a { font-weight: normal; }
	td a:hover { text-decoration: none; }

.sub {
    font-weight: bold;
    background: #f5f5f5;
}

.primary th {
    background: #428bca;
    color: #ffffff;
}
    .sub.primary  {
        font-weight: bold;
        color: #428bca;
    }
.success th {
    background: #5cb85c;
    color: #ffffff;
}
    .sub.success  {
        font-weight: bold;
        color: #5cb85c;
    }
.warning th {
    background: #f0ad4e;
    color: #ffffff;
}
    .sub.warning  {
        font-weight: bold;
        color: #f0ad4e;
    }
.danger th {
    background: #d9534f;
    color: #ffffff;
}
    .sub.danger  {
        font-weight: bold;
        color: #d9534f;
    }
.info th {
    background: #5bc0de;
    color: #ffffff;
}
    .sub.info  {
        font-weight: bold;
        color: #5bc0de;
    }

.stacktable { width: 100%; }
.st-head-row a { color: #fff !important; }
.st-head-row.st-head-row-main { font-size: 14px; padding-top: .4em; }
.st-key {
	padding-left: 1%;
    text-align: center;
	font-weight: bold;
}
.st-val { text-align: center; }

.stacktable.large-only { display: table; }
.small-only { display: none; }

.table-striped  tr:nth-child(odd) > td,
.table-striped tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover  tr:hover > td,
.table-hover  tr:hover > th {
  background-color: #f5f5f5;
}

@media only screen and (max-width: 650px) {
	.large-only { display: none; }
	.stacktable.small-only { display: table; }

    .containerColor {
        padding: .2em .5em .5em;
    }
}

/* ==========================================
	Tool Tips
   ========================================== */
.tooltip {
    display: none;
    position: absolute;
    margin-top: -50px;
	padding: 6px 12px;
	line-height: 16px;
    color: #222222;
}


/* Color */
.navbar {
background-color: #bdc3c7;
}

.navbar-brand {
padding: 10px 0px 0px 15px;
}

/* panel */
.panel-primary .oscuro, .panel-primary .oscuro ic {
color: #333;
}
.panel-info .oscuro, .panel-info .oscuro ic {
color: #555;
}

.espacio {
    padding-top: 10px;
}

/* Oculo */
.oculto {display: none;}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.col-centered button {
    vertical-align: bottom;
}

/* error */
label.error {
    position: relative;
    width: auto;
    height: auto;
    padding: 5px;
    background: #e74c3c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 0px #c0392b;
    -moz-box-shadow: 1px 1px 5px 0px #c0392b;
    box-shadow: 1px 1px 5px 0px #c0392b;
    color: #fff;
    font-size: 12px;
}

/* Modales */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}

#modales {
    left:50%;
    margin:-300px 0 0 -35%;
    opacity: 0;
    position:fixed;
    top:-50%;
    visibility: hidden;
    width:70%;
    box-shadow:0 3px 7px rgba(0,0,0,.25);
    box-sizing:border-box;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    z-index: 9999;
}
/* Make the modal appear when targeted */
#modales:target {
    opacity: 1;
    top:50%;
    visibility: visible;
}
#modales .footer {
    border-bottom: 1px solid #e7e7e7;
    border-radius: 5px 5px 0 0;
}
#modales .footer {
    border:none;
    border-top: 1px solid #e7e7e7;
    border-radius: 0 0 5px 5px;
}
#modales h2 {
    margin:0;
}
#modales span {
    margin-left: 15px;
}
#modales .btn {
    float:right;
    margin-right: 15px;
    margin-bottom: 10px;
}
#modales .copy {
    padding:15px;
}
.modales-content {
    background: #f7f7f7;
    position: relative;
    z-index: 9999;
    border-radius:5px;
}
#modales .copy {
    background: #fff;
}

/* Shopping Cart */

#products-wrapper {
    margin-right: auto;
    margin-left: auto;
    font: 12px Arial, Helvetica, sans-serif;
}
.products {
    float:center;
}
.product {
    margin-bottom: 10px;
    height: auto;
    background: #F0F0F0;
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #F8F8F8;

}
.product .product-thumb {
    float: left;
    height: 100px;
    width: 100px;
    margin-right: 10px;
}
.product .product-content{
    overflow:hidden;
}
.product .product-content h3 {
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    color: #707070;
}
.product .product-info {
    float: right;
    font-size: 13px;
    font-weight: bold;
    margin-top:-10px;
}

.shopping-cart{
    float:center;
    background: #F0F0F0;
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 5px;

}
.shopping-cart h2 {
    background: #E2E2E2;
    padding: 4px;
    font-size: 14px;
    margin: -10px -10px 5px;
    color: #707070;
}

.shopping-cart h3,.view-cart h3 {
    font-size: 12.5px;
    margin: 0px;
    padding: 0px;
}
.shopping-cart ol{
    padding: 1px 0px 0px 15px;
}
.shopping-cart .cart-itm, .view-cart .cart-itm{
    border-bottom: 1px solid #DDD;
    font-size: 11px;
    font-family: arial;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.shopping-cart .remove-itm, .view-cart .remove-itm{
    font-size: 14px;
    float: right;
    background: #D5D5D5;
    padding: 4px;
    line-height: 8px;
    border-radius: 3px;
}
.shopping-cart .remove-itm:hover, .view-cart .remove-itm:hover{
    background: #C4C4C4;
}
.shopping-cart .remove-itm a, .view-cart .remove-itm a{
    color: #888;
    text-shadow: 1px 1px 1px #ECECEC;
    text-decoration:none;
}

.check-out-txt{
    float:right;
}

/*** view cart **/
.view-cart{
    float:left;
    background: #F0F0F0;
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 5px;
}
.view-cart .p-price{
    float: right;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
}
.view-cart .product-info{width:80%;}

/* Animation */
.animado {
    -webkit-animation: bounce 1.5s ease-out;
    -moz-animation: bounce 950ms ease-out;
    -o-animation: bounce 950ms ease-out;
    animation: bounce 1.5s ease-out;
}

@-webkit-keyframes bounce{0%{-webkit-transform:translateY(-100%)}5%{-webkit-transform:translateY(-100%)}15%{-webkit-transform:translateY(0);padding:4px auto}20%{-webkit-transform:translateY(-80%)}25%{-webkit-transform:translateY(0%);padding:4px auto}30%{-webkit-transform:translateY(-70%)}35%{-webkit-transform:translateY(0%);padding:5px auto}40%{-webkit-transform:translateY(-60%)}45%{-webkit-transform:translateY(0%);padding:5px auto}50%{-webkit-transform:translateY(-50%)}55%{-webkit-transform:translateY(0%);padding:6px auto}60%{-webkit-transform:translateY(-30%)}65%{-webkit-transform:translateY(0%);padding:6px auto}70%{-webkit-transform:translateY(-15%)}75%{-webkit-transform:translateY(0);padding:8px auto}80%{-webkit-transform:translateY(-10%)}85%{-webkit-transform:translateY(0);padding:8px auto}90%{-webkit-transform:translateY(-5%)}95%{-webkit-transform:translateY(0);padding:10px}100%{-webkit-transform:translateY(0);padding:10px}}@-moz-keyframes bounce{0%{-moz-transform:translateY(-100%);opacity:0}5%{-moz-transform:translateY(-100%);opacity:0}15%{-moz-transform:translateY(0);padding-bottom:5px}30%{-moz-transform:translateY(-50%)}40%{-moz-transform:translateY(0%);padding-bottom:6px}50%{-moz-transform:translateY(-30%)}70%{-moz-transform:translateY(0%);padding-bottom:7px}80%{-moz-transform:translateY(-15%)}90%{-moz-transform:translateY(0%);padding-bottom:8px}95%{-moz-transform:translateY(-10%)}97%{-moz-transform:translateY(0%);padding-bottom:9px}99%{-moz-transform:translateY(-5%)}100%{-moz-transform:translateY(0);padding-bottom:9px;opacity:1}}@-o-keyframes bounce{0%{-o-transform:translateY(-100%);opacity:0}5%{-o-transform:translateY(-100%);opacity:0}15%{-o-transform:translateY(0);padding-bottom:5px}30%{-o-transform:translateY(-50%)}40%{-o-transform:translateY(0%);padding-bottom:6px}50%{-o-transform:translateY(-30%)}70%{-o-transform:translateY(0%);padding-bottom:7px}80%{-o-transform:translateY(-15%)}90%{-o-transform:translateY(0%);padding-bottom:8px}95%{-o-transform:translateY(-10%)}97%{-o-transform:translateY(0%);padding-bottom:9px}99%{-o-transform:translateY(-5%)}100%{-o-transform:translateY(0);padding-bottom:9px;opacity:1}}@keyframes bounce{0%{transform:translateY(-100%);opacity:0}5%{transform:translateY(-100%);opacity:0}15%{transform:translateY(0);padding-bottom:5px}30%{transform:translateY(-50%)}40%{transform:translateY(0%);padding-bottom:6px}50%{transform:translateY(-30%)}70%{transform:translateY(0%);padding-bottom:7px}80%{transform:translateY(-15%)}90%{transform:translateY(0%);padding-bottom:8px}95%{transform:translateY(-7%)}97%{transform:translateY(0%);padding-bottom:9px}99%{transform:translateY(-3%)}100%{transform:translateY(0);padding-bottom:9px;opacity:1}}

/* Checked */
input[type=checkbox].checkmatri {display:none;}

span.spanmatri {
background-color:#373740;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
color:#FFF;
font-size:.85em;
letter-spacing:.5px;
text-decoration:none;
font-family:'PT Sans', sans-serif;
text-align:center;
width:100%;
height:100%;
line-height:20px;
padding: 5px 10px 5px 25px;
cursor:pointer;
display:inline-block;
margin: 0 auto;
-webkit-transition:background-color 150ms ease-in;
-moz-transition:background-color 150ms ease-in;
-ms-transition:background-color 150ms ease-in;
-o-transition:background-color 150ms ease-in;
transition:background-color 150ms ease-in;
}

span.spanmatri:hover {
background-color:#ff5847;
}

.spanmatri.disabled {
cursor: not-allowed;
pointer-events: none;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}

input[type=checkbox].checkmatri:checked + span.spanmatri {
background-color:#ff5847;
text-decoration:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background:#ff5847 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX9JREFUeNpi+P//PwMNsS4QbwBiLnQ5WlqqAsRP/0PARiBmoYfFkkB8+z8qWALEjLS0mB+IL/3HDibSymJQXB7/jx/UgNSCvU4lwAbEG4DYkwi1WUxUspQZiOcRaSkIWOAKMk0Sg3jaf+IBOIVjMyQWiH8DsR+RljaTYOkBWJ5GNwRk2R+ooh9A7ETA0jwSLL0ATfEYqRpkyVc0xR+A2AyHpdFA/I9IS0F5WhRbAWIEtQQbeAXE6lhC5jeRlj4GYgVsRaYK1HBCmmWgmuyxhAwu8BpaXjNgs/gYkYbcAGIXPCGDDkCOM8eVPkCEFhE+JhX8BGJnfAkTxgC57BOVLAXlihBC2RA9Vf+k0FJQKk8nJv+jCwQi5WNyQAWxpR02wRQS8icy6CKlmMUlUUGipfOQK3lKLAbhdhIKfWZS6258kiAfzCZg6V4gZiOn0UBIAcgn63BYehK50Ke2xQxQH+3FUoqJUtJMIlYhLxAfxVJu09xiWENuMxCrUaNhCBBgAOAVfjALa5TLAAAAAElFTkSuQmCC) no-repeat 4% center;
background-size:15px 13px;
}

input[type=checkbox].checkmatri:checked:hover + span.spanmatri {
background-color:#dd5244;
color:rgba(255,255,255,0.5);
text-decoration:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background:#dd5244 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNq8110OgjAMAGBGvIY3VESjt9jPg95PT+LccBIZ7dYOWJPGB+g+Ymg3hLW2QeLkcu/y2pSFdvl0eQevehjI3uXbfkMh96TShFq/xhG6J4faAtxEtSBOQTm4QWpnOBWl4CZT69fuYpiCpnBDrB1xLhrjgoFO8F1oGcFslUv4bV32zFoxmOHJta0XMn65dC0UaiddA8UGiN4axeC1cUkdmWviEls/NwL1FqjPNtNvoimPdC3yRCUTiTXbt0R/oSnw2iiK10BBvBY6w2uiE3xJr8oFtcrvxy/fVcyeVdGx98yotcOxN/znHeMUIhdMOG8c4reagssF43VEoT5O4ZJwvNUUFJtcEE5BMXyGpnanf5yDxjiI+hSJj7YunEBvhbuTCh9tD+jiR4ABAJ0SrJgNr1UAAAAAAElFTkSuQmCC) no-repeat 4% center;
background-size:15px 15px;
}

input[type=checkbox].checkmatri:disabled + span.spanmatri {
    cursor: not-allowed;
    opacity: 0.6;
}

/*==========  Estilos Matricula Sit  ==========*/

/*capacidad*/
input[type=checkbox].grupolleno:disabled + span.spanmatri{
    background-color: #3498db;
}

/*matriculado*/
input[type=checkbox].matriculado:disabled + span.spanmatri{
    background-color: #2969B0;
}

/*matriculadoant*/
input[type=checkbox].matriculadoant + span.spanmatri{
    background-color: #e67e22;
}
input[type=checkbox].matriculadoant:hover + span.spanmatri{
    background-color: #ff5847;
}

/*aprobado*/
input[type=checkbox].aprobado:disabled + span.spanmatri{
    background-color: #2ecc71;
}

/*desaprobado*/
input[type=checkbox].desaprobado + span.spanmatri{
    background-color: #c0392b;
}
input[type=checkbox].desaprobado:hover + span.spanmatri{
    background-color: #ff5847;
}

/*requisito*/
input[type=checkbox].requisito + span.spanmatri{
    background-color: #9b59b6;
}

/* badge */
.badge{
    font-size: 10.5px;
}


/*==========  Asistencia  ==========*/
.onoffswitch {
    position: relative; width: 45px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "A";
    padding-left: 10px;
    background-color: #2ECC71; color: #FFFFFF;
    text-align: left;
}

.onoffswitch-inner:after {
    content: "F";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 12px; margin: 5px;
    height: 12px; background: #FFFFFF;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 21px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.ciclos:nth-of-type(odd) {
    background: #e0e0e0;
}

.table > thead > tr > th, .table > tbody > tr > td {
    vertical-align: middle;
}


/*=====================================
=            Control Pagos            =
=====================================*/

.form-wrapper {
    width: 400px;
    padding: 8px;
    margin: 10px auto 30px;;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: #dedede #bababa #aaa #bababa;
    box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
    border-radius: 10px;
    background-color: #f6f6f6;
    background-image: linear-gradient(top, #f6f6f6, #eae8e8);
}

.form-wrapper #codigo {
    width: 245px;
    padding: 10px 5px 10px 43px;
    float: left;
    font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    border-radius: 3px;
    background: #fff url(../images/barcode.png) no-repeat 6px center;
}

.form-wrapper #codigo:focus {
    outline: 0;
    border-color: #aaa;
    box-shadow: 0 1px 1px #bbb inset;
}

.form-wrapper #codigo::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
}

.form-wrapper #codigo:-moz-placeholder {
    color: #999;
    font-weight: normal;
}

.form-wrapper #codigo:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
}

.form-wrapper #submit {
    float: right;
    border: 1px solid #00748f;
    height: 42px;
    width: 100px;
    padding: 0;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #fafafa;
    text-transform: uppercase;
    background-color: #0483a0;
    background-image: linear-gradient(top, #31b2c3, #0483a0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
}

.form-wrapper #submit:hover,
.form-wrapper #submit:focus {
    background-color: #31b2c3;
    background-image: linear-gradient(top, #0483a0, #31b2c3);
}

.form-wrapper #submit:active {
    outline: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}

.form-wrapper #submit::-moz-focus-inner {
    border: 0;
}

    .flat-table {
        margin-bottom: 20px;
        border-collapse:collapse;
        font-family: 'Lato', Calibri, Arial, sans-serif;
        border: none;
                border-radius: 3px;
               -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
    }
    .flat-table th, .flat-table td {
        box-shadow: inset 0 -1px rgba(0,0,0,0.25),
            inset 0 1px rgba(0,0,0,0.25);
    }
    .flat-table th {
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        padding: 0.8em;
        text-shadow: 0 0 1px rgba(0,0,0,0.1);
        font-size: 1em;
    }
    .flat-table td {
        color: #f7f7f7;
        padding: 0.7em 1em 0.7em 1.15em;
        text-shadow: 0 0 1px rgba(255,255,255,0.1);
        font-size: 1em;
    }
    .flat-table tr {
        -webkit-transition: background 0.3s, box-shadow 0.3s;
        -moz-transition: background 0.3s, box-shadow 0.3s;
        transition: background 0.3s, box-shadow 0.3s;
    }

    .flat-table-1 {
        background: #336ca6;
    }
    .flat-table-1 tr:hover {
        background: rgba(0,0,0,0.19);
    }
    .flat-table-2 tr:hover {
        background: rgba(0,0,0,0.1);
    }
    .flat-table-2 {
        background: #f06060;
    }
    .flat-table-3 {
        background: #52be7f;
    }
    .flat-table-3 tr:hover {
        background: rgba(0,0,0,0.1);
    }

div#spinner
{
    display: none;
    width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    background:url(../images/ajax-loader.gif) no-repeat center #fff;
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    border:1px solid #666;
    margin-left: -50px;
    margin-top: -50px;
    z-index:10;
    overflow: auto;
}

.img-responsive {
    display: inline;
}

/*-----  End of Control Pagos  ------*/



/* tabletools */
div.DTTT { float: left; }
div.dataTables_wrapper { clear: both; }

/* modal-lg */
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}
@media (max-width: 992px) {
    .navbar-brand img {
        display: none;
    }
    .navbar-brand {
        background: url("../images/logo_e.png") no-repeat;
        width: 45px;
        height: 40px;
        margin-top: 10px;
        margin-left: 15px!important;
    }
}


/*----------  Rotate table 90  ----------*/
th.rotar, th.rotar_ {
  position: relative;
  padding: 10px;
}

th.rotar span, th.rotar_ span {
  transform-origin: 0 50%;
  transform: rotate(-90deg);
  white-space: nowrap;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
}


/* Impresion */
@media print {
@page { size: landscape; }
.body {
    margin: 0;
}
h3 {
font-size: 18px;
margin: 0px;
}
.table-responsive, .table-bordered {
margin: 0px;
border: none;
}
.table > tbody > tr > td, .table > thead > tr > th {
padding: 0px;
vertical-align: middle;
}
td, th {
padding: 1px;
font-size: 11.5px;
}
#wrap > .container, .containerColor, .col-md-12 {
    padding: 0px;
    border: none;
    overflow: hidden;
}

a[href]:after { content: "";}
.si-print  { display: inherit !important; }
.no-print   { display: none !important; }

}