.div-alert { position: absolute; z-index: 5; float: left; top: 1%; left: 65%; width: 35%; }
.error-alert { margin-bottom: 2px; box-shadow: 1px 2px 6px rgba(0, 0, 0, 2); }
.navbar-logo { width: 80px; height: 42px; margin-left: 30px; border-radius: 5px; }

td.media-banner { max-width: 110px; }
img.media-banner { width: 95%; height: 30%; max-width: 150px; max-height: 150px; }
div.media-banner { max-width: 150px; }

td.media-avatar { max-width: 150px; }
img.media-avatar { width: 100px; }
div.media-avatar { max-width: 150px; }

.iframe-see{ position: relative; height: 600px; min-width: 100%; min-height: 100%; }

.box-small{ max-width: 600px; }
.box-middle{ max-width: 700px; }
.box-large{ max-width: 800px; }

.rotate5 { transform: rotate(5deg); }	.rotate10 { transform: rotate(10deg); }	.rotate15 { transform: rotate(15deg); }	.rotate20 { transform: rotate(20deg); }
.rotate25 { transform: rotate(25deg); }	.rotate30 { transform: rotate(30deg); }	.rotate35 { transform: rotate(35deg); } .rotate40 { transform: rotate(40deg); }
.rotate45 { transform: rotate(45deg); }	.rotate50 { transform: rotate(50deg); }	.rotate55 { transform: rotate(55deg); }	.rotate60 { transform: rotate(60deg); }
.rotate65 { transform: rotate(65deg); }	.rotate70 { transform: rotate(70deg); }	.rotate75 { transform: rotate(75deg); }	.rotate80 { transform: rotate(80deg); }
.rotate85 { transform: rotate(85deg); }	.rotate90 { transform: rotate(90deg); }	.rotate95 { transform: rotate(95deg); }	.rotate100 { transform: rotate(100deg); }
.rotate105 { transform: rotate(105deg); }   .rotate110 { transform: rotate(110deg); }	.rotate115 { transform: rotate(115deg); }   .rotate120 { transform: rotate(120deg); }
.rotate125 { transform: rotate(125deg); }   .rotate130 { transform: rotate(130deg); }	.rotate135 { transform: rotate(135deg); }   .rotate140 { transform: rotate(140deg); }
.rotate145 { transform: rotate(145deg); }   .rotate150 { transform: rotate(150deg); }	.rotate155 { transform: rotate(155deg); }   .rotate160 { transform: rotate(160deg); }
.rotate165 { transform: rotate(165deg); }   .rotate170 { transform: rotate(170deg); }	.rotate175 { transform: rotate(175deg); }   .rotate180 { transform: rotate(180deg); }
.rotate185 { transform: rotate(185deg); }   .rotate190 { transform: rotate(190deg); }	.rotate195 { transform: rotate(195deg); }   .rotate200 { transform: rotate(200deg); }
.rotate205 { transform: rotate(205deg); }   .rotate210 { transform: rotate(210deg); }	.rotate215 { transform: rotate(215deg); }   .rotate220 { transform: rotate(220deg); }
.rotate225 { transform: rotate(225deg); }   .rotate230 { transform: rotate(230deg); }	.rotate235 { transform: rotate(235deg); }   .rotate240 { transform: rotate(240deg); }
.rotate245 { transform: rotate(245deg); }   .rotate250 { transform: rotate(250deg); }	.rotate255 { transform: rotate(255deg); }   .rotate260 { transform: rotate(260deg); }
.rotate265 { transform: rotate(265deg); }   .rotate270 { transform: rotate(270deg); }	.rotate275 { transform: rotate(275deg); }   .rotate280 { transform: rotate(280deg); }
.rotate285 { transform: rotate(285deg); }   .rotate290 { transform: rotate(290deg); }	.rotate295 { transform: rotate(295deg); }   .rotate300 { transform: rotate(300deg); }
.rotate305 { transform: rotate(305deg); }   .rotate310 { transform: rotate(310deg); }	.rotate315 { transform: rotate(315deg); }   .rotate320 { transform: rotate(320deg); }
.rotate325 { transform: rotate(325deg); }   .rotate330 { transform: rotate(330deg); }	.rotate335 { transform: rotate(335deg); }   .rotate340 { transform: rotate(340deg); }
.rotate345 { transform: rotate(345deg); }   .rotate350 { transform: rotate(350deg); }	.rotate355 { transform: rotate(355deg); }

