/**
 * @consultorio.css
 * Consultorio Styling
 */

/**
 * Fonte Adicional - HelveticaNeuelTSTD (BD & Roman)
 */
@font-face {
  src:  url('fonts/HelveticaNeuelTSTD-BD.otf') format('opentype'),
        url('fonts/HelveticaNeuelTSTD-BD.eot');
  font-family: 'helveticaneueltstd-bd';
}

@font-face {
  src:  url('fonts/HelveticaNeuelTSTD-Roman.otf') format('opentype'),
        url('fonts/HelveticaNeuelTSTD-Roman.eot');
  font-family: 'helveticaneueltstd-roman';
}


/* Consultório HEADER*/

/* There is a separation between free and paid, because, in the future,
 * they could have different colors
 */


body #navigation #main-menu li a.active-trail {
  background-image: url('../images/backgrounds/menu_current.png');
  background-repeat: repeat-x;
  color: #FFF;
}

body.section-termos-e-condicoes-do-consultorio #header,
body.section-termos-e-condicoes-do-consultorio #navigation li:first-child a,
body.section-termos-e-condicoes-do-consultorio #navigation li.current a ,
body.section-termos-e-condicoes-do-consultorio #navigation #main-menu li a.active-trail {
      background-color: #F36F21;
  }


body.consultorio-gratuito #header,
body.consultorio-gratuito #navigation li:first-child a,
body.consultorio-gratuito #navigation li.current a ,
body.consultorio-gratuito #navigation #main-menu li a.active-trail {
  background-color: #F36F21;
}

body.consultorio-personalizado #header,
body.consultorio-personalizado #navigation li:first-child a,
body.consultorio-personalizado #navigation li.current a ,
body.consultorio-personalizado #navigation #main-menu li a.active-trail {
  background-color: #F36F21;
}


body.node-type-consultorio  #header,
body.node-type-consultorio  #navigation li:first-child a,
body.node-type-consultorio  #navigation li.current a ,
body.node-type-consultorio  #navigation #main-menu li a.active-trail {
  background-color: #F36F21;
}

/* Consultorio - Breadcrumb */

body.consultorio-gratuito .breadcrumb li,
body.consultorio-gratuito .breadcrumb li a,
body.consultorio-personalizado .breadcrumb li a, 
body.consultorio-personalizado .breadcrumb li {
  font: 11px 'helveticaneueltstd-bd' ;
}


/**
 * Consultorio HomePage - SlideShow (VIEWS)
 */

.view-consultorio .widget_pager .views-content-counter {
  text-indent: -10000px;
  border-radius: 50px;
  margin: 10px 10px 10px 0px;
  width:10px;
  height:10px;
  background-color: #FFF;
}

.view-consultorio .widget_pager .active .views-content-counter {
  text-indent: -10000px;
  border-radius: 50px;
  margin-right: 10px;
  background-color: #005fc9;
}

.view-consultorio .widget_pager .views-content-counter:hover {
  cursor: pointer;
  background-color: #CCC;
  border-radius: 50px;
  margin-right: 10px;
}

div.view-consultorio  {
  position: relative;
}

.view-consultorio .views-field-field-free-area {
  font: bold 11px 'Open Sans';
  background-color: #f3e7db;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
}

.view-consultorio .views-field-field-free-area .field-content a {
  color: #005fc9;
  text-decoration: none;
  padding-left: 5px;
}

.view-consultorio .views-field-field-free-area .field-content a:hover {
  text-decoration: underline;
}

.view-consultorio .views-slideshow-controls-top {
  background-color: #f3e7db;
  float: right;
  height: 30px;
  width: 65%;
  position: absolute;
  z-index: 50;
  top: 0;
  right: 0;
}

.view-consultorio .views-slideshow-controls-top .views-slideshow-pager-fields {
  float: right;
}

.view-consultorio .views-slideshow-pager-field-item {
  float: left; 
}

