/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/

@font-face {
    font-family: 'Source Sans Pro';
    src: url(../fonts/SourceSansPro-Regular.ttf) format('truetype');
    text-rendering: auto;
}

#fixed_price {
    width: 100% !important;
    height: 50px;
    background: #2a2a2a;
    position: fixed;
    z-index: 5555;
    bottom: 0;
}

.barlogo {
    width: 62px;
}
#nethide {
    background: #ffcf05;
    width: 100%;
    height: 30px;
    display: block;
    text-align: center;
    position: fixed;
    z-index: 99999999;
    padding-top: 3px;
}
.book_wmc {
    width: 90px !important;
    bottom: 0;
    position: absolute;
    margin: 15px;
    right: 0;
}
#modo {
    width: 100%;
    background: #42acbc;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.2em;
    font-weight: 100;
    margin-top: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}
#editor {
    position: absolute;
    padding: 10px;
    right: 90px;
    display: none;
    z-index: 99;
}
#editor .fa.fa-pencil-square {
    color: white;
    font-size: 19px;
    z-index: 99;
}
#nethide span {
    color: black;
    font-size: 1em;
}
#nethide img {
    vertical-align: middle;
    width: 20px;
}
.sidepic {
    z-index: 1;
}
#icons_p1 ul li {
    float: left;
    background: #1b1b1b;
    width: 25%;
    color: white;
    font-size: 16px;
    padding: 10px;
}
#icons_p1 ul li a {
    color: white;
}
#icons_p1 ul li p {
    font-size: 12px;
}
#icons_p1 {
    z-index: 10;
    margin-bottom: 4px;
    position: relative;
    opacity: 0.7;
    margin-top: 0PX!important;
    text-align: center;
    height: 56px;
    margin-top: 60px;
}
#icons_p1 ul li:first-of-type {
    border-right-style: solid;
    border-width: 1px;
    border-color: #292929;
}
h4,
h5,
h6,
h1,
h2,
h3 {
    margin: 0;
}
ul,
ol,
li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-rendering: auto;
    font-family: 'Source Sans Pro';
}
p {
    margin: 0;
    padding: 0;
    text-rendering: auto;
    -webkit-user-select: none;
    /* Chrome/Safari */
    
    -moz-user-select: none;
    /* Firefox */
    
    -ms-user-select: none;
    /* IE10+ */
    /* Rules below not implemented in browsers yet */
    
    -o-user-select: none;
    user-select: none;
}
.side-nav.leftside-navigation {
    top: 64px;
    overflow: hidden;
}
.frame-border {
    width: 350px;
    height: 600px;
    outline: none;
    border-top: 20px solid #ececec;
    border-bottom: 20px solid #ececec;
    border-right: 15px solid #ececec;
    border-left: 15px solid #ececec;
    border-radius: 10px;
}
h1.fit_tittle a {
    text-decoration: none;
    color: #fff;
    text-align: center;
}
h1.fit_tittle {
    text-align: center;
    margin-bottom: 40px;
    font-size: 50px;
    text-transform: uppercase;
}
.fit_main {
    padding: 80px 0;
}
.footer p {
    color: #fff;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
    margin-top: 50px;
}
.footer p a {
    color: #fff;
}
.footer p a:hover {
    text-decoration: underline;
}
/*--status-bar--*/

.body-back {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    min-width: 320px;
}
.phn-status-bar {
    padding: 5px 0;
    background: #b377d9 !important;
}
.float-stn1 {
    width: 33.3333333%;
    float: left;
}
.wrap {
    position: relative;
}
.circles {
    text-align: center;
}
.circles ul {
    list-style-type: none;
    display: inline-block;
}
.circles ul li.circle {
    display: inline-block;
    background-color: #fff;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin: 5px 0px 0px 0px;
}
li.circle:nth-child(4),
li.circle:nth-child(5) {
    background: transparent !important;
    border: 1px solid #fff;
    width: 9px;
    height: 9px;
}
.re-styl1 {
    color: #fff;
    font-size: 16px;
}
.time {
    text-align: center;
}
.time p {
    color: #fff;
    font-family: sans-serif;
    font-weight: 300;
    font-size: 15px;
}
.blutot-battery ul {
    list-style-type: none;
}
.blutot-battery ul li {
    display: inline-block;
}
.blutot-battery {
    text-align: center;
}
.blutot-battery li {
    color: #fff;
    font-family: sans-serif;
    font-weight: 300;
    font-size: 15px;
}
.fitness-app {
    background: #5d345a !important;
}
.fitness-app h1 {
    font-size: 36px;
    text-align: center;
    display: none;
}
.fitness-app h1 a {
    color: #fff;
    text-decoration: none;
}
.clock ul li {
    display: inline;
    font-size: 15px;
    text-align: center;
    color: #fff;
}
.Profile-mid {
    float: left;
    width: 33.333%;
    text-align: center;
}
.profile-left {
    float: left;
    width: 33.3333%;
    text-align: center;
}
h5.pro-link {
    text-align: center;
    color: #fff;
    font-size: 21px;
}
.Profile-right {
    float: right;
    width: 33.3333%;
    text-align: center;
}
.Profile-right i {
    font-size: 18px;
    color: #fff;
}
.profile-left i {
    font-size: 15px;
    color: #fff;
}
.wrapper-dropdown-2,
.wrapper-dropdown-3,
.wrapper-dropdown-1,
.wrapper-dropdown-4,
.wrapper-dropdown-5,
.wrapper-dropdown-6 {
    position: relative;
    outline: none;
    cursor: pointer;
}
.wrapper-dropdown-1 .dropdown,
.wrapper-dropdown-3 .dropdown,
.wrapper-dropdown-4 .dropdown,
.wrapper-dropdown-2 .dropdown,
.wrapper-dropdown-5 .dropdown {
    width: 171px;
    top: 29px;
    position: absolute;
    right: 17%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    list-style: none;
    z-index: 999;
    background-color: #FFF;
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.47);
    -o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.47);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.47);
    max-height: 0;
    overflow: hidden;
}
.wrapper-dropdown .dropdown li {
    position: relative;
    /* Enable absolute positioning for checkboxes */
}
.wrapper-dropdown-1 .dropdown li,
.wrapper-dropdown-2 .dropdown li,
.wrapper-dropdown-3 .dropdown li,
.wrapper-dropdown-4 .dropdown li,
.wrapper-dropdown-5 .dropdown li {
    border-bottom: 1px solid #F0F0F0;
    float: none;
    margin: 0;
    width: 100%;
    text-align: left;
}
.wrapper-dropdown-1 .dropdown li,
.wrapper-dropdown-3 .dropdown li,
.wrapper-dropdown-4 .dropdown li,
.wrapper-dropdown-2 .dropdown li,
.wrapper-dropdown-5 .dropdown li {
    padding: 8px;
}
.wrapper-dropdown-1 .dropdown li:hover,
.wrapper-dropdown-2 .dropdown li:hover,
.wrapper-dropdown-3 .dropdown li:hover,
.wrapper-dropdown-4 .dropdown li:hover,
.wrapper-dropdown-5 .dropdown li:hover {
    background: #FDFDFD;
}
.wrapper-dropdown-1 .dropdown li:last-child,
.wrapper-dropdown-3 .dropdown li:last-child,
.wrapper-dropdown-2 .dropdown li:last-child,
.wrapper-dropdown-4 .dropdown li:last-child,
.wrapper-dropdown-5 .dropdown li:last-child {
    border-bottom: none;
}
.wrapper-dropdown-1 .dropdown li a,
.wrapper-dropdown-2 .dropdown li a,
.wrapper-dropdown-3 .dropdown li a,
.wrapper-dropdown-4 .dropdown li a,
.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #232323;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 0;
    border: none;
}
.wrapper-dropdown-1 .dropdown li a:hover,
.wrapper-dropdown-2 .dropdown li a:hover,
.wrapper-dropdown-3 .dropdown li a:hover,
.wrapper-dropdown-4 .dropdown li a:hover,
.wrapper-dropdown-5 .dropdown li a:hover {
    color: #b377d9;
}
/* Active state */

.wrapper-dropdown-1.active:after,
.wrapper-dropdown-2.active:after,
.wrapper-dropdown-3.active:after,
.wrapper-dropdown-4.active:after,
.wrapper-dropdown-5.active:after {
    border-width: 0 6px 6px 6px;
}
.wrapper-dropdown-1.active .dropdown,
.wrapper-dropdown-2.active .dropdown,
.wrapper-dropdown-3.active .dropdown,
.wrapper-dropdown-4.active .dropdown,
.wrapper-dropdown-5.active .dropdown {
    max-height: 400px;
}
.Profile-right span {
    color: #fff;
    font-size: 15px;
    right: 0;
}
.menu-notify {
    padding: 6px 0;
    background: #b377d9 !important;
}
.panel {
    margin-bottom: 0px;
    background: transparent;
    width: auto;
    height: 780px !important;
    width: 15.625em !important;
    border: 0 solid transparent !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-align: left;
    padding: 34px 0px 0px;
    z-index: 999;
}
.search {
    background: #B377D9;
    border-radius: 100px;
}
.search input[type="search"] {
    border: none;
    outline: none;
    padding: 5px 0px 5px 12px;
    font-size: 14px;
    color: #fff;
    background: none;
    width: 82%;
}
.search form input[type="submit"] {
    background: url(../images/search.png) no-repeat 8px 9px;
    width: 33px;
    height: 32px;
    border: none;
    margin: 0 0 0 -4px;
    padding: 0;
    border: none;
    outline: none;
}
.profile-menu img {
    width: 66%;
}
.wm {
    float: left;
    position: absolute;
    width: 120px !important;
    bottom: 30px;
    left: -20px;
}
.profile-menu {
    margin: 25px 0;
}
.profile-menu h3 {
    color: #fff;
    font-size: 18px;
    margin: 20px 0 10px;
}
.profile-menu h4 {
    color: #fff;
    font-size: 14px;
}
.pro-menu .progress {
    height: 8px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.pro-menu .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #B377D9;
}
.pro-menu p {
    color: #fff;
    font-size: 14px;
    text-align: left;
    margin-bottom: 8px;
}
.wrap-content {
    width: 87%;
    margin: 0 auto;
}
.pro-menu {
    margin-top: 30px;
}
.menu-accor .accordion-section-title {
    width: 100%;
    padding: 8px 0;
    display: inline-block;
    border-bottom: 1px solid #D490FF;
    background: none;
    transition: all linear 0.15s;
    font-size: 14px;
    color: #fff;
    text-indent: 1em;
    text-decoration: none;
    text-align: left;
}
.menu-accor .accordion-section-title.active,
.menu-accor .accordion-section-title:hover,
.menu-accor .accordion-section-title.focus {
    color: #fff;
    background: none;
    text-decoration: none;
}
.accordion.menu-accor {
    background: none;
    border: 1px solid #D490FF;
    margin-top: 40px;
}
.menu-accor .accordion-section-content {
    background: none;
    border: none;
}
.menu-accor ul li {
    line-height: 2em;
    list-style-type: none;
    text-align: left;
    text-indent: 1.5em;
}
.menu-accor ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.menu-accor ul li a:hover {
    color: #b377d9;
}
/*-- details --*/

.details-left {
    float: left;
    width: 33%;
    text-align: center;
}
.border-effect {
    border: 2px solid #B377D9;
    padding: 9px;
    border-left: 2px solid #D0D0D0;
    border-bottom: 2px solid #D0D0D0;
}
.details-left img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}
.details-grid {
    background: url(../images/pic2.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}
#pg {
    background: #4cc1d2;
    padding: 5px;
    border-radius: 100%;
    padding-left: 8px;
    padding-right: 7px;
    font-size: 12px;
    font-weight: 600;
    color: white;
}
.details-shade {
    padding: 75px 0 0;
    background: rgba(22, 21, 23, 0.6);
}
.details-shade,
.details-grid {
    min-height: 275px;
}
.details-right h3 {
    color: #fff;
    font-size: 22px;
    margin: 12px 0 9px;
}
.details-right {
    float: left;
    width: 62%;
}
.details-right h4 {
    color: #CCC;
    font-size: 16px;
    margin-bottom: 13px;
}
.details-right .progress {
    height: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 65%;
    float: left;
}
.details-right .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: inherit;
    color: #fff;
    text-align: center;
    background-color: #B377D9;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.progress-right {
    float: left;
}
.progress-right p {
    margin: -7px 0 0 20px;
    font-size: 14px;
    color: #CCC;
}
.details-right p {
    color: #fff;
    font-size: 14px;
}
/*-- //details --*/

.menu-notify1,
.menu-notify2,
.menu-notify {
    padding: 15px 0;
}
/*-- follow --*/

