/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

 body.desktop-detected:not(.menu-on-top) {
   /* min-height: 720px !important; */
 }

 body.smart-style-6 #logo-group>span#logo:before {content: "";}
 body.smart-style-6 #logo img {display: block;}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
  .ajax_waiting_modal {
    text-align: center;
    font-size:  30px;
    padding-top: 100px;
    color  :    white;
    position:   fixed;
    z-index:    20000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 55, 55, 55, .6 ) url('../img/gears.gif') 50% 50% no-repeat;
  }

/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loading {overflow: hidden;}
div.mce-fullscreen {z-index: @zindex-modal;}

/* Anytime the body has the loading class, our
modal element will be visible */
body.loading .ajax_waiting_modal {
 /* display: block;*/<
}
#pageTitleBtn{position: absolute;top: 58px;right: 15px;z-index:900;} /* by default its hidden */    
body.title-fixed  #pageTitleBtn{top: 27px;}
body.menu-on-top.title-fixed #pageTitleBtn{position: fixed;top: 195px;} 

#exportJournalist{position: absolute;top: 63px;right: 164px;z-index:900;} /* by default its hidden */    
body.title-fixed  #exportJournalist{top: 32px;}
body.menu-on-top.title-fixed #exportJournalist{position: fixed;top: 200px;} 

#exportSelectedJournalists{position: absolute;top: 63px;right: 244px;z-index:900;} /* by default its hidden */    
body.title-fixed  #exportSelectedJournalists{top: 32px;}
body.menu-on-top.title-fixed #exportSelectedJournalists{position: fixed;top: 200px;} 

/* so lang menu remains */
.flag + span{
  max-width: 100% !important;
}

div[role=main]{padding-bottom: 52px;}

.bold{font-weight: 600;}

