/* Add here all your CSS customizations */
.notifications > li .notification-icon .badge {
	background: #0088cc;	
}
html.no-overflowscrolling .nano > .nano-pane { /* wider scroll bar */
	width: 10px;
}
ul.nav-main > li > a { /* smaller main menu button */
    padding: 8px 25px;
}

ul.nav-main li .nav-children li a { /* smaller sub menus */
    padding: 3px 15px 3px 57px;
    overflow: hidden;
}

.mfp-bg {  
	background: #1D2127;
    opacity: 1;
    filter: alpha(opacity=100);
}

.page-header {
    z-index: 999; /* Allow DNN admin bar to be visible over the standard header */
}

.sidebar-left { /* Allow DNN admin bar to be visible over the standard header */
    z-index: 999;
}

#ControlBar {    
    height: 60px;
	}
	
#ControlEditPageMenu > li > a {  /* Edit Page button height fix */ 
    height: 56px;   
}

#ControlBar_CustomMenuItems > li > a, #ControlActionMenu > li > a {  /* Admin Host Tools Help */
    height: 55px;
}

#ControlNav > li > a { /* Module Pages Users */  
    height: 54px;
	text-decoration: none;  
}

mark, .mark { /* Fix yellow bootstrap tick mark background */
     background-color: transparent; 
     padding: .0em; 
}

#ControlEditPageMenu > li > a.controlBar_editPageInEditMode { /* Edit Page colour in-line with Intra theme */
    background: #0099e6;
}

@media only screen and (min-width: 768px){ /* Removed extra padding in ContentPanel top area */
	html.fixed .inner-wrapper {
		padding-top: 58px;
	}
}

@media only screen and (max-width: 767px){ /*Move the DNN admin bar down on mobile view */
	#ControlBar {
		top: 56px;
	}
}

.content-body {   /* Less wasted real estate around panels/controls */
    padding: 61px 9px 9px 9px;   
}

ul, ol {   
    margin-left: 0; /* Align menu icons in the middle if menu bar is closed */
}

.admin-gear i {
	font-size:25px;
}

.ServiceIcon > img { /* Hide DNN icon */  
    display: none;
}

@media only screen and (max-width: 767px) {
	.userbox:after {
	    background: transparent;
	}
}

.centered { /* Center images on a apge */
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.ui-pnotify .notification .ui-pnotify-text {
    color: rgba(255, 255, 255, 0.7);
}

#dnn_ContentPane{
	/*padding-top:54px;*/
	padding-top:0px;
}

.table-bordered > tbody > tr > td , .table-bordered > thead > tr > th{
    border-color: #dddddd;
	border-style: solid;
    border-width: 1px 0 0 0;
}

table.dataTable.no-footer {
    border-bottom: 0px solid #111;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #eee;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    
    padding: 0; 
  
}

body a, body a:focus, body a:hover, body a:active, body a:visited {   
    cursor: pointer;
}

div.DTE_Field input:focus, div.DTE_Field textarea:focus {
    background-color: #fff;
}
.dataTables_wrapper .dataTables_filter label {
    width: initial;
}

#DTE_Field_position {
    height: 300px;
}

.panel-group .panel-accordion .panel-heading a {
    padding: 7px;
    font-size: 14px;
    color: #000;
    background-color: #fff;
}

.sidebar-left {  
    width: 226px;    
}

ul.nav-main li .nav-children li a {
    padding: 3px 15px 3px 18px;
}

@media only screen and (min-width: 768px) {
html.fixed .content-body {
    margin-left: 226px;
}


html.fixed .page-header {
    left: 226px;   
}

}

/* Custom date range*/
.input-group-addon-left {   
    min-width: 36px;
    border-width: 0 0 0 1px;
}

.input-group-addon-right {   
    min-width: 36px;
    border-width: 0 1px 0 0;
}

input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:41px;
							height:36px; 
							display:inline-block;
							line-height:36px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:36px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -36px;
						}
						label.css-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_5e67f778a4d9b72b5f87ea729418f5ce.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}


.panel-heading {
   
    padding: 10px;
    
}

.dnnFormMessage {    
    padding: 7px 10px;    
    max-width: 100%;
}