/***
General reset
***/
/* Set default body */
body {
  color: #333333;
  font-family: "Arial", sans-serif;
  font-size: 12px;
}

/*input.form-validate:valid { border: 1px solid green; }
input.form-validate:valid:focus { border: 1px solid green; }
input.form-validate:invalid { border: 1px solid red; }
input.form-validate:invalid:focus { border: 1px solid red; }

textarea.form-validate:valid { border: 1px solid green; }
textarea.form-validate:valid:focus { border: 1px solid green; }
textarea.form-validate:invalid { border: 1px solid red; }
textarea.form-validate:invalid:focus { border: 1px solid red; }

select.form-validate:valid { border: 1px solid green; }
select.form-validate:valid:focus { border: 1px solid green; }
select.form-validate:invalid { border: 1px solid red; }
select.form-validate:invalid:focus { border: 1px solid red; }*/

.form-validate:valid { border: 1px solid green; }
.form-validate:valid:focus { border: 1px solid green; }
.form-validate:invalid { border: 1px solid red; }
.form-validate:invalid:focus { border: 1px solid red; }

.cursor-default { cursor: default !important; }
.cursor-help { cursor: help !important; }
.cursor-pointer { cursor: pointer !important; }
.cursor-progress { cursor: progress !important; }
.cursor-wait { cursor: wait !important; }
.cursor-disabled { cursor: not-allowed !important; }
.cursor-zoom-in { cursor: zoom-in !important; }
.cursor-zoom-out { cursor: zoom-out !important; }

.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; }

.uppercase{ text-transform: uppercase; }
.lowercase{ text-transform: lowercase; }
.capitalize{ text-transform: capitalize; }
.underline{ text-decoration: underline; }
.overline{ text-decoration: overline; }
.line-through{ text-decoration: line-through; }
.italic{ font-style: italic; }
.bold{ font-weight: bold; }

.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;}
.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}


/*===============================================
  C. Text Helpers
================================================= */
.text-uppercase { text-transform: uppercase !important}
.fw200 {font-weight: 200 !important}    .fw300 {font-weight: 300 !important}	.fw400 {font-weight: 400 !important}    .fw600 {font-weight: 600 !important}	.fw700 {font-weight: 700 !important}
.fs3 {font-size: 4px !important}    .fs4 {font-size: 4px !important}    .fs5 {font-size: 5px !important}
.fs6 {font-size: 6px !important}    .fs7 {font-size: 7px !important}	.fs8 {font-size: 8px !important}    .fs9 {font-size: 9px !important}
.fs10 {font-size: 10px !important}  .fs11 {font-size: 11px !important}	.fs12 {font-size: 12px !important}  .fs13 {font-size: 13px !important}
.fs14 {font-size: 14px !important}  .fs15 {font-size: 15px !important}	.fs16 {font-size: 16px !important}  .fs17 {font-size: 17px !important}
.fs18 {font-size: 18px !important}  .fs20 {font-size: 20px !important}	.fs22 {font-size: 22px !important}  .fs24 {font-size: 24px !important}
.fs26 {font-size: 26px !important}  .fs28 {font-size: 28px !important}	.fs30 {font-size: 30px !important} .fs32 {font-size: 32px !important} 
.fs34 {font-size: 34px !important}  .fs35 {font-size: 35px !important}
.fs40 {font-size: 40px !important}  .fs45 {font-size: 45px !important}	.fs50 {font-size: 50px !important}  .fs60 {font-size: 60px !important}
.fs70 {font-size: 70px !important}  .fs80 {font-size: 80px !important}	.fs90 {font-size: 90px !important}  .fs100 {font-size: 100px !important}

