/* Remove the navbar's default margin-bottom and rounded borders */
  .navbar {
            margin-bottom: 0;
            border-radius: 0;
        }

        /* Add a gray background color and some padding to the footer */
        footer {
            background-color: #F2F2F2;
            padding: 25px;
        }

        .boxhead
        {
            text-align:left;
            font-weight:bold;
            color:black;

        }

        .boxdata {
            text-align:justify ;
            font-weight: normal;
            color: black;
            padding-left:20px;
        }

        li.mylist {
            display: block;
        }

            li.mylist:before {
                /*Using a Bootstrap glyphicon as the bullet point*/
                content: "\e080";
                font-family: 'Glyphicons Halflings';
                font-size: 9px;
                float: left;
                margin-top: 4px;
                margin-left: -17px;
                color: #CCCCCC;
            }

            .pHead1
            {
                font-size:12px;

            }

      

        .toplogo {
            background: url("../images/toplogo.png") no-repeat center;
            height: 160px;
            background-size: contain;
            margin-top:25px;

        }

        ul li {
            padding: 5px 0px;
        }

        #days {
            font-size: 40px;
            color: #db4844;
           
        }

        p.normal {
            font-weight: normal;
            font-size:12px;
        }

        p.thick {
            font-weight: bold;
            font-size: 14px;
        }

        p.thicker {
            font-weight: 900;
        }

        .chat {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .chat li {
                margin-bottom: 10px;
                padding-bottom: 5px;
                border-bottom: 1px dotted #999999;
            }

                .chat li.left .chat-body {
                    margin-left: 60px;
                }

                .chat li.right .chat-body {
                    margin-right: 60px;
                }

                .chat li .chat-body p {
                    margin: 0;
                }

            .panel .slidedown .glyphicon,
            .chat .glyphicon {
                margin-right: 5px;
            }

        .chat-panel .panel-body {
            height: 350px;
            overflow-y: scroll;
        }


    

      
       



        .mySlides {
            display: none;
        }



        
            ul.nav.nav-tabs > li{
                display: inline-block;
                line-height: 20px;
                height: 100%;
                
            }
            ul.nav.nav-tabs > li a{
                display:block;
                padding:15px;
                color: #033580!important;
                
            }
            ul.nav.nav-tabs > li a:hover, ul.nav.nav-tabs > li:hover{
                background:	#04669e;
                color:#fff!important;
                text-decoration: none!important;
            }
            ul.nav.nav-tabs > li a.active{
                background:	#036694;
                color:rgb(255, 255, 255)!important;
                text-decoration: none!important;
            }
            .card-header {
                background-color: rgb(245,245,245,0.3)!important;
                border-radius:0!important;
            }
            .card{
            border-radius:0!important;
            }

            
           

            .collapsible {
                background-color: #eee;
                color: #444;
                cursor: pointer;
                padding: 18px;
                width: 100%;
                border: none;
                text-align: left;
                outline: none;
                font-size: 15px;
              }
              
              /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
              .active, .collapsible:hover {
                background-color: #ccc;
              }
              
              /* Style the collapsible content. Note: hidden by default */
              .content {
                padding: 0 18px;
                display: none;
                overflow: hidden;
                background-color: #f1f1f1;
              } 

              .content {
                padding: 0 18px;
                background-color: white;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.2s ease-out;
              }

              .collapsible:after {
                content: '\02795'; /* Unicode character for "plus" sign (+) */
                font-size: 13px;
                color: white;
                float: right;
                margin-left: 5px;
              }