/*
 Css geral que pode ser utilizado em todas as páginas
*/

.btn-success {

    color: white !important;
    background-color: #5cb85c !important;
}

.btn-info {

    color: white !important;
    background-color: #5bc0de !important;
}

.btn-danger {

    color: white !important;
    background-color: #d9534f !important;
}

.btn-warning {

    color: white !important;
    background-color: #f0ad4e !important;
}

.btn-primary {

    color: white !important;
    background-color: #337ab7 !important;
}

.btn-very-small {

    width: 25px;
    height: 25px;
    margin-bottom: 2px;
}

.div-btn-very-small-icon {

    margin-top: -5px;
    margin-left: -6px;
}

.btn-small {

    width: 40px;
    height: 30px;
    margin-bottom: 2px;
}

.div-btn-small-icon {

    margin-top: -2px;
}

.btn-medium {

    width: 110px;
}

.btn-large {

    width: 200px;
}

.btn-space-left {

    margin-left: 10px;
}

.panel-dialog {

    margin: -10px;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.panel-footer-right {
    margin: 10px 10px 0 0;
    position: relative;
    right: 0;
    float: right;
}

.panel-footer-left {
    margin: 10px 10px 0 0;
    position: relative;
    left: 0;
    float: left;
}

.datatable-label-info-header {

    display: inline-block;
    position: relative;
    width: 100%;
    height: 20px;
    margin-left: -17px;
    margin-top: -10px!important;    

}

.datatable-label-info-header-left {

    margin: 5px 0 5px 0;
    position: absolute;
    left: 0;
}

.datatable-label-info-header-right {

    margin: 5px 0 5px 0;
    position: absolute;
    right: 0;
}

.ui-datatable-header {

    background: none;
    border: 0;
}

.ui-datatable-footer {

    background: none;
    border: 0;
    height: 20px;
}

.control-label {

    margin-bottom: -5px;    
}

.container-body {

    margin-top: 30px;
}

.icon-field-required {

    font-size: 10px; 
    color: #f95a0e;
    cursor:help;
}

.input-switch .ui-inputswitch-off {

    margin-top: -2px;
    height: 30px !important;
    background-color: gainsboro;   
    padding-right: -4px !important;
}

.input-switch .ui-inputswitch-on {

    margin-top: -2px;
    height: 30px !important;   
    background-color: white;   
}

.text-lower-case {

    text-transform: lowercase;
}

.text-upper-case {

    text-transform: uppercase;
}

.ui-datatable .ui-paginator {

    font-weight: normal;	
    font-size: 10px;
}

.ui-tabs {

    border-bottom: none !important;
    margin-bottom: -10px !important;
}

/*Correção do componente selectOneMenu*/
.ui-selectonemenu {

    height: 30px;   
}

.ui-selectonemenu .ui-selectonemenu-label {

    height: 28px;

}

.ui-selectonemenu .ui-selectonemenu-trigger {
    width: 30px !important;
}

.ui-selectonemenu .ui-icon {
    margin-top: 6px !important;
    margin-left: 3px !important;
}
/*Fim*/

/*Correção do componente selectCheckboxMenu*/
.ui-selectcheckboxmenu {
    min-width: 100px !important;
    width: 60% !important;
    height: 32px !important;
    margin-bottom: 4px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
    width: 100% !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    text-align: left !important;
    padding-top: 4px !important;
    font-weight: normal !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    width: 30px !important;
}

.ui-selectcheckboxmenu .ui-icon {
    margin-top: 6px !important;
    margin-left: 3px !important;
}
/*Fim*/

.ui-dialog {

    top: 60px !important;

}

/*Correção do componente fieldset*/
.ui-fieldset .ui-fieldset-legend {

    width: 100px !important;
    height: 30px !important;
    margin-top: 20px;
    padding: 0px !important;
    text-align: center;
    font-size: 15px;
    padding-top: 3px !important;
}
/*Fim*/


/*adição do css para criar o dropdown-submenu*/
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
/*Fim*/

.ui-selectmanycheckbox .ui-chkbox {

    margin-left: 10px !important;
}

.loading-dialog {

    background-color: darkgray !important;
    margin-top: 10% !important;
}

.ui-selectoneradio label {

    margin-right: 10px !important;
    padding-left: 2px !important;
}

.ui-selectoneradio .ui-radiobutton-icon {

    margin-left: -0.5px;
    margin-top: -1px;
}

.ui-selectmanycheckbox label {

    margin-left: 2px! important;
}

.ui-inputtext {

    height: 30px !important;
}

.color-gray-gradient {

    background-image: -moz-linear-gradient(center top, #FFF, #E6E6E6);
}

.color-status-green {

    background-color: #5eab14 !important;
}

.color-status-yellow {

    background-color: #e8c757 !important;
}

.color-status-red {

    background-color: #c6410c !important;
}

.color-status-gray {

    background-color: #cccccc !important;
}

.color-status-purple {

    background-color: #A17DCE !important;
}

.color-status-green-font {

    color: #5eab14 !important;
}

.color-status-yellow-font {

    color: #e8c757 !important;
}

.color-status-red-font {

    color: #c6410c !important;
}

.color-status-gray-font {

    color: #cccccc !important;
}

.color-status-purple-font {

    color: #A17DCE !important;
}

.ui-state-disabled {

    opacity: .70 !important;
    color: #333333 !important;    
}

.color-green-unimed-font {

    color: #034a12;
}

.color-green-unimed-background {

    color: #034a12;
}

.ui-state-active {

    background-color:  #cccccc !important;
}

/*remover bordas da datalabe*/
.border-less table > tbody > tr,
.border-less table > tbody > tr > td {
    
    border: none !important;
}
/*fim*/

/*deixar linha em evidencia*/
.datatable-row-mouse tr.ui-datatable-even:hover, 
.datatable-row-mouse tr.ui-datatable-odd:hover {
    
    background: #ccf3ff;
}
/*fim*/

.ui-separator {
    
    border-width: 0.5px; 
    border-color: #dadada; 
}

.div-manage {
    
    width: 500px;
}

.hr-fine {

    margin-top: 5px;
    margin-bottom: 5px;
}