:root {
	--black:#000000;
	--blueDark:#003366;
	--blueDark2:#00171f;
	--blueMed:#0066cc;
	--blueMed2:#0066ff;
	--blueLight:#e0ecff;
	--blueLight2:#f0f9ff;
	--grayDark:#333333;
	--grayLight:#e0e0e0;
	--grayLight2:#eeeeee;
	--grayLight3:#f6f6f6;
	--grayMed:#808080;
	--grayMed2:#bbbbbb;
	--grayMed3:#999999;
	--redDark:#ff0000;
	--redLight:#fff0f0;
	--white:#ffffff;
}

.warning{position:absolute; width:200px; left:calc(50vw - 500px); top:0; text-align:center; font-size:20px;}

/*Universal*/
* {margin:0; padding:0; font-family:Calibri,sans-serif;}
body{min-width:1230px; font-size:13px; color:var(--blueDark); background:var(--grayLight3); overflow:hidden;}
a{text-decoration:none; cursor:pointer;}
p{cursor:default;}
span{cursor:default;}
input{font-family:inherit; font-size:13px; transition:all .25s;}
input[type=text]{padding:2px 4px; background:var(--white); color:var(--blueDark2); box-sizing:border-box; float:left; outline:none; border:1px solid var(--blueDark2); border-radius:3px;}
input[type=password]{padding:2px 4px; background:var(--white); color:var(--blueDark2); box-sizing:border-box; font-size:12px; float:left; outline:none; border:1px solid var(--blueDark2); border-radius:3px;}
input[type=button]{position:relative; padding:2px 0; box-sizing:border-box; background:linear-gradient(#dddddd,#777777); border:1px solid var(--grayDark); border-radius:5px; cursor:pointer; float:left;}
input[type=button]:after{content:''; position:absolute; top:2px; left:2px; text-shadow:0 -1px #000000; border-radius:10px 10px 0 0; width:calc(100% - 4px); height:50%; background:linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));}
input[type=button]:active{background:linear-gradient(var(--white),#666666);}
input[type=checkbox]{float:left;}
input[type=file]{padding:2px 0; box-sizing:border-box; border-radius:5px; cursor:pointer; float:left;}
select{padding:2px 0; background:var(--white); color:var(--blueDark2); box-sizing:border-box; font-size:12px; float:left; border:1px solid var(--blueDark2); border-radius:3px; transition:all .25s ease-in-out; outline:none;}
option{padding-left:4px;}
textarea{padding:2px 4px; font-family:inherit; background:var(--white); color:var(--blueDark2); border:1px solid var(--blueDark2); border-radius:3px; box-sizing:border-box; font-size:12px; float:left; transition:all .25s ease-in-out; outline:none;}

.button{position:relative; top:0; left:0; padding:4px 0 4px 0; float:left; background:var(--white); color:var(--blueMed2); border:1px solid var(--blueDark); box-sizing:border-box; border-radius:1000px; text-align:center; font-size:14px; font-weight:bold; cursor:pointer; outline:0; transition:background-color .1s linear, color .1s linear; box-shadow:0 1px 1px 0 rgba(0,0,0,0.14), 0 1px 1px -2px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2)}
.button:hover,
.button:focus{background:var(--blueMed2); color:var(--white) !important;}
.button.gray{background:var(--white); color:var(--grayMed); border-color:var(--grayMed);}
.button.gray:hover,
.button.gray:focus{background:var(--grayMed); color:var(--white); border-color:var(--grayDark)}
.button.red{background:var(--white); color:var(--redDark); border-color:var(--grayMed);}
.button.red:hover,
.button.red:focus{background:var(--white); color:var(--redDark);}
.button:active{top:1px; left:1px; box-shadow:none;}

.custcheck{position:relative; box-sizing:border-box; float:left; background:var(--white); border:1px solid var(--blueDark2); border-radius:3px; background-image:url('../img/checkbox/check_blue.png'); background-size:0 0; background-position:center center; background-repeat:no-repeat; transition:background-size .15s;}
.custcheck:focus{outline:0}
.custcheck.black{background-image:url('../img/checkbox/check_black.png');}
.custcheck.white{background-image:url('../img/checkbox/check_white.png');}
.custcheck.checked{background-size:60% 60%;}

.custdate{position:relative; float:left;}
.custdate input[type=text]{width:100%; margin:0; padding:1px 3px; border:1px solid #444444; cursor:pointer;}
.custdate a{position:absolute; width:15%; padding:0 0 3px 0; right:0;}
.custdate .icon-push:after{font-size:14px; top:6px; right:4px; color:var(--grayDark);}
.custdate .icon-x:hover:after{color:var(--redDark);}

.custdrop{position:relative;}
.custdrop input{width:100% !important; margin:0 !important; text-align:left; float:left; transition:border-radius 0s; cursor:pointer;}
.custdrop div{position:absolute; width:100%; max-height:240px; overflow:hidden; z-index:21; background:var(--blueDark); display:none; color:var(--white); border-radius:0 0 5px 5px; box-shadow:2px 2px 2px rgba(0,0,0,0.5);}
.custdrop a{width:100%; line-height:1.4em; padding:2px 6px; box-sizing:border-box; float:left;}
.custdrop a.greyed{background:var(--grayMed);}
.custdrop a:first-of-type{margin-top:5px;}
.custdrop a:last-of-type{margin-bottom:5px;}
.custdrop a:hover,
.custdrop a.hover{background:var(--blueMed2); color:var(--white);}
.custdrop .icon-chevronDown{position:absolute; width:15%; padding:0 0 3px 0; right:0; cursor:pointer;}
.custdrop .icon-chevronDown:after{font-size:14px; top:5px; right:5px; color:var(--blueDark2);}
.custdrop .icon-chevronDown:hover:after{color:var(--blueMed2);}

.custinput{position:relative; float:left;}
.custinput input[type=text]{width:100%; margin:0; padding:1px 3px; border:1px solid #444444;}
.custinput a{position:absolute; width:15%; padding:0 0 3px 0; right:0;}
.custinput .icon-push:after{font-size:14px; top:2px; right:3px; color:var(--grayDark);}
.custinput .icon-x:hover:after{color:var(--redDark);}

.custtoggle{position:relative; float:left; border-radius:10px; background:#e9e9e9; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5); border:1px solid var(--blueDark2);}
.custtoggle span{width:50%; padding:0 8px; color:var(--blueDark2); float:left; border-radius:10px; box-sizing:border-box; transition:all .2s ease-in-out;}
.custtoggle span:nth-of-type(1){text-align:left; cursor:pointer;}
.custtoggle span:nth-of-type(2){text-align:right; cursor:pointer;}
.custtoggle span:nth-of-type(-n+2):hover{background:var(--white); box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5);}
.custtoggle span:nth-of-type(3){position:absolute; top:0; left:0; background:var(--blueMed); color:var(--white); font-weight:bold;}
.custtoggle span:nth-of-type(3):after{content:''; position:absolute; top:0; left:0; border-radius:10px 10px 0 0; width:100%; height:50%; background:linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0.2));}

.bkgd{position:fixed; width:307.5px; left:calc(50vw - 153.75px); top:45vh; opacity:0.05; z-index:-1; filter:contrast(50%) grayscale(100%);}
.center_div{width:1230px; margin:0 auto;}
.main_div{width:1225px; margin:0 0 20px 5px; float:left;}
.overlay{position:fixed; width:100vw; height:100vh; top:0; left:0; background:rgba(128,128,128,0.55); z-index:20; display:none; backdrop-filter:blur(2px);}
.overlay.black60{background:rgba(0,0,0,0.60);}
.overlay.black75{background:rgba(0,0,0,0.75);}
.overlay.black90{background:rgba(0,0,0,0.90);}
.overlay.black100{background:rgba(0,0,0,1);}
.menu_overlay{position:fixed; width:100vw; height:100vh; top:0; left:0; background:rgba(128,128,128,0.3); z-index:20; display:none; backdrop-filter:blur(3px);}

/* Header */
.header_space{width:100%; height:85px; float:left;}

.page_header{position:absolute; z-index:1000; width:100%; min-width:1230px; height:65px; background:var(--blueDark); color:var(--white); font-size:16px; box-shadow:0 2px 2px rgba(0,0,0,0.5);}
.page_header .logo{width:270px; height:65px; float:left; box-sizing:border-box;}
.page_header .logo img{height:100%; float:left;}
.page_header .mid{width:600px; padding-top:7px; font-size:26px; line-height:65px; float:left;}
.page_header .mid p{text-align:center; float:left;}
.page_header .search{position:relative; width:300px; margin:16px 30px 0 0; float:left;}
.page_header .search .icon-push{width:0; float:left;}
.page_header .search .icon-push:after{left:6px; top:8px; color:#999999;}
.page_header .search input{float:left; padding:6px 0 7px 24px; font-size:14px; border-radius:6px; background:var(--white); border-width:2px 2px 0 2px; border-style:solid; border-color:var(--blueDark); box-sizing:border-box;}
.page_header .search input:focus{border-color:var(--blueMed);}
.page_header .search div{border-width:0 2px 2px 2px; border-style:solid; border-color:var(--blueMed); background:var(--white); box-sizing:border-box;}
.page_header .search a{padding:0 10px; color:var(--blueDark);}
.page_header .search a:hover,
.page_header .search a.hover{color:var(--white);}
.page_header .search a p{padding:2px 0; font-size:12px; cursor:pointer; float:left; white-space:nowrap; overflow:visible;}
.page_header .search a p:nth-of-type(1){width:40%;}
.page_header .search a p:nth-of-type(2){width:60%; text-align:right;}

.page_header .menu{position:relative; padding:18px 0; width:30px; height:30px; float:left;}
.page_header .menu:hover .r span{opacity:1;}
.page_header .menu .r{width:100%; float:left; cursor:pointer;}
.page_header .menu .r:nth-of-type(2){margin:3px 0 3px 0;}
.page_header .menu .r span{width:8px; height:8px; background:var(--white); float:left; cursor:pointer; opacity:0.8; transition:all .15s ease-in-out;}
.page_header .menu .r span:nth-of-type(2){margin:0 3px 0 3px;}
.page_header .menu img{position:absolute; display:none; width:90%; top:19px; left:5%; float:left; transition:all .15s ease-in-out;}
.page_header .menu img.active{opacity:0;}
.page_header .menu:hover img.active{opacity:1;}

.submenu{position:relative; z-index:999; width:1230px; height:0; top:65px; margin:0 auto;}
.submenu div{position:absolute; width:0; height:0; top:0; right:0; padding:8px 0; border-radius:10px 0 10px 10px; background:var(--white); box-shadow:2px 2px 5px rgba(0,0,0,0.5); opacity:0; display:none; box-sizing:border-box;}
.submenu a{width:calc(20% - 10px); margin:0 0 8px 8px; float:left; color:var(--blueDark); border:2px solid rgba(0,0,0,0); border-radius:10px; box-sizing:border-box; transition:all .2s ease-in-out;}
.submenu a img{filter:brightness(0.7);}
.submenu a:not(.empty):hover{background:var(--blueMed); color:var(--white);}
.submenu a:not(.empty):hover img{filter:grayscale(100) brightness(1000);}
.submenu img{width:60%; margin:8px 20% 4px 20%; float:left;}
.submenu p{width:100%; padding-bottom:4px; float:left; font-weight:bold; text-align:center; cursor:pointer;}

/* Login */
.login{position:fixed; width:100%; height:100vh; background:var(--blueMed); font-size:16px;}
.login .term{position:fixed; left:50vw; top:50vh; padding:0 0 6px 0; transform:translate(-50%, -50%); width:250px; border-radius:11px 11px 10px 10px; background:var(--grayLight2); color:var(--blueDark); box-shadow:0 0 50px rgba(2,36,60,0.5);}
.login .term .title{width:100%; padding:6px 12px; margin:0 0 12px 0; float:left; box-sizing:border-box; font-weight:bold; background:var(--blueDark); color:var(--white); border-radius:10px 10px 0 0;}
.login .term input{padding:3px 6px; font-size:inherit;}
.login .term input:focus{border-color:var(--blueMed) !important; box-shadow:0 0 5px var(--blueMed);}
.login .term .custdrop{width:calc(100% - 24px); padding:2px 0; margin:0 12px 12px 12px; float:left;}
.login .term .custdrop span:after{font-size:18px; top:4px; right:6px;}
.login .term input[type="password"]{width:calc(100% - 24px); margin:0 12px 12px 12px; float:left;}
.login .term .button{width:60%; margin:0 20% 12px 20%; font-weight:bold; font-size:inherit;}
.login .term .status{width:100%; padding:0 0 12px 0; float:left; text-align:center; display:none; color:var(--redDark); font-weight:bold;}

/* General */
.gen_div{width:300px; padding:0 0 8px 0; margin:0 0 8px 0; box-sizing:border-box; float:left; background:var(--white); border:1px solid var(--grayMed3);}
.gen_div .header{width:100%; line-height:32px; padding:0 8px; margin:0 0 4px 0; box-sizing:border-box; float:left; background:var(--grayLight); text-align:left; color:var(--blueDark); border-bottom:1px solid var(--grayMed2); font-size:14px; font-weight:bold;}
.gen_div .header p{float:left; font-size:inherit; box-sizing:border-box;}
.gen_div .header p:nth-of-type(1){width:70%;}
.gen_div .header p:nth-of-type(2){width:30%; text-align:right; cursor:pointer; transition:all .15s ease-in-out;}
.gen_div .header .icon-push:after{right:0;}
.gen_div .header .icon-x:hover{color:var(--redDark);}
.gen_div > p{width:40%; line-height:24px; padding:0 8px 0 8px; margin:4px 0 0 0; box-sizing:border-box; font-weight:bold; text-align:left; float:left; white-space:nowrap; overflow:hidden;}
.gen_div .sub{width:100%; float:left;}
.gen_div .sub > p{width:40%; line-height:24px; padding:0 8px 0 8px; margin:4px 0 0 0; box-sizing:border-box; font-weight:bold; text-align:left; float:left; white-space:nowrap; overflow:hidden;}
.gen_div .gen_sec{width:100%; float:left;}
.gen_div .gen_sec p{width:34%; margin:8px 3% 0 3%; font-weight:bold; text-align:left; float:left; white-space:nowrap; overflow:hidden;}
.gen_input_desc{width:50%; margin:-5px 3% 5px 47%; text-align:center; font-weight:bold; float:left;}
.gen_div input[type=text]{width:calc(60% - 8px); line-height:24px; padding:0 4px; margin:4px 8px 4px 0;}
.gen_div input[type=text]:disabled{background:var(--grayLight2); border-color:var(--grayMed);}
.gen_div input[type=text]:focus{box-shadow:0 0 5px var(--blueMed); border-color:var(--blueMed);}
.gen_div input[type=password]{width:calc(60% - 8px); margin:4px 8px 4px 0;}
.gen_div input[type=file]{width:calc(60% - 8px); margin:4px 8px 4px 0;}
.gen_div select{width:calc(100% - 8px); height:21px; margin:4px 8px 4px 0;}
.gen_div .custcheck{width:24px; height:24px; margin:4px calc(60% - 27px) 4px 0;}
.gen_div .custcheck:focus{box-shadow:0 0 5px var(--blueMed); border-color:var(--blueMed);}
.gen_div .custdrop{width:calc(60% - 8px); margin:4px 8px 4px 0; float:left;}
.gen_div textarea{width:calc(60% - 8px); height:72px; resize:none; margin:4px 8px 4px 0;}
.gen_div textarea:focus{box-shadow:0 0 5px var(--blueMed); border-color:var(--blueMed);}
.gen_div .icon_box{position:relative; width:calc(60% - 8px); margin:4px 8px 4px 0; float:left;}
.gen_div .icon_box input[type=text]{width:100%; margin:0; padding:1px 3px; border:1px solid #444444;}
.gen_div .icon_box a{position:absolute; width:15%; padding:0 0 3px 0; right:0;}
.gen_div .icon_box .icon-push:after{font-size:14px; top:6px; right:4px; color:var(--grayDark);}
.gen_div .icon_box .icon-circleRight:hover:after{color:#00bb00;}
.gen_div .icon_box .icon-upload:hover:after{color:#00bb00;}
.gen_div .icon_box .icon-x:hover:after{color:var(--redDark);}
.gen_div .button{width:54%; margin:7px 5% 5px 41%; font-weight:bold;}
.gen_div .button:after{top:0.35em;}
.gen_div .button.double{width:calc(50% - 16px); margin:8px 8px 4px 8px;}
.gen_div .button.icon-push:after{right:10px;}
.gen_div .button.selected{background:#f5f9fb; background-image:linear-gradient(#f5f9fb,#9DB6C8); border-color:#0C6DB2; color:#08507F;}
.gen_div p.message{width:100%; margin:4px 8px 4px 8px; box-sizing:border-box; text-align:right; font-weight:bold; opacity:0; float:left;}

.table{color:var(--grayMed);}
.table .header p:nth-of-type(1) span:nth-of-type(1){width:42.86%; float:left;}
.table .header p:nth-of-type(1) span:nth-of-type(2){width:57.14%; float:left; text-align:center;}
.table .row{width:100%; float:left; border-bottom:1px solid #f6f6f6; transition:all .15s ease-in-out; overflow:hidden;}
.table .row.icon-pencil:after{padding:5px 0 0 5px;}
.table .row p{padding:4px 8px; float:left; white-space:nowrap; overflow:hidden; box-sizing:border-box;}
.table .row p.right{direction:rtl;}
.table .row p:empty:after{content:"\00a0";}
.table .row .custcheck{width:19px; height:19px; margin:2px calc(10% - 19px) 2px 0;}
.table .row.mid p{font-weight:bold; text-decoration:underline; cursor:pointer; transition:all .15s ease-in-out;}
.table .row.mid p:hover{color:var(--blueMed2); text-shadow:0 0 2px rgba(1,93,180,0.2);}
.table .row.mid p.chosen{color:var(--blueMed2); text-shadow:0 0 2px rgba(1,93,180,0.2);}
.table .row.mid p.icon-sort-down:after{padding-left:5px; padding-top:1px;}
.table .row.mid p.icon-sort-up:after{padding-left:5px; padding-top:1px;}
.table .row.mid p.right{direction:rtl;}
.table .row.mid p.right.icon-sort-down:after{padding-right:5px; padding-top:1px;}
.table .row.mid p.right.icon-sort-up:after{padding-right:5px; padding-top:1px;}
.table .row.none p{width:100% !important; text-align:right; font-style:italic;}
.table .row.hover{cursor:pointer;}
.table .row.hover:hover{background:var(--blueMed2); color:var(--white);}
.table .row.sel{background:var(--blueMed2); color:var(--white);}
.table .row.hover p{cursor:pointer;}
.table .row.blank p{width:100% !important; font-style:italic;}
.table .scroll_cont{width:100%; float:left; overflow:hidden;}
.table .icon-drop{padding:0 20px 0 0;}
.table .icon-drop:after{right:0;}
.table .icon-drop:hover{color:var(--blueMed2);}

.icon_bar{width:52px; float:left;}
.icon_bar a{position:relative; width:100%; margin:0 0 8px 0; float:left; background:var(--white); border-radius:10px; border:2px solid var(--grayMed2); color:var(--grayMed); box-sizing:border-box; transition:all .25s ease-in-out; box-shadow:1px 1px 2px rgba(0,0,0,0.2)}
.icon_bar p{width:100%; font-size:14px; line-height:48px; text-align:center; float:left; cursor:pointer; font-weight:bold;}
.icon_bar img{position:absolute; width:60%; left:20%; top:20%; float:left; filter:grayscale(100); opacity:0.6; transition:all .25s ease-in-out;}
.icon_bar a.blue:hover,
.icon_bar a.blue.selected{background:var(--white); border-color:var(--blueMed); color:var(--blueMed);}
.icon_bar a.green:hover,
.icon_bar a.green.selected{background:var(--white); border-color:#00cc66; color:#00cc66;}
.icon_bar a:hover img,
.icon_bar a.selected img{filter:grayscale(0); opacity:1;}
.icon_bar select{position:relative; width:50px; height:50px; float:left; background:var(--white);}
.icon_bar div{width:100%; float:left; margin:0 0 7px 0; display:none;}
.icon_bar div p{line-height:2em; transition:all 0.2s ease-in-out;}
.icon_bar div p:hover{background:var(--blueMed); color:var(--white);}
.icon_bar .sub{width:75%; margin-left:25%; float:left;}
.icon_bar .sub p{line-height:calc(0.75 * 48px);}
.icon_bar .sub span{position:absolute; float:left; top:3.5px; line-height:20px; left:-42%; font-size:14px; font-weight:normal; transition:none;}
.icon_bar .sub a.selected{background:var(--white);}
.icon_bar .sub a:hover{background:var(--blueMed);}

.popup{position:fixed; left:50vw; top:50vh; transform:translate(-50%, -50%); z-index:21; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}

.confirm{z-index:22;}
.confirm .text{width:100%; padding:10px 3% 15px 3%; margin:0; box-sizing:border-box;}

.jeprcd_npppConfirm .text{width:100%; padding:10px 3% 15px 3%; margin:0; box-sizing:border-box;}

.right_click{position:absolute; top:0; left:0; z-index:22; width:150px; background:var(--grayLight2); border:1px solid var(--blueDark); box-shadow:3px 3px 6px rgba(0,0,0,0.4); display:none;}
.right_click.wide{width:250px;}
.right_click a{width:90%; color:var(--blueDark); padding:5px 5%; float:left;}
.right_click a:hover{background:var(--blueMed2); color:var(--white);}
.right_click a:not(:nth-of-type(1)){border-top:1px solid var(--blueDark);}

.dropFloat{position:absolute; top:0; left:0; z-index:22; width:150px; display:none;}
.dropFloat input{text-align:right; border:none; cursor:pointer; background:none; color:rgba(0,0,0,0);}
.dropFloat span{display:none;}

.window_message{position:fixed; right:20px; bottom:20px; padding:5px 10px; z-index:21; border-radius:5px; border:1px solid var(--blueDark2); display:none; box-shadow:0 0 5px rgba(0,0,0,0.5); text-align:center; color:var(--white); font-size:14px; font-weight:bold;}
.window_message:before{content:''; position:absolute; top:0; left:0; border-radius:5px 5px 0 0; width:100%; height:50%; background:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.1));}

.menrem_popup{position:fixed; width:240px; left:10px; bottom:10px; z-index:19;}

.menrem_popup.two .mentions_popup .cont{max-height:calc((100vh - 2em - 117px) / 2);}
.menrem_popup.two .reminders_popup .cont{max-height:calc((100vh - 2em - 117px) / 2);}
.menrem_popup.two .prodIssues_popup .cont{max-height:calc((100vh - 2em - 117px) / 2);}

.menrem_popup.three .mentions_popup .cont{max-height:calc((100vh - 3em - 133px) / 3);}
.menrem_popup.three .reminders_popup .cont{max-height:calc((100vh - 3em - 133px) / 3);}
.menrem_popup.three .prodIssues_popup .cont{max-height:calc((100vh - 3em - 133px) / 3);}

.mentions_popup{width:100%; float:left; text-align:center; font-size:13px; font-weight:bold; color:var(--blueDark); background:var(--white); border:1px solid var(--blueDark); box-shadow:0 0 5px rgba(0,0,0,0.5);}
.mentions_popup .header{width:100%; float:left; padding:6px 6px; background:var(--blueDark); box-sizing:border-box; color:var(--white); cursor:pointer; transition:all 0.25s ease-in-out;}
.mentions_popup .header:hover{background:var(--blueMed2);}
.mentions_popup .cont{width:100%; float:left; overflow:hidden;}
.mentions_popup .body{width:100%; float:left;}
.mentions_popup .row{width:100%; float:left; box-sizing:border-box; display:none;}
.mentions_popup .row:nth-of-type(2n){background:var(--grayLight3);}
.mentions_popup p{color:inherit; text-align:left;}
.mentions_popup .head{width:100%; float:left; box-sizing:border-box;}
.mentions_popup .head > p{width:64%; float:left; padding:6px 0 6px 6px; box-sizing:border-box;}
.mentions_popup .head a{width:18%; float:left; padding:7px 0 5px 0; text-align:center; box-sizing:border-box; transition:all 0.25s ease-in-out;}
.mentions_popup .head a:nth-of-type(1):hover{background:var(--blueMed2); color:var(--white);}
.mentions_popup .head a:nth-of-type(2):hover{background:var(--redDark); color:var(--white);}
.mentions_popup .head a:after{left:calc(50% - 0.4em);}
.mentions_popup .head .names{width:64%; float:left; padding:6px 0 0 6px; box-sizing:border-box;}
.mentions_popup .head .names p{width:100%; float:left; padding:0; float:left; box-sizing:border-box;}
.mentions_popup .note{width:100%; padding:2px 6px 8px 6px; float:left; box-sizing:border-box; text-indent:8px; font-weight:normal;}

.reminders_popup{width:100%; float:left; margin:0 0 0 0; text-align:center; font-size:13px; font-weight:bold; background:var(--white); color:var(--blueDark); border:1px solid var(--blueDark); box-shadow:0 0 5px rgba(0,0,0,0.5); border-top:0;}
.reminders_popup .header{width:100%; float:left; padding:6px 6px; box-sizing:border-box; background:var(--blueDark); color:var(--white); cursor:pointer; transition:all 0.25s ease-in-out;}
.reminders_popup .header:hover{background:var(--blueMed2);}
.reminders_popup .cont{width:100%; float:left; overflow:hidden;}
.reminders_popup .body{width:100%; float:left;}
.reminders_popup .row{width:100%; float:left; box-sizing:border-box; display:none;}
.reminders_popup .row:nth-of-type(2n){background:var(--grayLight3);;}
.reminders_popup p{color:inherit; text-align:left;}
.reminders_popup .head{width:100%; float:left; box-sizing:border-box;}
.reminders_popup .head > p{width:64%; float:left; padding:6px 0 6px 6px; box-sizing:border-box;}
.reminders_popup .head a{width:18%; float:left; padding:7px 0 5px 0; text-align:center; box-sizing:border-box; transition:all 0.25s ease-in-out;}
.reminders_popup .head a:nth-of-type(1):hover{background:var(--blueMed2); color:var(--white);}
.reminders_popup .head a:nth-of-type(2):hover{background:var(--redDark); color:var(--white);}
.reminders_popup .head a:after{left:calc(50% - 0.4em);}
.reminders_popup .head .names{width:64%; float:left; padding:6px 0 0 6px; box-sizing:border-box;}
.reminders_popup .head .names p{width:100%; float:left; padding:0; float:left; box-sizing:border-box;}
.reminders_popup .note{width:100%; padding:2px 6px 8px 6px; float:left; box-sizing:border-box; text-indent:8px; font-weight:normal;}

.prodIssues_popup{width:100%; float:left; margin:0 0 0 0; text-align:center; font-size:13px; font-weight:bold; background:var(--white); color:var(--blueDark); border:1px solid var(--blueDark); box-shadow:0 0 5px rgba(0,0,0,0.5); border-top:0;}
.prodIssues_popup .header{width:100%; float:left; padding:6px 6px; box-sizing:border-box; background:var(--blueDark); color:var(--white); cursor:pointer; transition:all 0.25s ease-in-out;}
.prodIssues_popup .header:hover{background:var(--blueMed2);}
.prodIssues_popup .cont{width:100%; float:left; overflow:hidden;}
.prodIssues_popup .body{width:100%; float:left;}
.prodIssues_popup .row{width:100%; float:left; box-sizing:border-box; display:none;}
.prodIssues_popup .row:nth-of-type(2n){background:var(--grayLight3);;}
.prodIssues_popup p{color:inherit; text-align:left;}
.prodIssues_popup .head{width:100%; float:left; box-sizing:border-box;}
.prodIssues_popup .head > p{width:64%; float:left; padding:6px 0 6px 6px; box-sizing:border-box;}
.prodIssues_popup .head a{width:18%; float:left; padding:7px 0 5px 0; text-align:center; box-sizing:border-box; transition:all 0.25s ease-in-out;}
.prodIssues_popup .head a:nth-of-type(1):hover{background:var(--blueMed2); color:var(--white);}
.prodIssues_popup .head a:nth-of-type(2):hover{background:var(--redDark); color:var(--white);}
.prodIssues_popup .head a:after{left:calc(50% - 0.4em);}
.prodIssues_popup .head .names{width:64%; float:left; padding:6px 0 0 6px; box-sizing:border-box;}
.prodIssues_popup .head .names p{width:100%; float:left; padding:0; float:left; box-sizing:border-box;}
.prodIssues_popup .note{width:100%; padding:2px 6px 8px 6px; float:left; box-sizing:border-box; text-indent:8px; font-weight:normal;}

.welcome_message{position:fixed; width:240px; right:12px; bottom:-2000px; z-index:21; background:#E6E6E6; border-radius:8px; border:1px solid var(--blueDark2); box-shadow:0 0 5px rgba(0,0,0,0.5); text-align:center; color:var(--white); font-size:14px; font-weight:bold;}
.welcome_message p:first-of-type{width:100%; padding:5px 10px; box-sizing:border-box; float:left; border-radius:7px 7px 0 0; text-align:left; background:var(--blueDark2); color:var(--grayLight3);}
.welcome_message p{width:100%; padding:4px 8px; float:left; box-sizing:border-box; text-align:left; color:var(--blueDark2);}

.emp_chg{position:fixed; left:50vw; top:50vh; transform:translate(-50%, -50%); z-index:21; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}

/* Mentions
.mentions{position:fixed; width:1000px; left:50vw; top:200px; transform:translate(-50%, -50%); border-radius:10px; z-index:21; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}

.mentions_popup .note{width:100%; float:left; padding-top:10px;}

.mentions .row p:nth-of-type(1){width:12%;}
.mentions .row p:nth-of-type(2){width:16%;}
.mentions .row p:nth-of-type(3){width:12%;}
.mentions .row p:nth-of-type(4){width:12%;}
.mentions .row p:nth-of-type(5){width:7%;}
.mentions .row p:nth-of-type(6){width:40%;}
*/

.mentions_edit textarea{width:calc(100% - 16px); margin:8px 8px 4px 8px; height:100px; font-size:13px;}

.mentions_edit .tags{width:100%; float:left; padding:4px 8px 0px 8px; float:left; box-sizing:border-box;}
.mentions_edit .tags > a{float:left; padding:4px 4px 5px 4px; margin:0 4px 4px 0; background:rgba(48,100,153,0.15); border-radius:4px; transition:all .25s ease-in-out;}
.mentions_edit .tags > a:hover{background:rgba(48,100,153,0.5);}
.mentions_edit .newTagDiv{width:100%; float:left; padding:0 8px; box-sizing:border-box; display:none;}
.mentions_edit .tags .custdrop{width:12%; float:left; cursor:pointer; margin:0 4px 3px 0;}
.mentions_edit .tags .custdrop input{padding:0 8px 0 18px; border:none; background:rgba(48,100,153,0.15); cursor:pointer; transition:background-color .25s ease-in-out;}
.mentions_edit .tags .custdrop input:hover{background:rgba(48,100,153,0.5);}
.mentions_edit .tags .custdrop:before{content:"@"; position:absolute; top:3px; left:4px; pointer-events:none;}
.mentions_edit .tags .custdrop .icon-hang{display:none;}

.mentions_edit .notes{width:100%; float:left; border-top:1px solid #e6e6e6; margin:8px 0 8px 0;}
.mentions_edit .notes a{width:100%; float:left; padding:8px 8px 8px 8px; box-sizing:border-box; border-bottom:1px solid #e6e6e6; transition:all .15s ease-in-out;}
.mentions_edit .notes a span:nth-of-type(1){font-weight:bold;}
.mentions_edit .notes a:hover{background:var(--blueLight);}
.mentions_edit .button.double{margin-top:6px; border-radius:4px; width:calc(50% - 12px);}
.mentions_edit .button.double:nth-of-type(2){margin-left:0;}

/*
.mentions_edit textarea{margin-bottom:0; border-radius:0;}
.mentions_edit .button.double{width:calc(50% - 8px); margin:0; border-radius:0; border-top:0; font-weight:normal; box-shadow:none;}
.mentions_edit .button.double::after{right:unset; top:6px; padding-left:5px;}
.mentions_edit .button.double:nth-of-type(1){margin-left:8px;}
.mentions_edit .button.double:nth-of-type(2){margin-right:8px;}
*/

/* Calendar */
.cal_cont{width:1168px; margin:0 0 20px 10px; float:left;}

.cal_head{width:100%; margin:0 0 8px 0; float:left;}
.cal_head .ctrls{width:calc(15% - 8px); margin:0 8px 0 0; padding:0 0 6px 0; float:left; border:1px solid var(--grayMed3); background:var(--white); color:var(--grayMed); box-sizing:border-box;}
.cal_head .ctrls .header{width:100%; padding:4px 8px; margin:0 0 4px 0; box-sizing:border-box; text-align:left; font-weight:bold; background:var(--grayLight); color:var(--blueDark); border-bottom:1px solid var(--grayMed2); float:left;}
.cal_head .ctrls .header p{width:50%; float:left;}
.cal_head input[type=text]:focus{box-shadow:0 0 5px var(--blueMed); border-color:var(--blueMed);}
.cal_head .ctrls .custdrop{width:calc(100% - 16px); margin:16px 8px 0 8px; float:left;}
.cal_head .ctrls .custdrop input{height:24px;}
.cal_head .ctrls .custdate{width:calc(100% - 16px); margin:18px 8px 18px 8px; float:left;}
.cal_head .ctrls .custdate input{height:24px;}
.cal_head .total{width:calc(15% - 8px); margin:0 8px 0 0; padding:0 0 6px 0; float:left; border:1px solid var(--grayMed3); background:var(--white); color:var(--grayMed); box-sizing:border-box;}
.cal_head .total .header{width:100%; padding:4px 8px; margin:0 0 4px 0; box-sizing:border-box; text-align:left; font-weight:bold; background:var(--grayLight); color:var(--blueDark); border-bottom:1px solid var(--grayMed2); float:left;}
.cal_head .total .header p{width:50%; float:left;}
.cal_head .total .header p:nth-of-type(2){text-align:right;}
.cal_head .total a{width:100%; line-height:20px; padding:0 8px; box-sizing:border-box; font-weight:bold; float:left; transition:all .15s ease-in-out;}
.cal_head .total a p:nth-of-type(1){width:80%; cursor:pointer; float:left;}
.cal_head .total a p:nth-of-type(2){width:20%; font-weight:bold; text-align:right; cursor:pointer; float:left;}
.cal_head .total a:nth-of-type(1):hover{background:#CE66FF; color:var(--black);}
.cal_head .total a:nth-of-type(2):hover{background:#FF8432; color:var(--black);}
.cal_head .total a:nth-of-type(3):hover{background:#FFDA26; color:var(--black);}
.cal_head .total a:nth-of-type(4):hover{background:#00EEFF; color:var(--black);}
.cal_head .total a:nth-of-type(5):hover{background:#BBBBBB; color:var(--black);}
.cal_head .weather{width:70%; float:left;}
.cal_head .weather iframe{width:100%; height:92px; float:left;}
.cal_head .weather a{padding:4px 8px; font-weight:bold; text-align:center; color:var(--grayMed); float:right; transition:all .15s ease-in-out;}
.cal_head .weather a:hover{color:var(--blueMed2); text-shadow:0 0 2px rgba(255,255,255,0.95); padding-top:8px;}

.cal_body{position:relative; width:100%; float:left;}

.cal_week{position:absolute; width:100%;}

.cal_week .arrows{width:100%; margin:0 0 6px 0; float:left;}
.cal_week .arrows a{width:10%; float:left; padding:6px 0; font-size:24px; text-align:left; box-sizing:border-box;}
.cal_week .arrows a:hover{color:var(--blueMed2);}
.cal_week .arrows a:nth-of-type(1){margin:0 80% 0 0; padding-left:24px;}
.cal_week .arrows a:nth-of-type(1):after{left:0; top:10px;}
.cal_week .arrows a:nth-of-type(2){text-align:right; padding-right:24px}
.cal_week .arrows a:nth-of-type(2):after{right:0; top:10px;}

.cal_week .header{width:100%; float:left;}
.cal_week .header div{width:calc(100% / 7); padding:8px 8px 6px 8px; border-right:1px solid var(--grayLight3); float:left; background:var(--grayLight); color:var(--blueDark); font-weight:bold; box-sizing:border-box;}
.cal_week .header div.today{background:var(--blueMed2); color:var(--white);}
.cal_week .header div:after{content:"\00a0"; width:0; float:right;}
.cal_week .header div p{float:left;}
.cal_week .header div p:nth-of-type(1){width:30%; padding:3px 0 0 0; text-align:left; font-size:12px;}
.cal_week .header div p:nth-of-type(2){width:40%; text-align:center; font-size:14px;}
.cal_week .header div p:nth-of-type(3){width:30%; padding:3px 0 0 0; text-align:right; font-size:12px;}

.cal_week .type{width:100%; border-top:1px solid var(--grayLight2); float:left;}
.cal_week .type .box{width:calc(100%/7); float:left; color:var(--black); box-sizing:border-box; border-right:1px solid var(--grayLight2); background:var(--grayLight); opacity:0.2;}
.cal_week .type .box.sel{opacity:1;}
.cal_week .type .box .head{width:100%; padding:6px 6px; box-sizing:border-box; font-weight:bold; float:left; cursor:default; transition:background-color .2s ease-in-out, color .2s ease-in-out;}
.cal_week .type .box.sel .head:hover{background:var(--blueMed2); color:var(--white); cursor:pointer;}
.cal_week .type .box .head p{float:left; font-weight:bold; cursor:inherit;}
.cal_week .type .box .head p:nth-of-type(1){width:80%;}
.cal_week .type .box .head p:nth-of-type(2){width:20%; text-align:right;}
.cal_week .type .box .cont{width:100%; float:left; display:none;}
.cal_week .type .box .cont div{width:100%; padding:4px 6px; box-sizing:border-box; border-top:1px solid #666666; float:left; cursor:pointer; transition:all .2s ease-in-out;}
.cal_week .type .box .cont div:first-of-type{border-color:var(--grayLight2);}
.cal_week .type .box .cont div p{width:100%; cursor:pointer; float:left; white-space:nowrap; overflow-x:hidden;}

.cal_week .type.am .box.sel{background:#CE66FF;}
.cal_week .type.re .box.sel{background:#FF8432;}
.cal_week .type.cl .box.sel{background:#FFDA26;}
.cal_week .type.pr .box.sel{background:#00EEFF;}
.cal_week .type.mi .box.sel{background:#BBBBBB;}
.cal_week .type.am .box .cont .app{background:#00ff66;}
.cal_week .type.am .box .cont .deny{background:#ff6666;}
.cal_week .type.re .box .cont .app{background:#00ff66;}
.cal_week .type.re .box .cont .deny{background:#ff6666;}
.cal_week .type.cl .box .cont .comp{background:#00ff66;}
.cal_week .type.pr .box .cont .first{background:#00ff66;}
.cal_week .type.pr .box .cont .mid{background:repeating-linear-gradient(45deg,#9BFFA5,#9BFFA5 10px,#97F4A1 10px,#97F4A1 20px);}
.cal_week .type.am .box .cont div:hover{background:var(--white);}
.cal_week .type.re .box .cont div:hover{background:var(--white);}
.cal_week .type.cl .box .cont div:hover{background:var(--white);}
.cal_week .type.pr .box .cont div:hover{background:var(--white);}
.cal_week .type.mi .box .cont div:hover{background:var(--white);}
.cal_week .type.am .box .cont div p:nth-of-type(1){width:60%;}
.cal_week .type.am .box .cont div p:nth-of-type(2){width:40%; text-align:right;}
.cal_week .type.am .box .cont div p:nth-of-type(3){margin:6px 0 0 0;}
.cal_week .type.am .box .cont div p:nth-of-type(6){margin:0 0 6px 0;}
.cal_week .type.re .box .cont div p:nth-of-type(1){width:60%;}
.cal_week .type.re .box .cont div p:nth-of-type(2){width:40%; text-align:right;}
.cal_week .type.re .box .cont div p:nth-of-type(3){margin:6px 0 0 0;}
.cal_week .type.re .box .cont div p:nth-of-type(6){margin:0 0 6px 0;}
.cal_week .type.cl .box .cont div p:nth-of-type(1){width:60%;}
.cal_week .type.cl .box .cont div p:nth-of-type(2){width:40%; text-align:right;}
.cal_week .type.cl .box .cont div p:nth-of-type(3){margin:6px 0 0 0;}
.cal_week .type.pr .box .cont div p:nth-of-type(1){width:50%; overflow:visible; margin:0 0 6px 0;}
.cal_week .type.pr .box .cont div p:nth-of-type(2){width:50%; text-align:right; margin:0 0 6px 0;}
.cal_week .type.pr .box .cont div p:nth-of-type(6){margin:0 0 6px 0;}
.cal_week .type.pr .box .cont div p:nth-of-type(7){width:90%;}
.cal_week .type.pr .box .cont div p:nth-of-type(8){width:10%; color:var(--redDark); font-size:11px;}
.cal_week .type.pr .box .cont div p:nth-of-type(8).paid{color:inherit;}
.cal_week .type.pr .box .cont div p:nth-of-type(8):after{right:0; top:2px;}
.cal_week .type.pr .box .cont div p:nth-of-type(9){width:90%;}
.cal_week .type.pr .box .cont div p:nth-of-type(10){width:10%; color:var(--redDark); font-size:11px;}
.cal_week .type.pr .box .cont div p:nth-of-type(10).paid{color:inherit;}
.cal_week .type.pr .box .cont div p:nth-of-type(10):after{right:0; top:2px;}

.cal_week .type .box .cont span{width:100%; padding:12px 0 0 0; float:left; font-size:14px;}
.cal_week .type .box .cont span a:nth-of-type(1){width:20%; float:left;}
.cal_week .type .box .cont span a:nth-of-type(1):after{left:0;}
.cal_week .type .box .cont span a:nth-of-type(2){width:20%; margin-left:60%; float:left;}
.cal_week .type .box .cont span a:nth-of-type(2):after{right:0;}
.cal_week .type .box .cont span .icon-folder:hover{color:var(--blueMed);}
.cal_week .type .box .cont span .icon-pencil:hover{color:var(--blueMed);}

.cal_month{position:absolute; width:100%; top:0; left:0; opacity:0;}

.cal_month .form{width:calc(100% - 310px); margin-bottom:20px; box-sizing:border-box; border:1px solid var(--grayMed3); float:left;}

.cal_month .form .days{width:100%; float:left;}
.cal_month .form .days p{width:calc(100%/7); line-height:32px; float:left; background:var(--grayLight); color:var(--blueDark); box-sizing:border-box; font-weight:bold; text-align:center; border-bottom:1px solid var(--grayMed2);}

.cal_month .form .row{width:100%; float:left;}
.cal_month .form .day{width:calc(100%/7); float:left; background:var(--white); border-style:solid; border-color:var(--grayLight); border-width:1px 0 0 1px; box-sizing:border-box; font-weight:bold;}
.cal_month .form .day *{cursor:pointer;}
.cal_month .form .day.today{background:var(--blueMed2); color:var(--white);}
.cal_month .form .day.today > p{color:var(--white);}
.cal_month .form .day.grey{background:var(--grayLight2); filter:grayscale(100%);}
.cal_month .form .row:nth-of-type(2) .day{border-top-width:0;}
.cal_month .form .day:nth-of-type(1){border-left-width:0;}
.cal_month .form .day > p{width:100%; padding:3px 0 3px 6px; float:left; color:var(--grayMed); box-sizing:border-box;}
.cal_month .form .day a{width:100%; padding:2px 6px; float:left; box-sizing:border-box;}
.cal_month .form .day a:nth-of-type(1){background:#CE66FF;}
.cal_month .form .day a:nth-of-type(2){background:#FF8432;}
.cal_month .form .day a:nth-of-type(3){background:#FFDA26;}
.cal_month .form .day a:nth-of-type(4){background:#00EEFF;}
.cal_month .form .day a:nth-of-type(5){background:#B0B0B0;}
.cal_month .form .day a p{width:50%; float:left;}
.cal_month .form .day a p:nth-of-type(2){text-align:right;}

.cal_month .detail{width:302px; padding-bottom:0; margin:0 0 0 8px; float:left;}
.cal_month .detail .header{font-size:inherit; margin-bottom:0;}

.cal_month .detail .body{width:100%; overflow:hidden; float:left;}
.cal_month .detail .body div{width:100%; padding:6px 8px 2px 8px; box-sizing:border-box; color:var(--black); float:left; border-bottom:1px solid var(--blueMed);}
.cal_month .detail .body div p{width:100%; cursor:pointer; float:left; white-space:nowrap; overflow-x:hidden;}
.cal_month .detail .body div.am{background:#CE66FF;}
.cal_month .detail .body div.re{background:#FF8432;}
.cal_month .detail .body div.cl{background:#FFDA26;}
.cal_month .detail .body div.pr{background:#00EEFF;}
.cal_month .detail .body div.mi{background:#BBBBBB;}

.cal_month .detail .body div.am p:nth-of-type(1){width:60%;}
.cal_month .detail .body div.am p:nth-of-type(2){width:40%; text-align:right;}
.cal_month .detail .body div.am p:nth-of-type(3){width:50%; margin:6px 0 0 0;}
.cal_month .detail .body div.am p:nth-of-type(4){width:50%; text-align:right; margin:6px 0 0 0;}
.cal_month .detail .body div.am p:nth-of-type(5){width:50%;}
.cal_month .detail .body div.am p:nth-of-type(6){width:50%; text-align:right;}
.cal_month .detail .body div.am p:nth-of-type(7){margin:6px 0 0 0;}
.cal_month .detail .body div.am p:nth-of-type(8){width:50%;}
.cal_month .detail .body div.am p:nth-of-type(9){width:50%; text-align:right;}
.cal_month .detail .body div.re p:nth-of-type(1){width:60%;}
.cal_month .detail .body div.re p:nth-of-type(2){width:40%; text-align:right;}
.cal_month .detail .body div.re p:nth-of-type(3){width:50%; margin:6px 0 0 0;}
.cal_month .detail .body div.re p:nth-of-type(4){width:50%; text-align:right; margin:6px 0 0 0;}
.cal_month .detail .body div.re p:nth-of-type(5){width:50%;}
.cal_month .detail .body div.re p:nth-of-type(6){width:50%; text-align:right;}
.cal_month .detail .body div.re p:nth-of-type(7){margin:6px 0 0 0;}
.cal_month .detail .body div.re p:nth-of-type(8){width:50%;}
.cal_month .detail .body div.re p:nth-of-type(9){width:50%; text-align:right;}
.cal_month .detail .body div.cl p:nth-of-type(1){width:60%;}
.cal_month .detail .body div.cl p:nth-of-type(2){width:40%; text-align:right;}
.cal_month .detail .body div.cl p:nth-of-type(3){width:50%; margin:6px 0 0 0;}
.cal_month .detail .body div.cl p:nth-of-type(4){width:50%; text-align:right; margin:6px 0 0 0;}
.cal_month .detail .body div.cl p:nth-of-type(5){width:50%;}
.cal_month .detail .body div.cl p:nth-of-type(6){width:50%; text-align:right;}
.cal_month .detail .body div.pr p:nth-of-type(1){width:50%; margin:0 0 6px 0;}
.cal_month .detail .body div.pr p:nth-of-type(2){width:50%; margin:0 0 6px 0; text-align:right;}
.cal_month .detail .body div.pr p:nth-of-type(3){width:50%;}
.cal_month .detail .body div.pr p:nth-of-type(4){width:50%; text-align:right;}
.cal_month .detail .body div.pr p:nth-of-type(5){width:50%; margin:0 0 6px 0;}
.cal_month .detail .body div.pr p:nth-of-type(6){width:50%; margin:0 0 6px 0; text-align:right;}
.cal_month .detail .body div.pr p:nth-of-type(7){width:90%;}
.cal_month .detail .body div.pr p:nth-of-type(8){width:10%; text-align:right;}
.cal_month .detail .body div.pr p:nth-of-type(8).notPaid{color:var(--redDark);}
.cal_month .detail .body div.pr p:nth-of-type(9){width:90%;}
.cal_month .detail .body div.pr p:nth-of-type(10){width:10%; text-align:right;}
.cal_month .detail .body div.pr p:nth-of-type(10).notPaid{color:var(--redDark);}

.cal_month .detail .body div span{width:100%; padding:8px 0; float:left; font-size:14px;}
.cal_month .detail .body div span a:nth-of-type(1){width:20%; float:left;}
.cal_month .detail .body div span a:nth-of-type(1):after{left:0;}
.cal_month .detail .body div span a:nth-of-type(2){width:20%; margin-left:60%; float:left;}
.cal_month .detail .body div span a:nth-of-type(2):after{right:0;}
.cal_month .detail .body div span .icon-check:hover{color:var(--white);}
.cal_month .detail .body div span .icon-folder:hover{color:var(--white);}
.cal_month .detail .body div span .icon-pencil:hover{color:var(--white);}
.cal_month .detail .body div span .icon-x:hover{color:var(--white);}

.cal_sched{position:absolute; width:100%; top:0; left:0; opacity:0;}
.cal_sched .table{width:100%; float:left;}
.cal_sched .table .row p:nth-of-type(1){width:12.5%;}
.cal_sched .table .row p:nth-of-type(2){width:17.5%;}
.cal_sched .table .row p:nth-of-type(3){width:12.5%;}
.cal_sched .table .row p:nth-of-type(4){width:15%;}
.cal_sched .table .row p:nth-of-type(5){width:15%;}
.cal_sched .table .row p:nth-of-type(6){width:27.5%;}

.cal_edit{position:fixed; left:50vw; top:50vh; transform:translate(-50%, -50%); z-index:21; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
.cal_edit .button.icon-trash{width:94%; margin-left:3%; margin-right:3%; color:#990000; background:linear-gradient(#ffbbbb,#cc9999);}

.cal_weather_lg{position:fixed; left:50vw; top:50vh; transform:translate(-50%, -50%); width:800px; height:520px; border-radius:10px; z-index:21; opacity:0; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
.cal_weather_close{position:fixed; left:50vw; transform:translate(-50%, 0); margin-left:420px; z-index:21; display:none; color:var(--white); font-size:24px; font-weight:bold; transition:all .25s ease-in-out;}
.cal_weather_close:hover{color:var(--redDark);}

/* Controls */
.ctrl_main > div:not(.icon_bar){position:relative; width:calc(100% - 67px); margin:0 0 0 15px; float:left;}
.ctrl_main > div > div{position:absolute; width:100%; top:0; left:0; opacity:0;}
.ctrl_main .table{width:100%;}
.ctrl_main .table .icon-plus{transition:all .5s ease-in-out;}
.ctrl_main .table .icon-plus:after{padding-top:0;}
.ctrl_main .table .icon-save:after{padding-top:0;}

.ctrl_cp_div .row p:nth-of-type(1){width:12%;}
.ctrl_cp_div .row p:nth-of-type(2){width:12%;}
.ctrl_cp_div .row p:nth-of-type(3){width:12%;}
.ctrl_cp_div .row p:nth-of-type(4){width:12%;}
.ctrl_cp_div .row p:nth-of-type(5){width:8%;}
.ctrl_cp_div .row p:nth-of-type(6){width:22%;}
.ctrl_cp_div .row p:nth-of-type(7){width:22%;}

.ctrl_cp_edit .button:nth-of-type(3){width:94%; margin-left:3%; margin-right:3%;}

.ctrl_co_div .row p:nth-of-type(1){width:16%;}
.ctrl_co_div .row p:nth-of-type(2){width:16%;}
.ctrl_co_div .row p:nth-of-type(3){width:16%;}
.ctrl_co_div .row p:nth-of-type(4){width:16%;}
.ctrl_co_div .row p:nth-of-type(5){width:16%;}
.ctrl_co_div .row p:nth-of-type(6){width:20%;}

.ctrl_co_edit .button:nth-of-type(3){width:94%; margin-left:3%; margin-right:3%;}

.ctrl_dc_div .row p:nth-of-type(1){width:15%;}
.ctrl_dc_div .row p:nth-of-type(2){width:15%;}
.ctrl_dc_div .row p:nth-of-type(3){width:15%;}
.ctrl_dc_div .row p:nth-of-type(4){width:15%;}
.ctrl_dc_div .row p:nth-of-type(5){width:15%;}

.ctrl_emp_div .row p:nth-of-type(1){width:12.5%;}
.ctrl_emp_div .row p:nth-of-type(2){width:12.5%;}
.ctrl_emp_div .row p:nth-of-type(3){width:12.5%;}
.ctrl_emp_div .row p:nth-of-type(4){width:20%;}
.ctrl_emp_div .row p:nth-of-type(5){width:15%;}
.ctrl_emp_div .row p:nth-of-type(6){width:12.5%;}
.ctrl_emp_div .row p:nth-of-type(7){width:7.5%;}
.ctrl_emp_div .row p:nth-of-type(8){width:7.5%;}

.ctrl_emp_edit .button:nth-of-type(3){margin-top:10px;}
.ctrl_emp_edit .button:nth-of-type(4){margin-top:10px;}

.ctrl_ia_div .row p:nth-of-type(1){width:14%;}
.ctrl_ia_div .row p:nth-of-type(2){width:14%;}
.ctrl_ia_div .row p:nth-of-type(3){width:14%;}
.ctrl_ia_div .row p:nth-of-type(4){width:14%;}
.ctrl_ia_div .row p:nth-of-type(5){width:14%;}
.ctrl_ia_div .row p:nth-of-type(6){width:30%;}

.ctrl_ia_edit .button:nth-of-type(3){width:94%; margin-left:3%; margin-right:3%;}

.ctrl_ic_div .row p:nth-of-type(1){width:15%;}
.ctrl_ic_div .row p:nth-of-type(2){width:13%;}
.ctrl_ic_div .row p:nth-of-type(3){width:13%;}
.ctrl_ic_div .row p:nth-of-type(4){width:59%;}

.ctrl_ic_edit .button:nth-of-type(3){width:94%; margin-left:3%; margin-right:3%;}

.ctrl_lc_div .row p:nth-of-type(1){width:15%;}
.ctrl_lc_div .row p:nth-of-type(2){width:15%;}
.ctrl_lc_div .row p:nth-of-type(3){width:15%;}
.ctrl_lc_div .row p:nth-of-type(4){width:15%;}
.ctrl_lc_div .row p:nth-of-type(5){width:7%;}
.ctrl_lc_div .row p:nth-of-type(6){width:13%;}
.ctrl_lc_div .row p:nth-of-type(7){width:13%;}
.ctrl_lc_div .row p:nth-of-type(8){width:7%;}

.ctrl_lc_edit .button:nth-of-type(3){width:94%; margin-left:3%; margin-right:3%;}

.ctrl_ms_div .row p:nth-of-type(1){width:14%;}
.ctrl_ms_div .row p:nth-of-type(2){width:14%;}
.ctrl_ms_div .row p:nth-of-type(3){width:14%;}
.ctrl_ms_div .row p:nth-of-type(4){width:14%;}
.ctrl_ms_div .row p:nth-of-type(5){width:5%;}
.ctrl_ms_div .row p:nth-of-type(6){width:5%;}
.ctrl_ms_div .row p:nth-of-type(7){width:10%;}
.ctrl_ms_div .row p:nth-of-type(8){width:16%;}
.ctrl_ms_div .row p:nth-of-type(9){width:8%;}

.ctrl_ms_edit img{width:80px; height:80px; margin:5px calc(30% - 40px) 5px calc(70% - 40px); float:left; border:1px solid #cccccc; box-sizing:border-box;}
.ctrl_ms_edit .button:nth-of-type(4){width:94%; margin-left:3%; margin-right:3%; color:#990000; background:linear-gradient(#ffbbbb,#cc9999);}

.ctrl_mort_div .row p:nth-of-type(1){width:17%;}
.ctrl_mort_div .row p:nth-of-type(2){width:17%;}
.ctrl_mort_div .row p:nth-of-type(3){width:12%;}
.ctrl_mort_div .row p:nth-of-type(4){width:6%;}
.ctrl_mort_div .row p:nth-of-type(5){width:6%;}
.ctrl_mort_div .row p:nth-of-type(6){width:12%;}
.ctrl_mort_div .row p:nth-of-type(7){width:12%;}
.ctrl_mort_div .row p:nth-of-type(8){width:18%;}

.ctrl_mort_edit .button:nth-of-type(3){width:94%; margin-left:3%; margin-right:3%;}

.ctrl_se_div .row p:nth-of-type(1){width:16%;}
.ctrl_se_div .row p:nth-of-type(2){width:84%;}

.ctrl_se_edit .button:nth-of-type(3){width:94%; margin-left:3%; margin-right:3%;}

.ctrl_sub_div .row p:nth-of-type(1){width:100%;}

.ctrl_sub_edit .button:nth-of-type(3){width:94%; margin-left:3%; margin-right:3%;}

/* Google Drive */
.gd_edit .icon-trash{width:calc(100% - 16px); margin-left:8px; margin-right:8px;}
.gd_file_edit .icon-trash{width:calc(100% - 16px); margin-left:8px; margin-right:8px;}
.gd_folder_edit .icon-trash{width:calc(100% - 16px); margin-left:8px; margin-right:8px;}

/* Home */
.home .left{width:26%; margin:0 12px 0 0; float:left;}
.home .right{width:calc(74% - 12px); float:left;}

.home_div{position:relative; width:100%; padding:0 0 8px 0; margin:0 0 12px 0; box-sizing:border-box; float:left; background:var(--white); color:var(--grayMed); border:1px solid var(--grayDark);}
.home_div .header{width:100%; line-height:32px; padding:0 8px; box-sizing:border-box; float:left; background:var(--grayLight); color:var(--blueDark); font-size:16px; font-weight:bold; border-bottom:1px solid var(--grayMed2);}
.home_div .header p{float:left; white-space:nowrap; transition:color .25s ease-in-out; box-sizing:border-box;}
.home_div .header .icon-push{width:24px; float:left; cursor:pointer; font-weight:normal; color:var(--blueDark);}
.home_div .header .icon-push:after{left:0; top:1px;}
.home_div .header .icon-push:hover,
.home_div .header .icon-push.chosen{color:var(--blueMed2);}
.home_div .header .custdrop{width:110px; height:32px; float:left;}
.home_div .header .custdrop input{background:none; border:none; line-height:32px; padding:0 16px 0 0; color:var(--blueDark); font-size:inherit; font-weight:bold; text-align:right;}
.home_div .header .custdrop div{background:var(--blueDark); font-weight:normal;}
.home_div .header .custdrop span:after{right:0; top:0; font-size:12px;}
.home_div .header .custdate{width:110px; float:left;}
.home_div .header .custdate input{background:none; border:none; line-height:32px; padding:0 16px 0 0; color:var(--blueDark); font-size:inherit; font-weight:bold; text-align:right;}
.home_div .header .custdate a:after{right:0; top:0; font-size:12px;}

.home_div.break .header > p{width:calc(100% - 220px); margin:0 0 0 62px; text-align:center;}
.home_div.break > a{width:100%; padding:4px 8px; float:left; box-sizing:border-box; transition:all .25s ease-in-out;}
.home_div.break > a:hover{background:var(--blueMed2); color:var(--white);}
.home_div.break a p{float:left;}
.home_div.break a p:nth-of-type(1){width:80%;}
.home_div.break a p:nth-of-type(2){width:20%; text-align:right;}

.home_div.mentions .scroll_cont{width:100%; float:left; max-height:240px; overflow:hidden;}
.home_div.mentions .header > p{width:calc(100% - 220px); margin:0 0 0 86px; text-align:center;}
.home_div.mentions .row{width:100%; float:left; padding:4px 8px; box-sizing:border-box; cursor:pointer; border-top:1px solid var(--grayLight); transition:all .25s ease-in-out;}
.home_div.mentions .row:nth-of-type(1){border-top:none;}
.home_div.mentions .row:hover{background:var(--blueMed2); color:var(--white);}
.home_div.mentions .row p{float:left; cursor:pointer;}
.home_div.mentions .head{width:100%; float:left;}
.home_div.mentions .head p{white-space:nowrap;}
.home_div.mentions .head p:nth-of-type(1){width:50%;}
.home_div.mentions .head p:nth-of-type(2){width:50%; text-align:right;}
.home_div.mentions .note{width:100%; padding-top:4px; text-indent:8px;}

.home_div.reminders .scroll_cont{width:100%; float:left; max-height:240px; overflow:hidden;}
.home_div.reminders .header > p{width:calc(100% - 220px); margin:0 0 0 86px; text-align:center;}
.home_div.reminders .row{width:100%; float:left; padding:4px 8px; box-sizing:border-box; cursor:pointer; border-top:1px solid #dddddd; transition:all .25s ease-in-out;}
.home_div.reminders .row:nth-of-type(1){border-top:none;}
.home_div.reminders .row:hover{background:var(--blueMed2); color:var(--white);}
.home_div.reminders .row p{float:left; cursor:pointer;}
.home_div.reminders .head{width:100%; float:left;}
.home_div.reminders .head p{white-space:nowrap;}
.home_div.reminders .head p:nth-of-type(1){width:50%;}
.home_div.reminders .head p:nth-of-type(2){width:50%; text-align:right;}
.home_div.reminders .cust{width:100%; float:left;}
.home_div.reminders .cust p:nth-of-type(1){width:50%;}
.home_div.reminders .cust p:nth-of-type(2){width:50%; text-align:right;}
.home_div.reminders .note{width:100%; padding-top:4px; text-indent:8px;}

.home_div.prodIssues .scroll_cont{width:100%; float:left; max-height:240px; overflow:hidden;}
.home_div.prodIssues .header > p{width:calc(100% - 220px); margin:0 0 0 62px; text-align:center;}
.home_div.prodIssues .row{width:100%; float:left; padding:4px 8px; box-sizing:border-box; cursor:pointer; border-top:1px solid #dddddd; transition:all .25s ease-in-out;}
.home_div.prodIssues .row.urgent{background:var(--redLight); color:var(--redDark);}
.home_div.prodIssues .row:nth-of-type(1){border-top:none;}
.home_div.prodIssues .row:hover{background:var(--blueMed2); color:var(--white);}
.home_div.prodIssues .row p{float:left; cursor:pointer;}
.home_div.prodIssues .head{width:100%; float:left;}
.home_div.prodIssues .head p:nth-of-type(1){width:50%;}
.home_div.prodIssues .head p:nth-of-type(2){width:50%; text-align:right;}
.home_div.prodIssues .cust{width:100%; float:left;}
.home_div.prodIssues .cust p:nth-of-type(1){width:50%;}
.home_div.prodIssues .cust p:nth-of-type(2){width:50%; text-align:right;}
.home_div.prodIssues .note{width:100%; padding-top:4px; text-indent:8px;}

.home_div.reports .header > p{width:calc(100% - 220px); margin:0 100px 0 62px; text-align:center;}
.home_div.reports .body{width:100%; float:left; max-height:240px; overflow:hidden;}
.home_div.reports .body > a{width:100%; padding:4px 8px; float:left; cursor:pointer; box-sizing:border-box; transition:all .25s ease-in-out;}
.home_div.reports .body > a:hover{background:var(--blueMed2); color:var(--white);}
.home_div.reports .body > a p{float:left; cursor:inherit;}
.home_div.reports .body > a p:nth-of-type(1){width:80%;}
.home_div.reports .body > a p:nth-of-type(2){width:20%; text-align:right;}
.home_div.reports .cont{width:100%; max-height:200px; overflow:hidden; float:left; box-sizing:border-box; display:none; background:var(--grayLight3); border-width:1px 0 1px 0; border-style:solid; border-color:var(--grayLight);}
.home_div.reports .cont div{width:100%; padding:4px 16px; float:left; cursor:pointer; box-sizing:border-box; transition:all .25s ease-in-out;}
.home_div.reports .cont div p{float:left; cursor:pointer; white-space:nowrap;}
.home_div.reports .cont div p:nth-of-type(1){width:50%; text-align:left;}
.home_div.reports .cont div p:nth-of-type(2){width:50%; text-align:right;}
.home_div.reports .cont div:hover{background:var(--blueMed2); color:var(--white);}
.home_div.reports .footer{width:100%; float:left; padding:6px 0; text-align:center; background:var(--grayLight2); border-top:1px solid #d0d0d0; transition:all .25s ease-in-out;}
.home_div.reports .footer:hover{background:var(--blueMed2); color:var(--white); border-color:var(--blueDark);}
.home_div.reports{padding-bottom:0;}

.home_div.pie .header > div:nth-of-type(1){width:171px;}
.home_div.pie .header > div:nth-of-type(2){width:80px;}
.home_div.pie .legend{width:128px; margin:5px 2px 0 5px; float:left;}
.home_div.pie .legend div{width:100%; padding:2.5px 0; float:left; color:var(--blueDark);}
.home_div.pie .legend div a{width:1.4em; height:1.4em; float:left; border:1px solid var(--blueDark); border-radius:4px; box-sizing:border-box;}
.home_div.pie .legend div p:nth-of-type(1){width:calc(86% - 1.4em); padding:0.1em 0 0 5%; float:left; box-sizing:border-box; overflow:none; white-space:nowrap;}
.home_div.pie .legend div p:nth-of-type(2){width:14%; padding:0.1em 0 0 0; float:left; text-align:right; background:var(--white);}
.home_div.pie canvas{width:180px; margin:5px 0 0 0; float:left;}

.home_div.sales .header > p{width:calc(100% - 220px); margin:0 0 0 62px; text-align:center;}
.home_div.sales .numbers{width:100%; padding:8px 8px 0 8px; margin-bottom:-2px; float:left; box-sizing:border-box;}
.home_div.sales .col{width:20%; padding:35px 0 0 0; text-align:left; font-size:20px; font-weight:bold; color:#009900; float:left;}
.home_div.sales .total{width:60%; font-size:56px; text-align:center; color:var(--blueDark2); float:left; }
.home_div.sales .out{width:20%; padding:35px 0 0 0; text-align:right; font-size:20px; color:#990000; font-weight:bold; float:left;}
.home_div.sales .slider{position:relative; width:calc(100% - 16px); margin:0 8px 0 8px; background:var(--grayMed); border-radius:8px; border:1px solid var(--blueDark2); box-sizing:border-box; float:left;}
.home_div.sales .slider:before{content:''; position:absolute; top:0; left:0; border-radius:6px 6px 0 0; width:100%; height:50%; background:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.2));}
.home_div.sales .slider span{position:relative; background:var(--blueMed); height:32px; border-radius:6px; border-right:1px solid var(--blueDark2); float:left; box-sizing:border;}
.home_div.sales .slider span:before{content:''; position:absolute; top:0; left:0; border-radius:6px 6px 0 ; width:100%; height:50%; background:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.2));}
.home_div.sales .slider a{position:absolute; width:10%; right:0; padding:4px 8px 4px 0; text-align:right; font-size:16px; color:var(--white); font-weight:bold; transition:all .25s ease-in-out;}
.home_div.sales .slider a:hover{color:var(--white);}

.home_div.goals .header > p{width:calc(100% - 640px); margin:0 0 0 272px; text-align:center;}
.home_div.goals .header > div:nth-of-type(1){width:240px}
.home_div.goals .header > div:nth-of-type(2){width:80px}
.home_div.goals .goals_top{width:100%; padding:0 8px; box-sizing:border-box; float:left;}
.home_div.goals .goals_top .numbers{position:relative; width:78%; height:30px; margin-left:12%; border-width:1px 1px 1px 1px; border-style:solid; border-color:rgba(0,0,0,0); box-sizing:border-box; float:left;}
.home_div.goals .goals_top .numbers p{position:absolute; width:20px; line-height:20px; margin-left:-10px; margin-top:10px; float:left; color:var(--blueDark2);}
.home_div.goals .goals_top .numbers p:nth-of-type(1){left:calc(0% - 1px);}
.home_div.goals .goals_top .numbers p:nth-of-type(2){left:16.67%;}
.home_div.goals .goals_top .numbers p:nth-of-type(3){left:33.33%;}
.home_div.goals .goals_top .numbers p:nth-of-type(4){left:50.00%;}
.home_div.goals .goals_top .numbers p:nth-of-type(5){left:66.67%;}
.home_div.goals .goals_top .numbers p:nth-of-type(6){left:calc(83.33% - 1px); color:var(--blueMed);}
.home_div.goals .goals_top .numbers p:nth-of-type(7){left:100%; opacity:0;}
.home_div.goals .goals_top .ticks{position:relative; width:78%; height:10px; margin-left:12%; border-width:1px 1px 1px 1px; border-style:solid; border-color:rgba(0,0,0,0); box-sizing:border-box; float:left;}
.home_div.goals .goals_top .ticks span{position:absolute; width:1px; height:10px; float:left; background:var(--grayMed2);}
.home_div.goals .goals_top .ticks span:nth-of-type(1){left:calc(0% - 1px); background:var(--blueDark2);}
.home_div.goals .goals_top .ticks span:nth-of-type(2){left:16.67%;}
.home_div.goals .goals_top .ticks span:nth-of-type(3){left:33.33%;}
.home_div.goals .goals_top .ticks span:nth-of-type(4){left:50.00%;}
.home_div.goals .goals_top .ticks span:nth-of-type(5){left:66.67%;}
.home_div.goals .goals_top .ticks span:nth-of-type(6){left:calc(83.33% - 1px); background:var(--blueMed);}
.home_div.goals .goals_top .ticks span:nth-of-type(7){left:100%; background:var(--blueDark2);}
.home_div.goals .sec{width:100%; padding:0 8px; box-sizing:border-box; float:left; font-size:14px; color:var(--blueDark2);}
.home_div.goals .sec .person{width:12%; padding:6px 0; float:left; font-size:inherit; color:inherit; white-space:nowrap;}
.home_div.goals .sec .slider{position:relative; width:78%; background:var(--grayLight2); border-style:solid; border-color:var(--blueDark2); border-width:0 1px 1px 1px; box-sizing:border-box; float:left;}
.home_div.goals .sec:first-of-type .slider{border-width:1px 1px 1px 1px;}
.home_div.goals .sec .slider:before{content:''; position:absolute; top:0; left:0; border-radius:6px 6px 0 0; width:100%; height:50%; background:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.2));}
.home_div.goals .sec .slider .bar{position:relative; z-index:10; overflow:hidden; background:var(--blueMed); padding:6px 0; direction:rtl; text-indent:6px; border-right:1px solid var(--blueDark2); float:left; box-sizing:border; color:var(--white); font-size:14px; transition:all .5s ease-in-out;}
.home_div.goals .sec .slider .bar.green{background:#009933;}
.home_div.goals .sec .slider .bar.right{overflow:unset; direction:unset; text-indent:calc(100% + 6px); color:var(--blueDark2);}
.home_div.goals .sec .slider .bar:before{content:''; position:absolute; top:0; left:0; width:100%; height:50%; background:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.2));}
.home_div.goals .sec .slider .line{position:absolute; width:1px; top:0; background:var(--blueDark2); padding:6px 0; background:var(--grayMed2);}
.home_div.goals .sec .slider .line:nth-of-type(1){left:16.67%;}
.home_div.goals .sec .slider .line:nth-of-type(2){left:33.33%;}
.home_div.goals .sec .slider .line:nth-of-type(3){left:50.00%;}
.home_div.goals .sec .slider .line:nth-of-type(4){left:66.67%;}
.home_div.goals .sec .slider .line:nth-of-type(6){left:calc(83.33% - 1px); background:var(--blueMed);}
.home_div.goals .sec .target{width:10%; padding:6px 0 6px 0; float:left; text-align:right; font-size:inherit; color:inherit; transition:all .25s ease-in-out;}

.home_div.leader .header > p{width:calc(100% - 220px); margin:0 0 0 14px; text-align:center;}
.home_div.leader .sec{width:20%; padding:8px 0 0 0; float:left; box-sizing:border-box;}
.home_div.leader .sec > p{width:100%; padding:0 0 4px 0; float:left; text-align:center; font-weight:bold; text-decoration:underline;}
.home_div.leader .sec > div{width:100%; padding:0 6px 0 6px; float:left; font-size:12px; border-right:1px solid var(--grayLight); box-sizing:border-box;}
.home_div.leader .sec div div{width:100%; padding:1.5px 0; float:left;}
.home_div.leader .sec div div p{padding:2px 0; float:left; white-space:nowrap;}
.home_div.leader .sec div div p:nth-of-type(1){width:50%; text-align:left;}
.home_div.leader .sec div div p:nth-of-type(2){width:50%; text-align:right;}

.home_div.cal .header > p{width:calc(100% - 220px); margin:0 0 0 62px; text-align:center;}
.home_div.cal .sec{width:25%; padding:8px 0 0 0; float:left; box-sizing:border-box;}
.home_div.cal .sec > p{width:100%; padding:0 0 4px 0; float:left; text-align:center; font-weight:bold; text-decoration:underline;}
.home_div.cal .sec > div{width:100%; float:left; font-size:12px; border-right:1px solid var(--grayLight);}
.home_div.cal .sec div div{width:100%; padding:2px 6px; float:left; cursor:pointer; box-sizing:border-box; transition:all .25s ease-in-out;}
.home_div.cal .sec div div:hover{background:var(--blueMed2); color:var(--white);}
.home_div.cal .sec div div p{float:left; white-space:nowrap; cursor:pointer;}
.home_div.cal .sec div div p:nth-of-type(1){width:70%; text-align:left;}
.home_div.cal .sec div div p:nth-of-type(2){width:30%; text-align:right;}
.home_div.cal .sec div div p:nth-of-type(3){width:100%; text-align:left; white-space:normal;}
.home_div.cal .button{width:20%; margin:16px 40% 2px 40%; font-weight:bold;}

.home_div.chart .header > p{width:calc(100% - 400px); margin:0 0 0 152px; text-align:center;}
.home_div.chart .header > div:nth-of-type(1){width:120px}
.home_div.chart .header > div:nth-of-type(2){width:80px}
.home_div.chart .canvas{position:relative; width:calc(100% - 170px); height:400px; margin:10px 10px 0 10px; float:left; box-sizing:border-box;}
.home_div.chart .canvas .plot{position:absolute; width:90%; height:320px; left:10%; background:var(--grayLight2); border-width:0 0 1px 1px; border-style:solid; border-color:var(--blueDark); box-sizing:border-box;}
.home_div.chart .canvas .axisY{position:absolute; width:10%; height:320px; box-sizing:border-box;}
.home_div.chart .canvas .axisY .tick{position:absolute; background:var(--blueDark);}
.home_div.chart .canvas .axisY .label{position:absolute; width:100%; line-height:0.25em; text-align:right; color:var(--blueDark); font-weight:bold; white-space:nowrap; box-sizing:border-box;}
.home_div.chart .canvas .axisY .title{position:absolute; white-space:nowrap; text-align:center; left:5px; top:50%; color:var(--blueDark); font-weight:bold; transform:rotate(270deg);}
.home_div.chart .canvas .axisX{position:absolute; width:90%; top:320px; left:10%; height:80px; box-sizing:border-box;}
.home_div.chart .canvas .axisX .tick{position:absolute; background:var(--blueDark);}
.home_div.chart .canvas .axisX .label{position:absolute; width:1px; white-space:nowrap; font-weight:bold;}
.home_div.chart .canvas .axisX .title{position:absolute; width:100%; text-align:center; bottom:5px; color:var(--blueDark); font-weight:bold;}
.home_div.chart .canvas .point{position:absolute; z-index:2; cursor:pointer;}
.home_div.chart .canvas .line{position:absolute; z-index:1;}

.home_div.chart .legend{width:140px; margin:5px 10px 0 0; float:left;}
.home_div.chart .legend div{width:100%; padding:2.5px 0 2.5px 0; float:left; color:var(--blueDark); cursor:pointer; transition:all .25s ease-in-out;}
.home_div.chart .legend div a{width:1.8em; height:1.8em; float:left; cursor:pointer;}
.home_div.chart .legend div p{width:calc(100% - 1.8em); padding:0.4em 0 0 5%; float:left; box-sizing:border-box; cursor:pointer; transition:all .25s ease-in-out;}

/* Jobs: New */
.jc_div p.icon-plus{cursor:pointer;}
.jc_div p.icon-plus:after{width:20px; right:0; top:1p2px; font-size:12px;}
.jc_div p.icon-plus:hover{color:#00bb00;}
.jc_div .button.double{width:calc(50% - 16px); margin:8px 8px 4px 8px;}

.jc_spotio{position:fixed; width:1230px; z-index:21; float:left; display:none;}
.jc_spotio_filter{width:300px; margin-right:10px;}
.jc_spotio_filter .button{width:50%; margin-left:25%; margin-right:25%;}

.jc_spotio .table{width:920px;}
.jc_spotio .table .row.mid{padding:0 0 4px 0;}
.jc_spotio .table .row p:nth-of-type(1){width:38.2%;}
.jc_spotio .table .row p:nth-of-type(2){width:61.8%;}

/* Jobs: Edit */
.je_left .button,
.je_middle .button{color:var(--blueDark);}
.je_left .button:hover,
.je_middle .button:hover{color:var(--white);}
.je_right .custdate .icon-push:after{top:2px;}
.je_right .custdrop .icon-hang:after{top:2px;}

.je_left{position:relative; width:300px; margin:0 8px 0 0; height:1000px; float:left; overflow:hidden;}
.je_left .jepl_claim{width:calc(100% - 1px); padding:0 10px; margin:0 0 8px 0; box-sizing:border-box; text-align:left; font-weight:bold; background:#ffffcc; color:#000000; text-shadow:1px 1px 1px #ddddaa; border:1px solid #cccc00; border-radius:4px; font-size:18px; float:left; cursor:pointer; box-shadow:1px 1px 2px rgba(0,0,0,0.25);}
.je_left .jepl_div{width:calc(100% - 1px); margin:0 0 8px 0; box-sizing:border-box; background:#f5faff; border-radius:4px; border:1px solid #306499; float:left; box-shadow:1px 1px 2px rgba(0,0,0,0.25);}
.je_left .jepl_div .header{width:100%; padding:6px 8px; box-sizing:border-box; text-align:left; font-weight:bold; background:#CEDFF2; color:#0d3966; border-radius:3px 3px 0 0; float:left; cursor:pointer; transition:background-color .25s ease-in-out;}
.je_left .jepl_div .header:hover{background:#8BBBEF;}
.je_left .jepl_div .header p:nth-of-type(1){width:80%; float:left; cursor:pointer;}
.je_left .jepl_div .header p:nth-of-type(2){width:20%; text-align:right; float:left; cursor:pointer; transition:all .25s ease-in-out;}
.je_left .jepl_div .header p:nth-of-type(2):hover{color:var(--white);}
.je_left .jepl_div .header .icon-push{font-weight:normal;}
.je_left .jepl_div .header .icon-push:after{right:0;}
.je_left .display{width:100%; padding:4px 0 6px 0; border-top:1px solid #0d3966; float:left;}
.je_left .display p:not(:empty){width:100%; padding:1px 8px; box-sizing:border-box; color:var(--grayDark); font-size:12px; font-weight:bold; float:left;}
.je_left .display p.bold{text-align:center; margin-bottom:4px; font-size:20px;}
.je_left .display p.icon-static{padding-right:21px;}
.je_left .display p.icon-static:after{right:7px; font-size:12px; cursor:pointer;}
.je_left .display p.icon-static:hover:after{color:#00bb00;}
.je_left .edit{width:100%; padding:4px 8px 0 8px; float:left; border-top:1px solid #0d3966; box-sizing:border-box;display:none;}
.je_left .edit .title{width:40%; padding:11px 8px 0 0; box-sizing:border-box; text-align:left; color:#0d3966; font-weight:bold; font-size:11px; float:left;}
.je_left .edit .title.icon-plus{cursor:pointer;}
.je_left .edit .title.icon-plus:after{width:20px; right:0; top:13px; font-size:12px;}
.je_left .edit .title.icon-plus:hover{color:#00bb00;}
.je_left .edit .spacer{width:100%; float:left;}
.je_left input[type=text]{width:60%; margin:8px 0 0 0; padding:1px 4px; border:1px solid #0d3966;}
.je_left input[type=text]:focus{border-color:var(--blueMed); box-shadow:0 0 5px var(--blueMed);}
.je_left input[type=text]:disabled{background:#dddddd; color:var(--grayDark);}
.je_left textarea{width:60%; min-width:60%; max-width:60%; min-height:60px; max-height:120px; margin:8px 0 0 0; padding:1px 4px; color:var(--grayDark); border:1px solid var(--grayDark);}
.je_left textarea:focus{border-color:var(--blueMed); box-shadow:0 0 5px var(--blueMed);}
.je_left .custcheck{width:19px; height:19px; margin:8px calc(60% - 19px) 0 0;}
.je_left .custcheck:focus{box-shadow:0 0 5px var(--blueMed); border-color:var(--blueMed);}
.je_left .custdrop{width:60%; margin:8px 0 0 0; float:left;}
.je_left .button{width:50%; margin:12px 25% 0 25%; border:1px solid #0d3966; font-size:12px; font-weight:bold;}
.je_left .status{width:90%; margin:8px 5% 0 5%; text-align:right; font-weight:bold; opacity:0; float:left;}
.je_left .saved_head{width:100%; padding:8px 0; float:left; cursor:default;}
.je_left .saved{width:100%; padding:4px 0; color:#0d3966; display:none; float:left;}
.je_left .emp{width:40%; box-sizing:border-box; font-weight:bold; float:left; white-space:nowrap;}
.je_left .time{width:60%; box-sizing:border-box; font-weight:bold; text-align:right; float:left; white-space:nowrap;}
.je_left .jeplmi p.bold{width:80%; margin-left:10%;}
.je_left .jeplsi .emp_box{width:100%; padding:0 0 8px 0; float:left;}
.je_left .jeplsi .emp_box:not(:last-of-type){border-bottom:1px solid #92AECB;}
.je_left .jeplsi .edit .title{width:32%;}
.je_left .jeplsi .add{width:5%; margin:8px 0 0 95%; padding:1px 0 -1px 0; font-size:16px; font-weight:normal; float:left;}
.je_left .jeplsi .add:after{right:0;}
.je_left .jeplsi .add:hover{color:#00bb00;}
.je_left .jeplsi .remove{width:5%; margin:8px 0 0 3%; padding:1px 0 -1px 0; font-size:16px; font-weight:normal; float:left;}
.je_left .jeplsi .remove:after{right:0;}
.je_left .jeplsi .remove:hover{color:var(--redDark);}
.je_left .calendar .event{width:100%; padding:4px 8px; color:var(--grayDark); font-weight:bold; float:left; box-sizing:border-box;}
.je_left .calendar .event:last-of-type{padding-bottom:0;}
.je_left .calendar .event p{padding:0;}
.je_left .calendar .event div:nth-of-type(1){width:35%; float:left;}
.je_left .calendar .event > p{width:2em; height:2em; padding-top:0.5em; margin:0 calc(15% - 1em) 0 calc(15% - 1em); font-size:14px; line-height:1em; text-align:center; float:left; border-radius:100%; background:#0d3966; color:#F5FAFF;}
.je_left .calendar .event div:nth-of-type(2){width:35%; float:left;}
.je_left .calendar .event div:nth-of-type(2) p{text-align:right; padding:0;}
.je_left .icon-refresh{width:100%; float:left; text-align:center; font-size:20px; font-weight:bold;}
.je_left .icon-refresh:hover{color:var(--blueMed);}
.je_left .icon-refresh:after{left:85px;}

.je_middle{width:614px; height:1000px; margin:0 0 20px 0; float:left;}
.je_status_div{position:relative; width:100%; margin:0 0 4px 0; height:64px; float:left;}
.je_status_div img.bar{width:98%; margin:10px 2% 0 0; float:left;}
.je_status_div img.fill{position:absolute; width:0; height:7.5px; top:20px;}
.je_status_div img.stage{position:absolute; width:46px; top:2px; display:none; cursor:pointer;}
.je_status_div img.focus{position:absolute; width:46px; left:0; top:51px;}
.je_status_div .status{position:absolute; width:103px; font-size:12px; text-align:center; font-weight:bold;}
.je_status_div .status.top{top:2px;}
.je_status_div .status.btm{top:30px;}

.je_phase_div{position:relative; width:100%; float:left;}
.je_phase_div > div{position:absolute; width:100%;}
.je_phase_div .split{width:303px; float:left; min-height:1px;}
.je_phase_div .split:nth-of-type(2){margin:0 0 0 8px;}
.je_phase_div .advance{width:52%; margin:0 24% 8px 24%; float:left;}

.je_input_div{width:100%; margin:4px 0 4px 0; padding:0; box-sizing:border-box; background:#f5f5f5; border:1px solid #999999; border-radius:4px; float:left; box-shadow:1px 1px 2px rgba(0,0,0,0.25); transition:background-color, border-color, box-shadow .25s ease-in-out;}
.je_input_div.none{background:linear-gradient(#CCCCCC,#777777);}
/* .je_input_div.focus{background:var(--white); border-color:var(--blueMed); box-shadow:0 0 10px rgba(0,102,255,0.5);} */
.je_input_div .header{width:100%; padding:6px 8px 6px 8px; box-sizing:border-box; font-weight:bold; background:#dddddd; color:#444444; border-radius:4px 4px 0 0; border-bottom:1px solid #999999; float:left;}
.je_input_div .header p{width:50%; float:left;}
.je_input_div .header p:nth-of-type(2){opacity:0; text-align:right;}
.je_input_div input[type=text]{width:calc(60% - 8px); margin:8px 8px 0 0; padding:1px 4px; color:var(--grayDark); border:1px solid var(--grayDark);}
.je_input_div input[type=text]:focus{border-color:var(--blueMed) !important; box-shadow:0 0 5px var(--blueMed);}
.je_input_div input[type=text]:disabled{background:var(--grayLight2);}
.je_input_div input[type=button]{width:40%; margin:20px 30% 0 30%; background:linear-gradient(var(--grayLight2),#cccccc);}
.je_input_div input[type=checkbox]{width:5%; margin:11px 54% 2px 0; cursor:pointer;}
.je_input_div .custcheck{width:19px; height:19px; margin:8px calc(60% - 19px) 0 0;}
.je_input_div .custcheck:focus{box-shadow:0 0 5px var(--blueMed); border-color:var(--blueMed);}
.je_input_div .custdrop{width:calc(60% - 8px); margin:8px 8px 0 0; float:left;}
.je_input_div .custdrop .icon-chevronDown:after{top:2px;}
.je_input_div textarea{width:calc(60% - 8px); min-width:calc(60% - 8px); max-width:calc(60% - 8px); min-height:60px; max-height:120px; margin:8px 8px 0 0; padding:1px 3px; color:var(--grayDark); border:1px solid var(--grayDark);}
.je_input_div textarea:focus{border-color:var(--blueMed) !important; box-shadow:0 0 5px var(--blueMed);}
.je_input_div textarea:disabled{background:var(--grayLight2);}
.je_input_div .icon_box{position:relative; width:calc(60% - 8px); margin:8px 8px 0 0; float:left;}
.je_input_div .icon_box input[type=text]{width:100%; margin:0; padding:1px 4px; border:1px solid #444444;}
.je_input_div .icon_box a{position:absolute; width:15%; padding:0 0 3px 0; right:0;}
.je_input_div .icon_box .icon-push:after{font-size:14px; top:3px; right:4px; color:var(--grayDark);}
.je_input_div .icon_box .icon-circleRight:hover:after{color:#00bb00;}
.je_input_div .icon_box .icon-upload:hover:after{color:#00bb00;}
.je_input_div .icon_box .icon-x:hover:after{color:var(--redDark);}
.je_input_div .title{width:40%; padding:11px 8px 0 8px; box-sizing:border-box; text-align:left; font-size:11px; color:var(--grayDark); font-weight:bold; float:left; white-space:nowrap; overflow:hidden;}
.je_input_div .button{width:50%; margin:12px 25% 0 25%; border:1px solid #0d3966; font-size:12px; font-weight:bold;}
.je_input_div .button.double:nth-of-type(2n-1){width:calc(50% - 12px); margin:12px 4px 0 8px;}
.je_input_div .button.double:nth-of-type(2n){width:calc(50% - 12px); margin:12px 8px 0 4px;}

.je_input_div .saved_head{width:100%; padding:8px 0; float:left; cursor:default;}
.je_input_div .saved{width:100%; padding:4px 0; display:none; float:left;}
.je_input_div .emp{width:50%; padding:0 0 0 8px; box-sizing:border-box; color:var(--grayDark); font-weight:bold; float:left; white-space:nowrap;}
.je_input_div .time{width:50%; padding:0 8px 0 0; box-sizing:border-box; color:var(--grayDark); font-weight:bold; text-align:right; float:left; white-space:nowrap;}

.je_input_div.wide .left{width:49%; margin:0 1% 0 0; float:left}
.je_input_div.wide .right{width:49%; margin:0 0 0 1%; float:left}
.je_input_div.wide > .title{width:19.6%;}
.je_input_div.wide > textarea{width:calc(80.4% - 8px); min-width:calc(80.4% - 8px); max-width:calc(80.4% - 8px);}
.je_input_div.wide .button{width:25%;}
.je_input_div.wide .button:nth-of-type(1){margin:16px 3% 0 22%;}
.je_input_div.wide .button:nth-of-type(2){margin:16px 22% 0 3%;}

.je_input_div.inc{background:#fffafa; border-color:#993030;}
.je_input_div.inc .header{background:#EFB8B8; border-color:#993030; color:#660000;}
.je_input_div.inc input[type=text]{border-color:#660000;}
.je_input_div.inc .icon_box a{color:#660000;}
.je_input_div.inc textarea{border-color:#660000;}
.je_input_div.inc .custcheck{border-color:#660000;}
.je_input_div.inc .button{border-color:#660000;}

.je_input_div.comp{background:#fafffa; border-color:#309964;}
.je_input_div.comp .header{background:#baf2d6; border-color:#309964; color:#006633;}
.je_input_div.comp input[type=text]{border-color:#006633;}
.je_input_div.comp .icon_box a{color:#006633;}
.je_input_div.comp textarea{border-color:#006633;}
.je_input_div.comp .custcheck{border-color:#006633;}
.je_input_div.comp .button{border-color:#006633;}

.je_right{position:relative; width:300px; margin:0 0 0 8px; height:1000px; float:left; overflow:hidden;}
.je_right .jepr_div{width:calc(100% - 1px); margin:0 0 8px 0; box-sizing:border-box; background:#f5faff; border-radius:5px; border:1px solid #306499; float:left; box-shadow:1px 1px 2px rgba(0,0,0,0.25);}
.je_right .jepr_div .jepr_cont{width:100%; padding:4px 8px 0 8px; box-sizing:border-box; border-top:1px solid #306499; display:none; float:left;}
.je_right .jepr_div .header{width:100%; padding:6px 8px; box-sizing:border-box; text-align:left; font-weight:bold; background:#cedff2; color:#0d3966; border-radius:4px 4px 4px 4px; float:left; cursor:pointer; transition:background-color .25s ease-in-out;}
.je_right .jepr_div .header:hover{background:#8BBBEF;}
.je_right .jepr_div .header p:nth-of-type(1){width:30%; float:left; cursor:pointer; transition:color .1s; opacity:0;}
.je_right .jepr_div .header p:nth-of-type(1):hover{color:var(--white);}
.je_right .jepr_div .header p:nth-of-type(2){width:70%; text-align:right; float:left; cursor:pointer;}
.je_right .title{width:40%; padding:11px 8px 0 0; box-sizing:border-box; text-align:left; color:var(--grayDark); font-weight:bold; font-size:11px; float:left;}
.je_right input[type=text]{width:60%; margin:8px 0 0 0; padding:1px 4px; color:var(--grayDark); border:1px solid #306499;}
.je_right input[type=text]:focus{border-color:var(--blueMed); box-shadow:0 0 5px var(--blueMed);}
.je_right input[type=text]:disabled{background:var(--grayLight2);}
.je_right .button{width:50%; margin:12px 25% 0 25%; border:1px solid #0d3966; font-size:12px; font-weight:bold;}
.je_right .custdrop{width:60%; margin:8px 0 0 0; float:left;}
.je_right textarea{width:100%; height:100px; resize:none; margin:0 0 4px 0; padding:1px 4px; color:var(--grayDark); border:1px solid #306499;}
.je_right textarea:focus{border-color:var(--blueMed); box-shadow:0 0 5px var(--blueMed);}
.je_right .saved_head{width:100%; padding:8px 0; float:left; cursor:default;}
.je_right .saved{width:100%; padding:4px 0; display:none; float:left;}
.je_right .emp{width:50%; color:var(--grayDark); font-weight:bold; float:left; white-space:nowrap;}
.je_right .time{width:50%; color:var(--grayDark); font-weight:bold; text-align:right; float:left; white-space:nowrap;}

.je_right .jeprgd .header p.icon-push{width:9%; transition:none; opacity:1; font-weight:normal; font-size:14px; height:16px; float:left; cursor:pointer;}
.je_right .jeprgd .header p.icon-push:after{top:1px; left:0;}
.je_right .jeprgd .header p.icon-push:hover{color:var(--white);}
.je_right .jeprgd .header p:nth-of-type(4){width:73%; float:left; text-align:right; cursor:pointer;}
.je_right .jeprgd .jepr_cont{padding:6px 0;}
.je_right .jeprgd a{width:100%; padding:4px 8px 4px 8px; box-sizing:border-box; float:left; color:var(--grayDark); cursor:pointer; transition:all .25s ease-in-out;}
.je_right .jeprgd a img{width:6%; margin:0 3.5% 0 0; float:left; cursor:inherit;}
.je_right .jeprgd a p{width:90.5%; float:left; cursor:inherit; color:inherit;}
.je_right .jeprgd a:hover{background:#cedff2;}
.je_right .jeprli .header p.icon-plus{width:9%; transition:none; opacity:1; font-weight:normal; font-size:14px; height:16px;}
.je_right .jeprli .header p.icon-plus:after{top:1px; left:0;}
.je_right .jeprli .header p.icon-plus:hover{color:var(--white);}
.je_right .jeprli .header p:nth-of-type(2){width:91%;}
.je_right .jeprli .jepr_cont{padding:6px 0;}
.je_right .jeprli .link_div{width:100%; padding:4px 8px; box-sizing:border-box; float:left; color:var(--grayDark); cursor:pointer; transition:all .25s ease-in-out;}
.je_right .jeprli .link_div .icon-circleRight{width:7%; padding:1px 0 -1px 0; font-size:14px; font-weight:normal; float:left; cursor:inherit; color:inherit;}
.je_right .jeprli .link_div .icon-circleRight:after{left:0; top:0;}
.je_right .jeprli .link_div .link{width:88%; float:left; cursor:inherit; color:inherit;}
.je_right .jeprli .link_div:hover{background:#cedff2;}
.je_right .jeprli .link_div .icon-pencil{width:5%; padding:1px 0 -1px 0; font-size:14px; font-weight:normal; float:left;}
.je_right .jeprli .link_div .icon-pencil:after{left:0; top:0;}
.je_right .jeprno .header p.icon-push{width:9%; transition:none; opacity:1; font-weight:normal; font-size:14px; height:16px; float:left;}
.je_right .jeprno .header p.icon-push:after{top:1px; left:0;}
.je_right .jeprno .header p.icon-push:hover{color:var(--white);}
.je_right .jeprno .header p.icon-save{width:20%; margin-left:31%; font-weight:bold; text-align:center;}
.je_right .jeprno .header p:nth-of-type(3){width:40%; float:left; text-align:right; cursor:pointer;}
.je_right .jeprno .jepr_cont{padding:0; font-size:12.5px;}
.je_right .jeprno textarea{width:calc(100% - 16px); margin:8px 8px 0 8px;}
.je_right .jeprno .tags{width:100%; float:left; padding:6px 8px 4px 8px; border-bottom:1px solid #306499; box-sizing:border-box;}
.je_right .jeprno .tags > a{float:left; padding:2px 4px 4px 4px; margin:0 4px 4px 0; background:rgba(48,100,153,0.15); border-radius:4px; transition:all .25s ease-in-out;}
.je_right .jeprno .tags > a:hover{background:rgba(48,100,153,0.5);}

.je_right .jeprno .newTagDiv{width:100%; float:left; padding:0 8px; box-sizing:border-box; display:none;}
.je_right .jeprno .tags .custdrop{width:12%; float:left; cursor:pointer; margin:0 4px 3px 0;}
.je_right .jeprno .tags .custdrop input{padding:2px 8px 4px 18px; border:none; background:rgba(48,100,153,0.15); cursor:pointer; transition:background-color .25s ease-in-out;}
.je_right .jeprno .tags .custdrop input:hover{background:rgba(48,100,153,0.5);}
.je_right .jeprno .tags .custdrop:before{content:"@"; position:absolute; top:2px; left:4px; pointer-events:none;}
.je_right .jeprno .tags .custdrop .icon-hang{display:none;}

.je_right .jeprno .notes{width:100%; padding:4px 0 6px 0; float:left;}
.je_right .jeprno .note{width:100%; padding:3px 8px; box-sizing:border-box; float:left; color:var(--grayDark); cursor:pointer; transition:all .25s ease-in-out;}
.je_right .jeprno .note.priority{color:var(--blueMed);}
.je_right .jeprno .note:hover, .je_right .jeprno .note.chosen{background:#cedff2;}
.je_right .jeprno .note span{font-weight:bold; cursor:pointer;}

.je_right .jeprpi .header p.icon-plus{width:9%; transition:none; opacity:1; font-weight:normal; font-size:14px; height:16px;}
.je_right .jeprpi .header p.icon-plus:after{top:1px; left:0;}
.je_right .jeprpi .header p.icon-plus:hover{color:var(--white);}
.je_right .jeprpi .header p:nth-of-type(2){width:91%;}
.je_right .jeprpi .jepr_cont{padding:6px 0;}
.je_right .jeprpi .issue{width:100%; padding:4px 8px; box-sizing:border-box; float:left; color:var(--grayDark); cursor:pointer; transition:all .25s ease-in-out;}
.je_right .jeprpi .issue.urgent:not(.resolved){color:#cc0000;}
.je_right .jeprpi .issue:hover, .je_right .jeprpi .issue.chosen{background:#cedff2;}
.je_right .jeprpi .issue span{padding-left:18px; vertical-align:unset; font-weight:bold; cursor:pointer;}
.je_right .jeprpi .issue .icon-check:after{left:0; top:1px;}
.je_right .jeprpi .issue .icon-x:after{left:0; top:1px;}
.je_right .jeprpi .issue p{width:100%; margin:4px 0 0 0; padding:0; text-align:justify; text-indent:5%; font-weight:normal; float:left; cursor:pointer;}
.je_right .jeprpi .button{width:calc(50% - 12px); margin:8px 8px 10px calc(50% + 4px);}
.je_right .jeprcd .header span{width:40%; float:left; text-align:center; color:#cc0000;}
.je_right .jeprcd .header p:nth-of-type(2){width:30%;}
.je_right .jeprcd .head{padding:0 4px 8px 4px; box-sizing:border-box; text-align:center; white-space:nowrap; font-weight:bold; text-decoration:underline; float:left;}
.je_right .jeprcd div{width:100%; float:left;}
.je_right .jeprcd .check_div{width:100%; padding:2px 0; float:left;}
.je_right .jeprcd .type{margin:0 4px 0 0; float:left;}
.je_right .jeprcd .type input{background:#F5FAFF; border-color:#F5FAFF; cursor:pointer;}
.je_right .jeprcd .type span:after{color:#F5FAFF;}
.je_right .jeprcd .type:hover input{background:var(--white); border-color:#306499;}
.je_right .jeprcd .type input:focus{background:var(--white); border-color:#306499;}
.je_right .jeprcd .type input.empty{background:var(--white); border-color:#306499;}
.je_right .jeprcd .status{margin:0 4px 0 0; float:left;}
.je_right .jeprcd .status input{background:#F5FAFF; border-color:#F5FAFF; cursor:pointer; text-align:left;}
.je_right .jeprcd .status span:after{display:none;}
.je_right .jeprcd .status:hover input{background:var(--white); border-color:#306499;}
.je_right .jeprcd .status input:focus{background:var(--white); border-color:#306499;}
.je_right .jeprcd .status input.empty{background:var(--white); border-color:#306499;}
.je_right .jeprcd .amount{text-align:right; margin:0 4px 0 0; background:#F5FAFF; border-color:#F5FAFF; cursor:pointer;}
.je_right .jeprcd input.amount:hover{background:var(--white); border-color:#306499;}
.je_right .jeprcd input.amount:focus{background:var(--white); border-color:#306499;}
.je_right .jeprcd input.amount.empty{background:var(--white); border-color:#306499;}
.je_right .jeprcd .paid{background-color:#F5FAFF; border-color:transparent;}
.je_right .jeprcd .paid:hover{background-color:var(--white); border-color:#306499;}
.je_right .jeprcd .paid:focus{background-color:var(--white); border-color:#306499;}
.je_right .jeprcd .paid.empty{background-color:var(--white); border-color:#306499;}
.je_right .jeprcd .add{width:5%; padding:1px 0 -1px 0; font-size:16px; font-weight:normal; float:left;}
.je_right .jeprcd .add:after{right:0; top:1px;}
.je_right .jeprcd .add:hover{color:#00bb00;}
.je_right .jeprcd .remove{width:5%; padding:1px 0 -1px 0; font-size:16px; font-weight:normal; float:left;}
.je_right .jeprcd .remove:after{right:0; top:1px;}
.je_right .jeprcd .remove:hover{color:var(--redDark);}

.je_right .jeprcd:not(.paidOpt) .type{width:calc(34% - 4px);}
.je_right .jeprcd:not(.paidOpt) .status{width:calc(34% - 4px);}
.je_right .jeprcd:not(.paidOpt) .amount{width:calc(27% - 4px);}
.je_right .jeprcd:not(.paidOpt) .paid{display:none;}

.je_right .jeprcd.paidOpt .type{width:calc(28% - 4px);}
.je_right .jeprcd.paidOpt .status{width:calc(31% - 4px);}
.je_right .jeprcd.paidOpt .amount{width:calc(24% - 4px);}
.je_right .jeprcd.paidOpt .paid{width:8%; margin:0 2.5% 0 1.5%; height:8%;}

.je_right .jeprhc .head{padding:0 0 5px 0; text-align:center; white-space:nowrap; font-weight:bold; text-decoration:underline; float:left;}
.je_right .jeprhc div{width:100%; float:left;}
.je_right .jeprhc .add{width:5%; margin:0; padding:1px 0 -1px 0; font-size:16px; font-weight:normal; float:left;}
.je_right .jeprhc .add:after{right:0; top:1px;}
.je_right .jeprhc .add:hover{color:#00bb00;}
.je_right .jeprhc .credit_div{width:100%; margin:3% 0 0 0; float:left;}
.je_right .jeprhc .amount{width:calc(24% - 4px); text-align:right; margin:0 4px 0 57%; background:#F5FAFF; border-color:#F5FAFF; cursor:pointer;}
.je_right .jeprhc .amount:hover{background:var(--white); border-color:#306499;}
.je_right .jeprhc .amount:focus{background:var(--white); border-color:#306499;}
.je_right .jeprhc .amount.empty{background:var(--white); border-color:#306499;}
.je_right .jeprhc .given{width:8%; margin:0 3% 0 2%; height:8%; background-color:#F5FAFF; border-color:transparent;}
.je_right .jeprhc .given:hover{background-color:var(--white); border-color:#306499;}
.je_right .jeprhc .given:focus{background-color:var(--white); border-color:#306499;}
.je_right .jeprhc .given.empty{background-color:var(--white); border-color:#306499;}
.je_right .jeprhc .remove{width:5%; margin:0; padding:1px 0 -1px 0; font-size:16px; font-weight:normal; float:left;}
.je_right .jeprhc .remove:after{right:0; top:1px;}
.je_right .jeprhc .remove:hover{color:var(--redDark);}
.je_right .jeprco .icon_box{width:60%; margin:8px 0 0 0;}
.je_right .jeprco .icon_box input[type=text]{width:100%; margin:0;}
.je_right .jeprco .icon_box a:hover{color:#000000;}
.je_right .jeprre textarea{margin:8px 0 8px 0;}
.je_right .jeprte textarea{margin:6px 0 0 0;}

/* Jobs */
.js_emps{width:100%; margin:0 0 calc(10px - 0.5%) 0; float:left;}
.js_emps div{width:100%; float:left;}
.js_emps .button{padding:2.5px 0; margin-bottom:0.5%; font-size:12px; font-weight:bold; color:var(--blueDark); border:1px solid var(--grayMed2); border-radius:7px;}
.js_emps .button.selected,
.js_emps .button:hover{background:var(--blueMed2); border-color:var(--blueDark); color:var(--white); text-shadow:0 0 1px var(--blueDark);}

.js_buttons{width:100%; margin:0 0 10px 0; float:left;}
.js_buttons a{float:left; padding:7px 0; color:var(--black); font-weight:bold; text-align:center; border-radius:5px; font-size:12px; white-space:nowrap; box-sizing:border-box; transition:all .2s ease-in-out;}
.js_buttons a.all{width:300px; margin-right:6px; background:#ffffff; border:1px solid #CCCCCC;}
.js_buttons.count_13 a:nth-of-type(n+2){width:calc(924px / 12 - 4px); margin:0 0 0 4px; padding:7px 0; border:1px solid var(--grayMed3);}
.js_buttons.count_11 a:nth-of-type(n+2){width:calc(924px / 10 - 4px); margin:0 0 0 4px; padding:7px 0; border:1px solid var(--grayMed3);}
.js_buttons.count_10 a:nth-of-type(n+2){width:calc(924px / 9 - 4px); margin:0 0 0 4px; padding:7px 0; border:1px solid var(--grayMed3);}

.js_buttons a.canceled{background:#999999; border-color:#999999 !important;}
.js_buttons a.inspectionSet{background:#FFCC33; border-color:#CC9900 !important;}
.js_buttons a.waiting{background:#339999; border-color:#006666 !important;}
.js_buttons a.claimFiled{background:#9966FF; border-color:#6633cc !important;}
.js_buttons a.meetSet{background:#FF66FF; border-color:#CC33CC !important;}
.js_buttons a.denial{background:#FF3333; border-color:#CC0000 !important;}
.js_buttons a.reinspect{background:#CC6633; border-color:#993300 !important;}
.js_buttons a.appraisal{background:#FF9933; border-color:#CC6600 !important;}
.js_buttons a.approval{background:#33FF33; border-color:#009933 !important;}
.js_buttons a.closed{background:#FFCC33; border-color:#CC9900 !important;}
.js_buttons a.closed.orange{background:#FF9900; border-color:#993300 !important;}
.js_buttons a.prodReady{background:#0099FF; border-color:#0066CC !important;}
.js_buttons a.prodComp{background:#00CCFF; border-color:#0099CC !important;}
.js_buttons a.complete{background:#F0F0F0; border-color:#CCCCCC !important;}

.js_buttons a.all:hover{background:var(--blueMed2); color:var(--white); border-color:var(--blueMed2);}
.js_buttons a.canceled:hover,.js_buttons a.canceled.selected{background:linear-gradient(#bbbbbb,#999999);}
.js_buttons a.waiting:hover,.js_buttons a.waiting.selected{background:linear-gradient(#339999,#006666);}
.js_buttons a.claimFiled:hover,.js_buttons a.claimFiled.selected{background:linear-gradient(#9966FF,#6633CC);}
.js_buttons a.meetSet:hover,.js_buttons a.meetSet.selected{background:linear-gradient(#FF66FF,#CC33CC);}
.js_buttons a.denial:hover,.js_buttons a.denial.selected{background:linear-gradient(#FF3333,#CC0000);}
.js_buttons a.reinspect:hover,.js_buttons a.reinspect.selected{background:linear-gradient(#CC6633,#993300);}
.js_buttons a.appraisal:hover,.js_buttons a.appraisal.selected{background:linear-gradient(#FF9933,#CC6600);}
.js_buttons a.approval:hover,.js_buttons a.approval.selected{background:linear-gradient(#33FF33,#009933);}
.js_buttons a.closed:hover,.js_buttons a.closed.selected{background:linear-gradient(#FFCC33,#CC9900);}
.js_buttons a.closed.orange:hover,.js_buttons a.closed.orange.selected{background:linear-gradient(#FF9900,#AA6600);}
.js_buttons a.prodReady:hover,.js_buttons a.prodReady.selected{background:linear-gradient(#0099FF,#0066CC);}
.js_buttons a.prodComp:hover,.js_buttons a.prodComp.selected{background:linear-gradient(#00CCFF,#0099CC);}
.js_buttons a.complete:hover,.js_buttons a.complete.selected{background:linear-gradient(#F0F0F0,#CCCCCC);}

/*
.js_buttons a.all:hover{background:var(--blueMed2); color:var(--white); border-color:var(--blueMed2);}
.js_buttons a.canceled:hover,.js_buttons a:nth-of-type(2).selected{background:linear-gradient(#bbbbbb,#999999);}
.js_buttons a.waiting:hover,.js_buttons a:nth-of-type(3).selected{background:linear-gradient(#339999,#006666);}
.js_buttons a.claimFiled:hover,.js_buttons a:nth-of-type(4).selected{background:linear-gradient(#9966FF,#6633CC);}
.js_buttons a.meetSet:hover,.js_buttons a:nth-of-type(5).selected{background:linear-gradient(#FF66FF,#CC33CC);}
.js_buttons a.denial:hover,.js_buttons a:nth-of-type(6).selected{background:linear-gradient(#FF3333,#CC0000);}
.js_buttons a.reinspect:hover,.js_buttons a:nth-of-type(7).selected{background:linear-gradient(#CC6633,#993300);}
.js_buttons a.appraisal:hover,.js_buttons a:nth-of-type(8).selected{background:linear-gradient(#FF9933,#CC6600);}
.js_buttons a.approval:hover,.js_buttons a:nth-of-type(9).selected{background:linear-gradient(#33FF33,#009933);}
.js_buttons a.closed:hover,.js_buttons a:nth-of-type(10).selected{background:linear-gradient(#FFCC33,#CC9900);}
.js_buttons a.prodReady:hover,.js_buttons a:nth-of-type(11).selected{background:linear-gradient(#0099FF,#0066CC);}
.js_buttons a.prodComp:hover,.js_buttons a:nth-of-type(12).selected{background:linear-gradient(#00CCFF,#0099CC);}
.js_buttons a.complete:hover,.js_buttons a:nth-of-type(13).selected{background:linear-gradient(#F0F0F0,#CCCCCC);}
*/

.js_search{width:300px; float:left;}
.js_search .gen_div{width:100%;}

.js_new{width:100%; margin:0 0 15px 0; font-weight:bold;}

.js_div{width:920px; margin:0 0 0 10px;}
.js_div .row.mid{padding:0 0 5px 0;}
.js_div .row{border-bottom-width:0;}
.js_div .row:not(.mid){color:var(--black);}

/* No Subs */
.js_div:not(.subs) .row p:nth-of-type(1){width:5%;}
.js_div:not(.subs) .row p:nth-of-type(2){width:14%;}
.js_div:not(.subs) .row p:nth-of-type(3){width:22%;}
.js_div:not(.subs) .row p:nth-of-type(4){width:14%;}
.js_div:not(.subs) .row p:nth-of-type(5){width:14%;}
.js_div:not(.subs) .row p:nth-of-type(6){width:31%;}
.js_div:not(.subs) .row p:nth-of-type(7){width:0; display:none;}

.js_div:not(.subs).inspectionSet .row p:nth-of-type(1){width:5%;}
.js_div:not(.subs).inspectionSet .row p:nth-of-type(2){width:14%;}
.js_div:not(.subs).inspectionSet .row p:nth-of-type(3){width:22%;}
.js_div:not(.subs).inspectionSet .row p:nth-of-type(4){width:14%;}
.js_div:not(.subs).inspectionSet .row p:nth-of-type(5){width:14%;}
.js_div:not(.subs).inspectionSet .row p:nth-of-type(6){width:15.5%;}
.js_div:not(.subs).inspectionSet .row p:nth-of-type(7){width:15.5%; display:inline;}

.js_div:not(.subs).meetSet .row p:nth-of-type(1){width:5%;}
.js_div:not(.subs).meetSet .row p:nth-of-type(2){width:14%;}
.js_div:not(.subs).meetSet .row p:nth-of-type(3){width:22%;}
.js_div:not(.subs).meetSet .row p:nth-of-type(4){width:14%;}
.js_div:not(.subs).meetSet .row p:nth-of-type(5){width:14%;}
.js_div:not(.subs).meetSet .row p:nth-of-type(6){width:15.5%;}
.js_div:not(.subs).meetSet .row p:nth-of-type(7){width:15.5%; display:inline;}

.js_div:not(.subs).approval .row p:nth-of-type(1){width:5%;}
.js_div:not(.subs).approval .row p:nth-of-type(2){width:14%;}
.js_div:not(.subs).approval .row p:nth-of-type(3){width:22%;}
.js_div:not(.subs).approval .row p:nth-of-type(4){width:14%;}
.js_div:not(.subs).approval .row p:nth-of-type(5){width:14%;}
.js_div:not(.subs).approval .row p:nth-of-type(6){width:15.5%;}
.js_div:not(.subs).approval .row p:nth-of-type(7){width:15.5%; display:inline;}

.js_div:not(.subs).denial .row p:nth-of-type(1){width:5%;}
.js_div:not(.subs).denial .row p:nth-of-type(2){width:14%;}
.js_div:not(.subs).denial .row p:nth-of-type(3){width:22%;}
.js_div:not(.subs).denial .row p:nth-of-type(4){width:14%;}
.js_div:not(.subs).denial .row p:nth-of-type(5){width:14%;}
.js_div:not(.subs).denial .row p:nth-of-type(6){width:15.5%;}
.js_div:not(.subs).denial .row p:nth-of-type(7){width:15.5%; display:inline;}

.js_div:not(.subs).prodType .row p:nth-of-type(1){width:5%;}
.js_div:not(.subs).prodType .row p:nth-of-type(2){width:14%;}
.js_div:not(.subs).prodType .row p:nth-of-type(3){width:22%;}
.js_div:not(.subs).prodType .row p:nth-of-type(4){width:14%;}
.js_div:not(.subs).prodType .row p:nth-of-type(5){width:14%;}
.js_div:not(.subs).prodType .row p:nth-of-type(6){width:15.5%;}
.js_div:not(.subs).prodType .row p:nth-of-type(7){width:15.5%; display:inline; font-weight:bold;}
.js_div:not(.subs).prodType .row span{padding-right:3px;}

.js_div:not(.subs).reviews .row p:nth-of-type(1){width:5%;}
.js_div:not(.subs).reviews .row p:nth-of-type(2){width:14%;}
.js_div:not(.subs).reviews .row p:nth-of-type(3){width:22%;}
.js_div:not(.subs).reviews .row p:nth-of-type(4){width:14%;}
.js_div:not(.subs).reviews .row p:nth-of-type(5){width:14%;}
.js_div:not(.subs).reviews .row p:nth-of-type(6){width:15.5%;}
.js_div:not(.subs).reviews .row p:nth-of-type(7){width:15.5%; display:inline; font-weight:bold;}
.js_div:not(.subs).reviews .row span{padding-right:3px;}

/* Subs */
.js_div.subs .row p:nth-of-type(1){width:5%;}
.js_div.subs .row p:nth-of-type(2){width:12%;}
.js_div.subs .row p:nth-of-type(3){width:22%;}
.js_div.subs .row p:nth-of-type(4){width:12%;}
.js_div.subs .row p:nth-of-type(5){width:12%;}
.js_div.subs .row p:nth-of-type(6){width:12%;}
.js_div.subs .row p:nth-of-type(7){width:25%;}
.js_div.subs .row p:nth-of-type(8){width:0; display:none;}

.js_div.subs.inspectionSet .row p:nth-of-type(1){width:5%;}
.js_div.subs.inspectionSet .row p:nth-of-type(2){width:12%;}
.js_div.subs.inspectionSet .row p:nth-of-type(3){width:22%;}
.js_div.subs.inspectionSet .row p:nth-of-type(4){width:12%;}
.js_div.subs.inspectionSet .row p:nth-of-type(5){width:12%;}
.js_div.subs.inspectionSet .row p:nth-of-type(6){width:12%;}
.js_div.subs.inspectionSet .row p:nth-of-type(7){width:12.5%;}
.js_div.subs.inspectionSet .row p:nth-of-type(8){width:12.5%; display:inline;}

.js_div.subs.meetSet .row p:nth-of-type(1){width:5%;}
.js_div.subs.meetSet .row p:nth-of-type(2){width:12%;}
.js_div.subs.meetSet .row p:nth-of-type(3){width:22%;}
.js_div.subs.meetSet .row p:nth-of-type(4){width:12%;}
.js_div.subs.meetSet .row p:nth-of-type(5){width:12%;}
.js_div.subs.meetSet .row p:nth-of-type(6){width:12%;}
.js_div.subs.meetSet .row p:nth-of-type(7){width:12.5%;}
.js_div.subs.meetSet .row p:nth-of-type(8){width:12.5%; display:inline;}

.js_div.subs.approval .row p:nth-of-type(1){width:5%;}
.js_div.subs.approval .row p:nth-of-type(2){width:12%;}
.js_div.subs.approval .row p:nth-of-type(3){width:22%;}
.js_div.subs.approval .row p:nth-of-type(4){width:12%;}
.js_div.subs.approval .row p:nth-of-type(5){width:12%;}
.js_div.subs.approval .row p:nth-of-type(6){width:12%;}
.js_div.subs.approval .row p:nth-of-type(7){width:12.5%;}
.js_div.subs.approval .row p:nth-of-type(8){width:12.5%; display:inline;}

.js_div.subs.denial .row p:nth-of-type(1){width:5%;}
.js_div.subs.denial .row p:nth-of-type(2){width:12%;}
.js_div.subs.denial .row p:nth-of-type(3){width:22%;}
.js_div.subs.denial .row p:nth-of-type(4){width:12%;}
.js_div.subs.denial .row p:nth-of-type(5){width:12%;}
.js_div.subs.denial .row p:nth-of-type(6){width:12%;}
.js_div.subs.denial .row p:nth-of-type(7){width:12.5%;}
.js_div.subs.denial .row p:nth-of-type(8){width:12.5%; display:inline;}

.js_div.subs.prodType .row p:nth-of-type(1){width:5%;}
.js_div.subs.prodType .row p:nth-of-type(2){width:12%;}
.js_div.subs.prodType .row p:nth-of-type(3){width:22%;}
.js_div.subs.prodType .row p:nth-of-type(4){width:12%;}
.js_div.subs.prodType .row p:nth-of-type(5){width:12%;}
.js_div.subs.prodType .row p:nth-of-type(6){width:12%;}
.js_div.subs.prodType .row p:nth-of-type(7){width:15%;}
.js_div.subs.prodType .row p:nth-of-type(8){width:10%; display:inline; font-weight:bold;}
.js_div.subs.prodType .row span{padding-right:3px;}

.js_div.subs.reviews .row p:nth-of-type(1){width:5%;}
.js_div.subs.reviews .row p:nth-of-type(2){width:12%;}
.js_div.subs.reviews .row p:nth-of-type(3){width:22%;}
.js_div.subs.reviews .row p:nth-of-type(4){width:12%;}
.js_div.subs.reviews .row p:nth-of-type(5){width:12%;}
.js_div.subs.reviews .row p:nth-of-type(6){width:12%;}
.js_div.subs.reviews .row p:nth-of-type(7){width:15%;}
.js_div.subs.reviews .row p:nth-of-type(8){width:10%; display:inline; font-weight:bold;}
.js_div.subs.reviews .row span{padding-right:3px;}




.js_div .row.adjuster p:nth-of-type(1){width:100%; padding-top:8px; padding-bottom:8px; text-align:left; color:#888888; font-weight:bold; border-top:1px solid #888888; border-bottom:1px solid #888888; cursor:pointer;}
.js_div .row.adjuster p:nth-of-type(1):hover{color:var(--blueDark2);}
.js_div .row.adjuster p.icon-push:after{right:20px;}
.js_div .js_adjuster_body{width:100%; float:left;}

.js_div .row.canceled{background:#999999;}
.js_div .row.inspectionSet{background:#FFCC33;}
.js_div .row.waiting{background:#339999;}
.js_div .row.claimFiled{background:#9966FF;}
.js_div .row.meetSet{background:#FF66FF;}
.js_div .row.pending{background:#FFFF99;}
.js_div .row.denial{background:#FF3333}
.js_div .row.reinspect{background:#CC6633;}
.js_div .row.appraisal{background:#FF9933;}
.js_div .row.approval{background:#33FF33;}
.js_div .row.closed{background:#FFCC33;}
.js_div .row.closed.orange{background:#FF8800;}
.js_div .row.prodReady{background:#0099FF;}
.js_div .row.prodComp{background:#00CCFF;}
.js_div .row.complete{background:#F0F0F0;}

.js_div .row.approval.noScope{background:#CCFFCC;}

/* Link */
.li_edit textarea{width:94%; height:70px; margin:4px 3% 8px 3%;}
.li_edit .icon-trash{width:calc(100% - 16px); margin-left:8px; margin-right:8px;}

/* Material */
.matl_header{position:relative; top:0; left:0; width:1170px; margin:0 0 8px 8px; padding:6px 8px; float:left; border:1px solid var(--blueDark); box-sizing:border-box; background:var(--blueDark); color:var(--white); border-radius:8px; font-size:16px; font-weight:bold; display:none;}
.matl_header p{float:left;}
.matl_header p:nth-of-type(1){width:30%; text-align:left;}
.matl_header p:nth-of-type(2){width:40%; text-align:center;}
.matl_header p:nth-of-type(3){width:30%; text-align:right;}

.matl_cont{position:relative; width:1170px; margin:0 0 0 8px; float:left;}

.matl_home{position:absolute; width:100%; top:0; left:0;}

.matl_home .schedule{width:530px; margin-right:8px; font-size:12px;}
.matl_home .schedule .row p:nth-of-type(1){width:16%;}
.matl_home .schedule .row p:nth-of-type(2){width:22%;}
.matl_home .schedule .row p:nth-of-type(3){width:14%;}
.matl_home .schedule .row p:nth-of-type(4){width:20%;}
.matl_home .schedule .row p:nth-of-type(5){width:12%;}
.matl_home .schedule .row p:nth-of-type(6){width:16%;}

.matl_home .recent{width:630px; font-size:12px;}
.matl_home .recent .row p:nth-of-type(1){width:15%;}
.matl_home .recent .row p:nth-of-type(2){width:15%;}
.matl_home .recent .row p:nth-of-type(3){width:9%;}
.matl_home .recent .row p:nth-of-type(4){width:18%;}
.matl_home .recent .row p:nth-of-type(5){width:14%;}
.matl_home .recent .row p:nth-of-type(6){width:14%;}
.matl_home .recent .row p:nth-of-type(7){width:15%;}

.matl_home .search{width:100%; float:left;}

.matl_home .search_form{width:300px; margin:0 8px 0 0;}

.matl_home .search_table{width:860px;}

.matl_home .search_table .row p:nth-of-type(1){width:8%;}
.matl_home .search_table .row p:nth-of-type(2){width:14%;}
.matl_home .search_table .row p:nth-of-type(3){width:22%;}
.matl_home .search_table .row p:nth-of-type(4){width:14%;}
.matl_home .search_table .row p:nth-of-type(5){width:18%;}
.matl_home .search_table .row p:nth-of-type(6){width:12%;}
.matl_home .search_table .row p:nth-of-type(7){width:12%;}

.matl_library{position:absolute; width:100%; top:0; left:0; opacity:0;}

.matl_library .table{width:100%;}
.matl_library .table .sec{width:100%; float:left;}
.matl_library .table .row{width:97%; padding-bottom:1px;}
.matl_library .table .row p:nth-of-type(1){width:10%; padding-left:0;}
.matl_library .table .row p:nth-of-type(2){width:25%;}
.matl_library .table .row p:nth-of-type(3){width:5%;}
.matl_library .table .row p:nth-of-type(4){width:25%;}
.matl_library .table .row p:nth-of-type(5){width:10%;}
.matl_library .table .row p:nth-of-type(6){width:25%;}
.matl_library .table .foldButton{width:3%; padding:4px 0 1px 0; font-size:14px; float:left; cursor:pointer;}
.matl_library .table .foldButton:after{left:10px;}
.matl_library .table .foldButton:hover{color:#08507f;}
.matl_library .table .foldButton.closed{transform:rotate(-90deg); padding-top:0;}
.matl_library .table .foldButton.closed:after{left:11px;}

.matl_catEdit{position:fixed; width:320px; left:50vw; top:50vh; transform:translate(-50%, -50%); z-index:21; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
.matl_itemEdit{position:fixed; width:320px; left:50vw; top:50vh; transform:translate(-50%, -50%); z-index:21; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
.matl_descEdit{position:fixed; width:320px; left:50vw; top:50vh; transform:translate(-50%, -50%); z-index:21; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}

.matl_itemCalcEdit{position:fixed; width:694px; left:50vw; top:50vh; transform:translate(-50%, -50%); border-radius:10px; z-index:21; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
.matl_itemCalcEdit a{position:relative; padding:5px 0; float:left; background:var(--white); color:var(--blueDark2); font-weight:bold; border:1px solid var(--blueDark2); text-align:center; border-radius:5px; box-sizing:border-box; transition:all .25s ease-in-out; background:linear-gradient(var(--grayLight2),#9999bb);}
.matl_itemCalcEdit a:before{content:''; position:absolute; top:0; left:0; border-radius:5px 5px 0 0; width:100%; height:50%; background:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0.2));}

.matl_itemCalcEdit input[type="text"]{width:calc(100% - 20px); height:31px; padding:7.5px 5px; margin:5px 10px 5px 10px; font-size:16px; float:left;}
.matl_itemCalcEdit .left{width:200px; margin:0 10px 0 10px; float:left;}
.matl_itemCalcEdit .right{width:460px; float:left;}

.matl_itemCalcEdit .equation{width:100%; float:left;}
.matl_itemCalcEdit .equation a{width:calc(25% - 7.5px); padding:5px 0; margin:5px 10px 5px 0; transition:none;}
.matl_itemCalcEdit .equation a:hover{background:#06b154; color:var(--white);}
.matl_itemCalcEdit .equation a.del:hover{background:#cc0000; color:var(--white);}
.matl_itemCalcEdit .operators{width:100%; float:left;}
.matl_itemCalcEdit .operators a{width:calc(25% - 7.5px); padding:5px 0; margin:5px 10px 5px 0; transition:none;}
.matl_itemCalcEdit .operators a:hover{background:#06b154; color:var(--white);}
.matl_itemCalcEdit .numbers{width:100%; float:left;}
.matl_itemCalcEdit .numbers a{width:calc(20% - 8px); padding:5px 0; margin:5px 10px 5px 0; transition:none;}
.matl_itemCalcEdit .numbers a:hover{background:#06b154; color:var(--white);}
.matl_itemCalcEdit .vars{width:100%; float:left;}
.matl_itemCalcEdit .vars a{width:calc(25% - 7.5px); padding:5px 0; margin:5px 10px 5px 0; transition:none;}
.matl_itemCalcEdit .vars a:hover{background:#3366cc; color:var(--white);}
.matl_itemCalcEdit div a:last-of-type{margin-right:0;}
.matl_itemCalcEdit .button{width:calc(25% - 7.5px); margin:5px 0 5px calc(75% + 7.5px);}

.matl_presets{position:absolute; width:100%; top:0; left:0; opacity:0;}

.matl_presets .left{width:250px; float:left;}
.matl_presets .left .selector{width:100%; margin:0 0 8px 0;}
.matl_presets .left .selector > p{width:28%;}
.matl_presets .left .selector .custdrop{width:calc(72% - 8px);}
.matl_presets .left .button{width:calc(100% - 32px); margin:0 16px 8px 16px; font-weight:bold;}
.matl_presets .left .note{width:100%; padding:0 8px; box-sizing:border-box; text-indent:16px; float:left;}

.matl_presets .form{width:calc(100% - 260px); float:left; margin-left:10px; padding-bottom:0;}
.matl_presets .form input{height:28px; color:var(--blueDark); border-color:#2C7EB7; font-weight:bold; border-radius:0;}
.matl_presets .form .custdrop{margin:0; float:left;}
.matl_presets .form .custdrop span:after{color:var(--grayMed2); top:6px; transition:all 0.25s ease-in-out;}

.matl_presets .sec{width:100%; float:left;}
.matl_presets .sec .preset_type_div{width:100%; float:left; background:var(--blueMed); color:var(--white);}
.matl_presets .sec .preset_type{width:96.5%; float:left;}
.matl_presets .sec .preset_type input{height:28px; padding:0 5px; border:none; border-left:1px solid var(--blueMed); border-right:1px solid var(--blueMed); font-weight:bold; background:inherit; color:inherit; transition:all 0.25s ease-in-out;}
.matl_presets .sec .preset_type input[data-text="New Category..."]{font-style:italic;}
.matl_presets .sec .preset_type span:after{opacity:0; color:var(--blueMed2); top:6px; transition:all 0.25s ease-in-out;}
.matl_presets .sec .preset_type input:hover{background:var(--white); color:var(--blueMed2);}
.matl_presets .sec .preset_type:hover span:after{opacity:1;}
.matl_presets .sec .icon-plus{width:3.5%; line-height:28px; float:left; color:inherit;}
.matl_presets .sec .icon-plus:after{right:calc(50% - 0.4em);}
.matl_presets .sec .icon-plus:hover{background:var(--white); color:var(--blueMed2);}
.matl_presets .sec .cont{width:100%; float:left;}

.matl_presets .row{position:relative; width:100%; float:left; box-sizing:border-box;}
.matl_presets .row input{padding:4px 10px; margin:0; border-radius:0; border-width:0 0 0 1px; float:left; transition:display 0s; cursor:pointer; transition:all 0.25s ease-in-out;}
.matl_presets .row input:focus{box-shadow:inset 0 0 5px rgba(50,150,200,0.5);}
.matl_presets .row .custdrop:hover input{color:var(--blueMed2);}
.matl_presets .row .custdrop:hover span:after{color:var(--blueMed2);}
.matl_presets .row .custdrop div{min-width:200px}
.matl_presets .row:not(:last-of-type) input{border-bottom-width:1px;}
.matl_presets .sec:last-of-type .row:last-of-type input{border-bottom-width:1px;}
.matl_presets .row .preset_prod{position:relative; width:45%; float:left; min-height:1px;}
.matl_presets .row .preset_prod1{width:100%;}
.matl_presets .row .preset_prod2{position:absolute; right:0; width:0;}
.matl_presets .row .preset_prod2.empty{box-shadow:inset 0 0 10px rgba(255,255,0,1);}
.matl_presets .row .preset_desc{position:relative; width:45%; float:left; min-height:1px;}
.matl_presets .row .preset_desc1{width:100%;}
.matl_presets .row .preset_desc2{position:absolute; right:0; width:0;}
.matl_presets .row .preset_desc2.empty{box-shadow:inset 0 0 10px rgba(255,255,0,1);}
.matl_presets .row .preset_unit{width:6.5%; text-align:center; border-right-width:1px;}
.matl_presets .row .icon-x{width:3.5%; line-height:27px; float:left; color:var(--grayMed); border-bottom:1px solid var(--grayLight);}
.matl_presets .row .icon-x:after{right:calc(50% - 0.4em);}
.matl_presets .row .icon-x:hover{background:var(--redDark); color:var(--white);}

.matl_eagle{position:absolute; width:100%; top:0; left:0; opacity:0;}
.matl_eagle .left{width:25%; float:left;}
.matl_eagle .left > div{width:100%;}
.matl_eagle .left .row p:nth-of-type(1){width:50%;}
.matl_eagle .left .row p:nth-of-type(2){width:50%; font-weight:bold; text-align:right;}
.matl_eagle .map{width:calc(75% - 8px); margin:0 0 0 8px; padding:0; float:left;}
.matl_eagle .map .header{margin-bottom:0;}
.matl_eagle .map .cont{width:calc(100% - 16px); height:528px; margin:8px; float:left; position:relative; overflow:hidden;}
.matl_eagle .map .cont:before{content:''; position:absolute; box-shadow:0 0 10px 0 #000000; z-index:1; top:-5px; left:0; right:0; height:5px;}
.matl_eagle .map .cont:after{content:''; position:absolute; box-shadow:0 0 10px 0 #000000; z-index:1; right:-5px; top:0; bottom:0; width:5px;}
.matl_eagle .map .cont > div:before{content:''; position:absolute; box-shadow:0 0 10px 0 #000000; z-index:1; bottom:-5px; left:0; right:0; height:5px;}
.matl_eagle .map .cont > div:after{content:''; position:absolute; box-shadow:0 0 10px 0 #000000; z-index:1; left:-5px; top:0; bottom:0; width:5px;}
.matl_eagle .map .cont > div{width:100%; height:inherit;}
.matl_eagle .btm{width:100%; float:left; margin:8px 0 0 0;}
.matl_eagle .btm .app{width:40%; margin:0 8px 0 0; float:left;}
.matl_eagle .btm .app .row p{text-align:center;}
.matl_eagle .btm .app .row p:nth-of-type(1){font-weight:bold; text-align:left;}
.matl_eagle .btm .wct{width:calc(60% - 8px); float:left;}
.matl_eagle .btm .wct .row p:nth-of-type(1){width:12.5%; font-weight:bold;}
.matl_eagle .btm .wct .row p:nth-of-type(2){width:12.5%; text-align:center;}
.matl_eagle .btm .wct .row p:nth-of-type(3){width:12.5%; text-align:center;}
.matl_eagle .btm .wct .row p:nth-of-type(4){width:12.5%; text-align:center;}
.matl_eagle .btm .wct .row p:nth-of-type(5){width:12.5%; text-align:center;}
.matl_eagle .btm .wct .row p:nth-of-type(6){width:12.5%; text-align:center;}
.matl_eagle .btm .wct .row p:nth-of-type(7){width:12.5%; text-align:center;}
.matl_eagle .btm .wct .row p:nth-of-type(8){width:12.5%; text-align:center;}

.matl_sketch{position:absolute; width:100%; top:0; left:0; opacity:0;}
.matl_sketch .filters{width:300px; float:left;}
.matl_sketch .filters .header p:nth-of-type(2):hover{color:var(--blueMed2);}
.matl_sketch .filters div{width:100%; float:left;}
.matl_sketch .filters .row{cursor:pointer;}
.matl_sketch .filters .row:hover,
.matl_sketch .filters .row.selected{background:var(--blueMed2); color:var(--white);}
.matl_sketch .filters .row p{cursor:pointer;}
.matl_sketch .filters .row p:nth-of-type(1){width:50%;}
.matl_sketch .filters .row p:nth-of-type(2){width:50%; font-weight:bold; text-align:right;}
.matl_sketch .sketch{position:relative; width:calc(100% - 310px); height:800px; margin:0 0 10px 10px; float:left;}
.matl_sketch .sketch .header{margin-bottom:0;}
.matl_sketch .sketch canvas{position:absolute; left:0; top:0; z-index:1;}

.matl_sketch .controls{position:relative; width:100%; float:left; z-index:2;}
.matl_sketch .controls .left{width:50%; float:left;}
.matl_sketch .controls .right{width:50%; float:left;}
.matl_sketch .controls .row{float:left;}
.matl_sketch .controls .left .row{width:72px; margin:8px 0 0 0;}
.matl_sketch .controls .right .row{width:144px; margin:8px 8px 0 calc(100% - 152px);}
.matl_sketch .controls .row a{width:28px; height:28px; padding:7px 0 0 0; margin:0 0 0 8px; box-sizing:border-box; text-align:center; font-weight:bold; background:var(--white); box-shadow:0 0 2px rgba(0,0,0,0.5); float:left; transition:all 0.25s ease-in-out;}
.matl_sketch .controls .row a:after{right:calc(14px - 0.5em);}
.matl_sketch .controls .row a:after{width:100%; left:0;}
.matl_sketch .controls .row a:hover,
.matl_sketch .controls .row a.chosen{background:var(--blueMed2); color:var(--white);}
.matl_sketch .controls .row p{width:28px; height:28px; margin:0 0 0 8px; float:left;}

.matl_order{position:absolute; width:100%; top:0; left:0; opacity:0;}

.matl_order .form{width:calc(100% - 360px); float:left; padding-bottom:0;}
.matl_order .form input{height:26px; color:var(--blueDark); border-color:var(--blueMed); font-weight:bold;}
.matl_order .form .custdrop{margin:0; float:left;}
.matl_order .form .custdrop span:after{color:var(--grayMed2); top:6px; transition:all 0.25s ease-in-out;}
.matl_order .form .sec{width:100%; float:left;}
.matl_order .form .sec .order_type_div{width:100%; float:left; box-sizing:border-box; color:var(--white);}
.matl_order .form .sec .order_type{width:96.5%; float:left; background:var(--blueMed);}
.matl_order .form .sec .order_type input{height:26px; padding:0 5px; border-radius:0; border:none; border-left:1px solid var(--blueMed); border-right:1px solid var(--blueMed); font-weight:bold; background:inherit; color:inherit; transition:all 0.25s ease-in-out;}
.matl_order .form .sec .order_type input[data-text="New Category..."]{font-style:italic;}
.matl_order .form .sec .order_type span:after{opacity:0; color:var(--blueMed2); top:6px; transition:all 0.25s ease-in-out;}
.matl_order .form .sec .order_type input:hover{background:var(--white); color:var(--blueMed2);}
.matl_order .form .sec .order_type:hover span:after{opacity:1;}
.matl_order .form .sec .icon-plus{width:3.5%; line-height:26px; background:var(--blueMed); float:left; color:inherit;}
.matl_order .form .sec .icon-plus:after{right:calc(50% - 0.4em);}
.matl_order .form .sec .icon-plus:hover{background:var(--white); color:var(--blueMed2);}
.matl_order .form .sec .cont{width:100%; float:left;}

.matl_order .form .row{position:relative; width:100%; float:left; box-sizing:border-box;}
.matl_order .form .row input{padding:4px 10px; margin:0; border-radius:0; border-width:0 0 0 1px; float:left; transition:display 0s; cursor:pointer;}
.matl_order .form .row .custdrop:hover input{color:var(--blueMed2);}
.matl_order .form .row .custdrop:hover span:after{color:var(--blueMed2);}
.matl_order .form .row .custdrop div{min-width:200px}
.matl_order .form .row:not(:last-of-type) input{border-bottom-width:1px;}
.matl_order .form .sec:last-of-type .row:last-of-type input{border-bottom-width:1px;}
.matl_order .form .row input:focus{box-shadow:inset 0 0 5px rgba(50,150,200,0.5);}
.matl_order .form .row .order_prod{position:relative;width:41%;float:left;min-height:1px;}
.matl_order .form .row .order_prod1{width:100%;}
.matl_order .form .row .order_prod2{position:absolute; right:0; width:0;}
.matl_order .form .row .order_prod2.empty{box-shadow:inset 0 0 10px rgba(255,255,0,1);}
.matl_order .form .row .order_desc{position:relative;width:41%;float:left;min-height:1px;}
.matl_order .form .row .order_desc1{width:100%;}
.matl_order .form .row .order_desc2{position:absolute; right:0; width:0;}
.matl_order .form .row .order_desc2.empty{box-shadow:inset 0 0 10px rgba(255,255,0,1);}
.matl_order .form .row .order_unit{width:7.25%; text-align:center;}
.matl_order .form .row .order_qty{width:7.25%; padding-right:10px; text-align:right; border-right-width:1px;}
.matl_order .form .row .order_qty.match{border-color:#015cb4; background:#f0f0ff; color:#015cb4;}
.matl_order .form .row .order_qty.mismatch{border-color:#B42828; background:#fff0f0; color:#B42828;}
.matl_order .form .row .order_price{width:6.25%; margin:0 0.5% 0 0; float:left; text-align:right; display:none;}
.matl_order .form .row .order_total{width:6.5%; margin:0; float:left; text-align:right; border:none; background:none; display:none;}
.matl_order .form .row .icon-x{width:3.5%; line-height:25px; float:left; color:var(--grayMed); border-bottom:1px solid var(--grayMed2); box-sizing:border-box;}
.matl_order .form .row .icon-x:after{right:calc(50% - 0.4em);}
.matl_order .form .row .icon-x:hover{background:var(--redDark); color:var(--white);}

.matl_order .form .footer{width:100%; padding:5px 0 15px 0; float:left; display:none;}
.matl_order .form .footer .subtotal{width:14.5%; margin:0 0 0 85.5%; float:left; color:var(--blueDark2);}
.matl_order .form .footer .subtotal p{width:50%; margin:2px 2% 0 0; text-align:right; float:left;}
.matl_order .form .footer .subtotal input{width:50%; margin:0; text-align:right; float:left; border:none; background:none; color:var(--blueDark2);}

.matl_order .quick{width:350px; margin:0 0 0 10px; float:left;}
.matl_order .quick > div{width:100%; padding:6px 0; border-bottom:1px solid var(--grayMed2); float:left;}
.matl_order .quick a p:nth-of-type(1){width:50%; font-weight:bold;}
.matl_order .quick a p:nth-of-type(2){width:50%; text-align:right;}
.matl_order .quick .ref{padding-bottom:20px;}
.matl_order .quick .ref p{width:50%; float:left; font-size:16px;}
.matl_order .quick .ref p:nth-of-type(odd){text-align:left;}
.matl_order .quick .ref p:nth-of-type(even){text-align:right;}
.matl_order .quick .quick_header{width:100%; font-size:16px; color:var(--blueDark2); float:left; transition:all .25s ease-in-out;}
.matl_order .quick .quick_header .buttons{width:180px; float:left;}
.matl_order .quick .quick_header .buttons a{width:40px; height:30px; margin:0 5px 0 0; background:var(--white); float:left; font-size:18px; font-weight:normal;}
.matl_order .quick .quick_header .buttons a:after{left:calc(20px - 0.5em); top:calc(15px - 0.5em);}
.matl_order .quick .quick_header .custdrop{width:calc(100% - 180px); float:left; text-align:right;}
.matl_order .quick .quick_header .custdrop input{height:30px; font-size:16px; text-align:right; padding-right:24px;}
.matl_order .quick .quick_header .custdrop span{top:5px;}
.matl_order .quick .title{width:100%; font-size:16px; color:var(--blueDark); float:left; transition:all .25s ease-in-out;}
.matl_order .quick .title:hover{color:var(--blueMed2);}
.matl_order .quick .title p{width:30%; padding-top:3px; float:left; cursor:pointer;}
.matl_order .quick .title p:nth-of-type(2){width:70%; text-align:right; color:var(--blueMed);}
.matl_order .quick .title p:nth-of-type(2):hover{color:var(--blueMed2);}
.matl_order .quick .title input{font-size:16px; padding-right:0; background:none; border:1px solid var(--grayLight); color:var(--blueMed); text-align:right; cursor:pointer; box-sizing:border-box; transition:all 0.25s ease-in-out;  border-color:rgba(255,255,255,0);}
.matl_order .quick .title input.empty{background:#ffdddd; border:1px solid var(--redDark);}
.matl_order .quick .title input:hover,
.matl_order .quick .title input:focus{background:var(--white); border-color:var(--blueMed2); color:var(--blueMed2); border-color:var(--blueMed2);}
.matl_order .quick .title .custdrop{width:70%; float:left;}
.matl_order .quick .title .custdrop input:hover,
.matl_order .quick .title .custdrop input:focus{background:var(--white); border-color:var(--blueMed2); color:var(--blueMed2); padding-right:5px;}
.matl_order .quick .title .custdrop .icon-chevronDown:after{font-size:16px; top:3px;}
.matl_order .quick .title .custdate{width:70%; float:left;}
.matl_order .quick .title .custdate .icon-x:after{font-size:16px; top:3px; display:none;}
.matl_order .quick .title .custdate input:hover,
.matl_order .quick .title .custdate input:focus{background:var(--white); border-color:var(--blueMed2); padding-right:19px;}
.matl_order .quick .title .custdate:hover .icon-x:after{display:inline;}
.matl_order .quick .title .custinput{width:70%; float:left;}
.matl_order .quick .title .custinput input:hover,
.matl_order .quick .title .custinput input:focus{background:var(--white); border-color:var(--blueMed2); padding-right:5px;}
.matl_order .quick .title .custinput .icon-x:after{font-size:16px; top:50px;}
.matl_order .quick .suppliers{width:90%; margin:10px 5% 5px 5%; float:left;}
.matl_order .quick .suppliers a{width:21.25%; margin:2.5% 2.5% 0 2.5%; float:left; border:1px solid #666666; border-radius:10px; box-sizing:border-box; transition:all 0.15s;}
.matl_order .quick .suppliers a:nth-of-type(4n-3){margin-left:0;}
.matl_order .quick .suppliers a:nth-of-type(4n){margin-right:0;}
.matl_order .quick .suppliers a:hover,
.matl_order .quick .suppliers a.selected{border-color:var(--blueMed2); background:var(--white);}
.matl_order .quick .suppliers img{width:85%; margin:7.5% 7.5%; filter:grayscale(100%); float:left; transition:all .15s ease-in-out;}
.matl_order .quick .suppliers a:hover img{filter:none;}
.matl_order .quick .suppliers a.selected img{filter:none;}
.matl_order .quick .title textarea{position:relative; width:70%; background:none; min-width:70%; max-width:70%; min-height:120px; max-height:240px; box-sizing:border-box; font-size:16px; float:left; border:1px solid var(--grayLight); color:var(--blueMed); border-color:rgba(255,255,255,0);}
.matl_order .quick .title textarea:hover,
.matl_order .quick .title textarea:focus{background:var(--white); border-color:var(--blueMed2); padding-right:5px;}

.matl_orderType{position:fixed; left:50vw; top:50vh; transform:translate(-50%, -50%); border-radius:10px; z-index:21; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
.matl_orderType .btn{width:35%; float:left; border:2px solid var(--blueDark2); border-radius:10px; box-sizing:border-box; transition:all 0.25s ease-in-out;}
.matl_orderType .btn:hover{border:2px solid var(--blueDark2); background:#0C6DB2; border-color:#0C6DB2;}
.matl_orderType .btn img{width:70%; margin:15%; float:left;}
.matl_orderType .btn:hover img{filter:brightness(100);}
.matl_orderType .btn:nth-of-type(1){margin:5% 5% 5% 10%;}
.matl_orderType .btn:nth-of-type(2){margin:5% 10% 5% 5%;}
.matl_orderType .button:nth-of-type(3){width:60%; margin-left:20%; margin-right:20%; margin-bottom:5%;}

.matl_wizard{position:fixed; left:50vw; top:50vh; transform:translate(-50%, -50%); border-radius:10px; z-index:21; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}

/* Money on the Table */
.moot_range{width:1230px; padding:0 0 10px 0; float:left;}
.moot_range p{width:60px; margin:2px 10px 0 0; text-align:right; font-weight:bold; font-size:18px; float:left;}
.moot_range select{width:60px; margin:0 10px 0 0; float:left; font-size:14px; font-weight:bold; background:var(--white);}
.moot_range div{width:400px; float:left; display:none;}
.moot_range input[type="range"]{width:200px; margin:5px 0 0 0; float:left;}
.moot_range span{width:120px; margin:2px 0 0 0; text-align:right; font-weight:bold; font-size:18px; float:left;}

.moot_div{width:1230px;}
.moot_div .row{color:#000000;}
.moot_div .row p:nth-of-type(1){width:15%;}
.moot_div .row p:nth-of-type(2){width:10%;}
.moot_div .row p:nth-of-type(3){width:25%;}
.moot_div .row p:nth-of-type(4){width:10%;}
.moot_div .row p:nth-of-type(5){width:10%;}
.moot_div .row p:nth-of-type(6){width:10%;}
.moot_div .row p:nth-of-type(7){width:10%;}
.moot_div .row p:nth-of-type(8){width:10%;}

/* Production Issues */
.pi_search{width:300px; float:left;}
.pi_search .gen_div{width:100%;}
.pi_search .gen_div .button{width:50%; margin-left:25%; margin-right:25%; font-weight:bold;}
.pi_new{width:90%; margin:8px 5% 15px 5%; font-weight:bold;}

.pi_div{width:920px; margin:0 0 0 8px;}
.pi_div .row.mid{padding:0 0 4px 0;}
.pi_div .row p:nth-of-type(1){width:10%;}
.pi_div .row p:nth-of-type(2){width:10%;}
.pi_div .row p:nth-of-type(3){width:8%;}
.pi_div .row p:nth-of-type(4){width:12%;}
.pi_div .row p:nth-of-type(5){width:8%;}
.pi_div .row p:nth-of-type(6){width:8%;}
.pi_div .row p:nth-of-type(7){width:44%;}

.pi_edit textarea{width:94%; height:70px; margin:4px 3% 8px 3%;}
.pi_edit .icon-trash{width:calc(100% - 16px); margin-left:8px; margin-right:8px;}

.pi_find{position:fixed; width:1230px; z-index:21; float:left; display:none;}

.pi_find_filter{width:300px; margin-right:10px;}
.pi_find_filter .button{width:50%; margin-left:25%; margin-right:25%;}

.pi_find_table{width:920px;}
.pi_find_table .row.mid{padding:0 0 4px 0;}
.pi_find_table .row p:nth-of-type(1){width:15%;}
.pi_find_table .row p:nth-of-type(2){width:25%;}
.pi_find_table .row p:nth-of-type(3){width:15%;}
.pi_find_table .row p:nth-of-type(4){width:15%;}
.pi_find_table .row p:nth-of-type(5){width:14.5%;}
.pi_find_table .row p:nth-of-type(6){width:14.5%;}

.pi_finder{position:absolute; width:300px; left:50%; margin-left:160px; z-index:21; display:none; background:var(--white); box-shadow:5px 5px 5px rgba(0,0,0,0.25); border-radius:10px; border:2px solid var(--blueDark2); box-sizing:border-box;}
.pi_finder > div{width:100%; top:0; float:left; transition:box-shadow 0.3s;}
.pi_finder input{width:100%; padding:5px 5px; background:none; border:none; float:left;}
.pi_finder .results{width:100%; margin:5px 0 10px 0; float:left; max-height:165px; overflow-y:scroll;}
.pi_finder .results a{width:100%; padding:0 5% 0 3%; box-sizing:border-box; float:left; color:#666666; transition:all .10s ease-in-out;}
.pi_finder .results a:not(.none):hover{background:rgba(80,149,206,0.2); color:var(--blueDark2);}
.pi_finder p{margin:0; padding:5px 0 5px 0; font-size:12px; text-align:center; cursor:pointer; float:left; white-space:nowrap; overflow:hidden;}
.pi_finder p:nth-of-type(1){width:40%; text-align:left;}
.pi_finder p:nth-of-type(2){width:60%; text-align:right;}
.pi_finder .icon-x{position:absolute; width:10%; height:23px; left:90%; top:0; padding-right:0;}
.pi_finder .icon-x:after{right:0; padding:4px 6px 0 0;}
.pi_finder .icon-x:hover:after{color:var(--redDark);}

/* Productivity */
.prod{width:1165px; margin:10px 0 0 13px; float:left;}

.prod .reps{width:230px; margin:34px 0 10px 0; float:left; box-sizing:border-box; background:var(--blueDark); border:1px solid var(--blueDark2); overflow:hidden;}
.prod .reps a{position:relative; width:100%; padding:6px 0; color:var(--grayLight2); float:left; transition:background-color .25s ease-in-out, color .25s ease-in-out;}
.prod .reps a.admin{display:none;}
.prod .reps img{position:absolute; width:22px; top:5px; left:7px; filter:grayscale(1) brightness(10); transition:all .25s ease-in-out;}
.prod .reps p{text-align:right; cursor:pointer; float:left; box-sizing:border-box; font-weight:bold; transition:all .25s ease-in-out;}
.prod .reps p:nth-of-type(1){width:88%; padding:0 0 0 38px; text-align:left; font-size:14px;}
.prod .reps p:nth-of-type(2){width:12%; padding:3px 8px 0 0; direction:rtl;}
.prod .reps a:hover,
.prod .reps a.selected{background:var(--white); color:var(--blueMed2);}
.prod .reps a:hover img,
.prod .reps a.selected img{filter:grayscale(0) brightness(1);}

.prod .table{width:936px; float:left; margin-left:-1px;}
.prod .table .row p{line-height:20px;}
.prod .table .row input{width:100%; border:none; line-height:20px; padding:4px 8px 4px 0; margin:0; text-align:right; background:inherit; border-radius:0; cursor:pointer; border-left:1px solid var(--grayLight2); color:var(--blueMed);}
.prod .table .row input::placeholder{color:var(--grayMed2); font-style:italic;}
.prod .table .row input:hover{background:var(--white); color:var(--blueMed2);}
.prod .table .row input:hover::placeholder{color:var(--blueMed2);}

/* Reminders */
.rem_cont{position:relative; width:1158px; margin:0 0 0 20px; float:left;}

.rem_div{position:absolute; top:0; left:0; width:100%; margin-bottom:0; overflow:hidden;}
.rem_div .row{padding-right:10px;}
.rem_div .row.none p{width:100%; text-align:left;}
.rem_div .row.unread{font-weight:bold;}
.rem_div .row p:nth-of-type(1){width:9%;}
.rem_div .row p:nth-of-type(2){width:12%;}
.rem_div .row p:nth-of-type(3){width:12%;}
.rem_div .row p:nth-of-type(4){width:18%;}
.rem_div .row p:nth-of-type(5){width:12%;}
.rem_div .row p:nth-of-type(6){width:37%;}

.rem_edit textarea{width:calc(100% - 16px); height:100px; margin:4px 8px 4px 8px;}

.rem_edit .icon-search:hover:after{color:var(--blueMed2);}
.rem_edit .icon-circleRight:after{right:0; padding:8px 6px 0 0;}

.rem_finder{position:absolute; width:300px; left:50%; margin-left:160px; z-index:21; display:none; background:var(--white); box-shadow:5px 5px 5px rgba(0,0,0,0.25); border-radius:10px; border:2px solid var(--blueDark2); box-sizing:border-box;}
.rem_finder > div{width:100%; top:0; float:left; transition:box-shadow 0.3s;}
.rem_finder input{width:100%; padding:5px 5px; background:none; border:none; float:left;}
.rem_finder .results{width:100%; margin:5px 0 10px 0; float:left; max-height:165px; overflow-y:scroll;}
.rem_finder .results a{width:100%; padding:0 5% 0 3%; box-sizing:border-box; float:left; color:#666666; transition:all .10s ease-in-out;}
.rem_finder .results a:not(.none):hover{background:rgba(80,149,206,0.2); color:var(--blueDark2);}
.rem_finder p{margin:0; padding:5px 0; font-size:12px; text-align:center; cursor:pointer; float:left; white-space:nowrap; overflow:hidden;}
.rem_finder p:nth-of-type(1){width:40%; text-align:left;}
.rem_finder p:nth-of-type(2){width:60%; text-align:right;}
.rem_finder .icon-x{position:absolute; width:10%; height:23px; left:90%; top:0; padding-right:0;}
.rem_finder .icon-x:after{right:0; padding:4px 6px 0 0;}
.rem_finder .icon-x:hover:after{color:var(--redDark);}

/* Sales Board */
.sb_board{position:relative; width:1170px; padding:0 30px; box-sizing:border-box; margin:0 0 20px 8px; height:1225px; /*background:url('../img/salesboard/chalkboard.jpg'); background-size:100% 100%; */ font-family:"Parkavenue", cursive; /*box-shadow:3px 3px 2px #666666; border-radius:12px; */ float:left;}
.sb_board .board_bkgd{position:relative; width:1170px; height:100%; margin-left:-30px; background:url('../img/salesboard/chalkboard_board.jpg');; float:left; box-shadow:3px 3px 2px #666666; border-radius:12px;}
.sb_board .board_bkgd .edge_t{position:absolute; width:100%; height:34px; background:url('../img/salesboard/chalkboard_wood_top.png'); border-radius:12px 12px 0 0;}
.sb_board .board_bkgd .edge_b{position:absolute; width:100%; height:34px; bottom:0; background:url('../img/salesboard/chalkboard_wood_btm.png'); border-radius:0 0 12px 12px;}
.sb_board .board_bkgd .edge_l{position:absolute; width:34px; height:100%; background:url('../img/salesboard/chalkboard_wood_left.png'); border-radius:12px 0 0 12px;}
.sb_board .board_bkgd .edge_r{position:absolute; width:34px; height:100%; right:0; background:url('../img/salesboard/chalkboard_wood_right.png'); border-radius:0 12px 12px 0;}
.sb_board .board{position:absolute; top:0; left:0; width:100%; padding:0 32px; box-sizing:border-box;}
.sb_board .header p{font-size:58px; float:left;}
.sb_board .header p:nth-of-type(1){width:40%; padding:42px 0 0 24px; text-align:left; box-sizing:border-box;}
.sb_board .header p:nth-of-type(2){width:60%; padding:42px 24px 0 0; text-align:right; box-sizing:border-box;}
.sb_board p{font-family:'Coming Soon', cursive; color:rgba(255,255,255,0.9); font-weight:bold;}
.sb_board span{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:rgba(255,255,255,0.9); font-size:18px; white-space:nowrap; overflow:hidden;}
.sb_board span p{color:inherit;}
.sb_board .row{width:100%; float:left;}
.sb_board .sb_cont{width:24%; margin:15px 0.5% 15px 0.5%; float:left;}
.sb_board .sb_cont .rank{width:100%; font-size:24px; text-align:center; float:left;}
.sb_board .sb_cont .rank p:nth-of-type(1){text-decoration:underline;}
.sb_board .sb_outer{width:100%; height:230px; margin:5px 0 0 0; float:left; overflow:hidden;}
.sb_board span:nth-of-type(odd){width:15%; margin:-2px 0 -2px 0; text-align:right; float:left;}
.sb_board span:nth-of-type(even){position:relative; width:80%; margin:-2px 0 -2px 5%; text-align:left; float:left;}
.sb_board span:nth-of-type(even) p{position:absolute; font:inherit; left:0; top:0; text-align:left; transition:all 0.5s ease-in-out;}

/* Sales: Daily Deals */
.sdd_div{width:970px; margin-left:10px;}
.sdd_div div{width:100%; float:left;}
.sdd_div div.sub{display:none;}
.sdd_div a.header p{cursor:default;}
.sdd_div span > div:nth-of-type(2n){background:var(--grayLight2);}
.sdd_div span a:hover{background:#dddddd;}
.sdd_div a p{cursor:pointer;}
.sdd_div a p:nth-of-type(1){width:12%;}
.sdd_div a p:nth-of-type(2){width:8%;}
.sdd_div a p:nth-of-type(3){width:8%;}
.sdd_div a p:nth-of-type(4){width:12%;}
.sdd_div a p:nth-of-type(5){width:21%;}
.sdd_div a p:nth-of-type(6){width:13%;}
.sdd_div a p:nth-of-type(7){width:13%;}
.sdd_div a p:nth-of-type(8){width:13%;}

/* Stat Zone */
.stats_filters{width:300px; float:left;}
.stats_filters .gen_div{width:100%;}
.stats_filters .gen_div.dates p{width:34%;}
.stats_filters .gen_div.dates .custdate{width:calc(33% - 8px); margin-left:0; margin-right:0;}
.stats_filters .gen_div.dates .custdate:nth-of-type(2n-1){margin-left:8px; margin-right:8px;}

.stats_filters .toggle .custtoggle{width:calc(50% - 12px); margin:4px 4px 0 8px; box-sizing:border-box; border-radius:6px;}
.stats_filters .toggle .custtoggle span{padding:6px 8px; border-radius:6px;}
.stats_filters .toggle .custtoggle span:after{border-radius:6px 6px 0 0;}
.stats_filters .toggle .custdrop{width:calc(50% - 12px); margin:4px 8px 0 4px;}
.stats_filters .toggle .custdrop input{padding:2px 8px; height:auto; border-radius:6px;}
.stats_filters .toggle .custdrop span:after{top:8px; right:6px;}

.stats_cont{position:relative; width:920px; margin:0 0 0 10px; float:left;}

.stats_div{position:absolute; width:100%;}
.stats_div #temp{overflow-x:scroll;}
.stats_div .scroll_cont{padding-bottom:10px; overflow-y:hidden; width:1757px;}

.stats_div .row{width:1830px; padding-left:5px;}
.stats_div .row:last-of-type{margin-bottom:10px;}
.stats_div .row p:nth-of-type(1){width:120px;}
.stats_div .row p:nth-of-type(2){width:65px;}
.stats_div .row p:nth-of-type(3){width:65px;}
.stats_div .row p:nth-of-type(4){width:65px;}
.stats_div .row p:nth-of-type(5){width:60px;}
.stats_div .row p:nth-of-type(6){width:65px;}
.stats_div .row p:nth-of-type(7){width:65px;}
.stats_div .row p:nth-of-type(8){width:75px;}
.stats_div .row p:nth-of-type(9){width:75px;}
.stats_div .row p:nth-of-type(10){width:80px;}
.stats_div .row p:nth-of-type(11){width:85px;}
.stats_div .row p:nth-of-type(12){width:80px;}
.stats_div .row p:nth-of-type(13){width:90px;}
.stats_div .row p:nth-of-type(14){width:80px;}
.stats_div .row p:nth-of-type(15){width:85px;}
.stats_div .row p:nth-of-type(16){width:80px;}
.stats_div .row p:nth-of-type(17){width:80px;}
.stats_div .row p:nth-of-type(18){width:80px;}
.stats_div .row p:nth-of-type(19){width:80px;}
.stats_div .row p:nth-of-type(20){width:90px;}
.stats_div .row p:nth-of-type(21){width:80px;}
.stats_div .row p:nth-of-type(22){width:90px;}
.stats_div .row p:nth-of-type(23){width:90px;}

.stats_leaders{position:absolute; width:100%; display:none;}
.stats_leaders > div{width:100%; float:left;}
.stats_leaders .cont{width:calc(25% - 12px); margin:0 16px 16px 0; float:left; box-sizing:border-box; background:var(--white); border:1px solid var(--blueDark); box-shadow:2px 2px 4px rgba(0,0,0,0.25);}
.stats_leaders .cont:nth-of-type(4n){margin-right:0;}
.stats_leaders .cont .header{width:100%; padding:4px 8px; float:left; box-sizing:border-box; background:var(--grayLight); font-weight:bold; text-align:center;}
.stats_leaders .cont div{width:100%; padding:6px 0 6px 0; float:left;}
.stats_leaders .cont div a{width:100%; padding:3px 8px; box-sizing:border-box; float:left; cursor:pointer; transition:all 0.2s ease-in-out;}
.stats_leaders .cont div a:hover{background:var(--blueMed2); color:var(--white);}
.stats_leaders .cont div a p{float:left; white-space:nowrap; cursor:pointer;}
.stats_leaders .cont div a p:nth-of-type(1){width:65%;}
.stats_leaders .cont div a p:nth-of-type(2){width:35%; text-align:right;}

/* Player Card */
.playerCard{position:fixed; width:300px; background:var(--white); right:10px; bottom:10px; z-index:21; display:none; box-shadow:5px 5px 5px rgba(0,0,0,0.25);}
.playerCard .header{width:100%; padding:6px 10px; font-size:14px; box-sizing:border-box; font-weight:bold; float:left; background:var(--blueDark); color:var(--white);}
.playerCard .header p:nth-of-type(1){width:80%; float:left;}
.playerCard .header p:nth-of-type(2){width:20%; text-align:right; float:left; cursor:pointer;}
.playerCard .header p:nth-of-type(2):hover{color:var(--redDark);}
.playerCard .header p.icon-push:after{right:0;}
.playerCard .logo{width:calc(30% - 8px); margin:8px 0 8px 8px; background:var(--grayLight); float:left;}
.playerCard .logo p{width:100%; padding:20px 0; font-size:32px; text-align:center; float:left;}
.playerCard .info{width:calc(70% - 16px); margin:8px 8px 0 8px; float:left;}
.playerCard .info p{width:100%; margin:0 0 3px 0; float:left; white-space:nowrap; overflow:hidden;}
.playerCard .stats{width:calc(100% - 16px); padding:4px 8px; float:left; box-sizing:border-box; border-top:1px solid var(--grayLight2);}
.playerCard .stats > div{width:100%; padding:0 0 6px 0; float:left;}
.playerCard .stats div div{width:30%; float:left;}
.playerCard .stats div div:nth-of-type(3n+2){margin:0 5% 0 5%;}
.playerCard .stats p{width:100%; text-align:center; float:left; color:var(--blueMed);}
.playerCard .stats p:nth-of-type(1){padding-bottom:1px; color:var(--grayMed);}

/* jQuery UI Time Picker */
.ui-timepicker-div .ui-widget-header {margin-bottom:8px;}
.ui-timepicker-div dl {text-align:left;}
.ui-datepicker-year{margin-left:5% !important;}
.ui-timepicker-div dl dt {float:left; clear:left; padding:0 0 0 5px; }
.ui-timepicker-div dl dd {margin:0 10px 10px 40%;}
.ui-timepicker-div td {font-size:90%; }
.ui-tpicker-grid-label {background:none; border:none; margin:0; padding:0;}
.ui-timepicker-rtl{direction:rtl;}
.ui-timepicker-rtl dl {text-align:right; padding:0 5px 0 0;}
.ui-timepicker-rtl dl dt{float:right; clear:right;}
.ui-timepicker-rtl dl dd {margin:0 40% 10px 10px;}
.ui-timepicker-hour{margin:10px 0 0 0;}

/* jQuery UI Tooltip */
.ui-tooltip{padding:5px !important; color:var(--blueMed) !important; font-weight:bold; border-color:var(--blueMed) !important; box-shadow:2px 2px 8px rgba(0,0,0,0.5) !important; white-space:pre-line;}

/* Icons */
.icon-archive:after{content:"\f187";}
.icon-clock:after{content:"\f073";}
.icon-check:after{content:"\f00c";}
.icon-chevronDown:after{content:"\f078";}
.icon-chevronLeft:after{content:"\f053";}
.icon-chevronRight:after{content:"\f054";}
.icon-chevronUp:after{content:"\f077";}
.icon-circleCheck:after{content:"\f058";}
.icon-circlePlus:after{content:"\f055";}
.icon-circleRight:after{content:"\f0a9";}
.icon-circleX:after{content:"\f057";}
.icon-cog:after{content:"\f013";}
.icon-dollars:after{content:"\f155";}
.icon-envelope:after{content:"\f003";}
.icon-eye:after{content:"\f06e";}
.icon-file:after{content:"\f15b";}
.icon-folder:after{content:"\f07b";}
.icon-home:after{content:"\f015";}
.icon-info:after{content:"\f05a";}
.icon-key:after{content:"\f084";}
.icon-magic:after{content:"\f0d0";}
.icon-man:after{content:"\f183"}
.icon-minus:after{content:"\f068"}
.icon-pencil:after{content:"\f040";}
.icon-plus:after{content:"\f067";}
.icon-print:after{content:"\f02f";}
.icon-question:after{content:"\f059";}
.icon-refresh:after{content:"\f021";}
.icon-save:after{content:"\f0c7";}
.icon-search:after{content:"\f002";}
.icon-sort-down:after{content:"\f0d7";}
.icon-sort-up:after{content:"\f0d8";}
.icon-trash:after{content:"\f014";}
.icon-umbrella:after{content:"\f0e9";}
.icon-university:after{content:"\f19c";}
.icon-upload:after{content:"\f093";}
.icon-user:after{content:"\f007";}
.icon-users:after{content:"\f0c0";}
.icon-x:after{content:"\f00d";}

@keyframes icon-drop{
0%{opacity:0;}
50%{opacity:0; transform:translateY(-100%);}
100%,51%{opacity:1;}
}

@keyframes icon-hang {
0%{transform:translateY(3px);}
50%{transform:translateY(-1px);}
100%{transform:translateY(3px);}
}

@keyframes icon-hang-sink {
100%{transform:translateY(3px);}
}

@keyframes icon-push{
50%{transform:scale(0.5);}
}

@keyframes icon-rotate180CW{
0%{opacity:0;}
50%{opacity:0; transform:rotate(180deg);}
100%,51%{opacity:1;}
}

@keyframes icon-slideLeft{
0%{opacity:0;}
50%{opacity:0; transform:translateX(-10px);}
100%,51%{opacity:1;}
}

@keyframes icon-slideRight{
0%{opacity:0;}
50%{opacity:0; transform:translateX(-10px);}
100%,51%{opacity:1;}
}

.icon-drop{display:inline-block; vertical-align:middle; transform:translateZ(0); backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative;}
.icon-drop:after{position:absolute; opacity:1; font-family:FontAwesome; transform:translateZ(0);}
.icon-drop:active:after,.icon-drop:focus:after,.icon-drop:hover:after{opacity:0; transition-duration:.2s; animation-name:icon-drop; animation-duration:.25s; animation-delay:.1s; animation-fill-mode:forwards; animation-timing-function:cubic-bezier(0.52,1.64,.37,.66);}

.icon-hang{display:inline-block; vertical-align:middle; transform:perspective(1px) translateZ(0);}
.icon-hang:after{position:absolute; opacity:1; font-family:FontAwesome; transform:translateZ(0);}
.icon-hang:active:after,.icon-hang:focus:after,.icon-hang:hover:after{animation-name:icon-hang-sink, icon-hang; animation-duration:.3s, 1.5s; animation-delay:0s, .3s; animation-timing-function:ease-out, ease-in-out; animation-iteration-count:1, infinite; animation-fill-mode:forwards; animation-direction:normal, alternate;}

.icon-push{display:inline-block; vertical-align:middle; transform:translateZ(0); backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative;}
.icon-push:after{position:absolute; font-family:FontAwesome; transform:translateZ(0); transition-duration:.3s; transition-property:transform; transition-timing-function:ease-out;}
.icon-push:active:after,.icon-push:focus:after,.icon-push:hover:after{animation-name:icon-push; animation-duration:.3s; animation-timing-function:linear; animation-iteration-count:1;}

.icon-rotate180CW{display:inline-block; vertical-align:middle; transform:translateZ(0); backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; transition-duration:.2s;}
.icon-rotate180CW:after{position:absolute; font-family:FontAwesome; transform:translateZ(0); transition-duration:.2s; transition-property:transform; transition-timing-function:ease-out;}
.icon-rotate180CW:active:after,.icon-rotate180CW:focus:after,.icon-rotate180CW:hover:after{transform:rotate(180deg);}

.icon-slideLeft{display:inline-block; vertical-align:middle; transform:translateZ(0); backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; transition-duration:.2s;}
.icon-slideLeft:after{position:absolute; font-family:FontAwesome; transform:translateZ(0); transition-duration:.2s; transition-property:transform; transition-timing-function:ease-out;}
.icon-slideLeft:active:after,.icon-slideLeft:focus:after,.icon-slideLeft:hover:after{transform:translateX(-25px);}

.icon-slideRight{display:inline-block; vertical-align:middle; transform:translateZ(0); backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; transition-duration:.2s;}
.icon-slideRight:after{position:absolute; font-family:FontAwesome; transform:translateZ(0); transition-duration:.2s; transition-property:transform; transition-timing-function:ease-out;}
.icon-slideRight:active:after,.icon-slideRight:focus:after,.icon-slideRight:hover:after{transform:translateX(25px);}

.icon-static{display:inline-block; vertical-align:middle; transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent;}
.icon-static:after{position:absolute; opacity:1; font-family:FontAwesome; transform:translateZ(0);}

/* Specialties */
.construction{position:absolute; width:100vw; height:100vh; top:0; left:0; background:var(--white); z-index:1;}
.construction img{position:absolute; left:50vw; top:50vh; margin-left:-312px; margin-top:-156px;}

.notification{position:fixed; width:200px; border-radius:5px; background:var(--white); border:1px solid #095083; box-shadow:5px 2px 2px rgba(0,0,0,0.25); top:100vh; right:20px; cursor:pointer; transition:background-color .25s ease-in-out; z-index:100;}
.notification:hover{background:#dddddd;}
.notification a:nth-of-type(1){width:80%; padding:5% 0 5% 5%; font-weight:bold; float:left; cursor:pointer; color:#095083;}
.notification a:nth-of-type(2){width:10%; padding:5% 5% 5% 0; font-weight:bold; float:left; cursor:pointer; color:#000000; text-align:right;}
.notification a:nth-of-type(3){width:90%; padding:0 5% 5% 5%; font-style:italic; float:left; cursor:pointer; color:#095083; text-indent:20px;}

.notification_temp{position:fixed; width:100px; border-radius:5px; background:var(--white); border:1px solid #095083; box-shadow:5px 2px 2px rgba(0,0,0,0.25); bottom:20px; right:20px; cursor:pointer; z-index:100;}
.notification_temp a{width:100%; padding:5px 0 5px 0; font-weight:bold; float:left; cursor:pointer; text-align:center; color:#095083; transition:all .25s ease-in-out;}
.notification_temp a:hover{background:#095083; color:var(--white);}