@CHARSET "UTF-8";

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

body{
    font-family:"Open Sans", sans-serif;
	background-color:#fff;
}
@font-face{
    font-family:'FontAwesome' !important;
    font-weight:normal !important;
    font-style:normal !important;
    src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0') !important;
    src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
        url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
        url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
        url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
        url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg') !important;
}

@keyframes shaking {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

/* .page-sidebar-wrapper{
	width:235px;
} */
.display-none{
	display:none;
}
.shake{
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
.page-container{
	width:100%;
}
.page-sidebar-menu ul li a{
	color:black;
}

.page-sidebar{
	z-index:9 !important;
}
.float-left{
	float:left !important;
}
.float-right{
	float:right !important;
}
.pointer{
	cursor: pointer;
}
.yellow-lemon.btn, .yellow-crusta.btn{
	color: #000 !important;
}
.yellow-lemon.btn:hover, .yellow-crusta.btn:hover{
	color: #FFF !important;
}
.navbar-nav > li > .btn{
	padding:7px 14px;
}
.navbar-nav > li{
	color: #FFF;
}
.bouton-rapport{
	float:left;
	margin:10px;
}
.m-w-250px{
	max-width:250px;
}
#body-bo-resultat-en-attente .div-from, .div-form{
	float:left;
	padding:5px;
}
.row-form{
	padding-bottom:20px;
}
.table{
	font-size:12px;
	/*text-align: center;*/
}
.max-200{
	max-width:200px;
}
.w-100{
	width:100%;
}
.font-10{
	font-size:10px;
}
.table tr, .table td, .table th{
	vertical-align:middle !important;
}
#colorbox{
	z-index:9997;
}
#colorbox-cover, #font-creation-rapport, .spinnerBackG{
	background-color:#000;
	display:none;
	height:100%;
	left:0px;
	opacity:0.5;
	position:fixed;
	text-align:center;
	vertical-align: middle;
	top: 0px;
	width:100%;
	z-index:9996;
}
#cboxClose{
	background-color:#000;
	border:none;
	color:#FFF;
	cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
#colorbox #cboxClose{
	position:absolute;
	right:25px;
	bottom: 25px;
}
#cboxLoadedContent{
/* margin-top:28px; */
margin-bottom:0;
}

.resultat-home-tableau, .resultat-home-tableau caption, .resultat-home-tableau td, .resultat-home-tableau th, .header{
	background-color:#FFF !important;
}
.resultat-home-tableau caption{
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
}
.resultat-home-tableau thead td, .resultat-home-tableau thead th{
	/*background-color:#F7CA18;*/
	border:none;
	/* border-bottom: 1px solid #ddd; */
	border-bottom: 1px solid #CCC;
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
}
.resultat-home-tableau tbody td, .resultat-home-tableau tbody th{
	border-bottom: 1px solid #CCC;
}
.resultat-home-tableau td, .resultat-home-tableau th{
	text-align: center;
	vertical-align:inherit;
}
.back-yellow-lemon{
	background-color:#F7CA18 !important;
	border-right:1px solid #FFF !important;
}
.border-yellow-right{
	border-right: 1px solid #F7CA18 !important;
}
.filter{
	border:1px solid #CCC;
	/*width:100px;*/	
}
.form-resultat-periode{
	width:100%;
	margin-top: 7px;
}
table.tablesorter{
	font-family: "Open Sans",sans-serif !important;
}
.portlet > .portlet-title > .nav-tabs > li > a.portlet-resultat-a, .portlet-resultat-a{
	margin:0 !important;
	padding:0 !important;
}
.btn-transparent{
	background-color:transparent;
	border: none;
	color: #000 !important;
}
.btn-transparent:hover{
	background-color:#FFF;
}
button .export-perso{
	background-color:transparent;
	border: none;
	color: #FFF !important;
	margin-top: 6px;
    padding-bottom: 8px;
    position: relative;
}
.export-perso:hover{
	background-color:#FFF;
	color: #000 !important;
}
.tablesorter > tbody > tr > td, .tablesorter > tbody > tr > th, .tablesorter > tfoot > tr > td, .tablesorter > tfoot > tr > th, .tablesorter > thead > tr > td, .tablesorter > thead > tr > th{
	padding:4px;
}
.m-width-200{
	width:200px;
}
.tablesorter .tablesorter-filter, .filter {
    width: 100%;
}
div.checker input{
	opacity: 1;
}
div.checker, div.checker span, div.checker input {
    height: 15px;
    width: 15px;
}
.analyse-resultat, .analyse-resultat div{
	text-align:left;
}
.analyse-resultat .reco,.analyse-resultat .quali, .analyse-resultat .bruit, .analyse-resultat .pertinent , .analyse-resultat select{
	margin:2px;
	width:30px;
}
#status, .tooltipSfView, #tooltipSfView{
	background-color:#FFF;
	border:1px solid #CCC;
	display:none;
	float:none;
	padding:5px;
	position:absolute;
	text-align:center;
	word-break: normal;
	z-index:9999;
}

