/* ******** 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: 9999;
}

#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;
}
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: 5%  !important;
    top: 5% !important;
    max-width: 372px !important;
}

#legend_ide .popover{
    left: 73%  !important;
    top: 50% !important;
    max-width: 425px !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;
}