﻿/*
    Alterações do tema original do template que são comuns a todos os clientes
*/

body { overflow-x: hidden; font-size: 14px !important; }
.main-box-header.bg-primary h2 { font-size: 1.6em; }

#newsfeed .story { padding: 20px 20px 10px 20px; margin: 0 auto; cursor: pointer; }
    #newsfeed .story:hover { background: #f6f6f6; }
#newsfeed .story-content { padding-left: 30px; }

#login-logo { padding: 25px 0; }
    #login-logo > img { display: block; height: 120px; margin: 0 auto; }
#login-box-inner { padding: 10px 25px; }
#login-full-wrapper, #login-box-holder, #theme-wrapper { -moz-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s; transition: all ease-in 0.5s; }
.larger-text { font-size: 1.1em; font-weight: bold; }
#user-image { border: 3px solid #fff; border-radius: 20%; width: 75px; height: 100px; position: relative; overflow: hidden; margin: 0 auto; }
#user-name { font-size: 1em; font-weight: bold; color: #fff; margin-top: 10px; }
.theme-whbl #user-image { border: 3px solid #34495e; }
.theme-whbl #user-name { color: #484848; }
/* Pace */
.pace { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 0; right: 0; width: 300px; height: 300px; background: #29d; -webkit-transition: -webkit-transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg); -moz-transform: translateX(100%) translateY(-100%) rotate(45deg); -ms-transform: translateX(100%) translateY(-100%) rotate(45deg); -o-transform: translateX(100%) translateY(-100%) rotate(45deg); transform: translateX(100%) translateY(-100%) rotate(45deg); pointer-events: none; }
    .pace.pace-active .pace-activity { -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(50%) translateY(-50%) rotate(45deg); -o-transform: translateX(50%) translateY(-50%) rotate(45deg); transform: translateX(50%) translateY(-50%) rotate(45deg); }
    .pace .pace-activity::before,
    .pace .pace-activity::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 30px; left: 50%; display: block; border: 5px solid #fff; border-radius: 50%; content: ''; }
    .pace .pace-activity::before { margin-left: -40px; width: 80px; height: 80px; border-right-color: rgba(0, 0, 0, .2); border-left-color: rgba(0, 0, 0, .2); -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite; -moz-animation: pace-theme-corner-indicator-spin 3s linear infinite; -o-animation: pace-theme-corner-indicator-spin 3s linear infinite; animation: pace-theme-corner-indicator-spin 3s linear infinite; }
    .pace .pace-activity::after { bottom: 50px; margin-left: -20px; width: 40px; height: 40px; border-top-color: rgba(0, 0, 0, .2); border-bottom-color: rgba(0, 0, 0, .2); -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite; -moz-animation: pace-theme-corner-indicator-spin 1s linear infinite; -o-animation: pace-theme-corner-indicator-spin 1s linear infinite; animation: pace-theme-corner-indicator-spin 1s linear infinite; }

@-webkit-keyframes pace-theme-corner-indicator-spin {
    0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); }
}

