/* 
    Created on : Jun 10, 2015, 11:24:26 AM
    Author     : fernanda.albuquerque
*/
*:focus{
    outline: none;
}
a {
    color: #4db6ac 
}
.mdi-wifi-connection:before {
  content: "\e708"; 
}
.brand-logo
{
    background: transparent url(../images/logo-wifimax-bco.svg) center center no-repeat;
    background-size: 70px auto;
    width: 90px;
    min-height: 64px;
}
.dropdown-content
{
    margin-top: 64px;
}
.collection .collection-item.avatar
{
    padding-left: 82px;
}
.collection .collection-item.avatar .circle {
    width: 58px;
    height: 58px;
    left: 12px;
}
.collection .collection-item.avatar p {
    font-size: .85rem;
    line-height: 1.5rem;
}
.collection .collection-item.avatar p i.left{
    margin-right: 5px;
    font-size: 14px;
    line-height: 1.5em;
    vertical-align: middle;
    float: none !important;
}
.collection .collection-item.avatar .secondary-content {
    right: 0;
}
.collection .collection-item.active {
    background-color: #e3f2fd;
    color: #263238; }

.fixed-action-btn {
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 1; 
}
.fixed-action-btn ul {
    left: -50px;
    /*    right: 0; */
    text-align: center;
    position: absolute;
    top: 0; }
.fixed-action-btn ul li {
    margin-bottom: 0;
    padding-bottom: 5px;
}
.fixed-action-btn ul a.btn-floating {
    opacity: 0;
    z-index: 200;
    /*background: none;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 24px;
    height: 24px;
    line-height: 17px;
}
.fixed-action-btn ul a.btn-floating i {
    font-size: 17px;
    line-height: 24px;
    background: #4db6ac;
}
.fixed-action-btn ul a.btn-floating i.mdi-editor-mode-edit:hover {
    background: #0d47a1;
}
.fixed-action-btn ul a.btn-floating i.mdi-content-remove:hover {
    background: #f44336;
}

.mdi-av-play-arrow:before {
    color: #558b2f; }
.mdi-av-stop:before {
    color: #d32f2f;
    padding-left:15px;
}
.breadcrumb .icon-block h2 {
    margin-left: 0;
}
.breadcrumb .icon-block p {
    margin-top: 0;
}
i.mdi-navigation-arrow-forward.left{
    margin-right:0;
    padding: 4rem 0;
}
#addLayout { 
    position: absolute; 
    top: 35px; 
}

.icon-block i.circle {
    padding:1rem;
    border: solid 2px #4db6ac;
    /*border-radius: 6px; */
}
.icon-block.selected i.circle {
    border-color: #009688;
}
.icon-block.disabled i.circle {
    border-color: #bdbdbd;
}
.card .card-action {
    padding: 10px;
}
.card .card-action span.card-title{
    display: block;
    padding-bottom: 1rem;
}
.color-box {
    float:left;
    width:30px;
    height:30px;
    margin:5px;
    border: 1px solid white;
    position: relative;
    margin-right: 15px;
}
.color-box .mdi-navigation-arrow-drop-down:before {
    content: "\e894"; 
    top: -7px;
    display: block;
    /*position: absolute;*/
}
#slider-id {
    display: none
}
.liquid-slider {
    background: transparent;
    width: 1400px;
}
.liquid-slider .ls-panel {
    width: 1309px; 
    margin-right:-5px;
}
.file-field .btn {
    padding: 0 1rem
}
.file-field input.file-path {
    margin-left: 65px;
    width: calc(100% - 65px);
    color: #000;
}
i.deleteBtn {
    position: absolute;
    right: 0;
    display: none;
}
i.deleteBtn.active {
    display: block;
}

#preview label, #preview2 label {
    padding-left: 6%;
}
#preview i.prefix,
#preview2 i.prefix {
    text-align: center;
}
/*
** CSS do Preview do editor de imagens
*/
#preview, #preview2 {
    position: relative;
    overflow: hidden;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
