* {
	margin:0px;
    padding:0px;
    font-size:14px;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

ul {
	list-style:none;
}
a {
	text-decoration:none;
	color:#000;
}
img{
	border:none;
}
.clear{
	clear:both;
}
.no_border_right{
	border:none !important;
}
.right{
	float: right !important;
}
body{
    background-color: #f9f9f9;
}


/* TOP BAR */

#top_bar {
    box-sizing: border-box;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
    height: 44px;
}

#logo {
    float: left;
    font-weight: bold;
    letter-spacing: 8px;
    padding-left: 10px;
    width: 50%;
}
#logo a {
    display: block;
    height: 100%;
    line-height: 44px;
    font-weight: bolder;
    font-size: 20px;
}
.top_bar_menu li{
	float:left;
	width:43px;
	height:43px;
	border-left:1px solid #e5e5e5;
}
.top_bar_menu li a{
	display:block;
	height:100%;
	background:url(img/logout.png) no-repeat center center;	
}
.top_bar_li_right li{
	float:right;
}
.top_bar_menu #param{
	background:url(img/param.png) no-repeat center center;	
}

/* //////////////////////////////////////////////////////////////////////////////////// */
.wide{
    /* height: 50px; */
    overflow-x: auto;
}
.wide .onglets{
    width: 110%;
}

.onglets {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e7e6e6;
    height: 35px;
    padding: 5px 2% 0px;
    
}
.onglets a{
    display: inline-block;
    padding: 0px 7px;
    height: 100%;
    line-height: 35px;
}

.onglets .active {
    background-color: #f9f9f9;
    border-left: 1px solid #e7e6e6;
    border-right: 1px solid #e7e6e6;
    border-top: 1px solid #e7e6e6;
    padding: 0px 13px;

    color: #212121;
    cursor: default;
}
.onglets li:not(.active) a:hover{
	text-decoration:underline;
}

/* IN BOX  */

.in_box {
    padding: 20px 15px;
    
}
.in_box h3 {
    padding: 6px 0px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
}

 .row {
    min-height: 35px;
    margin-bottom: 15px;
}
p label {
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    width: 33%;
}
.in_box select, .in_box input[type=text],.in_box input[type=password],.in_box input[type=button],.in_box input[type=number] {
    display: block;
    box-sizing: border-box;
    height: 35px;
    color: #7a7a7a;
    border: 1px solid #dddddd;
    float: right;
    padding: 0px 5px;
    width: 67%;
}
p input[type="checkbox"] {
    float: left;
    width: 35px;
    height: 35px;
}


.in_box p input[type="button"] {
    cursor: pointer;
    width: 30%;
}
/* /////////////////////////////////////////////////////// */

ul.row{
    background-color: #e7e6e6;
    padding: 10px;
}
ul.row li{
    width: 60px;
    float: left;
    

}
ul.row li input {
    margin-left: 16.5px;
    margin-top: 6px;
}


/* //////////////////////////////////// COLOR PICK */
.sp-preview{
    height: 23px !important;
}
.sp-dd{
    line-height: 22px !important;
}
.sp-palette .sp-thumb-el {
    width: 25px;
    height: 25px;
    margin: 3px 2px;
}

/* /////////////////////////////////////// TABLE  */
.in_box table {
    width: 100%;
}
table tr {
    height: 35px;
}
.in_box table th {
    background-color: #f5f5f5;
    background-color: #ddd;
}
.in_box table td, .in_box table th {
    padding: 3px 8px;
}