.redemptionPeriod{
	color:green !important;
}
.ok{
	color:#26C281 !important;
}
.pendingDelete{
	color:#D91E18 !important;
}
.pendingRestore{
	color:#D91E18 !important;	
}
.serverHold{
	color:#95A5A6 !important;
}
.clientHold{
	color:#95A5A6 !important;
}
.available{
	color:#D91E18 !important;
}
.width-td{
	width:200px !important;
}
.table td, .table td a{
	font-size: 12px;
	word-break: break-all;
	    /*word-wrap: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;*/ 
}
.table thead tr th{
	font-size:12px;
}
#resultat-home-tableau-pertinent, #res-simple, #resultat-home-tableau-bruit{
	width:100% !important;
}
.border-right-gris{
	border-right:1px solid #CCC;
}
.export-res, .exports-res a, .exports-res form, .exports-res{
	background-color:#FFAA00;
	cursor: pointer;
    font-size: 14px;
    margin-right:1px;
    padding: 6px;
    text-align: center;
}
.export-res-toggle{
	margin-top : 2px!important;
}
.export-res:hover, .exports-res a:hover, .exports-res form:hover, .exports-res button:hover{
	background-color:#FFAA00;
	/*color: #000;*/
	opacity: 0.8;
}
.exports-res{
	display:none;
}
.table.dataTable thead .sorting{
	background:url("/images/sort_both.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.table.dataTable thead .sorting_asc{
	background:url("/images/sort_asc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.table.dataTable thead .sorting_desc{
	background:url("/images/sort_desc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.res-domain{
	height:100%;
	word-break: break-all;
	widht:100%;
}
.res-simple{
	/*display:none;*/
}
/*.setWhois, .deleteResultat{
	font-size:9px;
}*/
table.dataTable tbody tr.odd{
	background-color: #f9f9f9;
}

.img-result{
	left:0;
	position:relative;
	top:0;
}

.img-result-hover{
	background:url('/images/icone-hover_2015-10-14.png') repeat scroll -104px -101px;
	cursor:pointer;
	display:none;
	float:right;
	height:60px;
	opacity:0;
	position:relative;
	top:0;
	width:60px;
	z-index:10;
}
.img-result-hover-bas{
	background-color:#FFF;
	border-top:1px solid #CCC;
	height:20px;
	top:-80px;
	display:none;
	float:none;
	opacity:0;
	position:relative;
	width:100%;
	z-index:10;
}
.loupe{
    background: url("/images/icone-hover_2015-10-14.png") repeat scroll -200px -150px;
    height: 18px;
    width: 18px;
}
.loupe:hover{
    background: url("/images/icone-hover_2015-10-14.png") repeat scroll -218px -151px;
}
.img-result-loupe{
	float:left;
	left:30px;
	position:relative;
	top:13px;
		
}
.engrenage{
	background: url("/images/icone-hover_2015-10-14.png") repeat scroll -165px -100px;
    height: 16px;
    width: 16px;
}
.engrenage:hover{
	background:url("/images/icone-hover_2015-10-14.png") repeat scroll -181px -116px;
}
.img-result-engrenage{
	left: 2px;
	cursor:pointer;
	position:relative;
	top : 1px;
}
.resultat-img, .result-screenshot{
	height:150px;
	width:200px;
}
.result-screenshot{
	position:relative;
}
.result-screenshot .img-result-hover{
	display:none;
}
.result-screenshot:hover .img-result-hover{
	background-color:rgba(0,0,0,0.1);
	background-image: none;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
	width: auto;
	float: none;
	opacity: 1;
}
.result-screenshot:hover .img-result-hover .actions{
	background-image: none;
	top: 0;
	height: 2em;
	left: 0;
	right: 0;
	float: none;
	position: absolute;
	background-color: rgba(0,0,0,0.3);
}


/*********************************
*********************************
**** DEBUT SURCHARGE METRONIC ****
********************************
*******************************/

.page-header.navbar{
	background-color:#000;
}
.page-logo{
	text-align:center;
}
.page-logo a{
	display:block;
	float:none;
	position:relative;
	top:-13px;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, 
.page-sidebar .page-sidebar-menu > li.active > a, 
.page-sidebar .page-sidebar-menu > li.active.open > a{
	background-color:#A80001;	
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, 
.page-sidebar .page-sidebar-menu > li.active > a:hover, 
.page-sidebar .page-sidebar-menu > li.active.open > a:hover{
	opacity:0.8;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a, 
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a{
	background-color:#A80001 !important;	
}
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, 
 .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover{
	opacity:0.8;
}

.page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected{
	border-top: 6px solid #A80001;
}

.portlet > .portlet-title > .nav-tabs > li > button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #fff;
    margin: 5px 0 0 1px;
    padding: 8px 10px;
}
.portlet > .portlet-title > .nav-tabs > li > button:hover {
	background-color:#FFF;
	color:#000;
}
.nav-tabs > li > button, .nav-pills > li > button {
    border-radius: 4px 4px 0 0;
    font-size: 14px;
}
.portlet > .portlet-title > .nav-tabs{
	float:left;
}

/******************************
******************************
**** FIN SURCHARGE METRONIC ****
*****************************
****************************/

.portlet-grey{
	background-color:#6D6D6D;
	border-color:#6D6D6D;
	border-style: none solid solid;
    border-width: 0 1px 1px;
}

.portlet.box.portlet-grey > .portlet-title{
	background-color:#6D6D6D;
}

.portlet-greyFonce{
	/*background-color:#3D3D3D;
	border-color:#3D3D3D;*/
	background-color:#3F3F3F;
	border-color:#3F3F3F;
	border-style: none solid solid;
    border-width: 0 1px 1px;
}

.portlet.box.portlet-greyFonce > .portlet-title{
	/*background-color: #3D3D3D;*/
	background-color: #3F3F3F;
}

.portlet-grey .portlet-title{
	color:#FFF;
}
.orange.btn{
	background-color:#FFAA00;
	color:#000;
}
.orange.btn:hover{
	opacity:0.8;
}
#dossiers, #dossiers-analyse, #dossiers-attente{
	width: 100% !important;
}
#dossiers a.orange.btn, #veilleNdds a.orange.btn.domaine{
	font-size:12px;
	width:90%;
	word-break: break-all;
}
table td, table th,  table a.orange.btn{
	font-size:12px;
}
.grey.btn{
	background-color: #e6e6e6; /*#E6E6E6;*/
	color: #000;
}
.grey.btn:hover{
	opacity:0.8;
}
.blue-sf.btn{
	background-color:#0062BD;
	color:#FFF;
}
.btn:hover{
	opacity:0.8;
}
.portlet-body .bottom{
	padding:10px;
}
.dataTables_wrapper{
	padding-bottom:10px;
}
.dataTables_wrapper>div{
	padding-bottom:10px;
}
#top-notification span{
	background-color:#FF0000;
}
.red-sf.btn{
	background-color:#FF0000;
	color: #FFF;
}
#top-mail span{
	background-color:#008000;
}
#top-calendrier span{
	background-color:#0062BD;
}
.blue-sf.btn{
	background-color:#0062BD;
	color:#FFF;
}
#top-notification span:hover, #top-mail span:hover,#top-calendrier span:hover{
	opacity:0.8;
}
#caption-resultat{
	padding-right:10px;
}
#btn-pertinent, #btn-simple, #btn-bruit, #btn-traitement, .vider, .recharger, #btn-veille{
	background-color:#989898;
}
.btn-pertinent-bo, .btn-simple-bo, .btn-bruit-bo, .btn-traitement-bo, .vider-bo, .recharger-bo, .btn-veille-bo{
	background-color:#428bca;
}
.active #btn-pertinent, .active #btn-simple, .active #btn-bruit, .active #btn-traitement, .active #btn-veille{
	background-color: #FFF;
}
/*
#exports-ul{
	margin-top:5px;
}
*/
#rapport-select-dossier{
	padding-bottom:20px;
}
.dossier-last-rapport{
	width:85%;
}