/*===============================================
  E. Margin Helpers
================================================= */
/* margin center helper */
.mauto {  margin-left: auto;  margin-right: auto; } .mn {  margin: 0 !important; }  .m1 {  margin: 1px !important; }	.m2 {  margin: 2px !important;}
.m3 {  margin: 3px !important; }    .m4 {  margin: 4px !important; }	.m5 {  margin: 5px !important; }    .m8 {  margin: 8px !important;}
.m10 {  margin: 10px !important;}   .m15 {  margin: 15px !important;}	.m20 {  margin: 20px !important;}   .m25 {  margin: 25px !important;}
.m30 {  margin: 30px !important;}   .m35 {  margin: 35px !important;}	.m40 {  margin: 40px !important;}   .m50 {  margin: 50px !important;}
.mtn {  margin-top: 0 !important;}  .mt1 {  margin-top: 1px !important;}    .mt2 {  margin-top: 2px !important;}    .mt3 {  margin-top: 3px !important;}
.mt4 {  margin-top: 4px !important;}	.mt5 {  margin-top: 5px !important;}    .mt10 {  margin-top: 10px !important;}  .mt15 {  margin-top: 15px !important;}
.mt20 {  margin-top: 20px !important;}	.mt25 {  margin-top: 25px !important;}	.mt30 {  margin-top: 30px !important;}	.mt35 {  margin-top: 35px !important;}
.mt40 {  margin-top: 40px !important;}	.mt50 {  margin-top: 50px !important;}	.mt70 {  margin-top: 70px !important;}	
.mrn {  margin-right: 0 !important;}	.mr1 {  margin-right: 1px !important;}	.mr2 {  margin-right: 2px !important;}	.mr3 {  margin-right: 3px !important;}	
.mr4 {  margin-right: 4px !important;}	.mr5 {  margin-right: 5px !important;}	.mr10 {  margin-right: 10px !important;}    .mr15 {  margin-right: 15px !important;}	
.mr20 {  margin-right: 20px !important;}    .mr25 {  margin-right: 25px !important;}    .mr30 {  margin-right: 30px !important;}	
.mr35 {  margin-right: 35px !important;}    .mr40 {  margin-right: 40px !important;}	.mr50 {  margin-right: 50px !important;}    
.mbn {  margin-bottom: 0 !important;}   .mb1 {  margin-bottom: 1px !important;}	.mb2 {  margin-bottom: 2px !important;}	.mb3 {  margin-bottom: 3px !important;}
.mb4 {  margin-bottom: 4px !important;}	.mb5 {  margin-bottom: 5px !important;}	    .mb10 {  margin-bottom: 10px !important;}
.mb15 {  margin-bottom: 15px !important;}   .mb20 {  margin-bottom: 20px !important;}	.mb25 {  margin-bottom: 25px !important;}   .mb30 {  margin-bottom: 30px !important;}
.mb35 {  margin-bottom: 35px !important;}   .mb40 {  margin-bottom: 40px !important;}	.mb50 {  margin-bottom: 50px !important;}   .mb70 {  margin-bottom: 70px !important;}
.mln {  margin-left: 0 !important;}	.ml1 {  margin-left: 1px !important;}	.ml2 {  margin-left: 2px !important;}	.ml3 {  margin-left: 3px !important;}
.ml4 {  margin-left: 4px !important;}	.ml5 {  margin-left: 5px !important;}   .ml10 {  margin-left: 10px !important;} .ml15 {  margin-left: 15px !important;}
.ml20 {  margin-left: 20px !important;}	.ml25 {  margin-left: 25px !important;}	.ml30 {  margin-left: 30px !important;}	.ml35 {  margin-left: 35px !important;}
.ml40 {  margin-left: 40px !important;}	.ml50 {  margin-left: 50px !important;}
/* Axis Margins (both top/bottom or left/right) */
.mv5 {  margin-top: 5px !important;  margin-bottom: 5px !important;}	.mv10 {  margin-top: 10px !important;  margin-bottom: 10px !important;}
.mv15 {  margin-top: 15px !important;  margin-bottom: 15px !important;}	.mv20 {  margin-top: 20px !important;  margin-bottom: 20px !important;}
.mv25 {  margin-top: 25px !important;  margin-bottom: 25px !important;}	.mv30 {  margin-top: 30px !important;  margin-bottom: 30px !important;}
.mv40 {  margin-top: 40px !important;  margin-bottom: 40px !important;}	.mv50 {  margin-top: 50px !important;  margin-bottom: 50px !important;}
.mv70 {  margin-top: 70px !important;  margin-bottom: 70px !important;}	.mh5 {  margin-left: 5px !important;  margin-right: 5px !important;}
.mh10 {  margin-left: 10px !important;  margin-right: 10px !important;}	.mh15 {  margin-left: 15px !important;  margin-right: 15px !important;}
.mh20 {  margin-left: 20px !important;  margin-right: 20px !important;}	.mh25 {  margin-left: 25px !important;  margin-right: 25px !important;}
.mh30 {  margin-left: 30px !important;  margin-right: 30px !important;}	.mh40 {  margin-left: 40px !important;  margin-right: 40px !important;}
.mh50 {  margin-left: 50px !important;  margin-right: 50px !important;}	.mh70 {  margin-left: 70px !important;  margin-right: 70px !important;}
/* Negative Margin Helpers */
.mtn5 {  margin-top: -5px !important;} .mtn10 {  margin-top: -10px !important;} .mtn15 {  margin-top: -15px !important;} .mtn20 {  margin-top: -20px !important;} .mtn25 {  margin-top: -25px !important;} .mtn30 {  margin-top: -30px !important;}
.mrn5 {  margin-right: -5px !important;} .mrn10 {  margin-right: -10px !important;} .mrn15 {  margin-right: -15px !important;} .mrn20 {  margin-right: -20px !important;} .mrn30 {  margin-right: -30px !important;}
.mbn5 {  margin-bottom: -5px !important;} .mbn10 {  margin-bottom: -10px !important;} .mbn15 {  margin-bottom: -15px !important;} .mbn20 {  margin-bottom: -20px !important;} .mbn30 {  margin-bottom: -30px !important;}
.mln5 {  margin-left: -5px !important;} .mln10 {  margin-left: -10px !important;} .mln15 {  margin-left: -15px !important;} .mln20 {  margin-left: -20px !important;} .mln30 {  margin-left: -30px !important;}
/* Vertical Negative Margin "mv" + "n" + "x" */
.mvn5 {  margin-top: -5px !important;  margin-bottom: -5px !important;}	.mvn10 {  margin-top: -10px !important;  margin-bottom: -10px !important;}
.mvn15 {  margin-top: -15px !important;  margin-bottom: -15px !important;}  .mvn20 {  margin-top: -20px !important;  margin-bottom: -20px !important;}
.mvn30 {  margin-top: -30px !important;  margin-bottom: -30px !important;}
/* Horizontal Negative Margin "mh" + "n" + "x" */
.mhn5 {  margin-left: -5px !important;  margin-right: -5px !important;}	.mhn10 {  margin-left: -10px !important;  margin-right: -10px !important;}
.mhn15 {  margin-left: -15px !important;  margin-right: -15px !important;}  .mhn20 {  margin-left: -20px !important;  margin-right: -20px !important;}
.mhn30 {  margin-left: -30px !important;  margin-right: -30px !important;}


