.templatelogo {
    width: auto;
    max-height: 4.4rem;
}
.templateHeaderMenu {
    box-shadow: 0px 0px 5px 0px var(--set-black);
    padding: 0.2% 0% 0% 0%;
    background: var(--scgj-white);
}
.carouselHeight{
	height:100vh;
}
.carouselImage{
	height:100vh;
}
.skipNavigation{
  	position: absolute;
    top: 0;
    left: 0;
    height: 48px;
    transform: translateX(-200%);
   	background-color: var(--set-bg-dark-blue);
   	color: var(--text-white);
   	border-radius: 4px;
}
.skipNavigation:focus{
	transform: translateX(0);
	z-index: 1;
}

.margin-bottom-2{
	margin-bottom: 2em;
}

.contentLabelHeadingText{
	font-weight: 500;
    font-size: 1.6em;
    color:var(--set-dark-grey);
    margin-bottom:1%;
}
.contentLabelInfoText{
	display:inline-block;
	margin-bottom:2%;
	font-size:1.1em;
	word-break: break-all;
}
/** -------------------------- Font-size Standard ---------------*/
.btn{
	font-size:1em;
}
.smallFont{
	font-size: 0.75em !important;
}
.mediumFont{
	font-size: 0.96em !important;
}
.normalFont{
	font-size: 1.05em !important;
}
.subtitleFont{
	font-size: 1.4em !important;
}
.titleFont{
	font-size: 1.8em !important;
}
 /* --------------- SIDE NAVIGATION BAR --------------------- */
.sidebar {
    min-width: 16vw;
    max-width: 18vw;
    background-color: var(--set-bg-dark-blue);
    color: var(--text-white);
    transition: all 0.3s;
    min-height: 82vh;
    position: relative;
}
.wrapper {
    width: 100%;
    display: flex;
    align-items: stretch;
}
 #content {
    width:100%;
    min-height: 88vh;
    transition: all 0.3s;
    background: var(--background-grey);
}
.sidebar a, .sidebar a:active, .sidebar a:hover, .sidebar a:focus{
	color: var(--text-white);
}
.sidebar a:active, .sidebar a:focus{
	text-decoration: none;
	outline-offset: 3px;
	outline: 4px auto white;
}
.sidebar button:active, .sidebar button:focus{
	outline-offset: 1px;
	outline: 4px auto white;
}
.sidebar a:active{
	color: var(--text-white);
}
.sideBarUserInfoBox{
	box-shadow: 0px 3px 3px 0px var(--dark-blue-box-shadow);
	padding: 5%;
	margin-bottom: 3%;
}
.backButton{
	background-color: transparent;
}
.bg-transparent{
	background-color: transparent;
}
.gridLink{
	margin-top: 4%;
    font-weight: 400;
}
.gridLink a{
	color: var(--link);
}
.userAvatar{
    width: 100%;
    font-size: 1.3em;
    font-weight: 400;
    text-align: center;
    border-radius: 50%;
    color: var(--text-dark-grey);
    background: var(--set-light-grey-shade1);
    padding: 30%;	
}
.logoutSection{
	cursor:pointer;
}
.logoutImage{
	width:11%;
}

.userNameSection{
	padding-right: 0%;
	overflow-wrap: break-word;
}
.leftNavigationIcon {
	width: 9%;
    margin-bottom: 2%;
    margin-right: 5%;
}
.leftNavigationEmployerIcon{
	width: 8.5%;
}
.leftAdminDashboardIcon{
	width: 8.5%;
}
.activeMenu{
	border-left: 7px solid var(--set-active-orange);
	background: var(--dark-blue-box-shadow);
}
.navMenuItem{
	padding: 2.5% 4% 2.5% 13%;
	color:var(--text-white);
	margin-top:6%;
}
.navSubMenuText{
	padding-left: 28%;
}
.navMenuDropdownBtn{
	width: 100%;
    padding: 4% 2% 4% 4%;
    display: block;
    text-align: left;
    border: none;
/*     background-color: var(--set-bg-dark-blue); */
    color: var(--scgj-white);
    outline:none;
    margin-top:4%;
    cursor: pointer;
}
.sublist{
	cursor:pointer;
}
.navArrowGlyphicon{
	float:right;
}
.navNestedMenu {
    font-size: 0.95em;
    padding: 3% 0% 3% 0%;
}
.navSubMenuContainer{
 	display:none;
	list-style: none;
    padding: 0%;
}