.follow {
    background: #f7f7f7;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.follow-left {
    padding: 20px 0;
}
.follow-left:nth-child(2) {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.follow-left h3 {
    color: #B377D9;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
}
.follow-left p {
    font-size: 14px;
    color: #464646;
    font-weight: 500;
}
/*-- //follow --*/
/*-- goals --*/

.goals {
    background: #402245;
    border-bottom: 1px solid #000;
}
.phn-status-bar2 {
    padding: 8px 0;
    background: rgba(0, 0, 0, 0.12);
}
.goals h3 {
    color: #fff;
    font-size: 24px;
    text-indent: 1em;
}
.goal-img {
    float: left;
    width: 35%;
}
.goal-info {
    float: right;
    width: 64%;
}
.goal-info h4 {
    color: #B377D9;
    font-size: 19px;
    margin: 6px 0 12px 0px;
    font-weight: 500;
}
.goal-info p {
    font-size: 14px;
    color: #fff;
}
.goal-left {
    padding-right: 0;
}
.goal-left {
    margin: 30px 0 0;
}
.fit-goals {
    padding: 30px 0;
}
/*-- effect7 --*/

.hi-icon-wrap {
    text-align: center;
    margin: 0 auto;
}
.hi-icon {
    text-decoration: none;
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #B365C5;
}
.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hi-icon:before {
    font-size: 36px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
}
/* Effect 7 */

.hi-icon-effect-7 .hi-icon {
    box-shadow: 0 0 0 3px #fff;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}
.hi-icon-effect-7 .hi-icon:after {
    top: -8px;
    left: -8px;
    padding: 8px;
    z-index: -1;
    opacity: 0;
}
/* Effect 7a */

.hi-icon-effect-7a .hi-icon:after {
    box-shadow: 0 0 0 rgba(255, 255, 255, 1);
    -webkit-transition: opacity 0.2s, box-shadow 0.2s;
    -moz-transition: opacity 0.2s, box-shadow 0.2s;
    transition: opacity 0.2s, box-shadow 0.2s;
}
.hi-icon-effect-7a .hi-icon:hover:after {
    opacity: 1;
    box-shadow: 3px 3px 0 #fff;
}
.hi-icon-effect-7a .hi-icon:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.7;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}
.hi-icon-effect-7a .hi-icon:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
/* Effect 7b */

.hi-icon-effect-7b .hi-icon:after {
    box-shadow: 2px 3px #B365C5;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    -moz-transition: opacity 0.2s, -moz-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}
.hi-icon-effect-7b .hi-icon:hover:after {
    opacity: 1;
}
.hi-icon-effect-7b .hi-icon:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.7;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}
.hi-icon-effect-7b .hi-icon:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.hi-icon.goal-icon1 {
    background: url(../images/pic1hover.png) no-repeat 15px 10px;
    width: 67px;
    height: 67px;
}
.hi-icon.goal-icon2 {
    background: url(../images/pic2hover.png) no-repeat 15px 10px;
    width: 67px;
    height: 67px;
}
.hi-icon.goal-icon3 {
    background: url(../images/pic4hover.png) no-repeat 15px 10px;
    width: 67px;
    height: 67px;
}
.hi-icon.goal-icon4 {
    background: url(../images/pic5hover.png) no-repeat 15px 10px;
    width: 67px;
    height: 67px;
}
.hi-icon i.fa.fa-cutlery,
.hi-icon i.fa.fa-heartbeat {
    color: #CCC;
    font-size: 35px;
    padding-top: 17px;
}
/*-- //goals --*/

.programs {
    padding: 30px 0;
}
.program-left {
    float: left;
    width: 50%;
    padding: 0 6px;
}
.program-right {
    float: left;
    width: 50%;
}
.programs h1 {
    color: #B377D9;
    font-size: 24px;
    margin-bottom: 30px;
    text-indent: 1em;
}
.quality figure {
    margin: 0;
    padding: 0;
    height: 202px;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
}
.quality figure:hover figcaption {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    top: 0;
    border: 1px solid #fff;
}
.quality figcaption {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -100%;
    background: rgba(0, 0, 0, .5);
    color: #dadada;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.quality figcaption h3 {
    font-family: 'Open sans';
    font-weight: 400;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 0;
    position: relative;
    left: 115%;
    margin-top: 10px;
    font-size: 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -ms-transition-delay: 1s;
    transition-delay: 1s;
    text-align: center;
}
.quality figcaption p {
    font-size: 14px;
    line-height: 2em;
    padding: 4px 11px;
    margin-bottom: 0;
    margin-top: 0px;
    position: relative;
    left: 115%;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    -ms-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
.quality figure:hover h3,
.quality figure:hover p {
    left: 0;
}
.quality figcaption a {
    color: #fff;
    border: 2px solid #fff;
    padding: 4px 10px;
    text-decoration: none;
}
.quality figcaption a:hover {
    color: #4f5856;
    background: #fff;
}
.quality .fig-bor {
    border: 1px solid #fff;
    width: 92%;
    margin: 4%;
    padding: 2em 2em;
}
.quality img {
    width: 100%;
}
/*----- Accordion -----*/

.accordion,
.accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.accordion {
    overflow: hidden;
    background: #f7f7f7;
}
/*----- Section Titles -----*/

.accordion-section-title {
    width: 100%;
    padding: 15px 0;
    display: inline-block;
    border-bottom: 1px solid #D490FF;
    background: #B377D9;
    transition: all linear 0.15s;
    font-size: 14px;
    color: #fff;
    text-indent: 2em;
    text-decoration: none;
}
.accordion-section-title.active,
.accordion-section-title:hover,
.accordion-section-title.focus {
    color: #fff;
    background: #402245;
    text-decoration: none;
}
.accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}
.accordion-section-content {
    padding: 15px;
    display: none;
    border: 1px solid #B377D9;
    border-top: none;
    background: #fff;
}
.accordion p {
    color: #464646;
    font-size: 14px;
    line-height: 1.8em;
}
.accordion i {
    float: right;
    margin: 4px 20px 0 0;
    color: #fff;
    font-size: 13px;
}
/*----- Section Content -----*/

.statistics {
    background: url(../images/stats.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}
.stat-shade {
    background: rgba(170, 151, 241, 0.8);
}
.sap_tabs {
    clear: both;
    padding: 50px 0;
}
.tab_box {
    background: #fd926d;
    padding: 2em;
}
.month-graph {
    background: #fff;
    text-align: center;
    padding: 30px 50px;
}
.resp-tabs-list {
    text-align: center;
    list-style: none;
    margin: 0 0em 0;
    padding: 0;
    border: 1px solid #fff;
    width: 55%;
    margin: 0 auto;
    border-radius: 100px;
}
.tab_img {
    padding: 40px 50px 0;
}
.resp-tab-item {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    cursor: pointer;
    padding: 6px 0px;
    display: inline-block;
    margin: 0;
    text-align: center;
    list-style: none;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-transform: uppercase;
    margin: 0 0em 0;
    border-left: 1px solid #fff;
    width: 32.7%;
}
.resp-tab-item:nth-child(1) {
    border: none;
}
.resp-tab-active {
    text-shadow: none;
    color: #000;
}
.resp-tabs-container {
    padding: 0px;
    clear: left;
}
h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}
.resp-tab-content {
    display: none;
}
.resp-content-active,
.resp-accordion-active {
    display: block;
}
canvas#bar {
    width: 100% !important;
    height: 230px !important;
}
.graph-left {
    float: left;
    width: 68%;
}
.graph-right {
    float: left;
    width: 24%;
}
p.tit-one:before {
    background: #A294E5;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    content: "";
    margin: 0 4% 0 0;
}
p.tit-two:before {
    background: #B377D9;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    content: "";
    margin: 0 4% 0 0;
}
.graph-right p {
    font-size: 14px;
    color: #464646;
    margin-top: 10px;
}
.month-graph h3 {
    color: #464646;
    font-size: 24px;
    margin-bottom: 30px;
}
.circle-text {
    float: left;
    width: 28%;
    margin: 0 2.6%;
}
.circle-text h4 {
    margin-top: 20px;
    font-size: 16px;
    color: #464646;
    text-align: center;
}
.about-gd-left {
    float: left;
    width: 19%;
}
.about-gd-right {
    float: right;
    width: 78%;
}
.about-gd-left h5 {
    color: #fff;
    font-size: 1.5em;
    background: #B377D9;
    padding: 20px 0;
}
.about-gd-right p {
    font-size: 14px;
    color: #464646;
    line-height: 2.2em;
    text-align: left;
}
.about-gd:nth-child(3) {
    margin: 1.4em 0;
}
/*-- contact --*/