/*===============================================
  H. Max Width Helpers
================================================= */
.fluid-width {  width: 100% !important;}
.mw10 {  max-width: 10px !important;}		.mw20 {  max-width: 20px !important;}	        .mw30 {  max-width: 30px !important;}		.mw35 {  max-width: 35px !important;}
.mw40 {  max-width: 40px !important;}		.mw45 {  max-width: 45px !important;}		.mw50 {  max-width: 50px !important;}		.mw60 {  max-width: 60px !important;}
.mw70 {  max-width: 70px !important;}		.mw75 {  max-width: 75px !important;}
.mw80 {  max-width: 80px !important;}		.mw100 {  max-width: 100px !important;}		.mw140 {  max-width: 140px !important;}		.mw160 {  max-width: 160px !important;}
.mw180 {  max-width: 180px !important;}		.mw200 {  max-width: 200px !important;}		.mw240 {  max-width: 240px !important;}		.mw280 {  max-width: 280px !important;}
.mw320 {  max-width: 320px !important;}		.mw400 {  max-width: 400px !important;}		.mw450 {  max-width: 450px !important;}		.mw500 {  max-width: 500px !important;}
.mw600 {  max-width: 600px !important;}		.mw700 {  max-width: 700px !important;}		.mw800 {  max-width: 800px !important;}		.mw850 {  max-width: 850px !important;}
.mw900 {  max-width: 900px !important;}		.mw1000 {  max-width: 1000px !important;}	.mw1100 {  max-width: 1100px !important;}	.mw1200 {  max-width: 1200px !important;}


/*Regular Width Helpers. Primarily used
on tables, feel free to add more*/
.w20 {width: 20px !important}	.w30 {width: 30px !important}	.w40 {width: 40px !important}	.w50 {width: 50px !important}	.w75 {width: 75px !important}
.w100 {width: 100px !important}	.w125 {width: 125px !important}	.w150 {width: 150px !important}	.w175 {width: 175px !important}	.w200 {width: 200px !important}
.w225 {width: 225px !important}	.w250 {width: 250px !important}	.w300 {width: 300px !important}	.w320 {width: 320px !important}	.w350 {width: 350px !important}
.w400 {width: 400px !important}	.w450 {width: 450px !important}	.mnw20 {min-width: 20px !important} .mnw30 {min-width: 30px !important}	.mnw40 {min-width: 40px !important}
.mnw50 {min-width: 50px !important} .mnw75 {min-width: 75px !important}	.mnw100 {min-width: 100px !important}	.mnw125 {min-width: 125px !important}
.mnw150 {min-width: 150px !important}	.mnw175 {min-width: 175px !important}	.mnw200 {min-width: 200px !important}	.mnw250 {min-width: 250px !important}
.mnw300 {min-width: 300px !important}	.mnw500 {min-width: 500px !important}	.mnw700 {min-width: 700px !important}	.mnw1000 {min-width: 1000px !important}

/*===============================================
  D. Padding Helpers
================================================= */
.pn {padding: 0 !important} .p1 {padding: 1px !important}   .p2 {padding: 2px !important}   .p3 {padding: 3px !important}   .p4 {padding: 4px !important}
.p5 {padding: 5px !important}	.p6 {padding: 6px !important}	.p7 {padding: 7px !important}	.p8 {padding: 8px !important}	.p10 {padding: 10px !important}
.p12 {padding: 12px !important}	.p15 {padding: 15px !important}	.p20 {padding: 20px !important}	.p25 {padding: 25px !important}	.p30 {padding: 30px !important}
.p35 {padding: 35px !important}	.p40 {padding: 40px !important}	.p50 {padding: 50px !important}	.ptn {padding-top: 0 !important}
.pt1 {padding-top: 1px !important}  .pt2 {padding-top: 2px !important}	.pt3 {padding-top: 3px !important}  .pt4 {padding-top: 4px !important} .pt5 {padding-top: 5px !important}
.pt10 {padding-top: 10px !important}	.pt15 {padding-top: 15px !important}	.pt20 {padding-top: 20px !important}	.pt25 {padding-top: 25px !important}
.pt30 {padding-top: 30px !important}	.pt35 {padding-top: 35px !important}	.pt40 {padding-top: 40px !important}	.pt50 {padding-top: 50px !important}
.prn {padding-right: 0 !important}  .pr1 {padding-right: 1px !important}    .pr2 {padding-right: 2px !important}    .pr3 {padding-right: 3px !important}
.pr4 {padding-right: 4px !important}	.pr5 {padding-right: 5px !important}    .pr10 {padding-right: 10px !important}  .pr15 {padding-right: 15px !important}
.pr20 {padding-right: 20px !important}	.pr25 {padding-right: 25px !important}	.pr30 {padding-right: 30px !important}	.pr35 {padding-right: 35px !important}
.pr40 {padding-right: 40px !important}	.pr50 {padding-right: 50px !important}	
.pbn {padding-bottom: 0 !important} .pb1 {padding-bottom: 1px !important}   .pb2 {padding-bottom: 2px !important}   .pb3 {padding-bottom: 3px !important}
.pb4 {padding-bottom: 4px !important}	.pb5 {padding-bottom: 5px !important}	.pb10 {padding-bottom: 10px !important}	.pb15 {padding-bottom: 15px !important}	
.pb20 {padding-bottom: 20px !important}	.pb25 {padding-bottom: 25px !important}
.pb30 {padding-bottom: 30px !important}	.pb35 {padding-bottom: 35px !important}	.pb40 {padding-bottom: 40px !important}	.pb50 {padding-bottom: 50px !important}
.pln {padding-left: 0 !important}   .pl1 {padding-left: 1px !important}	.pl2 {padding-left: 2px !important} .pl3 {padding-left: 3px !important}	.pl4 {padding-left: 4px !important}
.pl5 {padding-left: 5px !important}	.pl10 {padding-left: 10px !important}	.pl15 {padding-left: 15px !important}
.pl20 {padding-left: 20px !important}	.pl25 {padding-left: 25px !important}	.pl30 {padding-left: 30px !important}	.pl35 {padding-left: 35px !important}
.pl40 {padding-left: 40px !important}	.pl50 {padding-left: 50px !important}

