/*  FORMS */
a {cursor: pointer;}
h4.card-inner-header {margin-bottom: 10px; padding-bottom: 5px; color: #000; font-size: 18px;}



/*  botões de edição (topo do card) */
.tab-pane {position: relative; padding-top: 20px;}
.ver .bt_editar {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 1;
}
.ver .bt_excluir {
    position: absolute;
    top: 0;
    right: 60px;
    z-index: 1;
}


.toggle_exibir.cond.ver {
    position: absolute;
    top: 0;
    right: 50px;
    padding: 5px 0 0 0;
}
table .toggle_exibir {
    float: left;
}
    /* simulando o loading deixando esmaecido (transição ajuda a não piscar) */
    .toggle_exibir .switch input[type=checkbox][disabled] + .lever {
        opacity: 0.5;
        transition: 0.5s;
    }

.card .form-group {margin-bottom: 0px; min-height: 54px;}
label.form-label {margin-bottom: 0;}

.card .form-group input, 
.card .form-group select {
    line-height: 30px; 
    font-size: 18px; 
    height: 34px; 
    padding-top: 0; 
    padding-bottom: 0;
}
.form-group.dropdown .form-line {border: none;}
.form-group.dropdown .form-line:after {border: none;}
.form-group .form-line select.form-control {width: auto; border-bottom: 1px solid #ddd;}

.form-line.error .help-info {color: #f00; margin-top: 1px;}
.form-line .copybtn {position: absolute; left: -16px; font-size: 13px; top: 10px;}


.form-group label.error {
    position: absolute;
    right: 15px;
    bottom: 0;
    margin: 0;
}
.form-group.dropdown label.error {
    left: 0;
    right: auto;
}
.form-group.textarea label.error {
    bottom: -20px;
}
.form-group.textarea .help-info {
    position: absolute;
    top: -25px;
    right: 0;
}

.toplabel {margin-bottom: 10px;}
.toplabel em {font-style: normal; color: #bbb;}

.inputRadio {
    cursor: pointer;
    margin-right: 0;
}
label.radiolabel {
    cursor: pointer;
    padding-left: 7px;
}
label.radiolabel,
span.value.radiovalue {
    display: inline-block;
    width: auto;
    margin-right: 15px;
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 18px;
}

/* campos do form */

span.value, span.valor {
    display: block;
    width: 100%;
    line-height: 35px;
    padding-left: 0;
    margin-top: 0;

    font-size: 18px;
    color: #555;    

    border: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}
    span.value.textarea {
        font-size: 14px; line-height: 20px; padding: 6px; height: 80px; overflow: auto;
        background: #fcfcfc;
        border: 1px dashed #ddd;
    }
    span.value.html {
        font-size: 14px; line-height: 20px; padding: 20px; border: 1px solid #f5f5f5; height: 370px; overflow: auto;
    }
    span.value.alto, span.valor.alto, textarea.alto {
        height: 200px;
    }

    label em.obs {
        font-style: normal;
        font-size: 12px;
        color: #bbb;
    }
    

.colorpicker {
    padding: 0;
}

.colorpicker span.value {
    position: relative;
    width: 30px; height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
    .colorpicker span.value.nocolor:after{
        content:"";
        position:absolute;
        border-top:1px solid red;
        width:40px;
        transform: rotate(45deg);
        transform-origin: 0% 0%;
    }

.colorpicker .help-block {
    position: absolute;
    font-size: 12px;
    color: #bbb;    
    top: 30px;
    left: 0;
}

.colorpicker span.input-group-addon {
    display: table-cell;
}
.colorpicker span.input-group-addon i {
    background: #fff;
    border: 1px solid #ddd;
}

.colorsample {
    display: inline-block;
    position: relative;
    width: 16px; height: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 8px 0 0;
    vertical-align: middle;
}
    .colorsample.nocolor:after{
        content:"";
        position:absolute;
        border-top:1px solid red;
        width:20px;
        transform: rotate(45deg);
        transform-origin: 0% 0%;
    }

.ver .form-group .form-line {border: none;}
.form-group.notEditable .form-line {border: none;}
.form-group .form-line .form-control {background-color: #fcfcfc;}
.form-control.mask_money {text-align: right;}

.botoes .preloader, 
.inserir span.value, 
.editar span.value, 
.inserir a.copybtn, 
.editar a.copybtn, 
.inserir .bt_editar,
.editar .bt_editar,
.inserir .bt_excluir,
.editar .bt_excluir { 
    display: none;
}
    /*  .form-group.notEditable */
    .inserir .form-group.notEditable a.copybtn, 
    .editar .form-group.notEditable a.copybtn, 
    .inserir .form-group.notEditable span.value, 
    .editar .form-group.notEditable span.value {
        display: block;
    }

.ver .botoes {
    display: none;
}

.ver label em.obs,
.ver .raty, 
.ver .colorpicker span.input-group-addon, 
.ver .help-info, 
.ver .help-block, 
.ver .checklabel,
.ver .radiolabel,
.ver input,
.ver textarea,
.ver #cke_ckeditor,
.ver select { 
    display: none !important;
}

    /*  .form-group.notEditable */
    .form-group.notEditable .raty, 
    .form-group.notEditable .colorpicker span.input-group-addon, 
    .form-group.notEditable .help-info, 
    .form-group.notEditable .help-block, 
    .form-group.notEditable .checklabel,
    .form-group.notEditable .radiolabel,
    .form-group.notEditable input,
    .form-group.notEditable textarea,
    .form-group.notEditable #cke_ckeditor,
    .form-group.notEditable select { 
        display: none;
    }


/* blocos condicionais (só aparecem quando estiverem na VIEW indicada */
.cond {
    display: none;
}
    .inserir .cond.inserir, 
    .editar .cond.editar, 
    .ver .cond.ver {
        display: block;
    }




.checkvalue {color: #777; font-size: 13px; line-height: 1em; margin-bottom: 15px;}
.checkvalue .fa-check {color: #2196F3; margin-right: 10px;}
.checkvalue .fa-times {color: #900; margin-right: 10px;}

.radiovalue .fa-circle {color: #2196F3; margin-right: 0;}
.radiovalue .fa-circle-o {color: #eee; margin-right: 0;}


/* switches */
.switch {min-width: 55px; float: left; margin-right: 5px;}
.switch label .lever {
    margin: 0 5px;
}

/* rating (stars) */
.rating .value img {
    margin: 0 4px 0 0;
}
.rating .value img.on {
    filter: contrast(0) brightness(50%);
}
.form-group.rating .form-line {border: none;}
.form-group.rating .raty {
    margin-top: 8px;
    width: 100px;
}





/* --- UPLOAD --- */

.upload-group .form-line {border-color: #fff;}
.upload-group .form-line.error {border-color: #f00;}
.upload-group .form-line .help-block {
    top: 30px;
    left: 0;    
}

.dm-uploader {height: 32px; position: relative; padding-left: 45px;}
    .dm-uploader.active {background: #fcfcfc;} /* quando há arquivo arrastando nessa área */

.dm-uploader .btn {display: block; position: absolute !important; width: 40px;}
    .dm-uploader .btn.escolher {left: 0; top: 0; z-index: 1;}
    .dm-uploader .btn.cancelar {left: 0; top: 0; z-index: 2;}
    .dm-uploader .btn.excluir {left: 0; top: 0; z-index: 3;}

.dm-uploader .progress {
    padding-top: 8px;
    height: 26px;
    background: none;
}
    .dm-uploader .progress .progress-bar {
        font-size: 12px;
        color: #000;
        line-height: 18px;
        background-color: #ddd;
    }
    .dm-uploader .progress a.caminho {
        display: inline-block;
        position: absolute;
        left: 50px;
        width: 100%;
        overflow: hidden;
    }



.btn-group label {
    display: block;
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 12px;
    color: #777;
    cursor: default;
}
.btn-group a i {
    margin-right: 8px;
}


/* Popup para envio de email ou outras ações assíncronas */

#popMail {
    display: none;
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#popMail .bg {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

#popMail .conteudo {
    z-index: 2;
    position: absolute;
    width: 400px;
    height: 250px;
    padding: 30px;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -125px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    background: #fff;
}
#popMail .conteudo button {
    margin: 15px 5px 0 0;
}


/* CEP */

.cepHelper {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    padding: 0 15px;
    overflow: visible;
}
.cepHelper .conteudo {
    position: relative;
    width: 100%;
    height: 1px;
    overflow: visible;
}
.cepHelper .conteudo .overlay {
    display: none;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background: rgba(255, 255, 255, .5);
}

.cepHelper .conteudo .overlay .preloader {
    position: absolute;
    right: 10px;
    top: 25px;
}