.contact {
    margin-top: 30px;
}
.signup-bottom i.fa.fa-user {
    font-size: 38px;
    color: #fff;
    text-align: center;
    background: #402245;
    padding: 29px 33px;
    border-radius: 100%;
    margin-top: 49px;
}
.signup-banner {
    text-align: center;
    margin-top: 20px;
    position: relative;
    background: url(../images/sign.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    min-height: 300px;
}
input[type="file"] {
    position: absolute;
    left: 47%;
    top: 30%;
    opacity: 0;
    display: inline-block;
    border: 0px;
    background-color: blue;
    outline: none;
    width: 101px;
    height: 96px;
    font-size: 4px;
    cursor: pointer;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -ms-border-radius: 5%;
    -moz-border-radius: 5%;
    -o-border-radius: 5%;
}
input {
    width: 100%;
    margin: 0px !important;
    border: 0;
    border-bottom: 1px solid #edeff0;
    outline: none;
    padding: 4px;
    font-size: 14px;
    color: #402245;
    height: 30px;
}
a.signup-btn:focus,
a.signup-btn:hover {
    background: #fff;
    transition: 0.5s all;
    color: #000;
    border: 1px solid transparent;
}
.signup-bottom input[type=submit] {
    border: none;
    font-size: 16px;
    color: #fff;
    background: #B377D9;
    width: 100%;
    padding: 22px 0;
    text-align: center;
    outline: none;
    font-weight: 600;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.signup-bottom input[type=submit]:hover {
    background: #402245;
}
/*-- //contact --*/
/*-- parker --*/

.parker {
    /*background: url(../images/ban.jpg) no-repeat 0px 0px;*/
    
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}
.menu-notify1,
.menu-notify2 {
    padding: 10px 0;
}
.parker-img {
    position: relative;
}
.iconside {
    width: 130px;
    margin-left: 16px;
}
.parker-img h2 {
    color: #49a6bc;
    font-size: 20px;
    margin: 0;
    top: 137px;
    position: relative;
    padding-top: 10px;
    opacity: 0.85;
    font-weight: normal;
}
.parker-img p {
    font-size: 14px;
}
.parker-img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}
.border-effect2b {
    border: 3px solid #c1fff8;
    background: #23232399;
}
.border-effect2a {
    border: 4px solid #c1fff8;
    padding: 9px;
    border-left: 4px solid #D0D0D0;
    border-bottom: 4px solid #D0D0D0;
}
.like-icons ul li {
    display: inline-block;
    width: 19%;
    list-style-type: none;
    padding: 28px 0 10px;
}
.like-icons ul li a {
    background: #363636;
    padding: 14px 15px;
}
.like-icons ul li i {
    color: #fff;
    font-size: 17px;
}
.like-icons {
    margin-top: 30px;
    background: #232323;
    text-align: center;
    padding-right: 0;
    height: 110px;
}
.like-icons ul li p {
    margin-top: 22px;
}
.like-icons ul li:nth-child(1) {
    border: none;
}
/*-- //parker --*/

.main_frame {
    text-align: center;
}
/*-- responsive media queries --*/

@media (max-width: 1440px) {} @media (max-width: 1366px) {} @media (max-width: 1280px) {
    input[type="file"] {
        left: 46%;
    }
}
@media (max-width: 1080px) {
    input[type="file"] {
        left: 45%;
    }
}
@media (max-width: 1024px) {} @media (max-width: 991px) {} @media (max-width: 800px) {
    input[type="file"] {
        left: 44%;
    }
}
@media (max-width: 768px) {
    input[type="file"] {
        left: 43%;
    }
    .wrapper-dropdown-1 .dropdown,
    .wrapper-dropdown-3 .dropdown,
    .wrapper-dropdown-4 .dropdown,
    .wrapper-dropdown-2 .dropdown,
    .wrapper-dropdown-5 .dropdown {
        right: 12%;
    }
}
@media (max-width: 736px) {
    .follow-left {
        float: left;
        width: 33.333%;
    }
    .goal-left {
        float: left;
        width: 50%;
    }
    .resp-tabs-list {
        width: 60%;
    }
    canvas#bar {
        height: 190px !important;
    }
    .circle-text {
        float: left;
        width: 27%;
        margin: 0 2.5%;
    }
}
@media (max-width: 667px) {
    .quality .fig-bor {
        padding: 1.4em 1em;
    }
    .quality figure {
        height: 183px;
    }
    .resp-tabs-list {
        width: 66%;
    }
    .about-gd-right {
        float: right;
        width: 79%;
    }
    .about-gd-right p {
        font-size: 13px;
        line-height: 2em;
    }
    .c100 {
        font-size: 120px !important;
    }
    .details-right p,
    .follow-left p,
    .goal-info p,
    .graph-right p,
    .parker-img p,
    .accordion p,
    .circle-text h4,
    .pro-menu p,
    .profile-menu h4,
    .menu-accor ul li a,
    .quality figcaption p {
        font-size: 13px;
    }
    .wrapper-dropdown-1 .dropdown li a,
    .wrapper-dropdown-2 .dropdown li a,
    .wrapper-dropdown-3 .dropdown li a,
    .wrapper-dropdown-4 .dropdown li a,
    .wrapper-dropdown-5 .dropdown li a {
        font-size: 13px;
    }
}
@media (max-width: 640px) {
    .follow-left {
        padding: 12px 0;
    }
    .quality figcaption h3 {
        padding: 10px 20px 0;
    }
    .quality figure {
        height: 175px;
    }
    canvas#bar {
        height: 141px !important;
    }
    .graph-left {
        float: left;
        width: 74%;
    }
    .signup-bottom input[type=submit] {
        padding: 15px 0;
    }
    .details-left {
        float: left;
        width: 41%;
    }
    .details-right {
        float: left;
        width: 58%;
    }
    .quality figcaption p {
        padding: 7px 11px;
    }
}
@media (max-width: 600px) {
    .quality figcaption h3 {
        padding: 0px 20px 0;
    }
    .quality figcaption p {
        padding: 5px 11px 0;
    }
    .quality .fig-bor {
        padding: .8em 1em;
    }
    .quality figure {
        height: 163px;
    }
    .accordion-section-title {
        padding: 10px 0;
    }
    .resp-tabs-list {
        width: 73%;
    }
    .c100 {
        font-size: 115px !important;
    }
    .circle-text {
        float: left;
        width: 28%;
        margin: 0px 2%;
    }
    .month-graph {
        padding: 30px 30px;
    }
    .details-shade {
        padding: 55px 0 0;
    }
    .details-shade,
    .details-grid {
        min-height: 235px;
    }
    .goals h3 {
        font-size: 22px;
    }
    .parker-img {
        margin-top: 0;
    }
    .signup-bottom i.fa.fa-user {
        font-size: 29px;
        padding: 24px 27px;
        margin-top: 25px;
    }
    input[type="file"] {
        left: 43%;
        top: 43%;
        width: 80px;
        height: 80px;
        font-size: 4px;
    }
    .signup-banner {
        min-height: 240px;
    }
    .quality figure {
        height: 139px;
    }
}
@media (max-width: 568px) {
    .quality .fig-bor {
        padding: .5em 1em;
    }
    .quality figure {
        height: 154px;
    }
    .goal-info {
        float: right;
        width: 58%;
    }
    .resp-tabs-list {
        width: 75%;
    }
    .quality figure {
        height: 131px;
    }
    input[type="file"] {
        top: 28%;
    }
}
@media (max-width: 480px) {
    input[type="file"] {
        left: 41%;
    }
    .like-icons ul li a {
        background: #363636;
        padding: 14px 15px;
    }
    .resp-tabs-list {
        width: 89%;
    }
    .tab_img {
        padding: 40px 30px 0;
    }
    .c100 {
        font-size: 97px !important;
    }
    .program-left {
        float: left;
        width: 100%;
        padding: 0;
    }
    .quality figure {
        height: 240px;
    }
    .quality .fig-bor {
        padding: 2em 1em;
    }
    .quality figcaption h3 {
        padding: 11px 20px 0;
    }
    .quality figcaption p {
        padding: 41px 51px 0;
    }
    .quality figcaption h3 {
        font-size: 26px;
    }
    .program-left:nth-child(3) {
        margin-top: 30px;
    }
    .about-gd-left h5 {
        font-size: 1em;
    }
    .like-icons ul li a {
        padding: 9px 10px;
    }
    .like-icons ul li {
        padding: 23px 0 10px;
    }
    .like-icons ul li p {
        margin-top: 16px;
    }
    .goals h3 {
        font-size: 20px;
    }
    input.name,
    input.email,
    input.password,
    input.number {
        font-size: 13px;
        padding: 9px;
    }
    .follow-left h3 {
        font-size: 20px;
    }
}
@media (max-width: 414px) {
    .details-left img {
        width: 100%;
    }
    .details-left {
        float: left;
        width: 36%;
    }
    .details-right {
        float: left;
        width: 64%;
        padding-left: 0;
    }
    .follow-left h3 {
        margin-bottom: 9px;
    }
    .goal-left {
        float: left;
        width: 100%;
        padding: 0;
    }
    .goal-img {
        float: left;
        width: 41%;
    }
    .quality figcaption p {
        padding: 19px 22px 6px;
    }
    .quality figure {
        height: 215px;
    }
    .resp-tab-item {
        font-size: 13px;
        width: 32.5%;
    }
    .month-graph {
        padding: 17px 17px;
    }
    .graph-left {
        float: left;
        width: 100%;
    }
    .graph-right {
        float: left;
        width: 100%;
    }
    .month-graph h3 {
        font-size: 21px;
    }
    .signup-banner {
        min-height: 218px;
    }
    .circle-text {
        float: left;
        width: 100%;
        margin: 0;
    }
    .circle-text {
        float: none;
        width: 45%;
        margin: 0 auto;
    }
    .details-right h3 {
        font-size: 20px;
    }
    .wrapper-dropdown-1 .dropdown,
    .wrapper-dropdown-3 .dropdown,
    .wrapper-dropdown-4 .dropdown,
    .wrapper-dropdown-2 .dropdown,
    .wrapper-dropdown-5 .dropdown {
        width: 114px;
    }
    .details-shade {
        padding: 45px 0 0;
    }
    .details-shade,
    .details-grid {
        min-height: 200px;
    }
    .programs h1 {
        font-size: 20px;
    }
    .sap_tabs {
        padding: 26px 0;
    }
    .c100 {
        font-size: 125px !important;
    }
    .circle-text h4 {
        font-size: 16px;
    }
    .circle-text:nth-child(2) {
        margin: 22px auto;
    }
    input[type="file"] {
        left: 38%;
        top: 47%;
    }
    .resp-tabs-list {
        width: 99%;
    }
    input[type="file"] {
        left: 40%;
        top: 30%;
    }
}
@media (max-width: 384px) {
    .quality figure {
        height: 203px;
    }
    .quality figcaption p {
        padding: 9px 22px 6px;
    }
    .month-graph h3 {
        font-size: 19px;
    }
    .pro-menu {
        width: 92%;
    }
    .accordion.menu-accor {
        width: 92%;
    }
    .search {
        width: 92%;
    }
    .search input[type="search"] {
        width: 79%;
    }
}
@media (max-width: 360px) {
    .blutot-battery li {
        font-size: 13px;
    }
    .re-styl1 {
        font-size: 14px;
    }
    .border-effect {
        padding: 5px;
    }
    .details-right h3 {
        margin: 0px 0 9px;
    }
    .follow-left h3 {
        font-size: 18px;
    }
    .circles ul li.circle {
        width: 7px;
        height: 7px;
    }
    .details-shade,
    .details-grid {
        min-height: 182px;
    }
    h5.pro-link {
        font-size: 19px;
        color: white!important;
    }
    .quality figcaption p {
        padding: 14px 7px 0px;
    }
    .quality figcaption h3 {
        padding: 0px 20px 0;
    }
    .quality .fig-bor {
        padding: 1.7em 1em;
    }
    .quality figure {
        height: 177px;
    }
    .resp-tabs-list {
        width: 94%;
    }
    .resp-tab-item {
        font-size: 12px;
        width: 32%;
    }
    .resp-tabs-list {
        width: 98%;
    }
    .month-graph h3 {
        font-size: 17px;
    }
    .tab_img {
        padding: 30px 20px 0;
    }
    canvas#bar {
        height: 127px !important;
    }
    .circle-text {
        float: none;
        width: 52%;
    }
    .about-gd-left {
        float: none;
        width: 42%;
        margin: 0 auto;
    }
    .about-gd-right {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .about-gd-right p {
        text-align: center;
    }
    .parker-img img {
        width: 50%;
    }
    .border-effect2 {
        padding: 6px;
    }
    .like-icons ul li {
        width: 18.8%;
    }
    input[type="file"] {
        left: 36%;
        top: 46%;
    }
    .signup-bottom input[type=submit] {
        padding: 11px 0;
    }
    .wrapper-dropdown-1 .dropdown,
    .wrapper-dropdown-3 .dropdown,
    .wrapper-dropdown-4 .dropdown,
    .wrapper-dropdown-2 .dropdown,
    .wrapper-dropdown-5 .dropdown {
        top: 26px;
    }
    .details-right h3 {
        font-size: 19px;
    }
    .quality figcaption h3 {
        margin-top: 1px;
    }
    .quality figure {
        height: 169px;
    }
    .panel {
        overflow: overlay;
        height: 574px !important;
    }
    input[type="file"] {
        left: 38%;
        top: 29%;
    }
    .menu-notify1,
    .menu-notify2,
    .menu-notify {
        padding: 15px 0;
        min-width: 320px;
    }
}
#total {
    color: #5f5f5f;
    padding-left: 30px !important;
}
#total bold {
    color: #ff5b02;
}
.menu_mobile li {
    margin-bottom: 10px;
    background: transparent;
    margin-bottom: 10px;
    height: 52px;
    line-height: 50px;
    text-decoration: none;
    border-radius: 1px;
    font-size: 1.3em;
    text-align: center;
    width: 185px;
    color: #FFF;
    font-weight: lighter;
    border-radius: 4px;
    font-variant: small-caps;
    text-align: left;
    padding-left: 36px;
}
.menu_mobile:first-of-type {
    margin-top: 30px;
}
.menu_mobile i {
    width: 28px;
}
.data_perfile {
    background: white;
    text-align: left;
    font-size: 1.1em;
    color: #5d5d5d;
    width: 100% auto;
    margin: auto;
    margin-bottom: 0px;
    min-height: 100vh;
}
.data_perfile_e {
    background: white;
    text-align: left;
    font-size: 1.1em;
    color: #5d5d5d;
    width: 100% auto;
    margin: auto;
    margin-bottom: 0px;
    height: calc(100vh - 95px);
    overflow: scroll;
    overflow-x: hidden;
}
.data_perfile_e li {
    color: #999;
    border-color: #9993;
    text-rendering: auto;
    padding-left: 30px;
    display: block;
    text-align: left;
    width: 100% !important;
    clear: both;
}
.data_perfile li {
    background: white;
    color: #999;
    border-color: #9993;
    width: 100% auto;
    font-size: 0.9em;
    font-weight: 400;
    text-rendering: auto;
    padding-left: 35px;
    padding-bottom: 10px;
    padding-top: 10px;
    display: block;
    text-align: left;
    text-align: left;
}
label {
    width: 80%;
}
.input-label {
    color: white;
    font-size: 1.3em;
    font-weight: lighter;
}
.like-bar {
    padding: 30px;
    text-align: center;
}
.padding_reg {
    font-size: 0.8em;
    background: white;
    width: 100%;
    margin: auto;
}
.padding_reg .item-input .input-label {
    padding: 20px;
    color: gray;
    width: 20%;
    text-align: center;
}
.padding_reg input {
    border: solid 1px;
    border-color: #d7d7d7;
}
.style-select1 select {
    background: transparent;
    width: 268px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
}
.style-select1 {
    width: 240px;
    height: 34px;
    overflow: hidden;
    background: url(../images/down_arrow_select.png) no-repeat right #f2f2f2;
    border: 1px solid #ccc;
}
img#pimage1 {
    margin: auto;
}
#cover {
    position: absolute;
    width: 100%;
    top: 0;
    overflow: hidden;
    z-index: -1;
    max-height: 506px;
    min-height: 96px;
    height: 300px;
}
#pimage2 {
    width: 100% !important;
    height: auto;
    min-height: 260px;
    max-height: 500px;
}
#edit_cover {
    color: #7b7b7b;
    top: 175px;
    position: absolute;
    left: 90%;
    font-size: 14px;
    background: white;
    padding: 2px;
    border-radius: 35px;
    box-shadow: 1px 1px 4px 0px gray;
    height: 30px;
    width: 30px;
    padding-left: 8px;
    padding-top: 4px;
    z-index: 99;
}
#pimage1 {
    position: relative;
    top: 140px;
    position: relative;
    width: 150px;
    border: 4px;
    border-color: white;
    border-style: solid;
    height: 150px;
}
.pimageclass {
    position: relative;
    margin-top: -110px;
    position: relative;
    width: 150px;
    border: 4px;
    border-color: white;
    border-style: solid;
    height: 150px;
    border-radius: 100%;
}
#base {
    background: white;
    height: 150px;
    width: 100%;
}
#icons_p ul li {
    float: left;
    background: #808080;
    width: 25%;
    color: #909090;
    font-size: 16px;
    padding: 10px;
}
#icons_p ul li a {
    color: white;
}
#icons_p ul li p {
    font-size: 12px;
}
.menu_mobile ul a {
    text-decoration: none;
}
#nav_numb a {
    text-decoration: none;
}
#icons_p {
    height: 60px;
    margin-top: 0;
    z-index: 10;
    margin-bottom: 4px;
    position: relative;
}
#icons_p ul li:first-of-type {
    border-right-style: solid;
    border-width: 1px;
    border-color: #E1E1E1;
}
/*#menu {
    height: 100% !important;
    background: rgb(47, 47, 47);
    color: black;
    overflow: hidden;
}*/
#menu {
    height: 100% !important;
    background: rgb(66, 172, 188);
        background-image: none;
        background-repeat: repeat;
        background-position-y: 0%;
        background-size: auto auto;
    background-image: none;
    background-repeat: repeat;
    background-position-y: 0%;
    background-size: auto auto;
    color: black;
    overflow: hidden;
    background-image: url("../images/barbg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: bottom;
    background-blend-mode: soft-light;
    box-shadow: 1px 1px 19px 1px rgba(0,0,0,0.3) !important;
}
#sidepic1 {
    margin-bottom: 0px;
    width: 170px;
    position: relative;
    top: -23px;
}
#loading_1 {
    clear: both;
    min-width: 220px;
    margin: auto;
}
.table_loading {
    display: block;
    height: 100vh;
    background: #252330!important;
    padding-top: 50vh;
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    color: white;
    position: absolute;
}
.sub_dates {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    min-width: 260px;
}
.psel {
    width: 50px;
    float: left;
    border: none !important;
    padding-left: 0px !important;
    margin-left: 5px;
    margin-bottom: 5px;
}
.psel .p_img {
    width: 50px;
    height: 50px;
    padding-right: 3px;
}
#selecionadas span {
    position: relative;
    top: 20px;
    color: #337ab7;
}
#stxt {
    margin-top: 15px;
    font-size: 12px;
    color: gray;
    margin-bottom: 5px;
    background: #fff;
    padding: 5px;
    text-align: left;
}
.table_loading_works {
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    z-index: 99999;
    background: #4CC1D2;
    width: 80%;
    margin: 10%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    border-radius: 5px;
    /*   box-shadow: 1px 1px 6px gray;*/
}
.table_loading_works1 {
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    z-index: 99999;
    background: #4CC1D2;
    width: 80%;
    margin: 10%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    border-radius: 5px;
    box-shadow: 1px 1px 6px gray;
    top: 20%;
    display: none;
}
.loading1 {
    width: 70px;
    height: 80px;
}
#btitle {
    background: #4CC1D2;
    width: 100%;
    height: 40px;
    display: block;
    line-height: 40px;
    font-size: 18px;
    color: white;
    margin-top: 45px;
    position: absolute;
    top: 215px !important;
}
html,
body {
    height: 100%;
 
}
.books_tab {
    width: 100%;
    margin: auto;
    position: relative;
}
.books_tab img {
    width: 100%;
    height: auto;
}
#edit_photo {
 color: #7b7b7b;
    position: absolute !important;
    right: 20px;
    font-size: 14px;
    background: white;
    padding: 4px;
    border-radius: 40px;
    box-shadow: 1px 1px 4px 0px #625b5b;
    height: 35px;
    width: 35px;
    padding-top: 7px;
    display: block;
    margin-top: 10px;
    z-index: 99999;
    top: 20px;
}
#edit_data {
    left: 95%;
    position: relative;
    top: 10px;
}
.editable {
    background-color: #e8f2f5;
    padding: 5px;
    font-size: 0.9em;
    font-style: italic;
    margin-left: 106px;
    color: #3e8fa2;
}
#save_data {
    position: absolute;
    right: 20px;
    padding: 5px;
    border-radius: 10px;
    color: white;
    margin-top: -10px;
}
#save_data span {
    font-size: 10px;
    margin-left: 5px;
}
.saveit_data {
    position: relative;
    font-size: 10px;
    float: right;
    margin-top: 4px;
}
.saveit_data.ui-link {
    background: #42acbc;
    padding: 2px;
    border-radius: 3px;
    color: white !important;
    margin-right: 1px;
}
.saveit_data span {
    color: gray;
    margin-left: 3px;
}
#tab_works {
    display: block;
    text-align: 20px;
    color: white;
    height: auto;
}
.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    
    display: table;
    /* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.cf {
    *zoom: 1;
}
.emp_title2 {
    text-align: center;
    font-size: 1.2em !important;
    text-align: left;
    background: #fefefe;
    color: #57B48F;
    margin: auto;
    padding-top: 2px;
    x: 0;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-left-style: solid;
    border-color: #56b18d;
    padding-left: 0;
    margin-left: 0;
    border-left-width: 26px;
    border-left-style: solid;
    box-shadow: -1px 2px 5px -2px gray;
    margin-bottom: 30px;
}
.emp_title1 i,
.emp_title1,
.emp_title i,
.emp_title {
    color: #5ccae4 !important;
    border-color: #B0B0B0 !important;
}
.emp_title1, .emp_title {
    font-size: 15px;
    background: #FFF;
    color: #4CC1D2 !important;
    margin: auto;
        margin-bottom: auto;
        margin-left: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-bottom: auto;
    margin-left: auto;
    position: relative;
    margin-left: 0;
    text-align: left;
    margin-bottom: 10px;
    font-variant-caps: all-petite-caps;
    border-bottom-style: solid !important;
    border-width: 1px;
    border-color: #5ccae4 !important;
    padding-bottom: 6px;
    padding-top: 17px;
    padding-left: 40px;
    padding-bottom: 11px;
    height: 40px;
}
#V_evento i {
    font-size: 23px;
    margin-right: 10px;
    color: #de5353;
}
#V_evento {
    font-size: 20px;
}
.go3row {
    width: 33.3333%!important;
}
.coveremp {
    background: #232323!important;
    height: 250px!important;
    margin: 0;
    padding: 0;
}
.title_small_gray {
    color: #3e8a9c;
    float: left;
    width: 100px;
    font-size: 0.9em;
    background: #e8f2f5;
    padding: 5px;
    border-radius: 3px;
    margin-right: 10px;
    text-align: right;
    height: 30px;
    margin-bottom: 7px;
    margin-right: ;
}

#topname1 {
    color: #42acbc;
    z-index: 9999;
    top: 20px;
    font-size: 2em;
    z-index: 1;
    font-weight: bold;
}
.loading_pic {
    margin: auto;
    text-align: center;
    width: 100% !important;
    z-index: 99;
    color: white;
    opacity: 0.6;
    position: absolute;
    top: 165px;
    position: absolute;
    color: white;
    filter: brightness(1110);
    color: wheat !important;
}
.loading img {
    filter: brightness(100%);
    opacity: 1;
}
.loading_pic img {
    width: 75px;
    height: 75px;
}
.white {color:white;}
#percentagem {
    position: absolute;
    margin: auto;
    margin-top: 29px;
    color: white !important;
    filter: brightness(100%);
    width: 100%;
    text-align: center;
    left: 0;
}
.loading_pic_cover {
    position: absolute;
    margin: auto;
    width: 100%;
    text-align: center;
    margin-top: 110px;
    filter: brightness(11110);
    opacity: 0.7;
}
#percentagem_cover {
    position: absolute;
    margin: auto;
    margin-top: 18px;
    color: white !important;
    filter: brightness(100%);
    width: 100%;
    text-align: center;
    left: 1px;
    font-size: 9px;
}
.ima_loader {
    width: 100%;
    height: 100px;
    position: absolute;
    text-align: center;
    margin-top: 50%;
    z-index: 99;
}
.ima_loader img {
    width: 50px;
    height: 50px;
    filter: brightness(0%);
    opacity: 0.7;
}
#load_book1,
#load_book2,
#load_book3,
#load_book4,
#load_book5 {
    display: none;
}
#percentagem_cover_book1,
#percentagem_cover_book2,
#percentagem_cover_book3,
#percentagem_cover_book4,
#percentagem_cover_book5 {
    position: absolute;
    margin: auto;
    margin-top: 18px;
    color: white !important;
    filter: brightness(100%);
    width: 100%;
    text-align: center;
    left: 1px;
    font-size: 9px;
    z-index: 99;
}
.profile-left i {
    font-size: 20px;
}
.Profile-right i {
    font-size: 20px;
    color: #fff;
}
body {
    display: block;

    
 
    background: white;
    height: 100vh;
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-size: 100% 100%;
}
.noborder_b {
    border-bottom-style: none!important
}
.small,
small {
    font-size: 75%;
}
#worktab {
    height: 100vh;
    background: white;
    position: absolute;
    width: 100%;
    z-index: 1000;
    display: none;
}
.glyphicon {
    color: white;
    font-size: 15px;
}
.saveit_data i, .saveit_data span  {
    color: white;
}
.saveit_data {
    color: black!important;
    margin-right: 5px;
}
#tab_profile li {
    padding-right: 13px;
}
#tab_works {
    display: block;
    text-align: 20px;
    color: white;
    color: black;
    background: white !important;
}
.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
    display: none;
}
.btn.btn-primary.ui-btn.ui-shadow.ui-corner-all {
    height: 50px;
    margin-bottom: 10px;
}
.novo_ev {
    width: 50%;
    height: 138px;
    text-align: center;
    margin: auto;
    margin-top: 0;
    padding-top: 20px;
    color: white;
    font-size: 1.3em;
    line-height: 50px;
    position: relative;
}
.nv_evt_btn_link {
    padding: 9px;
    border-radius: 100px;
    font-size: 11px;
    background: rgb(76, 193, 210);
    color: white;
    position: relative;
    top: 7px;
}
.nv_evt_btn_link p {
    color: #6c6c6c;
}
.nev1 {
    background: #fff;
    color: gray;
    padding: 15px;
}
.nv_evt_btn {
    background: #fff;
    padding-top: 20px;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dadada;
    min-width: 320px;
}
#resume_1 ul li:last-child {
    border-style: none;
}
.btn-primary {
    color: #fff;
    background-color: rgb(66, 172, 188) !important;
    border-color: rgb(66, 172, 188) !important;
}
.btn.btn-primary.ui-btn.ui-shadow.ui-corner-all {
    height: 50px;
    margin-bottom: 10px;
    width: 50%;
}
.nv_evt_btn.cf p {
    float: left;
}
.fixedbar_empresas {
    position: fixed!important;
    bottom: 0!important;
    width: 100%!important;
    text-align: center!important;
}
.input-group .glyphicon {
    color: gray;
}
.table_loading {
    display: block;
    height: 100vh;
    background: #333;
    padding-top: 50vh;
    text-align: center;
}
span {
    font-family: 'Open Sans', sans-serif;
}
#form_progress {
    width: 90%;
    background: lightgray;
    height: 104px;
    margin: auto;
    text-align: center;
    min-width: 320px;
    margin: auto;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.pn {
    position: relative;
    left: -5px;
}
.progress_style {
    background: white;
    border-radius: 130%;
    font-size: 2em;
    height: 50px;
    color: #b1b1b1;
    display: inline-flex;
    line-height: 8px;
    text-align: center;
    position: relative;
    margin: 10px;
    width: 50px;
    padding: 21px;
    margin-left: 10px;
    margin-right: 10px;
    box-shadow: 1px 1px 4px 1px #d1d1d1;
}
.spinbox {
    position: relative;
    padding-right: 20px;
}
.spinbox .spinbox-input {
    min-width: 40px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
}
.spinbox .spinbox-buttons {
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 20px;
}
.spinbox .spinbox-buttons .spinbox-up {
    position: absolute;
    top: 0;
    right: 0;
    height: 50%;
    width: 100%;
    border-left: none;
    line-height: 1;
}
.spinbox .spinbox-buttons .spinbox-down {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50%;
    width: 100%;
    border-left: none;
    line-height: 1;
}
.btn-success {
    color: #fff;
    background-color: #4aa9c6;
    border-color: #4aa9c6;
    text-align: center;
    width: 100%
}
.progress_on {
    background: #4aa9c6;
    color: #fff;
}
#f1, #f2, #f3 {
    height: auto;
    background: white;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 20px;
    margin: auto;
        margin-bottom: auto;
    margin-bottom: auto;
    margin-bottom: 20px;
    min-width: 320px;
    width: 90%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
#f1 button,
#f2 button,
#f3 button {
    text-align: center;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #fff;
    opacity: 1;
}
.form-control1[disabled],
.form-control1[readonly],
fieldset[disabled] .form-control1 {
    background-color: #fff;
    opacity: 1;
}
.cal {
    text-align: center;
    background: #efefef;
    padding: 10px;
    margin: 5px;
    margin-bottom: 20px;
}
.profile-menu {
    z-index: 1;
}
#resume_1 {
    height: auto;
    width: 90%;
    background: white;
    padding: 10px;
    display: none;
    margin: auto;
        margin-bottom: auto;
    min-width: 320px;
    margin-bottom: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
#resume_1 ul li {
    margin-top: 5px;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #dbdbdb;
    margin-bottom: 0 !important;
    font-size: 0.85em;
    display: block;
    text-align: left;
    padding-bottom: 0 !important;
}
#resume_1 ul li span {
    color: #848484;
}
#resume_1 ul li span:last-child {
    color: #4CABC7;
}
#ev_list {
    width: 100%;
    height: 100%;
    background: #e4e4e4;
    padding: 20px;
}
.evento {
    box-shadow: 1px 1px 2px 0px #C5C5C5;
    margin-bottom: 17px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2px;
    background: white;
    position: relative;
    border-top: solid;
    border-top-width: medium;
    border-top-color: currentcolor;
    border-top-width: medium;
    border-top-color: currentcolor;
    border-color: rgb(76, 193, 210);
    border-top-width: 5px;
    min-height: 125px;
}
.wl {
    background: white;
    height: 100%;
    width: 100%;
}
.evento_alert {
    box-shadow: 1px 1px 6px 0px #C5C5C5;
    margin-bottom: 17px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2px;
    background: white;
    position: relative;
    border-top: solid;
    border-color: rgb(114, 207, 164);
    border-top-width: 5px;
    overflow: hidden;
}
.evento_alert .dd {
    height: 75px!important;
}
.mm_alert {
    width: 100%;
    background: rgb(114, 207, 164);
    font-size: 11px;
    color: white;
    padding: 4px;
    height: 22px;
    line-height: 8px;
}
.datesbts a {
    display: block;
    position: absolute;
    bottom: -3px;
    right: 11px;
    color: #8f8f8f;
    font-size: 18px;
}
.workstyle {
    padding-top: 0;
    border-bottom: 10px;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #dedede;
    background: none;
}
#nev {
    text-decoration: none;
}
#ev_container {
    width: 100%;
    background: #FFF;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 40px !important;
    height: auto;
    min-width: 320px;
}
.img_ev {
    width: 100px;
    float: left;
    margin-right: 10px;
    border-radius: 0;
    margin-top: 20px;
}
.npromo {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 28px;
    border-radius: 2px;
    color: #a2a2a2;
}
.nprom1 {
    float: right;
    width: 59px;
    height: 67px;
    position: relative;
    background: #fff;
    text-align: center;
    border-radius: 4px;
    color: gray;
    border-width: 1px;
    border-color: gray;
    line-height: 0;
    position: relative;
    padding-top: 14px;
}
.img_ev {
    width: 100px;
    float: left;
    margin-right: 10px;
    border-radius: 0;
}
.info_d.cf {
    width: 89px;
    position: relative;
    text-align: left;
    float: left;
    display: block;
    margin-top: 10px;
    top: 20px;
    height: 71px;
}
.ev_n {
    font-size: 11px !important;
    color: #4e8fa4;
    width: 136px;
    display: block;
    word-wrap: break-word;
    display: block;
    max-height: 60px;
    overflow: hidden;
}
.dinicio,
.dfim {
    font-size: 12px;
    color: gray;
    font-weight: 100;
}
.tag {
    font-size: 11px;
    background: rgb(76, 193, 210);
    color: white;
    padding: 3px;
    border-radius: 5px;
    margin-right: 10px;
    margin-top: 20px;
    left: 80px;
    position: relative;
    top: 3px;
}
.tags {
    position: absolute;
    top: 0;
    right: 60px;
    text-align: left;
    font-size: 12px;
    background: rgb(76, 193, 210);
    color: white;
    min-width: 58px;
    width: 100%;
    height: 22px;
    left: 0;
    padding-left: 36px;
}
.tags_alert {
    position: absolute;
    top: 0;
    right: 60px;
    text-align: left;
    font-size: 12px;
    background: rgb(114, 207, 164);
    color: white;
    min-width: 58px;
    width: 100%;
    height: 22px;
    left: 0;
    padding-left: 36px;
}
.dinicio_date {
    width: 60px;
    text-align: center;
    background: white;
    position: absolute;
    top: 0;
    right: 0px;
    padding: 0;
    font-size: 18px;
    color: #818181;
    top: 0;
    z-index: 1;
}
.tags.tags_id {
    left: 60px;
}
#dayslist {
    margin-bottom: 30px;
}
.tt.cf {
    max-width: 192px;
}
#job_template {
    width: 100%;
    height: 100%;
    background: white;
    position: absolute;
    left: 1000px;
    z-index: 99;
}
.topbar_tp {
    height: 40px;
    width: 100%;
    background: rgb(66, 172, 188);
    text-align: left;
    line-height: 45px;
    padding-left: 20px;
    border-color: #297d8a;
    border-width: 2px;
    background-image: url("../images/barlogo.png")!important;
background-size: 57px!important;
background-repeat: no-repeat!important;
background-position-x: right!important;
background-position-y: 10px!important;
background-position-x: 95%!important;
}
.topbar_tp1 {
    height: 40px;
    width: 100%;
   background: rgb(50, 139, 153);
    text-align: left;
    padding-top: 10px;
    padding-left: 20px;
    background: #383737;
    background-image: none!important;
    background-repeat: repeat!important;
    background-position-x: 0%!important;
    background-position-y: 0%!important;

display: block;
background-image: url("../images/barlogo.png")!important;
background-size: 57px!important;
background-repeat: no-repeat!important;
background-position-x: right!important;
background-position-y: 10px!important;
background-position-x: 95%!important;
}
.table_loading.t {
    opacity: 0.5;
}
#data_tp_name span {
    font-size: 13px;
    color: #42ACBC !important;
}
#data_tp_dsc {
    font-size: 13px;
}
#data_tp {
    text-align: center;
    min-width: 320px;
    width: 90%;
    background: white;
    margin: auto;
    padding-top: 20px;
    border-style: solid;
        border-bottom-style: solid;
    border-width: 1px;
    border-color: lightgray;
    border-bottom-style: none;
}

#container_tp {
    /*background: url("../images/bg_1.jpg");*/
    padding-bottom: 0px !important;
    background: #f6f0f0;
}
#novo_evento {
    background: url("../images/bg_1.jpg");
    padding-bottom: 0px !important;
    height: calc(100vh - 83px) !important;
    overflow-y: scroll;
}
.add_work_div {
    height: 100%;
}
#data_tp {
    text-align: center;
    min-width: 320px;
}
#refmb {
    padding-bottom: 20px;
}
.containernav {
    width: 100% auto;
    margin: 0 auto;
    background: white;
    font-size: 12px;
    max-width: 320px;
}
#foto_tp {
    text-align: center;
    background: #fff;
    padding-bottom: 0px;
    min-width: 320px;
}
#foto_tpc {
    text-align: center;
    background: #42ACBC;
    min-width: 320px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
    padding-bottom: 10px;
    width: 90%;
    margin: auto;
    margin-top: auto;
    display: block;
    margin-top: 20px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
