@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;
}
@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;
}

/* .page-sidebar-wrapper{
	width:235px;
} */
.display-none{
  display:none;
}

.page-container{
  width:100%;
}
.page-sidebar-menu ul li a{
  color:black;
}
/*
GSI
.page-sidebar{
	width:200px !important;
}
.page-content{
	margin-left:200px !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;*/
  background-color:#000;
  /*border:1px solid #CCC;*/
  color:#FFF;
  display:none;
  float:none;
  font-size:14px;
  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;*/
}
.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-logo-container{
  position: relative;
  text-align: center;
  padding: 10px 0;
}

.img-monit-logo{
  position: relative;
  max-width: 100%;
  max-height: 100%;
}

.img-perimetre{
  max-width: 100px;
}

.img-result{
  left:0;
  position:relative;
  top:0;
  max-width: 100%;
  max-height: 100%;
}

.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{
  height:150px;
  width:200px;
}

/*********************************
*********************************
**** 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{
  height: 100%;
}

.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;
  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;
}
#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;
}

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;
}
.radioSurveillanceModifDossier .radio input, .radioVeilleModifDossier .radio input{
  opacity :1 !important;
}
.radioSurveillanceModifDossier .radio, .radioVeilleModifDossier .radio{
  display:block;
  /*float:left;*/
  margin-left:20px;
  position:relative;
}
.survInactive{
  color: #bfbfbf;
}
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu {
  background-color: transparent;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img{
  border:solid 1px #d6d6d6;
}

/* Margin */
.m-0{
  margin: 0!important;
}
.m-1{
  margin: 0.5rem!important;
}
.m-2{
  margin: 1rem!important;
}
.m-3{
  margin: 1.5rem!important;
}
.m-4{
  margin: 2rem!important;
}

.ml-0{
  margin-left: 0!important;
}
.ml-1{
  margin-left: 0.5rem!important;
}
.ml-2{
  margin-left: 1rem!important;
}
.ml-3{
  margin-left: 1.5rem!important;
}
.ml-4{
  margin-left: 2rem!important;
}

.mr-0{
  margin-right: 0!important;
}
.mr-1{
  margin-right: 0.5rem!important;
}
.mr-2{
  margin-right: 1rem!important;
}
.mr-3{
  margin-right: 1.5rem!important;
}
.mr-4{
  margin-right: 2rem!important;
}

.mt-0{
  margin-top: 0!important;
}
.mt-1{
  margin-top: 0.5rem!important;
}
.mt-2{
  margin-top: 1rem!important;
}
.mt-3{
  margin-top: 1.5rem!important;
}
.mt-4{
  margin-top: 2rem!important;
}

.mb-0{
  margin-bottom: 0!important;
}
.mb-1{
  margin-bottom: 0.5rem!important;
}
.mb-2{
  margin-bottom: 1rem!important;
}
.mb-3{
  margin-bottom: 1.5rem!important;
}
.mb-4{
  margin-bottom: 2rem!important;
}
/* Padding */
.p-0{
  margin: 0;
}
.p-1{
  padding: 0.5rem;
}
.p-2{
  padding: 1rem;
}
.p-3{
  padding: 1.5rem;
}
.p-4{
  padding: 2rem;
}

.pl-0{
  padding-left: 0;
}
.pl-1{
  padding-left: 0.5rem;
}
.pl-2{
  padding-left: 1rem;
}
.pl-3{
  padding-left: 1.5rem;
}
.pl-4{
  padding-left: 2rem;
}

.pr-0{
  padding-right: 0;
}
.pr-1{
  padding-right: 0.5rem;
}
.pr-2{
  padding-right: 1rem;
}
.pr-3{
  padding-right: 1.5rem;
}
.pr-4{
  padding-right: 2rem;
}

.pt-0{
  padding-top: 0;
}
.pt-1{
  padding-top: 0.5rem;
}
.pt-2{
  padding-top: 1rem;
}
.pt-3{
  padding-top: 1.5rem;
}
.pt-4{
  padding-top: 2rem;
}

.pb-0{
  padding-bottom: 0;
}
.pb-1{
  padding-bottom: 0.5rem;
}
.pb-2{
  padding-bottom: 1rem;
}
.pb-3{
  padding-bottom: 1.5rem;
}
.pb-4{
  padding-bottom: 2rem;
}








.btn.dropdown{
  padding:0px;
}
.btn.dropdown:hover{
  opacity:1;
}

.btn.btn-block + .btn.btn-block{
  margin-left: 0;
}

.cp-color-picker{
  z-index: 99999;
}
.row-fix:before, .row-fix:after{
  display:inline-block;
}
.text-red{
  color:#ff0000!important;
}
#app .dropdown > .dropdown-menu > li{
  padding:6px 13px;
  text-transform: capitalize;
  cursor: pointer;
}
#app .dropdown > .dropdown-menu > li:hover{
  filter: brightness(115%);
  text-decoration: underline;
}
.tab{
  border-left: solid 1px;
  border-bottom: solid 1px;
  border-right: solid 1px;
  border-color: #ddd;
  padding: 1rem;
}
.portlet-title.nav{
  background-color: #6D6D6D;
  padding-left: 15px;
  padding-top: 5px;
}

.portlet-title.nav>li{
  background-color: #ddd;
  margin-left:5px;
}
.portlet-title.nav>li>a {
  color: #555;
}
div.result-img{
  position:relative;
}
div.result-img .result-img-overlay{
  position:absolute;
  width:100%;
  height:100%;
  opacity:0;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
div.result-img .result-img-overlay:hover{
  opacity:1;
  background-color: rgba(0,0,0,0.6);
}
div.result-img .result-img-overlay:hover .actions{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}
.label{
  display: inline-block;
  margin-bottom: 0;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 4px;
  border-width: 0;
  padding: 7px 14px;
  font-size: 14px;
  outline: none !important;
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  font-weight: 400;
}
.label-success{
  background-color:#5cb85c;
  border-color:#5cb85c;
}