/* Stili per intestazione ad altezza fissa e corpo a riempimento */
body{ margin:0; width: 100vw; height: 100vh; display: flex; flex-direction: column; }
main{ width:100%; height:100%; padding:0px 0px 0px 0px !important; flex-grow: 1; flex-shrink: 1; overflow: auto; }

#header { height:67px; }
#toolbar, .toolbar { position:relative; background-color: #2B3C59; height:50px; }
#toolbar .tb-button, .toolbar .tb-button { cursor:pointer; }
#toolbar .tb-button:hover, .toolbar .tb-button:hover { opacity: 0.8; }

#head-logo { position:absolute; top:10px; left:10px; width:130px; }
#head-cookie-policy {
    position: absolute; top: 20px; left: 150px;
}
#head-avatar { position:absolute; top:7px; right:7px; width:53px; }
#notificationTotalQuantity { background-color:red; color:white; font-size:12px; position:relative; top:-35px;  right:45px; padding:2px 10px 2px 10px; border-radius:10px; }
#head-search { position:absolute; top:7px; left:265px; }
#avatar-name { position:absolute; top:2px; right:67px; font-size:30px; }
#avatar-surname { position:absolute; top:33px; right:67px; font-size:20px; }
#import-recap { position:absolute; top:15px; right:360px; text-align:center; }
#import-recap-date { font-size:20px; }
.import-logo {position:absolute; top:25px; right:330px; cursor:pointer; }
#notification { position:absolute; top:0px; right:150px; font-size:20px; cursor:pointer }
#header .popover, #header .popover-title {background-color:aliceblue;}
#header .popover-title {background-color:aliceblue; color: #2B3B59;font-weight: bold;}
#bell { width:90px;  }
#tb-home { position:absolute; left:0px; width:50px; }
#tb-prevention { position:absolute; left:75px; width:50px; }
#tb-management { position:absolute; left:125px; width:50px; }
#tb-collection { position:absolute; left:175px; width:50px; }
#tb-report { position:absolute; left:225px; width:50px; }
#tb-help { position:absolute; left:275px; width:50px; }

#master-title { position: absolute; top: 13px; left: 350px; font-size: 20px;  color: #FFF !important;}
#tb-setup { position:absolute; right:60px; width:50px; }
#tb-logoff { position:absolute; right:0px; top:4px; width:50px; }

#tb-toolbar, .tb-toolbar { position:absolute;}
#tb-toolbar { right:120px; }
.tb-toolbar { right:2px; }


/* Ricerca veloce */
.fsearch { position:absolute; top:10px; left:200px; border:2px solid #999; border-radius:5px 5px 5px 5px; background-color:#fcfcfc; padding:1px 10px 1px 10px; }
    .fsearch .fsearch-textbox {
        border: 0px;
        width: 25vw;
        height: 40px;
        background-color: #fcfcfc;
        color: #666;
        font-size: 16px;
    }
.fsearch .fsearch-img { vertical-align: middle; }
.fsearch-img { width:30px; height:30px }
.fsearch-result {
    position: absolute;
    top: 49px;
    left: 264px;
    max-height: 200px;
    width: 28.9vw;
    border: 2px solid #999;
    border-radius: 5px 5px 5px 5px;
    background-color: #fff;
    z-index: 2;
    overflow: auto;
}
.fsearch-result .fsearch-item { border:1px solid #ccc; padding:5px 5px 5px 5px; margin-bottom:1px; font-size:12px; cursor:pointer; }
.fsearch-result .fsearch-item:hover { background-color:#ddd; }
.fsearch-result .fsearch-item .fsearch-name { font-size:14px; font-weight:bold; color:#2B3C59; margin-bottom:5px; }

.progress-bar-message{
    width: 100%;
    height: 25px;
}





.popover.bottom .arrow:after {
    border-bottom-color: aliceblue;
}



.circle {
    border-radius: 25px;
    color:white;
    font-size:20px;
    padding-top:6px;
    vertical-align:bottom;
    display: inline-block;
    height: 40px;
    width:40px;
    text-align:center;
    font-weight:bold;
}
#notificationTable {
    width:250px;
}
#notificationTable th, #notificationTable td {
  padding: 2px;
}

#notificationTable .title {
    color:#2B3B59;
}

#comunicationsCircle {
    background-color:darkcyan;
}

#outsourcerCircle {
    background-color:darkgrey;
}

#legalCircle {
    background-color:darkorange;
}

#followupCircle {
    background-color:darkgreen;
}

#phonecallCircle {
    background-color:saddlebrown;
}

#claimCircle {
    background-color:darkkhaki;
}

#otherActionCircle {
    background-color: saddlebrown;
}

#plansToBeApprovedCircle {
    background-color: darkgrey;
}

.tdQuantity {
    vertical-align:middle;
}

.title {
    font-weight:bold;
}



 

#notificationTable tr.descriptionRow>td {
  padding-bottom: 1em;
}

.rule {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; 
}


a:link, a:visited, a:hover, a:active {
    text-decoration: underline;
}


.notificationCount {
    font-size: larger;
    font-weight:900;
}

.notificationCount-Area-1 {
    color: #4F81BD;
}

.notificationCount-Area-2 {
    color: #9BBB59;
}

.notificationCount-Area-3 {
    color: #F79646;
}