.view-consultorio .views-field-title a {
  font: bold 24px 'Open Sans';
  text-decoration: none;
  color: #565656;
}

.view-consultorio .views-field-title a:hover {
  text-decoration: underline;
}

.view-consultorio div.views-field-title {
  margin-top: 10px;
  margin-bottom: 13px;
}

.view-consultorio .views-field-field-question {
  font: bold 13px 'Open Sans';
  line-height: 1.2em;
  margin-bottom: 13px;
}

.view-consultorio .views-field-field-answer {
  font: 13px 'helveticaneueltstd-roman';
  line-height: 1.2em;
}

.view-consultorio #views_slideshow_cycle_main_consultorio-slideshow {
  height: 230px;
}

.view-consultorio .views-slideshow-cycle-main-frame {
  height: inherit !important;
}

.view-consultorio .views_slideshow_cycle_slide {
  height: inherit !important;
  width: 100%;
}

.view-consultorio .views-slideshow-cycle-main-frame-row-item {
  height: inherit !important;
  position: relative;
}

.view-consultorio .views-field-view-node {
  bottom: 0;
  position: absolute;
}

.view-consultorio .views-field-view-node span {
  background-color: #009cfa;
  display: table;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
}

.view-consultorio .views-field-view-node span a { /* See more */
  font: 13px 'helveticaneueltstd-roman';
  text-decoration: none;
  color: #fff;
}

.view-consultorio .views-slideshow-controls-bottom {
  height: 30px;
  width: 70px;
  position: absolute;
  left: 170px;
  bottom: 0px;
  z-index: 50;
}

.view-consultorio .views-slideshow-controls-bottom .views-slideshow-controls-text-previous a {
  float: left;
  display: block;
  text-indent: -10000px;
  background-image: url('../images/slideshow-left.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 30px;
  width: 30px;
}

.view-consultorio .views-slideshow-controls-bottom .views-slideshow-controls-text-next a {
  display: block;
  float:right;
  text-indent: -10000px;
  background-image: url('../images/slideshow-right.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 30px;
  width: 30px;
}

.view-consultorio .views-slideshow-controls-bottom .views-slideshow-controls-text-pause a {
  display: none;
}

/* Hide Title from Consultorio HP */

body.consultorio-gratuito-hp h1,
body.consultorio-personalizado-hp h1 {
  display: none;
}

/* Consultorio - HomePage Area Highlights */

#block-views-consultorio-areas {
  border-top: solid 1px #ccc;
  margin: 30px 0px 0px 0px;
  padding-top: 30px;
}

#block-views-consultorio-areas .item-list {
  width: 300px;
  background-image: url('../images/consultorio/consultorio_box_background.png');
  background-repeat: no-repeat;
  float: left;
  margin: 0px 10px 30px 0px; /* use 10px for IE =< 8, as it doesn't support nth-child */
  height: 390px;
  position: relative;
}

#block-views-consultorio-areas .item-list:nth-child(odd) {
  margin-right: 20px;
}
#block-views-consultorio-areas .item-list:nth-child(even) {
  margin-right: 0px;
}

#block-views-consultorio-areas .item-list h3 {
  padding: 0 15px;
  margin: 10px 0;
  font: 18px 'helveticaneueltstd-bd';
  background: url('../images/consultorio/consultorio_single_arrow.png') no-repeat 95% 50%;
}

#block-views-consultorio-areas .item-list h3 a {
  background: url('../images/consultorio/consultorio_double_arrow.png') no-repeat ;
  color: #f36f21;
  text-decoration: none;
  padding-left: 30px;
  display: block;
}

#block-views-consultorio-areas .item-list ul {
  padding: 0 15px;
}

#block-views-consultorio-areas .item-list li {
  list-style: none;
  margin-bottom: 20px;
}

#block-views-consultorio-areas .item-list .views-field a {
  font-size: 12px;
}
#block-views-consultorio-areas .item-list .views-field {
  font-weight: normal;
  font-size: 12px;
  margin: 0px 0px;
}

