body > form #ControlBar_ControlPanel{z-index: 2000 !important;}
.skin-login{position:relative;z-index:1010;}
.dnnInstallLogs{max-height:290px;}

.LoginPanel { margin: 100px 0; }
.card header h3{font-family:sans-serif;}
h1[class^="dnn"], h2[class^="dnn"], h3[class^="dnn"]{font-family:sans-serif;}
.RadAjaxPanel, .ModDashboardC { font-size: 14px; font-family: sans-serif;}
.dnnDashboardPanel{padding: 30px 0;}
.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td{padding:10px;}
.ModDashboardC, .pnlForm, .RadAjaxPanel { margin: 50px 0; }
.RadAjaxPanel .console-large { font-size: 20px; }
.RadAjaxPanel .console-large h3{font-family:sans-serif;}
.skin-login{max-width: none;}
.DnnModule-SiteData { min-height: 500px; padding: 150px 0 100px; }

.col-xs-1.DNNEmptyPane, .col-sm-1.DNNEmptyPane, .col-md-1.DNNEmptyPane, .col-lg-1.DNNEmptyPane, .col-xs-2.DNNEmptyPane, .col-sm-2.DNNEmptyPane, .col-md-2.DNNEmptyPane, .col-lg-2.DNNEmptyPane, .col-xs-3.DNNEmptyPane, .col-sm-3.DNNEmptyPane, .col-md-3.DNNEmptyPane, .col-lg-3.DNNEmptyPane, .col-xs-4.DNNEmptyPane, .col-sm-4.DNNEmptyPane, .col-md-4.DNNEmptyPane, .col-lg-4.DNNEmptyPane, .col-xs-5.DNNEmptyPane, .col-sm-5.DNNEmptyPane, .col-md-5.DNNEmptyPane, .col-lg-5.DNNEmptyPane, .col-xs-6.DNNEmptyPane, .col-sm-6.DNNEmptyPane, .col-md-6.DNNEmptyPane, .col-lg-6.DNNEmptyPane, .col-xs-7.DNNEmptyPane, .col-sm-7.DNNEmptyPane, .col-md-7.DNNEmptyPane, .col-lg-7.DNNEmptyPane, .col-xs-8.DNNEmptyPane, .col-sm-8.DNNEmptyPane, .col-md-8.DNNEmptyPane, .col-lg-8.DNNEmptyPane, .col-xs-9.DNNEmptyPane, .col-sm-9.DNNEmptyPane, .col-md-9.DNNEmptyPane, .col-lg-9.DNNEmptyPane, .col-xs-10.DNNEmptyPane, .col-sm-10.DNNEmptyPane, .col-md-10.DNNEmptyPane, .col-lg-10.DNNEmptyPane, .col-xs-11.DNNEmptyPane, .col-sm-11.DNNEmptyPane, .col-md-11.DNNEmptyPane, .col-lg-11.DNNEmptyPane, .col-xs-12.DNNEmptyPane, .col-sm-12.DNNEmptyPane, .col-md-12.DNNEmptyPane, .col-lg-12.DNNEmptyPane { min-height: 0; }

/* hiding dnn stuff when logged in*/
#nav-toggle { padding: 5px 7px 5px 10px; position: fixed; top: 200px; right: 0; background: #111; z-index: 1000; border-radius: 3px 0 0 3px; color: #fff; cursor: pointer; border: 2px solid rgba(255,255,255,.35); transition: all .1s; border-right: none; }
#nav-toggle:hover { background: #222; border-color: #fff; }
#nav-toggle i { margin-right: 4px; position: relative; top: 1px; transform: rotate(0deg); transition: transform .5s ease-in-out; }
.dnn-nav-hidden #nav-toggle i{ transform: rotate(90deg); }
#nav-toggle:hover i { transform: rotate(90deg); }

.hide-nav-menu { display: none !important; }

.dnn-nav-hidden #ControlBar_ControlPanel, .dnn-nav-hidden .skin-login { display: none; }
.dnn-nav-hidden #Form.showControlBar{margin-top:0 !important;}
.dnn-nav-hidden .dnnSortable.ui-sortable, .dnn-nav-hidden .dnnSortable.ui-droppable { padding: 0 !important; min-height: 0 !important;}
.dnn-nav-hidden .ui-sortable-handle, .dnn-nav-hidden .actionMenu { display: none !important; }

