/*
Theme Name: TTRE Theme
Theme URI: http://www.ttreinformatica.it/
Author: the TTRE Team
Author URI: hhttp://www.ttreinformatica.it/
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: ttrotheme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body {
    font-family: 'Open Sans', sans-serif;
    background-color: #FFFDF3;
    /*overflow-x: hidden;*/
}

body.dashboard {background: #F5F8FA;}
.halloween {background: #000000 url(images/halloween1600.jpg) center top fixed !important;}
.christmas {background: #990000 url(images/christmas.jpg) center top fixed !important;}
.autumn {background: #F7E2AD url(images/leaves.jpg) center top fixed !important; background-size: cover !important;}
.ts-halloween-wrapper {text-align: center; margin-top: 15px;}
.container {width: 100% !important;}
.navbar-default .navbar-nav>li>a {height: 85px; padding-top: 30px;}

.margin-top-5 {margin-top: 5px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-25 {margin-top: 25px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.cursor-hand {cursor: pointer !important;}

.sem-10 {display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: gray;}
.sem-red {background-color: #d9534f;}
.sem-green {background-color: #5cb85c !important;}
.sem-yellow {background-color: #eea236 !important;}
.sem-lyellow {background-color: #FFFF00; border: 1px solid #c0c0c0;}
.sem-white {background-color: #c0c0c0;}
.sem-violet {background-color: rgb(189, 153, 240);}
.generic-yellow {color: #eea236;}
.user-sem-red {color: #d9534f;}
.user-sem-yellow {color: #eea236;}
.user-sem-green {color: #5cb85c;}
.success-colored {color: #5cb85c !important;}
.panel-db-table {display: none;}
.no-hand-cursor {cursor: default !important;}
th.colored-cells, td.colored-cells {background-color: #F7F1C5 !important;}
.btn-invoice-filter-cancel {display: none;}

#video-home {position: absolute;
    top: 0;
    left: 0;
    min-width: 100% !important;
    max-height: 100% !important;
    z-index: -1000;
    overflow: hidden;
    object-fit: fill;}

.site-logo {width: 60px; margin-top: -10px;}
.page-min-height {min-height: 500px;}
.invoice-checkbox-status-wrapper {width: 30px; height: 30px; padding: 3px 0 0 7px; border-radius: 50%; border: 1px solid #eee;}

h1 {margin-top: 0; margin-bottom: 0; color: #FFFDF3;}
section {background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.page-container {padding: 10px 100px 20px 100px;}
.page-contact-container {padding: 10px 250px 20px 250px;}
.page-banner {height: 200px; background-position: center bottom; background-repeat: no-repeat; text-align: center;}
.page-banner h1 {padding-top: 100px;}
.page-banner-opacity {background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%;}
.page-banner .title-wrapper h1 {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}
blockquote.contact-page {font-size: 14px;}
ul.contct-page-list li {padding: 5px; background-color: whitesmoke; margin-bottom: 10px; border-radius: 3px;}
.contact-map-container {height: 250px; background-color: whitesmoke;}
.contact-social-container {text-align: center;}
.contact-social-container a {display: inline-block; background-color: #f5f5f5; font-size: 30px; border-radius: 50%; text-align: center; width: 50px; height: 47px; padding-top: 3px; color: #fff;}
.contact-social-container a:hover {color: #fff;}
.contact-social-container .social-spacer {display: inline-block; width: 20px;}
.contact-social-container .fb {background-color: #3C5A99;}
.contact-social-container .gp {background-color: #db5149;}
.contact-social-container .tw {background-color: #00ABF1;}
.contact-social-container .tg {background-color: #0D86D7;}
.contact-social-container .in {background-color: #0177B5;}
.breadcrumb-wrapper {margin-bottom: 20px; background-color: #F5F5F5;}
.breadcrumb-wrapper .breadcrumb {padding: 8px 0; margin-bottom: 0;}
.footer {border-top: 1px solid #c0c0c0;}
.footer-contact-title {font-weight: bold; font-size: 16px; color: #666;}
.footer-bottom {background-color: #F5F5F5; padding: 10px 0 10px 0; font-size: 12px; color: #666;}
.footer-center {text-align: center; background-color: #fff;}
.footer-center img {max-width: 20%;}
.footer-social-container {}
.footer-social-container a {display: inline-block; color: #fff; font-size: 15px; border-radius: 50%; text-align: center; width: 25px; height: 24px; padding-top: 1px; margin-left: 10px;}
.footer-social-container a:hover {color: #fff;}
.footer-social-container .fb {background-color: #3C5A99;}
.footer-social-container .gp {background-color: #db5149;}
.footer-social-container .tw {background-color: #00ABF1;}
.footer-social-container .tg {background-color: #0D86D7;}
.footer-social-container .in {background-color: #0177B5;}

.inner-page-img {max-width: 280px; max-height: 280px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px -1px #000000; box-shadow: 0px 0px 10px -1px #000000;}

.scene-cols {cursor: pointer; text-align: center; position:relative !important; top:80px;}
.scene-cols:hover {/*background-color: rgba(255, 255, 255, 0.5);*/ background-color: rgba(0, 0, 51, 0.5);}
.scene-cols .col-home-container {margin-top: 100px;}
.scene-cols .col-home-container .col-home-title-wrapper {text-align: center; margin: 0 auto; width: 200px; font-size: 30px; font-weight: bold; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.scene-cols .col-home-container .col-home-descr {margin: 20px 0 20px 0; padding: 0 20px 0 20px; min-height: 60px;}
.scene-cols .col-home-container .col-home-descr span {display: none;}
.col-home-title-wrapper img {max-width: 100%;}
.scene-cols .col-home-container .col-home-situations {/*margin-top: 50px;*/ left:0; right:0; margin: 0 auto; position: absolute; bottom:50px; text-align: center; bottom: -500px;}
.scene-cols .col-home-container .col-tech-situation {bottom:150px; bottom: -500px;}
.scene-cols .col-home-container .col-training-situation {bottom:180px; bottom: -500px;}
.you-situation img {max-width: 75% !important; display: none; -webkit-box-shadow: 0px 0px 15px 0px #000000; 
box-shadow: 0px 0px 15px 0px #000000; transform: rotate(7deg); opacity: 0.5;}
.tech-situation img {max-width: 80% !important; display: none; /*margin-top: 50px;*/ -webkit-box-shadow: 0px 0px 15px 0px #000000; 
box-shadow: 0px 0px 15px 0px #000000; transform: rotate(-10deg); opacity: 0.5;}
.training-situation img {max-width: 55% !important; display: none; /*margin-top: 60px;*/ -webkit-box-shadow: 0px 0px 15px 0px #000000; 
box-shadow: 0px 0px 15px 0px #000000; transform: rotate(15deg); opacity: 0.5;}
.ttre_circle {display: inline-block; width: 25px; height: 25px; text-align: center; color: #fff; font-weight: bold; background-color: #1275B9; border-radius: 50%; margin-right: 2px;}
.company-faq img {width: 80%; margin-bottom: 15px;}
.company-footer {height: 195px; background: url(images/river.png) center top no-repeat;}
.world-rotating {cursor: pointer;}

.scenes {overflow: hidden;}
.scenes-situations {}
.scenes-situations .col-home-situation {position: relative;}
.scenes-situations .col-home-situation-left {position: relative;}
.scenes-situations .col-home-situation-right {background-color: rgba(255, 255, 255, 0.7); position: relative;}
.scenes-situations .col-home-situation-full {position: relative;}
.scenes-situations .col-home-situation-shadow {background-color: rgba(255, 255, 255, 0.7); position: relative;}
.scenes-situations .col-home-situation-image-wrapper {text-align: center; position: relative; margin-top: 50%;}
.scenes-situations .col-home-situation-image-wrapper img {max-width: 100%; left: 0; right: 0; position: absolute; transform: translate(0, -50%);}
.scenes-situations .col-home-situation-content-wrapper {width: 80%; margin: 100px auto; text-align: left;}
.scenes-situations .col-home-content-title {margin: 0 auto 20px 0; text-align: center;}
.scenes-situations .col-home-content-title img {max-width: 15%; margin-top: 90px;}
.scenes-situations .home-content-quote {margin-bottom: 40px; color: #888;}
.scenes-situations .home-content-nav-wrapper {background-color: rgba(255, 255, 255, 0.8);}
.scenes-situations .home-content-nav {text-align: center; padding: 20px 0 20px 0; cursor: pointer;}
.scenes-situations .home-content-nav:hover {background-color: whitesmoke;}
.scenes-situations .home-content-nav img {max-width: 50%;}
.home-scene-image {max-width: 40%; margin-top: 20px;}
.you-home-scene-image {max-width: 40%;}
.train-home-scene-image {max-width: 40%;}

.home-situation2 img, .home-situation3, .home-situation4 {max-width: 85% !important; margin: 0 auto;}

.home-nav-wrapper-container {position: absolute; bottom: 0;}

.home-slides {position: absolute; left: 0; top:0; width: 100%; background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
#home-slide-1 {}
#home-slide-2 {display: none; background-color: #0083D3; text-align: center; overflow: hidden;}
#home-slide-2 img {margin-top: 60px;}

#send-cv {padding-bottom: 20px;}
.home-form-container {padding-top: 30px;}
.home-form-container .home-form-wrapper {background-color: rgba(255, 255, 255, 0.9); width: 50%; padding: 5px 10px 10px 10px; margin: 0 auto; border-radius: 5px;}
.home-form-wrapper .box-title {text-align: center; margin-bottom: 20px; font-size: 30px; color: coral;}
.skills-title {margin-bottom: 8px; font-weight: bold;}
.tab-skills-descr {padding: 10px 0 0 0; font-weight: bold; background-color: #FFFDF3;}
.btn-skills-send {margin-top: 20px;}
/*.skills-tab-content .row:hover {background-color: whitesmoke;}*/
.knoledge-row:hover {background-color: whitesmoke; cursor: pointer; border-radius: 4px;}
.tab-pane {background-color: #fff; padding: 0 5px 0 5px;}
.page-job-skills-container {padding: 0 200px 20px 200px;}
.quote-text {font-size: 18px;}
.quote-author {font-size: 12px; color: #666;}
.quote-col {display: none;}
.skills-form-modal-title {color: #D9534F;}
.skills-form-title-preview {color: #31B0D5;}
.skills-padded-row {padding: 5px 0 5px 0;}
.skills-padded-row:hover {background-color: whitesmoke;}
.skills-grouped-row:hover {background-color: #f5f5f5;}
.btn-skills-form-success {display: none;}
.skills-preview-message {font-size: 12px; color: #666;}
.skill-form-text {font-size: 12px; color: #666; padding: 5px; background-color: #F7F1C5; margin-bottom: 20px;}
.skills-share-symbol {color: #f5f5f5;}
.skills-success-message {font-size: 16px; color: #666; padding: 10px; background-color: #F7F1C5; margin-top: 20px; border-radius: 5px;}
.skills-thanks {display: block; margin-bottom: 20px; font-size: 26px;}
.fa-candidate-evaluation {cursor: pointer; font-size: 16px;}
.share-opportunity-wrapper {padding: 20px 0 20px 0;}
.share-opportunity-top {}
.share-opportunity-middle {padding: 20px 0 10px 0;}
.share-opportunity-bottom {}
.share-opportunity-wrapper .share-opportunity-link {display: inline-block; background-color: #f5f5f5; width: 100px; padding: 12.5px 0 12.5px 0; border-radius: 50%; text-align: center;}
.share-opportunity-wrapper .share-fb:hover {background-color: #3C5A99; color: #fff;}
.share-opportunity-wrapper .share-gp:hover {background-color: #DB5149; color: #fff;}
.share-opportunity-wrapper .share-tw:hover {background-color: #00ABF1; color: #fff;}
.home-col-texts {text-align: center; font-size: 18px; line-height: 25px;}
.page-col-texts {font-size: 18px; line-height: 25px;}
.company-collapse-content {margin-left: 10px; margin-top: 10px;}
.btn-activity-row {min-width: 25px;}
.change_rating_input {width: 70px !important;}
.rating-change-container {display: none;}
.rating-input-wrapper {padding: 2px; cursor: pointer; border-radius: 2px;}
.rating-input-wrapper:hover {background-color: #f5f5f5;}
.timing-calendar-title {font-size: 20px; font-weight: bold;}
.monospaced_font {font-family: "Lucida Console", Monaco, monospace;}
.tab_timing_today {background-color: #f5f5f5 !important;}
.spin-add-time, .spin-confirm-timesheet, .approve-spinner, .spin-timesheet-unlock, .spin-ts-details, .spin-ts-time, .spin-ts-time-dialog {display: none;}
.timesheet_activity_title {font-size: 16px; font-weight: bold;}
.timesheet-tabs-wrapper {background-color: #fff; padding: 15px; border-radius: 5px;}
.timint-month-table-container {position: relative;}
.caturday {cursor: pointer;}
.caturday-wrapper {width: 500px; max-height: 500px; overflow: hidden; margin: 0 auto 10px auto; text-align: center;}
.caturday-wrapper img {max-width: 100%;}
.caturday-btn {font-size: 35px !important; cursor: pointer;}
.caturday-btn-like {color: red !important;}
.spinner-caturday, .spin-timing-filter {display: none;}

.chat-page {margin-bottom: 20px;}
.bubble-table {margin-bottom: 0 !important;}
.bubble-table td {border-top: none !important;}
.bubble-tab-label {font-weight: bold;}
.bubble-date-code {padding: 0 10px 3px 10px;}
.ad-opportunity-alert {padding: 0 0 20px 0; font-size: 12px;}
.ad-left-desk {text-align: center;}
.ad-left-desk img {max-width: 40%; margin-bottom: 10px;}
.chat-page .bubble-right
{
position: relative;
width: 100%;
min-height: 15px;
padding: 10px;
background: #DBF9C5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow:1px 1px 1px 0px rgba(50, 50, 50, 0.1);box-shadow:1px 1px 1px 0px rgba(50, 50, 50, 0.1);
}

.chat-page .bubble-right:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent #DBF9C5;
display: block;
width: 0;
z-index: 1;
right: -20px;
top: 30px;
}

.chat-page .bubble-left
{
position: relative;
width: 100%;
min-height: 15px;
padding: 10px;
background: #F7F1C5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow:1px 1px 1px 0px rgba(50, 50, 50, 0.1);box-shadow:1px 1px 1px 0px rgba(50, 50, 50, 0.1);
}

.chat-page .bubble-left:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 20px 10px 0;
border-color: transparent #F7F1C5;
display: block;
width: 0;
z-index: 1;
left: -20px;
top: 30px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0 0 0 0;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.file-upload-label {font-size: 12px; color: #666; font-style: italic;}
.fa-upload-cancel {display: inline-block; margin-left: 10px; color: red; cursor: pointer;}
.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; 
    margin: 20px 0 20px 0;
}

.strike > span {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: #888;
    text-transform: uppercase;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #ddd;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}

@-webkit-keyframes rotating {
    from{
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    to{
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}

@keyframes rotating {
    from{
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    to{
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
}

.rotating-slow {
    -webkit-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite;
}

.ttre-ajax-overlay, .timint-month-table-overlay {display:none; position:fixed; top:0; left:0; width: 100%; height: 100%; z-index: 10000; background-color: rgba(255, 255, 255, 0.7);}
.ttre-ajax-overlay .ttre-ajax-loader, .timint-month-table-overlay .ttre-ajax-loader {width: 50px; height: 50px; background: url(images/ajaxloader.png) 0 0 no-repeat; background-size: cover; margin: 25% auto;}

.dashboard-container {padding-top: 100px;}
.dashboard-icons-container .icons-wrapper {position:relative; float: left; margin-right: 20px; margin-bottom: 20px; /*background-color: #c0c0c0;*/ width: 150px; text-align: center;}
.dashboard-icons-container .icons-wrapper .icon-image {-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); border-radius: 50%; background-color: #f5f8fa; width: 100px; height: 100px; margin: 0 auto;}
.dashboard-icons-container .icons-wrapper .icon-image i {font-size: 50px; margin-top: 25%;}
.dashboard-icons-container .icons-wrapper .icon-label {padding: 10px; font-weight: bold; border-radius: 3px; /*background-color: #F1F1F1;*/ margin-top: 10px;}
.icons-wrapper a {text-decoration: none;}
.icons-wrapper a:hover .icon-image, .icons-wrapper a:hover .icon-label {/*background-color: #eae3e3;*/ color: coral;}

.profile-form-message {margin-bottom: 20px;}
.dashboard-section {background-color: rgba(255, 255, 255, 0.9); margin-bottom: 20px; box-shadow: 0 1px 2px rgba(0,0,0,.1); min-height: 400px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.section-border {}
.dashboard-notif-wrapper {background-color: #F5F8FA; width: 95%; padding: 10px; margin: 10px auto; font-size: 12px; border: 1px solid #eee;}
.dashboard-notif-wrapper .dashboard-notif-message {margin-top: 10px; color: #888; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #eee;}

.dashboard-li-notified {position: relative;}
.dashboard-li-notified .notif-circle {position: absolute; min-width: 20px; min-height: 20px; left: 5px; top:5px; display: block; border-radius: 50%; background-color: #D2251F; color: #fff; text-align: center; font-size: 10px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); border:2px solid #fff; font-weight: bold;}

.icons-wrapper .notif-circle {position: absolute; min-width: 25px; min-height: 25px; right: 27px; top:0; display: block; border-radius: 50%; background-color: #D2251F; color: #fff; text-align: center; font-size: 14px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); border:2px solid #fff; font-weight: bold;}
.icons-wrapper .notif-circle-alert {background-color: orange; color: #fff;}

.dashboard_community_card_container {margin-top: 20px;}
.dashboard_community_card_wrapper {width: 25%; float: left;}
.dashboard_community_card_wrapper .user_card {position: relative; width: 90%; padding: 10px; margin: 0 auto 10px auto; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); cursor: pointer;}
.dashboard_community_url {position: absolute; right: 10px; bottom: 10px; font-size: 11px;}
.dashboard_community_edit {position: absolute; top:10px; left: 10px;}
.dashboard_community_card_wrapper .user_card .image_container {width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; overflow: hidden; background-color: #f5f5f5;}
.dashboard_community_card_wrapper .user_card .image_container img {max-width: 100%;}
.dashboard_community_card_wrapper .user_card .dashboard_community_fullname {text-align: center; font-size: 14px; padding: 10px 0 10px 0;}
.privacy-hide {display: none;}
.important-text {/*display: inline-block; background-color: #F7F1C5;*/ color: #5ca335;}
.form-margined {margin-top: 2.5px;}
.desk_navlist_title {font-weight: bold; font-size: 16px;}

.company_card {padding: 10px; font-size: 14px; margin: 0 0 10px 0; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.activity_card {padding: 10px; margin: 0 0 10px 0; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.company_gramm_wrapper {background-color: #F5F8FA; margin-top: 20px; padding-top: 20px;}
.community_company_row:nth-child(odd) {background-color: #f5f5f5; padding-top: 10px; margin-bottom: 20px;}
.community_all_wrapper {margin-top: 20px; padding-top: 20px; background-color: #F5F8FA;}

.select2-container--default .select2-selection--multiple {border: 1px solid #ccc; height: 34px;}
.desk-table-linked-row {cursor: pointer;}
.desk-conversation-container {margin: 0 auto 20px auto; padding: 10px; background-color: #F5F8FA; border:1px solid #ddd; border-radius: 4px;}
.desk_filter_active {background-color: #f5f5f5;}
.desk-convesations-title {font-size: 18px; margin-bottom: 10px;}
.desk-avatar-wrapper {border-radius: 50%; width: 30px; height: 30px; overflow: hidden; background-color: #fff;}
.desk-avatar-wrapper img {max-width: 100%;}
.desk-conversation-username {font-weight: bold; margin-bottom: 5px;}
.desk-recipient-username {font-size: 12px; color: #666; margin-bottom: 10px;}
.desk-message-container {background-color: #fff; border-radius: #fff; padding: 10px; margin-top: 10px;}
.desk-conversation-attachments-wrapper {margin-top: 10px; padding: 10px 0 0 0; border-top: 1px solid #ddd; font-size: 12px;}
.room_recip_list {margin-left: 10px;}
.recipient_opened_list {margin-top: 5px; padding-left: 30px; color: #888; display: none;}
.desk-recipient-list {display: none;}

.ad-col-image img {max-width: 50%; margin-top: 25px;}

.status-filter-container {width: 160px; margin: 0 auto;}
.status-filter-wrapper {width: 20px; height: 20px; border-radius: 50%; margin: 0 20px 20px 0; float: left; cursor: pointer; opacity: 0.6;}
.status-filter-wrapper:hover {opacity: 1;}
.status-filter-circle-red {background-color: #d9534f;}
.status-filter-circle-yellow {background-color: #eea236;}
.status-filter-circle-green {background-color: #5cb85c;}
.status-filter-circle-none {background-color: #f5f5f5; border: 1px solid #c0c0c0;}

.invoice-statuses-wrapper {width: 200px; margin: 0 auto;}
.invoice-statuses-container {width: 20px; height: 20px; border-radius: 50%; margin: 0 20px 20px 0; float: left; cursor: pointer; opacity: 0.6;}
.invoice-statuses-container:hover {opacity: 1;}
.invoice-statuses-circle-red {background-color: #d9534f;}
.invoice-statuses-circle-yellow {background-color: #eea236;}
.invoice-statuses-circle-yellowl {background-color: #FFFF00; border: 1px solid #c0c0c0;}
.invoice-statuses-circle-green {background-color: #5cb85c;}
.invoice-statuses-circle-white {background-color: #c0c0c0; border: 1px solid #c0c0c0;}
.invoice-statuses-circle-none {background-color: transparent; border: 1px solid #c0c0c0;}

.webmail-row {cursor: pointer;}
.webmail-unread {font-weight: bold; background-color: #EEEEEE !important;}
.webmail-message-container {background-color: #fff; border-radius: 5px; padding: 20px; margin-bottom: 20px;}
.webmail-email-info-wrapper {background-color: #fff; padding: 5px;  border-radius: 5px;}
.webmail-empty-wrapper {padding: 20px; min-height: 320px; text-align: center; background: #fff url(images/empty-inbox.png) center center no-repeat; border-radius: 5px; margin-bottom: 20px;}
.webmail-table-list {}
.webmail-tab-content {background-color: #fff; padding-top: 20px; margin-bottom: 20px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.webamil-subject-wrapper {padding: 5px; border-radius: 5px;}
.nicEdit-main {background-color: #fff;}

.faqs-content {background-color: #fff; padding: 10px; margin-top: 10px; border-radius: 5px;}

/*Boostrap*/
.navbar {min-height: 85px;}
.navbar-default .navbar-nav>.active>a {background-color: #000 !important;}
.navbar-default {background-color: rgba(0, 0, 51, 0.8) !important; border-color:#000;}
.navbar-dashboard {background-color: #e9ecef !important;}
.navbar-default .navbar-nav>li>a:hover {background-color: #F7F1C5; /*border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;*/}
.breadcrumb {border-radius: 0;}
.row {margin-left: 0 !important; margin-right: 0 !important;}
blockquote {border-left: 5px solid #e6eeff;}
ul.contct-page-list li {background-color: #e6eeff;}
#skills_form .nav-tabs>li.active>a, #skills_form .nav-tabs>li.active>a:focus, #skills_form .nav-tabs>li.active>a:hover {background-color: #FFFDF3 !important;}
#skills_form .tab-pane {background-color: #FFFDF3 !important;}
.popover-content {font-size: 12px !important;}

.navmenu-default, .navbar-default .navbar-offcanvas {background-color: #fff;}
.panel-desk-folders .list-group-item {border-width: 0 !important;}
.panel-desk-folders .list-group {margin-bottom: 0 !important;}
.panel-desk-folders .list-group-item:last-child {border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
.panel-desk-folders .active_page {background-color: whitesmoke;}
.panel-desk-folders .desk-folder-list {margin-top: 10px; padding-left: 20px;}
.desk-folder-list li a {text-decoration: none !important; display: inline-block; width: 90%;}
.desk-folder-list li a:hover {background-color: #f5f5f5;}
.desk_unread {font-weight: bold !important;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}

#ui-datepicker-div {z-index: 10000 !important;}

/*WordPress*/
.login form .input, .login input[type=text] {font-size: 14px !important; width: 270px !important;}

/*Responsive*/
.box-home-img-mobile {text-align: center; display: none; position: relative;}
.box-home-img-mobile img {max-width: 60%;}
.scene-cols-mobile-wrapper {display: none; padding-top: 70px; text-align: center;}
.scene-cols-mobile img {max-width: 100%;}
.mobile-home-col-title {max-width: 25% !important;}
.mobile-you-image {max-width: 25% !important;}
.mobile-tech-image {max-width: 35% !important;}
.mobile-training-image {max-width: 35% !important;}
.mobile-col-text {font-size: 1.2rem; padding: 15px 0 15px 0;}
.mobile-col-image {/*margin-bottom: 15px;*/ position: absolute; left: 0; right: 0; bottom: 10px; margin: 0 auto;}
.hide-mobile {display: block;}
.footer-social-align {text-align: right;}
.footer-company-align {text-align: left;}
.footer-login {margin: 0 0 0 0;}
.company-images {width: 20%;}
.bubble-row-left {width: 20%;}
.bubble-row-right {width: 70%;}
.coockie_policy_wrapper {width: 100%; height: 30px; position: fixed; bottom: 0; z-index: 100000; background-color: rgba(153, 218, 244, 0.9); font-size: 12px; padding: 5px;}
.card {width: 100%; min-height: 480px; margin: 0 auto 20px auto; background-color: #fff; background-color: #fff;-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow:1px 1px 1px 0px rgba(50, 50, 50, 0.1);box-shadow:1px 1px 1px 0px rgba(50, 50, 50, 0.1);}
.card .logo-images {text-align: center; margin-bottom: 10px; padding-top: 10px;}
.card .logo-images img {max-width: 80%;}
.card .box {padding: 10px; font-size: 13px; color: #666;}
.card .box .box-title {font-weight: bold; font-size: 14px; margin-bottom: 5px;}
.card .box .box-text {margin-left: 10px; padding: 5px; border-left: 2px solid #ddd; border-bottom: 2px solid #ddd; border-bottom-left-radius: 5px;}
.logo-carousel-text {font-size: 18px; text-align: center; margin-bottom: 20px;}
.logo-container img {border-radius: 3px !important; border: 1px solid #D3E8BA !important; max-width: 95%;}
.clients-text {font-size: 16px; margin-bottom: 40px;}

.telemedicina-bar {height:200px; background: url(images/strip-top-afr.jpg) left center repeat-x;}
.telemedicina-images {max-height:280px; border-radius: 10px;}
.flexbox-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
	height: 280px;
	position: relative;
}
.rotate-180 {    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
.telemedicina-text-in-box {font-size: 20px;}
.text-big {font-size: 24px;}
.telemedicina-quote {position: absolute;}
.telemedicina-quote-lft {position: absolute; top:0; left: 0;}
.telemedicina-quote-rgt {position: absolute; bottom:0; right: 0;}
.telemedicina-title {margin-bottom: 30px; border-bottom: 2px solid #F7F1CA;}
.telemedicina-row-colored {background-color: #F7F1CA; margin: 20px 0 0 0; padding: 20px 0 20px 0; border-radius: 10px;}
.telemedicina-secondary-title {margin: 10px 0 20px 0;}
h2.telemedicina {font-size: 28px;}
.telemedicine-border-top-bottom {margin-top: 30px; margin-bottom: 20px; border-top: 2px solid #F7F1CA;; border-bottom: 2px solid #F7F1CA;}
.telemedicine-border-top-bottom h2 {margin-bottom: 20px !important;}
.telemedicina-footer {background: #F7F1CA url(images/telemedicina-all.png) center center no-repeat; padding: 30px 0 20px 0; margin-top: 30px; height: 200px;}
/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.page-job-skills-container {padding: 0 20px 20px 20px;}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	#scene1 .scene-cols {display: none;}
	.col-home-situation-full {display: none;}
	.box-home-img-mobile {display: block;}
	.scene-cols-mobile-wrapper {display: block;}
	.page-job-skills-container {padding: 0 20px 20px 20px;}
	.ad-left-desk img {max-width: 15%;}
	.footer-social-align {text-align: center;}
	.footer-company-align {text-align: center;}
	.footer-login {margin: 5px 0 5px 0;}
	.company-images {width: 10%;}
	.ad-left-desk {display: none;}
	.ad-col-image {display: none;}
	/*.coockie_policy_wrapper {height: 50px;}
	.coockie_close {margin-top: 5px;}*/
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	#scene1 .scene-cols {display: none;}
	.col-home-situation-full {display: none;}
	.box-home-img-mobile {display: block;}
	.scene-cols-mobile-wrapper {display: block;}
	.page-job-skills-container {padding: 0 20px 20px 20px;}
	.ad-left-desk img {max-width: 15%;}
	.mobile-col-text {padding: 0 0 0 0; font-size: 1rem;}
	.mobile-col-image {bottom: 0;}
	.hide-mobile {display: none;}
	.footer-social-align {text-align: center;}
	.footer-company-align {text-align: center;}
	.footer-login {margin: 5px 0 5px 0;}
	.company-images {width: 10%;}
	.coockie_policy_wrapper {height: 75px;}
	.coockie_close {margin-top: 5px;}
	.scenes-situations .col-home-content-title img {max-width: 30%;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	#scene1 .scene-cols {display: none;}
	.col-home-situation-full {display: none;}
	.box-home-img-mobile {display: block;}
	.scene-cols-mobile-wrapper {display: block;}
	.page-job-skills-container {padding: 0 20px 20px 20px;}
	.ad-left-desk img {max-width: 15%;}
	.mobile-col-text {padding: 0 0 0 0; font-size: 1rem;}
	.mobile-col-image {bottom: 0;}
	.hide-mobile {display: none;}
	.footer-social-align {text-align: center;}
	.footer-company-align {text-align: center;}
	.footer-login {margin: 5px 0 5px 0;}
	.ttre_circle {display: block; margin: 0 auto;}
	.scenes-situations .col-home-content-title img {max-width: 45%;}
	.mobile-home-col-title {max-width: 35% !important;}
	
	.flexbox-container {height: auto;}
	.telemedicina-images {max-width: 100%; max-height: auto; margin-bottom: 20px;}
	.telemedicina-text-in-box {margin-bottom: 20px;}
	.telemedicina-quote {display: none;}
	.telemedicina-footer {background-size: contain;}
}

@media (max-width: 480px) and (orientation: landscape) {
	.scene-cols-mobile2, .scene-cols-mobile3 {display: none;}
	.hide-mobile {display: none;}
	.footer-social-align {text-align: center;}
	.footer-company-align {text-align: center;}
	.footer-login {margin: 5px 0 5px 0;}
}

@media (max-width: 767px) and (orientation: landscape) {
	.scene-cols-mobile2, .scene-cols-mobile3 {display: none;}
	.mobile-col-image {bottom:-130px;}
	.hide-mobile {display: none;}
	.footer-social-align {text-align: center;}
	.footer-company-align {text-align: center;}
	.footer-login {margin: 5px 0 5px 0;}
}