#tp_ul i {
    margin-right: 6px;
}
#tp_ul {
    padding: 30px;
        padding-top: 30px;
    padding-top: 30px;
    padding-top: 30px;
    padding-top: 30px;
    padding-top: 30px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px;
    background: white;
    margin: auto;
        margin-bottom: auto;
    margin-bottom: auto;
    margin-bottom: auto;
    margin-bottom: auto;
    width: 90%;
    position: relative;
    padding-top: 10px;
    min-width: 320px;
    display: block;
    margin-bottom: 20px !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    top: -3px;
    border-style: solid;
        border-top-style: solid;
    border-width: 1px;
    border-color: lightgray;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-style: none;
}
#tp_ul li {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #e1e1e1;
    display: block;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #42acbc !important;
    margin-left: 0;
    padding-left: 0;

}
#prom_adicionadas {
    width: 100%;
    height: auto;
    padding: 5px;
}
.p_img_small {
    width: 100%;
    height: 100%;
    border-radius: 2px;
}
.p_img_smallc {
    width: 125px;
    border-radius: 2px;
    float: left;
    position: relative;
}
.p_img1 {
    width: 600px;
    height: auto;
    min-height: 130px;
}
.p_img {
    width: auto;
}
#vdata {
    text-align: left;
    font-size: small;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
