@import url('/css/main.css') screen;
@import url('/css/fonts.css') screen;
@import url('/css/icons.css') screen;

@import url('/css/reset.css') screen;
@import url('/css/buttons.css') screen;

body{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Roboto';}

body{flex-direction:column;background-size:cover;-ms-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
body>*{z-index:2;}


a,button,.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

a,a:active,a:visited{color:#8a16dc;}


div#navigator,div#navigator div#dinom,div#body div#header{background:white;}


body{background:white;flex-direction:row;}
div#navigator{min-width:270px;height:100%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:none;}
div#navigator>div{border-right:2px solid #221a4a;}

div#body{flex:1 1 auto;height:100%;display:flex;flex-direction:column;background:white;}
div#body div#header{height:100px;display:flex;justify-content:center;align-items:center;z-index:300;transition:none;position:relative;}

div#body div#header>div{flex:1 1 auto;height:100%;}
div#body div#header div ul{list-style:none;display:flex;flex-direction:row;height:100%;width:100%;margin:0;justify-content:flex-start;align-items:center;padding:0;}
div#body div#header div ul li{display:flex;flex-direction:column;min-width:100px;height:100%;justify-content:flex-start;align-items:center;transition:all 200ms linear;overflow:hidden;position:relative;border-bottom:5px solid transparent;cursor:pointer;}
div#body div#header div ul li *{transition:all 120ms linear;}
div#body div#header div ul li i{display:flex;flex-basis:100%;align-items:center;justify-content:center;width:100%;font-size:30px;color:#2aacd6;}
div#body div#header div ul li span{font-family:"Roboto";font-weight:300;font-size:17px;color:#232358;flex-basis:0;position:absolute;bottom:-30px;width:100%;text-align:center;left:0;}
div#body div#header div ul li:hover{border-bottom:5px solid #a3dae2;}
div#body div#header div ul li:hover i,div#body div#header div ul li.selected i{flex-basis:80%;}
div#body div#header div ul li:hover span,div#body div#header div ul li.selected span{bottom:8px;}
div#body div#header div ul li.selected{border-bottom:5px solid #2aacd6;background:#d5e3e8;}

div#body div#header div#userPanel{flex:unset;}

div#body div#main{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;max-height:calc(100% - 100px);}
div#body div#main::after{content:"";display:block;height:1px;width:100%;position:absolute;top:-1px;left:0;background:transparent;box-shadow:0 -2px 4px 4px grey;}


	div#navigator div#navItems,
	div#navigator div#navFooter{min-width:100%;background:#414696;height:calc(100% - 200px);overflow-y:auto;}
	div#navigator div#navFooter{height:100px;padding:15px 0;}

	div#navigator div#navItems ul,
	div#navigator div#navFooter ul
	{list-style-type:none;padding:0 10px;width:100%;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;}
	div#navigator div#navFooter ul{margin:0;}

	div#navigator div#navItems ul li,
	div#navigator div#navFooter ul li{color:white;text-shadow:0 1px 1px black;height:35px;line-height:35px;display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;font-family:'Roboto';font-weight:300;font-size:18px;width:100%;cursor:pointer;padding-left:5px;border-left:2px solid transparent;text-indent:0;transition:all linear 100ms;}


	div#navigator div#navItems ul li.selected,
	div#navigator div#navFooter ul li.selected{border-left:2px solid #1dabd8;background:#292d6b;text-indent:10px;font-weight:400;}

	div#navigator div#navItems ul li:hover,
	div#navigator div#navFooter ul li:hover{border-left:2px solid #1dabd8;background:#5153bb;}

	div#navigator div#navItems ul li:not([rel-icon=""])::before,
	div#navigator div#navFooter ul li:not([rel-icon=""])::before{content:attr(rel-icon);font-family:'Material Icons';color:#a6edff;font-style:normal;font-size:24px;margin-right:7px;}

	div#navigator div#navItems ul li:hover::before,
	div#navigator div#navFooter ul li:hover::before{color:white;}


div#body div#main div.contentHolder{width:100%;height:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;background:#dfeaf5;padding:20px;}
div#body div#main div.contentHolder h2.pageTitle{width:100%;height:45px;border-bottom:2px solid #282c6b;margin:0;font-family:'Arsenal';font-size:26px;line-height:40px;text-indent:15px;color:#094fc2;}

div#body div#main div.contentHolder div.pageSubNav{width:200px;height:auto;max-height:100%;border:2px solid #2aacd6;background:#22194a;border-right:0;padding:10px;position:absolute;right:0;top:70px;display:none;overflow:auto;z-index:100;border-radius:10px 0 0 10px;}
div#body div#main div.contentHolder div.pageSubNav ul{margin:0;padding:0;list-style-type:none;}
div#body div#main div.contentHolder div.pageSubNav ul li a{height:35px;display:flex;justify-content:flex-start;align-items:center;color:white;text-indent:10px;}
div#body div#main div.contentHolder div.pageSubNav ul li a:hover{background:#483b80;}

div#body div#main div.contentHolder div.pageSubNav.show{display:block;}

div#body div#main div.contentHolder div.pageContent{width:calc(100% - 200px);height:100%;max-height:100%;overflow:auto;z-index:50;padding-right:10px;margin-right:10px;}
div#body div#main div.contentHolder div.pageContent div.pageData>*:first-child{margin-top:20px;}
div#body div#main div.contentHolder div.pageContent div.pageData>*:last-child{margin-bottom:20px;}

div#body div#main div.contentHolder div.pageContent div.pageData{color:#164a71;font-family:'Roboto';font-size:18px;}
div#body div#main div.contentHolder div.pageContent div.pageData p{margin:15px 0;}
div#body div#main div.contentHolder div.pageContent div.pageData h2{margin:50px 0 0 0;font-family:'Arsenal';font-size:26px;color:#0744a7;}

div.modalWindow div.modalContent div#DinomMessage{text-align:center;font-size:20px;background:#0d2e42;padding:15px 0;border:2px solid #092231;color:#05cdff;text-shadow:0 1px 1px black;}

div.modalWindow div.modalButtons{flex-flow:row-reverse;justify-content:flex-start;}