/* Axis Padding (both top/bottom or left/right) */
.pv1 {padding-top: 1px !important; padding-bottom: 1px !important;} .pv2 {padding-top: 2px !important; padding-bottom: 2px !important;}
.pv3 {padding-top: 3px !important; padding-bottom: 3px !important;} .pv4 {padding-top: 4px !important; padding-bottom: 4px !important;}
.pv5 {padding-top: 5px !important; padding-bottom: 5px !important;} .pv6 {padding-top: 6px !important; padding-bottom: 6px !important;}
.pv7 {padding-top: 7px !important; padding-bottom: 7px !important;} .pv8 {padding-top: 8px !important; padding-bottom: 8px !important;}
.pv10 {padding-top: 10px !important; padding-bottom: 10px !important;}	.pv15 {padding-top: 15px !important; padding-bottom: 15px !important;}
.pv20 {padding-top: 20px !important; padding-bottom: 20px !important;}	.pv25 {padding-top: 25px !important; padding-bottom: 25px !important;}
.pv30 {padding-top: 30px !important; padding-bottom: 30px !important;}	.pv40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.pv50 {padding-top: 50px !important; padding-bottom: 50px !important;}	.ph5 { padding-left: 5px !important; padding-right: 5px !important;}
.ph8 { padding-left: 8px !important; padding-right: 8px !important;}	.ph10 {padding-left: 10px !important; padding-right: 10px !important;}
.ph15 {padding-left: 15px !important; padding-right: 15px !important;}	.ph20 {padding-left: 20px !important; padding-right: 20px !important;}
.ph25 {padding-left: 25px !important; padding-right: 25px !important;}	.ph30 {padding-left: 30px !important;padding-right: 30px !important;}
.ph40 {padding-left: 40px !important; padding-right: 40px !important;}	.ph50 {padding-left: 50px !important; padding-right: 50px !important;}

/*===============================================
  E. Margin Helpers
================================================= */

/* margin center helper */
.mauto {margin-left: auto; margin-right: auto;}
.mn {margin: 0 !important}  .m1 {margin: 1px !important}    .m2 {margin: 2px !important}    .m3 {margin: 3px !important}    .m4 {margin: 4px !important}
.m5 {margin: 5px !important}	.m8 {margin: 8px !important}	.m10 {margin: 10px !important}	.m15 {margin: 15px !important}	.m20 {margin: 20px !important}
.m25 {margin: 25px !important}	.m30 {margin: 30px !important}	.m35 {margin: 35px !important}	.m40 {margin: 40px !important}	.m50 {margin: 50px !important}
.mtn {margin-top: 0 !important}	.mt5 {margin-top: 5px !important}   .mt10 {margin-top: 10px !important}	.mt15 {margin-top: 15px !important} .mt20 {margin-top: 20px !important}
.mt25 {margin-top: 25px !important} .mt30 {margin-top: 30px !important}	.mt35 {margin-top: 35px !important} .mt40 {margin-top: 40px !important}
.mt50 {margin-top: 50px !important} .mt70 {margin-top: 70px !important}	.mrn {margin-right: 0 !important}   .mr5 {margin-right: 5px !important}
.mr10 {margin-right: 10px !important}	.mr15 {margin-right: 15px !important}	.mr20 {margin-right: 20px !important}	.mr25 {margin-right: 25px !important}
.mr30 {margin-right: 30px !important}	.mr35 {margin-right: 35px !important}	.mr40 {margin-right: 40px !important}	.mr50 {margin-right: 50px !important}
.mbn {margin-bottom: 0 !important}  .mb5 {margin-bottom: 5px !important}    .mb10 {margin-bottom: 10px !important}  .mb15 {margin-bottom: 15px !important}
.mb20 {margin-bottom: 20px !important}	.mb25 {margin-bottom: 25px !important}	.mb30 {margin-bottom: 30px !important}	.mb35 {margin-bottom: 35px !important}
.mb40 {margin-bottom: 40px !important}	.mb50 {margin-bottom: 50px !important}	.mb70 {margin-bottom: 70px !important}	.mln {margin-left: 0 !important}
.ml5 {margin-left: 5px !important}  .ml10 {margin-left: 10px !important}    .ml15 {margin-left: 15px !important}    .ml20 {margin-left: 20px !important}
.ml25 {margin-left: 25px !important}	.ml30 {margin-left: 30px !important}	.ml35 {margin-left: 35px !important}	.ml40 {margin-left: 40px !important}
.ml50 {margin-left: 50px !important}

/* Axis Margins (both top/bottom or left/right) */
.mv5 { margin-top: 5px !important; margin-bottom: 5px !important;}	.mv10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.mv15 {margin-top: 15px !important; margin-bottom: 15px !important;}	.mv20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.mv25 {margin-top: 25px !important; margin-bottom: 25px !important;}	.mv30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.mv40 {margin-top: 40px !important; margin-bottom: 40px !important;}	.mv50 {margin-top: 50px !important; margin-bottom: 50px !important;}
.mv70 {margin-top: 70px !important; margin-bottom: 70px !important;}	.mh5 {margin-left: 5px !important; margin-right: 5px !important;}
.mh10 {margin-left: 10px !important; margin-right: 10px !important;}	.mh15 {margin-left: 15px !important; margin-right: 15px !important;}
.mh20 {margin-left: 20px !important; margin-right: 20px !important;}	.mh25 {margin-left: 25px !important; margin-right: 25px !important;}
.mh30 {margin-left: 30px !important; margin-right: 30px !important;}	.mh40 {margin-left: 40px !important; margin-right: 40px !important;}
.mh50 {margin-left: 50px !important; margin-right: 50px !important;}	.mh70 {margin-left: 70px !important; margin-right: 70px !important;}

