/**
* rudi 28/08/2012 o proposito do common_css é a gente migrar pouco a pouco todo codigo css compartilhado no sistema
**/
body {
    background-color:#E4E4E4;
    font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    margin:0px 0px;
}

table, h2 {
    font-size:11px;
}

.hr_dotted {
    border: 1px dotted #C0C0C0;
    border-style: none none dashed;
    color: #fff;
    background-color: #fff;
}

.delete_button {
    display: block;
    background: url(../imagens/icons/delete12x12.png) top left no-repeat;
    text-align: center;
    height:12px;
    width:12px;
    /* text-indent:-9999px; */
    text-decoration:none;
    cursor:pointer;
}

.callbutton {
    background:#F0F0F0 url(callbutton.gif) repeat-x scroll 0%;
    border:1px solid #A4A4A4;
    color:#333333;
    font-size:12px;
    text-decoration:none;
    cursor:pointer;
    padding-left:2px;
    padding-right:2px;
}

.colunaDado
{
    border:solid 1px #D8DFEA;
    border-left:0px;
    background:#FFF;
    padding:5px;
    font-family:"Tahoma", "Arial", "Times New Roman";
    font-size:11px;
    color:#000;
}

.colunaDado2
{
    padding:5px;
    font-family:"Tahoma", "Arial", "Times New Roman";
    font-size:11px;
    font-weight:bold;
    color:#1C4257;
}

.colunaTitulo
{
    border:solid 1px #D8DFEA;
    background:#D8DFEA;
    padding:5px;
    text-align:right;
    font-family:"Tahoma", "Arial", "Times New Roman";
    font-size:11px;
    color:#3B5998;
}

.titulosGrid
{
    background:#7199C6;
    font-weight:bold;
    font-size:11px;
    color:#FFF;
    padding:5px;
    text-align:center;
}

/* rudi 10/2012 botoes css gerados pelo app do site  CSSButtonGenerator.com */
.button_green {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
    background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:2px solid #74b807;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    /* padding:6px 76px; */padding:6px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528009;
    cursor:pointer;	 display: inline-block;  width: 253px;
}.button_green:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
    background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
    background-color:#77a809;
}.button_green:active {
    position:relative;
    top:1px;
}


.button_red {
    -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
    box-shadow:inset 0px 1px 0px 0px #f29c93;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
    background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
    background-color:#fe1a00;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:2px solid #d83526;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    /* padding:6px 76px; */padding:6px;
    text-decoration:none;
    text-shadow:1px 1px 0px #b23e35;
    cursor:pointer;	 display: inline-block;  width: 253px;
}.button_red:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
    background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
    background-color:#ce0100;
}.button_red:active {
    position:relative;
    top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com ... */
/* </style> */


/* rudi 10/2012 botoes css gerados pelo app do site  CSSButtonGenerator.com */
.button_blue {
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color:#79bbff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:2px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    /* padding:6px 76px; */padding:6px;
    text-decoration:none;
    text-shadow:1px 1px 0px #546ccc;
    cursor:pointer;	 display: inline-block;  width: 253px;
}.button_blue:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
    background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
    background-color:#378de5;
}.button_blue:active {
    position:relative;
    top:1px;
}