#block-views-consultorio-areas .item-list .views-field-field-free-area-1 {
  display: none;
}

#block-views-consultorio-areas .item-list li.views-row-last .views-field-field-free-area-1 {
  display:  inline;
  height: 30px;
  background-color: #009cfa;
  position: absolute;
  float: left;
  position: absolute;
  bottom: 25px;

}

#block-views-consultorio-areas .item-list .views-field-field-free-area-1 a {
  font: 13px 'helveticaneueltstd-roman';
  color: #ffffff;
  text-decoration: none;
  padding: 5px 20px 5px 10px;
  height: 30px;
  line-height: 30px;
}

/* Right Sidebar */

/* Consultorio Gratuito FORM  is themed on the consultorio module, as it is provided by
 * the module itself
 */


/* Free Area List */

body.consultorio-gratuito-area #content h1 {
  color: #fff;
  font: 18px 'helveticaneueltstd-bd';
  background: url('../images/consultorio/consultorio_double_arrow_white.png') #f36f21 15px center no-repeat ;
  height: 30px;
  line-height: 35px;
  padding-left: 40px;
}

#block-views-consultorio-free-area-list ul {
  list-style-type: none;
  padding: 0;
}

#block-views-consultorio-free-area-list li {
  padding-top: 15px;
  width: 290px;
  border-bottom: 1px solid #ccc;
  height: 75px;
  float: left;
}

#block-views-consultorio-free-area-list li.views-row-odd {
  margin-left: 5px;
  margin-right: 20px;
}

/*
#block-views-consultorio-free-area-list li.views-row-even {
  padding-top: 15px;
}
*/
/* Last even row should have the no border, only if it's the last row
 * otherwise leave it be */
#block-views-consultorio-free-area-list ul li.views-row-odd:nth-last-child(2) ,
#block-views-consultorio-free-area-list ul li.views-row-last {
  border-bottom: none;
}

/* First 2 rows should have a smaller padding*/
#block-views-consultorio-free-area-list ul li.views-row-1,
#block-views-consultorio-free-area-list ul li.views-row-2 {
  padding-top: 10px;
}


#block-views-consultorio-free-area-list .views-field-title {
  margin: 0;
}

#block-views-consultorio-free-area-list .views-field-title a {
  font: bold 13px 'Open Sans';
}

#block-views-consultorio-free-area-list .views-field-field-question {
  font: normal 11px 'Open Sans';
}

#block-views-consultorio-free-area-list .views-field-field-question {
    font: normal 11px 'Open Sans';
}


/* Consultorio - Full view */

.node-consultorio .field-name-field-free-area ,
.node-consultorio .field-name-field-paid-area {
  color: #fff;
  font: 18px 'helveticaneueltstd-bd';
  background: url('../images/consultorio/consultorio_double_arrow_white.png') #f36f21 15px center no-repeat ;                                                           
  height: 30px;
  line-height: 35px;
  padding-left: 40px;
  margin-bottom: 20px;
}

.node-consultorio .field-name-field-free-area a ,
.node-consultorio .field-name-field-paid-area a {
  color: #fff;
  text-decoration: none;
}

.node-consultorio h2.node-title {
  font: bold 24px 'Open Sans';
  margin-bottom: 20px;
}

.node-consultorio h2.node-title a {
  color: #555;
}

.node-consultorio .field-name-field-question {
  margin-bottom: 40px;
  font: bold 13px 'Open Sans';
  color: #555;
}

.node-consultorio .field-name-field-answer {
  margin-bottom: 40px;
}

.node-consultorio .article-print {
  background: url('../images/article-print.png')  no-repeat left center;
  float: right;
  height: 30px;
}


.node-consultorio .article-print a#article-small-font {
    width: 10px;
    margin-right: 3px;
}

.node-consultorio .article-print a#article-large-font {
    width: 13px;
    margin-right: 11px;
}
    
.node-consultorio .article-print a {
    float: left;
    display: block;
    height: 30px;
    width: 16px;
    margin-right: 10px
}