#resultat-home-tableau-pertinent input:-moz-placeholder,
#resultat-home-tableau-pertinent input::-moz-placeholder,
#resultat-home-tableau-pertinent input::-webkit-input-placeholder,
#resultat-home-tableau-pertinent input:-ms-input-placeholder,
input:-moz-placeholder,
:-moz-placeholder,
input::-moz-placeholder,
::-moz-placeholder,
input::-webkit-input-placeholder,
::-webkit-input-placeholder,
input:-ms-input-placeholder,
:-ms-input-placeholder
 { color: #fff; }
 
.resultat-analyse-td .btn, .td-resultat-analyse .btn, .td-resultat-analyse{
	border-size:1px;
	font-size: 11px;
	/*margin:2px;*/
	/*width:100%;*/
	width:60px;
 }
 .resultat-span-export-perso{
 	position:relative;
 	top:-3px;
 }
.dataTables_filter{
	display:none;
 }
 /* DataTables : remove No Data available ... */
 tr .dataTables_empty{
 	display : none;
 } 
.cke_editable{
	word-break: break-all !important;
}

/* #q_surveillance_bo_popup_resultat_modif_commentaire{
	height:800px !important;
} */
.w-40px, .w-40px input{
	max-width:40px !important;
}
.col-md-0-5{
	width:6%;
}
#resultats{
	width:100% !important;
}
.modal .modal-dialog{
	z-index:10061;
}