#preview .container, #preview2 .container {
    padding: 2%;
    width: 320px;
    z-index: 10;
}
#preview .container .row, #preview2 .container .row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
#preview .container .col, #preview2 .container .col {
    padding: 0;
}
/*******     HEADER     *******/
#preview .logotipo {
    z-index: 0;
    position: absolute;
    bottom:0;
}
#preview .headerPreview {
    position: relative;
    padding: 5px 0 40px !important;
}

#preview .headerPreview .logotipo {
    position: absolute;
}

#preview .headerPreview .logotipo {
    bottom: 0;
    width: 100%;
}
#preview .headerPreview .logotipo img {
    margin: 0 auto;
    display: block;
    height: 100px;
    width: auto;
    margin: 0 auto;
}
#preview .headerPreview .destaque {
    display: block;
    width: 100%;
    min-height: 50px;
    max-height: 200px;
    overflow-y: hidden;
}
#preview .headerPreview .destaque img { 
    width: auto;
    margin: auto;
    display: block;
}
/*******       FORM       *******/
#preview .input-field {
    padding-left: 10px;
    margin-top: .2rem;
}
#preview input,
#preview input[type=text]:focus:not([readonly])
{
    border-bottom: none;
    box-shadow: none;
    height: 3rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20%;
    width: 74%
}
#preview  .input-field label.active,
#preview input[type=text]:focus:not([readonly]) + label
{
    display: none;
}
#preview .btn,
#preview .btn-large,
#preview .btn-flat
{
    width: 49%;
    padding: 0 1rem;
    box-shadow: none;
    margin-top: .4rem;
}
#preview .btn-floating {
    box-shadow: none;
    margin-bottom: -20px;
    float: right;
}
#preview .btn-flat {
    text-align: left;
    padding: 0;
}
.minIcTootip { cursor: pointer; }   
#loader.modal { height: 90px; width: 90px; }
/*******  SOCIAL ICONS  *******/
@font-face {
    font-family: "FontAwesome";
    src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/fontawesome-webfont.woff2") format("woff2"),
        url("../fonts/fontawesome-webfont.woff") format("woff"),
        url("../fonts/fontawesome-webfont.ttf") format("truetype"),
        url("../fonts/fontawesome-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal; 
}
.socialContainer {
    padding: 2rem 0;
    text-align: center;
    margin-bottom: 0;
}
.socialContainer .valign {
    padding-left: 0;
    text-align: left;
}
.socialBtn { 
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 45px;
    height: 45px;
    /* box-shadow: 0 2px 2px #999; */
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
}
/* facebook button class*/
.facebookBtn{
    background: #4060A5;
}

.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}

.facebookBtn:hover{
    color: #4060A5;
    background: #fff;
}

/* twitter button class*/
.twitterBtn{
    background: #00ABE3;
}

.twitterBtn:before{
    font-family: "FontAwesome";
    content: "\f099"; /* add twitter icon */
}

.twitterBtn:hover{
    color: #00ABE3;
    background: #fff;
}
/* linkedin button class*/
.linkedinBtn{
    background: #0094BC;
}

.linkedinBtn:before{
    font-family: "FontAwesome";
    content: "\f0e1"; /* add linkedin icon */
}

.linkedinBtn:hover{
    color: #0094BC;
    background: #fff;
}
/******* TEMPLATE 2 *******/
#preview.template2 .btn.mainColor-bg.mainColorContrast
{
    text-align: left;
    width: 50%;
    margin-right: 5%;
    margin-top: 5%;
    padding-right: 4%;
    border-radius: 20px;   
}
#preview.template2 .input-field i.prefix
{
    border-radius: 50%;
}

#preview div.btn i,
#preview div.btn-flat i
{
    display: none;
}

#preview.template2 .btn i,
#preview.template2 .btn-flat i
{
    display: block;
}
#preview.template2 div.btn-flat
{
    font-size: .9rem;
    width: 40%;
    margin: 5% 0 0 5%;
}
#preview.template2 div.btn-flat i.left,
#preview.template2 div.btn i.left
{
    font-size: 1rem;
    margin-right: .3rem; 
}
/*******     FOOTER     *******/
#preview footer
{
    font-size: 10px;
    text-align: left;
    min-height: 24px;
}
#preview footer #copyright
{
    padding-top: 14px;
}
#preview .mainColor,
#preview .mainColor.active
{
    color: #1574a1;
}
#preview .prefix.mainColor
{
    color: #1574a1;
    background-color: transparent;
}