.node-consultorio .article-share {
  float: left;
  line-height: 30px;
  font-weight: bold;
  margin-right: 10px;
  display: block;
  font-size: 12px;
  padding-top: 5px;
}

.node-consultorio .sharethis-wrapper {
    background-color: #F3E8DC;
    margin: 2px 0px;
    line-height: 30px;
}

/* If Consultorio personalizado, don't show sharethis */
body.consultorio-gratuito-hp .node-consultorio .article-share {
  display: none;
}

/* Question - Similar Terms */
article .consultorio-similar-terms h2 {
  font: bold 18px 'Open Sans';
  border-bottom: solid 1px #ccc;
  margin-bottom: 5px;
}

article .consultorio-similar-terms .view-display-id-consultorio_similar_terms {
    margin-bottom: 20px;
    overflow: hidden;
}

article .consultorio-similar-terms .views-row {
/*  height: 135px; */
  overflow: hidden;
}

article .consultorio-similar-terms .views-row {
  padding-top: 5px;
  width: 290px;
  border-bottom: 1px solid #ccc;
  height: 115px;
  float: left;
}

article .consultorio-similar-terms div.views-row-odd {
  margin-left: 5px;
  margin-right: 20px;
}

article .consultorio-similar-terms div.views-row-even {
/*  padding-top: 15px; */
}

/* Last even row should have the no border, only if it's the last row
 * otherwise leave it be */
article .consultorio-similar-terms .views-row-odd:nth-last-child(2) ,
article .consultorio-similar-terms .views-row-last {
  border-bottom: none;
}

/* First 2 rows should have a smaller padding*/
/*
article .consultorio-similar-terms .views-row-1,
article .consultorio-similar-terms .views-row-2 {
  padding-top: 10px;
}
*/

article .consultorio-similar-terms .views-field-title {
  margin: 0;
}

article .consultorio-similar-terms .views-field-title a {
  font: bold 13px 'Open Sans';
  text-decoration: none;
}

article .consultorio-similar-terms .views-field-field-question {
  font: normal 11px 'Open Sans';
}

article .consultorio-similar-terms .views-field-field-question {
    font: normal 11px 'Open Sans';
}

article .field-name-field-consultorio-tags {
  margin-top: 10px;
}

article .field-name-field-consultorio-tags .field-label {
  margin-right: 10px;
}

article .field-name-field-consultorio-tags .field-item a {
  color: #bcb1a5;
  background-color: #fff;
  border-radius: 5px;
  margin 0 5px;
  padding: 2px 10px;
  text-decoration: none;
}

article.node-consultorio {
  background-color: #f7eee5;
}


.node-consultorio.user-provider.provider-assigned .field-name-field-etl .field-items ,
.node-consultorio.user-provider.provider-assigned .field-name-field-etd .field-items {
  width: 170px;
}

.node-type-consultorio .tabledrag-toggle-weight-wrapper,
.node-type-consultorio .tabledrag-handle,
.node-type-consultorio .field-multiple-drag {
  display: none;
}

/* Hide dragable field whene editing consultorio */
#edit-field-request .tabledrag-toggle-weight,
#edit-field-request .field-multiple-drag {
  display: none;
}

/* My Questions */
#block-views-workbench-edited-my-questions {
   background-color: #ffffff;
   border: 1px solid #cccccc;
   padding-bottom: 20px;
}

#block-views-workbench-edited-my-questions .view-empty {
  clear: left;
  margin-left: 15px;
  margin-right: 15px;
}

#block-views-workbench-edited-my-questions h2.block-title {
   font: 18px 'helveticaneueltstd-bd';
   background: url('../images/consultorio/consultorio_my_questions.png') no-repeat 15px center;
   padding-left: 40px;
   line-height: 43px;
   height: 38px;
   border-bottom: 1px solid #cccccc;
   margin-bottom: 15px;
}