.veilleNddDiff > tr, .veilleNddDiff > tr > th, .veilleNddDiff > tr > td, .veilleNddDiff tr, .veilleNddDiff  td, .veilleNddDiff  th, .veilleNddDiff  tr td{
	vertical-align: top !important;
	width:50%;
}
.veilleNddDiff{
	border-collapse: unset;
}
.veilleNddDiff > tbody > tr > .veilleNddDiffTd-left{
	border-bottom: 2px solid #feba32;
	border-left: 2px solid #feba32;
	border-top: 2px solid #feba32;
}
.veilleNddDiff > tbody > tr > .veilleNddDiffTd-right{
	border-bottom: 2px solid #feba32;
	border-right: 2px solid #feba32;
	border-top: 2px solid #feba32;
}
.veille-histo-diff{
	border:1px solid red;
	background-color: #FAEBCC;
	/*height:99%;
	width:99%;*/
	padding: 7px;
}

.selectable .ui-selecting { background: #FECA40; }
   #analyse,#bruit{ border-bottom:1px solid #ddd;}
   #analyse td,#bruit td{border-bottom:0px;border-left:0px;border-right:0px;}
   #analyse th,#bruit th{border-left:0px;border-right:0px;}
   #analyse .odd td , #bruit .odd td{background-color:#f9f9f9;}
   
.dataTables_filter {
     display: none;
 }
    
 .dropdownNew button.dropdown-toggle {
  border: 1px solid #ccc;
 }
 .dropdownNew > .dropdown-menu {
  margin-top: 0px;
  box-shadow: 0px 0px rgba(102, 102, 102, 0.1) !important;
 }
 .dropdownNew .dropdown-menu li a{
  line-height: 5px !important;   
 }
 
 .dropdownNew .dropdown-menu li > a:hover,.dropdownNew .dropdown-menu .active > a, .dropdownNew .dropdown-menu .active > a:hover {
  text-decoration: none;
  background-color: transparent !important;
  filter: none;
 }   
 .dropdownNew .dropdown-menu {
	 min-width: 60px !important;
	 border: solid 2px #000;
 	 padding: 3px;
 }
.dropdownNew .dropdown-menu li{
	margin-bottom: 2px;
	border: solid 1px #000;
}
    
th.date_range_medium{
	max-width:140px !important;
}

th.date-picker .input-sm{
	padding-left: 2px !important;
	padding-right: 2px !important;
}
div.date-picker .btn-sm{
	padding: 4px 5px 5px !important;
}

table.dataTable thead th{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd!important;
}
table.dataTable thead td{
	border:none;
}	
table.dataTable thead > tr.odd {
  background-color: #f9f9f9;
  border: none;
}
table.dataTable {
  border-bottom: 1px solid #dddddd ! important;
}
.input-xs {
	height:23px;
    padding: 1px 5px;
}
.veilleNddPourcentInput, .veilleNddPourcentHtmlInput{
	float:left;
	max-width: 45px;
	width:20%;
}
.veilleNddPourcentLabel, .veilleNddPourcentHtmlLabel{
	padding-left:2%;
	width:76%;
}
.veilleNddPourcentLabel span, .veilleNddPourcentHtmlLabel span{
	display:inline-block;
	padding-right:2%;
	padding-top:2px;
}
.veilleNddPourcentSave, .veilleNddPourcentHtmlSave{
	font-size:12px;
}
/* .btn-sm, .btn-xs {
    font-size: 13px;
    line-height: 1.5;
    padding: 4px 10px 5px;
} */
.tiersLegitime{
	background-color: #0062bd;
	color: #000;
}
.corporate{
	background-color: #008000;
	color: #000;
}
.abusif{
	background-color: #ff0000;
	color: #000;
} 
.aRisque{
	background-color: #ffaa00;
	color: #000;
}
.inconnu{
	background-color: #989898;
	color: #000;
}
.drapeau{
	display:block;
	margin-top:2px;
}
#veilles{
	width: 100% !important;
}
.selectClient{
	background-color:#474747;
	border-color:#484848;
	color: #bdbdbd;
}
.selectClientDiv{
	text-align: center;
}
.selectClientBtn{
	margin-top:7px;
}
.tooltipSfView{
	display:none;
}
#modifVeillePortlet label{
	font-size:12px;
}