.list-unstyled{
    font-size: 1em;
}
.typeahead-selected-div{
	display: inline-block;
    padding: 1%;
    background: var(--dark-blue-box-shadow);
    margin: 1%;
    border-radius: 4px;
    color: var(--text-white);
}
.typeaheadDiv{
	align-items: start !important;
}
.form-control{
	background: var(--scgj-white);
	color: var(--set-black);
}
/* ---------- FOOTER STYLES ------------------------- */
.footerContainer{
	width:100%;
	position:relative;
	bottom:0;
	background:var(--text-white);
}
.footerTextDiv{
	background: var(--set-bg-dark-blue);
    color: var(--text-white);
    margin-top: 2.5%;
    padding: 0.05%;
}
.copyrightIcon{
	margin-right:1%;
}
.termsAndConditions{
	cursor: pointer;
}
/* ---------------------------- STANDARD STYLES ---------------------------*/
.displayInline{
	display:inline-block;
}
.displayInlineBlock{
	display:inline-block !important;
}
.margin-0{
	margin:0;
}
.margin-top-0{
	margin-top:0;
}
.margin-top-1{
	margin-top:1%;
}
.margin-top-2{
	margin-top:2%;
}
.margin-top-3{
	margin-top:3%;
}
.margin-top-5{
	margin-top:5%;
}
.margin-bottom-0{
	margin-bottom:0;
}
.margin-bottom-1{
	margin-bottom:1%;
}
.margin-bottom-3{
	margin-bottom:3%;
}
.padding-0{
	padding:0;
}
.padding-top-6{
	padding-top:6%;
}
.padding-bottom-6{
	padding-bottom:6%;
}
.padding-left-0{
	padding-left:0;
}
.padding-left-1{
	padding-left:1%;
}
.padding-right-0{
	padding-right:0;
}
.margin-bottom-5{
	margin-bottom:5%;
}

.margin-right-5{
	margin-right:5%;
}
p {
    margin-bottom: 0;
}

.font-bold {
    font-weight: bold;
}

.text-right {
	text-align: right;
}
.inReviewText{
	color: var(--set-active-orange);
	font-weight: 400;
}
.modalContent{
	background: var(--scgj-white);
    border: 1px solid var(--box-shadow-grey);
}
textarea{
    background-color: var(--scgj-white) !important;
    color: var(--set-black) !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: var(--light-background) !important;
}
.dropdown-menu>li>a {
    white-space: break-spaces;
    color: var(--set-black);
    background: var(--scgj-white);
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	background: var(--set-dark-blue);
	color: var(--scgj-white);
}
/* ---------- STANDARD PARTIAL STYLES ------------------------- */
.templatePartial {
    background: var(--scgj-light-blue-background);
    min-height: 88vh;
    margin-top: 0.4%;
    padding: 2% 1% 2% 2%;
    width: 77.5vw !important;
}

.partialheading{
    font-family: 'Roboto', sans-serif;
    color: var(--set-bg-dark-blue);
    font-size: 1.5em;
    font-weight: 900;
    margin-bottom: 1.5%;
    margin-top: 1%;
}
.contentSection{
	padding-top: 2em !important;
	background: var(--scgj-white);
    padding: 1%;
    border: 1px solid var(--set-light-grey-shade3);
}
.standardInputBox {
    width: 100%;
    border-radius: 3px;
    padding: 2%;
    margin-bottom: 6%;
    background:var(--scgj-white);
    border: 1px solid var(--set-light-grey-shade4);
    color: var(--set-black);
}
.errorMessageBox{
	padding: 0.5% 1%;
    margin: 2% auto;
    width: 70%;
    font-size: 0.8em !important;
	font-weight: 400;
}
.alert-danger{
	color: var(--error-color);
    background-color: var(--error-box-color);
    border-color: var(--error-border-color);
}
	