.fs3pt {font-size: 4pt!important}	.fs4pt {font-size: 4pt !important}	.fs5pt {font-size: 5pt !important}
.fs6pt {font-size: 6pt !important}	.fs7pt {font-size: 7pt !important}	.fs8pt {font-size: 8pt !important}    .fs9pt {font-size: 9pt !important}
.fs10pt {font-size: 10pt !important}	.fs11pt {font-size: 11pt !important}	.fs12pt {font-size: 12pt !important}  .fs13pt {font-size: 13pt !important}
.fs14pt {font-size: 14pt !important}	.fs15pt {font-size: 15pt !important}	.fs16pt {font-size: 16pt !important}  .fs17pt {font-size: 17pt !important}
.fs18pt {font-size: 18pt !important}	.fs20pt {font-size: 20pt !important}	.fs22pt {font-size: 22pt !important}  .fs24pt {font-size: 24pt !important}
.fs26pt {font-size: 26pt !important}	.fs28pt {font-size: 28pt !important}	.fs30pt {font-size: 30pt !important}  .fs35pt {font-size: 35pt !important}
.fs40pt {font-size: 40pt !important}	.fs45pt {font-size: 45pt !important}	.fs50pt {font-size: 50pt !important}  .fs60pt {font-size: 60pt !important}
.fs70pt {font-size: 70pt !important}	.fs80pt {font-size: 80pt !important}	.fs90pt {font-size: 90pt !important}  .fs100pt {font-size: 100pt !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;}

/* 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;}
}

/*===============================================
  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;}
.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-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;}
.h-20 {height: 20px !important;}    .h-25 {height: 25px !important;}	.h-30 {height: 30px !important;}    .h-35 {height: 35px !important;}.h-40 {height: 40px !important;}
.h-50 {height: 50px !important;}    .h-80 {height: 80px !important;}	.h-100 {height: 100px !important;}  .h-120 {height: 120px !important;}	.h-150 {height: 150px !important;}
.h-170 {height: 170px !important;}  .h-200 {height: 200px !important;}	.h-300 {height: 300px !important;}  .h-400 {height: 400px !important;}	.h-500 {height: 500px !important;}
.h-600 {height: 600px !important;}  .h-700 {height: 700px !important;}	.h-800 {height: 800px !important;}  .h-900 {height: 900px !important;}	.h-1000 {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
===================================================== */

/* Transform Center Helper(experimental) */
.t-center {text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* 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
}

/* Font-family */
.times-new-roman {font-family: "Times New Roman", serif;}
.times {font-family: Times, serif;}
.georgia {font-family: Georgia, serif;}
.palatino {font-family: Palatino, serif;}
.palatino-linotype {font-family: "Palatino Linotype", serif;}
.book-antiqua {font-family: "Book Antiqua", serif;}
.arial {font-family: Arial, sans-serif;}
.arial-black {font-family: "Arial Black", sans-serif;}
.gadget {font-family: Gadget, sans-serif;}
.comic-sans {font-family: "Comic Sans MS", cursive, sans-serif;}
.impact {font-family: Impact, Charcoal, sans-serif;}
.lucida-sans-unicode {font-family: "Lucida Sans Unicode", sans-serif;}
.lucida-grande {font-family: "Lucida Grande", sans-serif;}
.tahoma {font-family: Tahoma, sans-serif;}
.trebuchet-ms {font-family: "Trebuchet MS", sans-serif;}
.helvetica {font-family: Helvetica, sans-serif;}
.verdana {font-family: Verdana, sans-serif;}
.geneva {font-family: Geneva, sans-serif;}
.courier {font-family: Courier, monospace;}
.courier-new {font-family: "Courier New", monospace;}
.lucida-console {font-family: "Lucida Console", monospace;}
.monaco {font-family: Monaco, monospace;}
.consolas {font-family: Consolas, monospace;}


/*.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}

.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}

.height10{height: 10px !important} 
.height20{height: 20px !important} 
.height30{height: 30px !important}

.b0px{
    border: 0px;
}


.b-none{
    border: none !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;}

/* General Text & Icon Font Colors */
.font-black{color: black !important;}

.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;
}

.bg-grey-cararra-2{
    border-color: #f4f4f4 !important;
    background-image: none !important;
    background-color: #f4f4f4 !important;
    color: black !important;
}