/* ---------------------------------------------------------------------- */
/*  Theme Centralweb
/* ---------------------------------------------------------------------- */
#page-title {
    
    padding: 10px 0;
   
}
 .control-label {
padding:14px
}

.clip-radio.radio input[type="radio"]:checked + label:before {
  background: #000;
}

table .checkbox input[type=checkbox] {
     position: relative;
     top:8px;
     margin-left: 20px;
     display:inline;
  
}

.navbar-title {
	/*background: #080808 !important;*/
	font-size:17px;
	text-align:center;
	padding-left: 0px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/*style pour upload de mik*/
.form-group table.col-md-10 .col-sm-8 {
	padding-left: 0px;
	
}

.custom-file-input input[type=file]::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input input[type=file]::before {
  content: 'Selectionner un fichier';
  display: inline-block;
  border: 1px solid #8e8e93;
  border-radius: 3px;
  padding: 5px 8px;
  background-color: #8e8e93 !important;
  outline: none;
  color:#fff;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input input[type=file] {
  height:40px !important;
   width:160px !important;
}
.custom-file-input input[type=file]:hover::before {
  border-color: #8e8e93;
}
.custom-file-input input[type=file]:active::before {
  background: -webkit-linear-gradient(top, #8e8e93, #8e8e93);
}

.title2{
background-color : #8e8e93;
}

.table > thead > tr.title2 > th, .table > tbody > tr.title2 > th, .table > tfoot > tr.title2 > th, .table > thead > tr.title2 > td, .table > tbody > tr.title2 > td, .table > tfoot > tr.title2 > td , .table tr.title2 th a{
	color: #fff !important;
}

.text-cw, a.text-cw i {
    color: #ba0064 ;
}
header .navbar-collapse .navbar-right > li > a i.text-cw{
    color: #ba0064 !important;
}
.navbar-collapse .navbar-right > li > a.text-cw i {
    color: #ba0064 !important;
}

#page-title {
    background: #e6e8e8;
}

.form-horizontal .form_non_lang{
	 margin-right: 0px;
	 margin-left: 0px;
}

/** couleur du menu **/
#sidebar nav > ul > li > a .item-media > i {
    color: #ba0064 !important;
}
#sidebar nav .button-o {
    border-color: #ba0064 !important;
    color: #ba0064 !important;
}
header .navbar-header .sidebar-toggler, header .navbar-header .sidebar-mobile-toggler {
    color: #ba0064 !important;
}
/** Dimension du menu **/
#sidebar {
	width:195px;
}
#sidebar > div nav > ul li > a {
    font-size: 12px;
}
#sidebar nav {
    padding-top: 10px;
}
#sidebar > div nav > ul li a i[class*="ti-"] {
     margin-right: 0px;
}
#sidebar > div nav > ul li a i[class*="fa-"] {
     margin-right: 0px;
     font-size: 15px;
}
.navbar-title {
    font-size: 15px;
    color: #000 !important;
    padding-right:0px !important;
    font-weight:bold;
}

@media (min-width: 768px){
.navbar .navbar-header {
    width: 195px ;
}
.navbar .navbar-collapse {
    margin-left: 195px;
    }
}

@media (min-width: 992px){
.main-content {

    margin-left: 195px;
}
}
.navbar .navbar-header .navbar-brand {
  
    margin-left: 0px;
}
#sidebar nav > ul > li.open_rub {
    border-left: 7px solid #ba0064;
    border-right: 8px solid #ba0064;
    font-style: italic;
   
}
.open_rub .title {text-align:left !important; width:auto !important;  color:#ba0064;}

body{
    font-size: 12px;
}

.text-large{
 font-size: 14px!important;
}
.text-extra-large{
font-size: 16px!important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background :#ba0064 !important;
}

.top8px {
    margin-top: 8px;
}

/*datebar*/
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover{
background: #dedede;
}

@media (min-width: 992px){
.app {position: absolute;}
.app-sidebar-fixed #sidebar {
  
	left:0px !important;
}
}

.datepicker-inline {
    width: 100% !important;
}
.datepicker table {
    width: 100% !important;
}
.datepicker table tr td span {
    width: 6% !important;
    display: inline-table !important;
    float: none !important;
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover{
	
			background:         linear-gradient( to bottom, #ba0064, #ba0064) !important;
			

}
.datepicker table tr td span.month{
	background-color:#dedede!important;
}
.datepicker td, .datepicker th {
    width: auto ;
 }
.btn-cw {
    background-color: #ba0064;
    border-color: #ba0064;
    color: #ffffff;
}
.btn-cw:hover{
	color:#fff;
}
 th.datepicker-switch {
	background:#eeeeee;
}

.progress-bar-cw {
    background-color: #ba0064;
}

.modal2 {
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, 0.8 ) 
                url('/commonweb/public/theme/cliptwo/assets/images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}
div.menu {
right:0px;
position: absolute;
width:200px;
}

 div.menu div.option { width:100%; background-color:#fff; display:block; }
 div.menu div.option p {  color:#ba0064; margin:0; vertical-align: middle; padding: 3px 3px 2px 3px; cursor:pointer}
div.menu div.option:hover { color:#ba0064; background-color: #fff; }

.height-30
{height: 30px}

.margin-bottom-25{
margin-bottom: 25px !important;
height: 20px;
display: inline-table;
}
.bg-grey {
    background: #EFEFF4  !important;
    color: #ffffff;
}

div.cs-skin-slide {
width: 300px;
}
.cs-skin-slide > span::after, .cs-skin-slide.cs-active > span::after {
content: '\e64b';
    color: #ba0064;
    }
.dataTables_length select{
    -webkit-appearance: menulist;
    }
    
.gris{
   font-weight:bold !important;
  
}
 .table > tbody > tr.gris > td{
   
   color: #ba0064 !important;
}

.btn-primary.btn-cw {
  border: 1px solid #ba0064;
  color: #ba0064;
  background-color:#ffffff;
}

.btn-primary.btn-cw:hover {
  border: 1px solid #ba0064;
  color: #ffffff;
  background-color:#ba0064 !important;
}
.btn-cw:focus {
  border: 1px solid #ba0064;
  color: #ffffff !important;
  background-color:#ba0064 !important;
}