/* ******** LOGIN ******** */

div#loginContainer {
    width: 400px;
    background: white;
    border: 2px solid #eee;
    padding: 30px;
    margin: 10% auto 0;
}

div#loginFooter {
    width: 400px;
    margin: auto;
    color: #444;
    padding-top: 3px;
}

div#loginFooter a {
    color: #444;
}

/*************** ticket ******************/
ticket {
    border: 0 none !important;
    height: 100% !important;
    width: 100% !important;
    position: absolute !important;

}

/**********  main  *********/

tbody button.btn.btn-sm { background: none; }
tbody button.btn.btn-sm:hover { color: #e74c3c; }
tbody td.disabled {
    color: lightgray;
    font-style: italic;
}

a.navbar-brand { padding: 0 !important; }

#logoimg {
    height: 55px;
    margin: 15px 0 0 30px;
}

/********* loader *********/
#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

#form {
    background: white;
}

li#li_visit {
    cursor: pointer;
}
div#progress_status {
    cursor: pointer;
}

/* fix button datatables */
div.dataTables_wrapper.no-footer > div.row:first-child {
    float: right;
    clear: both;
}
div.portlet-body > button:first-child,
button#newPatient {
    margin-bottom: -48px;
    position: relative;
    z-index: 100;
}

.page-header.navbar .page-logo {
    width: 235px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#upper_legend .popover{
    /* //left: -50%  !important;
    //top: 5% !important;
    //max-width: 475px !important; */
    max-width: 150% !important;
    width: 125%;
}

#legend_ide .popover{
    /* //left: 73%  !important;
   // top: 15% !important;
   // max-width: 490px !important; */
   width: 30% !important;
   max-width: 100% !important;
}

#upper_legend .popover .arrow:after{
    border-bottom-color:white;
}

#upper_legend .popover-title{
    background-color:#67809F;
}

#upper_legend .tools span{
    cursor:pointer;
}

#legend_ide .popover-title{
    background-color:#67809F;
    color: white;
}

#legend_ide .tools span{
    cursor:pointer;
}


div#chartGenerate {
    text-align:center;
}

div#chartGenerate img {
    width: 75%;
    
}

label#body_declaration{
    height:200px;
}
textarea#body_email {
    height: 200px!important;
}
.descrmain {
    text-align:left!important;
}

.control-label .required,.form-group .required {
    color: #e02222;
    font-size: 14px;
    padding-left: 0px !important;
}



div.treeview{
    padding-top: 20px;
    margin-top: 10px;
}

.tree td span.element{
    padding: 4px
}
.tree td:nth-child(2){
    text-align: center;
}
.LLT{
    color: #b257d9;
    border: 1px solid #b257d9;
}
.PT{
    color: #359e9d;
    border: 1px solid #359e9d;
}
.HLT{
    color: #f23b0e;
    border: 1px solid #f23b0e;
}
.HLGT{
    color: #59c52f;
    border: 1px solid #59c52f;
}
.SOC{
    color: #087bb1;
    border: 1px solid #087bb1;
}

.soc_default{
    border-width: 2px;
    font-weight: bold;
}

.tree td span.exactmatch{
    padding: 3px;
    color: #0f8d0a;
    border: 1px solid #0f8d0a;
}

.tree td span.contains{
    padding: 3px;
    color: #630826;
    border: 1px solid #630826;
}

.tree td span.lexicalvariant{
    padding: 3px;
    color: #cc6007;
    border: 1px solid #cc6007;
}

.tree td span.synonym{
    padding: 3px;
    color: #050370;
    border: 1px solid #050370;
}