@CHARSET "ISO-8859-1";
/* 
    Created on : 19/02/2014, 09:46:02
    Author     : ideiatec
*/
.left-top {
    vertical-align: top;
    float: left;
}

.left-middle {
    vertical-align: middle;
    float: left;
}

.right-top {
    vertical-align: top;
    float: right;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.layout-wrapper.menu-layout-overlay .topbar {
    z-index: 999 !important;
}

.layout-mask {
    z-index: 997 !important;
}

.topbar-left {
    padding: 5px !important;
}

/* COMPUTADOR */
@media (min-width: 641px){
    /* TOP BAR */
    .headerPanelFormFixed{
        width: 100%;
        position: fixed;
        background-color: #ffffff;
        margin: 0px auto 0px;
        top: 75px;
        z-index: 99;
    }

    .fixar{}

    .panelForm{
        margin: 35px auto 0px;
    }

    .panelFormFixar{}

    /* DATA GRID */
    .dtg-column {

    }
}

/* CELULAR */
@media (max-width: 640px){

    /* TOP BAR */
    .topbar {
        position: static !important;
    }

    .layout-main {
        padding: 0px 0px 0px 0px !important;
    }

    .headerPanelFormFixed{
        width: 100%;
        position: static;
        background-color: #ffffff;
        margin: 0px auto 0px;
        top: 75px;
        z-index: 99;
    }

    .fixar {
        position: fixed !important;
        top: 0px !important;
    }

    .panelForm{
        margin: 0px auto 0px;
    }

    .panelFormFixar{
        margin: 55px auto 0px !important;
    }

    /* BARRA BOTOES */
    .button-bar .ui-button-text {
        visibility: hidden !important;
    }

    .button-bar {
        -moz-border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        padding-left: 0px !important;
    }

    .button-bar.ui-button.ui-button-text-icon-left .ui-icon {
        margin-left: -4px !important;
    }

    /* DATA GRID */
    .dtg-column {
        font-size: 12px !important;
    }

    .ui-column-title {
        font-weight: bold !important;
    }
}

.logo {
    width: 210px !important;
    height: 60px !important;
    background: url(../resources/img/logo-vizite-menu.png) top left no-repeat !important;
}

.profile {
    background: none !important;
}

.img-perfil {
    width: 60px;
    height: 60px;
    margin: 0 auto 5px auto;
    background: url(../resources/img/profile-image.png) top left no-repeat !important;
    background-size: 60px 60px !important;
}

input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="password"]:disabled,
textarea:disabled{
    opacity: 0.7 !important;
}

.inputForm{
    width: 100% !important;
}

.labelHeaderPanelForm{
    font-size: 24px !important;
    color: #03A9F4;
}

.labelHeaderPanelFormTitle{
    font-size: 24px !important;
}

.dtg-column12 {
    font-size: 12px !important;
}

.lblOrange16 {
    font-size: 16px !important;
    color: orange;
}

.labelHeaderPanel{
    margin-top: 10px;
}

.lbl-md-input{
    position: absolute;
    left: 5px;
    top: -20px;
    font-size: 12px;
    color: #607D8B;
}

.lbl-md-input2{
    position: absolute;
    left: 5px;
    top: -13px;
    font-size: 12px;
    color: #607D8B;
}

.md-input2{
    display: block;
    position: relative;
}

.ui-inputgroup .md-input2 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    display: inherit;
}

.labelHeaderCard{
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}

/* COMPONENTES */

.idt-div-header-fixed{
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 998;
    left: 6px;
    top: 70px;
}

.idt-div-header-title{
    margin: 10px 0px 0px 9px;
}

.idt-div-header-title label{
    font-size: 18px;
    font-weight: bold;
}

.idt-div-button-bar{
    margin: 0px 21px 0px 8px !important;
    padding: 5px 0px 5px 16px !important;
}

.idt-div-button-bar-pop{
    margin-top: 15px;
    border-top: 1px solid #bdbdbd;
}

.idt-lbl-title-card{
    font-weight: bold;
    display: block;
}

.idt-lbl-bold-red{
    color: red;
    font-weight: bold;
}

.idt-lbl-bold-blue{
    color: blue;
    font-weight: bold;
}

.idt-lbl-required{
    color: #e62a10;
    margin-right: 3px;
}

/* COMPUTADOR */
@media (min-width: 641px){

    .idt-button-bar{
        margin-right: 10px;
    }
}

/* CELULAR */
@media (max-width: 640px){

    /* BARRA BOTOES */
    .idt-button-bar .ui-button-text {
        visibility: hidden !important;
    }

    .idt-button-bar {
        -moz-border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        width: 32px !important;
        height: 32px !important;
        padding-left: 0px !important;
        margin-right: 10px;
    }

    .idt-button-bar.ui-button.ui-button-text-icon-left .ui-icon {
        margin-left: -4px !important;
    }
}

.idt-div-form{
    margin-top: 120px;
}

.idt-input-form{
    width: 100% !important;
}

.idt-input-form-moeda{
    width: 100%;
    text-align: right;
}

.idt-input-checkbox{
    width: 18px;
    height: 18px;
}

.idt-md-input{
    display: block;
    position: relative;
}

.lbl-idt-md-input{
    position: absolute;
    left: 5px;
    top: -20px;
    font-size: 12px;
    color: #607D8B;
}

.idt-button-grid{
    margin-right: 8px !important;
}

.idt-left {
    float: left;
}

.idt-right {
    float: right;
}

.idt-g-form{
    margin-top: 16px;
}

.idt-lbl-dtg-column {
    font-size: 11px !important;
}

.idt-pnl-btn-pesquisar-gt{
    width: 25px;
}

.idt-btn-pesquisar-gt{
    position: absolute;
}

/* PRIMEFACES */
.idt-input-pesquisar.md-inputfield input.ui-state-filled ~ label {
    top: -8px !important;
}

.idt-input-pesquisar.md-inputfield input:focus ~ label {
    top: -8px !important;
}

.ui-fluid .ui-inputgroup .ui-button.ui-button-icon-only {
    width: 21px !important;
    height: 21px !important;
}

.ui-selectonemenu.idt-input-form {
    padding-bottom: 1px !important;
}

.card {
    margin-bottom: 0px !important;
}

.ui-state-disabled {
    opacity: .8 !important;
    filter: Alpha(Opacity=80) !important;
}