/*10596*/
.divContainer{
    height: 38%;
    align:center;
    margin: 5px;
    padding: 5px;
    width: 63%;
    float:left;
}
.divBaseContainer{
    height: 15%;
    align:center;
    margin: 5px;
    padding: 5px;
    width: 95.5%;
    float:left;
}
.ProviderAssigened{
    background: #F99645;
    border: 3px solid #AC7242;
}
.PendingCalls{
    background: #4F81BC;
    border: 3px solid #486585;
    width: 94%;
}
.RealETA{
    background: #48AEC4;
    border: 3px solid #397692;
}
.BreakRollTime{
    background: #8064A1;
    border: 3px solid #413452;
}
.AveragePricing{
    background: #DA9695;
    border: 3px solid #7B2734;
}
.AlertMngmnt{
    background: #9BBB58;
    border: 3px solid #3E5425;
}
body{
    width: 96% !important;
    margin: 1% !important;
}

/* 
 * Date : 3 September 2015  
 * Created By : Aloha technology
 * Issue : #0000005
 * Description : Phase I: Modify TTN Dashboard to reflect new Call Management Alerts & Dispatch Management sections
 */

.divContainerCall{
    height: 75%;
    align:center;
    margin: 5px;
    padding: 5px;
    width: 46.3%;
    float:left;
    overflow :auto;
}
.CallManagementAlerts{
    /*background: #BA55D3;*/
    background: #9b41a0;
    border: 3px solid blue;
}
.DispatchManagementAlerts{
    background: #9BBB58;
    border: 3px solid #3E5425;
}
.divLockedManagementAlerts{
    background: #0080ff;
    border: 3px solid #3E5425;
}
.Base1{
    background: yellow;
    border: 3px solid orange;
}
.alertRecordsBoard{
    color:black;
    font-size:13px;
    font-weight:bold;
}
.baseCountNew{
    color:black;
    font-size:15px;
    font-weight:bold; 
}
.divBaseContainerNew{
    height: 19%;
    align:center;
    margin: 5px;
    padding: 8px;
    width: 47.2%;
    float:right;
}

/* 
 * Date : 3 September 2015  
 * Created By : Aloha technology
 * Issue : #0000005
 * Description : Phase I: Modify TTN Dashboard to reflect new Call Management Alerts & Dispatch Management sections
 */

