/**
 *  IOL custom styles
 */
 
.navbar-text {
  margin-top:16px;
}

.icon-submenu{float:right;display:inline-block;margin-top:2px;}

.content-wrapper > .content-heading, .content-wrapper .content-heading.is_stuck {background-color: #1f1f1f;}
.panel table th{background-color:#f5f5f5;
  text-transform:uppercase;
  font-weight: 700;
}
.panel .table>thead>tr>th, .panel .table>tfoot>tr>th {
    color: #444;
    padding: 16px 8px;
    font-weight:12px;
}

.panel.innertable .panel .table-inner{padding: 0;}

.fixTableColors .panel-heading, .panel-heading {
  background-color: #1f1f1f;
}
.btn-primary{background-color:#1f1f1f !important;}
.panel-heading font{color:#20c3f3 !important;}
.panel-heading {
  color: white;
  font-weight: bold;
}
.blockicon {
  color: #1f1f1f;
}
table td a {
  color: #1f1f1f;
}
a {
  color: #1f1f1f;
}
.block_button:hover {
  background-color: #333 !important;
}
.action_button:hover {
  background-color: #333 !important;
}
.block_button:active, .block_button:focus {
  background-color: #1f1f1f !important;
}
.block_button_obfuscated {
  background: #bbb url(../images/crown.png) no-repeat 16px center;
  background-size: 16px 16px;
}
.block_button.block_button_obfuscated:hover {
    background-color: #ccc !important;
}

.login-logo img{max-width:80%;margin-right:34px;}
.brand-logo img{margin: 0px 0 !important;height: 48px;}

.demo-dropdown{display:none !important;}

footer.footer100 {
    background-color: #222;height:auto;
}
footer .iol_logo {
    margin: 0 auto 3px auto;
    width: 95px;
}

.footer-corporate {
    color: #999;
    font-size: 12px;
    display: inline;
    vertical-align: middle;
    line-height: 1.4;
    text-align: center;
}

.secondary-bottom-nav {
  display:inline;
  font-size:12px;
}
.secondary-bottom-nav li {
    display: inline-block;
    margin-right: 20px;
}

#menu-secondary-footer li a, #menu-secondary-footer-en li a {
    color: #4cb0f4;
    font-weight: 600;
}

.secondary-bottom-nav li a {
    color: #fff;
}

.companyname {text-transform:uppercase;}

.sidebar-subnav { padding-left:15px; }

a:not(.collapsed) .icon-submenu.fa-caret-up{display:none;}
a.collapsed .icon-submenu.fa-caret-down{display:none;}

.bcrumb{
  text-transform: uppercase;
  color:#000;
  font-size:14px;
  margin-bottom:20px;
}
.pagetitle{
  color: #20c3f3;font-size:24px;font-weight:300;
}

.panel {border-radius:8px;margin-bottom:40px;
-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.07) !important;
-moz-box-shadow:    0px 0px 10px 5px rgba(0, 0, 0, 0.07) !important;
box-shadow:         0px 0px 10px 5px rgba(0, 0, 0, 0.07) !important;
}

.panel .highcharts-container {border-radius:8px;}
.panel-heading{
  background-color:transparent;
  color:#000;
  text-transform:uppercase;
  font-size:14px;
}
.panel-inner{padding:30px;}
.widget-inner{padding:30px;}
.table-inner{padding:30px;}
.table-hover>tbody>tr:hover {
    background-color: #eaf0f1 !important;
}

.noateco > .table-inner > table > thead > tr > th:nth-child(1) {display:none;}
.noateco > .table-inner > table > tbody > tr > td:nth-child(1) {display:none;}

.content-heading.is_stuck{left:220px;padding-left:20px;padding-right:20px;box-sizing:content-box;}

.exportbutton-csv, .exportbutton{
  background-color:#e5e5e5;
  border:none;
  border-radius:4px;
  padding:0px;
  padding-right:10px;
  font-size:12px;
  color:#444 !important;
}
.exportbutton-csv i, .exportbutton i{
  background-color:#cccccc;
  padding:6px 8px;
  border-radius:4px;
  font-size:14px;
  margin-right:8px;
}
.exportbutton-csv:hover, .exportbutton:hover{background-color:#cccccc;}
button[type=submit] {
  border:none;
  color:#fff;
  background-color:#20c3f3;
  text-transform:uppercase;
  border-radius:4px;
  font-size:12px;
  padding:6px 10px;
  font-weight:bold;
}
td button[type="submit"], .td button[type="submit"] {
  border: none;
}
.block_button, .action_button{
  border:none;border-radius:6px;
}
.panel-settings .panel-heading {background-color:#f5f5f5;color:#444;}
.panel-settings .panel{
-webkit-box-shadow: none !important;
-moz-box-shadow:    none !important;
box-shadow:         none !important;
margin-bottom: 0;
}
.panel-settings .panel.tablewrapper{margin-top:1px;}
.nofx .table-inner .panel-heading{margin-bottom:1px;}
.panel-settings .panel .table-inner{padding: 0;}
.panel-settings .panel .table-inner table{margin-bottom: 5px;}
.panel-settings .panel .table-inner td,
.nofx .table-inner td{
  padding: 0;
}
.panel-settings .panel .table-inner .table-hover>tbody>tr:hover,
.nofx .table-inner .table-hover>tbody>tr:hover,
.nohover .table-inner .table-hover>tbody>tr:hover {
    background-color: transparent !important;
}
.panel-settings .panel .table-inner .table td,
.nofx .table-inner .table td {
  border-top:0;
}
.panel-settings .panel .table-inner table table,
.nofx .table-inner table table {
  width:100%;
}
.panel-settings .panel .table-inner table table select,
.nofx .table-inner table table select{
  width:calc(100% - 1px);
}
.nofx.innerbottom0 .table-inner{padding-bottom:0;}
.panel-settings .panel .table-inner table table button{line-height:normal;}
.panel.innertable .panel-heading{color:#000;background-color:transparent;padding-left:0;padding-bottom:20px;}
.panel.innertable .panel{
-webkit-box-shadow: none !important;
-moz-box-shadow:    none !important;
box-shadow:         none !important;
margin-bottom: 0;
}
.right-pagination{text-align:right;}
.b2bcontact_table th{position:relative;padding-right:22px !important;}
.ordbuttons{text-align:right;position:absolute;top:0;right:0;width:17px;background-color:#333;height:100%;border-right:1px solid #000;padding-right:2px;}
.ordbuttons a{position:absolute;bottom:0;right:1px;}
@media screen and (max-width: 1500px) {
  .b2bcontact_table td img {
    max-height:20px;
  }
  .table-inner {
      padding: 10px;
  }
  .b2bcontact_table th.hide-1500,
  .b2bcontact_table td.hide-1500 {
    display:none;
  }
}
@media screen and (max-width: 1280px) {
  .b2bcontact_table td img {
    max-height:20px;
    max-width:30px;
  }
}

.action_button{
  text-transform:uppercase;
}
.action_button:hover{
  color:#fff;
}
.action_button:focus, .action_button:active {
  color:#fff;background-color:#000;
}

.innerzero .panel-inner{padding:0;}

.badge1 {
   position:relative;
}
.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-10px;
   right:-20px;
   font-size:.7em;
   background:red;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}

.badge-help {
   position:relative;
}
.badge-help:after {
   content:'?';
   position:absolute;
   top:0px;
   right:-30px;
   font-size:.9em;
   background:#3497fd;
   color:white;
   width:16px;height:16px;
   text-align:center;
   line-height:16px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
   cursor:pointer;
}

.uniform-button, .uniformbutton{text-transform:uppercase;min-width:180px;max-width:250px;font-weight:normal !important;padding:6px 15px !important;font-size:9pt !important;border-radius:6px !important;line-height:28px !important;}
.uniformbutton.uniform-mini{line-height:normal !important;height:34px !important;}
.uniformbutton.uniform-short{min-width:120px;max-width:none;}

.table-padded td{padding:15px 5px !important;}

.panel-settings .panel-heading {margin-bottom:20px;background-color:transparent;padding-left:0px;}

.content-heading.is_stuck{margin-top:-13px;}
.content-heading.is_stuck .content-heading-inner{padding-top:13px;}
/*
.content-heading {
  position:fixed;
  top: 61px;
  z-index:100;
  left:220px;
  width:calc(100% - 220px);
  padding-left:20px;
  padding-right:20px;
  box-sizing: content-box;
}*/

.panel-heading{padding-left:0;padding-top:0;margin-bottom:20px;}
.nopadding .table-inner{padding:0;}
.last-right table th:last-child{text-align:right;}
.last-right table td:last-child{text-align:right;}
.alert>p+p {
    margin-top: 15px;
}
.helplist li {font-size:16px;}
.helplist li img{max-width:800px;display:block;margin-top:20px;margin-bottom:40px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
}
.mt40 {margin-top:40px;}
.form-control{display:inline-block;}

.layout_formrow_table{display:table;}
.layout_formrow{display:table-row;}
.panel.innerzero .layout_formrow_table{padding:30px 30px 0 30px;}
/*.panel-inner .layout_formrow_table{padding:30px 10px 0 10px;}*/
.layout_formrow_label{font-weight:bold;padding-right:5px;}
.layout_formrow_field{padding-right:20px;}
.layout_formrow_field input, .layout_formrow_field select{max-width:300px;min-width:200px;}
.layout_formrow_field input.longfield{max-width:500px;min-width:500px;}
.layout_formrow_field input[type="radio"]{max-width:auto;min-width:auto;}
.layout_formrow_field input[type="number"]{max-width:auto;min-width:auto;}
.layout_formrow_label, .layout_formrow_field, .layout_formrow_button{display:table-cell;padding-top:10px;padding-bottom:10px;}
#form_generic, #form_mail, #form_tel{margin-bottom:20px;}

@media screen and (max-width: 1280px) {
  .layout_formrow_table{display:block;}
  .layout_formrow{display:block;margin:0;}
  .layout_formrow_label, .layout_formrow_field, .layout_formrow_button{
    display:block;padding-top:5px;padding-bottom:5px;
  }
  .layout_formrow_label{padding-bottom:0px;}
  .layout_formrow_field{padding-top:0px;padding-right: 0;}
  .layout_formrow_field input, .layout_formrow_field select{width: 100%;}
  .panel.innerzero .layout_formrow_table {
      padding: 10px 10px 0 10px;
  } 
  .layout_formrow_field input.longfield {
      max-width: none;
      min-width: 0;
  }
  
  #formManageTags .layout_formrow_field:nth-child(2) {
    padding:0;
    width:100%;
  }
  
  .panel-inner{padding:10px;}
  
  .uniform-button, .uniformbutton {
      min-width: 110px;
      max-width: 180px;
      margin-bottom:5px;
  }
  
  .dropdown-menu>li>a {
      color: #eee;
      font-size:12px;
  }
  
  .spacer_email{display:none;}
  
  .helplist img{width:100%;}
  ol{padding-left:20px;}
}