.alert-success{
	color: var(--success-color);
    background-color: var(--success-message-background);
    border-color: var(--success-message-background);
}
.close, .close:focus, .close:hover {
    color: var(--set-black);
    opacity: 1;
}
.mainPageError{
	margin: 3%;
}
.mainPageError p{
	color: var(--set-red);
}
.browseButton, .browseButton:focus, .browseButton:hover{
	color: var(--text-white);
    border-radius: 2px;
    background:var(--light-blue);
    font-weight: 300;
}
.standardGridButton, .standardGridButton:focus, .standardGridButton:hover{
	background: var(--light-blue);
    color: var(--scgj-white);
    font-size: 0.9em;
    font-weight: 300;
    border-radius: 2px;
}
.yellowTextColor{
	color:var(--set-dark-blue);
}
.greenTextColor{
	color:var(--text-light-green);
}
.redTextColor{
	color: var(--set-dark-orange);	
}
.word-wrap {
	word-break: break-all;
}
.submit-button, .submit-button:hover{
	background-color:var(--light-green) !important;
	color: var(--scgj-white) !important;
	outline: 1px solid var(--scgj-white);
}
.proceedButton {
	background: var(--light-blue);
	padding: 2.5% 22%;
	color: var(--scgj-white);
	font-weight: 300;
	font-size: 1.05em;
}

.proceedButton:hover, .proceedButton:focus {
	color:var(--scgj-white);
}

.viewButton {
	background: var(--light-blue);
	color: var(--scgj-white);
	padding: 0.5% 10%;
    margin-top: 2%;
    font-size: 0.95em;
}

.viewButton:hover, .proceedButton:focus {
	color:var(--scgj-white);
}

.activateButtons{
	background:var(--set-light-green);
    color: var(--scgj-white);
  	padding: 0.5% 10%;
    margin-top: 2%;
    font-size: 0.95em;
    
}
.deactivateButtons{
	background: var(--set-orange);
    color: var(--scgj-white);
    padding: 0.5% 7.5%;
    margin-top: 2%;
    font-size: 0.95em;
}
.activateButtons:hover, .activateButtons:active, .activateButtons:focus{
	 color: var(--scgj-white);
	 background:var(--set-light-green);
	 
}
.deactivateButtons:hover, .deactivateButtons:active, .deactivateButtons:focus{
	 color: var(--scgj-white);
	 background: var(--set-orange);	 
}


.radio-button-legend{
	font-size: 14px;
    font-weight: 900;
    color: var(--set-black);
    margin-bottom: 5px;
    border-bottom: 0;
}
.box{
    padding:2%;
    border: 1px solid var(--set-light-red);
    border-radius:1px;
	background: var(--scgj-white);
	border: 1px solid var(--set-light-grey-shade3);
}

    
.viewMoreDetailsHeading {
	font-size:1.2em;
    font-weight: bold;
    color: var(--scgj-dim-grey-color);
    margin-bottom: 1%;
}
.viewMoreDetailsText {
	margin-bottom: 10%;
	font-weight: 390;
	font-size: 1em;
	overflow-wrap: break-word;
	color: var   (--scgj-grey-color);	
	margin-left: 2%;
}
/* -------------------------------UI GRID STYLES ----------------------------------------------------------------------- */
input[type="text"].ui-grid-filter-input{
	background: var(--scgj-white);
	height:25px;
}
.ui-grid-cell-contents{
    text-align: center;
}
.ui-grid-header-cell-primary-focus{
    background-color: var(--set-light-grey-shade1);
    text-align: center;
}
.ui-grid-header-cell-row{
	background: var(--set-light-grey-shade1);
}
 .ui-grid-header-cell-label{
    color: var(--text-dark-grey);
    font-weight: bold;
}
.ui-grid-header-viewport{
	background: var(--set-light-grey-shade1);
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
    background-color: var(--scgj-white);
}
.ui-grid-invisible {
    display: none !important;
}
.ui-grid-top-panel{
	font-weight:normal;
}
.ui-grid-row:nth-child(even) .ui-grid-cell{
	background: var(--set-light-grey-shade1);
	border-top: 1px solid var(--set-light-grey-shade3);
	border-bottom: 1px solid var(--set-light-grey-shade3);
}
.autoHeightGrid .ui-grid, .autoHeightGrid .ui-grid-viewport {
     height: auto !important;
}
.gridSection{
	font-size:0.98em;
	width:98%;
	margin:1% auto;
}
.ui-grid .ui-grid-render-container-body .ui-grid-viewport {
    overflow-y: auto !important;
    /* or use: overflow-x: hide!important; */
}
.ui-grid-selection-row-header-buttons:focus{
	outline: 3px solid var(--set-black);
}
/* ----------- MEDIA QUERIES ------------------------ */
@media (min-width: 992px) {
	.userTemplateNavIcon{
		margin-left: 2%;
	}
}