.fa-size {font-size: 1.2em;}
.fa-1-5x {font-size: 1.5em;}
.black-font{color:#333;}
.orange-font{color:#f5803b;}

.jarviswidget header .nav-tabs > li.active > a.has-error{
  border-bottom-color:rgb(185, 74, 72);
  -webkit-box-shadow: 0 -2px 0 rgb(185, 74, 72);
  -moz-box-shadow: 0 -2px 0 rgb(185, 74, 72);
  box-shadow: 0 -2px 0 rgb(185, 74, 72);
}

#executionTime{padding: 15px;}
ul.nav-tabs a.has-error span{
  color:rgb(185, 74, 72);
}

.order-column-left {text-align:right;  display:inline-block;  padding-right:3px;}
.order-column-right {  text-align:left;  display:inline-block;  padding-left:3px;}
.center-cell {text-align: left;}

@media screen and (min-width:  1042px) {
  .center-cell {    text-align: center;  }
  .order-column-rigth,.order-column-left {width:50%;}
}

.ui-autocomplete { z-index: 2000!important; max-height: 200px; overflow-y: scroll; overflow-x: hidden;}
.autocompleteLoading { background:  url('../img/gears.gif') no-repeat right center;}
ul.ui-autocomplete{width:auto;}

/* fix profil1er */

body>#codeigniter_profiler {margin-left: 220px;}
body.minified>#codeigniter_profiler {margin-left: 45px;}
table[id^="ci_profiler"] > tbody > tr > td > code > span {}
table[id^="ci_profiler"] > tbody > tr > td > code > span > span { display: inline-block;}
/* style pagination located inside the toolbar */
div.well ul.pagination{margin:0;margin-bottom:0;}

#widget-grid div.well .btn, .modal-footer .btn{display: inline-block; margin: 5px 1px;}
.modal-footer .btn+.btn{margin-bottom:5px;}
body.menu-on-top .row > article {padding:0;}

/*body:not(.menu-on-top) .generalSearch {margin-left:6px;margin-right:6px;}*/

/* user icon */
.avatar-container {
  display: inline-block;
  border-radius: 20%; 
  color: rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  opacity: 1;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 10;
  background-size: cover;
  box-shadow: 0 0 0 3px;
  box-sizing: content-box;
}

#testQueryModalBody{  max-height: calc(100vh - 200px); overflow-y: auto;}

#debugger {
  background-color: white;
  color: #333;
  position: fixed;
  top: 10px;
  right: 20px;
  z-index: 99999;
  padding: 20px;
  margin: 1rem;
  border-radius: 2px;
  /*border: 2px rebeccapurple solid;*/
  float: right;
  /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.glyphicon-calendar{cursor:pointer;}

/* to be sure the notif modal will be display on the top of other modals*/
#popup_notification_modal {z-index: 1060;}

.ajaxLoading{
  font-size: 20px;
  font-family: "Open Sans",Arial,Helvetica,sans-serif;
  font-weight: 300;
  padding: 2px 4px;
}
.ajaxLoadingMessage{font-size: 15px;}
.ajaxLoading span{padding-left: 5px;}
.tab-pane .ajaxLoading{display: block;padding-top: 11px;padding-left: 17px;font-size: 17px;}

div.tab-pane section.col-md-12 div.dataTables_wrapper{margin:0 -10px 20px -10px;}

.modal-body .ajaxLoading{padding: 9px 11px;  }

.loadingFXWidgetGrid{display: none;}


/* to have a bighger modal */
@media (min-width: 768px) {
  .modal-xl { width: 90%; }
}

.responsive-iframe {position: relative; padding-bottom: 56.25%; padding-top: 60px; overflow: hidden;}
.responsive-iframe iframe,.responsive-iframe object,.responsive-iframe embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.badge{ margin-bottom:3px;}
.pointer{ cursor:pointer;  color: rgb(50, 118, 177);}
.modalListingSelectElement{ cursor:pointer;}

/* simulate a disable button with span*/
.btnSpanDisabled{opacity: 0.5;cursor: default!important;}

#logo img{ max-height:36px; width:auto;padding-top: 5px;}
span.voice hr { border-top:20px solid #ccc;}
hr.flash-separator { border-top: 4px solid #000;}
.btn-header>:first-child>a{ cursor: pointer!important;}

/* for mobile, table listing cell align to left*/
table tr.row-detail .text-center{text-align: left!important;padding: 0;}

/* update for the logo on the top bar */
#logo-group>span {margin-top: 0px;}
/*#logo img{max-height: 50px;} */

/* so the collapse menu doesnt go on line beneath on mobile */
@media only screen and (max-width: 300px){
  header#header #logo-group{max-width: 100px;}
}

/* so the title on the widget doesnt go on the line on mobile*/
.jarviswidget header h2 { width: auto;}

/* the G+ login to the BE */
a.googleLoginBt{color: white; height: 35px;font-size: 19px;padding: 4px 0 0 0;border: none;background-color: #dc4a38;width: auto; display:block;margin: 0 15px 15px 15px;}
a.googleLoginBt:focus,a.googleLoginBt:hover{box-shadow: none;color: white;}
a.googleLoginBt span{padding-top: 4px;}
a.googleLoginBt img{border-radius: .25rem;width: 37px;height: 37px;}

header.loginViaGoogleHeader{border-bottom: none;}
header.loginHeader{border-top: solid 1px rgba(0,0,0,.1);}

.float_right{float: right;}
.float_left{float: left;}

/* no capitalisation */
.login-info a span{text-transform:none;}

/* center the fontawesome icon*/
ul li a i.fa-lg{width: 20px;}

/* to display image inside a circle */
.thumbnailCircle{border-radius: 50%;border: 1px solid #ddd;overflow: hidden;}

/* to display a square image */
.thumbnailSquare{padding:0;position: relative;/*width: 100%;*/}
.thumbnailSquare:after{content: "";display: block;padding-bottom: 100%;}
.thumbnailSquare > img{position: absolute;width: 100%;height: 100%;}

td.thumbnailSquare {padding:0;margin: 0;}

/* for DiXe */
.dixeSimulatorSymbolContainer{margin:0.5%;}
.dixeSimulatorSymbol{width:10%;margin:0.5%;}

/* dual box label wrong size. was too big */
.bootstrap-duallistbox-container label, .form header{font-size: 13px;}

table .moveCols{height: 15px;background-color:#F0F0F0; cursor:move; margin: 0px 0 10px 0;  border:#C2C2C2 1px solid;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;  border-radius: 5px;
}

.colorPickSelector{
  margin: auto;  width: 15px;  height: 15px;  cursor: pointer;
  -webkit-transition: all linear .2s;  -moz-transition: all linear .2s;  -ms-transition: all linear .2s;  -o-transition: all linear .2s;  transition: all linear .2s;
}

.colorPickSelector:hover { transform: scale(1.1); }
.colorPickButton[hexvalue=CANCEL]:after{content: "X"; font-size: 18px; top: -4px; position: relative; left: 4px; font-weight: 900;}

/* when we the pagination on the header of the Widgets */ 
.table>thead>tr.tableFilteringRow>th{vertical-align:top;}

/* to color the table row */
tr.jarviswidget-color-green td {background: #356e35; color: #fff;}
tr.color-356e35 td, tr.color-356e35 td * {background: #356e35; color: #fff!important;}
tr.jarviswidget-color-greenDark td { background: #496949; color: #fff;}
tr.color-496949 td, tr.color-496949 td * { background: #496949; color: #fff!important;}
tr.jarviswidget-color-greenLight td {background: #71843f;color: #fff;}
tr.color-71843f td, tr.color-71843f td * {background: #71843f;color: #fff!important;}
tr.jarviswidget-color-purple td {background: #6e587a;color: #fff;}
tr.color-6e587a td, tr.color-6e587a td * {background: #6e587a;color: #fff!important;}
tr.jarviswidget-color-magenta td {background: #6e3671;color: #fff;}
tr.color-6e3671 td, tr.color-6e3671 td * {background: #6e3671;color: #fff!important;}
tr.jarviswidget-color-pink td {background: #ac5287;color: #fff;}
tr.color-ac5287 td, tr.color-ac5287 td * {background: #ac5287;color: #fff!important;}
tr.jarviswidget-color-pinkDark td {background: #a8829f;color: #fff;}
tr.color-a8829f td, tr.color-a8829f td * {background: #a8829f;color: #fff!important;}
tr.jarviswidget-color-blueLight td {background: #92a2a8;color: #000;}
tr.color-92a2a8 td, tr.color-92a2a8 td * {background: #92a2a8;color: #000!important;}
tr.jarviswidget-color-teal td {background: #568a89;color: #fff;}
tr.color-568a89 td, tr.color-568a89 td * {background: #568a89;color: #fff!important;}
tr.jarviswidget-color-blue td {background: #57889c;color: #fff;}
tr.color-57889c td, tr.color-57889c td * {background: #57889c;color: #fff!important;}
tr.jarviswidget-color-blueDark td {background: #4c4f53;color: #fff;}
tr.color-4c4f53 td, tr.color-4c4f53 td * {background: #4c4f53;color: #fff!important;}
tr.jarviswidget-color-darken td {background: #404040;color: #fff;}
tr.color-404040 td, tr.color-404040 td * {background: #404040;color: #fff!important;}
tr.jarviswidget-color-yellow td {background: #b09b5b;color: #fff;}
tr.color-b09b5b td, tr.color-b09b5b td * {background: #b09b5b;color: #fff!important;}
tr.jarviswidget-color-orange td {background: #c79121;color: #fff;}
tr.color-c79121 td, tr.color-c79121 td * {background: #c79121;color: #fff!important;}
tr.jarviswidget-color-orangeDark td {background: #a57225;color: #fff;}
tr.color-a57225 td, tr.color-a57225 td * {background: #a57225;color: #fff!important;}

tr.jarviswidget-color-red td {background: #db4a67;color: #fff;}
tr.color-db4a67 td, tr.color-db4a67 td *{background: #db4a67;color: #fff!important;}
tr.color-a90329 td, tr.color-a90329 td *{background: #a90329;color: #fff!important;}

tr.jarviswidget-color-redLight td {background: #a65858; color: #fff;}
tr.color-a65858 td, tr.color-a65858 td * {background: #a65858; color: #fff!important;}

.widget-body-toolbar .widget-toolbar{float:left;border-left: 0;padding: 0 2px;}
.color-select-inline{max-width:100%;right: 5px;}

 ul.color-select.addToListColorSelect li.active span{outline:2px blue solid;}

/* the contextmenu on the right click*/
#context-menu{ z-index: 1000;display: none; background-color: white; position: absolute; border:1px #BEBEBE solid;border-radius: 4px}
#context-menu > div{padding:10px 10px 0 10px;}
#context-menu div > a{display: inline-block;padding-top:5px;}
#context-menu ul.actions {padding:0; clear: both;margin-bottom: 0;list-style:none;}
#context-menu ul.actions li{padding: 10px;color: black;font-size: 13px;}
#context-menu ul.actions li:hover{background-color: #f7f7f7;}
#context-menu ul.actions a {border-top: 1px #ebebeb solid; display: block;}
#context-menu ul.actions a:first-child{border-top: none;}
#context-menu .color-select {max-width: 203px;padding:10px;}
#context-menu h3{margin: 0; padding: 8px 14px; font-size: 13px; background-color: #f7f7f7;  border-bottom: 1px solid lightgrey;  border-radius: 2px 2px 0 0;}

.stickyMenu{ position: fixed;  background: #3a3633;}

#stickyMenu {top: 89px; left: 220px; right: 0; z-index: 901;border-top: 1px white solid;}
#stickyMenu a,#stickyMenu button {border:none;background-color: transparent;padding: 7px;display: inline-block;cursor: pointer;}

body.menu-on-top #stickyMenu{top: 158px; left: 0;}
body.menu-on-top .jarviswidget {padding: 0 15px;}

body.hidden-menu #stickyMenu {left: 10px;}

html.smart-style-0 #stickyMenu a, html.smart-style-0 #stickyMenu button{color: #E4E4E4;}

#stickyMenu a:hover, .stickyMenu button:hover{background-color: #746C66;}
#stickyMenu a.active{background-color: #746C66;}
#stickyMenu a.active:hover{cursor:default;}
#stickyMenu a, #stickyMenu button{color: #333;}

#stickyMenu a:hover, .stickyMenu button:hover{color: #fff;}
#stickyMenu .separator{position: relative;border: 1px solid #E4E4E4;display: inline-block;height: 15px;top: 3px;}
#stickyMenu + #content{margin-top: 100px;}

#stickyMenu ul.dropdown-menu.color-select{left: 312px;z-index: 10;}

html.hidden-menu-mobile-lock #stickyMenu{left: 10px;}
 .mobile-view-activated #stickyMenu{left: 0px;}
@media only screen and (max-width:979px){
  .stickyMenu {left: 0;}
  html.hidden-menu-mobile-lock .#stickyMenu {left: 220px;}
}

.stickyMenuModal{background: white; top: 0; z-index: 10000; width: 100%; left: 0; height: 50px;display: none;  padding-top: 8px;  padding-left: 8px;  border-bottom: 1px solid #ddd;}

.smart-style-1 #stickyMenu,  .smart-style-1 #stickyMenu div{background: #e6e6e6;}
.smart-style-2 #stickyMenu,  .smart-style-2 #stickyMenu div{background: #fff;}
.smart-style-3 #stickyMenu,  .smart-style-3 #stickyMenu div{background: #fff;border-top: 1px #e6e6e6 solid;}
.smart-style-4 #stickyMenu,  .smart-style-4 #stickyMenu div{background: #fff;}
.smart-style-4 body.menu-on-top #stickyMenu{top:119px;}
body.smart-style-6 #ribbon {background: white;}
body.smart-style-6 #stickyMenu{background: white;border-top: 1px #e6e6e6 solid;}
.smart-style-5 #stickyMenu {background:rgba(0,0,0,.23)!important;border-top:1px solid rgba(255,255,225,.15);}
.smart-style-5 #stickyMenu a, .smart-style-5 #stickyMenu button{color: white;}

.smart-style-4 #stickyMenu {top: 49px;}
.smart-style-4 #stickyMenu + #content{top:29px;}

body.hasModalStickyMenu .modal{top: 32px;}

.page-title{display: inline-block;}
.page-title-p{padding-bottom: 15px;}

.topTitle .dropdown{display: inline-block;top: -3px; margin-left: 50px;}
.topTitle .dropdown-menu {min-width: 112px;}
.topTitle .dropdown-menu .letter{width: 13px;}

/* have a word inside an horizontal line */
.horizontalLine {width: 100%; text-align: center;  border-bottom: 1px solid #000; line-height: 0.1em; margin: 10px 0 20px; } 
.horizontalLine span { background:#fff; padding:0 10px; }
.marginIconListing{  margin-right: 7px;}

/* select2 plugin */
.select2-selection__choice__remove{position: initial;}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {padding-left: 4px;color:white;}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {color:white;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {border-color:none;color:white;background-color: #3276b1;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#ccc;}
.select2-selection__choice__remove:before{content:"";}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-color: #3276b1;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #3276b1; }
.select2-container--default .select2-results__option[aria-selected=true] {background: white; color: black;}

/* general search reset */
.panel-title .journalistGeneralSearchResetBtn, .panel-title .journalistGeneralSearchResetBtn:active{left:unset; float: right; top: -32px; position: relative; right: 200px;}
.panel-title .journalistGeneralSearchBtn, .panel-title .journalistGeneralSearchBtn:active{left:unset; float: right; top: -32px; position: relative; right: 160px;}

.smart-accordion-default .panel-title>a .openAccordionBtn{ top: -2px; position: relative;padding-left: 6px;}
.smart-accordion-default .panel-title>a.collapsed .openAccordionBtn{display: inline-block;}
.smart-accordion-default .panel-title>a .openAccordionBtn i{padding: 3px;}

.smart-accordion-default .panel-title>a .closeAccordionBtn{top: -2px; position: relative;padding-left: 6px;} 
.smart-accordion-default .panel-title>a.collapsed .closeAccordionBtn{display: none; } 
.smart-accordion-default .panel-title>a .closeAccordionBtn i{padding: 3px;}

/* assistance dropdown from the header */
.assistance {padding:15px!important;min-width: 700px; max-width: 80%;}
.assistance h4{font-size: 16px}
.assistance .message{padding-top: 15px;font-weight:400;}
.assistance form{padding-top: 30px;}
.assistance label{font-weight:600;}
.assistance textarea, .assistance select{font-weight:400;}

/* body menu on top / sticky menu / sticky title */
body.title-fixed #content > .row > .topTitle{position:fixed;z-index:901;background-color: white;top:89px; border-bottom: 1px solid #C2C2C2;}
body.title-fixed.menu-on-top #content > .row > .topTitle{left: 0;}

body.has-sticky-menu.title-fixed #content > .row > .topTitle{top:122px; }
body.has-sticky-menu.title-fixed.menu-on-top #content > .row > .topTitle{top:191px; }
body.title-fixed #content > .row > .topTitle .page-title { margin: 12px 0 15px;}
body.title-fixed #content > .blockMessage{padding-top: 47px;}
body.title-fixed.menu-on-top #content > .blockMessage{padding-top: 64px;}

.smart-style-1 body.title-fixed #content > .row > .topTitle {background: #e6e6e6;border-top: 1px white solid;}
.smart-style-2 body.title-fixed #content > .row > .topTitle {border-top: 1px #e6e6e6 solid;}
.smart-style-3 body.title-fixed #content > .row > .topTitle {border-top: 1px #e6e6e6 solid;}
.smart-style-4 body.title-fixed #content > .row > .topTitle {border-top: 1px #e6e6e6 solid;}
.smart-style-4 body.title-fixed.menu-on-top #content > .row > .topTitle{top:151px;}
.smart-style-4 body.title-fixed.menu-on-top #content > .blockMessage{padding-top: 0px;}
.smart-style-5 body.title-fixed #content > .row > .topTitle {background:rgba(0,0,0,.23)!important;border-top: 1px solid rgba(255,255,225,.15);border-bottom:1px solid rgba(255,255,225,.15);}
.smart-style-6 body.title-fixed.menu-on-top #content > .row > .topTitle{border-top: 1px #e6e6e6 solid;}

/* CRM */
.labelCRMToolbar label{position: absolute; top: -15px;}
.labelCRMToolbar button, .labelCRMToolbar button:active{position: relative; top: -15px;}
#modalEventList .modal-body section.row section.col-md-6{border-right: 1px solid #e5e5e5;}

/*Select2 ReadOnly Start*/
select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__choice{
  background: none;
  border-color:#C2C2C2;
  color:#555;
  padding: 0px 5px;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__choice__remove{
  display: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}
/*Select2 ReadOnly End*/