/* RTL */
.rtl, .rtl * {
    direction: rtl !important;
}
.rtl .menupane {
    text-align: right;
}
.rtl .dng-megamenu .dnngo_slide_menu li a {
    padding: 0px 30px 0px 60px !important;
    text-align: right !important;
}
.rtl .dng-megamenu .dnngo_slide_menu li.dir > a:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* ----- Begin Social Page User Profile UI ----- */
#UserProfileImg {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
}
.UserProfileControls ul {
    text-align: center;
    margin: 0;
}
.console.profile .console-mouseon {
    background-color: #1C4A99;
}
.DNNContainer_Title_h4.SpacingBottom {
    text-align: center;
}
/* ----- End Social Page User Profile UI ----- */

/* ------- Begin Login / Register / Button UI ------- */
/* re-style the dnn login */

.LoginPanel {
	width: auto !important;
	float: none !important;
	display: flex !important;
	padding: 0 !important;
	max-width: 100% !important;
	justify-content: center;
  }
  
  .LoginPanel > div {
	min-width: 300px;   
	max-width: 500px;
  }
  
  /* style the form item wrapper */
  
  .LoginPanel .dnnForm .dnnFormItem {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-bottom: 15px;
  }
.is-builder[dragwithouthandle] > div > div:not(.is-row-tool) > * {
    cursor: initial;
}
  .sico, .icon-svg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
  /* style the form label */
  
  .LoginPanel .dnnFormItem > .dnnLabel {
	margin-top: 0;
  }
  
  .LoginPanel .dnnFormItem > .dnnLabel label {
	display: block; 
  }
  
  .LoginPanel .dnnLabel {
	display: block;
	float: none;
	position: relative;
	width: auto;
	padding-right: 0;
	margin-right: 0;
	overflow: visible;
	text-align: left;
  }
  
  /* boostrap fix - remove the yellow background from the checkbox field */
  .dnnCheckbox .mark {
	background: none !important;
  }
  
  /* give the Remember Me checkbox a smaller text size */
  .dnnLoginRememberMe {
	font-size: 15px;
  }
  
  /* style the login panel text input fields */
  .LoginPanel .dnnLoginService input[type="text"], 
  .LoginPanel .dnnLoginService input[type="password"] {
	width: 100% !important;
	min-width: 100%;
	margin: 0;
	border-radius: 1px;
	padding: 10px;
  }
  
  /* hide the empty label beside the Reset Password button */
  .LoginPanel .dnnFormItem:last-child span.dnnFormLabel {
	display: none;
  }
  
  .LoginPanel ul.dnnActions {
	margin: 0 !important;
	padding: 0 !important;
  }
  
  /* primary action buttons - also used in dnn modal popups */
  
  .dnnPrimaryAction, 
  .dnnFormItem input[type="submit"], 
  a.dnnPrimaryAction, .btn-primary {
	background: #000;
	border: none;
	color: #ffffff;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none;
	border-radius: 1px;
	font-size: 15px;
	padding: 10px 20px;
  }
  .dnnPrimaryAction:hover, 
  .dnnFormItem input[type="submit"]:hover, 
  a.dnnPrimaryAction:hover, .btn-primary:hover {
	background: #1C4A99 !important;
	text-decoration: none !important;
  }
  
  /* secondary action buttons - also used in dnn modal popups */
  
  .dnnSecondaryAction, 
  .dnnFormItem input[type="submit"], 
  a.dnnSecondaryAction {
	background: #f5f5f5;
	border: none;
	color: #555;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none;
	border-radius: 1px;
	font-size: 15px;
	padding: 10px 20px;
  }
  .dnnSecondaryAction:hover, 
  .dnnFormItem input[type="submit"]:hover, 
  a.dnnSecondaryAction:hover {
	background: #f1f1f1 !important;
	text-decoration: none !important;
  }
  a.dnnSecondaryAction:hover {
	  color: #1C4A99;
  }
  /* ------- End Login / Register / Button UI ------- */