/* Header Section */
.header_section{    background: #00C0AF;
    padding: 5px 0;}
.logo{}
.logo a{    margin-top: 4px;
    display: inline-block;}
.logo a img{}
.top_login{}
.top_login .form-group{display: inline-block;}
.top_login .form-group label{    display: block;
    color: #fff;
    font-size: 15px;}
.top_login .form-group input{    border: 1px solid #ddd;border-radius: 2px;width: 210px;}
.top_login .form-group input:focus{outline: none;}
.top_login button{    background: #FFCC00;
    border: 1px solid #FFCC00;
    border-radius: 2px;}

/* Notification */
/*Top User*/
.top_user{}
.top_user ul{}
.top_user ul li{margin-left: 25px;}
.top_user ul li a{    font-weight: 600;
    color: #fff;
    display: inline-block;
    padding: 8px 0;}
.top_user ul li a:hover{color: #444546;text-decoration: none;}
.top_user ul li a .u_menu_icon{position: relative;}
.top_user ul li a .u_menu_icon i{    font-size: 25px;}
.top_user ul li a .u_menu_icon span{    position: absolute;
    background: red;
    width: 16px;
    height: 16px;
    line-height: 14px;
    border-radius: 50%;
    top: -6px;
    right: 28px;
    font-size: 13px;}
.top_user ul li a:hover .u_menu_icon span{color: #fff;}
.top_user ul li a .u_menu_icon img{    width: 25px;
    margin-bottom: 4px;}
.top_user ul li a .u_menu_text{}
.top_user ul li a .u_menu_text i{}


/* Dropdown */
.top_user ul li .top_user_dropdown{}
.top_user ul li .top_user_dropdown li{    margin: 0;}
.top_user ul li .top_user_dropdown li a{display: block;
    color: #00C0AF;
    padding: 8px 15px;}
.top_user ul li .top_user_dropdown li a:hover{background: #00C0AF;
    color: #fff;}
/* End Dropdown */
/* End Header Section */

/* Home Section */
.home_section{    padding: 50px 0;
    background: #DADEEC;
    color: #333;}
.home_content{}
.home_login{    margin-bottom: 40px;}
.home_register{}
.title_a{}
/* End Home Section */

/* Top Menu */
.top_men{text-align: right;}
.top_men ul{margin: 0;padding: 0;overflow: hidden;display: inline-block;}
.top_men li{list-style: none;float: left;}
.top_men li a{color: #fff;
    padding: 0px 10px;
    display: inline-block;}
.top_men li a:hover{}
/* End Top Menu */

/* Footer */
footer{    background: #00C0AF;
    padding: 20px 0;}
.copyright{    text-align: center;}
.copyright p{margin-bottom: 0;}
/* End Footer */

/* User Profile Page */
.user_page{
    background: #E8EAEB;    padding-top: 1px;}
.profile_section {
    background: #E8EAEB;
    padding: 30px 0;
}
.p_middle_content {
}

.left_side_menu {
    background: #fff;
    border: 1px solid #ccc;
    margin-top: 30px;
}

.left_side_menu a {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: #8f9495;
    border-bottom: 1px solid #edeeef;
}

.left_side_menu a i {
    margin-right: 10px;
    font-size: 22px;
    width: 21px;
}

.up_middle_content {
    margin-top: 20px;
}

.pf_single_sec {
    background: #fff;
    padding: 35px 25px;
    border: 1px solid #ccc;
    margin-top: 30px;
}

.pf_order_sec {
}

.pf_sec_top {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #edeeef;
    margin-bottom: 25px;
}

.profile_status_btn {
    position: absolute;
    top: 0;
    right: 0;
}

.pf_sec_name {
    font-size: 25px;
    font-weight: 400;
    color: #444546;
    margin: 0;
    line-height: 1;
}

.pf_count {
    color: #8f9495;
    width: 100%;
    line-height: 45px;
    font-size: 14px;
    margin-bottom: 0;
}

.p_middle_content .nav-pills .nav-link.active, .left_side_menu a:hover {
    color: #444546;
    background: #f6f7f8 url(../img/userMenuActive.png) no-repeat 90% center;
}

.p_middle_content .btn {
}
/* End User Profile Page */

/* User Mobile Menu */
.user_menu_bar{    position: absolute;
    top: 8px;
    right: 20px;
    color: #fff;
    font-size: 40px;}
.user_mobile_menu{
    background: #E8EAEB;}
.user_ls_enu{    margin-top: 20px;}
/* End User Mobile Menu */