/* Negative Margin Helpers */
.mtn5 {  margin-top: -5px !important;} .mtn10 {  margin-top: -10px !important;} .mtn15 {  margin-top: -15px !important;} .mtn20 {  margin-top: -20px !important;} 
.mtn25 {  margin-top: -25px !important;} .mtn30 {  margin-top: -30px !important;}
.mrn5 {  margin-right: -5px !important;} .mrn10 {  margin-right: -10px !important;} .mrn15 {  margin-right: -15px !important;} .mrn20 {  margin-right: -20px !important;} 
.mrn30 {  margin-right: -30px !important;}
.mbn5 {  margin-bottom: -5px !important;} .mbn10 {  margin-bottom: -10px !important;} .mbn15 {  margin-bottom: -15px !important;} .mbn20 {  margin-bottom: -20px !important;} 
.mbn30 {  margin-bottom: -30px !important;}
.mln5 {  margin-left: -5px !important;} .mln10 {  margin-left: -10px !important;} .mln15 {  margin-left: -15px !important;} .mln20 {  margin-left: -20px !important;} 
.mln30 {  margin-left: -30px !important;} .mln40 {  margin-left: -40px !important;} .mln50 {  margin-left: -50px !important;} .mln60 {  margin-left: -60px !important;}

/* Vertical Negative Margin "mv" + "n" + "x" */
.mvn5 {margin-top: -5px !important; margin-bottom: -5px !important;}	.mvn10 {margin-top: -10px !important;margin-bottom: -10px !important;}
.mvn15 {margin-top: -15px !important; margin-bottom: -15px !important;}	.mvn20 {margin-top: -20px !important; margin-bottom: -20px !important;}
.mvn30 {margin-top: -30px !important; margin-bottom: -30px !important;}

/* Horizontal Negative Margin "mh" + "n" + "x" */
.mhn5 {margin-left: -5px !important; margin-right: -5px !important;}	.mhn10 {margin-left: -10px !important; margin-right: -10px !important;}
.mhn15 {margin-left: -15px !important; margin-right: -15px !important;}	.mhn20 {margin-left: -20px !important;margin-right: -20px !important;}
.mhn30 {margin-left: -30px !important;margin-right: -30px !important;}

/*===============================================
  F. LineHeight Helpers
================================================= */
.lh0 {line-height: 0 !important;}   .lh5 {line-height: 5px !important;}	.lh10 {line-height: 10px !important;}	.lh15 {line-height: 15px !important;}
.lh20 {line-height: 20px !important;}	.lh25 {line-height: 25px !important;}	.lh30 {line-height: 30px !important;}	.lh35 {line-height: 35px !important;}
.lh40 {line-height: 40px !important;}

/*===============================================
  G. Border Helpers
================================================= */

/* Border Disables */
.br-l-n {border-left: none !important}	.br-r-n {border-right: none !important}	.br-t-n {border-top: none !important}	.br-b-n {border-bottom: none !important}
.br-n {border: none !important}	.br-v-n {border-top: none !important; border-bottom: none !important;}	.br-h-n {border-left: none !important;border-right: none !important;}