.category-select2-dropdown .select2-results__options .select2-results__option{
	padding:0px;
}
.category-select2-dropdown .select2-results__options .select2-results__option>div{
	padding:6px;
}
.category-select2-container .select2-selection__rendered>div{
	margin-right: -20px;
	margin-left: -8px;
	padding-left: 8px;
	padding-right: 30px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
	display:none;
}
.select2-container .select2-dropdown{
	z-index: 9999999;
}
.portlet-body.table-scrollable{
	margin:0!important;
}

.mt-1{
    margin-top:0.5rem;
}
.mt-2{
    margin-top:1rem;
}
.mb-1{
    margin-bottom:0.5rem;
}
.mb-2{
    margin-bottom:1rem;
}
.pr-1{
	padding-right:0.5rem
}
.pl-1{
	padding-left:0.5rem
}


input[type="checkbox"].btn-checker{
	display:none;
	visibility: hidden;
}
input[type="checkbox"].btn-checker + label{
	position:relative;
	padding-left:2.15em;
}
input[type="checkbox"].btn-checker + label::before{
	content: "";
	position: absolute;
	height: 1em;
	width: 1em;
	border:solid 1px black;
	border-radius: 3px;
	vertical-align: middle;
	top: 0.66em;
	left:0.66em;
}
input[type="checkbox"].btn-checker + label::after{
	transition: transform 1s, width 0.5s, height 0.5s, top 0.5s, left 0.5s;
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	top: 1.2em;
	transform: rotate(0deg);
	left: 1em;
}
input[type="checkbox"].btn-checker:checked + label::after{
	height: .6em;
	width: 0.35em;
	border-bottom: solid 2px black;
	border-right: solid 2px black;
	top: .75em;
	transform: rotate(45deg);
	left: 1em;
}

.crop16{
	max-width:16em;
	overflow:hidden;
	text-overflow:ellipsis;
}


/**
Switch
 */