@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape) {
	#content {
	    min-height: 92vh;
	}
	.userTemplateNavIcon{
		margin-left: 2%;
	}
}

@media (max-width: 1300px) {
	#content {
	    min-height: 91vh;
	}
}

@media (min-width: 992px) and (max-width:1199px){
	#content {
	    min-height: 95vh;
	}
	.sidebar {
	    min-width: 22vw;
	    max-width: 22vw;
	    min-height: 82vh;
	}
	.userNameSection {
	    margin-top: 3%;
	}
	.templateHeaderMenu {
	    padding: 0.5% 0% 0.5% 0%;
	}
	.userAvatar {
	    font-size: 1.2em;
	    margin-top: 20%;
	    padding: 22%;
	}
	.logoutImage {
	    width: 12%;
	}
	.sideBarUserInfoBox {
	    box-shadow: 0px 2px 2px 0px var(--dark-blue-box-shadow);
	    padding: 2%;
	}
	.templatePartial {
	    min-height: 82vh;
	    margin-top: 0.2%;
	    padding: 2% 2%;
	}
	.standardInputBox {
   		 width: 90%;
	}
	.userTemplateNavIcon{
		margin-left: 2%;
	}
	.jobPostPage .userTemplateNavIcon {
	    margin-left: -4%;
	}
}

