/*
 * 	BNE Admin Page CSS
 *
 * 	@author		Kerry Kline
 * 	@copyright	Copyright (c) 2016
 * 	@link		http://www.bnecreative.com
 *
 * 	@updated:	Nov 19, 2016
 *
*/


/* == Page Styles == */
#bne-admin-wrapper { padding: 0px 0px 50px 0px; }
#bne-admin-wrapper * { box-sizing: border-box; }
#bne-admin-wrapper .bne-inner { padding: 5px; -webkit-font-smoothing: antialiased;  }
#bne-admin-wrapper .bne-inner .canvas { color:#333333; padding: 10px 0px; }
#bne-admin-wrapper .widget {
	position: relative;
	margin: 0 0 30px 0;
	padding: 20px;
	background: #f7f7f7;
	width: auto;
	box-shadow: 0 1px 1px rgba(0,0,0,.3);
}

#bne-admin-wrapper .widget .widget-title {
	background-color: #fff;
	border-bottom: 1px solid #cfcfcf;
	border-radius: 4px 4px 0px 0px;
	box-shadow: inset 0 1px 1px #ffffff;
	font-size: 15px;
	font-weight: normal;
	margin: -20px -20px 20px -20px;
	padding: 8px 15px 10px 15px;
	text-shadow: 1px 1px 1px #ffffff;
}

/* == Nav == */
#bne-admin-wrapper .nav-tab-wrapper .nav-tab {
	font-size: 12px;
}


/* == Typography == */
#bne-admin-wrapper ul,
#bne-admin-wrapper ol { padding: 0; margin: 0 0 10px 25px; }
#bne-admin-wrapper ul { list-style: disc; }
#bne-admin-wrapper ol { list-style: decimal; }


/* == Images == */
#bne-admin-wrapper img.pretty {
	padding: 4px;
	background: white;
	text-align: center;
	border: 1px solid #D1D1D1;
	border-radius: 4px;
	box-shadow: 0px 0px 3px #CCC;
}

#bne-admin-wrapper .image-50 { width: 50px; }
#bne-admin-wrapper .image-75 { width: 75px; }
#bne-admin-wrapper .image-100 { width: 100px; }
#bne-admin-wrapper .image-150 { width: 150px; }


/* == Alignments and Spacing == */
#bne-admin-wrapper .text-left   { text-align: left;   }
#bne-admin-wrapper .text-right  { text-align: right;  }
#bne-admin-wrapper .text-center { text-align: center; }
#bne-admin-wrapper .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#bne-admin-wrapper .alignleft { float: left; margin: 5px 20px 5px 0; }
#bne-admin-wrapper .alignright { float: right; margin: 5px 0 5px 20px; }
#bne-admin-wrapper .spacer10 { padding-top: 5px;  padding-bottom: 5px;  }
#bne-admin-wrapper .spacer20 { padding-top: 10px; padding-bottom: 10px; }
#bne-admin-wrapper .spacer40 { padding-top: 20px; padding-bottom: 20px; }


/* == Alert Boxes == */
#bne-admin-wrapper .alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border-radius: 4px;
}
#bne-admin-wrapper .alert .alert-heading { color: inherit; margin-top:5px; margin-bottom:0px}
#bne-admin-wrapper .alert p { margin-top:0px }
#bne-admin-wrapper .alert p:last-child { margin-bottom:0px }

#bne-admin-wrapper .alert-warning { color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; }
#bne-admin-wrapper .alert-success { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; }
#bne-admin-wrapper .alert-error { color: #b94a48; background-color: #f2dede; border: 1px solid #eed3d7; }
#bne-admin-wrapper .alert-info { color: #3a87ad; background-color: #d9edf7; border: 1px solid #bce8f1; }


/* == Grid === */
#bne-admin-wrapper .row { zoom: 1; margin-left: -4%; min-height: 5px; margin-bottom:20px;}
#bne-admin-wrapper .row:before, #bne-admin-wrapper .row:after { display: table; content: ""; zoom: 1; *display: inline; }
#bne-admin-wrapper .row:after { clear: both; }
#bne-admin-wrapper [class*="span"] { display: inline; float: left; margin-left: 4%; }
#bne-admin-wrapper .span-one-half     	{ width: 46%;     }
#bne-admin-wrapper .span-one-third		{ width: 29.333%; }
#bne-admin-wrapper .span-one-fourth		{ width: 21%;     }
#bne-admin-wrapper .span-two-thirds    	{ width: 62.666%; }
#bne-admin-wrapper .span-three-fourths	{ width: 71%;     }

@media only screen and (max-width: 768px) {
	#bne-admin-wrapper .row {margin-left: 0;}
	#bne-admin-wrapper [class*="span"] {margin-left: 0;}
	#bne-admin-wrapper .span-one-half,#bne-admin-wrapper .span-one-third,#bne-admin-wrapper .span-one-fourth,#bne-admin-wrapper .span-two-thirds,#bne-admin-wrapper .span-three-fourths,#bne-admin-wrapper .span-one-fifth, #bne-admin-wrapper .span-sidebar,#bne-admin-wrapper .span-sidebar-left,#bne-admin-wrapper .span-sidebar-right,#bne-admin-wrapper .span-content-center,#bne-admin-wrapper .span-content,#bne-admin-wrapper .span-content-left,#bne-admin-wrapper .span-content-right,#bne-admin-wrapper .span-full-width
		{ width: 100%; }
}


/* == Tables == */
.table { max-width: 100%; background-color: #fff; border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px  }
th, td { text-align: left; border: 1px solid #ddd; padding: 8px; vertical-align: top; }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; }

@media ( max-width:767px ){
	.table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

}