body{
font-family: 'Ubuntu', sans-serif;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: 'Ubuntu', sans-serif;
vertical-align: baseline;
height:100%;
font-size: 14px
}

html, body{
  height:100%;
}



.sidebar .sidebar-wrapper{height:100%!important; overflow:auto!important;}
.clear { clear: both; }
 .sidebar{overflow-x:hidden!important; }
/*Background */
.background{
/* Postition*/
	position: fixed;
	top: 0;
	left: 0;
	
	
	min-height: 100%;
	width:100%;
	background-position: center center;
	background-repeat:no-repeat;		
}
 .background1{
	background-image: url("../images/background.jpg"); 
}
.cata{border:4px solid #7CD4EF; background-color:white;
height:224px; z-index:10;  color:white; text-align:center; margin:0 auto;  display:table; width:100%; color:#7CD4EF; ;
 }
 .cata1{background:linear-gradient(rgba(166, 166 ,166 , .8), rgba(166, 166 ,166 , .8)), url("../images/cata1.jpg");
height:139.333px; z-index:10;  color:white; text-align:center; margin:0 auto;  display:table; width:100%; color:white ; -webkit-box-shadow: 10px 25px 140px -43px rgba(0,0,0,1);
-moz-box-shadow: 10px 25px 140px -43px rgba(0,0,0,1);
box-shadow: 10px 25px 140px -43px rgba(0,0,0,1);
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
 }
 .cata1 .mid1{display:table-cell; vertical-align:middle;}
 .cata1:hover{opacity: 0.5;}
  .cata:hover{background-color:#7CD4EF ; transition-duration: 400ms; color:white;}
  
 .cat2{font-size:28px;}
.cata1 p{font-size:11px; } 
 .cata1 h4{font-size:18px; padding:0px!important; line-height:10px; margin:11px; } 

  .background1::after {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index:-90;
}

.subnav{background:rgba(0,0,0,0.2)!important;}
.subsubnav{background:rgba(0,0,0,0.2)!important;}

/*Registerform */

.registerform{
   position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
	margin:auto;
	
	-webkit-box-shadow: 0px 2px 28px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 28px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 28px 0px rgba(0,0,0,0.75);	
	background-color:white;
	width: 25%;
	height:230px;
}
 .registerform input[type=text],.registerform input[type=password]{
	width:80%; 
	font-size:16px; 
}
 .registerform input[type=submit]{
	font-size:16px; 
	color: #ffffff;
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	font-size: 16px;
	background: #777777;
	padding: 10px 10px 10px 10px;
	text-decoration: none !important;
	border:none;
}
  .registerform input[type=submit]:hover{
	background:#666666 ;
	text-decoration: none;
}
 .registerform div:nth-child(1) {
	background-color:#ed4d5d;width:100%;height:30px;
}
  table.imgregister{
	table-layout:fixed;
    width:100%;
}
   img.imgregister{
	right:5%;
	bottom:15px;
	position:relative;
	background-color:white;
	border-radius: 50%;
	background-position:center;
	background-position:cover;


}
 .registerform table{
	width:100%; 
}
  .registerform form{
	padding: 10px 0px 0px 10px;
	box-sizing:border-box;
	display:inline-block;
	width:100%;
 }


/* Dasboard (Soldproducts..) */
.webshops{margin-top:0px!important;}
.top100,.webshops,.topsold{float:left; max-width:100%; background-color:white; margin-top:25px; font-size:14px; content:""; padding:10px;}
 .comments{ 
	resize: none; 
	
	overflow: auto;
	
	padding:10px!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
 .user{
	border-radius:50%;
margin:0 auto;
	height:100px;
}




/*positioning */
.clearfix{
	clear:both;
	display:block;
 }
 

/*Custom button*/
/*Custom button*/
.btn1{

	font-family: Arial!important;
	color: white !important;
	font-size: 20px!important;
	padding:5px!important;
	background:#0275d8!important;
border: solid #f25757 2px!important;
	background-color:#f25757!important;
	text-decoration: none!important;	
	
	font-size:14px!important;
	-webkit-border-radius: 10!important;
	-moz-border-radius: 10!important;
	border-radius: 10px!important;
	margin-top:10px!important;
	
	
	
}

.btn1:hover {

  text-decoration: none;
  transition-duration: 400ms;
background: #f03c3c!important;
    border: solid #f03c3c 2px!important;
  color: white !important;
}
.btn2{background-color:#43bee3!important; border: solid #43bee3 2px!important;}
.btn2:hover {
  background: #1ea0c8 !important ;
  border: solid #1ea0c8 2px !important;
}


.select-style {
    border: 1px solid #cad1d1;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
	background-color:transparent;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}
.select-style option:checked {
    box-shadow: 0 0 10px 100px #f03c3c inset;
	
}

/*Styles datatables */
.buttons-html5{}
.dataTables_wrapper a{font-weight:700 !important; color:#5bc0de!important;  text-decoration:none;}

.subfile{position:relative; bottom:35px; right:40px;}

/* test */

.dropdown-backdrop {
    position: static;
}


.dataTables tbody tr {
max-height: 35px !important; overflow:hidden!important; /* or whatever height you need to make them all consistent */


}


#imaginary_container{
    margin:0 auto;
	width:300px;
	margin-top:10px;
	
}
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{color:white !important;}

.green{
	
	background-color:#5cb85c !important;
	border:#5cb85c !important;
}
.green:hover{
	background-color:#449d44!important; border:#449d44!important;}
.red{
	border: solid #f25757 2px;
	background-color:#f25757;}
.red:hover{  
background: #f03c3c!important;
    border: solid #f03c3c 2px!important;}
.lightblue{
	background:#5bc0de!important;
	border:#5bc0de!important;
}
.lightblue:hover{
	background:#31b0d5!important;
	border:#31b0d5!important;
	}
.orange{
	background-color:#f0ad4e!important;
	border:#f0ad4e!important;
}

.orange:hover{
	background-color:#ec971f!important;
	border:#ec971f!important;
}

.btn.btn-fill {
    color: #FFFFFF !important;
}
.dt-custom{margin:5px !important;}
.btn-group, .btn-group-vertical{width:100% !important;}
.dataTables_wrapper .dataTables_length{max-width:50%; float:left;    margin: 20px; }
div.dataTables_wrapper div.dataTables_filter{max-width:50%; float:right;    margin: 20px;}
.glyphicon::before{margin-right:10px !important;}


@media screen and (max-width: 640px) {
.dataTables_wrapper .dataTables_length{float:none!important; max-width:100% !important;  margin: 0 auto !important;}
div.dataTables_wrapper div.dataTables_filter{float:none !important; max-width:100% !important; margin: 0 auto !important;}

}

.dataTables_info {

    margin: 20px !important;
}

.modal-backdrop{position:static !important;}
.btn-group span, .btn-group-vertical{font-family: "Roboto","Helvetica Neue",Arial,sans-serif !important;}