.p1-container-fluid{
    background-color:#006064;
}
.sub-p1-container-fluid{
   border-bottom-left-radius: 30px;
     border-bottom-right-radius: 30px;
     
      background-color:#006064;
     
}
.sub-p1-main-container-fluid{
 padding-right: 250px !important;
    padding-left: 250px !important;
}
.p1-sub-span-down{
    float:right;
        padding-right: 45px;
    padding-bottom: 6px;
    margin-top:3px;
}

.p1-sub-span-logout{
    padding-left:45px;
}

.p1-button-up{
    background-color:#3e4b5c !important;
}
.p2-container-fluid{
background-color:#006064;
height:50px;
}
.sub-p2-container-fluid{
    border-bottom-left-radius: 30px; 
     border-bottom-right-radius: 30px; 
     background-color:#006064;
     margin-right: 90px;
    margin-left: 90px;
}
.btn-p2{
    border:0px !important;
    background-color:#006064 !important;
        
            padding: 0px 0px 0px 0px !important;
}
.li_sm-p1{
           margin: 0;
    padding: 0 4px;
    height: 50px;
    display: inline-block;
}

.image-p1{
    float: left;
    margin-top: -5px;
    margin-right: 5px;
    height: 29px;
    display: inline-block;
}
.span-log-out-p1{
    padding-top: 14px;
    color:#79869a;
    font-size:23px;
}
.ul-nav-p1{
        margin-left: 35px;
}
.p1-a:hover{
    background-color:#00838F!important;
}
.p1-a:active{
    background-color:#3f4f62 !important;
}

.li_sm-p1:hover{
        background-color:#00838F !important;
}
.li_sm-p1:active{
        background-color:#3f4f62 !important;
}
.p1-a{
    color:#fff;
 
}

/*Scroll*/
.scroll-bar-wrap {
    width: 300px;
    position: relative;
    margin: 2em auto;
    }
    .scroll-box {
    /*width: 100%;*/
    height: 295px;
    overflow-y: scroll;
    max-height:200px;
    display: inline-grid;
    background-color:white;
     overflow:auto;

    }
    .scroll-box::-webkit-scrollbar {
    width: .4em;
      left:3px !important;
    }
    .scroll-box::-webkit-scrollbar,
    .scroll-box::-webkit-scrollbar-thumb {
    overflow:visible;
    border-radius: 4px;
    }
    .scroll-box::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2);
    }
    .cover-bar {
    position: absolute;
    background: #fff;
    height: 100%;
    top: 0;
    right: 0;
    width: .4em;
    -webkit-transition: all .5s;
    opacity: 1;
    }
    /* MAGIC HAPPENS HERE */
    .scroll-bar-wrap:hover .cover-bar {
    opacity: 0;
    -webkit-transition: all .5s;
    }
    /*---------------------------------------------------*/

    .sub-p2-container-fluid{
          margin-right: 80px !important;
    margin-left: 80px !important;
    }
      .p2-nav  {
                 display: -webkit-box;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    list-style: none;
      }

      li_sm-p2{
              margin: 0;
    padding: 0 4px;
    height: 42px;
    display: inline-block;
      }
      .p2-a :visited{
          background-color:#3f4f62!important;
      }
      .p2-a{
          background-color:#006064 !important;
          color:white;
      }

      .span-log-out-p2{
              padding-top: 10px;
              color:#79869a;
      }


  .ul-inner-p2{
   
        display: -webkit-box;
    padding-top: 17px;
    float:right;
  }




    .ul-inner-p2{
      padding-left: 463px;
  }

@media screen and (max-width: 768px) {
    .ul-inner-p2 {
      
        padding-left: 0px;
    padding-top: 14px;
    }
}


.p2-li-a{
    float:right;
}
.p1-li-a{
   /*float:right;*/
        padding: 3px;
        color:white;
}


.navbar-btn > li > a {
    position: relative;
    display: block;
    padding: 9px 5px !important;
}


/*go to up--------------------------------------*/

 #go-up-Btn {
            display: none;
            position: fixed;
            bottom: 20px;
            /*right: 30px;*/
            z-index: 99;
            border: 1px solid lightgray;
            outline: none;
           
           
    background-color: #f3f1f1;
            cursor: pointer;
            padding: 8px;
            border-radius: 48px;
        }

            #go-up-Btn:hover {
               
                border: 1px solid #a2a9b1;
            }

            .go-up-span:hover{
                color:#a2a9b1;
            }

            .go-up-span{
                color:lightgray;
            }

           
            .badge-header{
                background-color:#FF6F00 !important;
            }

            .p1-glyphicon-collapse-up{
                color:#79869a; float: right;
                 padding-right: 40px;
    padding-top: 20px;
            }

            .p2-glyphicon-collapse-up{
                color:white; padding-right:5px;
            }

            .ul-span-inner-li-p2{
                color:white;
            }

            .fa{
                color:#fff;
            }