/* ================================================================================ 
   =====                            CSS STYLES FOR                            ===== 
   =====                        SCHOOLWEBSITE.NU SKIN                         ===== 
   ================================================================================ */


/* ================================================================================ 
                                  FONT
   ================================================================================ */


@font-face { 
	font-family: "Ionicons"; 
	src: url("Fonts/Ionicons/ionicons.eot"); 
	src: url("Fonts/Ionicons/ionicons.eot#iefix") format("embedded-opentype"), 
		 url("Fonts/Ionicons/ionicons.ttf") format("truetype"), 
		 url("Fonts/Ionicons/ionicons.woff") format("woff"), 
		 url("Fonts/Ionicons/ionicons.svg#Ionicons") format("svg");
	font-weight:normal;
	font-style:normal; 
}


/* ================================================================================ 
                                  GENERAL SETTINGS
   ================================================================================ */

html {
    height: 100%;               /* om hoogte op 100% te zetten in geval van te weinig content */
    margin:0px; 
    padding:0px; 
    overflow-y: scroll;         /* Altijd een scrollbalk afdwingen i.v.m. verspringingen */

}

body {
	text-align: left;
	color: #606060;
	background-color: #F5F8F7 !important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;	
}
 
#Body { text-align:center; height: 100%;  }  

#Form { height: 100%; min-height:100%;  } /* om hoogte op minimaal 100% te zetten, mag wel groter */


/* HEADINGS */
#Wrapper.Dashboard  H1, #Wrapper.Dashboard H2, #Wrapper.Dashboard H3, #Wrapper.Dashboard H4, #Wrapper.Dashboard H5 {	
	font-family:'Montserrat', sans-serif; color: #606060 !important; font-weight: 600; margin: 0 0 10px 0;
}

#Wrapper.Dashboard H1 {font-size:36px; }
#Wrapper.Dashboard H2 {font-size:28px; }
#Wrapper.Dashboard H3 {font-size:20px; }
#Wrapper.Dashboard H4 {font-size:18px; }
#Wrapper.Dashboard H5 {font-size:16px; }

/* LINKS */ 
#Wrapper.Dashboard A:link      {color: #00304F; }
#Wrapper.Dashboard A:visited   {color: #00304F; }
#Wrapper.Dashboard A:hover     {color: #00B6ED; }
#Wrapper.Dashboard A:active    {color: #00304F; }


/* correction for weird override in users/roles modules */
div#Wrapper #Panes { font-family: 'Montserrat', sans-serif !important; }


	
/* TABLES */
table {font-size: 14px; }               /* om de lettergrootte in de editor gelijk te zetten */
table tr {}
table tr th {}
table tr td { vertical-align:top;}

/* DNN SPECIFIC */
.Head, .SubHead, .SubSubHead, .Normal, .NormalTextBox, .NormalRed, .NormalBold, .CommandButton { font-family: inherit; color:inherit; line-height:inherit; font-size:inherit}
.Head { font-size:15px;}          /* style for module titles */
.SubHead {font-size:14px;}        /* style of item titles on edit and admin pages */
.SubSubHead { font-size:13px;}    /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.NormalBold { font-weight:bold;}

.CommandButton {}                  /* text style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {}            /* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:visited {}
A.CommandButton:hover {}    
A.CommandButton:active {}

.StandardButton {}                 /* button style for standard HTML buttons */

/* COMMON  ISSUES */
img {border:0px;}                  /* geen standaard rand bij afbeeldingen wanneer er gelinkt wordt */

input[type=submit], input[type=button] {}
input[type=submit]:hover, input[type=button]:hover {}

* { transition:background-color 0.3s ease;}


/* Clearfix */
.clear{clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0;}
.clearfix:after{clear:both; content:'.'; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0;}
* html .clearfix,:first-child+html .clearfix{zoom:1;}  


 /* ================================================================================ 
                               HIDE SEXY CONTENT BAR
   ================================================================================ */

.sc-content-block-menu  {display:none !important;}

/* ================================================================================ 
                                     MAIN LAYOUT
   ================================================================================ */
