* {box-sizing: border-box; padding: 0}
body {margin: 0px; font-size: 15px;font-family: 'Open Sans', sans-serif; color: #464b4f; font-size: 14px; font-weight: 400; background-color: #e9ebee; }

a:hover, a:focus, a {text-decoration: none; transition: 1s;}
ul {margin: 0px; padding: 0px;}
li {list-style: none;}
h1,h2, h3, h4, h5, h6 {margin: 0;}

.row {margin: 0 -7px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 7px;
    padding-left: 7px;
}

.m-15{ margin: 15px;}
.m-10{ margin: 10px;}
.mx-15{ margin-left: 15px; margin-right: 15px}
.mx-20{ margin-left: 15px; margin-right: 15px}
.mx-10{ margin-left: 10px; margin-right: 10px}
.my-15{ margin-top: 15px; margin-bottom: 15px}
.mt-0{ margin-top:0px;}
.mt-15{ margin-top:15px;}
.mb-15{ margin-bottom: 15px;}
.mt-7{ margin-top:7px;}
.mt-10{ margin-top:10px;}
.mt-30{ margin-top:30px;}
.mt-20{ margin-top:20px;}
.mb-0{ margin-bottom: 0px;}
.mb-10{ margin-bottom: 10px;}
.mt-7{ margin-top:7px;}
.mb-5{ margin-bottom: 5px;}
.mb-7{ margin-bottom: 7px;}
.ml-5{ margin-left: 5px;}
.mx-0{ margin-left: 0; margin-right: 0;}
.my-0{ margin-top: 0; margin-bottom: 0;}

.p-0{ padding: 0px;}
.p-5{ padding: 5px;}
.p-7{ padding: 7px;}
.p-10{ padding: 10px;}
.p-15{ padding: 15px;}
.p-20{ padding: 15px;}
.pt-0{ padding-top: 0px;}
.pt-5{ padding-top: 5px;}
.pt-10{ padding-top: 10px;}
.pt-15{ padding-top: 15px;}
.pt-20{ padding-top: 20px;}
.pt-30{ padding-top: 30px;}
.pr-0{ padding-right: 0;}
.pb-5{ padding-bottom: 5px;}
.pb-10{ padding-bottom: 10px;}
.pb-15{ padding-bottom: 15px;}
.pb-20{ padding-bottom: 20px;}
.pb-30{ padding-bottom: 30px;}
.pl-0{ padding-left: 0;}
.pl-50{ padding-left: 50px;}
.px-0{ padding-left: 0; padding-right: 0;}
.px-10{ padding-left: 10px; padding-right: 10px;}
.px-15{ padding-left: 15px; padding-right: 15px;}
.py-0{ padding-top: 0; padding-bottom: 0;}
.py-10{ padding-top: 10px; padding-bottom: 10px;}
.py-15{ padding-top: 15px; padding-bottom: 15px;}

.text-weight_600{font-weight: 600;}
.f_szie_12{font-size: 12px;}
.f_szie_18{font-size: 18px;}
.f_szie_20{font-size: 20px;}
.full-width{ width: 100%; display: block;}
.no-radius { border-radius: 0;}
.no-border { border: none !important;}
.border-b{border-bottom: 1px solid #ccc;}
.container-main {max-width: 100%; width: 1080px; padding: 0; margin: 0 auto; position: relative;}
.container-fluid {max-width: 100%; width: 642px; padding: 0; position: relative;}

.desktop-only { display: block; position: relative;}
.mobile-only { display: none; position: relative;}
.max_height_100{max-height: 100% !important;}
.bg_white_colo{background-color: #fff; color: #464b4f;}
.mein {position: relative;min-height: 500px; margin-top: 60px;}

/**** menu  ****/
.close-menu {float: right; background-color: transparent; font-size: 25px; color: #fff; line-height: 1; padding: 15px; border: 0px;}
.cbp-spmenu { background: #72b747;position: absolute;    }
.overflow {overflow: hidden;position: relative;}
.cbp-spmenu ul.head-menu > li{border-bottom: 1px solid #a2c88b; position: relative; }
.cbp-spmenu ul.head-menu > li > ul.submenu > li{border-top: 1px solid #a2c88b;}
.cbp-spmenu li a {display: block;color: #fff;font-size: 1.1em;font-weight: 300;padding: 10px 15px;}
.cbp-spmenu ul.head-menu > li.active ,.cbp-spmenu ul.head-menu > li:active {background: #5ea136;}
.cbp-spmenu ul.head-menu > li:hover {background: #5ea136;}
.cbp-spmenu ul.head-menu > li.has-child > a:after {content: "+"; position: absolute;right: 6px; font-size: 18px;font-weight: bold;}
.cbp-spmenu ul.head-menu > li.active.has-child > a:after {content: "-";}
.cbp-spmenu ul.head-menu > li > ul.submenu > li.active ,.cbp-spmenu ul.head-menu >li > ul.submenu > li:active {background: #4e8c29;}
.cbp-spmenu ul.head-menu > li > ul.submenu >  li:hover {background: #4e8c29;}
.cbp-spmenu ul.head-menu > li .submenu {padding-left: 15px; display: none;}
.cbp-spmenu ul.head-menu > li.active .submenu {display: block;}
.cbp-spmenu-vertical {width: 0px;height: 500px;top: 0;z-index: 1000;overflow: hidden;}
.cbp-spmenu-vertical .menu-logo,
.cbp-spmenu-vertical .head-menu{min-width: 240px;width: 100%;}
.cbp-spmenu-vertical.cbp-spmenu-open {width: 240px;}
.cbp-spmenu-right {right: 0px;}
/* Transitions */
.cbp-spmenu {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
/************* HEADER CSS ***************/
.post-group {margin-bottom: 10px; width: 100%; float: left;}
.header {padding: 0 0;border: 1px solid #ccc;margin: 0 0 0;background: #fff;margin-bottom:0;padding: 0 0;border-top: 0px;position: relative;}
.menu_box button.btn {font-size: 25px;padding: 4px 12px;background: inherit;color: #72b747;}
.menu_box button.btn:focus {outline: none; box-shadow:0 0 0;}
.stylish-input-group .input-group-addon{background: white !important;}
.stylish-input-group .form-control{border-left:0;box-shadow:0 0 0;border-color:#ccc;}
.stylish-input-group button{border:0;background:transparent;}
.mail-icon {width: 25%; float: left; text-align: center; border: 1px solid #ccc; border-bottom: 0; border-top: 0;border-left: 0;}
.mail-icon span {font-size: 25px; color: #000; display: inline-block; position: relative; width: 45px; line-height: 45px;}
.coment{position: absolute; top: 3px; right: 0; min-width: 20px; height: 20px; border-radius: 20px; border: 1px solid #72b747; background: #72b747; color: #fff; font-size: 13px; line-height: normal}
.coment p{line-height: 18px;}
#imaginary_container {width: 100%; float: left; margin: 0; padding: 3px 0;}
#imaginary_container .stylish-input-group input {height: 40px; font-size: 15px; color: #000; line-height: 18px; padding: 0 10px;border:none;}
#imaginary_container .stylish-input-group span{padding: 0;color: #72b747;border:none;}
#imaginary_container .stylish-input-group button {border:none; line-height: 38px; padding: 0; width: 50px; font-size: 22px;}
.menu_box{width: 100%; float: left; margin: 0; text-align: center;border-left: 0px solid #ccc;}
.menu_box button.btn{font-size: 25px; padding: 4px 12px;}

/*=================== Section ====================*/

.section {width: 100%; float: left; border: 1px solid #ccc; padding: 10px 0; background: #fff; padding: 0 15px;}
.buy_sell_btn {width: 100%; float: left; text-align: center;}   
.buy_sell_btn a {font-size: 20px; color: #383d42; width: 100%;}
.buy_sell_btn a:hover{color: #72b747; }
.category_btn .form-group select {height: 42px; font-size: 16px; border-radius: 0;box-shadow:0 0 0; text-align: center;}
.category_btn .form-group select:focus {outline: none;box-shadow:0 0 0; border-color: #72b747;}
.category-content {margin: 5px 0 0;}
.category_btn .control-label {text-align: center; display: block;}
.hire_btn .btn {border: 1px solid #ccc;text-align: center;font-size: 14px; display: inline-block; line-height: 24px; width: 100%; height: 42px; border-radius: 0;color: #383d42; background-color: #fff;}
.hire_btn .btn:hover {background: #72b747; color: #fff;}
.advertisement {width: 100%; float: left; border: 1px solid #ccc; background: #fff; padding: 0px 0px; border-top: 0px;}
.banner-img a {text-align: center;display: inline-block;width: 100%;font-size: 18px;color: #383d42;line-height: 1;}
.banner-img img{max-width: 100%; height: auto}
.images-post {width: 100%; float: left; border: 1px solid #ccc; padding: 10px 0; background: #fff; padding: 0 0; }
.images-post .read_more_btn{position: absolute;bottom: 1px;right: 4px;border: none;font-size: 15px;font-weight: 900;opacity: 10;padding: 0px 10px;}
.images-post .description .description_box{height: 100%;max-height: 180px;overflow: hidden;}
.pad7 {padding: 0 7px;}
.images-post-row {border-bottom: 1px solid #ccc;}
.user-name  {display: table;}
.ads-location {float: right;margin-top: -26px; padding: 3px;}
.user-images {display: table-cell; vertical-align: middle; padding: 10px 0;}
.user-images span {display: inline-block; border: 1px solid #ddd; background: #e9ebee; border-radius: 50%; height: 50px; width: 50px; overflow: hidden;}
.user-images span img {width: 50px; max-width: 50px; height: 100%;}
.user-details {display: table-cell; vertical-align: middle; padding-left: 10px;}
.user-details .active-status {height: 10px; width: 10px; border: 1px solid #ccc; background:#e9ebee;display: block; border-radius: 50%; margin-bottom: 5px;}
.user-details .active-time {display: block; font-size: 14px; line-height: 1; color:#ccc; }
.row.mar1 {margin: 0 -1px;}
.images-thumb {height: 174px; overflow: hidden; padding:0 1px; margin-bottom: 2px;}
.images-box img{height: 100%; max-width: 100%; width: 100%; object-fit: cover;} /*object-fit: cover;*/
.product-price {text-align: center;}
.product-price label {padding-top: 5px;font-size: 13px;}
/*.product-price label.likes{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}*/
.product-price .comments .fa, .product-price .likes .fa{ font-size: 20px;}
.product-price label input {display: inline-block; margin-right: 5px; position: relative; top: 2px;}
/*.product-price .btn {border-radius: 0px; font-weight: bold; padding: 5px 20px;}*/
/*.product-price .btn:hover {background: #72b747; color: #fff;}*/
.product-details {text-align: left;  padding: 10px; float: left; width: 100%;margin-bottom: 15px;height: 100%;max-height: 110px;overflow: hidden;position: relative;}
.description {padding: 10px; } /*border-bottom: 1px solid #ccc; margin-bottom: 5px;*/
.borbn {border-bottom: 0px;}
.bordetr_top{border-top: 1px solid #dddada;}
.product-price .like_comment_box{width: 100%;display: inline-block;}
.product-price .like_comment_box .like_main_box{float: left;min-width: 33.33%;}
.product-price .like_comment_box .comment_share_main_box{float: right;width: 66%;}
.product-price .like_box_label{}
.product-price .comment_box_label,.product-price .share_box_label{float: left;width: 50%;}
/************* POPUP CSS ***************/
.popup-box {background-color: #f2f2f2; display: inline-block; width: 100%;}
/*.popup-box .modal-body {overflow: auto;height:700px;}*/
.popup-box .modal-content {position: relative;background-color: #f2f2f2;-webkit-background-clip: padding-box;background-clip: padding-box;border:none;border-radius: 0;outline: 0;
                           -webkit-box-shadow: 0 0 0;box-shadow: 0 0 0;}
.popup-box .modal-dialog {width: 767px;}
.popup-box .modal-header {text-align: center; padding: 10px 0; font-size: 22px; font-weight: bold;}
.popup-box .modal-header h4 { font-size: 22px; font-weight: bold;}
.popup-box .close {font-size: 23px;font-weight: 700;color: #229826;text-shadow: 0 0 0;opacity: 1;background-color: #fff !important;position: relative;
                   top: 0;right: 10px;border-radius: 50%;height: 30px;width: 30px;}
.popup-box .close:focus{outline: none;}
.details-box {background: #fff;padding: 15px;margin-bottom: 15px;}
.details-row {padding: 0 15px;}
.details-row h3 {font-size: 18px; font-weight: 500; margin-bottom: 15px;}
.clear-btn {float: right;padding: 0 15px;}
.clear-btn a {display: inline-block;font-size: 14px;color: #229826;border: 1px solid #229826;border-radius: 3px;padding: 4px 10px;text-align: center;font-weight: 500;}
.clear-btn a:hover {color: #fff;border: 1px solid #229826;background-color: #229826;}
.details-row .form-group label {font-size: 14px; font-weight: 600; margin-bottom: 5px;}
.details-row .form-group label span {color: red;}
.details-row .form-group select {font-size: 14px; font-weight: 600;}
.details-row p {margin-bottom: 10px;}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {border: none;}
.contact-information .form-group {margin-bottom: 10px; display: inline-block; width: 100%;}
.contact-information .form-group lable {float: left; width: 100%; margin-bottom: 5px;}
.contact-information .form-group textarea {float: right; width: 100%; resize: none; padding:10px;}
.contact-information .form-group input {width: 100%; height: 40px; padding:0 10px;}
.checkbox h4 {font-size: 16px;font-weight: 500;margin-bottom: 15px;margin-top: 15px;}
.ads_btn a {display: inline-block; border: 1px solid #229826; border-radius: 3px; padding: 10px 30px; text-align: center; font-weight: 500; font-size: 16px; color: #229826;}
.ads_btn a:hover {color: #fff;border: 1px solid #229826;background-color: #229826;}
.modal-footer {text-align: center; width: 100%; display: inline-block; padding: 10px;}
.modal-footer a{display: inline-block; border: 1px solid #229826; border-radius: 3px; padding: 10px 30px; text-align: center; font-weight: 500; font-size: 16px; color: #fff; background-color: #229826;}
.modal-footer a:hover {background: inherit; border: 1px solid #229826; color: #229826;}


.inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.inputfile + label img {width: 100%;height: 100%;display: block;}
.inputfile + label {width: 100px;height: 100px;cursor: pointer;display: inline-block;overflow: hidden;border: 1px solid #ccc;border-radius: 5px;}
.inputfile:focus + label,
.inputfile.has-focus + label,
.inputfile + label:hover {border-color: #229826;}
#frm_AdPost .ad_images{position: relative;}
#frm_AdPost .ad_old_image .remove_ad_image{font-size: 16px;color: #bd2727;opacity: 0.7;background-color: #fff !important;position: absolute;top: -7px;right: -7px;border-radius: 50%;height: 24px;width: 24px;border: 1px solid;text-align: center;line-height: 21px;}
#frm_AdPost .ad_old_image .remove_ad_image:hover{color: #bd2727;opacity: 1;}
#frm_AdPost .ad_old_image {width: 100px;height: 100px;cursor: pointer;display: inline-block;overflow: visible;border: 1px solid #ccc;border-radius: 5px;position: absolute;top: 7px;background-color: #fff;}
#frm_AdPost .ad_old_image img{ width: 100%;height: 100%;display: block;}
.active{color: #3578e5;}
.likes,.share_post,button.comments {cursor: pointer; background: none; border: none;}
.comment_loding{position: absolute;top: 0px;left: 0px;padding: 8px;background-color: #fff9;width: 100%;color: #000;display: none;}

/* comment box css*/
.clear{clear: both;}
.comment_box {padding: 10px;border-top: 1px solid #cccccc;}
.comment_box .c_header .image img{ height: 100%; width: 100%;}
.comment_box .c_header .image{height: 40px;width: 40px;float: left;border-radius: 50%;overflow: hidden;border: 1px solid rgba(0, 0, 0, .1);margin:-1px 10px 0px 0px;}
.comment_box .c_header .text_box{float: left;width: calc(100% - 65px);}
.comment_box .c_header .text_box .text{background-color: #f2f3f5;resize: none;height: 40px;border-right: none;overflow: auto;font-size: 12px;border-radius: 30px 0px 0px 30px;z-index: 0;}
.comment_box .c_header .text_box .text:focus{border-color: #cccccc;box-shadow: none;}
.comment_box .c_header .text_box .input-group-addon{border-radius: 0px 30px 30px 0px;background-color: #f2f3f5;border-left: none;}
.comment_box .comment_body{margin-top: 0px;}
.comment_box .comment_body .comment{margin-top: 10px;}
.comment_box .comment_body .comment{width: 100%; display: inline-block;}
.comment_box .comment_body .comment .img img{height: 100%; width: 100%;}
.comment_box .comment_body .comment .img{height: 40px; width: 40px; float: left;border-radius: 50%;overflow: hidden;border: 1px solid rgba(0, 0, 0, .1);margin-right: 10px;}
.comment_box .comment_body .comment .msg{position: relative; text-align: left;margin-top: 5px;background-color: #eff1f3; color: #202020;max-width: calc(100% - 85px);width: auto;float: left;padding: 5px 10px;border-radius: 13px;font-size: 13px;margin-bottom: 10px;}
.comment_box .comment_body .comment .msg .comment_edit{ display: block; position: absolute;right: -22px;top: 7%;color: #c2c2c2;font-size: 18px;}
.comment_box .comment_body .comment .msg .comment_edit .dropdown-menu{min-width: 90px; font-size: 13px;}
.comment_box .comment_body .comment .msg .comment_edit .dropdown-menu:before,.post_option .dropdown-menu:before{content: "";position: absolute;top: -25px;left: 52px;border-width: 12px;border-color: #1e1e1e00 transparent #eaeaea transparent;border-style: solid;}
.post_option .dropdown-menu:before{right: 3px;left: auto;}
.comment_box .comment_body .comment .msg .comment_edit .dropdown-menu > li > a{padding: 3px 10px;}
/*.comment_box .comment_body .comment .msg .comment_edit .dropdown-menu > li > a:hover{background-color: #5cb85c; color: #fff;}*/
.comment_box .comment_body .comment:hover .comment_edit{ display: block; }
.comment_box .comment_body .comment .comment_edit .dropdown-menu{right: -20px;left: auto;}
.comment_box .comment_body .comment .msg .o_name{color: #365899;font-weight: 600;margin-right: 5px;}
.comment_box .comment_body .comment .time_box{clear: both;text-align: left;margin-left: 57px;font-size: 12px;color: #616770;}
.comment_box .comment_body .comment .time_box .reply, .comment_box .comment_body .comment .time_box .like_comment,.edit_comment_label{font-size: 12px;font-weight: 900;color: #7d7d7d;margin-left: 7px;}
.comment_box .comment_body .comment .time_box .like_comment.active{color: #337ab7;}
.comment_box .c_footer{font-size: 12px;margin-top: 10px;}
.comment_box .c_footer a{color: #365899;cursor: pointer;}
.comment_box .c_footer a:hover{ text-decoration: underline;}
.comment_box .view_all_comment{font-size: 16px;color: #72b747 !important;text-align: center;float: left;margin-left: 50px;}
.comment_box .view_all_comment:hover{color: #50c606!important;}
.none{display: none;}
.comment_box .comment_body .comment .msg .like_diplay{position: absolute;bottom: -10px;background-color: #fff;padding: 0px 5px 0px 5px;right: -20px;border-radius: 13px;box-shadow: 0px 0px 7px 1px #dedede;line-height: 17px;}
.comment_box .comment_body .comment .msg .like_diplay .like_icone{background-color: #72b747;color: #fff;border-radius: 100%;padding: 0px 3px;font-size: 9px;margin-right: 3px;}
.comment_box .comment_body .comment .msg .like_diplay .total_like{font-size: 9px;}

.comment_box .comment_body .comment .view_previous_replle{margin-top: 10px;}
.comment_box .comment_body .comment .view_previous_replle a{font-size: 12px;font-weight: 900;}
.comment_box .comment_body .comment .view_previous_replle .view_box{margin-top: 3px;width: 100%;display: inline-block;margin-bottom: -7px;}
.comment_box .comment_body .comment .view_previous_replle .view_box .img{height: 25px;width: 25px;}
.comment_box .comment_body .comment .view_previous_replle .view_box .img img{display: block;}
.comment_box .comment_body .comment .view_previous_replle .view_box p{width: calc(100% - 60px);float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.comment_box .comment_body .comment .view_previous_replle .view_box p span{font-weight: 600;color: #337ac4;}
.comment_box .comment_body .hide_chiled_comment .chiled_comment{display: none;}

/*
#chat-container{display: block !important;}
#chat-container #addchat-container{height: 384px;position: relative !important;min-height: 36px;bottom: 40px; top: auto !important;}
#chat-container .addchat-header, #chat-container .addchat-inner{display: none;}
.none{display: none !important;}
#chat-container{right: -265px !important;}
#addchat-container{display: block !important;}
#chat-container #addchat-container .addchat-container-header{background-color: #449d44;}
#addchat-container .chat-container .emoji-wysiwyg-editor{height: 55px !important;}
*/

.section-user-info .user_img {width: 160px;margin: 0 auto;}
.section-user-info .user_img img{display: block;padding: 3px;background-color: #fff;border: 1px solid #ddd;width: 100%;}
.section-user-info, .section-network{width: 100%;float: left;border: 1px solid #ccc;padding: 10px 0;background: #fff;margin-bottom: 7px;}
.section-user-info .user-info-list {}
.section-user-info .user-info-list .item{ padding: 5px 20px;}
.section-user-info .user-info-list .item .list-item-label{ font-weight: bold; display: inline-block;}
.section-user-info .user-info-list .item .list-item-value{  display: inline-block;}

.message-list-dropdown.dropdown-menu{padding: 0;margin: 1px 0 0 6px;}
.nott-list .notfication-details:hover {text-decoration: none;color: #000;background-color: #77c8771a;}
.nott-list .msg-text {line-height: 16px;font-size: 14px;color: #333;white-space: normal;}
.nott-list .notification-info .time-ago {display: inline-block;color: #b2b2b2;font-size: 11px;position: absolute;right: 0;bottom: -14px;}
.nott-list .notification-info .user-name {margin-bottom: 1px;color: #000000;font-size: 16px;display: inline-block;line-height: 20px;}
.notification-box {width: 300px;background-color: #fff;}
.nott-list {float: left;width: 100%;max-height: 400px;overflow: auto;}
.nott-list .notification-info {width: 100%;float: left;text-align: left;position: relative;}
.nott-list .notfication-details {float: left;width: 100%;padding: 15px;border-bottom: 1px solid #e5e5e5;}
.notfication-details.new {background-color: #3bcc3b1a;}
.notfication-details:last-child {border-bottom: 0;}
.view-all-nots {float: left;width: 100%;}
.view-all-nots > a {float: left;width: 50%;color: #ffffff;font-size: 16px;text-transform: capitalize;font-weight: 600;text-align: center;background-color: #5cb85c;padding: 10px 0;}
.view-all-nots > a:first-child {border-right: 1px solid #fff;}

.adverti{position: absolute; right: 0;width: 205px;}
.adverti .add_box{margin-bottom: 10px;}
.adverti .add_box img{width: 100%;}
.panel{margin-bottom: 10px}

.right_menu .user_name { width: calc(100% - 195px); float: left;}
.right_menu .user_name a{ float: right; padding: 12px;}
.right_menu .mail-icon {width: 65px; float: left; text-align: center; border-left: 1px solid #ccc; border-bottom: 0; border-top: 0;border-right: 0;}

.left_menu_bar{ width: 205px; position: fixed;}
.left_menu_bar .profile_box{width: 100%;display: inline-block;padding: 10px; background-color: #72b747;}
.left_menu_bar .profile_box .profile{width: 50px;float: left;border: 1px solid #aeaeae;border-radius: 100%;overflow: hidden;}
.left_menu_bar .profile_box .profile img{height: 50px;width: 50px;}
.left_menu_bar .profile_box h5{display: table-cell;vertical-align: middle;width: calc(100% - 50px);padding-left: 7px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;margin-top: 16px;font-weight: 600;font-size: 16px;color: #fff;}
.left_menu_bar .menu .cbp-spmenu{width: 100%; position: relative;}

.list_button{text-align: center;}
.list_button a{display: inline-block;padding: 3px;font-size: 13px;margin: 10px;font-weight: 400;color: #616161;}
.list_button a i{font-size: 20px;margin-bottom: 5px;}
.list_button a:hover, .list_button .active{color:#72b747;}
.list_button .none{display: none !important;}
.not-active {pointer-events: none;cursor: default;text-decoration: none;}
.u_block{color: #b40000 !important;}
.color-blue{color: #337ab7 !important;}
.color-orang{color: #fea70a !important;}
.list_button .pending_request .icon{position: relative;width: -moz-fit-content;margin: 0px auto;width: fit-content}
.list_button .pending_request small{position: absolute;top: -10px;right: -20px;min-width: 20px;height: 20px;border-radius: 20px;border: 1px solid #72b747;background: #72b747;color: #fff;font-size: 13px;line-height: normal;}

.modal .user_frian_list {max-height: calc(100vh - 150px);overflow: auto;}
.modal .user_frian_list .box:last-child{border-bottom: none;}
.modal .user_frian_list .box:first-child{margin-top: -10px;}
.modal .user_frian_list .box{display: table; width: 100%;padding: 10px 0px;border-bottom: 1px solid #dede;}
.modal .user_frian_list .box a{display: block;}
.modal .user_frian_list .box .img{width: 45px;height: 45px;border: 1px solid #dedede;border-radius: 100%;overflow: hidden;display: table-cell;vertical-align: middle;}
.modal .user_frian_list .box .img img{height: 100%; width: 100%;}
.modal .user_frian_list .box .contain{width: calc(100% - 45px);display: table-cell;vertical-align: middle;padding: 2px 15px;}
.modal .user_frian_list .box .contain h5{margin-bottom: 2px; color: #464b4f;}
.modal .user_frian_list .box .contain small{color: #8f8f8f;}


.nott-friend-list {max-height: 70vh;overflow: auto;}
.nott-friend-list .nott_box:last-child{border-bottom: none;}
.nott-friend-list .nott_box{width: 100%;display: inline-block;padding: 5px 10px;border-bottom: 1px solid #dedede;}
.nott-friend-list .nott_box .img{display: block;vertical-align: middle;width: 56px;float: left;max-height: 60px;overflow: hidden;}
.nott-friend-list .nott_box .img img{height: 100%;width: 100%;}
.nott-friend-list .nott_box .contain{width: calc(100% - 56px);float: left;padding-left: 10px;}
.nott-friend-list .nott_box .contain h4{font-size: 13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 19px;margin-bottom: -4px;}
.nott-friend-list .nott_box .contain small{color: #939393;font-size: 10px;}
.nott-friend-list .nott_box .contain .button_list{}
.nott-friend-list .nott_box .contain .button_list .btn{padding: 0px 10px 3px 10px;line-height: 18px;border-radius: 0px;font-size: 11px;}
.nott-friend-list .nott_box .contain .button_list .accept{background-color: #337ab7;color: #fff;}
.nott-friend-list .nott_box .contain .button_list .reject{color: #fff;background-color: #b40000;}
.block {display: block;}

.header .search span{color: #72b747;}
.header .search_dropdown_model .search_dropdown{width: calc(100% + 31%);left: 5px;padding: 5px 12px;}
.header .search_dropdown_model .search_dropdown .input-group{width: 100%;border: 1px solid #dedede;}
.header .search_dropdown_model .search_dropdown .stylish-input-group span{width: 75px;margin-right: 6px;}
.header .search_dropdown_model .search_dropdown .stylish-input-group button{font-weight: 600;width: 100% !important;border-left: 1px solid #dedede !important;}

.switch {position: relative;display: inline-block;width: 51px;height: 24px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 17px;width: 17px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #72B747;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

.eac_heaser_search .easy-autocomplete-container{top: 45px;max-height: 250px;overflow: auto;}
.about_title{font-weight: 600;color: #72b747;}
.about_title i{color: #72b747;font-size: 26px;margin-right: 7px;}
.p_style{font-size: 15px;font-weight: 600;font-style: italic;margin: 18px 0px;padding: 0px 5px;}

.user_upload_photo .photo_listing{margin-top: 10px;margin-bottom: 10px;width: 100%;display: inline-block;}
.user_upload_photo .photo_listing .image{width: calc(50% - 4px);float: left;height: 180px;overflow: hidden;padding: 3px;border: 01px solid #dedede;margin: 2px;position: relative;}
.user_upload_photo .photo_listing .image img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.see_all a{color: #616161;font-size: 16px;}
#model_imag_show{z-index: 9999;}
#model_imag_show #user_image_show{max-width: 100%;width: auto;min-height: 110px;max-height: 100%;}
#model_imag_show .modal-dialog{margin: 10px auto;max-width: 664px;width: -moz-fit-content;min-width: 250px;text-align: center;}
#model_imag_show button.close{position: absolute;right: -10px;top: -5px;background-color: #fff;opacity: 1;border-radius: 100%;font-size: 24px;height: 30px;width: 30px;}
#model_imag_show .img_option_btn{width: 100%;position: absolute;bottom: 30px;left: 0px;text-align: center;}
#model_imag_show .img_option_btn a{padding: 5px 13px;margin-right: 5px;}
#model_imag_show .img_option_btn a.profile{background-color: #72b747;color: #fff}
#model_imag_show .img_option_btn a.profile:hover{background-color: #59c815;}
#model_imag_show .img_option_btn a.delete{background-color: red;color: #fff;}
#model_imag_show .img_option_btn a.delete:hover{background-color: #fc4242;}
#smartAlert{z-index: 9999;}
#model_see_all_img .modal-body .photo_listing{max-height: calc(100vh - 165px);overflow: auto;}
#model_see_all_img .photo_listing .image{width: calc(33% - 4px);}
/*#model_imag_show .modal-dialog {max-height: calc(100vh - 20px);}*/
/*#model_imag_show .modal-dialog .modal-body {max-height: calc(100vh - 30px);}*/
.network_img_list {width: 100%;display: inline-block;margin-top: 15px;margin-bottom: 15px;}
.network_img_list .img_box{width: 25%;float: left;text-align: center;padding: 10px;border: 2px solid #fff;}
.network_img_list .img_box h6{margin-top: 5px;font-size: 16px;font-weight: 600;}
.network_img_list .img_box.active{border: 2px solid #72b747;border-radius: 2px;}
.network_img_list input:checked + label{border: 2px solid #72b747;border-radius: 2px;}
.network_img_list .img_box img{width: 100%;max-width: 120px;}

.services_list {width: 100%;display: inline-block; clear: both;}
.services_list .service_box{width: 20%; float: left; text-align: center;margin-bottom: 5px; border: 2px solid #fff;padding: 10px 5px;}
.services_list .select_services:checked + label{border: 2px solid #72b747;border-radius: 2px;}
.services_list .service_box h6{margin-top: 5px;font-size: 16px;font-weight: 600;}
.services_list .service_box h5{padding: 5px 0px;color: #fff;font-weight: 900;font-size: 15px;}
.airtel{background-color: #ed1b24;}
.mtn{background-color: #ffc40c;}
.glob{background-color: #56b746;}

.text-white{color: #fff;}
.text-greens{color: #72b747;}
.fail_bg{background-color: #ff00001a;}
.success_bg{background-color: #72b7471a;}

.toggle_btn{width: 100%; display: inline-block; margin-bottom: 10px;}
.toggle_btn .t_btn{width: 50%;float: left;}
.toggle_btn .t_btn label{cursor: pointer;font-size: 15px;font-weight: 400;margin-bottom: 0px;border: 1px solid #dedede;display: block;text-align: center;padding: 10px 5px;}
.toggle_btn input:checked + label{border: 1px solid #72b747;background-color: #72b747;color: #fff;}

.suggestion_friend_list{background-color: #fff; border: 1px solid #ccc;margin-bottom: 10px;}
.suggestion_friend_list h4{margin-bottom: 10px;font-weight: 600;border-bottom: 1px solid #dedede;padding: 10px;}
.suggestion_friend_list .list_sugg_frien .img_box{padding: 0px 10px 5px 10px; width: 100%;display: inline-block;}
.suggestion_friend_list .img_box{}
.suggestion_friend_list .img_box .image{height: 55px;width: 55px;border: 1px solid #ccc;float: left;}
.suggestion_friend_list .img_box .image img{height: 100%; width: 100%;}
.suggestion_friend_list .img_box .description{float: left;width: calc(100% - 55px);border: none;padding: 0px 10px;}
.suggestion_friend_list .img_box .description h6 {font-size: 14px;font-weight: 400;margin-bottom: 11px;margin-top: 3px;}
.suggestion_friend_list .img_box .description a{color: inherit;}
.suggestion_friend_list .img_box .description a.btn{border-radius: 0px;font-size: 13px;border: 1px solid #72b747;padding: 1px 7px;background-color: #72b747;color: #fff;}
.suggestion_friend_list .img_box .description a.btn:hover{background-color: #fff; color: #202020;}
.suggestion_friend_list .load_more{padding: 5px 10px 10px 10px;text-align: center;}

.bootstrap-notify-container{z-index: 9999 !important;}
.loan_success{padding: 10px;line-height: 22px;font-size: 15px;}
.right_icon{font-size: 40px;border: 2px solid green;padding: 5px 24px 6px 15px;border-radius: 100%;text-align: center;color: green;}
.info{color: #464b4f;font-size: 17px;margin-left: 5px;}
.border-1{border: 1px solid #dedede;}
#modal_bank_list .modal-body{max-height: calc(100vh - 120px);overflow: auto;padding: 25px;}
.border_top_gray{border-top: 1px solid #dedede;padding: 5px;}

/*like_section*/
.like_section{border-top: 1px solid #dedede;padding: 10px 7px;}
.like_section .like_box{width: 100%; display: inline-block;border-bottom: 1px solid #f2f2f2;padding: 2px 0px;}
.like_section .like_box:last-child{border-bottom: 0px;}
.like_section .like_box .img{height: 40px;width: 40px;float: left;border-radius: 50%;overflow: hidden;border: 1px solid rgba(0, 0, 0, .1);margin-right: 10px;}
.like_section .like_box .img img{height: 100%;width: 100%;}
.like_section .like_box .contan_box{text-align: left;max-width: calc(100% - 85px);width: auto;float: left;padding: 5px 10px;}
.like_section .like_box .contan_box h6{color: #202020;font-size: 15px;font-weight: 600;line-height: 14px;}
.like_section .like_box .contan_box small{font-size: 12px; color: #616770;}

.post_option{position: absolute;float: right;top: 10px;right: 8px;font-size: 18px;}
.post_option a{color: #202020;}
.post_option .dropdown-menu{right: -9px;left: auto;}
.post_option .dropdown-menu li{border-bottom: 1px solid #f3eaea99;}
.post_option .dropdown-menu li:last-child{border-bottom: none;}

/*add_new_post_box header*/
.add_new_post_box{width: 100%;display: inline-block;margin-bottom: 10px;}
.add_new_post_box .img {height: 50px;width: 50px;border: 1px solid #dedede;border-radius: 100%;overflow: hidden; margin-bottom: 4px;}
.modal-body .add_new_post_box .img {height: 40px;width: 40px;}
.add_new_post_box .img img{height: 100%;width: 100%;}
.add_new_post_box .text_box{width: calc(100% - 70px);float: left;margin-left: 10px;}
.add_new_post_box .text_box button{width: 100%;text-align: left;padding: 12px 12px 10px 20px;background-color: #fff;border: 1px solid #dedede;border-radius: 36px;}
.add_new_post_box .text_box button p{margin-bottom: 0px;color: #a7a7a7;}

.more_image_btn{position: absolute;bottom: 0;right: 0px;background-color: #8c8c8c80;color: #fff;}
.more_image_btn h3{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.more_image_btn:hover, .more_image_btn:active{color: #fff;}
.support_div{display: inline-block; float: left;}

/*image display model*/
.post_imge_model .modal-content{border-radius: 0px;}
.post_imge_model .modal-dialog{max-width: 1081px;width: 100%;}
.post_imge_model .modal-dialog .modal-body{padding: 0px;margin-bottom: -1px;}
.post_imge_model .modal-dialog .modal-body .owl-wrapper{display: flex !important;flex-wrap: wrap;height: calc( 100vh - 62px);}
.post_imge_model .modal-dialog .modal-body .owl-wrapper .item{height: 100%;}
.post_imge_model .modal-dialog .modal-body .owl-controls .owl-prev,.post_imge_model .modal-dialog .modal-body .owl-controls .owl-next{position: absolute;top: 47%;font-size: 50px;background: none;padding: 0px 2px;color: #000000b3;background-color: #fff;

                                                                                                                                      line-height: 57px;

                                                                                                                                      padding: 0px 4px 0px 0px;}
.post_imge_model .modal-dialog .modal-body .owl-controls .owl-prev:hover,.post_imge_model .modal-dialog .modal-body .owl-controls .owl-next:hover{color: #000;}
.post_imge_model .modal-dialog .modal-body .owl-controls .owl-next{right: 40%;}
.post_imge_model .modal-dialog .modal-body .owl-controls .owl-prev{left: 0px;}
.post_imge_model .modal-dialog button.close{position: absolute;top: -11px;right: -35px;z-index: 9;font-size: 35px;color: #fff;opacity: 1;font-weight: 100;}
.post_imge_model .slider_box{width: 100%;min-height: 500px;display: flex;flex-wrap: wrap;height: 100%;}
.post_imge_model .slider_box .img-box{width: 60%; float: left;background-color: #000;}
.post_imge_model .slider_box .post_detail{width: 40%; float: left;}
.post_imge_model .slider_box .img-box .img{position: relative;height: 100%;overflow: hidden;}
.post_imge_model .slider_box .img-box .img img{width: auto;max-width: 100%;top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);max-height: 100%;}
.clear{clear: both;}
.post_imge_model .slider_box .post_detail .heding{padding: 10px;border-bottom: 1px solid #dedede;}
.post_imge_model .slider_box .post_detail .heding .img{height: 40px;width: 40px;border-radius: 100%;float: left;overflow: hidden;}
.post_imge_model .slider_box .post_detail .heding .img img{height: 100%;width: 100%;}
.post_imge_model .slider_box .post_detail .hedint_tital{padding-left: 10px;width: calc(100% - 40px);float: left;position: relative;color: #202020;}
.post_imge_model .slider_box .post_detail .hedint_tital a.link{color: #337ab7;font-size: 14px;font-weight: 700;}
.post_imge_model .slider_box .post_detail .hedint_tital .post_option{top:0px;}
.post_imge_model .slider_box .post_detail .hedint_tital .active-time{display: block;font-size: 14px;line-height: 1;color: #ccc;}
.post_imge_model .slider_box .post_detail .total_like_box {padding: 10px;border-bottom: 1px solid #dedede;color: #adaaaa;font-size: 12px;}
.post_imge_model .slider_box .post_detail .total_like_box .like_icon{background-color: #4080ff;color: #fff;padding: 1px 4px;border-radius: 100%;font-size: 12px;}
.post_imge_model .slider_box .post_detail .total_like_box span{font-weight: 600;}
.post_imge_model .slider_box .post_detail .add_comment_like {padding: 8px;font-size: 14px;text-align: center;color: #464b4f;}
.post_imge_model .slider_box .post_detail .comment_body {height: calc(100vh - 280px );overflow: auto;}

/*like_model_view*/
.like_model_view .modal-header{padding: 6px 15px;}
.like_model_view .modal-content{border-radius: 0px;}
.like_model_view .like_section{padding: 0px; border-top: 0px;}
.like_model_view .modal-body{max-height: calc(100vh - 100px);overflow: auto;}

.emoji-picker.icon-smile::before {width: 16px;height: 16px;display: flex;content: " "; background-image: url(../images/icon-smile.png);font-size: 23px;    position: absolute;top: 8px;right: 25px;} /* \263A*/
.emoji-wysiwyg-editor{line-height: 25px !important;}
.post_emojin .emoji-picker.icon-smile::before{top: 0px;right: 5px;}
.post_emojin .emoji-menu{top: 0px;right: 7px;}
.emoji-menu{width: 240px !important;}
.emoji-menu .emoji-items-wrap{overflow: auto !important;}
.post_emojin .emoji-wysiwyg-editor{min-height: 130px !important;}
.view_img_loader{height: calc(100vh - 62px);position: relative;}
.view_img_loader h4{position: absolute;top: 50%;left: 50%;transform: translate(-50% ,-50%);}

.point_table{margin: 0px auto;}
.point_table tr td b{font-weight: 900;color: #000;}
.point_table tr td{padding: 2px 10px;font-size: 14px;font-weight: 501;color: #3e3e3e;}

.add_post_img_list{}
.add_post_img_list .img_box .remove_ad_image{position: absolute;right: -10px;top: -10px;border: 1px solid #dedede;padding: 0px 5px;font-weight: 600;background-color: #dedede;color: red;border-radius: 100%;font-size: 12px;}
.add_post_img_list .img_box{width: 90px;height: 90px;float: left;border: 1px solid #dedede;background-color: #e7e7e71a;padding: 3px;position: relative;margin-right: 10px;margin-bottom: 15px;}
.add_post_img_list .img_box img{max-width: 100%;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);max-height: 100%;}
.add_post_img_list .add_img_box {padding: 0px;border: 1px dashed #dedede;}
.add_post_img_list .add_img_box label{height: 100%;margin: 0px;width: 100%;font-size: 34px;font-weight: 398;text-align: center;line-height: 88px;cursor: pointer;}
.add_post_img_list .add_img_box label input{display: none;}
.add_post_img_list .add_img_box:hover{background-color: #e7e7e780;}
.add_post_img_list:after{clear: both;content: '';}
.adPostImgError{color: red;}

.share_model .modal-header{padding: 8px 15px;background-color: #72b747;color: #fff;}
.share_model .close{opacity: 1;color: #fff;}
.share_model .modal-body{padding: 0px;}
.share_model .modal-body .form_contain{padding: 10px;}
.share_model .modal-body .footer{border-top: 1px solid #e6e4e4;background-color: #f2f2f299;}
.share_model .modal-body .footer .btn{font-size: 12px;padding: 2px 8px;line-height: 18px;}
.share_post_box_from{background-color: #f3f4f9;border: 1px solid #dbdbdb;padding: 10px;width: 100%;display: table;}
.share_post_box_from .img {width: 70px;height: 70px;border: 1px solid #ccc;float: left;position: relative;overflow: hidden;}
.share_post_box_from .img img{width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;}
.share_post_box_from .share_post_contain{width: calc(100% - 70px);float: left;padding: 0px 10px;}
.share_post_box_from .share_post_contain h3{font-size: 15px;font-weight: 600;color: #000;line-height: 20px;}
.share_post_box_from .share_post_contain p{font-size: 12px;color: #777;}

.share_post_box .user-name{padding: 0px 10px;}
.share_post_box{margin: 0px 10px 10px;border: 1px solid #dedede;border-radius: 8px;overflow: hidden;}

.notification_model .modal-dialog{max-width: 400px;}
.notification_model .modal-dialog .btn{background: no-repeat;color: #72b747;font-weight: 900;font-size: 15px;}
.notification_model .titale{font-size: 17px;font-weight: 600;padding: 5px;color: #000;padding-bottom: 10px;}
.notification_model p{text-align: justify;padding: 0px 5px 5px 5px;margin-bottom: 0px;}
.notification_model{border-radius:0px;}
.modal_center {padding: 0px!important;}
.modal_center .modal-dialog{margin: 0px;top: 50%;left: 50%;transform: translate(-50%,-50%) !important;}
.height_auto{height: auto !important;}
.text-green{color: #5cb85c;}

.not-active-a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.conatn_center_min_height{display: flex;min-height: 200px;align-items: center;text-align: center;}
.airtime_notice{padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 15px;}
.model_show_p{display: block;}
.profile_link{display: inline-block;}

.eac_search_beneficiary.easy-autocomplete{}
.form-loading {opacity: 0.7; pointer-events: none;}