* {margin:0;padding:0;}
:root {
  --tablet: 768px;
  --smallMonitor: 992px;
  --largeMonitor: 1200px;
}
body {max-width:100vw; max-height:100vh; height:100vh; font-family: Verdana, Arial, Helvetica, sans-serif;background-color:#d1e0e0;}
body ::-webkit-scrollbar {width: 6px;}
a {text-decoration:none; color:#333;}

.clear {clear:both;}
.fright{float:right;}
.fleft{float:left;}
.link, .linkm{cursor:pointer !important;}
.link:hover{color:cornflowerblue !important;}
.linkm:hover{/*color:#C9D4D1 !important;*/ color:black !important; text-shadow: 0px 1px #333 !important; background-color:#339aff !important;}
.link9:hover{font-size:.9rem;}
.nolink {cursor:default !important; color:black;}
.ui.vertical.menu.sidebar-menu {margin-top: 60px !important;max-height:calc(100% - 60px) !important;height: calc(100% - 60px) !important;}
.ui.vertical.menu.sidebar-menu .item i.icon {float:left;margin: 0em 0.5em 0em 0em;}
.ui.vertical.menu .menu .item {padding:10px;font-size:1rem !important;color:white !important;padding-left:20px; }
.masideactive {color:black !important; background-color:#66b3ff !important;}
.titulaside {margin:0 !important;padding:0px !important;text-align:center;font-size:.8rem !important;border-top:1px solid #889B9B !important;border-radius:0 !important;}

#menutop {height:60px;}
.main-content {padding-top:60px;}

#sys_accion, #sys_info {position:absolute;top:8px;right:8px; width:auto; border-radius:3px;z-index:1501;}
#sys_accion span, #sys_info span {padding-top:12px;}
#dflotante {
  position:absolute;top:68px;margin-left:250px; border:1px solid #a3a3a3; display:none; opacity:1; /*z-index:1890 !important;*/
  box-shadow: 5px 5px 5px #888888; max-height: calc(100% - 90px) !important; overflow:auto;
}
#floattitulo{padding:6px;color:white;background-color:#758B8B;}

#content {min-height: 100px;}
.ui.grid{padding: 0 !important;}
.pushable.segment{margin: 0 !important;}

/* texto */
.tright {text-align:right;}
.tleft {text-align:left;}
.tcenter{text-align:center;}
.tjustify{text-align:justify;}
.fs7 {font-size:.7rem;}
.fs8 {font-size:.8rem;}
.fs9 {font-size:.9rem;}
.fs1 {font-size:1rem;}
.fs11 {font-size:1.1rem;}
.fs12 {font-size:1.2rem;}
.fs13 {font-size:1.3rem;}
.fs14 {font-size:1.4rem;}
.fbold {font-weight:bold;}
.fnorm {font-weight:normal;}

/* colors */
.fcwhite {color:white !important;}
.fcgreen {color:green;}
.fcred {color:red;} 
.fcorange {color:orangered;}
.fcazul {color:dodgerblue;}
.fcgris {color:#ccc;}
.fcoscuro {color:#333;}
.fcsombra {color:#666;}

.bgmain {background-color:#d1e0e0 !important;}
.bgmenu {background-color:#2175bc !important; color:white !important;}
.bgazul{background-color:#2175bc;}
.bgcel {background-color:#a4c0f4;}
.bgcel2 {background-color:#f3ed9f;}
.bgblack{background-color:black;}
.bgyellow {background-color:yellow;}
.bggold {background-color:gold;}
.bgorange {background-color:orange;}
.bgred {background-color:red;}
.bgred2 {background-color:red;color:white;padding:3px;border-radius:4px;}
.bggreen2 {background-color:green;color:white;padding:3px;border-radius:4px;}
.bggreen {background-color:green;}
.bgblanco {background-color:rgb(252, 250, 247) ;}
.bgselect {background-color:#66FF66;}
.bggreenpastel {background-color:#baf3ba;}
.bggris {background: color #c3c3c3;;}

.blackshadow{text-shadow:1px 1px #333;}
.whiteshadow{text-shadow:1px 1px white;}
.grisshadow{text-shadow:1px 1px #d7d7d7;}

.divcap {/*height:45px;*/padding:10px;border-bottom: 1px dotted #ccc;}
.divconten {background-color:#dfebeb;}
.paginator {background-color:#dfebeb !important;border:0 !important;border-radius:0 !important;box-shadow:0 !important;}
.pregistros {font-size:11px;;}

/* padings y margins */
.pd2 {padding:2px;}
.pd4 {padding:4px;}
.pd6 {padding:6px;}
.pd8 {padding:8px;}


/* tablas */
.cp_tabla_lin {padding:4px !important; font-size:11px !important;line-height:1.2rem !important;}
.tr_select { background-color:#8CFFB1;;}
.tr_selected {background-color:#66FF66;}
.tr_remove {background-color:red;color:white;}
.bordered {border:1px solid #ccc; padding:4px;}
.borderred {border: 1px solid red; padding: 4px;}
.bordergris {border: 1px solid#ccc; padding: 4px;}
.borderpiegris {border-bottom: 1px solid#ccc; padding: 4px;}
.bordercolap{border-collapse:collapse;}
.br2 {border-radius:2px;}
.br4 {border-radius:4px;}
.br6 {border-radius:6px;}
.cp_tabs {display:inline-block;/*margin-top:10px;*/height:35px;font-size:12px;}
.cp_tab{float:left;margin-left:3px;padding:2px 10px;border-radius:6px 6px 0 0;background-color:#BDCBCB;color:#333;border-top:solid 1px #f8f8f8;border-left:solid 1px #f8f8f8;border-right:solid 1px #999999;line-height:180%;cursor:pointer;}
.cp_tab.activo{background-color:#dfebeb; font-weight: bold;border-top:solid 1px white;border-left:solid 1px white;border-right:solid 1px white;}
.btnlnk {font-size:25px;}

/* cursors */
.ccm {cursor: context-menu;}

.lh150{line-height:150%;}
.lh200{line-height:200%;}

.wwrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  white-space: normal; 
}

/*
.ui.form .fields {margin:4px !important;}
.ui.form .field > label {color:#333 !important; margin:0 !important;}
.ui.form .field :disabled {opacity:1 !important;}
.cp_input {font-size:1.1em !important; padding:5px !important;}
.cp_select {font-size:1.1em !important; padding:3px !important;}
*/

/*
.ui.form input:not([type]), 
.ui.form input[type="date"], 
.ui.form input[type="datetime-local"], 
.ui.form input[type="email"], 
.ui.form input[type="file"], 
.ui.form input[type="number"], 
.ui.form input[type="password"], 
.ui.form input[type="search"], 
.ui.form input[type="tel"], 
.ui.form input[type="text"], 
.ui.form input[type="time"], 
.ui.form input[type="url"] {border-radius:0px !important;}
*/

.ui.calendar .ui.popup {font-size:.8rem;}

.cp_input, .cp_select {border-radius:0px !important; margin:1px !important; /* border:0px !important;*/ padding:4px !important; font-size:1.2em !important;}
.ctmoneda{text-align:right;}
.inputgrup {margin:1px !important;}
.camtitul{border:0px !important;border-radius:0px !important; font-weight:bold; background-color:#e7f0f1 !important; }
.ui.form .field > label {color:#333 !important; margin:0 !important;}
.prompt {background-color: #c6f7d1 !important;}
.ui.search > .results .result:hover, .ui.category.search > .results .category .result:hover {background: rgb(150, 214, 150) !important; }
.ui.search .action:hover {background: orangered !important;}
.ui.category.search > .results .category.active {background: orangered!important; }
.ui.search > .results .result.active,
.ui.category.search > .results .category .result.active {background: rgb(150, 214, 150) !important;}
.camerror{background-color:rgb(240, 184, 184) !important;}
.listnotas {padding:10px;}

/* FULL CALENDAR --> */
/*#calendario{z-index:1;}*/
#agendacalendario{font-size:.9rem;background-color:White;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.fc-widget-content{background-color: white !important;}
.fc .fc-daygrid-day-number .fc-day-sat {color:red !important;}
.fc-day-sat a, .fc-day-sun a {color:red !important;}
.fc-today{background-color:#ffffcc !important;}
.fc-past{background-color:#e6e6e6 !important;}
.fc-button-primary {background-color:#4da6ff !important;border-color:white !important;}
.fc-button-active {background-color:#0073e6 !important;}
.fc-button-primary:disabled {background-color:#4da6ff !important;}
.fc-daygrid-event {padding:0px !important;}
.fc-h-event {border:0px !important;}
.fc-daygrid-block-event .fc-event-title {border:0px !important;}
.mcita, .mcnormal {color:green;}
.mcalta, .mcalta div, .mcalta{color:orangered;}
.mcmuyalta, .mcmuyalta div, .mcmuyalta span{color:orangered}
.mcterminada, .mcterminada div, .mcterminada span{background-color:#98FB98;color:#666;}
.mcsistema, .mcsistema div, .mcsistema span{background-color:#fff099;color:black;}
.mcatrasada, .mcatrasada div, .mcatrasada span{background-color:#FF7D7D;color:black;}
.mcfacturada, .mcfacturada div, .mcfacturada span {background-color:dodgerblue;color:white;}
/* <-- FULL CALENDAR */

/** COMPONEN --> CTRL DIALOGO **/
.ctrldialogotitulo{margin-top:10px;padding:8px;background:black;color:white;font-size:1.4em;}
.bocaizq{padding: 10px; width: 90%; border-radius: 10px; background: #F5F5DC; margin-left:2%;font-size:1.1em;}
.bocaizq:after{content:''; width: 0; height: 0; border-top: 20px solid #F5F5DC; border-right: 10px solid transparent; border-left: 10px solid transparent; margin-left: -20px;}
.bocader{padding: 10px; width: 90%; border-radius: 10px; background:#F0FFFF; margin-left:5%; font-size:1.1em;}
.bocader:after {content:''; width: 0; height: 0; border-top: 7px solid transparent; border-right: 30px solid #F0FFFF; border-bottom: 20px solid transparent; margin: 95%;}


/* widths */
.w100{width:100%;}
.w99{width:99%;}
.w95{width:95%;}
.w93{width:93%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w69{width:69%;}
.w60{width:60%;}
.w50{width:50%;}
.w10{width:10%;}
.w7 {width:7%;}
.w6 {width:6%;}
.w5 {width:5%;}
.w3 {width:3%;}
.w1_5{width:1.5%;}
.w1{width:1%;}

div.panel {margin : 4px;padding : 4px 4px 4px 4px;background: #FFFFFF;box-shadow: 1px 1px 1px #333;font: normal 1.1em Arial, Helvetica, sans-serif;color: #0000CC;}
div.p_aviso {margin : 8px;padding : 6px 6px 6px 6px;background: #ecd1b5;box-shadow: 1px 1px 1px #333;font: normal 1.1em Arial, Helvetica, sans-serif;color: #0000CC;}
div.p_aviso:hover {box-shadow: 1px 1px 1px #33CC33;}
div.p_avan {margin : 8px;padding : 6px 6px 6px 6px;background: #d4fae1;box-shadow: 1px 1px 1px #333;font: normal 1.1em Arial, Helvetica, sans-serif;color: #0000CC;}
div.p_avan:hover {box-shadow: 1px 1px 1px #33CC33;}
div.p_devol {margin : 8px;padding : 6px 6px 6px 6px;background: #fabf97;box-shadow: 1px 1px 1px #333;font: normal 1.1em Arial, Helvetica, sans-serif;color: #0000CC;}
div.p_devol:hover {box-shadow: 1px 1px 1px #33CC33;}
div.p_reclam {margin : 8px;padding : 6px 6px 6px 6px;background: #f7b2b2;box-shadow: 1px 1px 1px #333;font: normal 1.1em Arial, Helvetica, sans-serif;color: #0000CC;}
div.p_reclam:hover {box-shadow: 1px 1px 1px #33CC33;}
div.p_cierre {margin : 8px;padding : 6px 6px 6px 6px;background: #9FFFBE;box-shadow: 1px 1px 1px #333;font: normal 1.1em Arial, Helvetica, sans-serif;color: #0000CC;}
div.p_cierre:hover {box-shadow: 1px 1px 1px #33CC33;}

div.p_yellow {margin : 4px;padding : 3px 3px 3px 3px;background:#edfca1;border-radius: 4px;box-shadow: 1px 1px 1px #333;font: normal 1.1em Arial, Helvetica, sans-serif;color: #0000CC;}
div.p_yellow:hover {box-shadow: 1px 1px 1px #33CC33;}
div.p_azul {margin : 4px;padding : 3px 3px 3px 3px;background: #EEEEE6;border-radius: 4px;box-shadow: 1px 1px 1px #333;font: normal 1.1em Arial, Helvetica, sans-serif;color: #0000CC;}
div.p_azul:hover {box-shadow: 1px 1px 1px #33CC33;}

.mleft{width:90%;float:left;}
.mright{width:90%;float:right;}


input:disabled,select:disabled,textarea:disabled {color:blue !important; background-color:#dfebeb !important; opacity:1 !important; font-weight:bold; }
textarea:disabled {height:auto !important;}

@media (max-width: 992px) {
  .esticky {display:none;}
  .w50, .w60, .w70, .w80, .w90 {width:95%;} 

 /* cp_table responsive */
  tr {border:1px solid green !important; margin-top:4px !important;}
  td:before{
    content: attr(data-label);
    float: left;
    font-size:10px;
    text-transform: uppercase;
    font-weight: bold;
  }
  td{
    display: block !important;
    text-align: right !important;
    font-size: 18px !important;
    padding: 0px 10px!important;
    box-shadow: 0 0px 1px rgba(0,0,0,.3) !important;
  }



}


@media (min-width: 768px) {
  .ui.vertical.menu.sidebar-menu {visibility: visible;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 15rem !important; color:white !important;}
  .main-content {margin-left: 15rem;}
  .sidebar-menu-toggler {display: none !important;}

}

@media (max-width: 768px) {
  .w50, .w60, .w70, .w80, .w90 {width:95%;}

}