#prom_adicionadas ul li {
    border-radius: 5px;
    width: 46%;
    display: block;
    background: #fff;
    text-align: center;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 3px #d2cdcd;
    float: left;
    margin-left: 2% !important;
    padding: 0;
    position: relative;
    overflow: hidden;
    max-width: 125px;
    min-width: 106px;
}
.fireli {
    border-radius: 5px;
    width: 46%;
    display: block;
    background: #fff;
    text-align: center;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 3px #d2cdcd;
    float: left;
    margin-left: 2% !important;
    padding: 0;
    position: relative;
    overflow: hidden;
    max-width: 125px;
    min-width: 106px;
}
.blue {
    color: rgb(76, 193, 210)!important;
}
.orange {
    color: orange!important;
}
.gray {
    color: #898F8A !important
}
#click_event_vp1 {
    height: 30px;
    width: 56px;
    float: right;
}
.promo_nome {
    color: #42acbc;
    font-size: 12px;
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
    height: auto;
    text-align: center;
    width: 100%;
    height: 43px;
    display: block;
    line-height: 12px;
    display: flex;
    margin-bottom: auto;
    margin-bottom: 0 !important;
    flex-direction: column;
}
.promo_nome span {
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    margin: auto;
}
.promo_dn,
.promo_at,
.promo_vh,
.pid {
    width: 100% !important;
    margin: auto;
    margin-left: 20px;
    margin-right: 20px;
}
.liid {
    position: absolute;
    top: 0;
    color: white;
    z-index: 99;
    background: #000;
    padding: 4px;
    font-size: 11px;
    left: 1px;
    top: 0;
    opacity: 0.6;
    z-index: 1;
}
#prom_adicionadas i {
    color: #3cacb4;
    margin-right: 5px;
}
.slect_div {
    height: 30px;
    width: 100%;
    margin-top: 0;
    border-top-style: solid;
    border-width: 1px;
    border-color: #efe1e1;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: #525252;
}
.slect_div input {
    float: left;
    width: 40px;
    height: 19px;
    position: relative;
    top: 4px;
}
tfoot {
    display: none;
}
.slect_div .fa.fa-eye {
    font-size: 13px;
    float: right;
    position: relative;
    color: #777777 !important;
    height: 20px;
    background: #eee;
    width: 20px;
    padding-top: 3px;
    margin-top: 4px;
    border-radius: 100px;
}
.perfil_emp {
    width: 100%;
    height: auto;
    position: relative;
    background: white;
    z-index: 10;
    text-align: center;
    position: absolute;
    top: -81px;
    padding: 0;
    margin: 0;
}
.book_scale {
    width: 100vw !important;
}
#perfil_template {
    left: 10% !important;
    width: 90%;
    height: 100%;
    position: relative;
    background: white;
    z-index: 10;
    text-align: center;
    position: absolute;
    top: 1px;
}
#perfil_template1 {
    background: white;
    width: 100%;
    margin-top: 84px;
    display: none;
    height: auto !important;
overflow: scroll;
}
.menu_temp {
    height: 65px !important;
    background: #333;
    width: 100% !important;
    left: 0;
    position: relative;
    z-index: 10;
    text-align: left;
    padding-left: 5%;
    padding-top: 8px;
}
.topname_emp_c {
    color: #606060;
    font-size: 1.8em;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
}
.menu_temp span {
    font-size: 14px;
}
.topname_emp {
    position: relative;
    margin-bottom: 44px;
}
.books_tab.empimage {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
#btn_fire {
    margin-bottom: 20px;
}
.load_ii {
    text-align: center;
    margin: auto;
}
#filters {
    height: 100px;
    background: #f2f2f2;
    padding: 10px;
}
#ffs {
    padding-bottom: 10px;
    overflow-x: scroll;
    padding-top: 10px;
}
#filbtn {
    padding: 3px;
    background: #4cc1d2;
    color: #ededed;
    font-size: 13px;
    border-radius: 4px;
    margin: auto !important;
    text-align: center;
    margin: 20px;
    width: 35% !important;
    text-align: center !important;
    margin-left: 32% !important;
    display: block;
}
.content_f ul li {
    background: #FFF;
    width: auto;
    display: flex;
    margin: 3px;
    padding: 2px;
    border-radius: 1px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    font-size: 0.9em;
    box-shadow: 0px 0px 2px 0px lightgray;
}
.content_f ul {
    display: flex;
    margin-bottom: 10px;
}
.content_f ul li a {
    color: #4CC1D2;
    display: block;
    text-decoration: none;
}
.selected_filter {
    background: #4cc1d2 !important;
    color: white !important;
}
.selected_filter a {
    color: white !important;
}
.container_filtros .content_f {
    display: none;
    padding: 5px;
}
.filtermenu {
    text-align: center;
    padding-top: 20px;
    color: gray;
    text-align: center;
}
.btn_cadi {
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
.btn_cadi button {
    width: 70%;
}
.dk {
    position: absolute;
    height: 100VH;
    top: 0;
    left: 0;
    width: 720px !important;
    z-index: -20;
    filter: blur(30px);
}
.hras {
    float: left;
    width: 90% !important;
    text-align: center;
    margin-left: 0;
    margin-bottom: 10px;
    margin: auto;
    margin-left: 10px;
    margin-bottom: 10px;
}
#dayslist article {
    margin-bottom: 13px;
    background-color: #e6e6e6;
    padding: 10px;
    border-left-color: #43bac8;
    border-left-style: solid;
    border-left-width: 28px;
    border-radius: 2px;
    box-shadow: 0px 0px 4px -1px #8A8A8A;
    position: relative;
}
.datesbts button {
    width: 50% auto;
    text-align: center;
    margin: auto;
    display: block;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
    margin-bottom: 5px;
}
.spc {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #c9c9c9;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: right;
    font-size: 12px;
}
#add i {
    font-size: 2em;
    line-height: 34px;
    position: relative;
    top: 3px;
    padding-right: 10px;
    padding-bottom: 7px;
}
#badd {
    width: 100%;
    background: #fff;
    text-align: center;
    margin: 4px;
    padding: 6px;
    border-width: 1px;
    border-color: #d2d2d2;
    margin-bottom: 30px;
}
.datesbts {
    width: 100%;
}
.dia_show {
    color: #686063 !important;
    font-size: 1.1em;
    margin-right: 10px;
    font-weight: bold;
}
#datas_info li {
    background: #e6e6e6;
    border-style: none !important;
    padding: 4px !important;
    margin-bottom: 9px !important;
}
.nh_show {
    float: right;
}
.dia_show1 {
    padding-right: 4px;
    margin-right: 4px;
    color: white;
    background: #9ecad1;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    border-radius: 2px;
    font-size: 12px !important;
}
.nh_show1 {
    color: white;
    font-size: 11px;
    padding: -10px;
    display: block;
    width: 28px;
    float: right;
    text-align: center;
    background: #9ecad1;
    border-radius: 2px;
}
.sub_dates li {
    border-style: none !important;
}
#icons_p1 {
    width: 50%;
    margin: 0 auto;
}
ul li {
    display: inline;
    text-align: center;
}
#icons_p1 ul a {
    display: inline-block;
    width: 25%;
    padding: .75rem 0;
    margin: 0;
    text-decoration: none;
    color: #333;
}
#icons_p1 ul a:hover {
    text-decoration: none;
}
.menu_mobile a {
    float: left;
}
#tab_photos {
    overflow-x: hidden!important;
}
#tab_photos li {
    position: relative;
    display: block;
}