#block-views-workbench-edited-my-questions .view-header p {
  margin: 0;
}

#block-views-workbench-edited-my-questions .view-header a {
  color: #ffffff;
  text-decoration: none;
  height: 20px;
  line-height: 20px;
}

#block-views-workbench-edited-my-questions .view-header {
   background-color: #bcb1a5;
   border-radius: 5px;
   padding: 0 5px;
   height: 20px;
   line-height: 20px;
   float: left;
   margin-bottom: 15px;
   margin-left: 15px;
   font: 13px 'helveticaneueltstd-roman';
}

#block-views-workbench-edited-my-questions .view-content {
  padding: 0 10px;
}

#block-views-workbench-edited-my-questions .views-row {
  padding: 5px 5px;
}

#block-views-workbench-edited-my-questions .views-field-created {
  float: left;
}

#block-views-workbench-edited-my-questions .views-field-state {
  float: right;
}

#block-workbench-block {
  display: none;
}

div.embed-survey article ul.links {
    display: none;
}

/* Consultorio Personalizado Form */
#edit-attachment-upload {
    line-height: 29px;
    height: 28px;
    font-size: 11px;
}

/* Consultorio Gratuito Share links */
div.partilhas {
    margin-top: 30px;
    margin-bottom: 40px;
}

/* Consultorio Survey textarea bug on FF */
.node-consultorio_survey-form .form-textarea-wrapper textarea {
    display: inline;
    resize: none;
}

.node-consultorio_custom_survey-form .form-textarea-wrapper textarea {
    display: inline;
    resize: none;
}

body.consultorio-gratuito #header .secondary-related-menu, 
body.consultorio-personalizado #header .secondary-related-menu {
    display: none;
}

/* Styling the user pages */

body.page-user #content {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
}


body.page-user #content-wrapper {
    border-left: 1px solid #2c62ae;
    background-color: white;
    padding: 20px;
    border-right: 1px solid #2c62ae;
    border-bottom: 1px solid #2c62ae;
}

body.page-user.page-user-consultorio #content-wrapper {
    border-left: 1px solid #f79b63;
    background-color: white;
    padding: 20px;
    border-right: 1px solid #f79b63;
    border-bottom: 1px solid #f79b63;
}

body.page-user .title {
    background-color: #2c62ae;
}

body.page-user.page-user-consultorio .title {
    background-color: #f79b63;
}

body.page-user .title {
    padding-top: 20px;
    padding-left: 25px;
    color: white !important;
}

body.page-user .minhas-perguntas-titulo {
    width: 50%;
}

body.page-user .view-id-workbench_edited caption {
    font-weight: bold
}

body.page-user .view-id-workbench_edited td.active {
   background: inherit;
}

body.page-user .view-id-workbench_edited tr {
    border: none;
    line-height: 35px;
}

body.page-user .view-id-workbench_edited tr.odd {
   background-color: #fef5ec;
}

body.page-user .view-id-workbench_edited tr.even {
   background-color: #fddac1;
}

body.page-user ul.tabs.primary {
    background: #2c62ae;
}

body.page-user.page-user-consultorio ul.tabs.primary {
    background: #f79b63;
}

body.page-user ul.tabs.primary {
    padding-top: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 5%;
    border: none;
}

body.page-user ul.tabs.primary li {
    border: none;
    text-shadow: none;
    margin: 0.5em 0 0 6px;
}

body.page-user ul.tabs.primary li a{
    font-size: 14px;
    color: white;
    font-weight: bold;
    line-height: 33px;
    border: none;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -ms-border-top-left-radius: 0px;
    -o-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -ms-border-top-right-radius: 0px;
    -o-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    background-color: transparent;
}

body.page-user ul.tabs.primary li a:hover{
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #e9e9e9;
    color: gray;
}

body.page-user ul.tabs.primary li a{
    background-image: url('../images/pixil.png');
    background-repeat: repeat;
}

body.page-user ul.tabs.primary li.active a{
    background: white;
    color: #333;
}