@media (min-width: 801px) and (max-width:991px){
	#content {
	    min-height: 91vh;
	}
	.templatelogo {
	    width: 24%;
	    position: relative;
	    bottom: 0.4em;
	    left: 1em;
	    margin-left: 0;
	}
	.templateLogoDiv {
	    margin-top: 0%;
	}
	.userNameSection {
		margin-top: 0%;
	    font-size: 1.2em;
	}
	.userAvatar {
	    font-size: 1.3em;
	}
	.hamburgerMenu{
		font-size:2em;
		background: var(--set-dark-blue);
	    color: var(--text-white);
	    padding: 2%;
	    margin-right: 3%;
	    border-radius: 2px;
	    padding: 4%;
	}
	.sidebar {
	    margin-left: 0 !important;
	    position: absolute;
	    z-index: 2;
	    font-size: 1.2em;
	    min-width: 30vw;
	    max-width: 30vw;
	    min-height: 82vh;
	}
	.logoutImage {
	    width: 14%;
	}
	.templateHeaderMenu{
		padding: 2% 0% 1% 0%;
	}
	.navigationOpacity{
		opacity: 0;
		-webkit-opacity: 0;
		transform: translateX(-300px);
		-webkit-transform: translateX(-300px);	
	}
    .navigationOpacityAnimation{
		opacity:1;
		-webkit-opacity: 0;
		z-index: 100;
		animation: showOpacity 0.5s linear forwards; 
		-webkit-animation: showOpacity 0.5s linear forwards; 
	}
	.navigationOpacityHideAnimation{
		opacity:0;
		-webkit-opacity:0;
		z-index: -2;
		animation: hideOpacity 0.5s linear forwards;
		-webkit-animation: hideOpacity 0.5s linear forwards;
	}
	.templatePartial {
	    min-height: 82vh;
	    margin-top: 0.5%;
	    padding: 2% 2%;
	    width: 100vw !important;
	}
	
}
@media (min-width: 768px) and (max-width:800px){
	#content {
	    min-height: 93vh;
	}
	.templatelogo {
		width: 30%;
	    position: relative;
	    bottom: 0.2em;
	    left: 1em;
	    margin-left: 0;
	}
	.templateLogoDiv {
	    margin-top: 0%;
	}
	.userNameSection {
		margin-top: 0%;
	    font-size: 1.2em;
	}
	.navSubMenuContainer {
	    display: none;
	    list-style: none;
	}
	.userAvatar {
	    font-size: 1.3em;
	}
	.hamburgerMenu{
		font-size:2em;
		background: var(--scgj-dark-blue);
	    color: var(--text-white);
	    padding: 2%;
	    margin-right: 3%;
	    border-radius: 2px;
	    padding: 4%;
	}
	.sidebar {
	    margin-left: 0 !important;
	    position: absolute;
	    z-index: 2;
	    font-size: 1.2em;
	    min-width: 40vw;
	    max-width: 40vw;
	    min-height: 82vh;
	}
	.logoutImage {
	    width: 12%;
	}
	.templateHeaderMenu{
		padding: 2% 0% 1% 0%;
	}
	.navigationOpacity{
		opacity: 0;
		-webkit-opacity: 0;
		transform: translateX(-300px);
		 -webkit-transform: translateX(-300px);
	}
    .navigationOpacityAnimation{
		opacity:1;
		-webkit-opacity: 0;
		z-index: 100;
		animation: showOpacity 0.5s linear forwards; 
		-webkit-animation: showOpacity 0.5s linear forwards; 
	}
	.navigationOpacityHideAnimation{
		opacity:0;
		-webkit-opacity:0;
		z-index: -2;
		animation: hideOpacity 0.5s linear forwards;
		-webkit-animation: hideOpacity 0.5s linear forwards;
	}
	.templatePartial {
	    min-height: 82vh;
	    margin-top: 0.5%;
	    padding: 2% 3%;
	    width: 100vw !important;
	}
	.standardInputBox {
	    width: 95%;
	}
	
}

@media (min-width: 577px) and (max-width:767px){
	#content {
	    min-height: 121vh;
	}
	.templatelogo {
	    width: 35%;
	    position: relative;
	    top: -0.5em;
	    left: 1em;
	    margin-left: 0;
	}
	.userNameSection {
	    margin-top: 3%;
	}
	.userAvatar {
	    font-size: 1.3em;
	}
	.hamburgerMenu{
		font-size:2em;
		background: var(--set-dark-blue);
	    color: var(--text-white);
	    margin-right: 3%;
	    border-radius: 2px;
	    padding: 4%;
	}
	.sidebar {
	    margin-left: 0 !important;
	    position: absolute;
	    z-index: 2;
	    min-width: 45vw;
	    max-width:45vw;
	    min-height: 82vh;
	}
	.navMenuDropdownBtn {
	    margin-top: 0%;
	}
	.navNestedMenu {
	    font-size: 1em;
	    padding: 2% 0% 2% 12%;
	    margin: 1% 0%;
	}
	.logoutImage {
	    width: 9%;
	}
	.templateHeaderMenu {
	    padding: 2% 0%;
	}
	.templateLogoDiv {
	    margin-top: 0%;
	}
	.templatePartial {
	    min-height: 82vh;
	    margin-top: 0.6%;
	    padding: 2% 3%;
	    width: 100vw !important;
	}
	.navigationOpacity{
		opacity: 0;
		-webkit-opacity: 0;
		transform: translateX(-500px);
		 -webkit-transform: translateX(-500px);
	}
    .navigationOpacityAnimation{
		opacity:1;
		-webkit-opacity: 0;
		z-index: 100;
		animation: showOpacity 0.5s linear forwards; 
		-webkit-animation: showOpacity 0.5s linear forwards; 
	}
	.navigationOpacityHideAnimation{
		opacity:0;
		-webkit-opacity:0;
		z-index: -2;
		animation: hideOpacity 0.5s linear forwards;
		-webkit-animation: hideOpacity 0.5s linear forwards;
	}
	/**--STANDARD STYLES--**/
	.contentSection {
	    padding: 5%;
	}
	.errorMessageBox {
	    padding: 0.5% 2%;
	    width: 96%;
	}
	.userTemplateNavIcon .homeIconPosition{
		font-size: 1.1em;
	    margin-top: -18%;
    }
	
}