#fixed_price i {
    font-size: 25px;
    margin-top: 10px;
    margin-left: 20px;
    color: white;
}
#ppc {
    float: right;
    margin-right: 27px;
    margin-top: 10px;
    background: white;
    padding: 3px;
    border-radius: 2px;
    font-size: 13px;
    color: black;
    text-decoration: none;
    box-shadow: 1px 1px 1px 1px #2c2c2c;
    padding-left: 20px;
    padding-right: 20px;
}
#ppc i {
    font-size: 0;
    margin-top: 0;
    margin-left: 0;
    color: white;
    font-size: 22px;
    margin-right: 6px;
    color: #545454;
}
#ppprice {
    color: white;
    margin-left: 10px;
    font-weight: 100px;
}
.selected_p>.slect_div {
    background: #afd83f !important;
}
.mm {
    width: 100%;
    background: rgb(76, 193, 210);
    font-size: 11px;
    color: white;
    padding: 4px;
    height: 22px;
    line-height: 8px;
}
.dd {
    padding-top: 3px;
    background: transparent;
    color: gray;
    font-size: 25px;
    border-left-style: solid;
    line-height: 81px;
    height: 73px;
    border-width: 1px;
    border-left-color: lightgray;
}
.dd1 {
    padding-top: 3px;
    background: transparent;
    color: gray;
    font-size: 25px;
    border-left-style: solid;
    line-height: 81px;
    height: 82px;
    border-width: 1px;
    border-left-color: lightgray;
}
.yy {
    background: transparent;
    font-size: 10px;
    color: #fff;
    border-top-width: 1px;
    line-height: 45px;
    line-height: 19px;
    color: gray;
    border-left-color: lightgray;
    border-left-width: 1px;
    border-left-style: solid;
    height: 24px;
}
.vgs {
    font-size: 12px;
    color: #4e96bd;
}
.candi {
    position: absolute;
    background: transparent;
    color: white;
    padding: 3px;
    font-size: 18px;
    opacity: 0.8;
    left: -3px;
    top: -8px;
}
.candi span {
    font-size: 12px;
}
.tag1 {
    font-size: 11px;
    background: rgb(76, 193, 210);
    color: white;
    padding: 3px;
    border-radius: 5px;
    margin-right: 7px;
    margin-top: 17px;
    left: 18px;
    position: relative;
    top: 0px;
}
.pp_p {
    position: absolute;
    left: 0px;
    color: white;
    z-index: 1;
    padding-left: 10px;
}
#book_img3,
#book_img1,
#book_img2,
#book_img4,
#book_img5 {
    width: 100vw;
}
.dropdown a {
    display: block;
    margin-left: 10px;
}
#checkout {
    width: 100%;
    height: 100vh;
}
#fire_data li {
    display: block !important;
    text-align: left;
    margin-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dedede;
}
#fire_data {
    margin: 0;
    padding: 10px;
    min-width: 320px;
}
.sselct {
    float: left;
    width: 48%;
    margin-left: 2%;
    height: auto;
    border: none !important;
    box-shadow: 1px 1px 2px #c6c6c6;
    position: relative;
}
.logo_center {
    text-align: center;
    position: relative;
    top: -16px;
    z-index: 9999;
    margin-top: 20px;
}
.lgoo {
    width: 160px;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.login_ico {
    color: #4e9fb3;
}
.next,
.prev {
    background: #4aa9c6;
}
#tp_ul li i {
    color: #42acbc;
}
.blink_me {
    text-align: center;
    margin: auto;
    width: 100% !important;
    margin-top: 20px;
    padding: 20px !important;
    background: #fff !important;
    max-width: 100% !important;
}
.fardas_i.ee {
    background: #42acbc;
    color: white;
}
.chk {
    color: white !important;
    text-align: left;
    position: relative;
    font-size: 20px;
    top: 4px;
    float: left;
    margin-left: 10px;
}
#wt {
    color: red;
    font-size: 12px;
    position: relative;
    top: -5px;
}
#wt_pago {
    color: #39CCBC;
    font-size: 12px;
    position: relative;
    top: -5px;
}
#tab_alertas {
    display: block;
    text-align: 20px;
    color: white;
    height: 100vh;
    color: black;
    background: white !important;

}
#talertas li {
    display: block;
    height: 60px;
    background: #fff;
    margin-bottom: 11px;
    border-radius: 2px;
    box-shadow: 0px 0px 3px #b4b4b4;
    color: #686868;
    font-size: 11px;
    text-align: left;
}
.three {
    position: relative;
}
#bell {
    position: relative;
    left: 3px;
    padding: 2px;
    background: #ff0900;
    border-radius: 100%;
    font-size: 9px;
    color: #fff;
    top: -9px;
}
#talertas {
    padding: 10px;
        padding-top: 10px;
    margin-top: 0;
    height: calc(100vh - 100px);
    overflow: scroll;
        overflow-x: scroll;
    overflow-x: hidden;
    padding-top: 20px;
}
#talertas span {
    top: 8px;
    position: relative;
}
#talertas a {
    text-decoration: none;
}
#talertas .fa.fa-bell {
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 19px !important;
    color: #fff;
    background: #06befb;
    height: 60px;
    width: 38px;
    padding: 10px;
}
.candidatouse .tags {
    background: rgb(114, 207, 164);
}
.candidatouse {
    border-color: rgb(114, 207, 164);
}
.candidatouse .dinicio_date>.mm {
    background: rgb(114, 207, 164)!important;
    color: white;
}
.candidatouse .dinicio_date>.dd {
    background: white;
}
.candidatouse .dinicio_date>.dd1 {
    background: white;
}
.candidatouse .dinicio_date>.yy {
    background: white;
}
#works .candidatouse .dinicio_date>.yy {
    color: rgb(114, 207, 164);
}
#works .candidatouse .dinicio_date>.dd {
    color: rgb(114, 207, 164);
}
#works .fechado .dinicio_date>.dd,
#works .fechado .dinicio_date>.yy {
    color: gray;
}
.onpay {
    position: absolute;
    bottom: 0px;
    font-size: 11px;
    width: calc(100% - 110px);
    background: red;
    padding: 3px;
        padding-left: 3px;
    text-align: left;
    background: white;
    color: #f92f2f;
    margin-left: 10px;
    border-top: 1px;
        border-top-style: none;
        border-top-color: currentcolor;
    border-top-style: solid;
    border-top-color: #e1e1e1;
    font-weight: 600;
    font-variant-caps: all-petite-caps;
    margin-left: 100px;
    padding-left: 8px;
}
.onpay i {
    margin-right: 5px;
}
.delete {
    height: 127px;
    width: 60px;
    background: #ff7676;
    left: -60px;
    position: absolute;
    top: -6px;
    box-shadow:inset -2px 0px 3px rgba(1,1,1,0.3);
}
.disabled {
    color: red!important;
    cursor: help!important;
}
#nav_numb {
    width: 100%;
    height: 48px;
    background: white;
    color: white;
    margin: auto;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 2;
    bottom: -150px;
    box-shadow: 2px 2px 5px lightgray;
    min-width: 320px;
}
#nav_numb ul li a {
    color: #4cc1d2;
    margin: 15px;
    line-height: 41px;
    font-size: 13px;
}
#refresh {
    margin: auto;
    text-align: center;
    display: none;
}
.empagamento .tags {
    background: #e75a5a;
}
.empagamento .dinicio_date .mm {
    background: #e75a5a !important;
}
.empagamento .dinicio_date .dd,
.empagamento .dinicio_date .yy {
    background: transparent;
    color: gray;
    border-left-style: solid;
    border-width: 1px;
    border-color: #e4e4e4;
}
.empagamento .dinicio_date .dd1,
.empagamento .dinicio_date .yy {
    background: transparent;
    color: gray;
    border-left-style: solid;
    border-width: 1px;
    border-color: #e4e4e4;
}
.dd1 {
    color: white;
}
.fa.fa-trash {
    color: red;
}
.evento.empagamento {
    border-color: #e75a5a;
}
.empagamento .tag1 {
    background: transparent!important;
}