.onoffswitch {
	position: relative; width: 11em;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label {
	display: block; overflow: hidden; cursor: pointer;
	border: 2px solid #FFAA00; border-radius: 20px!important;
}
.onoffswitch-inner {
	display: block; width: 200%; margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner div{
	display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
	font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	box-sizing: border-box;
}
.onoffswitch-inner div:first-of-type {
	padding-left: 10px;
	background-color: #FFAA00; color: #FFFFFF;
}
.onoffswitch-inner div:last-of-type {
	padding-right: 10px;
	background-color: #EEEEEE; color: #999999;
	text-align: right;
}
.onoffswitch-switch {
	display: block; width: 1.5em;height: 1.5em; margin: 6px;
	background: #FFFFFF;
	position: absolute; top: 0; bottom: 0;
	left: 0px;
	border: 2px solid #FFAA00; border-radius: 100px!important;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	left: calc(100% - 2.5em);
}

/** Detail card **/
.row.detailsRow{
	line-height:2.5em;
	padding-bottom:0.15em;
}
.row.detailsRow div:first-of-type{
	background-color:#d0d0d0;
}
.row.detailsRow div:last-of-type{
	background-color: #e2e2e2;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
.row.detailsRow.doubleRow div{
	height: 5em;
}
.row.detailsRow.doubleRow div:last-of-type{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	background-color: #e2e2e2;
	white-space: initial;
	text-overflow: ellipsis;
	overflow:hidden;
}

body.modal-open{
	overflow:hidden!important;
}

.clickable{
	cursor:pointer!important;
}

.modal-dialog{
	width:800px;
	max-width:90%;
}

.table-selectable tr td{
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.table-selectable .selected{
	background-color: rgba(255, 170, 0, 0.5)!important;
}
.tableSortingSelect{
	position:absolute;
	z-index:9999999999;
	background:#ececec;
}
.tableSortingSelect>div{
	padding:5px 10px;
	cursor: pointer;
	text-align:center;
}
.tableSortingSelect>div:not(:last-of-type){
	border-bottom: solid 1px grey;
}
.tableSortingSelect>div:hover{
	background-color: rgba(255, 170, 0, 0.5)!important;
}

@media (min-width: 1300px){
	.col-xl-6 {
		width: 50%;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left;
	}
}
@media (max-width: 1299px){
	.col-xl-6 {
		width: 100%;
	}
}
@media (max-width: 767px){
	.col-sm-6 {
		width: 100%;
	}
}
.bo-column {
	width: 1%;
	white-space: nowrap;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img{
	border:solid 1px #d6d6d6;
}
.p-1{
	padding:1em;
}
.p-2{
	padding:2em;
}

.p-3{
	padding:3em;
}
.m-1{
	margin: 1em;
}
.m-2{
	margin: 2em;
}
.m-3{
	margin: 3em;
}

[type="flash-messages"]{
	position: fixed;
	width: auto;
	right: 50px;
	top: 80px;
	z-index: 999999999999999999;
}

[type="flash-messages"] div.flash-message {
	/*padding: 30px 10px 30px 10px;*/
	webkit-box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.54);
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.54);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

[type="flash-messages"] div.flash-message button.close {
	top:-5px;
}

/* *** bootstrap *** */
:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
}

.align-baseline {
	vertical-align: baseline !important;
}
.align-top {
	vertical-align: top !important;
}
.align-middle {
	vertical-align: middle !important;
}
.align-bottom {
	vertical-align: bottom !important;
}
.align-text-bottom {
	vertical-align: text-bottom !important;
}
.align-text-top {
	vertical-align: text-top !important;
}
.bg-primary {
	background-color: #007bff !important;
}

.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}
.btn-secondary:hover {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
}
.btn-secondary.focus,
.btn-secondary:focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #545b62;
	border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
	background-color: #0062cc !important;
}
.bg-secondary {
	background-color: #6c757d !important;
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
	background-color: #545b62 !important;
}
.bg-success {
	background-color: #28a745 !important;
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
	background-color: #1e7e34 !important;
}
.bg-info {
	background-color: #17a2b8 !important;
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
	background-color: #117a8b !important;
}
.bg-warning {
	background-color: #ffc107 !important;
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
	background-color: #d39e00 !important;
}
.bg-danger {
	background-color: #dc3545 !important;
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
	background-color: #bd2130 !important;
}
.bg-light {
	background-color: #f8f9fa !important;
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
	background-color: #dae0e5 !important;
}
.bg-dark {
	background-color: #343a40 !important;
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
	background-color: #1d2124 !important;
}
.bg-white {
	background-color: #fff !important;
}
.bg-transparent {
	background-color: transparent !important;
}
.border {
	border: 1px solid #dee2e6 !important;
}
.border-top {
	border-top: 1px solid #dee2e6 !important;
}
.border-right {
	border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
	border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
	border-left: 1px solid #dee2e6 !important;
}
.border-0 {
	border: 0 !important;
}
.border-top-0 {
	border-top: 0 !important;
}
.border-right-0 {
	border-right: 0 !important;
}
.border-bottom-0 {
	border-bottom: 0 !important;
}
.border-left-0 {
	border-left: 0 !important;
}
.border-primary {
	border-color: #007bff !important;
}
.border-secondary {
	border-color: #6c757d !important;
}
.border-success {
	border-color: #28a745 !important;
}
.border-info {
	border-color: #17a2b8 !important;
}
.border-warning {
	border-color: #ffc107 !important;
}
.border-danger {
	border-color: #dc3545 !important;
}
.border-light {
	border-color: #f8f9fa !important;
}
.border-dark {
	border-color: #343a40 !important;
}
.border-white {
	border-color: #fff !important;
}
.rounded {
	border-radius: 0.25rem !important;
}
.rounded-top {
	border-top-left-radius: 0.25rem !important;
	border-top-right-radius: 0.25rem !important;
}
.rounded-right {
	border-top-right-radius: 0.25rem !important;
	border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
	border-bottom-right-radius: 0.25rem !important;
	border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
	border-top-left-radius: 0.25rem !important;
	border-bottom-left-radius: 0.25rem !important;
}
.rounded-circle {
	border-radius: 50% !important;
}
.rounded-0 {
	border-radius: 0 !important;
}
.clearfix::after {
	display: block;
	clear: both;
	content: "";
}
.d-none {
	display: none !important;
}
.d-inline {
	display: inline !important;
}
.d-inline-block {
	display: inline-block !important;
}
.d-block {
	display: block !important;
}
.d-table {
	display: table !important;
}
.d-table-row {
	display: table-row !important;
}
.d-table-cell {
	display: table-cell !important;
}
.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
.d-inline-flex {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}
@media (min-width: 576px) {
	.d-sm-none {
		display: none !important;
	}
	.d-sm-inline {
		display: inline !important;
	}
	.d-sm-inline-block {
		display: inline-block !important;
	}
	.d-sm-block {
		display: block !important;
	}
	.d-sm-table {
		display: table !important;
	}
	.d-sm-table-row {
		display: table-row !important;
	}
	.d-sm-table-cell {
		display: table-cell !important;
	}
	.d-sm-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.d-sm-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}
}
@media (min-width: 768px) {
	.d-md-none {
		display: none !important;
	}
	.d-md-inline {
		display: inline !important;
	}
	.d-md-inline-block {
		display: inline-block !important;
	}
	.d-md-block {
		display: block !important;
	}
	.d-md-table {
		display: table !important;
	}
	.d-md-table-row {
		display: table-row !important;
	}
	.d-md-table-cell {
		display: table-cell !important;
	}
	.d-md-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.d-md-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}
}
@media (min-width: 992px) {
	.d-lg-none {
		display: none !important;
	}
	.d-lg-inline {
		display: inline !important;
	}
	.d-lg-inline-block {
		display: inline-block !important;
	}
	.d-lg-block {
		display: block !important;
	}
	.d-lg-table {
		display: table !important;
	}
	.d-lg-table-row {
		display: table-row !important;
	}
	.d-lg-table-cell {
		display: table-cell !important;
	}
	.d-lg-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.d-lg-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}
}
@media (min-width: 1200px) {
	.d-xl-none {
		display: none !important;
	}
	.d-xl-inline {
		display: inline !important;
	}
	.d-xl-inline-block {
		display: inline-block !important;
	}
	.d-xl-block {
		display: block !important;
	}
	.d-xl-table {
		display: table !important;
	}
	.d-xl-table-row {
		display: table-row !important;
	}
	.d-xl-table-cell {
		display: table-cell !important;
	}
	.d-xl-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.d-xl-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}
}
@media print {
	.d-print-none {
		display: none !important;
	}
	.d-print-inline {
		display: inline !important;
	}
	.d-print-inline-block {
		display: inline-block !important;
	}
	.d-print-block {
		display: block !important;
	}
	.d-print-table {
		display: table !important;
	}
	.d-print-table-row {
		display: table-row !important;
	}
	.d-print-table-cell {
		display: table-cell !important;
	}
	.d-print-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.d-print-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}

	.badge {
		display: inline-block;
		padding: 0.25em 0.4em;
		font-size: 75%;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		border-radius: 0.25rem;
	}
	.badge:empty {
		display: none;
	}
	.btn .badge {
		position: relative;
		top: -1px;
	}
	.badge-pill {
		padding-right: 0.6em;
		padding-left: 0.6em;
		border-radius: 10rem;
	}
	.badge-primary {
		color: #fff;
		background-color: #007bff;
	}
	.badge-primary[href]:focus,
	.badge-primary[href]:hover {
		color: #fff;
		text-decoration: none;
		background-color: #0062cc;
	}
	.badge-secondary {
		color: #fff;
		background-color: #6c757d;
	}
	.badge-secondary[href]:focus,
	.badge-secondary[href]:hover {
		color: #fff;
		text-decoration: none;
		background-color: #545b62;
	}
	.badge-success {
		color: #fff;
		background-color: #28a745;
	}
	.badge-success[href]:focus,
	.badge-success[href]:hover {
		color: #fff;
		text-decoration: none;
		background-color: #1e7e34;
	}
	.badge-info {
		color: #fff;
		background-color: #17a2b8;
	}
	.badge-info[href]:focus,
	.badge-info[href]:hover {
		color: #fff;
		text-decoration: none;
		background-color: #117a8b;
	}
	.badge-warning {
		color: #212529;
		background-color: #ffc107;
	}
	.badge-warning[href]:focus,
	.badge-warning[href]:hover {
		color: #212529;
		text-decoration: none;
		background-color: #d39e00;
	}
	.badge-danger {
		color: #fff;
		background-color: #dc3545;
	}
	.badge-danger[href]:focus,
	.badge-danger[href]:hover {
		color: #fff;
		text-decoration: none;
		background-color: #bd2130;
	}
	.badge-light {
		color: #212529;
		background-color: #f8f9fa;
	}
	.badge-light[href]:focus,
	.badge-light[href]:hover {
		color: #212529;
		text-decoration: none;
		background-color: #dae0e5;
	}
	.badge-dark {
		color: #fff;
		background-color: #343a40;
	}
	.badge-dark[href]:focus,
	.badge-dark[href]:hover {
		color: #fff;
		text-decoration: none;
		background-color: #1d2124;
	}

	/*djzojdodkzodkzoz*/
	/*djzosasadjoz*/
}