/* Default Borders */
.br-a {border: 1px solid #EEE !important} .br-l {border-left: 1px solid #EEE !important}    .br-r {border-right: 1px solid #EEE !important} 
.br-t {border-top: 1px solid #EEE !important}	.br-b {border-bottom: 1px solid #EEE !important}

/* Border Style */
.br-dashed {border-style: dotted !important}

/* Border Radius */
.br0 {border-radius: 0px !important}	.br1 {border-radius: 1px !important}	.br2 {border-radius: 2px !important}	.br3 {border-radius: 3px !important}
.br4 {border-radius: 4px !important}	.br6 {border-radius: 6px !important}	.br8 {border-radius: 8px !important}	.br12 {border-radius: 12px !important}
.br24 {border-radius: 24px !important}	.br64 {border-radius: 64px !important}	.bw1 {border-width: 1px !important}	.bw2 {border-width: 2px !important}
.bw3 {border-width: 3px !important}	.bw4 {border-width: 4px !important}	.bw5 {border-width: 5px !important}	.bw8 {border-width: 8px !important}
.bw10 {border-width: 10px !important}	.bw15 {border-width: 15px !important}	

/*Border Colors Generate contextual modifier classes for colorizing the alert.
*/
.br-white {border-color: #FFF !important}   .br-lighter {border-color: #EEE !important}	.br-light {border-color: #E7E7E7 !important}
.br-grey {border-color: #d9d9d9 !important} .br-greyer {border-color: #CCC !important}	.br-tp-top {border-top-color: rgba(0, 0, 0, 0.1);}
.br-tp-right {border-right-color: rgba(0, 0, 0, 0.1);}	.br-tp-left {border-left-color: rgba(0, 0, 0, 0.1);}


/*Regular Width Helpers. Primarily used
on tables, feel free to add more*/
.w20 {width: 20px !important}	.w30 {width: 30px !important}	.w40 {width: 40px !important}	.w50 {width: 50px !important}	.w75 {width: 75px !important}
.w100 {width: 100px !important}	.w125 {width: 125px !important}	.w150 {width: 150px !important}	.w175 {width: 175px !important}	.w200 {width: 200px !important}
.w225 {width: 225px !important}	.w250 {width: 250px !important}	.w300 {width: 300px !important}	.w320 {width: 320px !important}	.w350 {width: 350px !important}
.w400 {width: 400px !important}	.w450 {width: 450px !important}	.mnw20 {min-width: 20px !important} .mnw30 {min-width: 30px !important}	.mnw40 {min-width: 40px !important}
.mnw50 {min-width: 50px !important} .mnw75 {min-width: 75px !important}	.mnw100 {min-width: 100px !important}	.mnw125 {min-width: 125px !important}
.mnw150 {min-width: 150px !important}	.mnw175 {min-width: 175px !important}	.mnw200 {min-width: 200px !important}	.mnw250 {min-width: 250px !important}
.mnw300 {min-width: 300px !important}	.mnw500 {min-width: 500px !important}	.mnw700 {min-width: 700px !important}	.mnw1000 {min-width: 1000px !important}

/*===================================================
  B. Height Helpers
===================================================== */
/* Height helpers, primarly used with panel widgets */
.fixed-height .panel-body {overflow: auto;}
.hover-height {overflow: hidden; transition: all 0.2s ease !important;}
.mh-20 {max-height: 20px !important;}	.mh-25 {max-height: 25px !important;}	.mh-30 {max-height: 30px !important;}	.mh-35 {max-height: 35px !important;}
.mh-40 {max-height: 40px !important;}	.mh-50 {max-height: 50px !important;}	.mh-60 {max-height: 60px !important;}	.mh-70 {max-height: 70px !important;}
.mh-80 {max-height: 90px !important;}	.mh-90 {max-height: 90px !important;}	.mh-100 {max-height: 100px !important;}	.mh-200 {max-height: 200px !important;}
.mh-300 {max-height: 300px !important;} .mh-330 {max-height: 330px !important;} .mh-350 {max-height: 350px !important;} .mh-370 {max-height: 370px !important;}
.mh-400 {max-height: 400px !important;}	.mh-500 {max-height: 500px !important;}	.mh-600 {max-height: 600px !important;}
.mh-700 {max-height: 700px !important;}	.mh-800 {max-height: 800px !important;}	.mh-900 {max-height: 900px !important;}	.mh-1000 {max-height: 1000px !important;}
.h20 {height: 20px !important;}	.h25 {height: 25px !important;}	.h30 {height: 30px !important;}	.h35 {height: 35px !important;}
.h40 {height: 40px !important;}
.h50 {height: 50px !important;}	.h80 {height: 80px !important;}	.h100 {height: 100px !important;}	.h120 {height: 120px !important;}
.h150 {height: 150px !important;}
.h170 {height: 170px !important;}	.h200 {height: 200px !important;}	.h300 {height: 300px !important;}	.h350 {height: 350px !important;}
.h400 {height: 400px !important;}	.h500 {height: 500px !important;}
.h600 {height: 600px !important;}	.h700 {height: 700px !important;}	.h800 {height: 800px !important;}	.h900 {height: 900px !important;}
.h1000 {height: 1000px !important;}

.mnh20 {min-height: 20px !important;}	.mnh25 {min-height: 25px !important;}	.mnh30 {min-height: 30px !important;}	.mnh35 {min-height: 35px !important;}
.mnh40 {min-height: 40px !important;}	.mnh50 {min-height: 50px !important;}	.mnh100 {min-height: 100px !important;}	.mnh200 {min-height: 200px !important;}
.mnh300 {min-height: 300px !important;}	.mnh400 {min-height: 400px !important;}	.mnh500 {min-height: 500px !important;}	.mnh600 {min-height: 600px !important;}
.mnh700 {min-height: 700px !important;}	.mnh800 {min-height: 800px !important;}	.mnh900 {min-height: 900px !important;}	.mnh1000 {min-height: 1000px !important;}

/*===================================================
  A. General/Misc Helpers
===================================================== */


/* BG Helpers */
.bg-none {
    background-color: transparent !important;
}

/* box-shadow Helpers */
.no-boxshadow {
    box-shadow: none !important;
}

/* height helpers */
.h-a {
    height: auto !important
}

/* overflow Helpers */
.of-a {overflow: auto !important}   .of-h {overflow: hidden !important}	.of-v {overflow: visible !important}	.of-x-a {overflow-x: auto !important}
.of-x-h {overflow-x: hidden !important}	.of-x-v {overflow-x: visible !important}    .of-y-a {overflow-y: auto !important}   .of-y-h {overflow-y: hidden !important}
.of-y-v {overflow-y: visible !important}

/* Center Grid Column Helper */
.center-column {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/* Vertical Align Helpers */
.va-t {vertical-align: top !important}	.va-m {vertical-align: middle !important}   .va-b {vertical-align: bottom !important}	.va-s {vertical-align: super !important}

/* Relative Position Helper */
.posr {
    position: relative !important
}

.text-wrap {
    word-wrap: break-word !important;
}


/*.section-details { font-size:20px; font-weight:600; border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; background-color:#fff; border:1px solid #ddd; border-top:0; }
.section-details .row > div { padding-top:12px; padding-bottom:12px; border-left:1px solid #eee; }
.section-details .row > div:first-child { border-left:0 }
.section-details span { display:block; font-size:11px; font-weight:400; color:#999; }*/


div.color-black, span.color-black, a.color-black, h1.color-black, h2.color-black, h3.color-black, h4.color-black, h5.color-black, p.color-black, button.color-black, i.color-black, a.color-black, li.color-black, .color-black {color: black !important}
div.color-blue, span.color-blue, a.color-blue, h1.color-blue, h2.color-blue, h3.color-blue, h4.color-blue, h5.color-blue, p.color-blue, button.color-blue, i.color-blue, a.color-blue, li.color-blue, .color-blue {color: blue !important}
div.color-yellow, span.color-yellow, a.color-yellow, h1.color-yellow, h2.color-yellow, h3.color-yellow, h4.color-yellow, h5.color-yellow, p.color-yellow, button.color-yellow, i.color-yellow, a.color-yellow, li.color-yellow, .color-yellow {color: yellow !important}
div.color-grey, span.color-grey, a.color-grey, h1.color-grey, h2.color-grey, h3.color-grey, h4.color-grey, h5.color-grey, p.color-grey, button.color-grey, i.color-grey, a.color-grey, li.color-grey, .color-grey {color: grey !important}
div.color-white, span.color-white, a.color-white, h1.color-white, h2.color-white, h3.color-white, h4.color-white, h5.color-white, p.color-white, button.color-white, i.color-white, a.color-white, li.color-white, .color-white {color: white !important}
div.color-orange, span.color-orange, a.color-orange, h1.color-orange, h2.color-orange, h3.color-orange, h4.color-orange, h5.color-orange, p.color-orange, button.color-orange, i.color-orange, a.color-orange, li.color-orange, .color-orange {color: orange !important}
div.color-purple, span.color-purple, a.color-purple, h1.color-purple, h2.color-purple, h3.color-purple, h4.color-purple, h5.color-purple, p.color-purple, button.color-purple, i.color-purple, a.color-purple, li.color-purple, .color-purple {color: purple !important}
div.color-pink, span.color-pink, a.color-pink, h1.color-pink, h2.color-pink, h3.color-pink, h4.color-pink, h5.color-pink, p.color-pink, button.color-pink, i.color-pink, a.color-pink, li.color-pink, .color-pink {color: pink !important}
div.color-violet, span.color-violet, a.color-violet, h1.color-violet, h2.color-violet, h3.color-violet, h4.color-violet, h5.color-violet, p.color-violet, button.color-violet, i.color-violet, a.color-violet, li.color-violet, .color-violet {color: violet !important}
div.color-red, span.color-red, a.color-red, h1.color-red, h2.color-red, h3.color-red, h4.color-red, h5.color-red, p.color-red, button.color-red, i.color-red, a.color-red, li.color-red, .color-red {color: red !important}
div.color-green, span.color-green, a.color-green, h1.color-green, h2.color-green, h3.color-green, h4.color-green, h5.color-green, p.color-green, button.color-green, i.color-green, a.color-green, li.color-green, .color-green {color: green !important}
div.color-brown, span.color-brown, a.color-brown, h1.color-brown, h2.color-brown, h3.color-brown, h4.color-brown, h5.color-brown, p.color-brown, button.color-brown, i.color-brown, a.color-brown, li.color-brown, .color-brown {color: brown !important}

.bg-inherit{
    background: inherit !important;
}

.bg-white{
    background-color: white !important;
}
.bg-grey-2{
    background-color: #eee !important;
}

.scroller-auto{
    overflow: auto;
}

.scroller-y{
    overflow: scroll;
    overflow-y: scroll;
}

a.link-unstyled{text-decoration: none;color: black;}
.super{vertical-align: super;}
.sub{vertical-align: sub;}

.hover-hg:hover{
    border-style: solid  !important;
    border-color: #ff9999  !important;
    border-width: 2px  !important;
}

.hover-zoom-hg:hover{
    transform: scale(1.01)  !important;
}

.txt-left{
    text-align: left !important;
}

.pre-tag{
    display: block;
    padding: 9.5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    line-height: 1.42857143;
    color: #000000;
    word-break: keep-all;
    white-space: pre-line;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    overflow: auto;
    box-sizing: border-box;
    direction: ltr;
/*    width: auto;
    max-width: auto;*/
}

textarea[resize=false]{
    resize: none;
}

textarea[resize-h=false]{
    resize: horizontal;
}

textarea[resize-w=false]{
    resize: vertical;
}

input.number-spin-off::-webkit-outer-spin-button, input.number-spin-off::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number].number-spin-off {
    -moz-appearance: textfield;
}


/*===================================================
  A. General Borders help
===================================================== */
.borderi{border-style: solid;}
.borderi.black{border-color: black !important;} .borderi.blue{border-color: blue !important;} .borderi.seablue{border-color: #3594cb !important;} .borderi.orange{border-color: orange !important;}
.borderi.grey{border-color: grey !important;} .borderi.yellow{border-color: yellow !important;}
.borderi.red{border-color: red !important;} .borderi.green{border-color: green !important;} .borderi.pink{border-color: pink !important;} .borderi.purple{border-color: purple !important;}
.borderi.brown{border-color: brown !important;} .borderi.tan{border-color: tan !important;}
.borderi.red-salmon{border-color: #FA8072 !important;} .borderi.salmon-light{border-color: #FFA07A !important;} .borderi.red-tomato{border-color: #FF6347 !important;}
.borderi.orange-red{border-color: #FF4500 !important;} .borderi.orange-dark{border-color: #FF8C00 !important;}
.borderi.blue-slate{border-color: #6A5ACD !important;} .borderi.blue-midnight{border-color: #191970 !important;} .borderi.blue-dark{border-color: #00008B !important;}
.borderi.blue-dodger{border-color: #1E90FF !important;} .borderi.blue-sky-deep{border-color: #00BFFF !important;}
.borderi.blue-sky-light{border-color: #87CEFA !important;} .borderi.blue-sky{border-color: #87CEEB !important;} .borderi.blue-steel{border-color: #4682B4 !important;}
.borderi.blue-steel-light{border-color: #B0C4DE !important;}
.borderi.cyan{border-color: #00FFFF !important;} .borderi.cyan-turquoise-dark{border-color: #00CED1 !important;} .borderi.cyan-turquoise{border-color: #40E0D0 !important;}
.borderi.cyan-sea-light{border-color: #20B2AA !important;} .borderi.cyan-dark{border-color: #008B8B !important;}
.borderi.cyan-teal{border-color: #008080 !important;} .borderi.cyan-aquamarine{border-color: #7FFFD4 !important;} .borderi.cyan-aquamarine-medium{border-color: #66CDAA !important;}
.borderi.cyan-cadet{border-color: #5F9EA0 !important;}
.borderi.green-spring-medium{border-color: #00FA9A !important;} .borderi.green-spring{border-color: #00FF7F !important;} .borderi.green-pale{border-color: #98FB98 !important;}
.borderi.green-light{border-color: #90EE90 !important;} .borderi.green-sea-dark{border-color: #8FBC8F !important;}
.borderi.green-sea-medium{border-color: #3CB371 !important;} .borderi.green-sea{border-color: #2E8B57 !important;} .borderi.green-dark{border-color: #006400 !important;}
.borderi.green-forest{border-color: #228B22 !important;} .borderi.green-lime-medium{border-color: #32CD32 !important;}
.borderi.green-lime{border-color: #00FF00 !important;} .borderi.green-law{border-color: #7CFC00 !important;} .borderi.green-yellow{border-color: #ADFF2F !important;}
.borderi.green-olive-drab{border-color: #6B8E23 !important;} .borderi.green-olive{border-color: #808000 !important;}
.borderi.brown-saddle{border-color: #8B4513 !important;} .borderi.brown-sienna{border-color: #A0522D !important;} .borderi.brown-chocollate{border-color: #D2691E !important;} .borderi.brown-sandy{border-color: #F4A460 !important;}
.borderi.violet-blue{border-color: #8A2BE2 !important;} .borderi.violet-indigo{border-color: #4B0082 !important;} .borderi.violet-dark{border-color: #9400D3 !important;} .borderi.purple-orchid{border-color: #BA55D3 !important;}
.borderi.purple-crimson{border-color: #DC143C !important;} .borderi.rose-coral-light{border-color: #F08080 !important;}
.borderi.dotted{border-style: dotted;} .borderi.dashed{border-style: dashed;} .borderi.solid{border-style: solid;} .borderi.double{border-style: double;} .borderi.groove{border-style: groove;}
.borderi.inset{border-style: inset;} .borderi.outset{border-style: outset;} .borderi.hidden{border-style: hidden;} .borderi.ridge{border-style: ridge;} .borderi.ridge{border-style: ridge;}
.borderi.w1px{border-width: 1px;} .borderi.w2px{border-width: 2px;} .borderi.w3px{border-width: 3px;} .borderi.w4px{border-width: 4px;} .borderi.w5px{border-width: 5px;}
.borderi.t0px{border-top-style: none;} borderi.t1px{border-top-width: 1px;} .borderi.t2px{border-top-width: 2px;} .borderi.t3px{border-top-width: 3px;} .borderi.t4px{border-top-width: 4px;} .borderi.t5px{border-top-width: 5px;}
.borderi.b0px{border-bottom-style: none;} .borderi.b1px{border-bottom-width: 1px;} .borderi.b2px{border-bottom-width: 2px;} .borderi.b3px{border-bottom-width: 3px;} .borderi.b4px{border-bottom-width: 4px;} .borderi.b5px{border-bottom-width: 5px;}
.borderi.l0px{border-left-style: none;} .borderi.l1px{border-left-width: 1px;} .borderi.l2px{border-left-width: 2px;} .borderi.l3px{border-left-width: 3px;} .borderi.l4px{border-left-width: 4px;} .borderi.l5px{border-left-width: 5px;}
.borderi.r0px{border-right-style: none;} .borderi.r1px{border-right-width: 1px;} .borderi.r2px{border-right-width: 2px;} .borderi.r3px{border-right-width: 3px;} .borderi.r4px{border-right-width: 4px;} .borderi.r5px{border-right-width: 5px;}
.borderi.rad2{border-radius: 2px  !important} .borderi.rad5{border-radius: 5px  !important} .borderi.rad8{border-radius: 8px  !important} .borderi.rad12{border-radius: 12px  !important} .borderi.rad15{border-radius: 15px  !important}

.b0px{
    border: 0px;
}

.b-none{
    border: none !important;
}


.btn-default.__mod1__.active{
    color: white !important;
    background-image: none !important;
    /*background-color: #8a83f4 !important;*/
    background-color: #009933 !important;
}


.ii{
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.ii-lg{
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
}

.ii-sm{
    width: 12px !important;
    height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
}

.ii-cama-casal-1{
    background-image: url("../assets/sys/tpl/icons-imgs/003-bed-1.png") !important;
}

.ii-cama-casal-2{
    background-image: url("../assets/sys/tpl/icons-imgs/003-bed-1.png") !important;
}

.ii-cama-solteiro-1{
    background-image: url("../assets/sys/tpl/icons-imgs/006-cama-de-solteiro-1.png") !important;
}

.ii-cama-solteiro-2{
    background-image: url("../assets/sys/tpl/icons-imgs/001-single-bed.png") !important;
}

.ii-cama-solteiro-3{
    background-image: url("../assets/sys/tpl/icons-imgs/004-cama.png") !important;
}

.ii-cama-solteiro-4{
    background-image: url("../assets/sys/tpl/icons-imgs/005-cama-de-solteiro.png") !important;
}

.ii-lavanderia-coleta{
    background-image: url("../assets/sys/tpl/icons-imgs/001-lavanderia-1.png") !important;
}

.ii-lavanderia-preparacao{
    background-image: url("../assets/sys/tpl/icons-imgs/001-lavanderia.png") !important;
}

.ii-lavanderia-procedimentos{
    background-image: url("../assets/sys/tpl/icons-imgs/002-maquina-de-lavar.png") !important;
}

.ii-lavanderia-pronto{
    background-image: url("../assets/sys/tpl/icons-imgs/003-lavanderia-1.png") !important;
}

.ii-lavanderia-entregue{
    background-image: url("../assets/sys/tpl/icons-imgs/002-lavanderia.png") !important;
}

.reset-font-family{
    font-family: initial !important;
}




/* responsive padding helpers */
@media (min-width: 1140px) {
    .ptn-lg {padding-top: 0 !important;}    .prn-lg {padding-right: 0 !important;}  .pbn-lg {padding-bottom: 0 !important;} .pln-lg {padding-left: 0 !important;}
    .pt5-lg {padding-top: 5px !important;}  .pr5-lg {padding-right: 5px !important;}	.pb5-lg {padding-bottom: 5px !important;}   .pl5-lg {padding-left: 5px !important;}
}
@media (min-width: 992px) {
    .ptn-md {padding-top: 0 !important;}    .prn-md {padding-right: 0 !important;}  .pbn-md {padding-bottom: 0 !important;} .pln-md {padding-left: 0 !important;}
    .pt5-md {padding-top: 5px !important;}  .pr5-md {padding-right: 5px !important;}	.pb5-md {padding-bottom: 5px !important;}   .pl5-md {padding-left: 5px !important;}
}

@media print {
    .pagebreak {
        clear: both;
        break-after: always;
        page-break-after: always;
        page-break-inside: always;
    }
}




.printer-th58mm{ width: 218px; max-width: 219px; }
.printer-th58mm *{ font-size: 10px; color: black; font-family: "Andale Mono", monospace; }

.printer-th80mm{ width: 302px; max-width: 302px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.printer-th80mm *{ font-size: 8pt; font-weight: bold; color: black; font-family: "Andale Mono", monospace; }
.printer-th80mm > *{ font-size: 8pt; font-weight: bold; color: black; font-family: "Andale Mono", monospace; }

.printer-th80mm-strict{ width: 302px; max-width: 302px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}