@import 'bootstrap/bootstrap.min.css';
@import 'custom/sidebar.css';
@import 'custom/awesome.css';
@import 'custom/styles.css';

* { outline:none !important; outline:none !important; box-shadow:none !important; -webkit-box-shadow:none !important; }
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

span.label {
  -webkit-border-radius: 20px !important;
     -moz-border-radius: 20px !important;
          border-radius: 20px !important;
}


body { background:#fff; font-family:"Source Sans Pro", Arial, Helvetica, sans-serif; }
input, textarea, select { outline:none !important; outline:0; }

/* custom top */
.navbar-default 								{ border:0; margin-bottom:0; }
div#topmenu 									{ height:70px; background:whitesmoke; border:0; }
	
	a#logo 										{ height:70px; padding:0; background:whitesmoke; width:280px; }
	div#logoBorder								{ float:left; border-left:70px solid whitesmoke; border-top:70px solid transparent; }
	a#logo img									{ max-height:70px; }

ul.cms-opties									{ padding-top:15px; }
ul.cms-opties li  a								{ color:black; }
ul.cms-opties li  a:hover 						{ background:rgba(0,0,0,0.2); }

div#main										{ background:#fff; padding:40px; }

/* sidebar */
li.sidebar-brand, li.sidebar-brand a 			{ color:white !important; font-weight:600; border-top:1px solid rgba(0,0,0,0.1) }
ul.sidebar-nav li span.badge { margin-left: 20px; display: inline; background: rgba(0,0,0,0.25); }

/* panels */
.no-top-border { border-top:0; }

/* misc */
.alert i { margin-right:20px; }
.green-mark i { color:green; }
.warning-mark i { color:orange; }
.danger-mark i { color:red; }
.primary-mark i { color:#337ab7; }
.inactive-mark i { color:#bbb; }
label { font-weight:400; cursor:pointer; padding-top:8px; opacity:0.8; }
.badge { font-weight:600; }

h4 { color:#000; font-weight:600; }
h4 i { margin-right:20px; }

/* 404 */
div#toon404box { width:100%; }
div#toon404 { text-align:center; padding-top:10vh; font-size:200px; text-shadow:2px 2px 0px #fff; }

/* datagrids */
.data-grid .row { border-bottom:1px solid #eee; padding:5px 0; vertical-align:middle; line-height:30px; transition:all 0.5s; border-radius:4px; }
.data-grid .row:hover { background:#eee !important; border-color:#ddd; }
.data-grid .row:nth-child(even) { background:#f9f9f9 }
.data-grid .row:first-child { background:none !important; border-color:#eee !important; font-weight:600; }
.data-grid .row a:last-child { margin-right:5px; }

/* img thumbnails */
span.gray { color:#999; }
a.media-file:before { content: "\f0f6"; font-family: FontAwesome; margin-right:10px; }
a.media-video:before { content: "\f1c8"; font-family: FontAwesome; margin-right:10px; }
a.media-image:before { content: "\f1c5"; font-family: FontAwesome; margin-right:10px; }

.label {display: inline-block; font-weight: 400; margin-right: 4px; margin-bottom: 4px; font-size: 13px; }