.border-1 {
	border: 1px solid #CCC;
}
.spinner-lang {
	position: relative;
	top: 5px;
}

.top-menu-left {
	float:left!important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > .dropdown-language {
	font-size:13px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a {
	color: #555 !important;
}

#main_navbar a {
	font-size: 13px !important;
}

#main_navbar a:first-child {
	color: #c5c5c5;
}

#main_navbar .nav.pull-right > li > .dropdown-menu {
	right: auto;
	left: 0;
	margin-top: 0;
}

#main_navbar .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
	visibility:hidden;
}

#main_navbar .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
	margin-top: 0 !important;
}

#main_navbar .nav.pull-right > li > .dropdown-menu .dropdown-menu {
	right: 100% !important;
	left: 100% !important;
	margin-top: 0 !important;
	border-top: none;
	top: 0;
}

#main_navbar .dropdown-menu {
	min-width: 210px;
}

#main_navbar .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
	visibility: hidden !important;
	content: none !important;
}

#main_navbar .dropdown > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .btn-group > .dropdown-menu:before,
#main_navbar .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after,
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after{
	visibility: hidden !important;
	content: none !important;
}

th.col-domain, td.col-domain {
	min-width: 120px!important;
	text-align: left!important;
	word-break: break-word!important; /* Casse les mots qui dépassent la largeur */
	overflow-wrap: normal!important; /* Assure que les mots sont coupés si nécessaire */
	white-space: break-spaces!important; /* Permet au texte de passer à la ligne */
}