@media (min-width: 481px) and (max-width:576px){
	#content {
	    min-height: 91vh;
	}
	.templatelogo {
	    width: 42%;
	    position: relative;
	    top: -0.4em;
	    left: 1em;
	    margin-left: 0;
	}
	.userNameSection {
	    margin-top: 3%;
	}
	.userAvatar {
	    font-size: 1.3em;
	}
	.hamburgerMenu{
		font-size:2em;
		background: var(--set-dark-blue);
	    color: var(--text-white);
	    margin-right: 3%;
	    border-radius: 2px;
	    padding: 4%;
	}
	.sidebar {
	    margin-left: 0 !important;
	    position: absolute;
	    z-index: 2;
	    min-width: 55vw;
	    max-width:55vw;
	    min-height: 82vh;
	}
	.navNestedMenu {
	    font-size: 0.95em;
	    padding: 2% 0% 2% 8%;
	    margin: 2% 0%;
	}
	.logoutImage {
	    width: 11%;
	}
	.templateHeaderMenu{
		padding: 1.5% 0%;
	}
	.templateLogoDiv {
	    margin-top: 1%;
	}
	.templatePartial {
	    min-height: 82vh;
	    margin-top: 1%;
	    padding: 2% 3%;
	    width: 100vw !important;
	}
	.navigationOpacity{
		opacity: 0;
		-webkit-opacity: 0;
		transform: translateX(-300px);
		 -webkit-transform: translateX(-300px);
	}
    .navigationOpacityAnimation{
		opacity:1;
		-webkit-opacity: 0;
		z-index: 100;
		animation: showOpacity 0.5s linear forwards; 
		-webkit-animation: showOpacity 0.5s linear forwards; 
	}
	.navigationOpacityHideAnimation{
		opacity:0;
		-webkit-opacity:0;
		z-index: -2;
		animation: hideOpacity 0.5s linear forwards;
		-webkit-animation: hideOpacity 0.5s linear forwards;
	}
	/**--STANDARD STYLES--**/
	.contentSection {
	    padding: 5%;
	}
	.errorMessageBox {
	    padding: 0.5% 2%;
	    width: 96%;
	}
	.userTemplateNavIcon .homeIconPosition{
		font-size: 1.1em;
	    margin-top: -18%;
    }
}

