input[readonly]
{
    background-color: #ccc !important;
    border: 1px solid #888 !important;
}

select{
    height: 20px !important;
}
.tablehoken2 input[type="text"], .tablehoken2 input[type="email"], .tablehoken2 select{
    width: 100%;
    padding: 0 0px !important;
}
.tablehoken2 label{
    float: right;
}

.tablehoken{
    width: 100% !important;
}


.tablehoken thead tr .header, .tablehoken thead tr {
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    padding: 5px 3px 5px 5px !important;
    text-align: left;
    font-weight: normal !important;
    font-size: 13px !important;
    background-color: #deded7 !important;
    
    border-bottom: 1px solid #cccccc !important;
}

.tablehoken tbody tr{
    margin-bottom: 1px solid #111 !important;
}

.th6{
    background-color: #e6e6e6 !important;
}


.tablehoken caption, .tablehoken .caption {
    font-weight: 900;
    font-size: 14px;
    background-color: #367fa9 !important; 
    color: #fff !important;
}


#header #c_logo {
    width: 150px !important;
    background: url(../img/logo_hoken-grande-min.png) 0 0 repeat-x !important;
}


#header_top, #c_menu {
    background-color: #367fa9 !important;
}

ul.ssmenu li.active, ul#menu > li.active, ul#menu > li.active:hover, ul#menu > li.active a:hover,
ul.ssmenu li:hover, ul#menu > li:hover > a {
    background-color: #23536f !important;
    color: #fff !important;
}

ul#menu ul li a:hover{
    background-color: #23536f !important;
    color: #fff !important;
}

li.active > a{
    background-color: #23536f !important;
    color: #fff !important;
}

@media only screen and (max-width: 600px) {
    .tablehoken2 label{
        float: left;
        width: 100%;
    }
    .tablehoken2 .submit{
        width: 80%;
        margin-left: 5%;
    }

  }

  @media only screen and (max-width: 800px) {
    .ui-tabs-nav .ui-state-default{
        width: 100%;
        min-width: 100%;
    }
    #lista_ticket_hk, #add_ticket_hk{
        display: none;
    }
  }



  
.td8{
    border-bottom: 1px solid #999 !important;
}

.backgroundtrzebra1{
    background-color: #fff !important;
}

.backgroundtrzebra2{
    background-color: #e6e6e6 !important;
}


input[name=delete], input[name=purge]{
    background-color: #dc3545 !important;
    color: #fff !important;
    min-width: 180px;
    border-bottom: 4px #a71d2a solid !important;
}

.btnsalvarhk, .btnpesquisarhk, .btnadicionarhk, input[name=update] {
    background-position: 7px 7px;
    background-repeat: no-repeat;
    min-width: 180px;
}

.btnsalvarhk, input[name=update] {
    /*background-image: url(../img/save-hk.png); */
    background-color: #28a745 !important;
    border-bottom: 4px #19692c solid !important;
    color: #fff !important;
}
.btnpesquisarhk {
    /*background-image: url(../../../pics/menu_search.png);*/
}
.btnadicionarhk{
    /*background-image: url(../../../pics/meta_plus.png);*/
}

.submit, .vsubmit, .btnsalvarhk, .btnpesquisarhk, .btnadicionarhk{
    border-bottom: 4px #8f5a0a solid !important;
    border-radius: 0 0 5px 5px !important;
}

.submit:hover, .vsubmit:hover, .btnsalvarhk:hover, .btnpesquisarhk:hover, .btnadicionarhk:hover{
    -webkit-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.75);
  
}

#c_recherche form #champRecherche input {
    background-color: #ffffff;
    color: #222;
}

input[type=email], input[type=password], input[type=text], input[type=number], select, .select2,
textarea, input:required {
    border-left: 2px solid #3c8dbc !important;
    border-radius: 4px !important;
}


button[name=globalsearchglass], input[name=globalsearch] { 
    border-bottom: 0px #8f5a0a solid !important;
    border-radius: 0 0 0px 0px !important;
}