@charset "utf-8";

.validation-summary-errors {
    color: red;
}

.customizedHeight {
    height: 45px;
}


.buttonLargeWidth {
    width: 250px;
}


.btnBuscarAzul{
background: url('../Content/images/magnifying-glass-icon.png') left top no-repeat;
float: left;
border: none;
font-size: 14px;
margin-right: 0px;
margin-left: 10px;
margin-top: 0px;
cursor: pointer;
width: 135px;
height: 40px;
}

.btnAgregarGris {
    border: none;
    color: #4A4A4A;
    cursor: pointer;
    float: right;
    font-family: 'La Tiendita Font',sans-serif;
    font-size: 14px;
    margin-right: 0;
    margin-top: 0;
    text-decoration: none;
    width: 75px;
    height: 40px;
    vertical-align: middle;
    display: block;
    line-height:40px;
}

/**
  * Author: Juan F. Guzmán
  * Company: Blackswan
  * Date: 11-Feb-2013
 **/
 
@media (max-width: 999px) and (min-width: 0px)
{
	#infopanel-box { display:none; }
	#notebook-effect { background:url(../Content/images/notebook.png) center top repeat-y; height:562px; width:32px; float:left; position:absolute; margin-top:45px; }
}
@media (max-width: 1024px) and (min-width: 1000px)
{
	#panel-details-products { font-size:16px; margin-top:4px; overflow:auto; }
	#panel-details-products-s2 { font-size:16px; margin-top:4px; overflow:auto; }
	/*#panel-details-products { font-size:16px; margin-top:4px; background:#0F0; min-height:100px; max-height:310px; overflow:auto; }*/
	#notebook-effect { background:url(../Content/images/notebook.png) center top repeat-y; height:562px; width:32px; float:left; position:absolute; margin-top:45px; }
	#infopanel-box { min-width:228px; width:24%; float:right; height:250px; margin-top:25px; }
}
@media (max-width: 1500px) and (min-width: 1025px)
{
	#panel-details-products { font-size:16px; margin-top:4px; overflow:auto; }
	#panel-details-products-s2 { font-size:16px; margin-top:4px; overflow:auto; }
	/*#panel-details-products { font-size:16px; margin-top:4px; background:#F00; min-height:100px; max-height:390px; overflow:auto; }*/
	#notebook-effect { background:url(../Content/images/notebook.png) center top repeat-y; height:604px; width:32px; float:left; position:absolute; margin-top:45px; }
	#infopanel-box { min-width:228px; width:25%; float:right; height:250px; margin-top:25px; }
	.textbox-container-hi-sa-container { margin-left:-4px; }
}
@media (max-width: 1900px) and (min-width: 1501px)
{
	#panel-details-products { font-size:16px; margin-top:4px; overflow:auto; }
	#panel-details-products-s2 { font-size:16px; margin-top:4px; overflow:auto; }
	/*#panel-details-products { font-size:16px; margin-top:4px; background:#F00; min-height:100px; max-height:390px; overflow:auto; }*/
	#notebook-effect { background:url(../Content/images/notebook.png) center top repeat-y; height:688px; width:32px; float:left; position:absolute; margin-top:45px; }
	#infopanel-box { min-width:228px; width:25%; float:right; height:250px; margin-top:25px; }
	.textbox-container-hi-sa-container { margin-left:-4px; }
}
@media (min-height: 100px) and (max-height: 780px)
{
	#panel-details-products { font-size:16px; margin-top:4px; overflow:auto; }
	#panel-details-products-s2 { font-size:16px; margin-top:4px; overflow:auto; }
	#notebook-effect { background:url(../Content/images/notebook.png) center top repeat-y; height:562px; width:32px; float:left; position:absolute; margin-top:45px; }
}
@media (min-height: 781px) and (max-height: 1800px)
{
	#notebook-effect { background:url(../Content/images/notebook.png) center top repeat-y; height:688px; width:32px; float:left; position:absolute; margin-top:45px; }
}