/* para o template2 */
#preview.template2 i.prefix.mainColor
{
    color: #FFF;
    background-color: #1574a1;
}
/* para o template2 */
#preview.template2 .btn i.prefix,
#preview.template2 .btn-flat i.prefix
{
    color: #1574a1;
}
/* para o template2 */
#preview.template2  .input-field.mainColorContrast-bg
{
    background-color: transparent !important;
}
/* para o template2 */
#preview.template2  .input-field.mainColorContrast-bg input
{
    border-bottom: solid 2px #1574a1;
}
#preview .mainColor-bg,
#preview .mainColor-bg.active
{
    background-color: #1574a1;
}

#preview .backColor
{
    color: #262c5c;
    background-color: #262c5c;
}
#preview.backColor-bg,
#preview .backColor-bg
{
    background-color: #262c5c;
}
#preview .mainColorContrast,
#preview .mainColorContrast.active
{
    color: #FFF;
}
#preview .mainColorContrast-bg,
#preview .mainColorContrast-bg.active
{
    background-color: rgba(255,255,255,.75);
    border-color: #262c5c; /* mainColor */
}
#preview .backColorContrast,
#preview .backColorContrast.active
{
    color: #FFF;
    fill: #FFF;
}
#preview .backColorContrast-bg,
#preview .backColorContrast-bg.active
{
    background-color: none;
}



/*********** FOOTER e BARRA DO SLIDER ********/

#footer { 
    background: #006064 none repeat scroll 0 0; 
    border-top: 1px solid #265988; 
    bottom: 0; 
    display: block; 
    height: 25px; 
    line-height: 25px; 
    position: fixed; 
    width: 100%;
    z-index: 8888;
}  
#footer .footerInner { margin: 0 auto; overflow: visible; width: 100%; }   
#footer .footerInner .productInfo { color: #d4dbe0; float: left; font-size: 11px; margin-left: 1em; margin-top: 0; }   
#footer .footerInner .copyright { color: #d4dbe0; float: right; font-size: 11px; margin-right: 1em; margin-top: 0; }  
#editorNav { margin-bottom: 10px; margin-left: 15px; }  #editorNav .btn { padding:0 0.5rem; text-transform: none; }  
#editorNav a { max-height: 40px; }  
#editorNav a.selected { border-bottom: 1px solid #4DB6AC; padding-right: 5px; }  
#editorNav a.disabled { opacity: 0.3; }  
#editorNav a span { margin-top: 15px; display: inline-block; font-size: 14px; vertical-align: bottom; }  
#editorNav i.small { margin-right: 5px; vertical-align: bottom; }  .arrowStap { margin: 10px 5px; }  
#editorNav .tabs, #editorNav .tabs .tab { background: none; text-transform: none; }  
#editorNav .tabs .indicator { background: #006064; bottom: -10px; }


#previewDialog {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}
#previewDialog.basicLayout {
    background-image: url(../images/modelos/modelo1_preview.png)
    
}
#previewDialog.roundedLayout {
    background-image: url(../images/modelos/modelo2_preview.png) 
}
#loja {
    background-image: url(../images/tag_loja.svg) 
}

.fancytree-custom-icon {
    width: 16px;
    height: 16px;
}
.fancytree-custom-icon.idCompany {
    background: url(../images/icons/node-company.gif) no-repeat center center;
}
.fancytree-custom-icon.idRouter {
    background: url(../images/icons/node-router.gif) no-repeat center center;
}
.fancytree-custom-icon.idHotspot {
    background: url(../images/icons/node-hotspot.gif) no-repeat center center;
}
.picker
{
    z-index: 99 !important;
}
#langNav
{
text-align: right;
font-size: .8em;
padding:10px 0;
color: gray;
}
#langNav a
{
  padding: 10px;
  color: #bdbdbd;
}
#langNav a.selected
{
  color: #009688;  
}