@-moz-keyframes pace-theme-corner-indicator-spin {
    0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes pace-theme-corner-indicator-spin {
    0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
/* fim Pace */
/* Email ADM */
#email-list li .name { font-size: 0.875em; left: 25px; position: absolute; width: 170px; }
#email-new { position: relative; margin-left: 0; }
#email-new-header .form-group label, #email-new-body label { font-weight: 600; margin-bottom: 0; margin-top: 9px; text-align: left; }
.linha { margin-top: 10px; margin-bottom: 10px; }
.assunto { font-weight: 400; }
.topoTransf { width: 100%; background-color: rgb(92, 114, 127); color: white; font-weight: 600; text-align: center; padding: 5px 0; position: absolute; top: 0; left: 0; }
.topo { width: 100%; background-color: rgb(149, 207, 242); color: white; font-weight: 600; padding: 0 0 0 10px; position: absolute; top: 0; left: 0; margin-bottom: 10px; }
email-nav-labels-wrapper ul li span { color: #212121; font-size: 0.875em; display: block; padding: 8px 5px 8px 0; }
#email-list-adm li .col { display: block; float: left; margin-top: 30px; padding-right: 2px; padding-left: 5px; }
#email-list-adm li span { font-size: 80%; left: 0; bottom: 0; line-height: 1.5; text-align: left; position: relative; width: 250px; display: block; }

@media (max-width: 767px) {
    #email-list-adm li .col { display: block; float: left; margin-top: 40px; padding-right: 2px; padding-left: 5px; }
    #email-list-adm li span { left: 0; line-height: 1; padding-top: 8px; }
}

#email-list-adm li img { border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; /* stops bg color from leaking outside the border: */ float: left; height: 75px; margin-right: 5px; width: 65px; border: 2px solid #fff; margin-top: 10px; }
#email-list-adm { padding: 10px 0 1px; }
    #email-list-adm li { /*background-color: #f3f7fa;*/ height: 100px; line-height: 20px; overflow: hidden; padding-left: 0; padding-right: 10px; position: relative; width: 100%; border-bottom: 1px solid #e7ebee; }

@media (max-width: 767px) {
    #email-list-adm li { height: auto; padding-left: 45px; line-height: 1.5; min-height: 46px; }
}

#email-list-adm li:first-child { border-top: 1px solid #d3d9dd; }
#email-list-adm li .meta-info { position: absolute; right: 0; top: 0; padding-right: 10px; padding-left: 10px; background-color: #f3f7fa; }

@media (max-width: 767px) {
    #email-list-adm li .meta-info { padding-left: 5px; padding-right: 5px; }
}

#email-list-adm li .meta-info .attachment { color: #212121; display: inline-block; font-size: 1.125em; margin-right: 5px; }

@media (max-width: 767px) {
    #email-list-adm li .meta-info .attachment { display: none; }
}

#email-list-adm li .meta-info .date { display: inline-block; font-size: 0.875em; text-align: left; width: 60px; }

@media (max-width: 767px) {
    #email-list-adm li .meta-info .date { width: 50px; margin-top: 8px; }
}

#email-list-adm li:hover, #email-list li:hover .meta-info { cursor: pointer; background-color: #eff3f6; }
/* FIM Email ADM */
/* Footer das páginas */
#footer-bar a { text-decoration: none; }
/* fim Footer das páginas */
.inputFile { z-index: 999; line-height: 0; font-size: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity = 0); margin: 0; padding: 0; left: 0; }

.uploadPhoto { border: none; padding: 6px 12px; border-bottom: 2px solid; -moz-transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; -o-transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; -webkit-transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s; outline: none; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }

#user-profile .profile-img { -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; margin-bottom: 15px; }

.profile-box-header .profile-img { -webkit-border-radius: 18%; border-radius: 18%; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; width: 100px; height: 100px; border: 5px solid #fff; }

.project-box .project-box-content { padding: 5px 40px 5px; text-align: center; }

@media (min-width: 992px) {
    .project-box .project-box-content { padding: 5px 28px 5px; text-align: center; }
}

/*YURI - criação dessa classe para retirar o hover*/
.gallery-photos li .photo-box-no-hover { background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #eee; width: 100%; height: 100%; overflow: hidden; min-width: 100px; min-height: 100px; padding-top: 98%; display: block; }

/* YURI - classe para caixas do DashBoard*/
.infographic-box.merged2 { border-top: 2px solid #e7ebee; width: 100%; }

    /* YURI - classe para caixas do DashBoard*/
    .infographic-box.merged2 .value { text-align: left; font-size: 1.8em; font-weight: 400; margin-top: 2px; }

    /* YURI - classe para caixas do DashBoard*/
    .infographic-box.merged2 .headline { text-align: left; font-size: 0.8em; margin-top: -2px; text-transform: uppercase; font-weight: 600; }

/* YURI - INSERÇAO DA BORDA */
.project-box .main-box-body2 { padding: 0; border: 1px solid silver; border-top-left-radius: 5px; border-top-right-radius: 5px; }
/* YURI */


/*Tela de boletos*/
#view-mensalidades .btn-primary { font-size: 1em; text-transform: uppercase; }
#view-mensalidades .pricing-package .package-content { padding: 0; margin: 0; border: 1px solid #e7ebee; border-radius: 0 0 2px 2px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; min-height: 150px; }
#view-mensalidades .pricing-package .package-header { background-color: #e6e7e8; color: black; }
    #view-mensalidades .pricing-package .package-header h3 { color: #565656; font-weight: 500; }
#view-mensalidades .package-top-features > li > a { text-decoration: none; cursor: pointer; }
#view-mensalidades .package-content > i { margin-top: 5px; margin-bottom: 5px; }
#view-mensalidades .package-content .label-default { padding: 10px 15px; display: block; width: 100px; margin: 0 auto; font-size: 1em; text-transform: uppercase; }
#view-mensalidades #modal .package-content { min-height: 100px; }
/*Tela de boletos*/


/*Padronização das cores das caixas de acordo com o tema*/

#header-navbar .nav > li .caret { border-top-color: #fff; border-bottom-color: #fff; }
.bg-primary { margin-bottom: 20px; }
.theme-whbl .bg-primary { background-color: #03a9f4; }
.theme-white .bg-primary { background-color: #8bc34a; }
.theme-blue .bg-primary { background-color: #03a9f4; }
.theme-red .bg-primary { background-color: #e84e40; }
.theme-amethyst .bg-primary { background-color: #9c27b0; }

.theme-amethyst .nav .caret { border-bottom-color: #9c27b0 !important; border-top-color: #9c27b0 !important; }
.theme-turquoise .bg-primary { background-color: #1abc9c; }
.theme-blue-gradient .bg-primary { background: #03a9f4; /* Old browsers */ background: -moz-linear-gradient(top, #03a9f4 0%, #2980b9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #03a9f4), color-stop(100%, #2980b9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #03a9f4 0%, #2980b9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #03a9f4 0%, #2980b9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #03a9f4 0%, #2980b9 100%); /* IE10+ */ background: linear-gradient(to bottom, #03a9f4 0%, #2980b9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$primary-color', endColorstr='#2980b9',GradientType=0 ); /* IE6-9 */ }

/*Customização texto-cancelado*/
.text-cancel { font-weight:400;color:#E84E40; }
/*customização td*/
.td-custom { font-size: 1.125em !important; font-weight: 300; }