/* Body Styles */
body, html, input, div, textarea,p { margin:0px; padding:0px; color:#4a4a4a; font-size:14px; font-family: 'La Tiendita Font',sans-serif; }
body { background:#525252 url(../Content/images/texture-effect2.jpg) repeat; height:100%; }
html { height:100%; }
#gradient { background:url(../Content/images/bg-effect.png) repeat-x center; min-height:600px; }

/* Login Styles */
.logo-big { background:url(../Content/images/logo-big.jpg) center no-repeat; width:216px; height:159px; margin:auto; } 
#login-box { margin-top:80px; }
#credentials-box { margin-top:30px; }
#credentials-enter { margin:22px auto 15px auto; }
#login-content { padding:20px 32px 20px 32px; }
#credentials-user { width:135px; background:url(../Content/images/select-automplete.png) center right no-repeat; padding-right:30px; }
#credentials-password { padding-left:10px; width:165px;}
#credits { font-size:13px; color:#f1f1f1; text-align:center; width:447px; margin:15px auto 0px auto; }
#hospital { width:330px; background:url(../Content/images/select-automplete-os.png) center right no-repeat; padding-right:30px; }
.box-small-static { background:#FFF; width:447px; margin:auto; }
.box-small-static-content { padding:20px; }
#UserName { width:135px; background:url(../Content/images/select-automplete.png) center right no-repeat; padding-right:30px; }
#Password { padding-left:10px; width:165px;}


/* Panel Styles */
#gradient-panel { background:url(../Content/images/bg-effect.png) repeat-x center; display:table; height: 100%; width: 100%; margin: 0; }
#box-big-content { display:table-cell; vertical-align:middle; position:relative; }
/*#notebook-effect { background:url(../Content/images/notebook.png) center top repeat-y; height:562px; width:32px; float:left; position:absolute; margin-top:45px; }*/
.box-big-dynamic { background:#FFF; width:72%; height:97%; min-height:640px; min-width:725px; margin:11px 10px 11px 22px; }
.box-big-genenal-content { padding:10px 0px 0px 37px; }
#menu-content { overflow:hidden; padding-right:15px; }
#logo-small { background:url(../Content/images/logo-small.jpg) center no-repeat; width:110px; height:68px; float:left; }
.button-menu-active { background:url(../Content/images/button-menul.jpg) no-repeat top; width:65px; height:51px; color:#6f6f6f; }
.button-menu-inactive { background:url(../Content/images/button-menu.jpg) no-repeat bottom; width:65px; height:51px; color:#6f6f6f; }
.button-inventario-active { background:url(../Content/images/button-inventario.jpg) no-repeat top; width:65px; height:51px; color:#6f6f6f; margin:6px 3px 0px 15px; }
.button-inventario-inactive { background:url(../Content/images/button-inventario.jpg) no-repeat bottom; width:65px; height:51px; color:#6f6f6f; margin:6px 3px 0px 15px; }
.button-traspasos-active { background:url(../Content/images/button-traspasos.jpg) no-repeat top; width:65px; height:51px; color:#6f6f6f; margin:6px 3px 0px 15px; }
.button-traspasos-inactive { background:url(../Content/images/button-traspasos.jpg) no-repeat bottom; width:65px; height:51px; color:#6f6f6f; margin:6px 3px 0px 15px; }
.button-catalogos-active { background:url(../Content/images/button-catalogos.jpg) no-repeat top; width:65px; height:51px; color:#6f6f6f; margin:6px 3px 0px 15px; }
.button-catalogos-inactive { background:url(../Content/images/button-catalogos.jpg) no-repeat bottom; width:65px; height:51px; color:#6f6f6f; margin:6px 3px 0px 15px; }
.button-folios-active { background:url(../Content/images/button-nuevo.jpg) no-repeat top; width:65px; height:51px; color:#6f6f6f; margin:6px 3px 0px 15px; }
.button-folios-inactive { background:url(../Content/images/button-folios.jpg) no-repeat bottom; width:65px; height:51px; color:#6f6f6f; margin:6px 3px 0px 15px; }
.button-salir-active { background:url(../Content/images/button-salir.jpg) no-repeat top; width:65px; height:51px; color:#6f6f6f; margin:6px 3px 0px 15px; }
.button-salir-inactive { background:url(../Content/images/button-salir.jpg) no-repeat bottom; width:65px; height:51px; color:#6f6f6f; margin:6px 3px 0px 15px; }
.button-config-active { background:url(../Content/images/button-config.jpg) no-repeat top; width:65px; height:51px; color:#6f6f6f; margin:6px 3px 0px 15px; }
.button-config-inactive { background:url(../Content/images/button-config.jpg) no-repeat bottom; width:65px; height:51px; color:#6f6f6f; margin:6px 3px 0px 15px; }
.button-maletines-active {
    background: url(../Content/images/button-maletines.jpg) no-repeat top;
    width: 65px;
    height: 51px;
    color: #6f6f6f;
    margin: 6px 3px 0px 15px;
}

.button-maletines-inactive {
    background: url(../Content/images/button-maletines.jpg) no-repeat bottom;
    width: 65px;
    height: 51px;
    color: #6f6f6f;
    margin: 6px 3px 0px 15px;
}

.button-comunicacion-active {
    background: url(../Content/images/button-comunicacion.svg) no-repeat top;
    width: 45px;
    height: 37px;
    color: #6f6f6f;
    margin: 6px 3px 0px 15px;
}

.button-comunicacion-inactive {
    background: url(../Content/images/button-comunicacion.svg) no-repeat bottom;
    width: 45px;
    height: 37px;
    color: #6f6f6f;
    margin: 6px 3px 0px 15px;
}
#button-salir, #button-comunicacion, #button-maletines, #button-config, #button-menu, #button-folios, #button-catalogos, #button-traspasos, #button-inventario {
    float: right;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
}
#workarea { margin-top:17px; }
#step1-box, #step2-box, #step3-box { margin-top:14px; padding-left:35px; }
.step-box { margin-top:14px; padding-left:35px; }
.step-active { color:#1984c7; font-size:35px; }
.step-inactive { color:#bcbcbc; font-size:35px; }
#step1 { position:absolute; float:left; margin-left:-36px; margin-top:-10px; width:300px; }
#step2 { position:absolute; float:left; margin-left:-36px; margin-top:-10px; }
#step3 { position:absolute; float:left; margin-left:-36px; margin-top:-10px; }
.step2-inactive { position:absolute; bottom:25px;}
.step3-inactive { position:absolute; bottom:25px;}
#panel-search-box { margin:10px 0px 15px 0px; font-size:20px; padding:11px 13px 14px 13px; color:#b4b4b4; width:65%; min-width:460px; }
#panel-details-title { font-size:19px; }
.panel-details-subtitle { font-size:19px; }
/*#panel-details-products { font-size:16px; margin-top:4px; min-height:100px; background:#F00; max-height:310px; overflow:auto; }*/
#autocomplete { background:#FFF; border:1px solid #b8b8b8; float:left; min-width:460px; position:absolute; padding:8px; margin-top:3px; }
.autocomplete-item { cursor:pointer; font-size:16px; }
.autocomplete-info-inactive { font-size:14px; padding-bottom:8px; }
.autocomplete-globe-effect { background:url(../Content/images/autocomplete-effect.png) top no-repeat; width:17px; height:10px; position:relative; float:left; margin:-18px 0px 0px 10px; }
.textbox-counter { font-family:Arial, Helvetica, sans-serif; margin:0px; width:65px; text-align:right; font-size:36px; padding:0px; }
.table-details-item { cursor:pointer; font-size:16px; }
#sept1-button-container { margin-top:5px; }
#button-continuar { margin-left:4px;}
#button-print { float:right; width:18px; height:21px; background:url(../Content/images/button-print.png) center no-repeat; margin:6px 20px 0px 0px; }
#icon-ok { margin-left:10px; }
.historial-title { position:absolute; float:left; margin-left:-34px; margin-top:-10px; font-size:24px; color:#4a4a4a; }
.historial-item { line-height:22px; margin:0px 0px 14px 0px; font-size:17px; cursor:pointer; } 
.historial-item-status-bus { background:url(../Content/images/icon-status-bus.png) center no-repeat; width:39px; height:28px; margin-right:20px; float:right; }
.historial-item-status-crono { background:url(../Content/images/icon-status-crono.png) center no-repeat; width:39px; height:33px; margin-right:20px; float:right; }
.historial-item-status-ok { background:url(../Content/images/icon-status-ok.png) center no-repeat; width:39px; height:33px; margin-right:20px; float:right; }
.historial-item-status-process { background:url(../Content/images/icon-status-process.png) center no-repeat; width:39px; height:33px; margin-right:20px; float:right; }
.historial-item-status-bus-big { background:url(../Content/images/icon-status-bus-big.png) center no-repeat; width:68px; height:48px; margin-right:20px; float:right; }
.historial-item-status-crono-big { background:url(../Content/images/icon-status-crono-big.png) center no-repeat; width:68px; height:53px; margin-right:20px; float:right; }
.historial-item-status-ok-big { background:url(../Content/images/icon-status-ok-big.png) center no-repeat; width:68px; height:53px; margin-right:20px; float:right; }
.historial-item-status-process-big { background:url(../Content/images/icon-status-process-big.png) center no-repeat; width:68px; height:53px; margin-right:20px; float:right; }
.historial-subtitle { margin-top:5px; }
.historial-margin-default { margin-right:6px; }
.button-regresar { position:absolute; bottom:45px; }

.validation-summary-valid {
    display: none;
}
    .clear {
        clear: both;
        margin-top: 10px;
    }

/* Panel form */
#form-panel { margin:10px 0px 0px 0px; width:70%; min-width:550px; }
#form-panel .textbox-container-full { padding:5px 6px 6px 9px; margin-bottom:17px; height:40px; }
.textbox-container-full input[type=text] { font-size:16px; color:#9c9c9c; width:32%; }
#form-panel .textbox-container { padding:5px 6px 6px 9px; width:45%; margin-bottom:17px; height:40px; }
.textbox-container input[type=text] { font-size:16px; color:#9c9c9c; width:85%; }
.textbox-container-fr { float:right; }
.textbox-container-fl { float:left; }
#form-panel .textbox-container-hi { padding:5px 6px 6px 9px; width:45%; margin-bottom:17px; height:40px; }
.textbox-container-hi-a { font-size:16px; color:#9c9c9c; width:58%; }
.textbox-container-hi-b-container { overflow:hidden; width:80px; padding:0px; float:right; border-left:1px solid #dcdcdc; background:url(../Content/images/hybrid-textbox-triangle.png) right no-repeat; }
.textbox-container-hi-b { font-size:16px; color:#9c9c9c; width:100px; padding:0px; margin:0px; border:none; -webkit-appearance: none; outline:none; padding-left:6px; }
.textbox-container-hi-sa-container { overflow:hidden; width:88%; padding:0px; }
.textbox-container-hi-sa { font-size:16px; color:#9c9c9c; width:110%; padding:0px; margin:0px; border:none; -webkit-appearance: none; outline:none; }
#form-panel .textbox-container-clean { padding:0px 6px 6px 9px; width:45%; margin-bottom:17px; font-size:16px; color:#9c9c9c; }
.textbox-container-clean-title { font-size:19px; }
#form-panel .textbox-container-full-clean { padding:0px 6px 6px 9px; margin-bottom:17px; height:40px; font-size:16px; color:#9c9c9c; }
.form-label-radio { background:url(../Content/images/radio-button.png) left no-repeat; display:inline-block; height:27px; padding:5px 0px 0px 35px; margin-left:-23px; margin-top:5px; }
.form-label-radio-active { background:url(../Content/images/radio-button-active.png) left no-repeat; display:inline-block; height:27px; padding:5px 0px 0px 35px; margin-left:-23px; }
.form-tag { background:#a5d1ec; padding:2px 6px 3px 8px; width:60px; font-size:15px; color:#FFF; float:left; margin:17px 10px 10px -9px; }
.form-tag-close { font-size:15px; float:right; color:#FFF; margin-top:-3px; }
#form-panel .textbox-container-small-clean { padding:0px 0px 6px 0px; font-size:16px; color:#9c9c9c; width:45%; margin-bottom:17px; }

/* Panel Timer */
.timer-title { overflow:auto; }
.timer-title-item { float:left; font-size:19px; color:#9c9c9c;  }
.timer-title-triangle { background:url(../Content/images/crono-title-triangle.png) center no-repeat; width:5px; height:9px; float:left; margin:11px 10px 0px 10px; }
.timer-counter { overflow:auto; margin-top:10px; }
.timer-counter-item { text-align:center; float:left; position:relative; }
.timer-counter-triangle-top { background:url(../Content/images/crono-counter.png) top no-repeat; width:13px; height:8px; margin:auto; cursor:pointer; z-index:1; }
.timer-counter-triangle-bottom { background:url(../Content/images/crono-counter.png) bottom no-repeat; width:13px; height:8px; margin:auto; cursor:pointer; z-index:1; }
.timer-counter-number { font-size:40px; color:#727272; padding:0px; }
.timer-calendar { font-size:15px; color:#9c9c9c; margin-top:8px; }
.timer-tag { margin-top:5px; }
.timer-tag-item { background:#a5d1ec; padding:2px 9px 3px 9px; font-size:15px; color:#FFF; float:left; margin-right:11px; }
.timer-float-calendar { overflow:auto; width:190px; position:absolute; z-index:5; margin-left:220px; float:right; }

/* Panel form images */
.warning { background:url(../Content/images/warning.png) center no-repeat; width:28px; height:33px; float:right; margin-top:-4px; }
.triangle { background:url(../Content/images/hybrid-textbox-triangle.png) center no-repeat; width:15px; height:21px; float:right; }
.timer-pm { background:url(../Content/images/crono-counter-pm.png) center no-repeat; width:33px; height:38px; margin:12px 0px 0px 8px; }
.timer-am { background:url(../Content/images/crono-counter-am.png) center no-repeat; width:31px; height:36px; margin:12px 0px 0px 8px; }
.timer-ok { padding:5px 5px 1px 5px; margin:17px 0px 0px 14px; }

/* Info Panel Styles*/
/*#infopanel-box { min-width:228px; width:24%; float:right; height:250px; margin-top:25px; }*/
#client-box { width:228px; height:152px; background:#FFF; }
#client-img { width:187px; height:105px; padding:20px 0px 0px 33px; } 
#username-edit { background:#969696 url(../Content/images/bg-hospital.png) bottom repeat-x; width:228px; margin:108px 0px 0px -33px; text-align:left; cursor:pointer; }
#username-edit-content { padding:1px 7px 3px 7px; color:#FFF; font-size:15px; }
#usermame-edit-icon { float:right; width:13px; height:17px; background:url(../Content/images/hispital-edit.png) center no-repeat; margin-top:2px; } 
#client-details { background:url(../Content/images/client-icon.png) left top no-repeat; width:178px; min-height:47px; margin-top:17px; padding:8px 0px 0px 50px; color:#FFF; font-size:14px; line-height:18px; }
#client-details-services { margin-top:7px; }
.client-details-services-item { margin-right:3px; }
.divisor { background:url(../Content/images/divisor.jpg) repeat-x; width:228px; height:2px; }
#notification-box { width:228px; min-height:100px; }
#notification-box-content { padding:0px 1px 0px 1px; color:#FFF; }
#notification-box-title { font-size:22px; }
.notification-item { border:1px solid #878787; background:#5b5b5b; width:224px; margin-top:12px; }
.notification-item-content { padding:7px 7px 7px 38px; color:#FFF; border:1px solid #2c2c2c; font-size:13px; }
.notification-item-icon { float:left; width:23px; height:24px; margin:3px 0px 0px -30px; }
#medicus-logo { background:url(../Content/images/medicus-logo.png) center no-repeat; position:absolute; bottom:20px; }
#calendar-box { width:228px; min-height:100px; }
#calendar-box-content { padding:0px 1px 0px 1px; color:#FFF; }
#calendar-box-title { font-size:22px; }
.calendar-item { border:1px solid #878787; background:#5b5b5b; width:224px; margin-top:12px; }
.calendar-item-content { padding:7px 7px 7px 7px; color:#FFF; border:1px solid #2c2c2c; font-size:13px; overflow:hidden; }
.calendar-item-content-month { text-align:center; font-size:17px; color:#FFF; margin-bottom:5px; }
.calendar-item-content-month-nav-right { background:url(../Content/images/calendar-nav.png) right no-repeat; width:12px; height:17px; float:right; }
.calendar-item-content-month-nav-left { background:url(../Content/images/calendar-nav.png) left no-repeat; width:12px; height:17px; float:left; }
.calendar-item-content-day { float:left; width:17px; margin:2px 6px 2px 6px; color:#FFF; text-align:right; cursor:pointer; }
/*.calendar-item-icon { float:left; width:23px; height:24px; margin:3px 0px 0px -30px; }*/
.password-item { width:224px; margin-top:12px; }
.icon-cancel-edit { background:url(../Content/images/icon-edit-cancel.png) center no-repeat; float:right; width:15px; height:15px; margin:11px 3px 0px 0px; }
#password-box-content { padding:0px 1px 0px 1px; color:#FFF; }
#new-password { width:120px; border-right:1px solid #CCC; }
#confirm-password { width:80px; margin-left:5px; }
#actual-password { width:180px; }
#button-password-save { margin-top:13px; }
.form-step1 { float:right; width:87px; height:87px; background:url(../Content/images/process-step1.png) center no-repeat; margin-right:21px; }
.form-step2 { float:right; width:87px; height:87px; background:url(../Content/images/process-step2.png) center no-repeat; margin-right:21px; }
.form-step3 { float:right; width:87px; height:87px; background:url(../Content/images/process-step3.png) center no-repeat; margin-right:21px; }
.form-step-float-window { background:#a5d1ec; margin-left:-300px; margin-top:10px; width:250px; position:absolute; padding:8px; color:#FFF; font-size:14px; }
.form-step-float-window-triangle { background:url(../Content/images/float-window-triangle.png) center no-repeat; width:7px; height:15px; float:right; margin-right:-15px; }
.form-step-float-window-pencil { background:url(../Content/images/float-window-pencil.png) center no-repeat; width:12px; height:17px; float:right; margin-top:23px; cursor:pointer; }
#product-add { display:none; }
.product-detail-float-window { position:absolute; text-align:left; width:200px; color:#FFF; padding:11px 8px 11px 8px; margin-top:8px; margin-left:-350px;  background:url(../Content/images/float-window-transparency.png) repeat; }
.product-detail-float-window #triangle-image { background:url(../Content/images/transparency-triangle.png) no-repeat; width:19px; height:9px; position:relative; margin:-20px 0px 6px 390px; color:#FFF; font-size:15px; }
.product-detail-float-window #close-button { color: #FFFFFF; float: right; font-size: 18px; height: 35px; margin-top: -10px; text-align: right; width: 100px; }
.product-detail-float-window #title-text { font-size:19px;" class="latiendita-font-semibold }
.product-detail-float-window #content-box { padding:5px; margin-top:5px; margin-bottom:8px; }
.product-detail-float-window #txt-cantidad, #txt-lote { width:85px; }
.product-detail-float-window #txt-lote { padding-left:10px; border-left:1px solid #CCC; }
.product-detail-float-window .concept-item { margin-top:5px; }
.product-detail-float-window .concept-item-close-button { float:right; color:#da1a1a; margin-right:4px; }
.product-detail-float-window .concept-item-text { color:#FFF; margin-left:2px; }

/* Form elements */
.button-separation { margin-right:5px; }
.textbox-box-small { font-family: 'La Tiendita Font'; background:#FFF url(../Content/images/textbox-small.png) repeat-x top; padding:1px; cursor:text; border:none; outline:none; }
.button-big { font-family: 'La Tiendita Font Semibold'; background:#4dabe6 url(../Content/images/button-big.png) repeat-x bottom; border:1px solid #1984c7; font-size:24px; padding:0px 12px 7px 12px; color:#FFF; cursor:pointer; }
.button-small { font-family: 'La Tiendita Font Semibold'; background:#4dabe6 url(../Content/images/button-small.png) repeat-x bottom; border:1px solid #1984c7; font-size:16px; padding:1px 8px 4px 8px; color:#FFF; cursor:pointer; }
.textbox-big { font-family: 'La Tiendita Font'; background:#FFF url(../Content/images/textbox-big.png) repeat-x top; font-size:18px; padding:4px 6px 8px 6px; cursor:text; border:none; outline:none; }
.textbox-box-big { font-family: 'La Tiendita Font'; background:#FFF url(../Content/images/textbox-big.png) repeat-x top; padding:1px; cursor:text; border:none; outline:none; }
.textbox-clean-big { background:none; border:none; padding:4px 6px 8px 6px; font-size:22px; outline:none; }
.textbox-clean { background:none; border:none; outline:none; }


/* Menu */
.menu-princpal-container { width:auto; padding-left:25px; padding-right:15px; display:none; z-index:5; margin-top:10px; }
.menu-princpal-container span { font-size:1.25em; display:block; margin-bottom: 10px; }
.menu-princpal-container-triangle { background:url(../Content/images/transparency-triangle.png) no-repeat; width:19px; height:9px; position:relative; margin:-20px 0px 6px -5px; color:#FFF; margin-bottom:12px; }
.menu-princpal-container-icon-folios { background:url(../Content/images/menu-icon-folios.png) no-repeat; width:17px; float:left; height:18px; margin-left:-25px; margin-top:-1px; }
.menu-princpal-container-icon-inventario { background:url(../Content/images/menu-icon-inventario.png) no-repeat; width:17px; float:left; height:18px; margin-left:-25px; margin-top:1px; }
.menu-princpal-container-icon-traspasos { background:url(../Content/images/menu-icon-traspasos.png) no-repeat; width:17px; float:left; height:18px; margin-left:-25px; margin-top:1px; }
.menu-princpal-container-icon-catalogos { background:url(../Content/images/menu-icon-catalogos.png) no-repeat; width:17px; float:left; height:18px; margin-left:-25px; margin-top:1px; }
.menu-princpal-container-title-padding { padding-top:15px; }
.menu-princpal-container-line-top { height:1px; background:#5d5d5d; margin:10px 0px 0px -26px; }
.menu-princpal-container-line-bottom { height:1px; background:#cbcbcb; margin:0px 0px 12px -26px; }

/* Historial Float Box */
.historial-float-box { position:absolute; z-index:5; padding:8px; background:url(../Content/images/float-window-transparency.png) repeat; margin-left:105px; margin-top:-55px; display:none; }
.historial-float-box-container { overflow:hidden; max-width:500px; max-height:430px; }
.historial-float-box-triangle { background:url(../Content/images/transparency-triangle2.png) no-repeat; width:10px; height:17px; margin-left:-18px; margin-top:52px; position:absolute; }	
.historial-float-box-print { position:absolute; background:url(../Content/images/button-print-historial.png) no-repeat; width:18px; height:18px; right:15px; top:13px; }

/* Report */
.report-table { border-collapse: collapse; margin-top: 20px; min-width: 100%;}
.report-table-title { font-size:16px; }
.report-table-title td { background:#f1f1f1 url(../Content/images/catalog-bg.png) repeat-x top; border-bottom:2px solid #999; }
.report-table-title th { background:#f1f1f1 url(../Content/images/catalog-bg.png) repeat-x top; border-bottom:2px solid #999; }
.report-table a { text-decoration:none; color: #4A4A4A; font-family: 'La Tiendita Font',sans-serif; font-size: 14px; font-weight:normal; }
.report-table-content { color:#9c9c9c; }
.report-hospital { background:none; -webkit-appearance: none; margin-left:75px; padding:2px; width:300px; margin-top:-2px; font-size:16px; color:#9c9c9c; }
.report-hospital-container { background:#F00; width:355px; overflow:hidden; background:url(../Content/images/hybrid-textbox-triangle.png) top right no-repeat; }
.report-menu-add { background:url(../Content/images/report-add.png) no-repeat; width:18px; height:18px; float:right; cursor:pointer; }
.report-menu { float:right; position:relative; margin-right:35px; }
.report-menu-search-container { float:right; padding:4px; margin-right:10px; margin-top:-5px; cursor:pointer; }
.report-menu-pencil { cursor:pointer; }
.report-input { padding:4px 7px 4px 7px; width:85%; }
#reporte_agregar_registro { display:none; }

/* Float Box- Traspasos */
.traspasos-float-window { position:fixed; top:0; width:100%; height:100%; background:url(../Content/images/float-window-transparency-full.png) repeat; display:none; z-index:10; }
.traspasos-float-window-container { width:85%; height:85%; background:#FFF; margin:30px auto 0px auto; position:relative; padding:15px; }
.traspasos-float-window-close { font-size:17px; color:#CCC; float:right; margin-top:-7px; cursor:pointer; }

/* UI Styles */
.rounded-big { border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
.rounded-small { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.rounded-vsmall { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.rounded-small-only-bottom { border-radius: 0px 0px 7px 7px; -moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; }
.rounded-small-only-top { border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; }
.rounded-small-only-right { border-radius: 7px 0px 0px 7px; -moz-border-radius: 7px 0px 0px 7px; -webkit-border-radius: 7px 0px 0px 7px; }
.rounded-small-only-left { border-radius: 0px 7px 7px 0px; -moz-border-radius: 0px 7px 7px 0px; -webkit-border-radius: 0px 7px 7px 0px; }
.rounded-bigger { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.shadow-vertical-vsmall { box-shadow: 0px 1px 2px #5f5f5f; -webkit-box-shadow: 0px 1px 2px #5f5f5f; -moz-box-shadow: 0px 1px 2px #5f5f5f; }
.shadow-vertical-small { box-shadow: 0px 1px 3px #5f5f5f; -webkit-box-shadow: 0px 1px 3px #5f5f5f; -moz-box-shadow: 0px 1px 3px #5f5f5f; }
.shadow-vertical-middle { box-shadow: 0px 2px 7px #000; -webkit-box-shadow: 0px 2px 7px #000; -moz-box-shadow: 0px 2px 7px #000; }
.shadow-vertical-big { box-shadow: 0px 2px 15px #000; -webkit-box-shadow: 0px 2px 15px #000; -moz-box-shadow: 0px 2px 15px #000; }
.shadow-center-big { box-shadow: 0px 0px 15px #000; -webkit-box-shadow: 0px 0px 15px #000; -moz-box-shadow: 0px 0px 15px #000; }
.shadow-center-middle { box-shadow: 0px 0px 7px #000; -webkit-box-shadow: 0px 0px 7px #000; -moz-box-shadow: 0px 0px 7px #000; }
.shadow-center-small { box-shadow: 0px 0px 4px #cecece; -webkit-box-shadow: 0px 0px 4px #cecece; -moz-box-shadow: 0px 0px 4px #cecece; }
@font-face { font-family: 'La Tiendita Font'; src: url('../Content/fonts/segoeuil_0.ttf'); }
@font-face { font-family: 'La Tiendita Font Bold'; src: url('../Content/fonts/seguisb_0.ttf'); }
@font-face { font-family: 'La Tiendita Font Semibold'; src: url('../Content/fonts/segoeui.ttf'); }
.latiendita-font { font-family: 'La Tiendita Font'; }
.latiendita-font-bold { font-family: 'La Tiendita Font Bold'; }
.latiendita-font-semibold { font-family: 'La Tiendita Font Semibold'; }
.title { font-size:35px; color:#1984c7; }
.subtitle { font-size:25px; }
.inactive { /*color:#c5c5c5;*/ color:#bcbcbc; }
.green { color:#76b121; }
.red { color:#c01a1a; }
.font-small { font-size:15px; }
.font-14 { font-size:14px; }
.font-17 { font-size:17px; }
.font-middle { font-size:19px; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }

.odd {
    background-color: #eee;
}

.even {
    background-color: #fff;
}

/* Hacks */
@-moz-document url-prefix()
{
	#box-big-content { vertical-align:top; }
	.box-big-dynamic { background:#FFF; width:72%; height:97%; min-height:640px; min-width:725px; margin:11px 10px 11px 22px; min-height:650px; }
	/*#panel-details-products { font-size:16px; margin-top:4px; min-height:255px; max-height:255px; overflow:auto; }*/
	#notebook-effect { z-index:1; }
	/*#infopanel-box { min-width:228px; width:24%; float:right; height:250px; margin-top:25px; }*/
}






/*
.ui-menu .ui-menu-item a{
    background:white;
    height:25px;
}
*/

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    background-color: white;
    white-space: nowrap;
    text-decoration: none;
    height:30px;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    background-image:none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
    height:30px;
}



table.dataTable tr.odd { background-color:  #ddd; }   /* tr. not tr: */
table.dataTable tr.even { }

.SinExistencia {
    display: none;
}

.NoVisible {
    display: none;
}


.overlay {
    background-color: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0px;
    left: 0px;
    opacity: .5; /* in FireFox */
    filter: alpha(opacity=50); /* in IE */
}