@charset "utf-8";
html *{ margin:0; }
html{ background-color:#f8f8f4; background-image:-moz-linear-gradient(center top, #f3f3ec, #f8f8f4);
	background-image:linear-gradient(top, #f3f3ec, #f8f8f4); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3ec',EndColorStr='#f8f8f4' );
	background-repeat:no-repeat; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
html.no-cssgradients{ background-color:#aaa; }
.ie6 html{ height:100%; }
/*
body{ background-color: transparent !important; margin:0 auto; padding: 0px; min-width:960px; overflow-x:hidden; font-size: 75%; }
*/
body{ background-color: transparent !important; margin:0 auto; padding: 0px; overflow-x:hidden; width: 100%; }
.ie6 body, .ie7 body, .ie8 body{ border-width:0 1px; }
.ie6 body{ height:100%; }
a:link,a:visited,a:hover{ color:#555555; text-decoration:none; }
a:hover,a:active{ outline:none; }
ul{ padding:0; }
img{ border:0; }
body, div, td, span, th, tr, a, h1, h2, h3, h4, h5, h6, input,select,textarea{ font-family:'GudeaRegular', georgia; }
.loading-app { background-color: #000; }

strong, b { font-family: 'GudeaBold', georgia; }





/*
p{ line-height:17px !important; margin:0 !important; text-align:justify !important; }
*/

/*
input, input[type="password"], input[type="search"], isindex, textarea { font-size: 11px; outline: 0; -webkit-appearance: textfield; background-color: #FFF; border: 2px solid;
border-color: #CCC; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial;
border-image-repeat: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; color: #554848; letter-spacing: normal;
word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; -webkit-writing-mode: horizontal-tb; }
*/


input[type="text"], input[type="email"], input[type="tel"], select, input[type="password"], input[type="search"], isindex, textarea {
    font-weight: 400; font-size: 14px; line-height: 1.42857; margin: 0; outline-offset: 0; outline-style: none; outline-width: 0;
    -webkit-font-smoothing: inherit; background-image: none; border: 0; line-height: 16px; }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="text"][disabled]{ background-color: #e4e4e4 !important; }

textarea { resize: none; width: 100%; }
.input-label { width: 100%; display: table; padding: 7px 10px 7px 0; color: #444; font-size: 16px; }
.list-inset { margin: 0 !important; border-radius: 0 !important; background: transparent; }
.item-input { margin-bottom: 10px; }
.item-input input[type=text],
.item-input input[type=password],
.item-input input[type=email],
.item-input input[type=number],
.item-input input[type=tel] { width: 100%; display: block; font-size: 11px; color: #666666; background: #fff; border: 2px solid #CCC;
border-radius: 0px !important; -webkit-border-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; padding: 7px 7px 7px 7px; height: 34px; }
.item-input input[type=text]::-webkit-input-placeholder,
.item-input input[type=password]::-webkit-input-placeholder,
.item-input input[type=email]::-webkit-input-placeholder,
.item-input input[type=number]::-webkit-input-placeholder,
.item-input input[type=tel]::-webkit-input-placeholder { color: #A0A0A0; }
.item-input input[type=text]::-ms-input-placeholder,
.item-input input[type=password]::-ms-input-placeholder,
.item-input input[type=email]::-ms-input-placeholder,
.item-input input[type=number]::-ms-input-placeholder,
.item-input input[type=tel]::-ms-input-placeholder { color: #A0A0A0; }
.item-input input[type=text]::placeholder,
.item-input input[type=password]::placeholder,
.item-input input[type=email]::placeholder,
.item-input input[type=number]::placeholder,
.item-input input[type=tel]::placeholder { color: #A0A0A0; }
.item-input input[type=radio] { width: auto !important; }
.item-input input[type=checkbox] { width: auto !important; }
.item-input textarea { border-radius: 0px !important; -webkit-border-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; padding: 13px 8px 13px 15px;  border: 2px solid #CCC; }
.item-input textarea::-webkit-input-placeholder,
.item-input textarea::-ms-input-placeholder,
.item-input textarea::placeholder { color: #A0A0A0; }
.item-input .input-label { color: #666; margin-bottom: 5px; }
.item-input .avatar { width: 100%; border-radius: 50%; }
.item-input-no-label { margin-top: 24px; }
.bootstrap-select { height: 34px; width: 100%; }
.bootstrap-select button { border-radius: 0px; }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn):not(.bs-container) {  width: 100% !important; }
.bootstrap-select>.dropdown-toggle { height: 100%; }
.bootstrap-select .glyphicon { top: 2px; margin-right: 10px; }
.bootstrap-select.btn-group .dropdown-menu { }
.bootstrap-select.btn-group .dropdown-menu li a span.text { font-size: 14px; }
.bootstrap-select.btn-group .dropdown-menu.inner { background: transparent; text-transform: uppercase; }
.bootstrap-select.show-tick .dropdown-menu { width: 100%; }
.bootstrap-select.show-tick .dropdown-menu li a span.text { width: 95%; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.bootstrap-select.btn-group .dropdown-menu li.disabled a { color: #CCC; }
.bootstrap-select.btn-group .dropdown-menu .icon-selectpicker { }
.bootstrap-select.btn-group .dropdown-menu .icon-selectpicker span.text { margin-left: 15px; }
.dropdown-menu .dropdown-header { font-size: 18px; cursor: default; color: #fbb75a; }
.bootstrap-select .disabled-selectpicker-modal { cursor: pointer !important; opacity: 1 !important; }
.bootstrap-select .dropdown-menu li .highlights { background: #f0dcc6; }
.container-selectpicker { /* position: absolute; */  }
.container-selectpicker .bootstrap-select { z-index: 100000; }
.container-selectpicker input { border: 1px solid #ddd; }
.btn-select { text-transform: lowercase !important; color: #666666; font-size: 13px !important; background: #fff; border: 2px solid #CCC !important; height: 34px !important; }
.item-input-center { text-align: center; }
.item-input-center input { display: inline-block; }
.item-toggle label { display: block; }
.item-help { cursor: pointer; }
.item-not-label input { margin-top: 23px; }

.iti { display: block !important; }

.font-bold { font-weight: 700; font-family: 'GudeaBold'; }

.btn-checkbox span.glyphicon { opacity: 0; }
.btn-checkbox.active span.glyphicon { opacity: 1; margin-right: 7px; }
.btn-checkbox { margin: 5px; }
.btn-checkbox.active.focus,
.btn-checkbox.active:focus,
.btn-checkbox:active:focus,
.btn-checkbox:active.focus,
.btn-checkbox.focus { outline: none !important; outline-offset: none !important; }
.btn-checkbox.active, .btn-checkbox:active { background-image: none; outline: 0; -webkit-box-shadow: none !important; box-shadow: none !important; }
.btn-checkbox:last-child { margin-right: 0px !important; }

.btn-radio { margin-right: 5px; height: 34px; }
.btn-radio span.glyphicon { opacity: 0; }
.btn-radio.active span.glyphicon { opacity: 1; margin-right: 7px; }
.btn-radio.active.focus,
.btn-radio.active:focus,
.btn-radio:active:focus,
.btn-radio:active.focus,
.btn-radio.focus { outline: none !important; outline-offset: none !important; }
.btn-radio.active, .btn-radio:active { background-image: none; outline: 0; -webkit-box-shadow: none !important; box-shadow: none !important; }
.btn-radio:last-child { margin-right: 0px !important; }

input.loading { /* padding-right: 30px; */ background-image: url(../../public/image/theme/loading-system.gif) !important; background-position: right center !important; background-repeat: no-repeat !important; background-size: 25px !important; background-origin: content-box !important; /* background-position-x: 115% !important; */ }
.has-feedback input { padding-right: 30px; }
.has-loading .form-control-feedback { display: none; }
.has-feedback .form-control-feedback { color: #CCC; }


.modalPix {}
.modalPix .item-copy-qrcode { text-align: center; text-transform: uppercase; display: block; cursor: pointer; color: #337ab7; }
.modalPix .item-copy-qrcode:hover { color: #fbb75a; }

/* .list-group-item { user-select: none; }
.list-group input[type="checkbox"] { display: none; }
.list-group input[type="checkbox"] + .list-group-item { cursor: pointer; }
.list-group input[type="checkbox"] + .list-group-item:before { content: "\2713"; color: transparent; font-weight: bold; margin-right: 1em; }
.list-group input[type="checkbox"]:checked + .list-group-item { background-color: #0275D8; color: #FFF; }
.list-group input[type="checkbox"]:checked + .list-group-item:before { color: inherit; }
.list-group input[type="radio"] { display: none; }
.list-group input[type="radio"] + .list-group-item { cursor: pointer; }
.list-group input[type="radio"] + .list-group-item:before { content: "\2022"; color: transparent; font-weight: bold; margin-right: 1em; }
.list-group input[type="radio"]:checked + .list-group-item { background-color: #0275D8; color: #FFF; }
.list-group input[type="radio"]:checked + .list-group-item:before { color: inherit; } */

input[readonly="true"], input[readonly] { background: #ececec !important; border: 2px solid #CECECE; color: #333; }
input[readonly="true"]:hover, input[readonly]:hover { background: #ececec !important; border: 2px solid #CECECE; color: #333; }
textarea[readonly="true"], textarea[readonly] { background: #ececec !important; border: 2px solid #CECECE; color: #333; }
button.disabled { background: #ececec !important; border: 2px solid #CECECE; color: #333; }
.input-disable { background: #ececec; background-color: #ececec !important; border: 2px solid #CECECE; color: #333; }
.item-left { float: left;}
.item-right { float: right;}
.item-info { margin: 10px 0px; color: #868990; }
.item-obs { margin: 10px 0px; color: #777; font-size: 14px; }

.tablesorterSystem { width: 100%; }
.tablesorterSystem .even { background: #FFF; }
.tablesorterSystem .even:hover { background: #d6d6d6 !important; }
.tablesorterSystem .odd { background: #f7f6f6 ; }
.tablesorterSystem .odd:hover { background: #d6d6d6 !important; }
.tablesorterSystem .select { background: #268aac !important; color: #FFF; }
.tablesorterSystem .select:hover { background: #268aac !important; }
.tablesorterSystem .select ::before { color: #FFF; }
.tablesorterSystem .select div { color: #FFF !important; }
.scrollBarSystem { background: #eaeaea; }
.scrollBarSystem .mCSB_container { margin-right: 0px !important; }
.scrollBarSystem .mCSB_scrollTools { z-index: 10000; }
.scrollBarSystemHor { width: 100%; }
.scrollBarSystemHor .mCSB_horizontal { width: 100%; overflow: hidden; }
.pointer { cursor: pointer; }
.window-open { cursor: pointer; }



.ranking-data { }
.ranking-data.size-12 img { width: 12px; }
.ranking-data.size-20 img { width: 20px; }
.ranking-data.size-30 img { width: 30px; }
.ranking-data.size-50 img { width: 50px; }

.error-field { border-color: rgba(255, 0, 0, 0.4) !important; }
.error-field .dropdown-toggle { border-color: rgba(255, 0, 0, 0.4) !important; }

label { display: block; color: #868990; font-size: 10px; }
#search-container { position: absolute !important; z-index: 100070; border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.3); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
#search-container ul { margin: 0px; }
#search-container .mCustomScrollBox { background: #e9edef; }
#search-container .list-group-item { height: 100%; display: flow-root; }
#search-container .list-avatar { cursor: pointer; }
#search-container .pointer { cursor: pointer; }
#search-container .list-avatar:hover { background: #CCC; }
#search-container .list-avatar .bx { height: 50px; width: 100%; display: flex; }
#search-container .list-avatar .bx .photo { float: left; width: 50px; height: 50px; }
#search-container .list-avatar .bx .photo img { width: 50px; }
#search-container .list-avatar .bx .icon { float: left; width: 50px; height: 50px; }
#search-container .list-avatar .bx .icon i { font-size: 36px; }
#search-container .list-avatar .bx .box-txt { float: left; margin-left: 10px; line-height: 50px; width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#search-container .list-avatar .bx .box-txt-subtitle { float: left; margin-left: 10px; padding: 8px 0px; width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#search-container .subtitle { width: 100%; float: left; color: #ccc; font-size: 11px; }
#search-container .txt { width: 100%; float: left; }
#search-container .new { color: #637cf3; }
#search-container .error { color: #ff3838; }

.tooltip-help { cursor: pointer; border-radius: 7px; background-color: #777; color: #fff; }
.tooltip-help:hover { background-color: #fbb75a; }

.navigation-system .navigation-tab { height: 100%; margin-top: 10px; display: flex; margin-left: 5px; }
/* .navigation-system .navigation-tab { height: 30px; margin-left: 5px; } */
.navigation-system .navigation-tab div {  margin-left: 5px;  width: 100%; font-size: 12px; cursor: pointer; color: #CCC; text-align: center; text-transform: uppercase; background: rgb(32, 144, 148); padding: 5px 5px; text-align: center; }
.navigation-system .navigation-tab div:first-child { margin-left: 0px !important; }
.navigation-system .navigation-tab div.on { color: #FFF; background: #4DC5DB; }
.navigation-system .navigation-tab div.disable { background: #73867F; opacity: 0.3; cursor: default !important; }

.modal-header .close { height: 28px; font-size: 35px !important; line-height: 0 !important; }
.modal-header .modal-title { text-transform: uppercase; }
#modalHashToken { z-index: 10000 !important; }
#modalHashToken .modal-dialog { margin-top: 50px; width: 500px; }
#modalHashToken .modal-header { text-align: center; background: #208dab; color: #fff; }
#modalHashToken .modal-footer { text-align: center; }
#modalHashToken .modal-footer button { margin: 20px; min-width: 115px; }
#modalPassword { z-index: 10000 !important; }
#modalPassword .modal-dialog { margin-top: 50px; width: 500px; }
#modalPassword .modal-header { text-align: center; background: #208dab; color: #fff; }
#modalPassword .modal-footer { text-align: center; }
#modalPassword .modal-footer button { margin: 20px; min-width: 115px; }
#modalConfirm { z-index: 100000 !important; }
#modalConfirm .modal-dialog { margin-top: 50px; width: 500px; }
#modalConfirm .modal-header { text-align: center; background: #208dab; color: #fff; }
#modalConfirm .modal-footer { text-align: center; }
#modalConfirm .modal-footer button { margin: 20px; min-width: 115px; }
#modal { }
#modal .modal-dialog { margin-top: 50px; }
#modal .modal-header { text-align: center; background: #fbb75a; color: #fff; }
#modal .modal-info { margin: 20px 0px; color: #666666; }
#modal .modal-footer { text-align: center; }

#modal-activate {  }
#modal-activate .modal-dialog { margin-top: 50px; width: 500px; }
#modal-activate .modal-header { text-align: center; background: #208dab; color: #fff; }
#modal-activate .modal-footer { text-align: center; }
#modal-activate .modal-footer button { margin: 20px;  min-width: 115px; }

#modal-payment { }
#modal-payment .modal-dialog { margin-top: 50px; width: 700px; }
#modal-payment .modal-header { text-align: center; background: #ff5722; color: #fff; }
#modal-payment .modal-footer { text-align: center; }
#modal-payment .modal-footer button { margin: 20px;  min-width: 115px; }

#modal-payment-email {  }
#modal-payment-email .modal-dialog { margin-top: 50px; width: 400px; }
#modal-payment-email .modal-header { text-align: center; background: #b9352b; color: #fff; }
#modal-payment-email .modal-footer { text-align: center; }
#modal-payment-email .modal-footer button { margin: 20px;  min-width: 115px; }

#modal-method {  }
#modal-method .modal-dialog { margin-top: 50px; width: 600px; }
#modal-method .modal-header { text-align: center; background: #ff5722; color: #fff; }
#modal-method .modal-footer { text-align: center; }
#modal-method .modal-footer button { margin: 20px;  min-width: 115px; }

#modal-extract { }
#modal-extract .modal-dialog { margin-top: 50px; width: 500px; }
#modal-extract .modal-header { text-align: center; background: #337ab7; color: #fff; }
#modal-extract .modal-footer { text-align: center; }
#modal-extract .modal-footer button { margin: 20px;  min-width: 115px; }

#modal-license { }
#modal-license .modal-dialog { margin-top: 50px; width: 500px; }
#modal-license .modal-header { text-align: center; background: #337ab7; color: #fff; }
#modal-license .modal-footer { text-align: center; }
#modal-license .modal-footer button { margin: 20px;  min-width: 115px; }

#modal-second .modal-dialog { margin-top: 50px; }
#modal-second .modal-header { text-align: center; background: #208dab; color: #fff; }
#modal-second
#modal-second .modal-info { margin: 20px 0px; color: #666666; }
#modal-second .modal-footer { text-align: center; }

#modal-third .modal-dialog { margin-top: 50px; }
#modal-third .modal-header { text-align: center; background: #208dab; color: #fff; }
#modal-third
#modal-third .modal-info { margin: 20px 0px; color: #666666; }
#modal-third .modal-footer { text-align: center; }
#modal-fourth .modal-dialog { margin-top: 50px; }
#modal-fourth .modal-header { text-align: center; background: #208dab; color: #fff; }
#modal-fourth
#modal-fourth .modal-info { margin: 20px 0px; color: #666666; }
#modal-fourth .modal-footer { text-align: center; }

#modal-contact { }
#modal-contact .modal-dialog { margin-top: 50px; }
#modal-contact .modal-header { text-align: center; background: #208dab; color: #fff; }
#modal-contact
#modal-contact .modal-info { margin: 20px 0px; color: #666666; }
#modal-contact .modal-footer { text-align: center; }

#modal-contact-second {  }
#modal-contact-second .modal-dialog { margin-top: 50px; }
#modal-contact-second .modal-header { text-align: center; background: #44c5dd; color: #fff; }
#modal-contact-second
#modal-contact-second .modal-info { margin: 20px 0px; color: #666666; }
#modal-contact-second .modal-footer { text-align: center; }

#modal-basket {  }
#modal-basket .modal-dialog { margin-top: 50px; }
#modal-basket .modal-header { text-align: center; background: #7b2cbf; color: #fff; }
#modal-basket .modal-info { margin: 20px 0px; color: #666666; }
#modal-basket .modal-footer { text-align: center; }

#modal-basket-second {  }
#modal-basket-second .modal-dialog { margin-top: 50px; }
#modal-basket-second .modal-header { text-align: center; background: #16697a; color: #fff; }
#modal-basket-second .modal-info { margin: 20px 0px; color: #666666; }
#modal-basket-second .modal-footer { text-align: center; }

#modal-contact-third { }
#modal-contact-third .modal-dialog { margin-top: 50px; }
#modal-contact-third .modal-header { text-align: center; background: #fab941; color: #fff; }
#modal-contact-third
#modal-contact-third .modal-info { margin: 20px 0px; color: #666666; }
#modal-contact-third .modal-footer { text-align: center; }

#modal-help { z-index: 10000; }
#modal-help .modal-dialog { margin-top: 50px; }
#modal-help .modal-header { text-align: center; background: rgb(182, 115, 159); color: #fff; }
#modal-help .modal-info { margin: 20px 0px; color: #666666; }
#modal-help .modal-footer { text-align: center; }
#modal-term .modal-dialog { margin-top: 50px; }
#modal-term .modal-header { text-align: center; background: #87a9a9;; color: #fff; }
#modal-term .modal-info { margin: 20px 0px; color: #666666; }
#modal-term .modal-footer { text-align: center; }
/* #modal-selectpicker .modal-dialog { margin-top: 50px; }
#modal-selectpicker .modal-header { text-align: center; background: rgb(97, 87, 94); color: #fff; }
#modal-selectpicker .modal-info { margin: 20px 0px; color: #666666; }
#modal-selectpicker .modal-footer { text-align: center; } */
#modal-postit .modal-dialog { margin-top: 50px; }
#modal-postit .modal-header { text-align: center; background: #9E9E9E; color: #fff; }
#modal-postit .modal-info { margin: 20px 0px; color: #666666; }
#modal-postit .modal-footer { text-align: center; }
#modal-postit textarea { background: rgb(255, 240, 70); }


.icon-google { background: url('../../public/image/icons/partners/google-icon.svg') no-repeat top left; background-size: contain; display: inline-block; height: 20px; width: 20px; }
.icon-google-meet { background: url('../../public/image/icons/partners/google-meet.svg') no-repeat top left; background-size: contain; display: inline-block; height: 23px; width: 23px; }


.bt-help-modal { cursor: pointer; }
.bt-help-modal:hover { color: #f44336; }

.btn-50 { width: 50px !important; font-size: 7px !important; }
.btn-55 { width: 55px !important; font-size: 8px !important; }
.btn-70 { width: 70px !important; font-size: 9px !important; margin-bottom: 3px !important; }
.btn-100 { width: 100px !important; }
.btn-110 { width: 110px !important; }
.btn-120 { width: 120px !important; }
.btn-150 { width: 150px !important; }
.btn-200 { width: 200px !important; }
.btn-205 { width: 205px !important; }
.btn-250 { width: 250px !important; }
.btn-280 { width: 280px !important; }
.btn-300 { width: 300px !important; }
.bx-size-100 { cursor: pointer; width: 100px; }
.bx-size-150 { cursor: pointer; width: 150px; }
.bx-size-200 { cursor: pointer; width: 200px; }
.bx-size-205 { cursor: pointer; width: 205px; }
.btn-small { font-size: 8px !important; }

.loading-body { opacity: 1 !important; }

.modal-content { overflow: hidden; background: #ececec !important; }
.loading-overlay { z-index: 40030 !important; }
.btn { text-transform: uppercase; }
.pac-container { z-index: 40020; }
.input-group-addon.cursor-pointer { cursor: pointer; }
.input-group-addon.select { background: #337ab7; color: #fff; }
.input-group-addon.disabled { cursor: none !important; opacity: 0.3 !important; }
.input-group-second { margin-top: 10px; }

.send-post-it .message { margin-top: 10px; margin-bottom: 10px; }
.send-post-it .message textarea { color: #666666; padding: 10px; background: #FFF; width: 100%; height: 125px; border: 2px solid #CCC; }

.dropdown-menu a { font-size: 16px; }
.dropdown-pin .dropdown-menu { left: -22px; margin-top: 7px;}
.dropdown-pin .dropdown-menu:before { content: ""; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; top: -10px; left: 20px; z-index: 10; }
.dropdown.bkg-dark .dropdown-menu { background-color: #333; color: #FFF; z-index: 100000; }
.dropdown.bkg-dark .dropdown-menu:before { border-bottom-color: #333; }
.dropdown.bkg-dark .dropdown-menu>li>a,
.dropdown.bkg-dark .dropdown-menu>li>span { color: #FFF; font-size: 13px; cursor: pointer; display: block; padding: 3px 20px; }
.dropdown.bkg-dark .dropdown-menu a:hover,
.dropdown.bkg-dark .dropdown-menu span:hover { background: #666666 !important; }
.dropdown.bkg-dark .dropdown-menu>li>span::before { margin-right: 10px; }
.input-div { height: 34px; border: 2px solid #CECECE; overflow: hidden; width: 100%; font-size: 11px; background-color: #ececec; padding: 7px; white-space: nowrap; text-overflow: ellipsis; }
.textarea-div { border: 2px solid #CECECE;  width: 100%; font-size: 11px; background-color: #ececec; padding: 7px; min-height: 33px; }


.contentModalTutorial .list-nav { border-right: 1px solid #CCC; }
.contentModalTutorial .list-nav li { color: #666666; text-transform: uppercase; cursor: pointer; list-style: none; padding: 5px; font-size: 11px; }
.contentModalTutorial .list-nav li:hover { font-family: 'GudeaBold'; }
.contentModalTutorial .list-nav .on { background: rgb(182, 115, 159); color: #FFF; font-family: 'GudeaBold'; }
.contentModalTutorial .list-nav .go-to-help { font-family: 'GudeaBold'; color: rgb(182, 115, 159); }
.contentModalTutorial .not-data { text-align: center; text-transform: uppercase; font-family: 'GudeaBold'; }
.contentModalTutorial .content-list { background: #fff; border: 1px solid #CCC; }
.contentModalTutorial .content-title { font-family: 'GudeaBold'; text-align: center; text-transform: uppercase; border-bottom: 1px solid #CCC; padding: 10px; }
.contentModalTutorial .content-tutorial { margin: 5px; }
.contentModalTutorial ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; }
.contentModalTutorial strong, b { font-family: 'GudeaBold'; font-weight: bold; }

.contentModalTerm { }
.contentModalTerm .user-terms { border: 1px solid #CCC; height: 400px; border-radius: 4px !important; cursor: not-allowed; background: #FFF; padding: 10px; overflow: hidden; }
.contentModalTerm .user-terms .text { }

.fileBTUpload { opacity: 0.01; filter: alpha(opacity=1); width: 32px; height: 26px; cursor: pointer; }

.picker-show { text-align: center; margin-top: 20px; }
.picker-show .farbtastic { display: -webkit-inline-box; zoom: 0.8; }

.checkbox, .radio { margin-top: 0 !important; margin-bottom: 0 !important; height: 34px; }
.toggle.btn { min-height: 33px !important; min-width: 70px !important; }

#page-legal { background: #666666; }
#page-legal .bx-container { background: #fff; margin-bottom: 50px; margin-top: 50px; padding: 40px; }
#page-legal .bx-title { color: #666666; font-family: 'GudeaBold'; font-weight: bold; text-transform: uppercase; margin-bottom: 5px;  margin-top: 15px; }
#page-legal .bx-list-title { color: #666666; text-transform: uppercase; margin-bottom: 5px; }
#page-legal .bx-list-content { padding-left: 18px; color: #333; }
#page-legal .bx-list-content .container { width: 100%; }
#page-legal ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; }
#page-legal strong, b { font-family: 'GudeaBold'; font-weight: bold; }


.slick-slider { position: relative; width: 100%; display: block; box-sizing: border-box;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;
	-khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slider .slick-arrow { z-index: 10; }
.slick-steps-init { display: none !important; }
.slick-steps { width: 100%; height: 100%; }
.slick-slider .slick-slide { width: 100%; text-align: left; }
.slick-dots li { opacity: 0.3; }
.slick-dots li.slick-active { opacity: 1; }
.grecaptcha { display: inline-block; margin: 10px; }

.hint{  }
.boxHint { z-index: 40000; position:absolute; height:auto; max-width:260px; background:url('../../public/image/theme/label_orange.png') no-repeat top left; display:none;
	margin-top:0px; padding:12px 20px 6px 12px; color:#FFFFFF !important; font-size:12px; text-transform:uppercase; z-index: 40000; }
.boxHintPing { background:url('../../public/image/theme/label_black_ping.png') no-repeat top left; }
.boxHintNotPing { background:url('../../public/image/theme/label_black.png') no-repeat top left; }
.tooltip-list { position:absolute; height:auto; max-width:226px; display:none; margin-top:0px; padding:12px 20px 6px 12px; color:#FFFFFF !important; font-size:12px; text-transform:uppercase; z-index:80100; }
.tooltip-list .hintSpinner { background: url('../../public/image/theme/ajax_loader.gif') no-repeat scroll 0 0 transparent; width:16px; height: 16px; margin-left: 8px; margin-top: 6px; }
.tooltip-list ul { list-style-type: none; }
.tooltip-list ul li { list-style: none; }
.tooltip-list ul .hintTitle { font-family: 'GudeaBold'; color: #FFBA4F; border-bottom: #FFF solid 1px; line-height: 25px;}
.tooltip-list ul .hintList { line-height: 25px; cursor: pointer; border-bottom: #FFF dotted 1px;  }
.tooltip-list ul .inputNumber { width: 133px; height: 14px; padding: 2px; }
.tooltip-list ul .inputDate { width: 133px; height: 14px; padding: 2px; }
.tooltip-list ul .selectFlagsTxt { text-indent: 25px; }
.tooltip-list ul .selectFlags { background: url('../../public/image/theme/flags.png') no-repeat scroll 98% 50% transparent; width: 16px;     height: 16px;
    display: -webkit-inline-box;
    float: left;}
.tooltip-list ul .selectFlags.flag_gray { background-position: 0 -162px; }
.tooltip-list ul .selectFlags.flag_red { background-position: 0 -2px; }
.tooltip-list ul .selectFlags.flag_orange { background-position: 0 -28px; }
.tooltip-list ul .selectFlags.flag_yellow { background-position: 0 -55px; }
.tooltip-list ul .selectFlags.flag_green { background-position: 0 -81px; }
.tooltip-list ul .selectFlags.flag_blue { background-position: 0 -108px; }
.tooltip-list ul .selectFlags.flag_purple { background-position: 0 -135px; }
.tooltip-list ul .selectFlags:hover { background-position-x: -29px; }
.tooltip-list ul .selectFlags.on { background-position-x: -29px; }
.tooltip-list ul .hintList:hover { color: #D0CFC7; }
.tooltip-list ul .hintList a { color: #FFFFFF; text-decoration: none; }
.tooltip-list ul .hintList a:hover { color: #D0CFC7; }
.tooltip-list ul .on { color: #45cd30; }
.tooltip-list ul .hintListSim { line-height: 25px; border-bottom: #FFF dotted 1px;  }
.tooltip-list .hintSelectTrav { list-style-type: none; }
.tooltip-list .hintSelectTrav li{ border-bottom: #FFF dotted 1px; line-height: 25px; list-style-type: none; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; height: 44px; width: 225px; padding: 7px 0; }
.tooltip-list .hintSelectTrav .photo { }
.tooltip-list .hintSelectTrav .photo img { width: 40px; height: 40px; border: 2px solid #fff; }
.tooltip-list .hintSelectTrav .name { color: #FFF; padding: 8px; }
.tooltip-list .hintSelectTrav .name:hover { color: #D0CFC7; }
.tooltip-list .hintSelectTrav .a { text-decoration: none; }
.tooltip-list .inputTransp { background: transparent; color: #F11B1B; border: none; font-size: 12px; width: 60px }
.boxContMove { position:absolute; height:auto; display:none; margin-top:0px; padding:12px 20px 6px 12px; font-size:12px; z-index:1200; }
.boxContMove .search-inbox { background: #5a6063; padding: 10px; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); display: grid; }
.boxContMove .size-inbox-265 { width: 265px; }
.boxContMove .size-inbox-350 { width: 350px; }
.boxContMove .size-inbox-440 { width: 440px; }
.boxContMove .search-inbox label { color: #FFF; }

/* .modalBlack { position:fixed; top:0px; left:0px; width:2000px; height:1000px; display:none; z-index: 1000; background-image:url(../../public/image/theme/black-over.png); }
.contentModalBlack { position:absolute; top:0px; left:0px; width:600px; height:400px; color:#bbb; background-color:#f9f9fa; border:4px solid #444; box-shadow: 0 0 7.5px #333333; }
.contentModalBlack .headerTxtModal { background:none repeat scroll 0 0 #FAB939; height:19px; padding:12px; color:#FFFFFF; font-size:15px; font-weight:bold; text-align:center; text-transform:uppercase; }
.closeModalBlack { position:absolute; top:0px; right:-40px; width:40px; height:40px; cursor:pointer; }
.modalBlackFixed { position:fixed; top:0px; left:0px; width:2000px; height:1000px; display:none; z-index:99999; background-image:url("../../public/image/theme/black-over.png"); } */
.modalPrevious { position:absolute; top:10px; left:0px; width:48%; height:96%; border:1px solid #FF0000; background:url('../../public/image/theme/modalPrev.png') no-repeat center left; }
.modalNext { position:absolute; top:10px; right:0px; width:48%; height:96%; border:1px solid #FF0000; background:url('../../public/image/theme/modalNext.png') no-repeat center right; }
.xdsoft_datetimepicker { z-index: 30200 !important; }
.xdsoft_datetimepicker .xdsoft_year { width: 43px !important; }
.xdsoft_datetimepicker .xdsoft_month { width: 86px !important; }
.xdsoft_datetimepicker .xdsoft_clear { margin-top: 5px; color: #7f7f7f; background-color: transparent; background-repeat: no-repeat; border: 0px none currentColor; }
.ui-timepicker-container { z-index:10200 !important; }
.datetimepickerTop { margin-top: -248px; }
.lobibox-notify-wrapper, .lobibox-notify-wrapper-large { z-index:50000 !important; }


.select-system { cursor: pointer; background: #fff;  border: 2px solid #ccc; height: 16px; width: 100%; padding: 6px 40px 6px 4px; display: inline-block;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #333; }
.select-system:before { float: right; font-size: 30px; margin-right: -40px !important; margin-top: -7px; cursor: pointer; background: #ccc; color: #fff; }
.select-system:hover:before { color: #333; }



#selectReturnHtml { overflow: hidden; position: absolute; display: none; background: #FFF; font-size: 12px; z-index: 13000; border: 2px solid; border-color: #CCC; }
#selectReturnHtml ul { }
#selectReturnHtml li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; cursor: pointer; padding: 5px; list-style: none; }
#selectReturnHtml li:hover { background: #8F8A8A; color: #FFF; }
#selectReturnHtml li.select { background: #eeeced; }
#selectReturnHtml .selectFlags { overflow: inherit; text-indent: 25px; background: url('../../public/image/theme/flags.png') no-repeat scroll 98% 50% transparent; width: 16px; }
#selectReturnHtml .selectFlags.flag_gray { background-position: 0 -162px; }
#selectReturnHtml .selectFlags.flag_red { background-position: 0 -2px; }
#selectReturnHtml .selectFlags.flag_orange { background-position: 0 -28px; }
#selectReturnHtml .selectFlags.flag_yellow { background-position: 0 -55px; }
#selectReturnHtml .selectFlags.flag_green { background-position: 0 -81px; }
#selectReturnHtml .selectFlags.flag_blue { background-position: 0 -108px; }
#selectReturnHtml .selectFlags.flag_purple { background-position: 0 -135px; }
#selectReturnHtml .selectFlags:hover { background-position-x: -29px; color: #FFBA4F; background-color: transparent !important; }
#selectReturnHtml .selectFlags.on { background-position-x: -29px; color: #FFBA4F; background-color: transparent !important; }
#selectReturnHtml .newSelect { color: rgb(235, 178, 178); }
#selectReturnHtml .lowercase { text-transform: lowercase; font-size: 12px; }
#selectReturnHtml .photo { float: left; }
#selectReturnHtml .photo img { width: 50px; height: 50px; }
#selectReturnHtml .name { white-space: nowrap; width: 63%; padding: 16px; float: left; overflow: hidden; }
#selectReturnHtml .nameStaff { white-space: nowrap; overflow: hidden; width: 63%; padding: 10px 16px 2px; }
#selectReturnHtml .nameStaffcpf { white-space: nowrap; overflow: hidden; width: 63%; padding: 2px 16px 6px; }
#selectReturnHtml .namePostit { white-space: nowrap; width: 50%; padding: 16px; float: left; overflow: hidden; }


.photo_avatar { height:100px; width:100px; }
.photo_profile { height:120px; width:120px; }
.photo_mini { height:35px !important; width:35px !important; }
.photo-small{ height:38px !important; width:38px !important; }
.photo-user { height:60px !important; width:60px !important; }
.activateOff { background: url('../../public/image/theme/activate.png') no-repeat scroll 0 0 transparent; width: 14px; height: 14px; float: left; }
.activateOn { background: url('../../public/image/theme/activate.png') no-repeat scroll 0 0 transparent; width: 14px; height: 14px; float: left; background-position: 0px -14px; }


.situationColor { background: url('../../public/image/theme/situation_small.png') no-repeat scroll 0 0 transparent; width: 21px; height: 22px; float: left; }
.situationColor.in_progress { background-position: 0px -52px; }
.situationColor.open { background-position: 0px -52px; }
.situationColor.finalized {  background-position: 0px -26px; }
.situationColor.late { background-position: 0px -77px; }
.situationColor.off { background-position: 0px 0px; }


h1,h2,h3,h4,h5,h6{ line-height:1.1; }
.ui-widget-header{ background:none repeat scroll 0 0 #757372; border:1px solid #333333; color:#FFFFFF; font-weight:bold; }

.sticky-placeholder-wrapper > label { font-family: 'GudeaRegular', georgia; opacity:.5; /* to prevent initial dimming in FF, set to the same value as placeholderOpacity (default: .5) */
  -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; transition: opacity .2s ease-out; }

.payment-card-icon { text-align: center; }
.payment-card-icon .mastercard { background: url('../../image/payment/masterCard.png') no-repeat; }
.payment-card-icon .visa { background: url('../../image/payment/visa.png') no-repeat; }
.payment-card-icon .american { background: url('../../image/payment/american.png') no-repeat; }
.payment-card-icon .elo { background: url('../../image/payment/elo.png') no-repeat; }
.payment-card-icon .diners { background: url('../../image/payment/diners.png') no-repeat; }
.payment-card-icon .hipercard { background: url('../../image/payment/hipercard.png') no-repeat; }
.payment-card-icon div { display: inline-block; width: 93px; height: 40px; background-size: 80px !important; background-position: 0 -58px !important; }
.payment-card-icon .select-card { background-position: 0 0 !important; }


.contentModalSubscription .navegation { height: 22px; margin-top: 10px; }
.contentModalSubscription .navegation div { cursor: pointer; padding: 5px; color: #666666; text-transform: uppercase; text-align: center; font-size: 9px; background: #9e9e9e; }
.contentModalSubscription .navegation div:hove { opacity: 0.8; }
.contentModalSubscription .navegation .on { background: #8bc34a; color: #fff; }
.contentModalSubscription .rtn-nav { float: left; }
.contentModalSubscription .list-data { height: 300px; }
.contentModalSubscription .list-data .loading { text-align: center; padding: 10px; }
.contentModalSubscription .list-data ul li { list-style: none; height: 28px; width: 100%; font-size: 12px; cursor: pointer; }
.contentModalSubscription .list-data ul li div { float: left; height: 28px; padding: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.contentModalSubscription .list-data ul li.CANCELLED { background: #f44336; color: #fff; }
.contentModalSubscription .list-data ul li.LATE { background: #f44336; color: #fff; }
.contentModalSubscription .list-data ul li .date { width: 56px; }
.contentModalSubscription .list-data ul li .icon { width: 25px; }
.contentModalSubscription .list-data ul li .icon span { height: 20px; display: -webkit-box; background-size: 40px; }
.contentModalSubscription .list-data ul li .bill { width: 145px; }
.contentModalSubscription .list-data ul li .situation { width: 95px; }
.contentModalSubscription .list-data ul li .value { width: 76px; text-align: right; }


.label_disabled, .label_installment { background: #9E9E9E !important; color: #FFF !important; }
.label_disabled:hover, .label_installment:hover { opacity: 0.8 !important; }
.label_in_process, .label_processing, .label_waiting { background: #FFC107 !important; color: #FFF !important; }
.label_in_process:hover, .label_processing:hover, .label_waiting:hover  { opacity: 0.8 !important;  }
.label_not_finalized { background: #FFC107 !important; color: #FFF !important; }
.label_not_finalized:hover { opacity: 0.8 !important;  }
.label_finalized, .label_settled { background: #2196F3 !important; color: #FFF !important; }
.label_finalized:hover, .label_settled:hover { opacity: 0.8 !important;  }
.label_discarded { background: #9C27B0 !important; color: #FFF !important; }
.label_discarded:hover { opacity: 0.8 !important; }
.label_paid { background: #8BC34A !important; color: #FFF !important; }
.label_paid:hover { opacity: 0.8 !important;  }
.label_cancelled { background: #F44336 !important; color: #FFF !important; }
.label_cancelled:hover { opacity: 0.8 !important; }
.label_late { background: #F44336 !important; color: #FFF !important; }
.label_late:hover { opacity: 0.8 !important; }


/* header Maisadmin */
/*
.headerPeppow { background: #616769; position: fixed !important; z-index: 10; width: 100%; }
.headerPeppow .content {  width: 960px; margin: 0 auto; }
.headerPeppow .content .lgma { float: left; padding: 5px; }
.headerPeppow .content .lgma img { width: 100px; }
.headerPeppow .content .navhe { float: left; }
.headerPeppow .content .navhe ul { height: 38px; margin-top: 37px; margin-left: 30px; }
.headerPeppow .content .navhe ul li { float: left; list-style: none; text-transform: uppercase; color: #FFF; padding: 10px; cursor: pointer; }
.headerPeppow .content .navhe ul li:hover { border-bottom: 2px solid #7FBFD2; }
.headerPeppow .content .navhe ul .select { border-bottom: 2px solid #7FBFD2; }
.headerPeppow .content .bottom_border { position: absolute; bottom: 2px; width: 960px; height: 2px; background: rgba(255, 255, 255, 0.3); }
.returnContentSystem { height: 960px; padding-top: 85px; background: #FFF; z-index: 0; margin: 0 auto; width: 960px; }
.returnContentSystem .newUserHome { }
.returnContentSystem .newUserHome .info { }
.returnContentSystem .newUserHome .form { padding: 10px; background: #F5F5F0; height: 350px; margin-top: 10px; }
.returnContentSystem .newUserHome .form label { font-size: 12px; color: #9E9393; }
.returnContentSystem .newUserHome .form .infoheader { font-size: 18px; text-align: center; padding: 10px; color: #9E9393; }
.returnContentSystem .newUserHome .form .name { float: left; }
.returnContentSystem .newUserHome .form .surname { float: right; }
.returnContentSystem .newUserHome .form .email { float: left; }
.returnContentSystem .newUserHome .form .re-email { float: left; }
.returnContentSystem .newUserHome .form .username { float: left; }
.returnContentSystem .newUserHome .form .password { float: right; }
.returnContentSystem .newUserHome .form .input-s { width: 150px; height: 16px; padding: 9px; font-size: 16px; background-color: #FFF !important; }
.returnContentSystem .newUserHome .form .input-b { width: 338px; height: 16px; padding: 9px; font-size: 16px; background-color: #FFF !important; }
.returnContentSystem .newUserHome .form .action { margin-left: 83px; float: left; margin-top: 20px; }
.returnContentSystem .newUserHome .form .action input { width: 206px; line-height: 25px; font-size: 17px; height: 40px; }
*/



/* uploadImagem */
.progressUpload { border: 1px solid #ddd; padding: 1px; border-radius: 3px; margin: 0px auto 0px auto; }
.barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px }
.percentUpload { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.lowercase { text-transform: lowercase; }


/* SELECT BOX */
.cbFilter { font-size: 12px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  font-size: 11px; border: 2px solid #CECECE; color: #787878; cursor: pointer; height: 34px; display: inline-block;
	background-image: url('../../public/image/theme/arrow_down_black.jpg'); background-position: right top; background-repeat: no-repeat; background-size: 28px; padding: 6px 30px 6px 4px; background-color: #FFF; }
.cbFilterBook { line-height: 10px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; border: 2px solid #CECECE;  color: #787878; cursor: pointer; height: 12px; display: inline-block;
	background: url('../../public/image/theme/arrow_down_black.jpg') no-repeat scroll right top #FFFFFF; padding: 5px 30px 5px 4px; }
ul.bcControls { list-style: none; text-align: left; background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #CECECE; color: #787878; display: none; font-family: 'GudeaRegular', georgia; font-size: 12px; height: 127px; position: absolute; }
ul.bcControlsBook { list-style-type: none; background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #CECECE; color: #787878; display: none; overflow: hidden; font-family: 'GudeaRegular', georgia; font-size: 14px; max-height: 100px; width: 75px; position: absolute; }
ul.bcControls li { padding: 2px; cursor: pointer; }
ul.bcControlsBook li { text-align: left; padding: 1px; cursor: pointer; margin: 4px; height: 18px; }
ul.bcControls li:hover { background-color: #8F8A8A; color: #FFF; }
ul.uFilter { z-index: 80; }
.cbSizeSmall { width: 68px; height: 16px; }
.cbSizeMedian { width: 107px; height: 16px; }
.cbSizeLarge { width: 127px; height: 16px; }
.cbSizeBig { width: 400px; height: 16px; }
.uSizeSmall { width: 91px; }
.uSizeMedian { width: 141px; }
.uSizeLarge { width: 127px; }
.uSizeBig { width: 410px; }
ul.uSizeSmall li { width: 87px; }
ul.uSizeMedian li { width: 127px; }
ul.uSizeLarge li { width: 127px; }
ul.uSizeBig li { width: 406px; }
.cbCover { width: 66px; }
.uCover { width: 100px; }
.uCover li { width: 65px; }
.cbSFilter { width: 85px; } /*  width: 66px; */
.uSFilter { width: 100px; }
.uSFilter li { width: 75px; }
.editMy { cursor:pointer; }



.container_12{ position:relative; margin-left:auto; margin-right:auto; width:960px; }
.grid_4, .grid_5, .grid_7, .grid_8, .grid_12{ display:inline; float:left; margin-left:10px; margin-right:10px; }
.grid_4{ width:300px; }
.grid_5{ width:380px; }
.grid_7{ width:540px; }
.grid_8{ width:620px; }
.grid_12{ width:940px; }
.main{ background:#ffffff; color:#333333; overflow-x:hidden; height:755px; }
.clear{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:before, .clearfix:after, .container_12:before, .container_12:after{ content:'.';
	display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0; }
.clearfix:after, .container_12:after{ clear:both; }
.clearfix, .container_12{ zoom:1; }
/*
.loading { background:url('../../public/image/theme/spinner.gif') no-repeat scroll 98% 50% transparent; width:16px; }
*/
.logo-maisadmin { height: 120px; }
.lineAdmin{ position:fixed; top:44px; left:0px; padding:4px; background-color:#E8E8E8; z-index: 0; border-bottom:1px solid #CCCCCC; }
.btInvisible { background-color:#FAB939 !important;  }
.btInvisible:hover {  color:#FFFFFF; background-color:#b3852c !important;  }

/*
.loading{ background:url('../../public/image/theme/spinner.gif') no-repeat scroll 98% 50% transparent; }
*/
.ajaxloaderbig{ background:url('../../public/image/theme/ajax_loader_big.gif') no-repeat scroll 50% 50% transparent; }

.lang_selector{ margin:3px; }
.lang_flag{ cursor: pointer; }
.lang_link{ text-decoration:none; }
.opacitiy_not_selected{ opacity:0.3; }



.viewHtml { position: relative; border: 2px solid #cccccc; display: none; background-color: #fff; }
.viewHtml .scrollBarSystem { background-color: #fff;}
.viewHtml .scrollBarSystemTxt { padding: 10px; list-style: none; width: 100%; height: 100%; }
.viewHtml .list { }
.viewHtml .list li { padding: 10px; }
.viewHtml .list li .title { font-family: 'GudeaBold', georgia; color: #999; }
.viewHtml .list li .message { border: 1px solid #333; padding: 20px; background: #f7ecc1; }


.onAllBt { background-color: rgb(194, 132, 108); color: #CCC; }
.btSimple {  cursor: pointer; font-family: 'GudeaRegular', georgia; text-transform: uppercase; font-size: 12px; color: #333; }
.btSimple:hover { color: #CCC;}
.roundedBt { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.allBtInput { background-color: #E65E65; color: #FFFFFF; cursor: pointer; width: 132px !important; font-size: 14px; padding: 5px !important; text-align: center; text-transform: uppercase; }

.ui-widget-header{ background:none repeat scroll 0 0 #757372; border:1px solid #333333; color:#FFFFFF; font-weight:bold; }


.mCSB_container { margin-right: 15px !important; }




#foto-profile { background: url(../../public/image/theme/pictureFrame.png) no-repeat center; height:126px; padding:6px 6px 6px 32px; width:112px; }
.info-profile { color: #FFF; font-size: 12px; }


.dropdown-main {
    background-color: #333;
    color: #FFF;
    z-index: 100000;
    left: -22px;
    position: absolute;
    top: 100%;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    margin-top: 7px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-main .size-inbox-265 { width: 265px; }
.dropdown-main .size-inbox-350 { width: 350px; }
.dropdown-main:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-bottom-color: #333;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    left: 20px;
    z-index: 10;
}
.dropdown-main .dropdown-title {
    font-size: 18px;
    cursor: default;
    color: #fbb75a;
    display: block;
    padding: 3px 20px;
    line-height: 1.42857143;
    white-space: nowrap;
}
.dropdown-main li {
    color: #FFF;
    font-size: 13px;
    cursor: pointer;
    display: block;
    padding: 3px 20px;
}
.dropdown-main li:hover {
    background-color: #5f5757;
}

.dropdown-optgroup {
  font-weight: bold;
  font-size: 13px !important;
  padding: 6px 20px 2px !important;
  color: #bbbcbc !important;
  pointer-events: none !important;
  margin-top: 4px;
}

.dropdown-main li.grouped-item {
  padding-left: 32px;
  font-size: 13px;
}



/*

#cbMenu { cursor: pointer;	}

ul.uMenu {
	width: 115px;
	z-index: 80;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CECECE;
	color: #787878;
	display: none;
	font-family: 'GudeaRegular', georgia;
	font-size: 18px;
	position: absolute;
	padding: 4px;
	margin-left: 8px;
	height: 228px;
}

ul.uMenu li {
	cursor: pointer;;
	padding: 3px;
}

ul.uMenu li:hover { background-color:#C93; }

*/


/* programas navegação */
.navBt { background: rgba(64, 70, 76, 0.85); margin-top: 10px; text-align: center; color: white; text-align: center; padding: 5px; font-size: 14px; text-transform: uppercase; cursor: move; }
.navBt:hover { background-color: rgba(26, 38, 49, 0.85); }
.closebutton { display: none; background-image: url(../../public/image/theme/close-1.png); height: 40px; position: absolute; left: -24px; top: -27px; width: 40px; }
/*
.closebutton:active {
    background-image: url("../../public/image/theme/deleteButtonPressed.png");
}
*/
#contentModalConfirm .txt { width: 96%; text-transform: uppercase; text-align: center; font-size: 16px; padding: 8px; color: #000; }
#contentModalConfirm .input { padding: 8px; }
#contentModalConfirm .input input { width: 95%; height: 14px;  padding: 7px; font-size: 12px; background-color: #FFF !important; }
#contentModalConfirm .actions { }
#contentModalConfirm .actions .btn { width: 155px; font-size: 15px; }
#contentModalConfirm .actions .yes{ float: left; margin: 8px; }
#contentModalConfirm .actions .no{ float: right; margin: 8px; }

.spiral { background-image: url("../../public/image/theme/spiral.png"); height: 30px; width: 703px; position: absolute; top: -14px; }
.spiralBig { background-image: url("../../public/image/theme/spiral.png"); height: 30px; width: 892px; position: absolute; top: -14px; }
.spiralSmall { background-image: url("../../public/image/theme/spiral.png"); height: 30px; width: 703px; position: absolute; top: -14px; }
.edit { outline: none; }



.win { padding: 10px; position: absolute; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); }
.win:hover .closebutton { display: block; }
.headerData { height: 44px; background: #f2f5f7; padding: 5px; }
.headerData .item-input { float: left; margin: 0;  width: 145px; }
.headerData .filter { float: left; margin-left: 10px; }
.headerData .search-admin { margin-left: 12px; float: left; width: 170px; }
.headerData .search { margin-left: 12px; float: left; }
.headerData .change-company { float: left; }

.layout-simple { background: #9E9E9E; display: block; padding-bottom: 500px; }
.layout-simple .window-module {  }

.window-postit { width: 175px; }
.postitMy { height: 200px; background-color: rgb(255, 240, 70); }
.postitFrom { height: 210px; background-color: rgb(247, 117, 174); }
.window-postit textarea { margin-top: 5px; font-size: 12px; background: transparent; resize: none; width: 100%; height: 107px; border: transparent; }
.window-postit .From { height: 37px; width: 155px; border: 1px solid rgb(107, 102, 102); }
.window-postit .From .photo { float: left; }
.window-postit .From .name { float: left; padding: 8px 0px 8px 6px; overflow: hidden; width: 102px; text-overflow: ellipsis; white-space: nowrap; color: #fff; }

.selectAddPostitTo:hover { background: #ECEED6; }
.selectAddPostitTo .photo { float: left; }
.selectAddPostitTo .name { float: left; padding: 9px 0px 9px 6px; overflow: hidden; width: 120px; white-space: nowrap; }

.returnEmails { width: 328px; max-height: 200px; overflow: auto; border: 1px solid #CCC; position: absolute; background-color: #FFF;
margin-left: 10px; color: #333; top: 370px; }
.returnEmails li { width: 319px; list-style: none; cursor: pointer; padding: 5px;}
.returnEmails li:hover { background-color: #8F8A8A; color: #FFF; }

.returnEmail { font-size: 15px; color: #333; padding: 4px 10px; }


/* style Maisadmin */
/*
.bookSimple { background: url('../../public/image/theme/bookSimple.gif') repeat-y top center #FFF; border: 1px solid #B9BABE; height: 560px; margin-top: 12px; width: 698px; }
.bookSpiral { background: url('../../public/image/theme/bookSpiral.png') repeat-y top center #FFF; border: 1px solid #B9BABE; height: 496px; margin-top: 12px; width: 698px; }
.bookLeft { width: 312px; padding: 15px 20px 15px 15px; float: left; }
.bookRight { width: 316px; padding: 15px 15px 15px 20px; float: right; }
*/



/*
.inputAloneTop { width: 139px;
font-size: 11px;
height: 26px;
background-color: #FFF; }
.inputDobleTop { width: 294px; font-size: 11px; height: 30px; background-color: #FFF; }
.inputDobleTop2 { width: 290px; font-size: 11px; height: 30px; background-color: #FFF; }
.inputAlone { width: 110px; font-size: 11px; height: 26px; background-color: #FFF; }
.inputDoble { width: 285px; font-size: 11px; height: 30px; background-color: #FFF;}
.inputAloneMap { width: 140px; font-size: 11px; height: 30px; background-color: #FFF; }
.inputDobleMap { width: 285px; font-size: 11px; height: 30px; background-color: #FFF; }
*/

.logCompany { width: auto; height: 90px;}
.fhoto-staff{ height:132px; width:132px; }


.imageRotate {
    position: absolute;
    background: url('../../public/image/theme/imageRotate.png') no-repeat scroll center center;
    width: 25px;
    height: 25px;
    cursor: pointer;
	background-size: 17px;
	margin-top: -136px;
	margin-left: 105px;
}

.imageBTUploadPhoto {
    position: absolute;
    top: 71px;
    background: url('../../public/image/theme/add.png') no-repeat scroll center center !important;
    width: 32px;
    height: 32px;
    padding: 0px;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.editorHtmlLoading { text-align: center; color: #999; width: 100%; }

.btDeletePhoto { background: url('../../public/image/theme/del-Photo-small.png') no-repeat scroll center center ; height: 27px; width: 19px; cursor: pointer; padding: 3px !important;}
.btGeolocation { background: url('../../public/image/theme/geolocation.png') no-repeat scroll center center; width: 17px; height: 23px; cursor: pointer; }

.selectOptions { text-transform: uppercase; color: #C6C8CA; cursor: pointer; font-family: 'GudeaRegular', georgia; font-size: 12px; text-align: center; }
.selectOptions span { padding: 2px; }
.onClick { color: #58585B; }
.sendEmail {background: url('../../public/image/theme/sendLetter.png') no-repeat scroll center center ; height: 18px;}
.config {background: url('../../public/image/theme/config.png') no-repeat scroll center center ; height: 20px; width: 20px; cursor: pointer; padding: 5px !important;}
.more {background: url('../../public/image/theme/more.png') no-repeat scroll center center ; height: 20px; width: 20px; cursor: pointer; padding: 5px 0px !important;}
.callSkype { background: url('../../public/image/theme/Skypeicon.png') no-repeat scroll center center ; height: 24px; width: 19px; cursor: pointer; padding: 3px !important;}
.callWhatsApp { background: url('../../public/image/theme/WhatsAppicon.png') no-repeat scroll center center ; height: 24px; width: 19px; cursor: pointer; padding: 3px !important; background-size: 22px; }
.btDelete { background: url('../../public/image/theme/delete.png') no-repeat scroll center center ; height: 27px; width: 19px; cursor: pointer; padding: 3px !important;}
.btEmail { background: url('../../public/image/theme/email.png') no-repeat scroll center center ; height: 25px; width: 19px; cursor: pointer; padding: 3px !important;}
.btWebsite { background: url('../../public/image/theme/website.png') no-repeat scroll center center ; height: 25px; width: 19px; cursor: pointer; padding: 3px !important;}
.addressMap { height: 190px; width: 279px; border: 4px solid #EEEFE8; position: relative; top: 0px; cursor: pointer; }
.addressMapShow { width: 275px; height: 191px; position: absolute; }


.plan-card { margin-bottom: 20px; display: inline-block; width: 100%;  }
.plan-card .card-body { background: #c1c1c1; padding: 5px; text-align: center; cursor: pointer; }
.plan-card .card-body:hover { background: #ffda54; }
.plan-card .card-title { color: #FFF; font-size: 20px; }
.plan-card .card-text { color: #999; font-size: 13px; }
.plan-card .btn-checkbox { margin: 0 !important; }
.plan-card .btn-checkbox.active .card-body { background: #ffda54; }

.menuShow {
	cursor: pointer;
	color: rgb(173, 122, 122);
}


#resultRight {
	width: 315px;
	height: 502px;
	border: 1px solid #ccc;
}


#resultTabs {
    border: 1px solid #CCC;
    height: 355px;
    width: 314px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#submitContact {
}

.contactsMain{
	background-color: rgb(241, 196, 196);
	width: 298px;
	margin-bottom: 5px;
}

#contactleft .contacSearch {
    margin-bottom: 10px;
}

#contactleft .contacSearch input{
    width: 273px;
}

.bt {
    height: 27px;
    width: 26px;
    cursor: pointer;
    float: right;
    margin: 2px;
}

.btMoreContact {
	height: 27px;
	width: 26px;
	cursor: pointer;
	float: right;
	margin: 7px 3px;
}

.bt-click {
	height: 27px;
	cursor: pointer;
	margin: 2px;
}


.bt-add { background-image: url("../../public/image/theme/add.png"); }

.bt-more { background-image: url("../../public/image/theme/bt-more.png"); }
.bt-print { background-image: url("../../public/image/theme/bt-print.png"); }
.bt-config { background-image: url("../../public/image/theme/bt-config.png"); }
.bt-order { background-image: url("../../public/image/theme/bt-order.png"); }


.iti__flag {
    background-image: url("../../public/assets/intl-tel-input/img/flags@2x.png") !important;
    background-size: 5652px !important;
}

.bigMore { background-image: url("../../public/image/theme/big_more.png"); }
.bigAnalytics { background-image: url("../../public/image/theme/big_analytics.png"); }
.bigSettings { background-image: url("../../public/image/theme/big_settings.png"); }
.bigUsers { background-image: url("../../public/image/theme/big_users.png"); }
.bigSave { background-image: url("../../public/image/theme/big_save.png"); }

.addNetwork { background-image: url("../../public/image/theme/add_network.png"); }


.Name_Company {
	float: left;
	padding: 7px;
	width: 153px;
	border: 1px solid #CCC;
}

.Name_Filter {
	float: left;
	padding: 7px;
	width: 115px;
	border: 1px solid #CCC;
}


.contacEdit {
	background-image: url("../../public/image/theme/edit.png");
	height: 20px;
	width: 23px;
	margin-top: 8px;
	margin-left: 275px;
	position: absolute;
	cursor: pointer;
}


.navDialog { background: #647B89; /* Old browsers */
background: -moz-linear-gradient(top,  #647B89 0%, #4D6879 50%, #4D6879 51%, #3A5667 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#647B89), color-stop(50%,#4D6879), color-stop(51%,#4D6879), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #647B89 0%,#4D6879 50%,#4D6879 51%,#3A5667 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #647B89 0%,#4D6879 50%,#4D6879 51%,#3A5667 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #647B89 0%,#4D6879 50%,#4D6879 51%,#3A5667 100%); /* IE10+ */
background: linear-gradient(to bottom,  #647B89 0%,#4D6879 50%,#4D6879 51%,#3A5667 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#647B89', endColorstr='#3A5667',GradientType=0 ); /* IE6-9 */
text-align: center; color: #FFF; text-transform: uppercase; font-size: 18px; padding: 9px; white-space: nowrap; overflow: hidden; height: 41px; }


.bt_rotate { background: url("../../public/image/theme/bt_rotate.png") no-repeat scroll 0 0 transparent; height: 24px; width: 24px; cursor: pointer; }
.bt_upload { background: url("../../public/image/theme/bt_upload.png") no-repeat scroll 0 0 transparent; height: 24px; width: 24px; cursor: pointer; }



/* NOVO CADASTRO */
#mainContact { width: auto; height: auto; }
#mainContact li { list-style: none; float: left; padding: 2px; }




.timestampasd {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-size: 9px;
    background-color: #db0;
    color: white;
    border-top: 1px solid #a80;
    padding: 2px 4px;
    text-align: right;
}


.tabs li{float:left; border:1px solid #ccc; border-bottom:0; margin-right:10px; padding:4px; border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-radius-topleft:5px; -webkit-border-radius-topright:5px; }
.tabs li:hover{box-shadow:0 -2px 3px #DFDFDF; -moz-box-shadow:0 -2px 3px #DFDFDF; -webkit-box-shadow:0 -2px 3px #DFDFDF; font-weight:bold; border-color:#c0c0c0;}
.onTabs {background: rgb(173, 122, 122); border-color:#333;}
.onTabs a{color:#fff; font-weight:bold; text-shadow:0 0 5px #999;}
#contentContact { clear:both; }
#contentContact div{ display:none; }



@media screen and (min-width: 768px) {
	.modal-dialog-300 {  width: 300px !important; }
	.modal-dialog-400 { width: 400px !important; }
 	.modal-dialog-500 { width: 500px !important; }
	.modal-dialog-600 { width: 600px !important; }
	.modal-dialog-700 { width: 700px !important; }
  .modal-dialog-800 { width: 800px !important; }
	.modal-dialog-900 { width: 900px !important; }
    .modal-dialog-auto { width: 80% !important; }
}

@media (max-width: 767px) {
    .col-xs-offset-2.col-sm-8 {
        width: 100%;
        margin-left: 0;
    }
    .modal-dialog { width: auto !important; }
}



  /* @media (max-width: 768px) {
    .filter-button {
      display: block;
    }
    .project-filters {
      display: none;
    }
  } */

/*
@media screen and (max-width:1200px) {
}

@media screen and (max-width:992px) {
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:644px) {
}

@media screen and (max-width:644px) {
}

@media screen and (max-width:481px) {
}

@media screen and (max-width:644px) {
}
*/