.delete .fa.fa-times-circle {
    text-align: center;
    font-size: 30px;
    color: #b04b4b;
    padding: 19px;
    padding-top: 50px;
}
.spinbox-up.ui-btn.ui-shadow.ui-corner-all,
.spinbox .spinbox-buttons .spinbox-down {
    border: none;
    color: #f6f3f3;
    background: #4aa9c6;
    padding: 3px;
    font-size: 12px;
}
a {
    text-decoration: none;
}
.fechado {
    border-color: #a7a7a7;
}
.fechado .tags {
    background: #a7a7a7;
}
.fechado .dinicio_date>.mm {
    background: #a7a7a7 !important;
    color: white;
}
.fechado .dinicio_date>.dd {
    background: white !important;
    color: #a7a7a7;
}
.fechado .dinicio_date>.yy {
    background: white !important;
    color: #a7a7a7;
}
.btn.btn-default {
    font-size: 12px !important;
}
.jconfirm-title {
    font-size: 17px !important;
}
.today {
    display: none;
}
#load1 {
    margin: auto;
    position: absolute;
    left: 50% !important;
    width: 70px;
    margin-top: 100px;
}
#op {
    display: block;
    width: 100%;
    height: 100%;
    background: white;
    position: fixed;
    z-index: 777;
    display: none;
}
#m {
    width: 100%;
    background: rgb(66, 172, 188);
    height: 44px;
    line-height: 41px;
    padding-left: 10px;
}
.form-group_lang {
    padding-left: 10%;
    padding-top: 10%;
    padding-right: 10%;
    padding-bottom: 2%;
}
#apass {
    background: #eaeff0;
    display: block;
    padding: 5%;
    margin-top: 20px;
    color: #43acbb;
}
#apass span {
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
}
.makebooks {
    position: relative;
    border-bottom-style: solid;
    border-width: 8px;
    border-color: #232d36;
    z-index: 1;
}
.makebooks img {
    width: 100%;
    height: 100%;
}
.mbspan {
    position: absolute;
    right: 20px;
    top: 25%;
    color: white;
    z-index: 999;
    font-size: 6vw;
    max-width: 50%;
    line-height: 7vw;
}
.mbook {
    position: absolute;
    bottom: 2vh;
    z-index: 9299999999;
    width: 31% !important;
    height: 7vw;
    right: 22px;
    background: white;
    border-radius: 4px;
    border: none;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-bottom-style: none;
    font-size: 12px;
    color: #4cc1d2;
    font-size: 3vw;
    border-bottom-style: solid;
    border-width: 0.8vw;
}
.book_img_class{
    min-width: 320px;
}
#ref {
    text-align: left;
    font-size: 15px;
    width: 80%;
    background: #fff;
    margin: auto;
        margin-top: auto;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 1px 1px 5px gray;
    margin-top: 30px;
    height: 100px;
}
span#linha_apoio_main {
    color: white;
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
}
.ref_mb {
    display: block;
    float: left;
    line-height: 19px;
    font-size: 12px;
    color: gray;
    text-align: right;
    margin-right: 7px;
    width: 40px;
}
#picmb {
    float: left;
    width: 51px;
    margin-left: 0;
    margin-right: 6px;
    margin-bottom: 5px;
}
.datamb {
    font-size: 13px;
}
.onpay.pago {
    color: #39ccbc;
    background: white;
    border-color: lightgray !important;
}
.pago .tags {
    background: #39ccbc;
}
.pago .mm {
    background: #39ccbc;
}
.pago .yy {
    color: #39ccbc;
}
.pago .dd {
    color: #39ccbc;
}
.pago {
    border-color: #39ccbc!important;
}
.pago .tag1 {
    background: #39ccbc;
}
.pago .fa-check-circle {
    font-size: 15px;
}
#sel1 {
    width: 80%;
    margin: auto;
}
.padding_reg .item-input .input-label {
    padding: 20px;
    color: gray;
    width: 20%;
    text-align: center;
}
.sellabel {
    padding: 20px;
    color: gray;
    width: 20%;
    text-align: center;
}
#pais,
#spais {
    width: 80%;
    margin: auto;
}
.expandvalue {
    font-size: 12px;
    color: #347387;
}
.paybox {
    background: #efefef;
    margin-bottom: 20px;
    padding: 4px;
    padding: 10px;
    color: white;
    border-top-style: solid;
    border-top-width: 10px;
    margin-left: 30px;
    margin-right: 30px;
    border-color: #4aa9c6;
        border-bottom-color: rgb(74, 169, 198);
    border-bottom-style: none !important;
}
.vpq {
    font-size: 10px;
    color: #346f81;
    line-height: 43px;
}
#btn_fire_ {
    margin-left: 30px;
    margin-right: 30px;
}
#pagar {
    color: #fff;
    font-size: 15px;
    background: #4aa9c6;
    padding: 12px;
    border-radius: 2px;
    margin: -1px;
    line-height: 22px;
    text-align: right;
    margin-left: 20px;
    float: right;
}
.line {
    background: #53b4d2;
    width: 100%;
    height: 1px;
}
.details_pay {
    line-height: 10px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #2f87a2;
    margin-left: 30px;
    margin-right: 30px;
}
.dia_show1,
.start_show1,
.end_show1 {
    font-size: 12px;
}
#checkout h2 {
    font-size: 17px;
    color: #989898;
    margin: 20px;
}
#iframe_contaner {
    position: absolute;
    z-index: 99999;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background: white;
}
#back_iframe {
    position: relative;
    width: 100%;
    height: 40px;
    background: #212121;
    color: white;
}
#iframe_cc {
    width: 100%;
    height: 100%;
}
#pay {
    position: fixed;
    z-index: 99999;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background: white;
}
#mbgo_ref img,
#ccgo_ref img {
    width: 100px;
    height: auto
}
#payc {
    text-align: center;
    margin-top: 50%;
}
#fechar_pay {
    padding: 20px;
    font-size: 20px;
    text-align: right;
    float: right;
    color: gray;
}
.spanv {
    font-size: 11px;
    font-weight: bold;
    width: 70px;
    display: inline-block;
}
.inst_edit {
    text-align: center;
    font-size: 12px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #44b3c3;
    color: white;
    font-family: 'Open Sans', sans-serif;
}
#alertas {
    margin-top: 20px;
}
#data_tp_ganho {
    height: 60px;
    background: white;
    color: #73a3b6;
    margin-top: 15px;
    border-radius: 4px;
}
#data_tp_ganho span {
    color: #42acbc;
}
.abertos {
    height: 30px;
    background: #c4d5d8;
    position: relative;
    width: 32.4%;
    display: inline-flex;
    float: left;
    text-align: center;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    margin-left: 2px;
}
.abertos span {
    text-align: center;
    margin: auto;
    font-size: 12px;
}
#msg_filter {
    font-size: 11px;
    padding-left: 17px;
    margin-bottom: 10px;
    color: rgb(76, 193, 210);
    overflow: hidden;
    margin-left: 0;
    margin-right: 15px;
    word-wrap: break-word;
    font-weight: 600;
}
.filt_span {
    color: gray;
}
#nresult {
    text-align: center;
    margin-top: 54px;
    font-size: 20px;
    color: #4cc1d2;
}
#nresult i {
    font-size: 34px;
}
.fa.fa-bullhorn {
    background: #4cc1d2;
    padding: 10px;
    border-radius: 100px;
    color: white;
    box-shadow: 0px 0px 4px lightgray;
}
.signup-bottom {
    background-color: #5fc4df;
    border: 1px solid white;
    text-align: center;
    padding: 6px;
    color: #FFFDFD;
    font-family: 'Source Sans Pro';
    font-weight: 100;
    font-size: 18px;
    width: 100%;
    border-radius: 2px;
    margin-top: 20px;
}
.menu-notify1,
.menu-notify2 {} .pro-link small {
    color: #fff;
}
.cicle_style {
    border-radius: 100px;
    margin-top: 20px;
    border-style: solid;
    border-width: 4px;
    border-color: #42acbc;
}
#s_img_tp {
    position: relative;
    margin: auto;
    top: -8px;
    z-index: 0;
    display: block;
}

#form_progress a {
    text-decoration: none!important
}
#data_tp_cliente {
    color: white;
    font-size: 20px;
    text-align: left;
}
#new {
    margin: 0;
    margin-bottom: 20px;
    margin-top: 10px;
}
#data_tp_name {
    margin-top: 20px;
}
.loading2 {
    margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 20px;
}
#pushes {
    margin-top: 5px;
    overflow: scroll;
    height: calc(100vh - 306px);
    position: absolute;
    top: 300px;
}
.nli {
    text-align: left;
    margin-bottom: 6px;
    display: block;
    background: #fff;
    padding: 10px;
    color: #4cc1d2;
    font-size: 12px;
    margin-top: 11px;
    border-top-style: solid;
    border-top-color: #4cc1d2;
    border-top-width: 4px;
    box-shadow: 2px 0px 2px 1px lightgray;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
#n_left {
    float: left;
    width: 17%;
}
#n_right {
    float: right;
    width: 80%;
    margin-left: 3%;
}
#nimage {
    width: 100%;
}
#nimage1 {
    float: left;
    width: 65px;
    height: auto;
    position: relative;
    top: -5px;
    margin-right: 5px;
    border-radius: 10px;
}
#lpu {
    position: relative;
    width: 147px;
}
.lia_date {
    font-size: 10px;
    color: #999;
}
.lia_title {
    font-size: 12px;
    padding-bottom: 0px;
    display: block;
    margin-top: 10px;
    font-weight: 600;
}
.lia_msg {
    color: #4cc1d2;
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
}
.s_e {
    color: white;
    padding-bottom: 40px;
    width: 86%;
    margin: auto;
    margin-bottom: auto;
    color: #f9f7f6;
    border-style: ;
    border-radius: 5px;
    padding: 14px;
    margin-bottom: 0;
    font-size: 14px;
}
#picch {
    color: #535353;
    font-size: 12px;
}
#img_tp {
    width: 100px;
    height: 100px;
    border-style: solid;
    border-width: 3px;
    border-color: white;
    margin-bottom: 20px;
    box-shadow: 1px 1px 5px 0px rgba(1,1,1,0.5);
}
#img_tp_c {
    width: 100px;
    height: 100px;
    border-style: solid;
    border-width: 3px;
    border-color: white;
    margin-bottom: 20px;
}
#error_pic {
    position: relative;
    width: 100%;
    padding-top: 10px;
}
#error_pic i {
    margin-right: 10px;
    margin-left: 5px;
}
#p_error {
    background: #ffdcaf;
    padding: 2px;
    margin-top: 2px;
    border-radius: 2px;
}
#horas_fim,
#horas_inicio {
    width: 48%;
}
#horas_fim {
    float: right;
}
#horas_inicio {
    float: left;
}
.cpt {
    color: #42acbc;
}
#paytext {
    text-align: center;
    width: 60%;
    margin-top: 20px !important;
    margin: auto;
    margin-top: auto;
    display: block;
    position: relative;
}
#paytext a {
    color: #fff;
    background: #42acbc;
    height: 37px;
    display: block;
    border-radius: 2px;
    padding-top: 5px;
    font-weight: 100;
    box-shadow: 1px 1px 2px 1px lightgray;
}
#paytext i {
    color: #fff;
    font-size: 18px;
    padding-top: 4px;
}
.border-effect2b {
    border: 3px solid #74c9dd;
    background: #23232399;
}
* {
    -webkit-user-select: none;
    user-select: none;
}
input,
textarea,
[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}
#instrucoes {
    background: #54c4cc;
    width: 60%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    text-align: center;
}
#littledots {
    width: 100%;
    height: 30px;
    background: transparent;
    position: absolute;
    bottom: 0;
    margin-bottom: 20px;
    display: flex;
    text-align: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    text-align: center;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: auto;
    padding-left: 20%;
    padding-right: 20%;
    margin-bottom: 20px;
    padding-top: 20px;
}
.ld {
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background: #2e8d93;
}
.ldactive {
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background: #1b585c;
}
.ptitle {
    font-size: 1.2em;
    font-variant-caps: all-petite-caps;
    font-weight: bold;
    text-align: center;
    margin: 10px;
}
.tinst {
    text-align: center;
    overflow: hidden;
    height: 510px;
    margin: 0;
    margin-right: 2px;
    width: 250px;
    text-align: center;
    float: left;
}
.imginst {
    width: 250px;
    height: 440px;
    border-style: solid;
    border-width: 3px;
    border-color: white;
    box-shadow: 1px 1px 5px -1px #36858b;
}
.leg {
    padding-bottom: 10px;
    padding-top: 10px;
    color: #fff;
    font-size: 1.1em;
    font-variant-caps: all-petite-caps;
}
.box_inst span {
    margin: 10px;
    height: 50px;
    overflow: hidden;
    line-height: 16px;
    text-align: left;
    padding: 2px;
    font-size: 12px;
}
#int_1 {
    position: relative;
    display: inline-block;
    left: 0;
}
#int_2 {
    position: relative;
    display: inline-block;
}
#int_3 {
    position: relative;
    display: inline-block;
}
#all_i {
    width: 1500px;
    position: relative;
}
#all_f {
    width: 250px;
    margin: auto;
    overflow: hidden;
    height: 514px;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}
#fardas {
    display: block;
    height: 100vh;
    width: 100%;
    background: white;
    position: absolute;
    z-index: 999;
    text-align: center;
}
#fardas, #fardas_m {
    display: none;
    height: 100%;
    width: 100%;
    background: white;
    position: relative;
    z-index: 999;
    text-align: center;
    background: white;
    margin-bottom: 20px;

}
.lc {
    width: 30px;
    height: 30px;
    top: 75px;
    position: relative;
    left: 0;
    position: absolute;
    color: #42acbc;
    font-size: 30px;
    z-index: 99999;
}
.rc {
    width: 30px;
    height: 30px;
    z-index: 99999;
    top: 75px;
    position: relative;
    right: 0;
    position: absolute;
    color: #42acbc;
    font-size: 30px;
}
#fardas_row {
    background: white;
    margin-bottom: 1px;
    position: relative;
    width: 80%;
    margin: auto;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #d2cbcb;
}
.fardas_box {
    width: 150px;
    height: 150px;
    background: #ede7e7;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-top: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
.img_roupa {
    position: relative;
}
.cfardas {
    background: #42acbc;
    padding: 10px;
    border-radius: 5px;
    color: white;
    font-size: 12px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    text-align: center;
}
#tipo_fardas_f-button,
#tipo_fardas_m-button {
    text-align: center;
    width: 80% !important;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-left: 14%;
    margin-top: 25px;
    margin-bottom: 10px;
}
.txt_fardas div span {
    background: #42acbc;
    color: white;
    padding: 5px;
    margin: 3px;
    font-size: 10px;
    border-radius: 5px;
    text-align: center;
}
.txt_fardas {
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    border-color: lightgray;
    display: block;
    min-width: 214px;
}
.cfg_txt {
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    background: transparent;
    color: #33909e;
    padding-bottom: 5px;
}
#s_m,
#s_f {
    word-wrap: break-word;
    word-break: break-all;
    white-space: nowrap;
}
#t_farda span {
    background: #42acbc;
    color: white !important;
    padding: 4px;
    margin-left: 2px;
    font-size: 10px;
    border-radius: 4px;
}
.fardas_title {
    clear: both;
    font-size: 12px;
    text-align: left;
    border-style: solid;
    border-width: 7px;
    border-color: white;
    width: 300px;
    margin-bottom: 5px;
    text-align: center;
    margin: auto;
    width: 200px;
}
.fardas_i {
    margin-right: 3px !important;
    margin-right: auto;
    width: 50px;
    height: auto;
    overflow: hidden;
    display: block;
    float: left;
}
.fardas_i p {
    font-size: 10px;
    display: block;
    line-height: 9px;
    padding: 5px;
    text-align: center;
    word-break: initial;
    white-space: normal;
}
.title_gener {
    color: gray;
    padding: 3px;
    margin: 3px;
    font-size: 9px;
    border-radius: 5px;
    text-align: center;
    margin-right: auto;
}
.color_f {
    border-color: #f38dee!important;
    color: gray;
    border-width: 1px;
}
.color_m {
    border-color: #29b6cc !important;
    color: gray;
    border-width: 1px;
}
.male {
    font-size: 15px;
    color: #42acbc;
}
.female {
    font-size: 15px;
    color: #42acbc;
}
.alertp {
    font-size: 14px;
    width: 100%;
    text-align: left;
    display: block;
    clear: both;
    text-align: left;
    color: #42acbc;
    margin-top: 22px;
    padding: 2px;
    padding-left: 2px;
    padding-left: 2px;
    display: block;
    top: -24px;
    position: relative;
    padding-left: 30px;
}
#tp_ul>li>i {
    width: 25px;
    display: block;
    float: left;
}
.fardas_i.iconf {
    width: 20px !important;
    height: 20px !important;
    float: left;
    top: 20px;
    position: relative;
}
.fa.fa-asterisk,
.fa-bank {
    color: #42acbc !important;
}
.sub_dates li {
    background: #eaeff0;
    margin-bottom: 2px;
    color: white !important;
    border-radius: 4px;
    padding: 4px;
}
.fa.fa-chevron-right {
    margin-left: 30PX;
    display: inline-block;
    color: #9ecad1 !important;
}
.blink_me .fa.fa-clock-o {
    font-size: 31px;
    display: block;
    margin-bottom: 5px;
}
#load_p {
    height: 100%;
    background: #333;
    position: absolute;
    z-index: 99999;
    width: 100%;
    display: block;
}
#load_p > div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
}
.pd{
    height: 30px;
    line-height: 21px;
    margin-bottom: 15px;
    display: block;
    margin-left: 30px;
    margin-right: 30px;
}
.tpay {
    margin-top: 15px;
    padding-bottom: 40px;
    margin-left: 30px;
    margin-right: 30px;
    background: #EAEFF0;
    color: #42acbc;
    font-size: 12px;
    padding: 4px;
    border-bottom-style: none !important;
    border-radius: 4px;
}
#promo_content {
    text-align: center;
    margin: auto;
        margin-top: auto;
        margin-right: auto;
        margin-left: auto;
    margin-top: 0px !important;
    margin-right: auto;
    margin-left: auto;
    background: white;
    margin-top: 30px;
    width: 100%;
    margin-left: 30px;
    margin-right: 30px;
}
.tag_book {
    bottom: 20px;
    position: absolute;
    right: 0;
    background: white;
    font-size: 11px;
    padding-top: 2px;
    color: gray;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 34px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    border-left-style: solid;
    border-left-width: 4px;
    border-left-color: #4cc1d2;
}
.bookinfo {
    position: absolute;
    left: 100%;
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
    display: none;
    overflow-x: hidden;
}
.menu_temp > div {
    top: 27px;
    position: relative;
    color: white;
}
.bookinfo .bimage img, .bimage1 {
    height: auto;
    width: 100%;
    display: block;
}
.obook {
    background: white;
    padding: 0;
    min-width: 320px;
}
.info_p {
    position: absolute;
    left: 100%;
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
    display: none;
    overflow-x: hidden;
}
.bimage {
    height: 186px;
    overflow: hidden;
    background: #292727;
}
.bimage1 img {
    width: 100% !important;
    height: auto;
    min-width: 320px;
    min-height: 150px;
}