.dnn-nav-hidden .dnnModuleManager { border: none; }
body.dnn-nav-hidden { margin-left: 0 !important; margin-bottom: 0 !important; }
.dnn-nav-hidden .personalBarContainer { display: none; }
.dnn-nav-hidden .editBarFrameContainer.personabar-shown { display: none; }
.dnn-nav-hidden .da_admin {
    display: none;
}

/*@@@@@ DNN styles */
.Normal { font-size: 20px; line-height: 1.2; }
.dnnSortable.ui-sortable, .dnnSortable.ui-droppable { padding: 0 15px 0 15px; }
/* styling for the Edit Profile and My Account links in User Profiles */
.dnnActions { display: inline-block; }
.dnnActions li { margin-right: 5px; list-style: none; float: left; }
/*override for dnnLabels in the bootstrap */
.form-group .dnnLabel { text-align: left; width: auto; }

.dnnLabel + span { white-space: normal; }

ul.dnnAdminTabNav { height: 36px; border-radius: 0 !important; }

.dnnFormMessage { max-width: none; }
/* admin */
#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after { -webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box !important; /* Firefox, other Gecko */ box-sizing: content-box !important; /* Opera/IE 8+ */ }

.dnnPrimaryAction:link, .dnnPrimaryAction:visited { color: #fff; }
/* fix for DNN dropdown lists being cut off*/
.dnnDropDownList .selected-item, .dnnDropDownList .selected-item a { height: 35px !important; }
/* fix for coloring on DNN Check boxes */
.dnnCheckbox .mark { background: none; }

/*@@@@@ user bar */
.skin-login { font-size: 12px; background-color: #555; color: #fff; width: 100% !important; }
.skin-login.fail { background-color: #900; }
.skin-login-inner { margin: 0 auto; max-width: 1100px; padding-top: 5px; }
.skin-login a { font-size: 12px; }
.skin-login a:hover { text-decoration: none; color: #0f0; }
.skin-login .skin-last-login { padding-top: 4px; }
.skin-login .registerGroup, .skin-login .registerGroup *, .skin-login .loginGroup, .skin-login .loginGroup * { display: block; }
.skin-login .registerGroup, .skin-login .loginGroup { float: right; padding: 0; margin: 0; }
/* Register Group Styles */
.skin-login .registerGroup { border-right: 1px solid #eee; }
.skin-login .registerGroup li { float: left; }
.skin-login .registerGroup .buttonGroup { margin-right: 0; }
.skin-login .registerGroup a, .skin-login .loginGroup a { display: block; position: relative; height: 25px; min-width: 12px; padding: 5px 15px 0 15px; vertical-align: middle; }
.skin-login .registerGroup .userNotifications a, .skin-login .registerGroup .userMessages a { color: #555; }
.skin-login.fail .registerGroup .userNotifications a, .skin-login.fail .registerGroup .userMessages a { color: #900; }
.skin-login .registerGroup a:hover, .skin-login .loginGroup a:hover, .skin-login .registerGroup a:active, .skin-login .loginGroup a:active { color: #555; }
.skin-login .registerGroup a strong, .skin-login .loginGroup a strong { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; height: 100%; }
.skin-login .userMessages strong:hover:after { color: #888; }
.skin-login .userMessages strong:after { font-family: FontAwesome; content: "\f0e0"; position: absolute; top: 0; left: 4px; color: #fff; font-size: 18px; text-align: center; font-weight: 400; }
.skin-login .userNotifications { border-right: 1px solid #eee; }
.skin-login .userNotifications strong:hover:after { color: #888; }
.skin-login .userNotifications strong:after { font-family: FontAwesome; content: "\f075"; position: absolute; top: 0; left: 4px; color: #fff; font-size: 18px; text-align: center; font-weight:400;}
/* Login Group Styles */
/* Number of message next to the message icon*/
.skin-login .userMessages a span, .skin-login .userNotifications a span { display: inline-block; position: absolute; right: 2px; top: -9px; min-width: 7px; margin-top: 9px; font-size: 10px; z-index: 100; background-color: #a00; border-radius: 3px; padding: 1px 2px 1px 2px; font-weight: bold; color: #fff; }
.skin-login .userDisplayName a, .skin-login .loginGroup a { color: #fff; }
.skin-login .userDisplayName a:hover, .skin-login .loginGroup a:hover { color: #888; }