/*Global*/
*,*:before,*:after{box-sizing:border-box;padding:0px;margin:0px;border-spacing:0px;font-family:'Trebuchet MS';border:0px;}
/*div{border:1px solid black;}*/

/*Flex Display*/
.revrowdisp{display:flex;flex-direction:row-reverse;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;}
.rowdisp{display:flex;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;}
.rowdisp:before,.rowdisp:after{content:" ";display:table;clear:both}
.coldisp{display:flex;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;}
.row-coldisp{display:flex;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;}
.col-rowdisp{display:flex;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;}
.revrow-coldisp{display:flex;flex-direction:row-reverse;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;}
.hiddendiv{display:none;}
.mobshow{display:none;}

/*Div Widths*/
.col-0 {display:none;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

/*Div Heights*/
.row-0 {display:none;}
.row-1 {height: 8.33%;}
.row-2 {height: 16.66%;}
.row-3 {height: 25%;}
.row-4 {height: 33.33%;}
.row-5 {height: 41.66%;}
.row-6 {height: 50%;}
.row-7 {height: 58.33%;}
.row-8 {height: 66.66%;}
.row-9 {height: 75%;}
.row-10 {height: 83.33%;}
.row-11 {height: 91.66%;}
.row-12 {height: 100%;}
.row-auto{height:auto;}

/*Background Colors*/
.backteal{background-color:#003f48;}
.backashteal{background-color:#678983;}
.backbeige{background-color:#e6ddc4;}
.backashbeige{background-color:#d0cab2;}
.backgrey{background-color:#404040;}
.backwhite{background-color:#ffffff;}
.backgold{background-color:#ff9900;}

.bg1st{background-color:#0e2954;}
.bg2nd{background-color:#5b8fb9;}
.bg3rd{background-color:#e6ddc4;}
.bg4th{background-color:#d0cab2;}
.bg5th{background-color:#404040;}
.bg6th{background-color:#ffffff;}
.bg7th{background-color:#caa416;}

/*Border Colors*/
.borderteal{border:1px solid #003f48;}
.borderashteal{border:1px solid #678983;}
.borderbeige{border:1px solid #e6ddc4;}
.borderashbeige{border:1px solid #d0cab2;}
.bordergrey{border:1px solid #404040;}
.borderwhite{border:1px solid #ffffff;}
.bordergold{border:1px solid #caa416;}

/*Hover Colors*/
.hoverteal:hover{background-color:#003f48;color:#ffffff;}
.hoverashteal:hover{background-color:#678983;color:#ffffff;}
.hoverbeige:hover{background-color:#e6ddc4;color:#ffffff;}
.hoverashbeige:hover{background-color:#d0cab2;color:#ffffff;}
.hovergrey:hover{background-color:#404040;color:#ffffff;}
.hoverwhite:hover{background-color:#ffffff;color:#404040;}
.hovergold:hover{background-color:#ff9900;color:#ffffff!important;}

.hover1st:hover{background-color:#0e2954;color:#ffffff}
.hover2nd:hover{background-color:#5b8fb9;color:#ffffff;}
.hover3rd:hover{background-color:#e6ddc4;color:#ffffff;}
.hover4th:hover{background-color:#d0cab2;color:#ffffff;}
.hover5th:hover{background-color:#404040;color:#ffffff;}
.hover6th:hover{background-color:#ffffff;color:#404040;}
.hover7th:hover{background-color:#caa416;color:#ffffff;}

/*Font Colors*/
.fontteal{color:#003f48;}
.fontashteal{color:#678983;}
.fontbeige{color:#e6ddc4;}
.fontashbeige{color:#d0cab2;}
.fontgrey{color:#404040;}
.fontwhite{color:#ffffff;}
.fontgold{color:#ff9900;}

.font1st{color:#0e2954;}
.font2nd{color:#5b8fb9;}
.font3rd{color:#e6ddc4;}
.font4th{color:#d0cab2;}
.font5th{color:#404040;}
.font6th{color:#ffffff;}
.font7th{color:#caa416;}

/*Scrollbar*/
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-thumb:hover{width:3px;}
::-webkit-scrollbar-thumb{background-color:#0e2954;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}

/*Parts*/
.justify-center{justify-content:center;-webkit-box-pack: center;}
html, body{position:absolute;left:0;top:0;height:100%;width:100%;overflow:hidden;}
.main-wrapper{position:absolute;left:0;top:0;height:100%;width:100%;}

.header{padding:6px 30px;}
.header-title{font-size:1.5em;font-weight:bold;}
.header-sub{font-size:1.25em;font-weight:bold;}
/* Profile name and pic */
.userdtlname{font-size:1.5em;text-align:right;font-weight:bold;}
.userdtldept{font-size:1.25em;text-align:right;font-weight:bold;}
.picholder{width:3.5em;height:3.5em;position:relative;overflow:hidden;border-radius:50%;margin-top:auto;float:right;}
.userpic{display:inline;margin:auto;height:100%;width:auto;}
/* The actual popup */
.popupmenu{visibility:hidden;background-color:#ffffff;text-align:center;position:absolute;z-index:1;top:7px;right:7px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);width:150px;}
.popupmenuitem{padding:5px 10px;border:1px solid #e5e5e5;color: #404040;transition:all .2s;cursor:pointer;}
.popupmenuitem:hover{color:#ffffff;background-color:#5b8fb9;}
.popupmenu.show{visibility:visible;-webkit-animation: fadeIn 1s;animation: fadeIn 1s;}

/* Navigation */
.mobnav{display:none;}
.moblist{display:none;}
.nav-wrapper{padding:10px 0;}
.nav-pnllft{margin-right:5px;}
.nav-pnlrgt{margin-left:5px;}
a{text-decoration:none;}
.vw-btn{padding:5px;text-align:center;font-weight:bold!important;font-size:1em;cursor:pointer;margin:0 5px;}
.nav-btn{padding:10px;text-align:center;font-weight:bold!important;font-size:1.25em;cursor:pointer;margin:0 5px;}
.nav-btnx{padding:10px;text-align:center;font-weight:bold!important;font-size:1.25em;margin:0 5px;}
.btnicon{font-size:3em;text-align:center;}
.modrow{margin:5px 0px;}

.content{height:100%;width:100%;}
.content-buffmid{padding:10px 0;}
.mob-scroll{height:calc(100% - 63px);}

.footer{padding:6px 30px;border-top:1px solid #ffffff;}

/* Breadcrumbs */
.breadcrumb{font-size:1em;color:#404040;float:right;margin:auto 5px;}
.breadcrumb>span{margin:0 0.25em;}
.bclink{text-decoration:underline;color:#003f48;}
.bcactive{color:#ff9900;}

/*Login*/
.pccompname{font-size:2.5em;font-weight:bold;text-align:right;padding-right:30px;}
.pccompaddr{font-size:1.2em;text-align:right;padding-right:30px;}
.cpcompname{font-size:1.5em;font-weight:bold;text-align:right;padding-right:15px;}
.cpcompaddr{font-size:1.25em;}
#pclogin{display:;}
#cplogin{display:none;}

/* Table */
/* table{display:flex!important;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;} */
thead{}
tbody{}
tr>th{padding:10px;font-size:0.9em;font-weight:bold;}
tr>td{padding:10px;font-size:0.9em;border-bottom:1px solid #0e2954;text-align:center;}
.hoverteal:hover{background-color:#003f48;}
.hoverteal:hover>td{color:white;}
.hover1st:hover{background-color:#0e2954;}
.hover1st:hover>td{color:white;}

/* Notes */
.notes{padding:6px 0px;border-bottom:1px solid #404040;}
.notes-hdr{font-size:1.25em;font-weight:bold;}
.notes-dtl{font-size:1em;}

/* Form Details */
.formbold{font-weight:bold;}
.formdetails{margin:5px 0;font-size:1em;}
.formlblright{text-align:right;}
.formlblleft{text-align:left;}
.formval{padding-left:5px;}
#patpic{margin:auto;height:125px;width:125px;}
.formtext{padding:1px 3px;border:1px solid #0e2954;font-size:1em;}
.formdate{border:1px solid #0e2954;font-size:1em;}
.formtextarea{padding:1px 3px;border:1px solid #0e2954;height:5em;resize:none;font-size:1em;}
/*Checkbox*/
input[type="checkbox"]{display:none;}
span.checkbox{background-color:#ffffff;color:#ffffff;border:1px solid #0e2954;margin-right:5px;padding:3px;}
.lblcheck input:checked ~ .checkbox{background-color:#0e2954;}
/*Checkbox for reports*/
input[type="checkbox"]{display:none;}
span.formselect{color:#ffffff;border:1px solid #252525;margin-right:5px;}
.lblcheck input:checked ~ .formselect{background-color:#252525;}
/*Radiobutton*/
input[type="radio"]{display:none;}
span.checkbox{color:#ffffff;border:1px solid #ffffff;border:1px solid #0e2954;margin-right:5px;padding:3px;}
.lblcheck input:checked ~ .checkbox{background-color:#0e2954;}
pre{padding:2px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}

/*Mobile Screen < 1400 px*/
@media only screen and (max-width:1400px){
  .header{padding:3px 15px;}

  /* Profile name and pic */
  .userdtlname{font-size:1.25em;text-align:right;font-weight:bold;}
  .userdtldept{font-size:1.1em;text-align:right;font-weight:bold;}
  .picholder{width:3.5em;height:3.5em;position:relative;overflow:hidden;border-radius:50%;margin-top:auto;float:right;}
  .userpic{display:inline;margin:auto;height:100%;width:auto;}

	*,*{font-size:12px;}
		/* Navigation */
	.mobnav{display:none;}
	.moblist{display:none;}
	.nav-wrapper{padding:10px 0;}
	.nav-pnllft{margin-right:5px;}
	.nav-pnlrgt{margin-left:5px;}
	a{text-decoration:none;}
	.nav-btn{padding:10px;text-align:center;font-weight:bold;font-size:1.25em;cursor:pointer;margin:0 5px;}
	.nav-btnx{padding:10px;text-align:center;font-weight:bold;font-size:1.25em;margin:0 5px;}
	.btnicon{font-size:2em;text-align:center;}
	.modrow{margin:5px 0px;}
  .footer{display:none;}

	/* Form Details */
	#patpic{margin:auto;height:100px;width:100px;}

}

/*Mobile Screen < 500 px*/
@media only screen and (max-width:500px){
  /*Global*/
	*,*{font-size:10px;}

  .col-rowdisp{display:flex;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;}
  .row-coldisp{display:flex;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;}
  .revrow-coldisp{display:flex;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;}
  .revcol-rowdisp{display:flex;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;flex-direction:row;-o-flex-direction:row;-ms-flex-direction:row;-webkit-flex-direction:row;-moz-flex-direction:row;}
  .tocol-0 {display:none}
  .tocol-1 {width: 8.33%;}
	.tocol-2 {width: 16.66%;}
	.tocol-3 {width: 25%;}
	.tocol-4 {width: 33.33%;}
	.tocol-5 {width: 41.66%;}
	.tocol-6 {width: 50%;}
	.tocol-7 {width: 58.33%;}
	.tocol-8 {width: 66.66%;}
	.tocol-9 {width: 75%;}
	.tocol-10 {width: 83.33%;}
	.tocol-11 {width: 91.66%;}
	.tocol-12 {width: 100%;}

  .torow-0 {display:none;}
  .torow-1 {height: 8.33%;}
  .torow-2 {height: 16.66%;}
  .torow-3 {height: 25%;}
  .torow-4 {height: 33.33%;}
  .torow-5 {height: 41.66%;}
  .torow-6 {height: 50%;}
  .torow-7 {height: 58.33%;}
  .torow-8 {height: 66.66%;}
  .torow-9 {height: 75%;}
  .torow-10 {height: 83.33%;}
  .torow-11 {height: 91.66%;}
  .torow-12 {height: 100%;}
  .torow-auto{height:auto;}

	.mobhide{display:none;}
  .mobshow{display:flex;}

  .header{padding:3px 15px;}
    /* Profile name and pic */
  .userdtlname{display:none}
  .userdtldept{display:none}
  .picholder{width:5em;height:5em;}

    /* Navigation */
  .compnav{display:none;}
  .mobnav{display:flex;}
  .nav-wrapper{padding:1px 0;}
	.vw-btn{padding:5px;text-align:center;font-weight:bold!important;font-size:1em;cursor:pointer;margin:0px;}
  .nav-btn{padding:5px;text-align:center;font-weight:bold!important;font-size:1.5em;cursor:pointer;margin:0px;border-bottom:1px solid #ffffff;}
  .mob-scroll{height:calc(100% - 48px);}
  .modrow{margin:0px;}
  .modx{display:none;}
	.btnicon{font-size:2em;text-align:center;}
	.btnlbl{font-size:1em;text-align:center;}

  .visible{display:flex;-webkit-animation: fadeIn 1s;animation: fadeIn 1s;}

  .content-bufflft{display:none;}
  .content-buffrgt{display:none;}

  .footer{padding:3px 15px;}

	/* Table */
	/* table{display:flex!important;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;} */
	thead{}
	tbody{}
	tr>th{padding:3px 1px;font-size:1em;font-weight:bold;}
	tr>td{padding:3px 1px;font-size:1em;border-bottom:1px solid #003f48;text-align:center;}
	::-webkit-scrollbar{width:7px;}

	/* Breadcrumbs */
	.breadcrumb{margin-top:1px;margin-bottom:3px;}

  /*login*/
  #pclogin{display:none;}
  #cplogin{display:inherit;}

	/* Form Details */
	.formdetails{margin:5px 0;font-size:1em;}
	.formlblright{text-align:left;}
	.formval{padding-left:5px;}
	#patpic{margin:auto;}
}

@media print{
  /*Paper Size*/
  @page{size:A4 portrait; margin:0.5cm;}
  .repa4size{zoom:100%;}
  .repa4size{width:100%!important;height:100%!important;margin:0;flex-shrink:0;flex-grow:0;border:0!important;font-size:11px;}

  /* .a4size{width:100%;height:100%;margin:auto;} */

  /*Form Selections*/
  input[type="checkbox"]{display:none;}
  span.formselect{color:#ffffff;border:1px solid #252525;margin-right:5px;}
  .lblcheck input:checked ~ .formselect{background-color:#252525;}
  /* *{visibility:hidden;} */
  .noprint{display:none;}
  .printable{visibility:visible;}

  /*Form Radio*/
  input[type="radio"]{display:none;}
  span.formselect{color:#ffffff;border:1px solid #252525;margin-right:5px;}
  .lblcheck input:checked ~ .formselect{background-color:#252525;}

  /*Form Shader*/
  .formshade{color:#ffffff;background-color:#252525;}

  .pagebreak {clear:both;break-after:page;}
}