.bg_bt{
     background: none;
    border: none;
    }
    
    .dem_a {
    color: #ce6208 !important;
    text-decoration: none;
    padding: 6px 0px;
    cursor: pointer;
    font-weight: 550;   
    }
/*     .dem_a:hover {
  color: transparent !important;
  -webkit-text-stroke: 1px #ce6208;
}

@supports not(-webkit-text-stroke: 2px red) {
  .dem_a:hover {
    text-shadow:
      3px 3px 0 #ce6208,
      -1px -1px 0 #ce6208,
      1px -1px 0 #ce6208,
      -1px 1px 0 #ce6208,
      1px 1px 0 #ce6208;
  }
} */


    .dem_a:hover {
/* background: none; */
    cursor: pointer;
    text-shadow: 0 0 3px #586269;
    color: #0b25dc !important;
    -webkit-transition: background 2s ease-out;
    -moz-transition: background 2s ease-out;
    -o-transition: background 2s ease-out;
    transition: background 2s ease-out;
    }
 
        
    #noti_Container {
        position:relative;
    }
       
    /* A CIRCLE LIKE BUTTON IN THE TOP MENU. */
    #noti_Button {
        width:22px;
        height:22px;
        line-height:22px;
        border-radius:50%;
        -moz-border-radius:50%; 
        -webkit-border-radius:50%;
        background:#FFF;
        margin:0px 0px 0 10px;
        cursor:pointer;
    }
        
    /* THE POPULAR RED NOTIFICATIONS COUNTER. */
    #noti_Counter {
    display: block;
    position: fixed;
    background: #E1141E;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 3px;
    margin: 0px 0 0 307px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 1;
    top: -2px;
    right: 440px;
    }
        
    /* THE NOTIFICAIONS WINDOW. THIS REMAINS HIDDEN WHEN THE PAGE LOADS. */
    #notifications {
        display:none;
        width:450px;
        position:absolute;
        top:25px;
        right:0;
        background:#FFF;
        border:solid 1px rgba(100, 100, 100, .20);
        -webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .20);
        z-index: 999999;
    }
    /* AN ARROW LIKE STRUCTURE JUST OVER THE NOTIFICATIONS WINDOW */
    #notifications:before {         
        content: '';
        display:block;
        width:0;
        height:0;
        color:transparent;
        border:0px solid #CCC;
        border-color:transparent transparent #FFF;
        margin-top:-20px;
        margin-left:10px;
    }
        
    #notifications h3 {
        display:block;
        color:#fff; 
        background: #6c99d2;
        font-weight:bold;
        font-size:18px;    
        padding:5px;
        margin:0;
        border-bottom:solid 1px rgba(100, 100, 100, .30);
        text-align: center;
        letter-spacing: 1px;
        height: 50px;
    }
        
    .seeAll {
        background:#6c99d2;
        padding:8px;
        font-size:12px;
        font-weight:bold;
        border-top:solid 1px rgba(100, 100, 100, .30);
        text-align:center;
    }
    .seeAll a {
        color:#fff;
    }
    .seeAll a:hover {
        background:#F6F7F8;
        color:#3b5998;
        text-decoration:underline;
    }
    
    .contentDiv{
   /*  border: 1px solid #45619d; */
    margin-top: 1px;
    padding: 5px;
    background-color: aliceblue;
    
    }
    .contentDiv p{
   text-align:left;
   line-height: 20px !important;
    }
    
    .noti_brace{
    padding:0px !important;
    }
    
    .dateSpan,.iconSpan{
     float: right;
     padding-right: 0px; 
     /* color: #8c6d6d; */
      color: #b7adad;
      margin-bottom: -2px;
    }
 
    .iconSpan i {
    margin-left:3px;
    }
    #notificationMainDiv{    
    height: 400px;
    overflow-y: scroll;
    max-height: 450px
    }
    .noti_brace{
   /*  color: #5b1ebd; */
   color: #988888;
    font-size: 13px;
    font-weight: 500;
    font-family: Georgia;
    }
    .noti_name{
    /*  color: #1554da; */
    color: #84b1e8;
    font-weight: 500;
    line-height: 1px !important;
    }
    .noti_text{
    margin-bottom: 0px !important;
    font-size:12px;
    }
    .en_fa { color: #5354e2;}
    .li_fa{color: #65bf13;}
    .cl_fa{color:#e00b01;}
    
    .iconSpan i:hover {
   text-shadow: 2px 2px 4px #000000;
}
/*Form Wizard*/
/* .bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 0px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 10px; margin-bottom: 0px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 35px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 5px; box-shadow: none; margin: 15px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; } */
/*END Form Wizard*/

.contentDiv:hover {background-color : #cee3ff}