/*  FORMS */

h4.card-inner-header {margin-bottom: 30px; padding-bottom: 5px; border-bottom: 1px solid #f5f5f5; color: #000;}



/*  botões de edição (topo do card) */
.card.ver .bt_editar {
    position: absolute;
    top: 0;
    right: 10px;
}

.card .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) */
    .card .toggle_exibir .switch input[type=checkbox][disabled] + .lever {
        opacity: 0.5;
        transition: 0.5s;
    }

.card .form-group {margin-bottom: 0px;}
.card 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;
}
.card .form-line.error .help-info {color: #f00; margin-top: 1px;}


.form-group label.error {margin-top: 0; text-align: right;}


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


/* 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-top: 6px; height: 80px; overflow: auto;
    }
    span.value.html {
        font-size: 14px; line-height: 20px; padding: 20px; border: 1px solid #f5f5f5; height: 370px; overflow: auto;
    }

.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 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%;
    }

.card .form-group .form-line .form-control {background-color: #fcfcfc;}
.card .preloader, 
.card.ver .colorpicker span.input-group-addon, 
.card.ver .help-info, 
.card.ver .help-block, 
.card.ver .botoes,
.card.inserir span.value, 
.card.editar span.value, 
.card.inserir .bt_editar,
.card.editar .bt_editar,
.card.ver .checklabel,
.card.ver input,
.card.ver textarea,
.card.ver #cke_ckeditor,
.card.ver select { 
    display: none;
}
.card.ver .form-group .form-line {border: none;}


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




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


/* switches */

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


/* --- 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;
    }