html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family:proxima-nova, Arial;
}
.container {
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow: hidden;
}
.logo {
    width: 100%;
    overflow: auto;
    /*    margin-bottom: 0.5%;*/
    /*    position: absolute !important;*/
    left: 0;
    top: 0;
    right: 0;
    /* background-color: azure; */
    border-bottom: 1px solid #ccc;
}
.logoLeft {
    width: 50%;
    float: left;
    margin: 0.5% 0;
}
.logoImg {
    float: left;
    width: 43%;
}
.logoName {
    width: 57%;
    float: left;
    height: 3em;
}
.logoName span {
    display: block;
    padding: 2%;
    font-size: 1.25em;
}
.logoRight {
    width: 50%;
    float: right;
    height: 3em;
    text-align: right;
    font-weight: 200;
    margin: 0.5% 0;
}
.dashB {
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 100%;
    width: 100%;
    overflow: visible;
}
.menuRight {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5em;
    font-size: 2em;
    padding: 0;
    height: 94%;
    color: #fff;
    background-color: transparent;
    border: 1px solid transparent;
    display: block;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
.menuRight .icon {
    vertical-align: middle;
}
.menuRight:focus {
    outline: none;
}
.menuRight:active .forw {
	-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    color: #e5801d;
}
.forw {
    display: block;
    background-color: #33414e;
    color: #f1f1f1;
    padding: 18%;
    font-size: 0.7em;
}
.leftDash {
    background-color: #33414e;
    height: 100%;
    overflow-y: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: absolute !important;
    z-index: 1200;
    left: 0;
    width: 22% !important;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.leftDash ul {
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
   display:none;
}
.leftDash ul li {
    background-color: #33414e;
    list-style-type: none;
    display: block;
    color: #f1f1f1;
    /*     font-size: 0.7em; */
    /*    text-transform: uppercase;*/
    cursor: pointer;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
}
.leftDash ul li a {
    color: #f1f1f1;
    display:block;
    padding: 3% 4%;
}
.leftDash ul li:hover {
    background-color: #3d4f5d;
    color: #e5801d;
}
.leftDash ul li:hover a,
.leftDash ul li:hover .fIcon {
    color: #e5801d;
    text-decoration: none;
}
.leftDash p {
    margin: 0 !important;
    text-align: center;
    font-size: 0.7em;
    font-family: Segoe UI;
    color: #f1f1f1;
    clear: both;
}
.leftDash p .fa {
    margin: 0 3%;
}
.fIcon {
    float: right;
    vertical-align: middle;
    margin: 1% 0;
}
.notiIcon, .homeIcon {
    padding: 2%;
    /* margin: 0 3%; */
    cursor: pointer;
    color: darkgrey;
    /* border-radius: 4px; */
    /* background-color: #33414e; */
    width: 3em;
    height: 3em;
    text-align: center;
    /* float: right; */
}
.notiIcon:hover, .homeIcon:hover {
    color: #e5801d;
    /*    box-shadow: 1px 1px 2px 0 #333;*/
}
.moduleDrop {
    padding: 5%;
    position:relative;
    overflow-y:scroll;
    height:89%;
}
.selectCont {
	float:left;
	width:100%;
	position:relative;
}
.selectCont label {
	color:white;
	background-color:#transparent;
	padding:2% 5%;
	border:1px solid #ccc;
	display:block;
	line-height:1.5em;
	margin-bottom:0 !important;
	cursor:pointer;
	position:relative;
}
.lblIcon {
	position:absolute;
	right:5px;
}
#roleAccess {
	display:none;
	position:absolute;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#ccc;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	z-index:100;
}
#roleAccess li {
	padding:2.4% 4%;
	background-color:#e5801d;
}
#roleAccess li:last-child {
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
}
#roleAccess li:hover, #roleAccess li:hover a {
	background-color:#33414e;
	color:white;
}
#roleAccess li a {
	padding:0 !important;
}
.moduleList {
    display: none;
    position:relative;
    left:0;
    transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.activeListItem {
    background-color: #3d4f5d !important;
    border-right: 2px solid #e5801d !important;
    border-left: 2px solid #e5801d !important;
    color: #e5801d !important;
}
.moduleContent {
    width: 100%;
    height: 100%;
    /* float: right !important; */
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
/*     overflow-y:auto; */
	position:relative;
}
.contentLinks {
    width: 100%;
    height: 100%;
    text-align: center;
}
.contentLinks img {
    width: 80%;
    height: 60%;
    border: 1px solid #ccc;
    margin: 3% auto;
    display: block;
    box-shadow: 0 0 6px 0 #ccc;
}
.buttonsList {
    width: 100%;
}
.buttonsList button {
    background-color: #00b0f0;
    border-radius: 0 !important;
    border: 1px solid transparent;
    padding: 0.75%;
}
.buttonsList button a {
    color: white;
}
.buttonsList button:focus {
    outline: none;
}
.buttonsList button:hover {
    box-shadow: 1px 1px 1px 0 #999;
}
.buttonsList button:active {
    box-shadow: 0 0 0 0;
}
.buttonsList button a:hover {
    text-decoration: none;
}
.modulePop {
    width: 100%;
    height: 90%;
    border: 0;
}
.leftList {
    left: -50%;
}
.backBtn {
    float: left;
    width: 15%;
    /* padding: 1.5% !important; */
    background-color: transparent;
    border: 0;
    color: #f1f1f1;
    text-align: left;
    width: 2em;
    /* height: 2em; */
    vertical-align: middle;
    border-right: 1px solid #f1f1f1;
    margin-bottom:5%;
}
.backBtn:focus {
    outline: none;
}
.backBtn:active {
    color: #e5801d;
}
.backBtn .fa {
    padding: 4%;
    */ display: block;
    font-size: 2em;
    /* width: 2em; */
    /* height: 2em; */
    vertical-align: middle;
}

/*Landing Page*/
.landingPage {
/* 	float:right; */
	width:100%;
	height:100%;
	display:table;
}
.landingPage span {
	vertical-align:middle;
	font-size:1.5em;
	color:#999;
	display:table-cell;
}
.moduleDrop h4 {
	cursor:pointer;
	color:white;
	font-size:1em;
	background-color:#e5801d;
/* 	margin:1% 0; */
/* 	border:1px solid transparent; */
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
}
.moduleDrop h4:hover {
	background-color: rgba(229,128,29,0.8);    	
    transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
}
.activeMenu a {
	margin-left:5%;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
}
.moduleDrop h4 a {
	color:white;
	display:block;
	padding:5%;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
}
.moduleDrop h4:nth-child(even){
	border-width:1px 0 1px 0;
	border-style:solid;
	border-color:transparent;
}
.activeMenu {
	background-color: rgba(229,128,29,0.8) !important;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
}
.activeMenu:hover {
/* 	background-color: rgba(229,128,29,0.8) !important; */
	box-shadow:0 0 0 0 !important;
}
.downIcon {
	float:right;
}

/*Custom Media Queries*/

@media only screen and (max-width:1024px) {
    .forw {
        width: 1.1em;
        font-size: 0.6em;
    }
    .leftDash {
        font-size: 0.6em;
    }
}
.dashboard {
	height: 100%;
}