.ControlPanel {border:0px !important;  }
.ControlPanel > tbody > tr > td > table:first-child { background-color:#181818; padding-left:12px; }
.ControlPanel table:first-child .SubHead {color:#fff !important;}

#Wrapper { min-height:100%; width: 100%;  text-align: left; padding: 0;}
#Wrapper.AdminSkin  { padding-bottom: 30px !important; }


#Wrapper.LandingSkin .LoginKey { opacity: 0; }
#Wrapper.LandingSkin .LoginKey:hover { opacity: 1; }

#Wrapper.LandingSkin .ContentPane { width: 100%;}
#Wrapper.LandingSkin .LeftPane,
#Wrapper.LandingSkin .RightPane { width: 48%;}


.InnerWrapper { width:100%; max-width: 1200px; margin: 0 auto; padding: 0 20px;  -webkit-box-sizing:border-box; box-sizing:border-box;}

/* HEADER SECTION  */
#Header { padding:10px 0px; background-color:#fff; color:#606060;  position:relative;  box-sizing:border-box;}
#Header .InnerWrapper { display: flex; justify-content: space-between; align-items: center; }
 
 
#Logo {height:50px;}
.Exit { min-width: auto !important; margin-right:20px;}
.Exit:before {content: "\f124"}

.ProfileWrapper {  }
.ProfileWrapper	.ProfileContent {  display:inline-block; vertical-align:middle; padding-left:10px;}
.ProfileWrapper .ProfileName { font-size:16px; text-decoration:none !important; FONT-WEIGHT:700; display:block; color:#000; font-family: 'Montserrat', sans-serif; line-height:1.2; vertical-align:middle; }
.ProfileWrapper .ProfileInlog .LoginKey{ text-decoration:none !important; line-height:1.2; }



#Menu { margin-bottom: 30px; padding: 10px 0; background-color:  #00304F; }


/* Root Items */  
.RadMenu_MainMenu { z-index:910 !important; float:none !important;}
.RadMenu_MainMenu .rmRootGroup { background-color:transparent !important; border-width:0 !important;}
.RadMenu_MainMenu .rmRootGroup .rmItem { margin:0px; padding:0px; }
.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink { margin:0px; padding:0px; cursor:pointer; text-decoration:none}
.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText { margin:0px; padding:0 10px; font-size:14px; line-height:28px; height:28px; display:block; white-space:normal; color:#ccc;}
.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText.rmExpandDown {}
.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover, 
.RadMenu_MainMenu .rmRootGroup .rmItem .rmExpanded .rmText, 
.RadMenu_MainMenu .rmRootGroup .rmItem .rmSelected .rmText { color:#fff;} 

/* Sub Items */
.RadMenu_MainMenu .rmGroup .rmItem { margin:0px; padding:0px; }
.RadMenu_MainMenu .rmGroup .rmItem .rmLink { margin:0px; padding:0px; cursor:pointer; text-decoration:none;}
.RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText { height:auto; min-width: 120px;  margin:0px; padding:6px 40px 6px 15px; line-height:1.3; font-size:16px;  display:block; white-space:nowrap; color:#ffffff; background-color:#A04494; position: relative;}
.RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmExpandRight:after { display: inline-block; color: inherit; position: absolute; top: 9px; right: 10px; font-family: 'Font Awesome 5 Free'; font-size: 14px; font-weight: 900; content: "\f054";}
.RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover { color: #BDD011; }
.RadMenu_MainMenu .rmGroup .rmItem .rmSelected .rmText { } 



.RadMenu_MainMenu .rmGroup .rmItem:first-child .rmLink .rmText { padding-top: 15px; }
.RadMenu_MainMenu .rmGroup .rmItem:last-child .rmLink .rmText { padding-bottom: 15px;}





/*
grey 		#606060
black		#000000
red			#00B6ED
light-green #8CC442
dark-green  #00304F
*/	


   

.Footer{float:left;}                

a.pdf { display: block; margin: 8px 0; }
a.pdf > img {width: 17px; height: 18px; float: left; margin: 0 10px 0 0;}





.Button { min-width:225px; height:32px; line-height:32px; border:1px solid #00304F; background:none; background-color:#00304F; color:#fff !important; 
padding:0 10px; border-radius:5px; display:inline-block; text-decoration:none !important; font-size:16px; transition:background-color 0.225s ease; 
cursor:pointer; text-shadow:none; box-shadow:none; }
.dnnPrimaryAction,
a.dnnPrimaryAction,
.wrContactForm #dnn_ButtonContactFormSend,
.NewsItem a.NewsLink { height:32px; line-height:32px; border:1px solid #00304F; background:none; background-color:#00304F; color:#fff !important; padding:0 10px; border-radius:5px; display:inline-block; text-decoration:none !important; font-size:16px; transition:background-color 0.225s ease; cursor:pointer; text-shadow:none; box-shadow:none; }
.Button.Small,
.NewsItem a.NewsLink  { min-width: 75px; height:28px; line-height:28px; }
.Button:before { font-family: "Ionicons";display:inline-block; padding-right:10px; vertical-align:middle; font-size:18px; }
.Button:hover,
.dnnPrimaryAction:hover,
a.dnnPrimaryAction:hover,
.wrContactForm #dnn_ButtonContactFormSend:hover,
.NewsItem a.NewsLink:hover  {background:none; background-color:#00B6ED  !important; color:#ffffff !important; border-color:#00B6ED; }

.dnnSecondaryAction,
a.dnnSecondaryAction  {height:32px; line-height:32px; border:1px solid #f0f0f0; background:none; background-color:#f0f0f0; color:#4b4b4b !important; padding:0 10px; border-radius:5px; display:inline-block; text-decoration:none !important; font-size:16px; transition:background-color 0.225s ease; cursor:pointer; text-shadow:none; box-shadow:none;}
a.dnnSecondaryAction:hover{background:none; background-color:#fff !important;  border-color:#4b4b4b;  }

/* PANES SECTION */

#Panes { position:relative; margin:0px auto; min-height:700px; padding:40px 20px; display: flex; justify-content: space-between; flex-wrap: wrap;}



.LeftColumn { width: 220px;  box-sizing:border-box;}
.LeftColumn #dnn_PanelLeftColumn > div { margin-bottom: 30px;}
 
.RightColumn {width: calc(100% - 240px); box-sizing:border-box;  }
.RightColumn .LeftPane { float: left; width: 70%;  box-sizing:border-box;}
.RightColumn .RightPane { float: left; width: 30%; box-sizing:border-box;  }


.WhiteBox { background-color:#fff; padding:20px; border-radius: 13px; }

/* Hide tabname on startpage */
.PageWebredactie .TabName  { display:none;}
.Pagewebredactie .TabName  { display:none;}
.PageDashboard .TabName { display:none;}
.Pagedashboard .TabName  { display:none;}

/* Help page columns */
.HelpWrapper .DashCol { float: left; width: 47.5%; margin-right: 5%;  -webkit-box-sizing:border-box; box-sizing:border-box;}
.HelpWrapper .DashColWide { float: left; width: 60%;  -webkit-box-sizing:border-box; box-sizing:border-box; }
.HelpWrapper .DashColSmall { float: left; width: 35%; }
.HelpWrapper .DashCol.last { margin-right: 0;}
.HelpWrapper .DashCol > div { margin-bottom: 50px;}


.icon {font-family: "Ionicons"; font-size:30px; display:inline-block; vertical-align:middle; line-height:1; min-width:30px;}
.iconsmall {font-family: "Ionicons"; font-size:25px; margin: 3px 5px 0 0; display:inline-block; vertical-align:middle; line-height:1; min-width:30px;}


/*SocialMedia*/
.SocialMediaIcons { margin-bottom: 0px !important; }
.SocialMediaIcons a { color: #ffffff !important; background-color: #707173; font-family: "Ionicons"; margin:0 10px 0 0; height: 36px; width: 36px; text-align: center; font-size:26px; text-decoration: none; vertical-align:top; line-height:36px; display:inline-block; border-radius:50%; border:1px solid #707173 !important }
.SocialMediaIcons a:hover { color: #707173 !important; text-decoration:none; background-color: #fff !important;} 
.IntroTekst {font-size:11px;}

/* ================================================================================ 
                                     MENU'S
   ================================================================================ */
   
 
/* =================== 
       RADPANELBAR 
   =================== */
/* === Root Items === */   
.RadPanelBar_MainWRMenu { z-index: 910 !important; margin: 0px !important; padding: 0px !important; border: 0px !important; float: none !important; }
.RadPanelBar_MainWRMenu .rpRootGroup { margin: 0px !important; padding: 0px !important; border: 0px !important; }
.RadPanelBar_MainWRMenu .rpRootGroup .rpItem { margin: 0px !important; padding: 0px !important; border: 0px !important; }
.RadPanelBar_MainWRMenu .rpRootGroup .rpItem .rpLink { margin: 0px !important; padding: 0px !important;  border: 0px !important; cursor:pointer; text-decoration:none !important; }
.RadPanelBar_MainWRMenu .rpRootGroup .rpItem .rpLink .rpOut { margin: 0px !important; padding: 0px !important; border: 0px !important; display: block;}
.RadPanelBar_MainWRMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText { margin: 4px 0px !important; padding:0px !important; display: inline-block; white-space: normal;
line-height:28px; font-size: 20px; color:#606060; }
.RadPanelBar_MainWRMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:hover { text-decoration: none !important; color:#000000; }
.RadPanelBar_MainWRMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText { color:#000000 !important} 
.RadPanelBar_MainWRMenu .rpRootGroup .rpItem .rpExpanded .rpOut .rpText { margin: 4px 0 0 0 !important;  }



/* === Sub Items === */   
.RadPanelBar_MainWRMenu .rpGroup { margin: 0px !important; padding: 0px !important; box-sizing:border-box; width:auto !important  }
.RadPanelBar_MainWRMenu .rpGroup .rpItem { margin: 0px !important; padding: 0px !important; border: 0px !important; }
.RadPanelBar_MainWRMenu .rpGroup .rpItem .rpLink { margin: 0px !important; padding: 0px !important;  border: 0px !important; cursor:pointer; }
.RadPanelBar_MainWRMenu .rpGroup .rpItem .rpLink .rpOut { margin: 0px !important; padding: 0px !important; border: 0px !important; display: block;}
.RadPanelBar_MainWRMenu .rpGroup .rpItem .rpLink .rpOut .rpText {display:block;  margin:0 !important; padding:4px 0px 4px 10px !important; font-size:14px;  line-height:20px;  }



.RadPanelBar_MainWRMenu .rpGroup .rpItem.rpLast { margin-bottom: 2px !important;}

/* Hover State */
.RadPanelBar_MainWRMenu .rpGroup .rpItem .rpLink .rpOut .rpText:hover { text-decoration: none !important;}
.RadPanelBar_MainWRMenu .rpGroup .rpLast .rpLink .rpOut .rpText {} 

/*
grey 		#606060
black		#000000
red			#00B6ED
light-green #8CC442
dark-green  #00304F
*/	


/* ================================================================================ 
                                Promo Slider
   ================================================================================ */

.PromoSlider { width: calc(100% + 40px); height: 300px; margin: -20px -20px 20px -20px; }
.PromoSlider .PromoSlider_Slide { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 300px; padding: 20px 60px;
box-sizing: border-box; background-size: cover; background-position: center center;
background-image: url(images/promo01.jpg); text-decoration: none !important; 
 }
.PromoSlider .PromoSlider_Slide .PromoText { display: block; margin: 0 0 20px 0; font-size: 32px; line-height: 1.3; color: #fff; text-align: center;text-shadow: #000 0 0 30px; }
.PromoSlider .PromoSlider_Slide .PromoButton { display: inline-block; 
	max-width: 100px;
    height: 38px;
	padding: 0 20px;
    line-height: 38px;
    color: #fff;
	background-color: #c8d200;
    border-radius: 5px;
    font-size: 20px;
    transition: background-color 0.225s ease;
    cursor: pointer;
}


.PromoSlider .PromoSlider_Slide.Slide1 {background-image: url(images/promo01.jpg);}
.PromoSlider .PromoSlider_Slide.Slide2 {background-image: url(images/promo02.jpg);}
.PromoSlider .PromoSlider_Slide.Slide3 {background-image: url(images/promo03.jpg);}

/* ================================================================================ 
                                PUBMOD TEMPLATES & SIDEBAR
   ================================================================================ */


/* Sidebar */


#icr_sidebar { margin-left: 10%; display: block!important;}
#icr_sidebar .OuterNavBlock {margin-bottom: 40px;}
#icr_sidebar .OuterNavBlock .NavBlockTitle { 

  
	font-size: 18px;
	color: #707173;
    font-weight: 700;
    margin: 0 0 10px 0;
	
border-bottom: 1px solid #707173;  }




/* Template */

#Wrapper.Dashboard .pubArticleList {}
#Wrapper.Dashboard .pubArticleList .pubItem {border-bottom:1px dotted #ccc;}
#Wrapper.Dashboard .pubArticleList .pubItem .pubThumbNail{height: 60px;width: 60px; border-radius: 10px; background-position: center center; background-size: cover; display:inline-block; vertical-align:top; margin:10px 10px 10px 0px;}
#Wrapper.Dashboard .pubArticleList .pubItem .pubContent {display:inline-block; vertical-align:top; width:calc(100% - 74px); padding:10px 0px;}
#Wrapper.Dashboard .pubArticleList .pubItem .pubContent .pubTitle { display:block; font-weight:bold; text-decoration:none; font-size:15px;}
#Wrapper.Dashboard .pubArticleList .pubItem .pubContent .pubTitle:hover{text-decoration:underline;}
#Wrapper.Dashboard .pubArticleList .pubItem .pubContent .pubSummary {padding-bottom:10px;}
#Wrapper.Dashboard .pubArticleList .pubItem .pubContent .pubMetaData {display:block; font-size: 13px; color: #ccc; line-height:26px;}

#Wrapper.Dashboard .pubArticleList .pubItem .pubContent .pubLink{display:inline-block; color:#fff; background-color:#c8d200; border:1px solid #c8d200; border-radius:5px; padding:2px 10px; text-decoration:none;}
#Wrapper.Dashboard .pubArticleList .pubItem .pubContent .pubLink:hover{color:#c8d200; background-color:#fff; border:1px solid #c8d200;}
#Wrapper.Dashboard .pubArticleList .pubItem .pubContent .pubLink:after{font-family: "Ionicons"; content:"\f125"; display: inline-block; padding-left: 10px; vertical-align: middle; font-size: 14px;}

#Wrapper.Dashboard .pubArticleList .pubControls {margin-bottom: 20px;}
#Wrapper.Dashboard .pubArticleList .PagingTable{margin-top:20px;}



#Wrapper.Dashboard .pubArticleDetails .pubMetaData {display:block; font-size: 13px; color: #ccc; line-height:20px;}
#Wrapper.Dashboard .pubArticleDetails .pubReturnLink a, 
#Wrapper.Dashboard .pubArticleDetails a.pubReturnLink {display:inline-block; color:#fff; background-color:#c8d200; border:1px solid #c8d200; border-radius:5px; padding:2px 10px; text-decoration:none; margin:10px 0px; font-size:15px;}
#Wrapper.Dashboard .pubArticleDetails .pubReturnLink a:before,
#Wrapper.Dashboard .pubArticleDetails a.pubReturnLink:before{font-family: "Ionicons"; content:"\f124"; display: inline-block; padding-right: 10px; vertical-align: middle; font-size: 15px;}
#Wrapper.Dashboard .pubArticleDetails .pubReturnLink a:hover,
#Wrapper.Dashboard .pubArticleDetails a.pubReturnLink:hover{color:#c8d200; background-color:#fff; border:1px solid #c8d200;}



/* ================================================================================ 
                              Modules
   ================================================================================ */
.PageManagerPanels .dnnFormItem .RadPicker.RadPicker_Default { display:inline-block}
#dnnUsers select.dnnUsersSearchFilter {margin: 5px 8px; height:31px;}
.RightColumn  .dropzone { width:calc(100% - 160px);}


/* ================================================================================ 
                              Media querties
   ================================================================================ */
  
.dnnGridTableWrapper { width:calc(100% - 20px); overflow:auto;}

	
@media only screen and (max-width:1060px){

   	.ModDotNetNukeModulesDigitalAssetsC {width:calc(100% - 20px); overflow:scroll}
	.ModDotNetNukeModulesDigitalAssetsC  > .ui-widget  { min-width:760px;}
	
	.PageManagerModule {width:calc(100% - 20px); overflow:scroll}
	.PageManagerModule  > table { min-width:600px;}
 }  
   
@media only screen and (max-width:768px){
	#Panes {padding: 20px;}
	.InnerWrapper { width:100%;}
	.RightColumn  .dropzone { padding:0;}
	#container .GenericList .filters .filter-item .dnnLabel { width:100% !important; }
	#container .GenericList .filters .filter-item { float:none; width:100%;}
		.filter-item .dnnLabel { padding:5px 0 !important; text-align:left;}
}  
   
@media only screen and (max-width:720px){

	.dnnGridTableWrapper { width:calc(100vw - 20px); overflow:scroll;}

	.DashColSmall { display:none;}
	.DashboardWrapper .DashColWide { width:100%; float:none;}
	#dnnUsers select.dnnUsersSearchFilter { margin: 5px 0;}
	
	#Panes {}
	.RightColumn  { display:-webkit-flex;  display:flex; -ebkit-flex-direction:column;  flex-direction:column; padding:10px;  }
	.RightColumn .LeftPane{ width:100%; float:none; -webkit-order:2;  order:2; }
	.RightColumn .RightPane { width:100%; float:none; -webkit-order:1; order:1}
	.OuterNavBlock.sb_tagcloud,
	.OuterNavBlock.sb_authorslist { display:none;}
	#icr_sidebar { margin-left:0;}
	
	
	.dnnFormUitklap { display:none;}
	#appSettings .dnnFormItem .dnnLabel { display:block; width:auto; text-align:left;}
	#appSettings fieldset .dnnFormItem .dnnLabel { display:block; }	
	a[title="Ga naar de uitleg over hoe u uw Twitter WidgetID kunt ophalen"] { display:none;}
	.dnnFilePicker { background-color: transparent; margin:0; padding:0; width:auto;}

	
	.LeftColumn { float:none; width:100%; padding:20px; margin:0 0 20px 0; background-color:#ffffff; border-radius: 13px; display:none; box-sizing: border-box;}
	.LeftColumn.active { display:block}
	.LeftColumn #dnn_PanelLeftColumn > div { margin-bottom: 0px; }
	
	.RadPanelBar_MainWRMenu .rpRootGroup .rpItem .rpLink .rpOut { }
	.RadPanelBar_MainWRMenu .rpGroup .rpItem .rpLink .rpOut .rpText { padding-left:0 !important}
	.RadPanelBar_MainWRMenu .rpRootGroup .rpItem .rpSelected .rpOut .rpText { /*padding:0 !important;*/}
	.RadPanelBar_MainWRMenu .rpGroup{ background-color: transparent; padding-left:15px !important;}
	.pubArticleList .pubControls .PagingTable > tbody > tr > td[align="left"] {display:none;}
	
	.HelpWrapper .DashColWide { width:100%; float:none;}
	.wrContactForm td { display:block;}
	
	
	.RightColumn {  float:none; width:100vw; overflow:hidden;}
	.dnnFormItem .dnnLabel {width:100%; float:none; text-align:left;}
	.dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea {width:calc(100vw - 40px) !important; max-width:none;}
	a.dnnFormHelp, .dnnForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp {display:none;}
	.password-strength-container {width:100% !important; max-width:none;}
	

	[class^="Moonicon-"], [class*=" Moonicon-"] { font-size:26px;}
	.inner {padding:0}
	
	
	.MobileMenuTrigger { height:40px; width:40px; display:inline-block; line-height:40px;vertical-align: top; border-radius:5px; background-color:#00304F; color:#fff;}
	.MobileMenuTrigger:after{font-family: "Ionicons"; content:"\f20d"; height:40px; width:40px; display:inline-block; text-align:center; font-size: 32px;}
	
	.ProfileWrapper { }
	.ProfileWrapper .Exit.Button { height:40px; width:40px; background-color:#00304F; overflow:hidden; padding:0; white-space:nowrap; margin:0;border: none;}
	.ProfileWrapper .Exit.Button:before { display: block; height:40px; width:40px; line-height:40px; padding-right: 0px;  text-align:center; font-size: 32px; content:"\f144";}
	.ProfileWrapper .ProfileContent { overflow:hidden; padding:0; vertical-align: top; }
	.ProfileWrapper .ProfileContent .ProfileName{ display:none;}
	.ProfileWrapper .ProfileContent  .ProfileInlog .LoginKey {height:40px; width:40px; display:block; line-height:40px; overflow:hidden; white-space:nowrap; border-radius:5px; background-color:#00304F; color:#fff !important;}
	.ProfileWrapper .ProfileContent  .ProfileInlog .LoginKey:before {font-family: "Ionicons"; content:"\f200"; height:40px; width:40px; display:inline-block; text-align:center; font-size:28px;} 
}