*{ font-size: 13px; }
body{ background: #09112F; }

#page-container{ float: left; width: 100%; /*border: 2px solid red;*/ }
#header{ float: left; width: 100%; /*border: 2px solid green;*/ }
#sidebar{ float: left; width: 12%; /*border: 2px solid purple;*/ }
#container{ float: left; width: 87%; min-height: 600px; background: #EAEDED; /*padding-left: 10px;*/ border-left: 1px solid #CCC; /*border: 2px solid blue;*/ }
#footer{ float: left; width: 100%; /*border: 2px solid brown;*/ }

#side_bar_container{  }
#side-bar-menu{ width: 90% }
#side_bar_menu li{  }
#side-bar-menu li a#date_nav_pill{ font-size: 16px; font-weight: bold; padding: 8px 28px; }
#side_bar_menu li a{ padding: 10px 14px; }

.view_container{ padding-top: 20px; }

	.modal-backdrop.in{ opacity: 0.5 !important; }/*Fondo del Modal*/
	.bg-primary{ background: #09112F !important; }

	
	@media screen and (max-width: 600px) {
		.modal-dialog.modal-lg{ width: 95% !important; max-width: 95% !important; border: 1px solid; }
		.modal-dialog.modal-md{ width: 80% !important; max-width: 80% !important; border: 1px solid; }/* Se Puso ".modal-md", por que ".modal-sm", lo Achica Mucho */
		.modal-content{}
		.modal-content .modal-header{ padding: 10px; }
		.modal-content .modal-body{ padding: 10px; }
	}
	
	
	
	/*Estilos Escritorio*/
	@media screen and (min-width: 600px) {
		.modal-dialog.modal-lg{ width: 70% !important; max-width: 75% !important; border: 1px solid; }
		.modal-dialog.modal-md{ width: 40% !important; max-width: 45% !important; border: 1px solid; }/* Se Puso ".modal-md", por que ".modal-sm", lo Achica Mucho */
		.modal-content{}
		.modal-content .modal-header{ padding: 10px; }
		.modal-content .modal-body{ padding: 10px; }
	}



/* Departamento de Cursores */
    .cursor-default{ cursor: default; }
    .cursor-default-important{ cursor: default !important; }
    .cursor, .pointer, .cursor-pointer{ cursor: pointer; }
    .cursor-important, .pointer-important{ cursor: pointer !important; }
    .cursor-question, .cursor-help{cursor: help; }
    .cursor-question-important, .cursor-help-important{cursor: help !important; }
    .cursor-move{ cursor: move; }
    .cursor-move-important{ cursor: move !important; }
    .cursor-baned{cursor: not-allowed;}
    .cursor-baned-important{cursor: not-allowed !important;}
/* Departamento de Cursores */

/* Departamento de Textos */
    .white, .text-white{ color: #FFF; }
    .white-important, .text-white-important{ color: #FFF !important; }
    .grey, .text-grey{ color: #CCC; }
    .grey-important, .text-grey-important{ color: #CCC !important; }
    
    .text-000{ color: #000; }
    .text-000-important{ color: #000 !important; }
    .text-333{ color: #333; }
    .text-333-important{ color: #333 !important; }
    .text-666{ color: #666; }
    .text-666-important{ color: #666 !important; }
    .text-999{ color: #999; }
    .text-999-important{ color: #999 !important; }
    /*.text-boot{ color: #6f5499; }
    .text-boot-important{ color: #6f5499 !important; }*/
    .text-boot{ color: #563d7c; }
    .text-boot-important{ color: #563d7c !important; }
    
    .boot{ background: #8892BF; }
    .boot-important{ background: #8892BF !important; }
    
    .text-gold{ color: #AF9C19; }
    .text-gold-important{ color: #AF9C19 !important; }
    
    
    a.text-gold:hover{ color: #D8BE10; }
    
/* Clases Textos Definidos */
   /*.text-danger{ color: # !important; }*/
   	/*.text-warning{ color: #EC680C !important; }
   	
   	.text-success{ color: #FCD302 !important; }
   	.text-info{ color: #FFD765 !important; }
   	
   	a.text-info:hover{ color: #EC680C !important; }*/

/* Clases Textos Definidos */
    
    tr.boot{ background: #E6E6E6 !important; }
    tr.boot:hover{ background: #8892BF !important; }
    
    .text-orange{ color: #FF5733; }
    .text-orange-important{ color: #FF5733 !important; }

	.text-transparent{ color: transparent; }
    .text-transparent-important{ color: transparent !important; }

    .text-trimary{ color: #293A4A; }
    .text-trimary-important{ color: #293A4A !important; }
    .underline, .text-underline{ text-decoration: underline; }
    .underline-important, .text-underline-important{ text-decoration: underline !important; }
    .bold, .text-bold{ font-weight: bold; }
    .bold-important, .text-bold-important{ font-weight: bold !important; }
    .hidden-link{ text-decoration: none; }
    .popover-link{ text-decoration: none !important; cursor: help !important; }
    
    .-1-spancing{ letter-spacing: -1px; }
    .-1-spancing-important{ letter-spacing: -1px !important; }
    .-2-spancing{ letter-spacing: -2px; }
    .-2-spancing-important{ letter-spacing: -2px !important; }

    .line-1-spancing{ letter-spacing: -1px; }
    .line-1-spancing-important{ letter-spacing: -1px !important; }
    .line-2-spancing{ letter-spacing: -2px; }
    .line-2-spancing-important{ letter-spacing: -2px !important; }

    .text-interline-10{ line-height: 10px; }
    .text-interline-10-important{ line-height: 10px !important; }
    .text-interline-12{ line-height: 12px; }
    .text-interline-12-important{ line-height: 12px !important; }
    .text-interline-14{ line-height: 14px; }
    .text-interline-14-important{ line-height: 14px !important; }
    .text-interline-16{ line-height: 16px; }
    .text-interline-16-important{ line-height: 16px !important; }

    .text-upper{ text-transform: uppercase; }
    .text-upper-important{ text-transform: uppercase !important; }
    .text-lower{ text-transform: lowercase; }
    .text-lower-important{ text-transform: lowercase !important; }
    .text-capital{ text-transform: capitalize; }
    .text-capital-important{ text-transform: capitalize !important; }

    .text-9{ font-size: 9px; }
    .text-9-important{ font-size: 9px !important; }
    .text-10{ font-size: 10px; }
    .text-10-important{ font-size: 10px !important; }
    .text-11{ font-size: 11px; }
    .text-11-important{ font-size: 11px !important; }
    .text-12{ font-size: 12px; }
    .text-12-important{ font-size: 12px !important; }
    .text-13{ font-size: 13px; }
    .text-13-important{ font-size: 13px !important; }
    .text-14{ font-size: 14px; }
    .text-14-important{ font-size: 14px !important; }
    .text-16{ font-size: 16px; }
    .text-16-important{ font-size: 16px !important; }
    .text-17{ font-size: 17px; }
    .text-17-important{ font-size: 17px !important; }
    .text-22{ font-size: 22px; }
    .text-22-important{ font-size: 22px !important; }
    .text-24{ font-size: 24px; }
    .text-24-important{ font-size: 24px !important; }

    .text-left-important{ text-align: left !important; }
    .text-right-important{ text-align: right !important; }
/* Departamento de Textos */

/* Departamento de Padding */
    .no-padding{ padding: 0px; }
    .no-padding-important{ padding: 0px !important; }
    .no-margin{ margin: 0px; }
    .no-margin-important{ margin: 0px !important; }
    .margin-inherit{ margin: inherit; }
    .margin-inherit-important{ margin: inherit !important; }

    .padding-10{ padding: 10px; }
    .padding-10-important{ padding: 10px !important; }
    .padding-20{ padding: 20px; }
    .padding-20-important{ padding: 20px !important; }
    .padding-30{ padding: 30px; }
    .padding-30-important{ padding: 30px !important; }
    .padding-40{ padding: 40px; }
    .padding-40-important{ padding: 40px !important; }
    .padding-50{ padding: 50px; }
    .padding-50-important{ padding: 50px !important; }

    .padding-top-10{ padding-top: 10px; }
    .padding-top-10-important{ padding-top: 10px !important; }
    .padding-top-20{ padding-top: 20px; }
    .padding-top-20-important{ padding-top: 20px !important; }
    .padding-top-30{ padding-top: 30px; }
    .padding-top-30-important{ padding-top: 30px !important; }
    .padding-top-40{ padding-top: 40px; }
    .padding-top-40-important{ padding-top: 40px !important; }
    .padding-top-50{ padding-top: 50px; }
    .padding-top-50-important{ padding-top: 50px !important; }
    
    .padding-bottom-10{ padding-bottom: 10px; }
    .padding-bottom-10-important{ padding-bottom: 10px !important; }
    .padding-bottom-20{ padding-bottom: 20px; }
    .padding-bottom-20-important{ padding-bottom: 20px !important; }
    .padding-bottom-40{ padding-bottom: 40px; }
    .padding-bottom-40-important{ padding-bottom: 40px !important; }
    .padding-bottom-50{ padding-bottom: 50px; }
    .padding-bottom-50-important{ padding-bottom: 50px !important; }
    
    .padding-left-10{ padding-left: 10px; }
    .padding-left-10-important{ padding-left: 10px !important; }
    .padding-right-15{ padding-right: 15px; }
    .padding-right-15-important{ padding-right: 15px !important; }
    .padding-left-20{ padding-left: 20px; }
    .padding-left-20-important{ padding-left: 20px !important; }
    .padding-left-30{ padding-left: 30px; }
    .padding-left-30-important{ padding-left: 30px !important; }
    .padding-left-40{ padding-left: 40px; }
    .padding-left-40-important{ padding-left: 40px !important; }

    .padding-right-10{ padding-right: 10px; }
    .padding-right-10-important{ padding-right: 10px !important; }
    .padding-right-15{ padding-right: 15px; }
    .padding-right-15-important{ padding-right: 15px !important; }
    .padding-right-20{ padding-right: 20px; }
    .padding-right-20-important{ padding-right: 20px !important; }
    .padding-right-30{ padding-right: 30px; }
    .padding-right-30-important{ padding-right: 30px !important; }
    .padding-right-40{ padding-right: 40px; }
    .padding-right-40-important{ padding-right: 40px !important; }

	
	.no-padding-sides{ padding-left: 0px; padding-right: 0px; }
	.no-padding-sides-important{ padding-left: 0px !important; padding-right: 0px !important; }
	
    .padding-sides-10{ padding: 0px 10px; }
    .padding-sides-10-important{ padding: 0px 10px !important; }
    .padding-sides-15{ padding: 0px 15px; }
    .padding-sides-15-important{ padding: 0px 15px !important; }
    .padding-sides-20{ padding: 0px 20px; }
    .padding-sides-20-important{ padding: 0px 20px !important; }
    .padding-sides-30{ padding: 0px 30px; }
    .padding-sides-30-important{ padding: 0px 30px !important; }
    .padding-sides-40{ padding: 0px 40px; }
    .padding-sides-40-important{ padding: 0px 40px !important; }
    .padding-sides-50{ padding: 0px 50px; }
    .padding-sides-50-important{ padding: 0px 50px !important; }

/* Departamento de Padding */

/* Departamento de Margin */
	.margin-top-5{ margin-top: 5px; }
    .margin-top-5-important{ margin-top: 5px !important; }
    .margin-top-10{ margin-top: 10px; }
    .margin-top-10-important{ margin-top: 10px !important; }
    .margin-top-20{ margin-top: 20px; }
    .margin-top-20-important{ margin-top: 20px !important; }
    .margin-top-40{ margin-top: 40px; }
    .margin-top-40-important{ margin-top: 40px !important; }
    .margin-top-50{ margin-top: 50px; }
    .margin-top-50-important{ margin-top: 50px !important; }
    .margin-top-100{ margin-top: 100px; }
    .margin-top-100-important{ margin-top: 100px !important; }

    .margin-bottom-10{ margin-bottom: 10px; }
    .margin-bottom-10-important{ margin-bottom: 10px !important; }
    .margin-bottom-20{ margin-bottom: 20px; }
    .margin-bottom-20-important{ margin-bottom: 20px !important; }
    .margin-bottom-40{ margin-bottom: 40px; }
    .margin-bottom-40-important{ margin-bottom: 40px !important; }
    .margin-bottom-50{ margin-bottom: 50px; }
    .margin-bottom-50-important{ margin-bottom: 50px !important; }


	.margin-left-auto{ margin-left: auto; }
	.margin-left-auto-important{ margin-left: auto !important; }
    .margin-left-0{ margin-left: 0px; }
    .margin-left-0-important{ margin-left: 0px !important; }
    .margin-left-10{ margin-left: 10px; }
    .margin-left-10-important{ margin-left: 10px !important; }
    .margin-left-15{ margin-left: 15px; }
    .margin-left-15-important{ margin-left: 15px !important; }
    .margin-left-20{ margin-left: 20px; }
    .margin-left-20-important{ margin-left: 20px !important; }
    .margin-left-30{ margin-left: 30px; }
    .margin-left-30-important{ margin-left: 30px !important; }
    .margin-left-40{ margin-left: 40px; }
    .margin-left-40-important{ margin-left: 40px !important; }
    .margin-left-50{ margin-left: 50px; }
    .margin-left-50-important{ margin-left: 50px !important; }
    
    .margin-right-auto{ margin-right: auto; }
	.margin-right-auto-important{ margin-right: auto !important; }
	.margin-right-0{ margin-right: 0px; }
    .margin-right-0-important{ margin-right: 0px !important; }
    .margin-right-10{ margin-right: 10px; }
    .margin-right-10-important{ margin-right: 10px !important; }
    .margin-right-15{ margin-right: 15px; }
    .margin-right-15-important{ margin-right: 15px !important; }
    .margin-right-20{ margin-right: 20px; }
    .margin-right-20-important{ margin-right: 20px !important; }
    .margin-right-30{ margin-right: 30px; }
    .margin-right-30-important{ margin-right: 30px !important; }
    .margin-right-40{ margin-right: 40px; }
    .margin-right-40-important{ margin-right: 40px !important; }
    .margin-right-50{ margin-right: 50px; }
    .margin-right-50-important{ margin-right: 50px !important; }
    
    .margin-sides-0{ margin: 0px 0px; }
    .margin-sides-0-important{ margin: 0px 0px !important; }
    .margin-sides-10{ margin: 0px 10px; }
    .margin-sides-10-important{ margin: 0px 10px !important; }
    .margin-sides-15{ margin: 0px 15px; }
    .margin-sides-15-important{ margin: 0px 15px !important; }
    .margin-sides-20{ margin: 0px 20px; }
    .margin-sides-20-important{ margin: 0px 20px !important; }
    .margin-sides-30{ margin: 0px 30px; }
    .margin-sides-30-important{ margin: 0px 30px !important; }
    .margin-sides-40{ margin: 0px 40px; }
    .margin-sides-40-important{ margin: 0px 40px !important; }
    .margin-sides-50{ margin: 0px 50px; }
    .margin-sides-50-important{ margin: 0px 50px !important; }
    
/* Departamento de Margin */

	.no-list{ list-style: none; }
	.no-list-important{ list-style: none !important; }

	.hover-backgroud-ccc{  }
	.hover-backgroud-ccc:hover{ background: #CCC; }
	.hover-backgroud-ccc-important:hover{ background: #CCC !important; }
	.hover-backgroud-333:hover{ color: #FFF; background: #333; }
	.hover-backgroud-333-important:hover{ color: #FFF !important; background: #333 !important; }
	
	.hover-border-warning:hover{ border: 1px solid #EC680C; }
	.hover-border-warning-important:hover{ border: 1px solid #EC680C !important; }
	.hover-border-info:hover{ border: 1px solid #FFD765; }
	.hover-border-info-important:hover{ border: 1px solid #FFD765 !important; }
	
	.border-warning{ border: 1px solid #EC680C; }
	.border-warning-important{ border: 1px solid #EC680C !important; }
	.border-info{ border: 1px solid #FFD765; }
	.border-info-important{ border: 1px solid #FFD765 !important; }
	
	.bg-transparent{ background-color: transparent; }
	.bg-transparent-important{ background-color: transparent !important; }
	
	.bg-info{ background-color: #D9EDF7; }
	.bg-info-important{ background-color: #D9EDF7 !important; }
	
	.bg-gold{ background-color: #AF9C19; }
	.bg-gold-important{ background-color: #AF9C19 !important; }
	
	.bg-ccc{ background-color: #CCC; }
	.bg-ccc-important{ background-color: #CCC !important; }
	.bg-f0f0f0{ background-color: #F0F0F0; }
	.bg-f0f0f0-important{ background-color: #F0F0F0 !important; }
	
	.bordered{ border: 1px solid #464545; }
	.bordered-important{ border: 1px solid #464545 !important; }
	.bordered-ccc{ border: 1px solid #CCC; }
	.bordered-ccc-important{ border: 1px solid #CCC !important; }
	
	.border-top{ border-top: 1px solid; }
	.border-top-important{ border-top: 1px solid !important; }
	.border-bottom{ border-bottom: 1px solid; }
	.border-bottom-important{ border-bottom: 1px solid !important; }
	
	.dotted-bordered{ border: 1px dotted; }
	.dotted-bordered-important{ border: 1px dotted !important; }
	
	.no-border-corner{ border-radius: 0px; }
	.no-border-corner-important{ border-radius: 0px !important; }

/* Departamento de Anchuras */
    .width-auto{ width: auto; }
    .width-auto-important{ width: auto !important; }
    
    .width-percent-10{ width: 10%;}
    .width-percent-10-important{ width: 10% !important;}
    .width-percent-20{ width: 20%;}
    .width-percent-20-important{ width: 20% !important;}
    .width-percent-30{ width: 30%;}
    .width-percent-30-important{ width: 30% !important;}
    .width-percent-40{ width: 40%;}
    .width-percent-40-important{ width: 40% !important;}
    .width-percent-50{ width: 50%;}
    .width-percent-50-important{ width: 50% !important;}
    .width-percent-60{ width: 60%;}
    .width-percent-60-important{ width: 60% !important;}
    .width-percent-70{ width: 70%;}
    .width-percent-70-important{ width: 70% !important;}
    .width-percent-80{ width: 80%;}
    .width-percent-80-important{ width: 80% !important;}
    .width-percent-90{ width: 90%;}
    .width-percent-90-important{ width: 90% !important;}
    .width-percent-100{ width: 100%;}
    .width-percent-100-important{ width: 100% !important;}
    
    .width-20{ width: 20px;}
    .width-30{ width: 30px;}
    .width-50{ width: 50px;}
    .width-60{ width: 60px;}
    .width-70{ width: 70px;}
    .width-90{ width: 90px;}
    .width-100{ width: 100px;}
    .width-150{ width: 150px;}
    .width-200{ width: 200px;}
    .width-250{ width: 250px;}
    .width-300{ width: 300px;}
    .width-400{ width: 400px;}
    .width-500{ width: 500px;}
    .width-1000{ width: 1000px;}
    .width-limit-30{ width: 30px !important; max-width: 30px !important; }
    .width-limit-40{ width: 40px !important; min-width: 40px !important; max-width: 40px !important; }
    .width-limit-50{ width: 50px !important; max-width: 50px !important; }
    .width-limit-60{ width: 60px !important; max-width: 60px !important; }
    .width-limit-70{ width: 70px !important; min-width: 70px !important; max-width: 70px !important; }
    .width-limit-90{ width: 90px !important; min-width: 90px !important; max-width: 90px !important; }
    .width-limit-100{ width: 100px !important; max-width: 100px !important; }
    .width-limit-150{ width: 150px !important; min-width: 150px !important; max-width: 150px !important; }
    .width-limit-200{ width: 200px !important; max-width: 200px !important; }
    .width-limit-250{ width: 250px !important; max-width: 250px !important; }
    .width-limit-300{ width: 300px !important; max-width: 300px !important; }
    .width-limit-350{ width: 350px !important; min-width: 350px !important; max-width: 350px !important; }
    .width-limit-400{ width: 400px !important; max-width: 400px !important; }
    .width-limit-500{ width: 500px !important; max-width: 500px !important; }
    .width-limit-1000{ width: 1000px !important; max-width: 1000px !important; }
    
    .full-width{ width: 100%; }
    .full-width-important{ width: 100% !important; }
    .auto-width{ width: auto; }
    .auto-width-important{ width: auto !important; }
    
/* Departamento de Anchuras */

/* Departamento de Alturas */
    .height-20{ height: 20px;}
    .height-30{ height: 30px;}
    .height-50{ height: 50px;}
    .height-60{ height: 60px;}
    .height-70{ height: 70px;}
    .height-80{ height: 80px;}
    .height-100{ height: 100px;}
    .height-200{ height: 200px;}
    .height-300{ height: 300px;}
    .height-400{ height: 400px;}
    .height-500{ height: 500px;}
    .height-600{ height: 600px;}
    .height-800{ height: 800px;}
    
    .min-height-100{ min-height: 100px; }
    .min-height-100-important{ min-height: 100px !important; }
    .min-height-200{ min-height: 200px; }
    .min-height-200-important{ min-height: 200px !important; }
    .min-height-300{ min-height: 300px; }
    .min-height-300-important{ min-height: 300px !important; }
    .min-height-400{ min-height: 400px; }
    .min-height-400-important{ min-height: 400px !important; }
    
    .height-limit-200{ max-height: 200px !important; overflow-y: scroll; }
    .height-limit-300{ max-height: 300px !important; overflow-y: scroll; }
    .height-limit-400{ max-height: 400px !important; overflow-y: scroll; }
    .height-limit-500{ max-height: 500px !important; overflow-y: scroll; }
    .height-limit-600{ max-height: 600px !important; overflow-y: scroll; }
    .height-limit-800{ max-height: 800px !important; overflow-y: scroll; }
    .height-limit-1000{ max-height: 1000px !important; overflow-y: scroll; }
/* Departamento de Alturas */

.system_date_square { float:left; width: 14.28%; min-height: 80px; cursor: pointer; color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important; border: 1px solid #CCC; text-align: left; }
.system_summary_link { width: 100%; display: block; color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important /*border: 1px solid;*/ }
.system_summary_link:hover{ color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important; font-weight: bold; /*background: #E5E7E9;*/ }
.system_scheduler_link { width: 100%; min-height: 60px; display: block; color: #rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important; /*border: 1px solid red;*/ }
.system_scheduler_link:hover{ color: #rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important; /*background: #E5E7E9;*/ }


#general-bread{ background: #636C7E; }
#general-bread .breadcrumb-item.active{ color: #333; }