body { background-color: #FFFFFF; background:#fff url(../images/bg1.png); color: #000000; color: #000000; line-height: 22px; font-family:  var(--main-font-family); font-size: 16px;}
.all {background:#fff;margin:0 auto; padding:5px 32px; width: 1024px;}
/*.row {width:1024px!important;}*/
h1,h2,h3,h4,h5,h6{font-style:normal;line-height:1.1; font-family: 'fsalbertwebbold', sans-serif; float:left; }
/*color:#f36f21;*/
/*h1{color:#000;}*/
/*h1,h2{color:#000;}*/
h3,h4,h5,h6{color:#222;}
h1 {text-transform:uppercase;font-size:26px;color:var(--main-h1-color);margin:0 0 12px 0;}
h2 {font-size:22px;color:#006257;margin:0 0 15px 0; width:100%; float: left;}
h3 {font-size:18px;color:#64b000;margin:10px 0 5px 0; width:100%; float: left;}
h3.content_page_header {color: #006257;}
a {color:#222;}
a:hover {color:#000;}
.foundationTables a {color:#222;}
.foundationTables a:hover {color:#000;}
p {float:left; margin: 0 0 13px 0; width:100%;}
hr{width:50%;border-bottom:1px solid #222; border-top:none;}
.bold {font-family: 'fsalbertwebbold', sans-serif;}
.center {margin-left:auto; margin-right:auto;text-align:center;}
.menu.second_level {padding-top:0px;text-transform: none!important;}
.menu.first_level {padding-top:40px; font-family: 'fsalbertwebbold', sans-serif; padding-right:2px; text-align: right;}
.menu.second_level {font-family: 'fsalbertwebbold', sans-serif; padding-right:2px; text-align: right;}
.menu .noborder{border:none!important;}
.menu ul {list-style:none;margin-bottom:0;}
.menu.first_level li{display:inline;padding:5px 15px;margin: -2px; border-right:1px solid var(--main-bg-color);}
.menu_border_right {order-right:1px solid var(--main-bg-color);}
.menu.second_level li{display:inline;padding:5px 15px;margin: -2px;}
.menu.first_level li:hover, .current, .current_main{ border-bottom:none;  -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;background-color:var(--main-bg-color); }
.menu.second_level li:hover, .menu.second_level .current,  .menu.second_level .current_main{font-weight: bold;}
.menu.first_level li a{color:var(--main-bg-color); font-size:14px;}
.menu.first_level li a:hover, .menu.first_level li:hover a{color:#fff; font-size:14px;}
.menu.first_level li.current a, .menu.first_level li.current_main a{color:#fff; font-size:14px;}
.menu.second_level li a{color:#ffffff; font-size:14px;}
.banner, .news {margin-top:20px;}
.banner{padding-right: 0;}
.news , .sidebar{padding-left: 0;}
.line { height:30px;  background-color:var(--main-bg-color); color:#fff; font-size:15px; text-transform: uppercase; padding: 4px 0 0 10px;;margin-top:3px;}
/*background:url(../interface/line.png) no-repeat;*/
.newscontent {border-left:1px solid #bf9d83; border-right:1px solid #bf9d83;margin-top:-15px;}
.news h1{background:#bf9d83;padding:10px;color:#fff;margin: 0;}
.news ul{list-style:none;margin:0; padding:15px 0;}
.news li{display:inline inblock;line-height: 16px; padding:0 10px;}
.more {padding:17px 10px;color:#fff;font-weight:bold;background:#bf9d83 url(../interface/arrow.png) no-repeat 96% 5px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-bottomright: 30px; border-bottom-right-radius: 30px;}
.content { font-size: 16px;padding:25px 35px 25px 25px;}
.content p, .content ul {font-size: 16px;}
.sidebar{margin-top:10px;}
.right_box_title {padding:17px 10px;color:#fff;font-weight:bold;background: url(../interface/arrow.png) no-repeat 96% 50%;-webkit-border-bottom-right-radius: 30px; -moz-border-radius-bottomright: 30px; border-bottom-right-radius: 30px; text-transform: uppercase; font-family: 'fsalbertwebextrabold', sans-serif;font-size:18px; }
.orange_box .right_box_title, .orange_box_tab .right_box_title {background-color:#ec6608;}
.yellow_box .right_box_title, .yellow_box_tab .right_box_title {background-color:#ffc20e;}
.light_green_box .right_box_title, .light_green_box_tab .right_box_title {background-color:#afcc46;}
.brown_box .right_box_title, .brown_box_tab .right_box_title {background-color:#bf9d83;}
.dark_green_box .right_box_title, .dark_green_box_tab .right_box_title {background-color: #00AA33;}
.travel_green_box .right_box_title, .travel_green_box_tab .right_box_title {background-color: #afcc46;}
.dark_brown_box .right_box_title, .dark_brown_box_tab .right_box_title {background-color: #967b67;}
.image_holder {margin-top:15px;max-height:125px; overflow: hidden;}
.image_holder img {width: 100%; }
.orange_box .right_box_title, .yellow_box .right_box_title, .light_green_box .right_box_title, .brown_box .right_box_title {cursor:pointer;}
.orange_box .image_holder, .yellow_box .image_holder, .light_green_box .image_holder, .brown_box .image_holder {cursor:pointer;}
.orange_box .image_holder{border-left:1px solid #ec6608; border-right:1px solid #ec6608; border-top:1px solid #ec6608;}
.no_border .image_holder {border:0px solid white;}
.yellow_box .image_holder {border-left:1px solid #ffc20e; border-right:1px solid #ffc20e; border-top:1px solid #ffc20e;}
.light_green_box .image_holder {border-left:1px solid #afcc46; border-right:1px solid #afcc46; border-top:1px solid #afcc46;}
.brown_box .image_holder {border-left:2px solid #bf9d83; border-right:1px solid #bf9d83; border-top:1px solid #bf9d83;}
.orange_box_empty .image_holder{border:2px solid #ec6608; }
.yellow_box_empty .image_holder {border:2px solid #ffc20e;}
.light_green_box_empty .image_holder {border:2px solid #afcc46;}
.brown_box_empty .image_holder {border:2px solid #bf9d83; }
.image_holder.small {max-height: 95px!important;}
.image_holder.large {max-height: 250px!important;}
.more a , .right_box_title a {color:#fff;padding: 30px 50px 30px 0;}
.footer {min-height:117px;background:var(--main-bg-color-dark);-webkit-border-bottom-right-radius: 30px; -moz-border-radius-bottomright: 30px; border-bottom-right-radius: 30px;font-family: 'fsalbertwebbold', sans-serif; font-size:10px; color:#fff;padding:10px;margin:20px 0;}
.footer div, .footer p {
    font-size:10px!important;
}
.footer  a {color:#fff; text-decoration:underline;}
.about {float:left;padding:0 30px 0 0;border-right:1px solid #fff;}
.middle, .eu {float:left;padding:0 30px;border-right:1px solid #fff;}
.middle {font-size: 12px;}
.eu {border-right:none;}
/*img.logo {margin-top: 0;margin-bottom: 20px;}*/
select {
    background-color: #fff;
font-family: inherit;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
color: rgba(0,0,0,0.75);
/*display: block;*/
font-size: 14px;
margin: 0 0 12px 0;
padding: 6px;
height: 32px;
width: 200px;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.sub_menu_navigator {
    margin-top: -10px;
    padding: 6px 0;
    width:100%;
    float:right;
}
.login_button {
    background :url(../interface/login_1.png) no-repeat;
    width:101px;
    height:24px;
    padding: 1px 0 0 7px;
color: #fff;
font-weight: bold;
cursor: pointer;
float:right;
margin-right: 50px;
}
.login_button a{color: #fff;}
.logininfo {
    float: right;
margin: 2px;
padding: 0px;
width:75%;
}
.loggedin_user_name {
    float:right;
    min-width: 350px;
    text-align:right;
    padding: 2px 20px 0 0;
    color:#5C5C5C;
    font-weight: bold;
}
#main_login, #main_login fieldset label {
    font-size:13px !important;
}
#main_login  input[type=button] {
    margin: 0 0 12px 0;
padding: 6px;
float: right;
min-width: 100px;
}
#main_login input[type=checkbox]{
    margin: 13px 10px 0 0 ;
padding: 6px;
float:left;
}
#main_login legend {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding:5px;
}
.row.collapse {
  margin: 0;
  padding-top: 10px;}

div.footer div {
    min-height:100px;
}
ul.upcoming_trainings{
    width: 100%;
    float:left;
    margin-top:10px;
}
ul.upcoming_trainings li {
    list-style: none;
    border-bottom: 1px solid grey;
    width:100%;
    float: left;
    padding: 5px 0 0 0;
}
.upcoming_trainings .green_submit_button,
.upcoming_trainings .orange_submit_button{
    float:none!important;
}
span.apply_workshop_name {
    width: 60%;
    float:left;
    display: inline;
    font-size: 15px;
}
span.apply_workshop_agenda,
span.apply_status {
    width:18%;
    float:left;
    display:inline;
    text-align:center;
}

span.apply_status form {
    margin:0;
}
ul.bulleted_list, .editable {
    width:100%;
    float:left;
}
.right_menu_box_new .image_holder {
    min-height:150px;
    margin-top:20px;
}
.right_menu_box .image_holder {
    min-height:190px;
}
.right_menu_box1 .image_holder {
    min-height: 50px;
}
.right_menu_box2 .image_holder {
    min-height: 100px;
}
.right_menu_box3 .image_holder {
    min-height: 85px;
}
/*div.right_menu_box {
    height:190px;
}
div.right_menu_box1 {
    height:100px;
}
div.right_menu_box2 {
    height:100px;
}*/
div.space_after {
    margin-bottom:10px;
}
  .ui-tooltip {
    padding: 10px 20px !important;
    color: #006257 !important;
    border-radius: 20px !important;
    background: #eefcd7 !important;/*fe690f*/
    font:  14px "Helvetica Neue", Sans-Serif !important;
    text-align:justify!important;
    box-shadow: 0 0 10px black !important;
    width: 300px !important;
  }
  .ui-dialog-content {
      font-size: 13px;
  }
  .right_box{
      margin-top:15px;
      
  }
  .right_box.facebook._1drr._2ph- {
      /*overflow: scroll;*/
      width:225px;
  }
  .inline_update_content {
      float:right;
  }
  #inline_save_box {
      border: 1px solid orange;
      color: orange;
      padding: 5px;
      float:right;
      text-align:center;
      width:120px;
  }
 #u_0_0 {
      width: 250px !important;
      min-width: 250px !important;
  }
 #u_0_1a {
      width: 93% !important;
  }
  .facebook {
     float: left;
  overflow: hidden;
  left: 15px;
  position: relative;
  border: 1px solid #FFC20E;
  width: 230px !important;
  margin-top:30px;
  }
  ._1drm._1ds4 {
         width: 93% !important;
  }
  .main_theme_box .image_holder {
  width:20px !important;
   float: left;
   height:20px;
  }
  .main_theme_box .main_theme_wrapper {
      background-color: var(--main-bg-color);
      color:white;
      float:left;
      width: 670px !important;
  }
  .main_theme_box .comment_icon_holder {
      float:right;
      width:20px !important;
  }
  .main_theme_box .subtheme_list {
      list-style: none;
      float:left;
    
  }
  .subtheme_list li{
      float: left;
      width: 100%!important;
      border-bottom: 1px solid white;
  }
  
  .main_theme_box .subtheme_link {
      float:left;
        width: 550px !important;
  }
  
  .main_theme_box .info {
      float:right;
      width:40px !important;
  }
  .main_theme_box .main_theme_title {
      float:left;
      width: 600px!important;
  }
  .main_theme_box .subholder {
      float:left;
      width:100%;
      background-color: #fdf5ce;
  }
  .main_theme_box .widget_content_holder {
      float: left;
      width: 100%;
  }
  .main_theme_box .widget_action_image_holder {
      float: left;
      width: 1%!important;
  }
  .main_theme_box .widget_action_title {
      float: left;
      width: 99%!important;
  }
  table.main_title {
      border: 0px;
      margin:0px;
  }
  table.main_title tbody tr td {
      padding: 2px;
  }
  table.main_title .main_theme_planning h4 {
      font-size:18px!important;
      background-color: #A2C037;
      width: 100%;
      float: left;
      padding: 3px 0;
      margin: 4px 0;
  }
  .action_plan_holder_div table{
      padding: 0;
      margin:0;
  }
  table.action_plan_task_holder tr td{
      padding: 3px 0;
  }
/*#rounded-corner thead th

{
		padding: 0 ;
		font-weight: normal;
		font-size: 13px;
		color: #fff !important;
		  background-color: #A2C037!important;
                border-left: 1px solid #fff;
                text-align:center;
       
}
#rounded-corner, #hotel_table {
    margin:0 !important;
    border: 0 !important;
    float: left;
    width:100%;
}*/
/*#rounded-corner thead th.rounded-q4 div.rounded,*/
#hotel_table thead th.rounded-q4 div.rounded,
#hotel_table thead th div.rounded
/*#rounded-corner thead th div.rounded*/
{
		border-radius: 0!important;
		padding: 6px;
		background: #A2C037!important;
                color: #fff !important;
                height: auto !important;
                width: auto !important;
}
.small_input {
    width:200px!important;
}
.tiny_input {
    width:75px!important;
}
/*#rounded-corner thead th.rounded-company div.rounded,
#rounded-corner.big_header_row thead th.rounded-q4 div.rounded {
    padding: 6px !important;
}*/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    max-width: 440px;
}
ul.second_level {
    margin-left:-5px;
}
ul.second_level li {
      background: url(../images/gray-dot.png) no-repeat;
}
.certified_country_holder select{
    font-size: 18px;
    font-weight: bold;
    padding: 3px;
    width:180px;
}
.simple_tab_toggler {
    float: left;
    display: inline;
    padding:3px;
    margin: 0 10px 0 0;
    cursor: pointer;
}

.simple_tab_toggler.actual,.simple_tab_toggler:hover {
    font-weight: bold;
}
.orange_box_tab span, .yellow_box_tab span, .light_green_box_tab span, .brown_box_tab span {font-size: 16px; cursor:pointer; display: block; min-width: 100%;}
.half_width {width:50%!important;}
.my_scores.no_top_margin {
    margin-top:0px !important;
}
fieldset {
    float:left;
    width:100%;
}
.reporting_message {
    
    padding: 2px!important;
 
    width: 90%;
    font-weight: bold;
}
.center_text {
    text-align: center;
}
.reveal-modal-bg{position:fixed;}
.reveal-modal{position:fixed;}

.custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }
   .ui-autocomplete {
    /*max-height: 100px;*/
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  } 
/*  
*/
/*.dataTables_filter, .dataTables_length,*/
.dataTables_filter label,
.dataTables_length label {
    width: 100% !important;
    text-align: left;
}
.dataTables_filter input {
    width:70%;
    margin-left: 10px;
    float:right;
}
.dataTables_wrapper >div {
    margin-bottom: 20px!important;
}
table.foundationTables, table.foundationTables2 {
    border:none!important;

}
table.foundationTables.userslist, table.foundationTables2.userlist {

    table-layout: fixed;
}
table.foundationTables.userslist .wrapped_text, table.foundationTables2 .wrapped_text {
    word-break: break-all;
}
table.foundationTables tbody tr td:first-child, 
table.foundationTables2 tbody tr td:first-child,
table.foundationTables tbody tr td:nth-child(2), 
table.foundationTables2 tbody tr td:nth-child(2) 
{
   font-weight: bold;
}
table.foundationTables thead tr  th,
table.foundationTables2 thead tr  th 
{
    text-align: center;
    background-color: #eefcd7;
}
table.foundationTables thead tr th:first-child, 
table.foundationTables2 thead tr th:first-child 
{
    text-align: left!important;
}
img.certificate_thumbnail.table {
    max-width:30px;
}

#my_groups_list_filter label, #company_filter_box {
    text-align:right!important;
}
#my_groups_list_filter,#company_filter_box {
    width:50%;
}
#my_groups_list_filter input {
    width:230px;
    float:right;
}
#company_status_holder {
    text-align:right;
}
#company_status_holder img {
    border:0;
    max-height:35px;
}
.report_button.profile_page {
    position:relative;
    /*top:30px;*/
}
.report_button.profile_page a {
    position:relative;
    z-index: 39;
}
.pr_doc_holder {    width: 220px!important; float:left;    border: 1px solid #ccc; text-align: center!important;    margin: 5px!important;}
.pr_doc_holder h2 { width:100%; font-size:14px; }
.pr_doc_thumbnail_holder {}
.pr_doc_thumbnail_holder img {}
.pr_doc_holder .extension_text {    width: 80px!important; float:left;}
.pr_doc_holder .extension_holder  {width: 35px!important; float:left;}
.pr_doc_holder .extension_holder img {width: 30px!important; float:left;}
.modal_mail_panel .label {font-size:20px;}

body.modal-open {
   overflow: hidden;
   position: fixed;
}
.reveal-modal {
   overflow-y: auto;
   max-height: 80%;
   position: fixed;
}
div.alert-box.alert.info-fnd {
    background-color:#2ba6cb!important;
}
#div_bug_register {
       top: 150px;
       left: 0;
       position: fixed;
       z-index: 3000;
   
        }
        
.tooltipx {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;  If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltipx .tooltiptext {
    visibility: hidden;
    width: 320px;
    background-color: black;
    color: #fff;
    text-align: left;
    padding: 5px;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}
.tooltipx.small .tooltiptext{
    width: 200px;
}
.tooltipx.big .tooltiptext{
    width: 500px;
}
.tooltipx .tooltiptext.right_float{
    right: 20px;
    top:20px;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltipx:hover .tooltiptext {
    visibility: visible;
}
.padding-big {
    padding:5px!important; 
}
#exam_filter_start, #exam_filter_end {
    width: 100px!important;
}
.half-visible {
    opacity: 0.5!important;
}
.half-visible-img img {
    opacity: 0.4!important;
}
.foundationTables tr.alert a {
    color:red!important;
}
#membership_status_switch {
    margin-top:-5px;
    width:135px;
    height:25px;
    padding:0 !important;
}
.button.radius {
    border: 0px ;
}
.button.small_padding {
    padding:5px 10px 5px;
}
.list-group-item {
        position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    width:80%;
    word-break: break-all;
}
.media_manager_launcher, .blue_button {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
        display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    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;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.communication_tab {
padding: 4px 0 0 14px;
}
.margin_bottom_big {
    margin-bottom: 15px !important;
}
.margin_bottom_normal {
    margin-bottom: 5px !important;
}
.margin_normal {
    margin:0 5px !important;
}
.tabs dd.active, .tabs li.active {
    border-top: 3px solid #FF9800;
    margin-top: -3px; 
    background-color: #f7f6f2;
}
ul.tabs-content.contained>li, .tabs dd.active a, .tabs li.active a {
    background-color: #f7f6f2;
}
ul.tabs-content.contained:not(.supp) input:not([type=checkbox]):not([type=radio]),
ul.tabs-content.contained:not(.supp) select

{

    padding: 10px;
    height: auto;
}
ul.tabs-content.contained:not(.supp) input[type='radio'] {
    float:left;
    margin-top: 30px;

}
ul.tabs-content.contained:not(.supp) input, 
ul.tabs-content.contained:not(.supp) select
{
    margin-top: 25px;  

}
input.extend_themes,
input.user_levels
{
    margin-top: 0px!important;  

}
ul.tabs-content.contained:not(.supp) .form_inner_label{
    padding: 30px 0 0 10px;
    float: left;
    width: 75px;
    text-align: left;

}
ul.tabs-content.contained:not(.supp) label:not(.error):not(.form_inner_label) {
    font-weight: 300;
    padding:10px;
    width:100%;
    margin-top: 20px;
}
ul.tabs-content.contained:not(.supp) label.error {
    float:left;
    text-align:left;
    padding:0;
    width: 100%;
}
.travelgreen {
    background-color: #8bb426;
    
}
.travelgreen:hover {
    background-color: #b6c910;
    
}
.travelorange {
    background-color: #FCB30D;
    
}
.travelorange:hover {
    background-color: #EC9B08;
    
}
.travelred {
    background-color: #e03a10;
    
}
.travelred:hover {
    background-color: #ea6948;
    
}
.no_margin {
    margin:0!important;
}
.tabs dd a, .tabs li a {
    padding:0 10px;
}
.template_foundation label {
    width:100%;
    padding: 0 0 5px 0;
}
.template_foundation fieldset {
    background-color:#f7f6f2;
}
.template_foundation label.error {
    text-align:left;
    
}
#toggle_organisation_name {
/*position: absolute;*/
    left: 450px;
    padding: 10px;
    text-transform: uppercase;
    width:150px;
    /*z-index: 100;}*/
}

input {
     -webkit-box-sizing: inherit!important; 
    -moz-box-sizing: inherit!important;
     box-sizing: inherit!important; 
    
}
.editor_tools_span {
    position:absolute;
    display: none;
}
.editor_tools > img {
    max-width: 150px;
}
.tooltiptext.small {
    width:100px;
}

.profile_tools_holder {
        margin: 20px 0 0 0;
    width: 190px;
}.userlist_tools {
        width: 100%;
    padding: 5px 0 !important;
    margin: 10px 0 10px 0;
    float: left;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
#add_new_supplier_form label {
    text-align:right!important;
    width:100% !important;
}
  #feedback_message {
      border: 1px solid orange;
      color: orange;
      padding: 5px;
      text-align:center;
      width:120px;
  }
  #existing_feedback_holder.existing_user_popup{
    /*border:2px solid red;*/
    position: absolute;
    width: 450px;
    background: white;
    right: 4px;
    top: 300px;
/*    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;*/
    -webkit-box-shadow:  0px 5px 15px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 15px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 15px 4px rgba(0, 0, 0, 0.2);
    padding: 20px;
  }
  .four.header {
      width:30%;
  }
  .eight.header {
      width: 70%;
  }
  .new_tab_content_forms {

  }
  .new_tab_content_forms label{
    text-align:left;
    margin: 0 0 2px 0!important;
  }
  .new_tab_content_forms input, 
  .new_tab_content_forms textarea,
  .new_tab_content_forms select
   {
    margin: 0!important;
  }

  .theme_accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom:5px;
  }
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .theme_active, .theme_accordion:hover {
    background-color: #ccc;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .theme_panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
  }
  #available_members_wrapper {    width:100%!important; float: left!important;}

  #mobilMenu,   .menuToggle {
      display:none;
  }
  .alert-box-orange {
    background-color: rgba(255, 166, 0, 0.596);
    padding: 10px;
    font-weight: 500;
    font-size: 1.2em;
  }
@media screen and (min-width: 1200px) {
    .all {width: 1160px;}
}
@media screen and (max-width: 900px) {
    .menu > ul > li > ul > li > a {
        display: block;
        color: #fff;
        line-height: 30px;
        text-decoration: none;
        padding: 0 4px 0 4px;
        font-size: 12px;
    }
    .menu > ul > li > a {
        display: block;
        color: var(--menu-text-color);
        line-height: 35px;
        background: transparent;
        text-decoration: none;
        padding: 0 5px 0 5px;
        font-size: 13px;
    }
}
@media screen and (max-width: 768px) {

    .menu{display:none}
    
    #mobilMenu{  
        display:block;
        position: fixed;
        top: 0;
        left: -100%;
        background: #eee;
        width: 80%;
        z-index: 99;
        height: 100%;
        padding: 30px;
        transition: 0.3s;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
    overflow-x: scroll;
    }
    
    #mobilMenu.opened{left: 0;}

    #mobilMenu li {
        list-style: none;
        padding: 5px 0;
    }

    .menuToggle{
        position: absolute;
        top: 0;
        right: 0;
        font-size: 16px;
        margin: 10px;
        z-index:999;
        display:block;
    }
    
    }


    @media screen and (width: 768px) {    
        .menuToggle{
        position: absolute;
        top: 0;
        right: -80%;
        font-size: 16px;
        margin: 10px;
        z-index:999;
        display:block;
    } }
    .forced_full_width {
        width: 100% !important;
    }
    .nine-column {
        width: 80% !important;
    }
    .tree-column {
        width: 20% !important;
    }
    .small_button.button {
        padding: 5px 5px !important;
        font-size:14px !important;
    }

    input[type="checkbox"].toggle_cb {
        opacity: 0;
        position: absolute;
        left: -99999px;
      }
      input[type="checkbox"].toggle_cb + label {
        height: 30px;
        line-height: 30px;
        background-color: orange;
        padding: 0px 10px!important;
        border-radius: 10px;
        display: inline-block;
        position: relative;
        cursor: pointer;
        width: auto !important;
        margin-top:0!important;
        -moz-transition: all 0.25s ease-in;
        -o-transition: all 0.25s ease-in;
        -webkit-transition: all 0.25s ease-in;
        transition: all 0.25s ease-in;
        -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
      }
      input[type="checkbox"].toggle_cb + label:before, input[type="checkbox"].toggle_cb + label:hover:before {
        content: ' ';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 26px;
        height: 26px;
        background: #fff;
        z-index: 2;
        -moz-transition: all 0.25s ease-in;
        -o-transition: all 0.25s ease-in;
        -webkit-transition: all 0.25s ease-in;
        transition: all 0.25s ease-in;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
      }
      input[type="checkbox"].toggle_cb + label .off, input[type="checkbox"].toggle_cb + label .on {
        color: #fff;
      }
      input[type="checkbox"].toggle_cb + label .off {
        margin-left: 26px;
        display: inline-block;
      }
      input[type="checkbox"].toggle_cb + label .on {
        display: none;
      }
      input[type="checkbox"].toggle_cb:checked + label .off {
        display: none;
      }
      input[type="checkbox"].toggle_cb:checked + label .on {
        margin-right: 26px;
        display: inline-block;
      }
      input[type="checkbox"].toggle_cb:checked + label, input[type="checkbox"].toggle_cb:focus:checked + label {
        background-color: #69ca60;
      }
      input[type="checkbox"].toggle_cb:checked + label:before, input[type="checkbox"].toggle_cb:checked + label:hover:before, input[type="checkbox"].toggle_cb:focus:checked + label:before, input[type="checkbox"].toggle_cb:focus:checked + label:hover:before {
        background-position: 0 0;
        top: 2px;
        left: 100%;
        margin-left: -28px;
      }
      .external_application_status {
        border-radius: 50%;
        padding: 3px 10px;
        margin: 0 5px;
        position: relative;
        top: -6px;
        font-weight: 700;
        font-family: sans-serif;
      }
      .external_application_status.green_font {
          border:1px solid green;
      }
      .external_application_status.orange_font {
        border:1px solid #FF7A00;
    }
    .profile_page_back_link {
        border-top:3px solid green;
        float:right!important;
        background-color: #f7f6f2;
        border-right:1px solid #e6e6e6;
        border-left:1px solid #e6e6e6;
    }
    .alert.alert-infos {
        background-color:#e9d8b9;
        padding: 5px;
        margin: 5px 0;
    }
    .selectize_group_selector{
        width:100%;
    }
    #copy_to_group_selector .select2-container,
    #copy_to_group_selector .selection,    
    #copy_to_group_selector .select2-selection--single,
    #copy_to_group_selector .select2-selection__rendered,
    #copy_to_group_selector .fstResultItem 
    {
        width: 100% !important;
        height:auto;
    }
    #copy_to_group_selector .select2-selection--single,
    #copy_to_group_selector .select2-selection__placeholder,
    #copy_to_group_selector .select2-selection__rendered {
        height: 40px!important;
        font-weight: 500;
    }
    .content_page_content ul, .content_page_content ol {
        width:100%;
        float:left;
    }
    #map {
        width: 100%; 
        height: 600px;
        overflow: hidden;
        border-radius: 5px;
      }
      .leaflet-popup-content-wrapper {
        border-radius: 3px!important;
      }
      
      #progress {
          display: none;
          position: absolute;
          z-index: 1000;
          left: 400px;
          top: 300px;
          width: 200px;
          height: 20px;
          margin-top: -20px;
          margin-left: -100px;
          background-color: #fff;
          background-color: rgba(255, 255, 255, 0.7);
          border-radius: 4px;
          padding: 2px;
      }
      
      #progress-bar {
          width: 0;
          height: 100%;
          background-color: #76A6FC;
          border-radius: 4px;
      }
      .mycluster {
          overflow: hidden;
      }
      .leaflet-popup-content {
        overflow: auto;
        font-size: 0.9em;
      }
.circle_button {
    height: 25px!important;
    width: 25px!important;
    /* background-color: #bbb; */
    border: 1px solid;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    padding: 3px 5px;
    top: -7px;
    position: relative;
}

.certified_suppliers_table_holder #DataTables_Table_0_length {
    margin-bottom:20px;
}

.table_btn, .map_btn {
    cursor: pointer;
}
li.audited_excursion:hover {
    background-color:#eee;
    font-weight: 600;
}
.white_background {
    background-color: white!important;
}
.text-warning {
    color: orange !important;
    font-weight: 800 !Important;
}
.padded_tabs {padding: 5px;}
dl.tabs.contained dd.active {
    /* max-width: 150px;
    overflow: hidden; */
}