.button_yellow {
    -moz-box-shadow:inset 0px 1px 0px 0px #fccb97;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fccb97;
    box-shadow:inset 0px 1px 0px 0px #fccb97;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5ac3d), color-stop(1, #d17907) );
    background:-moz-linear-gradient( center top, #f5ac3d 5%, #d17907 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ac3d', endColorstr='#d17907');
    background-color:#f5ac3d;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:2px solid #eb9c34;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    /* padding:6px 76px; */padding:6px;
    text-decoration:none;
    text-shadow:1px 1px 5px #cc6516;
    cursor:pointer;	 display: inline-block;  width: 253px;
}.button_yellow:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d17907), color-stop(1, #f5ac3d) );
    background:-moz-linear-gradient( center top, #d17907 5%, #f5ac3d 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d17907', endColorstr='#f5ac3d');
    background-color:#d17907;
}.button_yellow:active {
    position:relative;
    top:1px;
}

.div_discador {
    position:fixed;
    display:block;
    top:170px;

    right:5px;
    width:133px;
    align:left;
    text-align:left;

    border:2px solid #888;
    padding:3px;
    text-align:center;
    background-color:white;
    z-index:999999;
}

.div_discador img {
    float:left;
}
* html .div_discador {position:absolute;}






.btTimesheetGreen
{
    /* border:solid 1px #00244B; */
    border : 0px;
    background:#1357A1 url(../imagens/fd_botao_green.gif);
    background-position:center;
    background-repeat:repeat-x;
    font-family:"Tahoma", "Arial", "Times New Roman";
    font-size:11px;
    font-weight:bold;
    color:#FFF;
    padding-bottom:1px;
    height:22px;
    *margin-top:1px;
    *height:23px;
}


.btTimesheetGreenSm
{
    /* border:solid 1px #00244B; */
    border : 0px;
    background:#1357A1 url(../imagens/fd_botao_green.gif);
    background-position:center;
    background-repeat:repeat-x;
    font-family:"Tahoma", "Arial", "Times New Roman";
    font-size:12px;
    color:#FFF;
    padding-bottom:1px;
    height:18px;
    *margin-top:1px;
    *height:18px;
}

.btTimesheetGray
{
    /* border:solid 1px #00244B; */
    border : 0px;
    background:gray url(../imagens/fd_botao_inativo.gif);
    background-position:center;
    background-repeat:repeat-x;
    font-family:"Tahoma", "Arial", "Times New Roman";
    font-size:11px;
    font-weight:bold;
    color:#FFF;
    padding-bottom:1px;
    height:22px;
    *margin-top:1px;
    *height:23px;
}


tr.lin_impar, tr.lin_impar_hover {
    background-color:#F0F0F0;
    padding:5px;
}

tr.lin_par, tr.lin_par_hover {
    background-color:#E9E9E9;
    padding:5px;
}

tr.lin_impar_hover:hover, tr.lin_par_hover:hover {
    background-color:#CCCCCC;
}


.text, input.text {
    background-color:#F6F6F6;
    border:1px solid #A4A4A4;
    color:black;
    font-size:11px;
    width:200px;
    padding-left:3px;
}

.textarea_no_width{
    background-color:#F6F6F6;
    border:1px solid #A4A4A4;
    color:black;
    font-size:11px;
}

.textarea_full_width {
    background-color:#F6F6F6;
    border:1px solid #A4A4A4;
    color:black;
    font-size:11px;
    width:100%;
    padding-left:3px;
}

.textarea_half_width {
    background-color:#F6F6F6;
    border:1px solid #A4A4A4;
    color:black;
    font-size:11px;
    width:50%;
    padding-left:3px;
}

.select {
    background-color:#F6F6F6;
    border:1px solid #A4A4A4;
    color:black;
    font-size:11px;
    padding-left:3px;
}

tr.tr_item_lista_configurator {
    /*background-color:#FDFCDC;*/
}

tr.tr_item_lista_configurator_ca {
    background-color:#FDFCDC;
}

tr.tr_item_lista_configurator:hover , tr.tr_item_lista_configurator_ca:hover {
    background-color:#F0F0F0;
}





table.admin_table thead{
    background-color:#82A5CC;
    color:#FFFFFF;
    font-weight:bold;
}

table.admin_table { background-color:#F6F6F6;width:70%; }
table.admin_table th,table.admin_table td{ padding:5px; }
table.admin_table td.admin_table_titulo{ font-weight:bold;text-align:right; }
table.admin_table td.admin_table_dados{ text-align:left; }

ul.ul-vertical-menu {

    margin: 0;
    padding: 0;
    list-style: none;

}

ul.ul-vertical-menu > li {

    padding: 10px;
    font-weight: bold;
    cursor: pointer;
    color: #F1F1F1;
    border-bottom: solid 2px #678db7;

}

ul.ul-vertical-menu > li:hover {

    background-color: #678db7;
    color: #FFFFFF;

}

ul.ul-vertical-menu > li.active {

    background-color: #678db7;
    color: #FFFFFF;
    border-bottom-color: #3c73b1;

}

table.fit-content > tbody > tr > td { white-space: nowrap; }
table.fit-content > tbody > tr > td:last-child { width: 100%; }

table.selectable tbody tr:not(.not-selectable) { cursor: pointer; }
table.selectable tbody tr:not(.not-selectable):hover { background-color: #E0E0E0; }
table.selectable tbody tr:not(.not-selectable).selected { background-color: #C1CDC1; }

table.nowrap { white-space: nowrap; }
table.layout-fixed { table-layout: fixed; }

table.last-tr-td-align-r > tbody > tr > td:last-child { text-align: right; }

.hidden { display: none !important; }

.inline-block { display: inline-block; }
.inline-block:not(:last-child) > * {
    margin-right: 15px;
}

.mt-4px { margin-top: 4px; }

.no-padding { padding: 0 !important; }

.pull-right { float: right; }
.pull-left { float: left; }

.width-10 { width: 10%; }
.width-20 { width: 20%; }
.width-30 { width: 30%; }
.width-40 { width: 40%; }
.width-50 { width: 50%; }
.width-60 { width: 60%; }
.width-70 { width: 70%; }
.width-80 { width: 80%; }
.width-90 { width: 90%; }
.width-100 { width: 100%; }
.width-auto { width: auto; }
.valign-top { vertical-align: top; }
.valign-bottom { vertical-align: bottom; }
.valign-sub { vertical-align: sub; }

.text-success { color: #5cb85c !important; }
.text-warning { color: #f0ad4e !important; }
.text-danger { color: #d9534f !important; }

.box-sizing, .box-sizing * {
    box-sizing: border-box;
}

.form-group:not(:last-child) {
    margin-bottom: 10px;
}
.form-group fieldset, fieldset.form-group {
    margin: 0;
    padding: 5px;
}

.form-group label {
    display: inline-block;
    margin-bottom: 5px;
    white-space: pre-wrap;
}
.form-group .input-group-addon {
    display: inline-block;
    vertical-align: bottom;
}
.form-group .input-group-addon > * {
    display: inline-block;
}

.form-check:not(:last-child) {
    margin-bottom: 5px;
}
.form-check label {
    margin-bottom: 0;
}
.form-check input {
    margin: 0;
    vertical-align: sub;
}

.form-control {
    display: block;
    width: 100%;
}

.bootstrap-tagsinput {
    width: 100%;
    box-sizing: border-box;
}

.bootstrap-tagsinput > .label-info {
    background-color: #5bc0de;
    padding: .2em .6em .3em;
    display: inline;
    white-space: nowrap;
    border-radius: .25em;
}

.bootstrap-tagsinput > .label-info > span[data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}

/* rudi 2019-09-06 usado no loading com reticencias */
@keyframes opacitychange{
    0%, 100%{
        opacity: 0;
    }

    60%{
        opacity: 1;
    }
}