th.col-statusName, td.col-statusName {
	min-width: 120px!important;
	max-width: 200px!important;
	text-align: left!important;
	word-break: break-word!important; /* Casse les mots qui dépassent la largeur */
	overflow-wrap: normal!important; /* Assure que les mots sont coupés si nécessaire */
	white-space: break-spaces!important; /* Permet au texte de passer à la ligne */
}

th.col-titulaire, td.col-titulaire {
	min-width: 120px!important;
	max-width: 200px!important;
	text-align: left!important;
	word-break: break-word!important; /* Casse les mots qui dépassent la largeur */
	overflow-wrap: normal!important; /* Assure que les mots sont coupés si nécessaire */
	white-space: break-spaces!important; /* Permet au texte de passer à la ligne */
}

th.col-qualification, td.col-qualification, td.col-qualification > *{
	min-width: 250px!important;
	max-width: 500px!important;
	text-align: justify!important;
	word-break: break-word!important; /* Casse les mots qui dépassent la largeur */
	overflow-wrap: normal!important; /* Assure que les mots sont coupés si nécessaire */
	white-space: break-spaces!important; /* Permet au texte de passer à la ligne */
}

th.col-recommandation, td.col-recommandation, td.col-recommandation > *{
	min-width: 250px!important;
	max-width: 500px!important;
	text-align: justify!important;
	word-break: break-word!important; /* Casse les mots qui dépassent la largeur */
	overflow-wrap: normal!important; /* Assure que les mots sont coupés si nécessaire */
	white-space: break-spaces!important; /* Permet au texte de passer à la ligne */
}

th.col-createdAt, td.col-createdAt {
	min-width: 80px!important;
	max-width: 200px!important;
	text-align: center!important;
	word-break: break-word!important; /* Casse les mots qui dépassent la largeur */
	overflow-wrap: normal!important; /* Assure que les mots sont coupés si nécessaire */
	white-space: break-spaces!important; /* Permet au texte de passer à la ligne */
}

th.col-expireAt, td.col-expireAt {
	min-width: 80px!important;
	max-width: 200px!important;
	text-align: center!important;
	word-break: break-word!important; /* Casse les mots qui dépassent la largeur */
	overflow-wrap: normal!important; /* Assure que les mots sont coupés si nécessaire */
	white-space: break-spaces!important; /* Permet au texte de passer à la ligne */
}

th.col-screenshot, td.col-screenshot {
	min-width: 150px!important;
	max-width: 400px!important;
	text-align: center!important;
	word-break: break-word!important; /* Casse les mots qui dépassent la largeur */
	overflow-wrap: normal!important; /* Assure que les mots sont coupés si nécessaire */
	white-space: break-spaces!important; /* Permet au texte de passer à la ligne */
}

th.col-host, td.col-host {
	min-width: 50px!important;
	max-width: 250px!important;
	text-align: justify!important;
	word-break: break-word!important; /* Casse les mots qui dépassent la largeur */
	overflow-wrap: normal!important; /* Assure que les mots sont coupés si nécessaire */
	white-space: break-spaces!important; /* Permet au texte de passer à la ligne */
}

th.col-registrar, td.col-registrar {
	min-width: 50px!important;
	max-width: 250px!important;
	text-align: justify!important;
	word-break: break-word!important; /* Casse les mots qui dépassent la largeur */
	overflow-wrap: normal!important; /* Assure que les mots sont coupés si nécessaire */
	white-space: break-spaces!important; /* Permet au texte de passer à la ligne */
}

th.col-dnsMx, td.col-dnsMx {
	min-width: 50px!important;
	max-width: 250px!important;
	text-align: justify!important;
	word-break: break-word!important; /* Casse les mots qui dépassent la largeur */
	overflow-wrap: normal!important; /* Assure que les mots sont coupés si nécessaire */
	white-space: break-spaces!important; /* Permet au texte de passer à la ligne */
}