@media (max-width:480px){
	#content {
	    min-height: 91vh;
	}
	.templatelogo {
	    width: 48%;
	    position: relative;
	    top: -0.4em;
	    left: 1em;
	    margin-left: 0;
	}
	.navigationOpacity{
		opacity: 0;
		-webkit-opacity: 0;
		transform: translateX(-300px);
		 -webkit-transform: translateX(-300px);
	}
    .navigationOpacityAnimation{
		opacity:1;
		-webkit-opacity: 0;
		z-index: 100;
		animation: showOpacity 0.5s linear forwards; 
		-webkit-animation: showOpacity 0.5s linear forwards; 
	}
	.navigationOpacityHideAnimation{
		opacity:0;
		-webkit-opacity:0;
		z-index: -2;
		animation: hideOpacity 0.5s linear forwards;
		-webkit-animation: hideOpacity 0.5s linear forwards;
	}
	.hamburgerMenu {
	    font-size: 1.5em;
	    margin-top: -1%;
	    margin-bottom: 0;
	    background: var(--set-bg-dark-blue);
	    color: var(--text-white);
	    margin-right: 3%;
	    border-radius: 2px;
	    padding: 4%;
	}
	.sidebar {
	    margin-left: 0 !important;
	    position: absolute;
	    z-index: 2;
	    min-width: 55vw;
	    max-width:62vw;
	    min-height: 82vh;
	}
	.navNestedMenu {
	    font-size: 0.95em;
	    padding: 2% 0% 2% 8%;
	    margin: 2% 0%;
	}
	.logoutImage {
	    width: 10%;
	}
	.templatePartial {
	    min-height: 82vh;
	    margin-top: 1.2%;
	    padding: 2% 3%;
	    width: 100vw !important;
	}
	.templateHeaderMenu{
		padding: 2% 0%;
	}
	.templateLogoDiv {
	    margin-top: 4%;
	}
	/**--STANDARD STYLES--**/
	.errorMessageBox {
	    padding: 0.5% 3%;
	    margin: 4% auto;
	    width: 95%;
	}
	.contentSection {
	    padding: 3%;
	}
	.navMenuItem {
	    padding: 2.5% 4% 2.5% 10%;
	}
	.typeahead-selected-div{
    	padding: 2%;
	}
	.userTemplateNavIcon .homeIconPosition{
		font-size: 1.1em;
	    margin-top: -18%;
    }
    .standardInputBox {
    	width: 100%;
    }
}

@media (max-width:375px){
	.templateHeaderMenu {
	    padding: 2% 0%;
	}
	.headerMenuSection {
	    padding: 2%;
	}
	.templatelogo {
	    width: 55%;
	}
	.templatePartial {
	    min-height: 89vh;
	    margin-top: 1.5%;
	    padding: 2% 3%;
	    width: 100vw !important;
	}
	.topMenuBarMyProfileIcon {
	    font-size: 01em;
	    margin-right: 3.5%;
	}
	.userTemplateNavIcon .homeIconPosition{
		font-size: 1.1em;
	    margin-top: -18%;
    }
}

/** ----------------------------- SIDEBAR SLIDE IN,SLIDE OUT ANIMATION  -------------------------------- */

@-webkit-keyframes showOpacity {
	  0% { 
	  opacity: 0;
	  -webkit-opacity:0;
	  transform: translateX(-500px);
	  -webkit-transform: translateX(-500px);
	   }
	  100% { 
	  opacity: 1; 
	  -webkit-opacity: 1; 
	  transform: translateX(0px);
	  -webkit-transform: translateX(0px);
	  }
}

	
	@keyframes showOpacity {
	  0% { 
	  opacity: 0;
	  -webkit-opacity:0;
	  transform: translateX(-500px);
	  -webkit-transform: translateX(-500px);
	   }
	  100% { 
	  opacity: 1; 
	  -webkit-opacity: 1; 
	  transform: translateX(0px);
	  -webkit-transform: translateX(0px);
	}
}
	@-webkit-keyframes hideOpacity {
	  0% { 
	  opacity: 1;
	  -webkit-opacity: 1; 
	  transform: translateX(0px);
	  -webkit-transform: translateX(0px);
	   }
	  100% { 
	  opacity: 0; 
	  -webkit-opacity: 0; 
	  transform: translateX(-500px);
	  -webkit-transform: translateX(-500px);
	}
}
	@keyframes hideOpacity {
	  0% { 
	  opacity: 1;
	  -webkit-opacity: 1; 
	  transform: translateX(0px);
	  -webkit-transform: translateX(0px);
	   }
	  100% { 
	  opacity: 0; 
	  -webkit-opacity: 0; 
	  transform: translateX(-500px);
	  -webkit-transform: translateX(-500px);
	} 
}