/* GLOBAL */
body {
   background-color: #fff;
   color: #888888;
}

/* TYPOGRAPHY */

hr {
   border-top: 1px solid #ddd;
   margin-top: 15px;
   margin-bottom: 15px;
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.page-header.header-auto {
    height: inherit;
    min-height: inherit;
}
.page-header.header-xsmall {
   height: 30vh;
   min-height: 30vh;
}
.page-header.header-xlarge {
   height: 85vh;
   min-height: 85vh;
}
.header-filter::before {
   background-color: rgba(0, 0, 0, 0.40);
}
.login-page .page-header::before, .landing-page .page-header::before, .feedback-page .page-header::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, transparent 65%, #000000);
  opacity: 1;
}
.label {
    font-weight: 400;
}
.label.label-white {
   background-color: #fff !important;
   color: #4285f4 !important;
}
/*.form-group .checkbox label, .form-group label {*/
/*    font-size: 12px;*/
/*    line-height: 1.7;*/
/*}*/
.form-group, .help-content {
    font-size: 14px;
    color:#AAAAAA;
}
.form-group {
   padding-bottom: 7px;
   margin: 8px 0 0 0;
}
.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
}
/* HOME */
.home-page .navbar,
.home-page .navbar.navbar-default {
   box-shadow: none;
}
.header-title h2.title {
   line-height: 120%;
   margin: 0 30px 65px 0;
   font-size: 2.2em;
}
.card-plain .card-image a {
   display: block;
}
.card-image .label.label-flat {
   position: absolute;
   top: 0;
   left: 10px;
}
.card-background .card-content.label-flat {
   padding: 15px 15px;
   min-height: 220px;
}
.card-background .card-content.label-flat .label {
   display: block;
   clear: both;
   text-align: left;
}
.card-background .card-content.label-flat .absolute {
   position: absolute;
   bottom: 0;
   width: 100%;
   padding: 15px;
   left: 0;
   text-align: left;
}
.card-background:after,
.back-background:after,
.front-background:after {
  background-color: rgba(0, 0, 0, 0.40);
}

.site-index h2.corso-title, .search-result h2.corso-title {
    font-weight: 400 !important;
    line-height: 1.3em;
    font-size: 1.3em;
    margin: 10px 0;
}
.site-index h4.section-label {
    color: #666666;
    font-size: 24px;
    font-weight: 100 !important;
    margin: 20px 0 30px;
}

.search-result h1.title {
    font-size: 24px;
    margin: 0;
}

.site-index .rating .material-icons,
.search-result .rating .material-icons,
.product-page .rating .material-icons,
.live-page .rating .material-icons,
.feedback-page .rating .material-icons {
    color: #ccc;
    font-size: 18px;
    -webkit-text-stroke: 0 transparent;
    text-shadow: none;
}

.site-index .rating .material-icons.checked,
.search-result .rating .material-icons.checked,
.product-page .rating .material-icons.checked,
.live-page .rating .material-icons.checked,
.feedback-page .rating .material-icons.checked {
    color: #FEB743;
}

.feedback-page .rating-container {
    top: 5px;
    position: relative;
}

.live-page .rating .material-icons {
    font-size: 24px;
}
.feedback-page .rating .material-icons {
    font-size: 28px;
}

.header-auto .container {
    padding-top: 100px;
}

.header-auto .card-image-home {
    height: 350px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
}

.header-auto .card.card-plain-home {
    border-radius: 0;
}

.header-auto .card.card-plain-home .card-content {
    padding: 0 20px 15px;
}

.where {
    color: #4285f4;
    font-weight: bold;
}

.header-auto .card-image-home a {
    display: block;
    width: 100%;
    height: 100%;
}

