.col-form-label {
            text-align: left;
            font-size: 25px;
            font-weight: 600;
        }
        
        input[type=text],
        select {
            width: 100%;
        }
        
        .form-control {
            border-radius: 0rem;
        }
        
        .headText p {
            margin-bottom: 0px;
            text-align: center;
        }
        
        .logo-title {
            text-align: center;
        }
        
        .dropbtn {
            background-color: #4CAF50;
            color: white;
            padding: 16px;
            font-size: 16px;
            border: none;
        }
        
        .dropdown {
            position: relative;
            display: inline-block;
        }
        
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f1f1f1;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            z-index: 1;
        }
        
        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }
        
        .dropdown-content a:hover {
            background-color: #ddd;
        }
        
        .dropdown:hover .dropdown-content {
            display: block;
        }
        
        .dropdown:hover .dropbtn {
            background-color: #3e8e41;
        }
        
        body {
            
            background-color: #498BF6 !important;
        }
        
        img {
            max-width:100%;
        }
        
        .inbox_people {
            background: #f8f8f8 none repeat scroll 0 0;
            float: left;
            overflow: hidden;
            width: 40%;
            border-right: 1px solid #c4c4c4;
        }
        
        .inbox_msg {
            border: 1px solid #c4c4c4;
            clear: both;
            overflow: hidden;
        }
        
        .top_spac {
            margin: 20px 0 0;
        }
        
        .recent_heading {
            float: left;
            width: 40%;
        }
        
        .srch_bar {
            display: inline-block;
            text-align: right;
            width: 60%;
        }
        
        .headind_srch {
            padding: 10px 29px 10px 20px;
            overflow: visible;
            border-bottom: 1px solid #c4c4c4;
        }
        
        .recent_heading h4 {
            color: #05728f;
            font-size: 21px;
            margin: auto;
        }
        
        .srch_bar input {
            border: 1px solid #cdcdcd;
            border-width: 0 0 1px 0;
            width: 80%;
            padding: 2px 0 4px 6px;
            background: none;
        }
        
        .srch_bar .input-group-addon button {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border: medium none;
            padding: 0;
            color: #707070;
            font-size: 18px;
        }
        
        .srch_bar .input-group-addon {
            margin: 0 0 0 -27px;
        }
        
        .chat_ib h5 {
            font-size: 15px;
            color: #464646;
            margin: 0 0 8px 0;
        }
        
        .chat_ibb h5 {
            font-size: 15px;
            color: #464646;
            margin: 0 0 8px 65px;
        }
        
        .btn {
            font-family: 'Poppins', sans-serif;
            font-weight: 500 !important;
            font-size: 18px !important;
        }
        
        .chat_ib h5 span {
            font-size: 13px;
            float: right;
        }
        
        .chat_ibb h5 span {
            font-size: 13px;
            float: right;
        }
        
        .chat_ib p {
            font-size: 14px;
            color: #989898;
            margin: auto
        }
        
        .chat_ibb p {
            font-size: 14px;
            color: #989898;
            margin: auto
        }
        
        .chat_img {
            float: left;
            width: 11%;
        }
        
        .online {
            border: 4px solid #03bb03;
            border-radius: 50%;
        }
        
        .offline {
            border: 4px solid #e4640f;
            border-radius: 50%;
        }
        
        .busy {
            border: 4px solid #bb0f03;
            border-radius: 50%;
        }
        
        .gone {
            border: 4px solid #8b8b8b;
            border-radius: 50%;
        }
        
        .chat_ib {
            float: left;
            padding: 0 0 0 15px;
            width: 75%;
        }
        
        .chat_people {
            overflow: hidden;
            clear: both;
        }
        
        .chat_list {
            border-bottom: 1px solid #c4c4c4;
            margin: 0;
            padding: 18px 16px 10px;
        }
        
        .inbox_chat {
            height: 550px;
            overflow-y: scroll;
        }
        
        .active_chat {
            background: #ebebeb;
        }
        
        .incoming_msg {
            padding: 8px 15px 0 25px;
        }
        
        .incoming_msg_img {
            display: inline-block;
            width: 6%;
        }
        
        .received_msg {
            display: inline-block;
            padding: 0 0 0 10px;
            vertical-align: top;
            width: 92%;
        }
        
        .received_withd_msg p {
            background: #ebebeb none repeat scroll 0 0;
            border-radius: 3px;
            color: #fff !important;
            font-size: 14px;
            margin: 0;
            padding: 5px 10px 5px 12px;
            width: 100%;
        }
        
        .time_date {
            color: #747474;
            display: block;
            font-size: 12px;
            margin: 8px 0 0;
        }
        
        .received_withd_msg {
            width: 57%;
        }
        
        .mesgs {
            float: left;
            width: 60%;
        }
        
        .sent_msg p {
            background: #05728f none repeat scroll 0 0;
            border-radius: 3px;
            font-size: 14px;
            margin: 0;
            color: #fff;
            padding: 5px 10px 5px 12px;
            width: 100%;
        }
        
        .outgoing_msg {
            overflow: hidden;
            margin: 26px 0 26px;
            padding: 8px 15px 0 25px;
        }
        
        .sent_msg {
            float: right;
            width: 46%;
        }
        
        .input_msg_write input {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border: medium none;
            color: #4c4c4c;
            font-size: 15px;
            min-height: 48px;
            width: 100%;
        }
        
        .type_msg {
            border-top: 1px solid #c4c4c4;
            position: relative;
        }
        
        .msg_send_btn {
            background: #05728f none repeat scroll 0 0;
            border: medium none;
            border-radius: 50%;
            color: #fff;
            cursor: pointer;
            font-size: 17px;
            height: 33px;
            position: absolute;
            right: 0;
            top: 11px;
            width: 33px;
        }
        
        .messaging {
            padding: 0 0 50px 0;
        }
        
        .msg_history {
            height: 516px;
            overflow-y: auto;
        }
        
        @media only screen and (max-width: 430px) {
            .recent_heading {
                width: 100%;
            }
            .srch_bar {
                width: 100%;
            }
            .headind_srch {
                padding: 10px 10px 10px 7px;
            }
            .sent_msg {
                width: 100%;
            }
            .received_withd_msg {
                width: 100%;
            }
            .chat_list {
                padding: 10px 8px 8px;
            }
            .chat_ib {
                padding: 0 0 0 8px;
            }
            span.chat_date {
                margin: 10px 0px;
            }
            .chat_img {
                width: 36%;
            }
            .chat_ibb h5 {
                font-size: 15px;
                color: #464646;
                margin: 0 0 8px 43px;
            }
            .chat_button {
                display: block !important;
            }
            .inbox_people,
            .mesgs {
                width: 100%;
            }
        }
        
        .chat_button {
            display: none;
            background-color: rgba(0, 128, 0, 0);
            border: none;
            width: 35px;
        }
        
        .chat_button:focus {
            outline: none;
            border: none;
        }
        
        .dropbtn {
            padding: 16px;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }
        
        .dropbtn:hover,
        .dropbtn:focus {}
        
        #myInput {
            box-sizing: border-box;
            background-image: url('searchicon.png');
            background-position: 14px 12px;
            background-repeat: no-repeat;
            font-size: 16px;
            border: none;
            border-bottom: 1px solid #ddd;
        }
        
        #myInput:focus {
            outline: 3px solid #ddd;
        }
        
        .dropdown {
            position: relative;
            display: inline-block;
        }
        
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f6f6f6;
            min-width: 100%;
            overflow: auto;
            border: 1px solid #ddd;
            z-index: 999;
        }
        
        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }
        
        .show {
            display: block;
        }
        
        .barrr {
            height: 35px;
            background-color: #ebebeb;
            border: 1px solid #CDCDCD;
        }
        
        .chat_username {
            margin-bottom: 20px;
            padding: 4px 5px 0 9px;
            height: 45px;
            background-color: #EBEBEB;
        }
        
        @media only screen and (max-width: 768px) and (min-width:400px) {
            .chat_img {
                width: 25%;
            }
            .chat_ibb h5 {
                font-size: 15px;
                color: #464646;
                margin: 0 0 8px 81px;
            }
        }
        
        .logo {
            max-width: 600px;
            <!--display: justify-content-center;-->
        }
        
        @media only screen and (max-width: 768px) {
            .logo {
                max-width: 600px;
                width: 100%;
            }
        }
        
        .hid-logo {
            display: block;
        }
        
        .show-logo {
            display: block;
        }
        
        @media only screen and (min-width: 300px) {
            .show-logo {
                display: none;
            }
        }
        
        @media only screen and (min-width: 768px) {
            .show-logo {
                display: block;
            }
        }
        
        @media only screen and (min-width: 769px) {
            .hid-logo {
                display: none;
            }
        }
        
        .bg-blue {
            background-color: #498BF6;
            box-shadow: 1px -1px 20px 0px;
        }
        
        a.nav-link {
            color: #fff !important;
        }
        
        a.nav-link:hover {
            color: #aeaeae !important;
        }
        
        @media screen and (max-height: 500px) {
            .main {
                min-height: -moz-calc(100vh - 0px) !important;
                min-height: -webkit-calc(100vh - 0px) !important;
                min-height: calc(100vh - 0px) !important;
            }
        }
        /* @media (min-width: 1023px) {
            div#navbarNavDropdown {
                display: -ms-flexbox!important;
                display: flex!important;
                -ms-flex-preferred-size: auto !important;
                flex-basis: auto !important;
            }
        }
        
        @media (min-width: 1023px) {
            nav.navbar.navbar-expand-lg.navbar-light.bg-blue {
                -ms-flex-flow: row nowrap !important;
                flex-flow: row nowrap !important;
                -ms-flex-pack: start !important;
                justify-content: flex-start !important;
            }
        } */
        /* @media (max-width: 1023px) {
            div#navbarNavDropdown {
                display: -ms-flexbox!important;
                display: flex!important;
                -ms-flex-preferred-size: auto !important;
                flex-basis: auto !important;
            }
        }
        
        @media (max-width: 1023px) {
            nav.navbar.navbar-expand-lg.navbar-light.bg-blue {
                -ms-flex-flow: row nowrap !important;
                flex-flow: row nowrap !important;
                -ms-flex-pack: start !important;
                justify-content: flex-start !important;
            }
        } */