.htxt {

    border-radius: 4px;
    background: #eaeff0;
    color: #42acbc !important;
    font-size: 1em;
    padding: 10px;
}
.bimage1 {
    height: auto;
    overflow: hidden;
    width: auto;
    min-width: 320px;
}
.ptxt1 {
    display: none;
    overflow: hidden;
    margin-bottom: 20px;
    color: gray;
}
.photo_slider img {
    width: 100%;
    float: left;
    top: 0;
    position: absolute;
    left: 0;
}
.photo_slider {
    width: 100%;
    min-height: 280px;
    position: relative;
    overflow: hidden;
}
.photo_slider .fa-chevron-circle-left {
    z-index: 999;
    position: absolute;
    text-align: ;
    top: 0;
    color: white;
    font-size: 30px;
    top: 45%;
    left: 20px;

}
.photo_slider .fa-chevron-circle-right {
    z-index: 999;
    position: absolute;
    text-align: ;
    top: 0;
    color: white;
    font-size: 30px;
    top: 45%;
    right: 20px;
}


.gallery li{display:none; list-style:none;}
.gallery li:first-child {display:block;}

.gallery img {
    max-height:550px;
    min-height:300px;
}
.tag_book_o {
    right: 0;
    position: absolute;
    background: white;
    font-size: 11px;
    padding-top: 2px;
    color: gray;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 34px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    border-left-style: solid;
    border-left-width: 4px;
    border-left-color: #4cc1d2;
    z-index: 99999999;
    width: auto;
    bottom: 30px;
}
.bookbt {
    padding: 30px;
}
.bti {
    padding: 5px;
    color: gray;
}
.ptxt1 img {
    width: 100%;
    padding: 10px;
}
.ptag1 {
    margin-top: 20px;
    position: relative;
    display: block;
    background: white;
    width: auto;
    padding: 20px;
    color: #61acbc;
   
    margin-bottom: 0;
    padding-bottom: 0;
}
.ptag1 span {
    font-size: 11px;
    color: gray;
    display: block;
}
.btt_p {
    background: #42acbf;
    border: none;
    padding: 10px;
    width: 80%;
    margin: auto;
    display: block;
    color: white;
    font-size: 1em;
    border-radius: 4px;
}
.subpr {
    font-size: 1em;
    display: block;
    color: #42acbf;
    margin-top: 10px;
    border-width: 1px;
    background: #eaeff0;
    padding: 5px;
    width: 100%;
    text-align: left;
}
.subt {
    font-size: 1em;
    color: gray;
    font-size: 11px;
}
.ti {
    display: block;
    font-size: 1.1em;
    color: #42acbf;
}
.kitx {
    background: #eaeff0;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}
#olympGallery {
    min-height: 300px;
    overflow: hidden;
}
#olympGallery li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ppp .fa {
    margin-right: 10px;
}
.ptag1 span {
    font-size: 11px;
    color: gray;
    display: block;
}
.item_cl {
    background: #eaeff0;
    margin: 2px;
    float: left;
    color: #42acbf !important;
    border-radius: 3px;
    font-size: 9px !important;
    min-width: calc(50% - 5px);
    max-width: calc(50% - 5px);
    text-align: center;
    height: 20px;
    line-height: 20px;
}
.ppp {
    text-align: center;
    margin-bottom: 1px;
    padding-bottom: 10px;
    color: #42acbc !important;
}
.hlt {
    background: #eaeff0;
    font-size: 12px;
    padding: 4px;
    color: #42acc5;
    border-radius: 4px;
}
.fa.fa-caret-left {
    font-size: 26px;
    margin-right: 10px;
 color: white;
    line-height: ;
}
.fa.fa-caret-left span {
    font-size: 15px;
    color: white;
    top: -4px;
    position: relative;
    margin-left: 5px;
}
.block {
    width: 100px;
    height: 100%;
    background: #318b9b;
    left: 0;
    top: 0;
    padding: 7px;
        padding-left: 7px;
    padding-left: 15px;
    box-shadow: inset 3px 2px 4px rgba(10,10,10,0.3);
}
#tab_profile li p {
    min-height: 18px !important;
    padding-top: 5px;
}
.img_ev_glass {
    position: absolute;
    top: 20px;
    z-index: 0;
    left: 0;
       opacity: 0.6;
}
.photo_glass_p {
    position: absolute;
    top: 20px;
    z-index: 1;
    opacity: 0.7;
}
.gls1 {
    pointer-events: none;
    position: absolute;
    top: 0px;
    z-index: 1;
    opacity: 0.5;
    left: 0;
}
.img_prv_glass {
    position: absolute;
    top: 256px;
    z-index: 999;
    border-radius: 100%;
    opacity: 0.6;
}
.glass_pr {
    position: absolute;
    top: 60px;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    opacity: 1;
}
.p_shadows {
    border-radius: 100px;
    margin-top: 20px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}
.client_profile{
    background:white;
    height:220px;

    background-size: 100% 100%;
}
#top_ev {
    background: #42acbc;
        background-image: none;
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-image: none;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    color: white;
    width: 90%;
    margin: auto;
        margin-top: auto;
    margin-top: auto;
    margin-top: auto;
    margin-top: auto;
    margin-top: auto;
    margin-top: 20px;
    min-width: 320px;
    background-image: url("../images/bglogo.png");
    background-blend-mode: soft-light;
    background-position-x: -1px;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-size: 150px;
}
.title_name {
    color: white;
    font-size: 20px;
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
}
.inst_edit ul li {
    background: #44b3c3;
    width: 100%;
    color: white;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    padding: 0;
        padding-right: 0px;
}
.pinactive {
    background: #484848;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9999;
    color: white;
    padding-top: 50%;
    font-size: 12px;
    opacity: 0.9;
}
.msg_db {
    background: #3393a1!important;
    color: white;
    padding: 5px!important;
    margin: 0px;
}
.msg_inactive {
    background: red;
    margin-top: 4px;
    padding: 5px;
}
#start_inst {
    width: 100%;
    position: relative;
    margin: auto;
   margin-top: auto;
 margin-bottom: auto;
    text-align: center;
    color: gray;
    height: auto;
    font-size: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.bullet_list {
    width: 100%;
    display: block;
    padding: 5px;
    background: #eaeff0;
    margin-bottom: 4px;
    color: #42acbf;
    padding: 6px;
    border-radius: 2px;
}
.bullet_list i {
    margin-right: 10px;
    color: #42acbf;
    font-size: 15px;
}
.topbar_tp1 i {
    color: white;
    font-size: 20px;
}
.topbar_tp i {
    color: white;
    font-size: 20px;
}
.btt_p1 {
    border: none;
    background: #42acbf;
    color: white;
    padding: 6px;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 130px !important;

    font-size: 11px;
    font-weight: normal;
}
.tg {
    width: 100%;
}
.tg1 {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100% !important;
}
.mcol_tg2 {
    width: 90% !important;
    font-size: 12px;
    font-variant: ;
    font-weight: normal;
    background: white;
    padding: 5px;
    color: #42acbf;
}
.rfs img {
    width: 80px;
    height: 80px;
}
.rfs {
    background: white;
    padding: 5px;
    border-radius: 3px;
    text-align: center;
}
.rfs span {
    font-size: 13px;
    line-height: 21px;
    display: inline-block;
}
.mcol_tg1 {
    width: auto;
    font-size: 17px;
    background: #fff;
    text-align: center;
    color: #42acbf;
}
.payd {
 
    padding: 20px;
    color: #439ca9;
}
.co {
    background: #44b3c3;
    
    width: 100%;
    height: 105%;
    z-index: 993295932953295929359329592395999;
    position: absolute;
    top: -3px !important;
    display: block;
    opacity: 0.9;
    top: 6px;
    border-radius: 3px;
    text-align: center;
    color: white;
    padding-top: 50px;
    font-size: 20px;
    overflow: hidden;

    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
       background-image: url("../images/bghide.png");
    background-repeat: no-repeat;

}
#share_div img {
    width: 20px;
    top: 5px;
    position: relative;
    left: -23px;
}
#share_div {
    width: 113px;
    height: 35px;
    background: #232d36;
    position: absolute;
    color: #fff;
    font-size: 9px;
    left: 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    line-height: 15px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.18);
}
#share_div span {
    width: 73px;
    display: ;
    word-wrap: break-word;
    position: relative;
    top: 10px;
    display: block;
    line-height: 10px;
    float: right;
    margin-left: -54px;
}
.share_work {
    color: white;
    font-size: 12px;
    right: 30px;
    position: absolute;
    background: #42acbc;
    padding: 4px;
        padding-right: 4px;
        padding-left: 4px;
    border-bottom-right-radius: 2px;
    top: -2px;
    border-bottom-left-radius: 2px;
    padding-left: 10px;
    padding-right: 10px;
}
#share_this_work {
    background: #42acbc;
        background-image: none;
        background-repeat: repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-image: none;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    width: 600px;
    height: 300px;
    position: absolute;
    padding: 7px;
    z-index: 10;
    background-image: url("../images/share_i.png");
    background-position: top right;
    background-repeat: no-repeat;
}
#smaller_div {
    text-align: left;
    background: transparent;
    height: 284px;
    width: 586px;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    padding: 30px;
}
    #logo_share {
    position: absolute;
    top: 15px;
    right: 30px;
    width: 100px;
}
#share_title {
    font-size: 20px;
    color: white;
}
#share_adress {
    color: white;
    font-size: 17px;
}
#share_empresa {
    color: white;
    font-size: 20px;
}
#share_vagas {

    color: white;
    font-size: 14px;
    border-bottom-style: solid;
    border-width: 1px;
    width: 276px;
    display: block;
    margin-top: 4px;

}
#share_down {
    position: absolute;
    bottom: 21px;
    color: white;
    text-align: center;
    font-size: 13px;
    left: 36px;
}
#share_desc {
    position: absolute;
   
    color: white;
}
#share_datas li {
    width: 270px;
    color: white;
    height: 17px;
    display: block;
}
#share_place {

    color: #ffea00;
    font-size: 18px;
    margin-left: 5px;
    background: transparent;
    padding: 5px;
    border-radius: 4px;

}
#share_datas {
    width: 300px;
    height: 100px;
    display: block;
    overflow: hidden;
    padding-top: 10px;
}
#share_datas .dia_show1 {

    padding-right: 4px;
    margin-right: 4px;
    color: #ffea00;
    background: transparent;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    border-radius: 2px;
    font-size: 14px !important;
    padding: 2px;

}
#share_datas .nh_show1 {

    color: #ffea34;
    font-size: 11px;
    padding: -10px;
    display: block;
    width: 28px;
    float: right;
    text-align: center;
    background: transparent;
    border-radius: 2px;

}