/* LOGO */
.logotype strong      {color:#E4003A; font-weight: 500;}
.logotype small       {font-size: 75%;}
.navbar .navbar-brand {height: 58px; padding: 10px 15px; z-index: 999;}

.navbar-brand .logotype,
.home-page .navbar-brand .logotype,
.navbar-absolute .navbar-brand .logotype {
    background-image: url('https://d19wu2mwi84gij.cloudfront.net/company/trc/ruling-companies-w.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #333;
    display: block;
    font-size: 300%;
    height: 72px;
    max-width: 164px;
    width: 164px;
}
.home-page .navbar-brand .logotype strong {color: #333;display:none}
.home-page .navbar-brand .logotype small  {color: #333;display:none}

.product-page .navbar-brand .logotype,
.search-result .navbar-brand .logotype {
    background-image: url('https://d19wu2mwi84gij.cloudfront.net/company/trc/ruling-companies-c.png');
    margin-bottom: 20px;
}

/* NAVBAR */
.navbar {
   padding: 25px 0 10px 0;
}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
   border-top: 5px solid #4285f4;
   border-radius: 0;
   padding-top: 7px;
}

/* override PRIMARY */
.form-group.is-focused .form-control {
   background-image: linear-gradient(#666, #666), linear-gradient(#D2D2D2, #D2D2D2);
}

/* override FONT FOOTER */
footer ul li a {
   font-weight: 300;
   font-size: 15px;
   text-transform: none;
}

/* SEARCH BAR EXPAND */
.navbar-right li {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.search-result .desktop-search {
    display: none !important;
}

.expandSearch {
    cursor: pointer;
    display: inline-flex;
}

.expandSearch .form-group {
    height: 47px;
    width: 170px;
    margin: 0;
    max-width: 0;
    opacity: 0;
    transition: all .5s ease;
}
.expandSearch.expanded .form-group {
    max-width: 170px;
    opacity: 1;
}

.expandSearch .material-icons.toclose,
.expandSearch .material-icons.search {
    font-size: 32px;
    padding: 7px 0 0 15px;
}

.expandSearch .material-icons.toclose {
    display: none;
}
.expandSearch.expanded .material-icons.toclose {
    display: block;
}
.expandSearch.expanded .material-icons.search {
    display: none;
}

.expandSearch input[type=search] {
    border: 0;
    width: 100%;
    padding: 5px;
    transition: all .5s ease;
}

.navbar.navbar-absolute .expandSearch .material-icons.toclose,
.navbar.navbar-absolute .expandSearch .material-icons.search,
.navbar.navbar-absolute .expandSearch input[type=search] {
    color: #fff;
}

/* END SEARCH BAR EXPAND */


.product-page .navbar .card-form-horizontal,
.search-result .navbar .card-form-horizontal {
   text-align: left;
   float: left;
   width: 40%;
}
.product-page .navbar,
.search-result .navbar {
   color: #555555;
}
.product-page .navbar .navbar-brand,
.search-result .navbar .navbar-brand {
   height: 88px;
   padding: 10px 15px;
}

.product-page .navbar-transparent {
    margin-bottom: 0;
}
/* SEARCH RESULT */
.where-is-the-place .btn.btn-fab {
    position: absolute;
    right: 0;
}

.where-is-the-place .form-newsletter .form-group {
    width: 100%;
    margin-right: 0;
    padding-right: 56px;
}

.where-is-the-place .form-group .btn-group.bootstrap-select {
    margin-top: 0;
    margin-bottom: 7px;
    padding: 7px 0;
}

.where-is-the-place .btn.dropdown-toggle {
    font-size: 14px;
    font-weight: normal;
    text-transform: inherit;
    padding: 0;
    margin: 0;
    line-height: 1;
    height: 36px;
}
.pagination > li > a, .pagination > li > span {
    border-radius: 5px !important;
}


/* ELASTIC SEARCH */
#collapseTools .btn-group.bootstrap-select {margin: 0; padding: 0;}
#collapseTools .form-control.datepicker    {margin: 0; padding: 0; height: 28px;}
#collapseTools .well .form-group           {padding-bottom: 0; margin: 0;}
#collapseTools .well-sm                    {padding: 12px 0; border-radius: 3px; margin-bottom: 0; margin-top: 20px;}
#collapseTools .well                       {background-color: #fff;}

/* LANGUAGE */
footer ul li a.choose-language {
    text-transform: capitalize;
}

footer ul li a.choose-language.dropdown-item {
    color: #4285f4 !important;
    text-align: center;
}

/* LOGIN */
.card-signup .card-content {
   padding: 0 30px 0 30px;
}
.card .header-primary,
.card .content-primary {
   background: linear-gradient(60deg, #4285f4, #4285f4);
}

.card-form-horizontal .form-group {
   margin: 10px 0 0 0;
}
.card-search.label-floating label.control-label, .card-search.label-placeholder label.control-label {
   top: -12px;
   font-size: 18px;
}
.navbar .navbar-nav > li > a {
   font-size: 15px;
   padding-top: 12px;
}
.navbar-nav > li > a.btn.btn-fab.btn-fab-mini {
   color: #4285f4;
   font-size: 1.05em;
   line-height: 2em;
}
.btn:not(.btn-just-icon):not(.btn-fab) .fa,
.navbar .navbar-nav > li > a.btn:not(.btn-just-icon):not(.btn-fab) .fa {
   font-size: 22px;
   margin-top: -2px;
   position: relative;
   top: 2px;
   right: 5px;
}
.card .card-image .colored-shadow {
   transform: scale(0.30);
}
.title a,
.card-title,
.card-title a {
   color: #666666;
   text-decoration: none;
}
h4.card-title a {
   font-weight: 400;
   line-height: 1.3em;
}

h3.title.all-event a {
    font-weight: 100;
    font-size: 20px;
}

.card-title.corso-title strong {
    font-weight: 500 !important;
    text-shadow: 3px 2px 5px rgba(0,0,0,0.3);
}

.card-background .card-description {
    text-shadow: 3px 2px 5px rgba(0,0,0,0.3);
}

.title-text-shadow {
    text-shadow: 3px 2px 5px rgba(0, 0, 0, 0.3);
}

.card-background .card-content, .back-background .card-content, .front-background .card-content {
    min-height: 200px;
    padding-top: 15px;
    padding-bottom: 25px;
}
.text-primary {
   color: #4285f4 !important;
}
.text-yellow {
   color: #FFB743 !important;
}
.text-white {
   color: #FFFFFF !important;
}
.text-light-gray {
   color: #CCCCCC !important;
}
.card-description a{
   color: #666666;
}
.card-description a:hover{
   color: #4285f4;
}
h2.title {
   color: #666666;
   font-size: 24px;
   font-weight: 500;
}

h3.card-background-hp a {
   color: #888888;
   font-size: 15px;
   text-transform: none;
   font-weight: 400;
}
h3.card-background-hp small{
   color: #888888;
   font-size: 12px;
}
h6.card-background-hp {
   color: #FFFFFF;
   font-size: 1em;
   text-transform: none;
}
.card.card-carousel {
   margin-bottom: 0;
   box-shadow: 0 0 0 0;
}
.card.card-transparent {
    color: rgba(255,255,255,1);
    background: rgba(0,0,0,.46);
}
.card.card-transparent .card-title {
    color: #fff;
    text-decoration: none;
    margin-top: 0;
}
.card.card-transparent  .card-description {
    color: #fff;
}
.card.card-transparent  .card-description a {
    color: #fff;
}
.new-caption-area h3 {
   color: #666666;
   font-weight: 400;
}
.new-caption-area {
   color: #888888;
   font-size: 16px;
}
.new-caption-area strong {
   font-size: 18px;
}
.carousel .carousel-control .material-icons {
   font-size: 100px;
   height: 100px;
}
.carousel .carousel-control .material-icons {
   font-size: 100px;
   height: 100px;
}
.tim-carousel {
   font-weight: 400;
   color: #666666;
}
.background-detail {
   background-color: rgba(255, 255, 255, 0.80);
   padding: 10px 20px;
   color: #555555;
   font-size: 14px;
}
h1.background-detail {
   color: #555555;
   font-weight: 400;
   font-size: 38px;
   line-height: 105%;
}
h2.landingpage {
   font-size: 2.6em;
}
h2.landingpagea {
   font-size: 2.2em;
}
.main-product h5{
   color: #4285f4;
   font-size: 16px;
   font-weight: 500;
}

.progress.progress-line-gray {
   background: rgb(240, 240, 240);
}
.progress {
   height: 6px;
   margin-bottom: 10px;
}
.progress .progress-bar.progress-bar-yellow {
   background-color: #FFB743;
}

/* REGISTER */
#profile-registration-form .nav-pills > li + li,
#codice-registration-form .nav-pills > li + li,
#registration-form .nav-pills > li + li {
   margin-left: 0;
}

/* DETAIL */
.product-page {
    background-color: #fff;
}
.product-page .breadcrumb {
   background-color: rgba(0, 0, 0, 0.40);
   color: #FFFFFF;
   position: absolute;
   z-index: 9;
   left: 30px;
   border-radius: 0 !important;
}
.product-page .breadcrumb > li {
   color: #fff;
}
.product-page .breadcrumb > li + li:before {
   color: #fff;
}
.product-page .breadcrumb > li a {
   color: #fff;
}
.product-page .breadcrumb > .active {
   color: #fff;
}
.product-page .main-price {
   margin: 0;
}
.product-page .anchor-link > li {
   display: inline-block;
}
.product-page .anchor-link > li + li:before {
   padding: 0 15px;
   color: #CCCCCC;
   content: "|";
   list-style: none;
}
.product-page .anchor-link > li a {
    display: inline;
    padding: 0;
}

.product-page .page-header .container {
    padding-top: inherit;
}

#documenti .well {
    border: none;
    box-shadow: none;
    overflow: hidden;
    padding-right: 120px;
    position: relative;
}

#documenti .well:after {
    -webkit-transform: rotate(15deg);
    color: rgba(153, 153, 153, 0.25) !important;
    content: "picture_as_pdf" !important;
    font-family: 'Material Icons';
    font-size: 132px;
    line-height: 24px;
    margin-top: -12px;
    position: absolute;
    right: 10px;
    top: 55px;
    transform: rotate(15deg);
}



.section-image-provider {
   position: relative;
}
.section,
.section-image-provider {
   background-position: center center;
   background-size: cover;
}

.checkbox label,
.radio label,
label {
   font-size: 12px;
}
.section {
   padding: 0 0 70px 0;
}
.features-5 {
   color: #FFFFFF;
}
.popover.top {
   max-width: 100%;
}
.section,
.section-image {
   background-position: center center;
   background-size: cover;
}
.help-block {
    line-height: 18px;
}
[class*="features-"] {
   padding: 0 0;
}

.overlay {
background:transparent;
position:relative;
width:100%;
height:600px;
top:600px;
margin-top:-600px;
}

/* CONTACT */
.grecaptcha-badge {
    margin: auto auto 20px;
}

/* SHOP */
.site-shop .card-pricing ul {
    max-width: inherit;
}

.site-shop .card-pricing ul li {
    text-align: left !important;
}

/* MODAL */
.modal-dialog.size-65                   {width: 65%; margin: 30px auto; }
.modal-dialog.size-80                   {width: 80%; margin: 30px auto; }

/* MODAL FULLSCREEN */
.modal-fullscreen.modal                   {position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;}
.modal-fullscreen .modal-dialog           {position: fixed; margin: 0; width: 100%; height: 100%; padding: 0;}
.modal-fullscreen .modal-content          {position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #f0f0f0; border-radius: 0; box-shadow: none;}
.modal-fullscreen .modal-header           {position: absolute; top: 0; right: 0; left: 0; padding: 20px 10px 10px; background: #ffffff; border: 0;}
.modal-fullscreen .modal-title            {font-weight: 300; font-size: 2em; color: #333; line-height: 30px;}
.modal-fullscreen .modal-body             {position: absolute; top: 50px; bottom: 60px; width: 100%; font-weight: 300; overflow: auto; padding-left: 10%; padding-right: 10%;}
.modal-fullscreen .modal-footer           {position: absolute; right: 0; bottom: 0; left: 0; padding: 10px 10px 30px !important; background: #ffffff;}
.modal-fullscreen.modal .modal-header .close i {font-size: 30px;}

@media (min-width: 992px) {
    ul.navbar-nav.navbar-right.nav {
        margin-top: -25px;
    }
}

@media (max-width: 768px) {
    .navbar .navbar-brand {
        height: 58px;
        padding: 10px 15px;
    }

    ul.navbar-nav.nav {
        text-align: center;
    }

    ul.navbar-nav.nav .dropdown-menu li > a {
        font-size: 100%;
    }

    .navbar .navbar-collapse a.btn.btn-white.dropdown-toggle {
        border: 1px solid;
        height: 40px !important;
        line-height: 40px;
    }

    .navbar-collapse .nav > li:after {
        background-color: transparent;
    }

    .navbar .navbar-collapse .caret {
        position: initial;
        right: initial;
        margin-top: initial;
    }

    .navbar .navbar-nav > .active > a,
    .navbar .navbar-nav > .active > a:hover,
    .navbar .navbar-nav > .active > a:focus {
        border: 0;
        background-color: #4285f4;
        color: #FFF !important;
        border-radius: 2px;
        padding-top: 12px;
    }

    .navbar.navbar-absolute .expandSearch .material-icons.toclose,
    .navbar.navbar-absolute .expandSearch .material-icons.search,
    .navbar.navbar-absolute .expandSearch input[type=search] {
        color: #4285f4;
    }

    .footer .col-xs-12 {
        text-align: center;
    }

    .product-page .breadcrumb {
        position: relative;
        top: 135px;
        left: 15px;
        width: 90%;
        overflow: hidden;
        display: none;
    }

    .product-page .breadcrumb li {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

/* SMALL MOBILE */
@media only screen and (max-width: 768px) and (max-height: 1024px) and (orientation: portrait) {
    .modal-fullscreen .modal-header,
    .modal-fullscreen .modal-body {
        position: relative;
    }
}

@media only screen and (max-width: 768px) and (max-height: 480px) and (orientation: landscape) {
    .navbar .navbar-brand {
        height: 58px;
        padding: 10px 15px;
    }
}

@media (max-width: 480px) {
    .navbar-brand .logotype,
    .navbar-absolute .navbar-brand .logotype,
    .home-page .navbar-brand .logotype {
        background-image: url('https://d19wu2mwi84gij.cloudfront.net/company/trc/ruling-companies-w.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
        height: 62px;
        margin-left: 0;
        max-width: 140px;
        width: 140px;
    }
}

@media (max-width: 768px) {
    h1.background-detail {
        color: #555555;
        font-weight: 400;
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .background-detail {
        font-size: 13px;
        line-height: 100%;
    }
}

@media (max-width: 768px) {
    h2.landingpage {
        font-size: 1.8em;
        line-height: 100%;
    }
}

@media (max-width: 768px) {
    h3.landing {
        font-size: 1.1em;
        line-height: 1.2em;
    }
}

.login-page div.page-header.header-filter {
    padding-bottom: 250px;
}

.login-page footer.footer.footer-big {
    position: absolute;
    bottom: 0;
    height: 250px;
    z-index: 2;
    width: 100%;
    left: 15px;
}

form .alert ul {
    list-style: none;
    padding: initial;
}

.recaptcha-container {
    margin: 0 auto;
    width: fit-content;
}

/* fix live page relatori */
.dropdown-menu.dropdown-list-relatori .dropdown-header {
    white-space: normal;
}

.detail-map {
    width: 100%;
    height: 400px;
}

.label.label-webinar {
    background-color: #C83576;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.label.label-live {
    background-color: #60CCD3;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.label.label-hybrid {
    background-color: #4AA365;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.multiline-checkbox {
    display: block;
    margin-left: 30px;
    margin-top: -25px;
    line-height: 1.5em;
}

.required .checkbox label.has-star span.multiline-checkbox::after {
    content: "*";
    margin-left: 3px;
    font-weight: normal;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    color: tomato;
}

small.post-title {
    color: inherit;
}