.divContainerDispatch{
    height: 50%;
    align:center;
    margin: 5px;
    padding: 5px;
    width: 46.3%;
    float:left;
    overflow :auto;
}
.Base{
    background: #4F81BC;
    border: 3px solid #315378;
}
.clear{
    clear:both;
}
.content{
    align:center;
    width: 980px;
    height: 700px;
}
.lnkLogout{
    font-size: 12px;
}
body {
    margin: 0 auto;
    padding: 0;
    width: 980px;
    height: 100%;
    min-height: 600px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.header a:visited,
.header a {
    color: gray;
}
.header{
    padding-bottom: 40px;
    padding-top: 5px;
}
.session_credentials{
    float:right;
    font-size: 12px;
}
.sectionHeading{
    text-align:center;
    font-size:22px;
    color:white;
    font-weight:bold;
}
.sectionSubHeading{
    text-align:center;
    font-size:10px;
    color:white;
    font-weight:bold;
}
.alertRecords{
    color:white;
    font-size:18px;
    font-weight:bold;
}
.alertRecordsHead{
    color:white;
    font-size:14px;
    font-weight:bold;
}
.tableAlertInfo td:nth-child(2){
    border-right:solid 5px white;
}
.tableWinter td:nth-child(4){
    border-right:solid 5px white;
    padding-right: 20px;
}
.baseCount{
    color:white;
    font-size:20px;
    font-weight:bold; 
}
.floatL{
    float:left;
}
.floatR{
    float:right;
}
.timeLabel{
    text-align:center;
    color:white;
    font-size:20px;
}
.width45per{
    width:45%;
}
.width42per{
    width:42%;
}
.timeValue{
    text-align:center;
    color:white;
    font-size:43px;
    /*            font-weight:bold;*/
    /*            width:47%;*/
}
.widht42per{
    width:42%;
}
.widht39per{
    width:39%;
}
.widht16per{
    width:16%;
}
.widht13per{
    width:13%;
}
.timeSepration{
    text-align:center;
    color:white;
    font-size:42px;
    font-weight:bolder;
}
.sideLabelEta{
    -webkit-transform:  rotate(270deg);
    -moz-transform:  rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    writing-mode: tb-rl;
    float:left;
    color:white;
    font-size:12px;
    font-weight:bold;
    width:8%;
}
.marginTop60px{
    margin-top:60px;
}
.marginTop45px{
    margin-top:45px;
}
.avgPricingRecordsHead{
    color:white;
    font-size:14px;
}
.avgPricingRecordsTitle{
    font-weight:bold;
    color:white;
    font-size:14px;
}
.averageValue{
    color:white;
    font-size:30px;
}
.bold{
    font-weight:bold; 
}
.averageValueRed{
    color:white;
    font-size:30px;
    color:#EA0E00
}
.averageValueGreen{
    color:white;
    color:#8BCE65;
    font-size:30px;
}
.pendingRecordsHeader{
    color:white;
    font-size:15px;
}

.PendingCalls .pendingRecordsTitle {
    font-size: 15px;
}

.pendingRecordsTitle{
    font-weight:bold;
    color:white;
    font-size:20px;
}

.providerAssignedRecordHeaderBold{
    font-weight: bold;
}
.RealEtaSubHeading{
    color:white;
    font-weight:normal;
    text-align:center;
    text-decoration: underline;
    font-size: 15px;
}
.RealEtaSubTitle{
    color:white;
    font-weight:bold;
    margin-top: 3%;
    text-align:center;
    font-size: 20px;
}
.RealEtaDash{
    color:white;
    text-align:center;
    font-weight: bold;
}

.box1 {
    width: 100%;		
    background: white;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0)));
    background: -moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0));
    border-top: 1px solid rgba(255,255,255,0.75);
    box-shadow: 0px 5px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.25);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-bottom: 1.5em;
    padding: 1.5em;}
.imageMargin{
    margin: 15% auto 2em auto;
}
/* 11690 */
.widht40per{
    margin: 0 auto;
    width: 40%;
}
.tooltip {
    position: relative;}

.tooltip .message {
    margin: auto;
    margin-top: -50px;
    top: 0em;
    left: 0em;
    z-index: 10;
    width: 10em;
    height: 2.5em;
    padding-top: 0.7em;
    text-align: center;
    color: black;
    font-size: 14px;
    font-weight: normal;
    overflow-y: hidden;
    display: none;
    background: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.25);
}
.tooltip .message2 {
    margin: auto;
    margin-top: -20px;
    top: 0em;
    left: 0em;
    z-index: 10;
    width: 7em;
    height: 1.8em;
    padding-top: 0.3em;
    color: black;
    font-size: 12px;
    font-weight: normal;
    overflow-y: hidden;
    display: none;
    background: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.25);
}

.tooltip td {
    padding-top: 2px;
}

.sideValues {
    float: right;
}

.colorWhite {
    color: #FFFFFF
}

.colorRed {
    color: #EA0E00;
}

.colorGreen {
    color:  #8BCE65
}

/* 
 * Date : 3 September 2015  
 * Created By : Aloha technology
 * Issue : #0000005
 * Description : Phase I: Modify TTN Dashboard to reflect new Call Management Alerts & Dispatch Management sections
 */

.avgCallManagementAlertsCount{
    color:white;
    font-size:14px;
}
.pl-50-per{
    padding-left: 50%;
}
.pl-60-per{
    padding-left: 60%;
}
.pendingCallNumber{
    max-width: 100px;
    min-width: 100px;
}