/****************** GENERAL STYLES - SINGLE PROPS **********************************************/
.pointer{ cursor: pointer; }
.float-right { float: right;}
.margin-bt-10 { margin-bottom: 10px; }

/****************** GENERAL **********************************************/
.brand .logo-mobile {display: none; }
ul#verticalMenu a { color: #FFF; }
ul#verticalMenu li.inactive, ul#verticalMenu li.inactive a, ul#verticalMenu a:hover { color: #56c1ad; font-weight: bold; }
ul#verticalMenu {
  list-style: none;
  font-family: "Lato";
  /*font-size: 26px;
  font-weight: 400;
  letter-spacing: 0px;
  font-weight: 200;*/
  letter-spacing: 0px;
  font-style: normal;
  margin-top: 15px;
  padding-left:10px;
  font-size: 16px;
  text-transform: uppercase;
}
ul#verticalMenu li { padding-top: 8px }
.social_icon ul {list-style: none; margin: 30px auto 0 auto; }
.social_icon ul li { display: inline-block; margin-left:10px; }

div.error {
  background: rgb(251, 227, 228);
  border: 1px solid #fbc2c4;
  color: #8a1f11;
  padding: 15px;
  margin-bottom: 20px;
}

div.separator {clear:both; margin-bottom: 20px;}
div.post-separator { min-height: 15px;background-color:#F1F2F7; }
.awedit { padding: 0 20px 10px 20px; }

table.contextSeparator { width: 100%; border: none;}
table.contextSeparator td.external { width: 40% }
table.contextSeparator td.central { border-top: 2px dotted #3661b0; border-bottom: 2px dotted #3661b0; padding: 10px 0;min-height: 40px; text-transform: uppercase; }

/****************** HEADER/FOOTER **********************************************/
#bioHeader, #bioFooter{ margin-left: 80%; }
#bioHeader{ margin-bottom: 10px; }
.headerIcon { font-size: 130% !important; }
.titleIcon { /*font-size: 20px !important;*/ }

/****************** OVERRIDE **********************************************/
body {font-size: 16px !important; }
#container {max-width: 1200px !important;}
header.header {
  /*background-color: rgba(255,255,255,0);*/
  background-image: url("/applications/webwork/site_bio/media/header.jpg");
  background-position: top;
  background-repeat: no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  width: 100% !important;
}

.wrapper { margin-top: 0px; }
.site-min-height { min-height: 600px !important; }

.fixed-width { background: #56c1ad !important;}
.fixed-top { position: relative !important; }
#sidebar {background: #3661b0 !important; }
.footer-section {background: #3b539b !important; }
.brand { background-color: #7694dc; height: auto ! important;}
ul.sidebar-menu { padding-top: 227px; } /* height logo */

.sidebar-toggle-box { margin-top:-130px !important; }

.wizard > .content > .body { position: relative !important; } /* per aumentare altezza del BioPanel contenente BioTreeViewe */

.form-control { color: #474b56 !important; }

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: default !important; }

.tooltip {z-index: 999;}

/******************  BIOPANEL  **********************************************/
.panel-heading-sec { padding: 5px !important; border: 1px solid #c0c0c0; }
.panel-body-sec { border-right: 1px solid #c0c0c0;border-left: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0; border-radius: 0 0 10px 10px;}

/******************  WP_LOGIN  **********************************************/
.form-signin { margin:0px auto; }

.form-signin h2.form-signin-heading {
  padding:20px 15px;
  background:#7694dc;
  border-bottom:10px solid #3661b0;
}

/****************** QUESTION **********************************************/
.visible-status { padding-right: 5px;}
.auth-small { font-size: 80%; margin-right: 25px; text-transform:lowercase; }

  /****************** WP_REGISTRATION & LOGIN **********************************************/
#wizard ul li {text-transform: uppercase; }
#reg-feedback img.feedback { width: 300px; }
.iradio_square-green { margin:5px 0px 0px 15px !important;}

.top-nav ul.top-menu>li .dropdown-menu.logout.wider { width: 300px !important; }
.username { padding-left: 10px; }
.dropdown-menu > form > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

  /****************** ANSWERS **********************************************/
div.teacherComment { margin: 20px auto; float: none !important;}
div.rescue-words { background-color: rgba(85, 191, 171, .1); border-radius: 5px; padding: 10px; }
p.tch-answers { border-bottom: 1px solid #c0c0c0; padding-bottom: 5px;}

/* TinyMCE */
.defaultSkin .mceButton, .mceListBox, .mceSplitButton { margin: 1px 5px !important; }
.uploadedVideo {  max-width:60%; margin: 10px auto; }
.uploadedVideo video { max-width:100%; }
.mb_video { display: block; margin: 20px auto; text-align: center; }

/****************** WP_LANGUAGE **********************************************/
#langContainer .areaFlags img {
  border-radius: 0px !important;
  width:24px !important;
  margin-left: 5px;
}
  /****************** WP_HOME_ICONS **********************************************/
.wrapper.hm-cnt {margin-top: 30px !important;}
.icon-title { text-transform: uppercase; cursor: pointer; margin-left: 10px;}
.icons-home img { width: 60px; max-width: 60px; }
#img-home,.img-home img{ width: 100%; margin-top: 40px; } /* margin-left: -15px; margin-right: -15px; */
 .wrapper-home{ padding: 10px; color: #fff} /* margin-left: -15px; margin-right: -15px; */
 .wrapper-home h2{  color:#69fdfd} /* margin-left: -15px; margin-right: -15px; */

  /****************** WP_DOCLIST HOME_CONTENT_UP **********************************************/
.hm-cnt-up { background-color: #56c1ad; }
.hm-cnt-up .col-md-6 { color: #FFF; }
.hm-cnt-up .col-md-6  h2{ font-family: "Lato";}
.hm-cnt-up .col-md-6 img { max-width: 100%; width: 100%; }

.fancybox-content h3 {color:#56c1ad; font-weight:bold; margin-bottom:30px; }

/****************** TINY IMAGES **********************************************/
#fo .floatRight {float: right;margin:10px 0px 10px 10px;/* width: 150px;max-width: 150px; */}
#fo .floatLeft {float: left;margin:10px 10px 10px 0px; /* width: 150px;max-width: 150px; */}
#fo .centered {float: none;display: block;margin:10px auto; /* width: 300px;max-width: 300px; */ }

/****************** WP_FOOTER **********************************************/
.footer-section { height: 180px; }
.footer-section .footer-menu { float: right; /*width: calc(100% - 240px);*/ width: 100%;}
.footer-section #financier {margin-top: 20px; margin: 20px 10px 0 250px; }
.footer-section .footer-logos { float: right; /*width: calc(100% - 240px);*/ width: 100%;margin-top: 30px; max-height: 60px; text-align: right;}
.footer-section .footer-logos img { max-height: 50px; margin-right: 30px; }
/* sidebar closed ==> full width*/
.footer-section.full-width .footer-menu { float: none; width:100%; }
.footer-section.full-width .footer-logos { float: left; width: 100%; text-align: left;}

.footer-menu #menu_orizzontale { width: 80%; margin: 0 auto; }
.footer-menu #menu_orizzontale div { display: inline-block; margin-right: 10px;}
.footer-logos ul li {display: inline;}

  /****************** ERRORE **********************************************/
#errorContainer  { line-height:40px; width: 100%; }

/****************** MEDIA QUERIES da style-responsive.css **********************************************/
@media (min-width: 768px) and (max-width: 980px) {
}

@media (min-width: 480px) and (max-width: 767px) {
  /*.footer-logos ul li {border:2px solid red;}*/
}

@media (max-width: 767px) {
  .brand .logo-desktop {display: none; }
  .brand .logo-mobile {display: inline; }
  .brand, .brand a img { height: 80px ! important;}
  .sidebar-toggle-box { margin-top:-60px !important; }

  .doclist-wrapper { padding:0 15px 0 15px; } /* testo in home */

  .footer-section .footer-logos{margin-top:10px; }
}

@media (max-width: 479px) {
  .footer-section { height: 220px; }
  .footer-menu table#menu_orizzontale { width: 100%;}
}