/*************************************** Basic Theme******************************/
.theme_bg{ background: #ce9835 !important}
.theme_text{ color: #0b5aa9 !important }
.theme_text1{color: #0B5AA9 !important}
.theme_bdr{ border-color: #ce9835 !important }
.text_white{ color: #fff }
.bg_white{ background: #fff }

.circle, .circle1{ border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; text-align: center; }
.circle{overflow: hidden; display: inline-block; vertical-align: middle; }
/*.circle img{ min-width: 100%; min-height: 100%; width: 100% }*/

.h_100{height: 100%;}
.w_100{ width: 100% }

.bg_white{ background:#fff;}

.p_t0{ padding-top: 0 }
.p_10{ padding: 10px }
.p_20{ padding: 20px }
.p_t20{ padding-top: 20px }
.p_t10{ padding-top: 10px }
.p_tb20{ padding: 20px 0 }
.p_tb10{ padding: 10px 0 }
.p_lr20{ padding:0 20px}
.p_lr10{ padding:0 10px}
.p_30{ padding: 30px }
.p_50{ padding: 50px }

.m_t0{ margin-top: 0px }
.m_t10{ margin-top: 10px }
.m_t20{ margin-top: 20px }
.m_t15 {margin-top: 15px }
.m_t30{ margin-top: 30px }
.m_t50{ margin-top: 50px }
.m_t60{ margin-top: 60px }

.m_b10{ margin-bottom: 10px }
.m_b20{ margin-bottom: 20px }
.m_b15 {margin-bottom: 15px }
.m_b30{ margin-bottom: 30px }
.m_b50{ margin-bottom: 50px }
.semi-bold {
	font-weight: 600;
}

.m_r20{ margin-right: 20px !important }

.m_t100{ margin-top: 100px }
.m_tb100{ margin-top: 100px; margin-bottom: 100px }

.text-center{ text-align: center !important; }
.text-left{ text-align: left !important; }
.text-right{ text-align: right !important; }

.pull-left{ float: left; }
.pull-right{ float: right; }

.bdr_less{ border: none !important }

/*.primary{background: #ce9835 !important }
.primary:hover{ background: #af7d22 !important }*/

.primary{background: #0B5AA9 !important; box-shadow:0 8px 23px #ddd !important; }
.primary:hover{ background: #104275 !important; }

.ui.form input:not([type]):focus, .ui.form input[type="date"]:focus, .ui.form input[type="datetime-local"]:focus, .ui.form input[type="email"]:focus, .ui.form input[type="file"]:focus, .ui.form input[type="number"]:focus, .ui.form input[type="password"]:focus, .ui.form input[type="search"]:focus, .ui.form input[type="tel"]:focus, .ui.form input[type="text"]:focus, .ui.form input[type="time"]:focus, .ui.form input[type="url"]:focus, select:focus{background: #f8f8f8;}
.modals.dimmer .ui.modal.new_model{ top: 0px !important; bottom: 0 !important; left:0 !important; margin: 0 !important; width:100% !important; }
.clearfix{ clear: both; float: none; }
label{ font-weight: 600 !important }
.ui.button{ font-weight: 600 }

.alertbox{ position: fixed; right: 20px; bottom: 20px; border: 2px solid rgba(0,0,0,.2); padding: 20px; box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); -o-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); -moz-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); min-width: 330px; z-index: 1111; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; z-index: 11111 } 
.alertbox .close{ position: absolute; top: 0; margin-top: 2px; right: 0px; opacity: .3 }
.alertbox i{ font-size: 30px; vertical-align: middle; margin-right: 5px; cursor: pointer;}
.alertbox .close i{ font-size: 18px; color: #000 }
.alert-info{ background:#F48024; color: #Fff  } 
.alert-warning{background:#d05252; color: #Fff  } 
.alert-success{background:#48ad62; color: #Fff  }

.preloader{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,.7); z-index: 111111}
.login_area, .preloader img{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); width: 120px}
.ajax-loading{ width: 50px; height: 50px; margin: 10px auto }
.ajax-loading svg{ width: 100% }
.or{ font-size: 1.07142857rem; font-weight: 600; position: relative; margin-top: 30px }
.or:after, .or:before{ content: ''; display: inline-block; border-top: 1px solid #ccc; position: absolute; top: 10px }
.or:after{ right: 0; width: 40% }
.or:before{ left: 0; width: 40% }
.or span{ display: block; margin: 10px auto 30px }

h1, h2, h3, h4, h5, h6{ font-weight: 700 !important }
hr{    border-top: 1px solid #ddd !important; border: none; background: none }
.ui.large.button.fluid{ padding: 12px 0 !important }
.ui.large.button, .ui.large.buttons .button, .ui.large.buttons .or{ font-size: 14px !important }
.box_shadow{ box-shadow: 0 2px 4px rgba(0,0,0,0.02); -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.02); -moz-box-shadow: 0 0 10px 5px rgba(0,0,0,.02); -o-box-shadow: 0 0 10px 5px rgba(0,0,0,.02); }
.ui.form textarea:not([rows]){ max-height: 100px !important }
input[type="file"]{ padding: 6px !important }
body{ background: #fafafa }
.chat-area a:hover, .like-cmt a:hover, a.theme_text:hover{ opacity: .7 }
.width_80{ width: 80px }
.width_120{ width: 120px }
.height_180{ height: 180px; overflow: auto; overflow-x: hidden; }
.height_200{ height: 200px; overflow: auto; overflow-x: hidden; }
.height_250{ height: 250px; overflow: auto; overflow-x: hidden; }
.ho_hide{ overflow-y: hidden; overflow-x: hidden; }
.m_r-13{ margin-right: -13px }

.animate, .right-panel:before, .side_menu .list a, .admin-panel .ui.table tr, .side_menu .list a i .svg{transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}
/*************************************** Basic Theme******************************/

/*************************************** Top Menu ******************************/
.ui.menu.fixed { height: 60px; background: #fff; z-index: 111; } 
.ui.menu.fixed.inverted { height: 55px;z-index: 11111; }
.ui.menu{ box-shadow: none !important }
.top-right-menu.top-icon{ border: none !important; }
.ui.menu .item:before{ background: none !important }
.ui.inverted.menu {border: 0px solid transparent; background: #000639; box-shadow: none; } 
/* .header.logo img{ width: 90px; padding: 0 }  */
.header.logo img{ padding: 10px 0 0 0 }
.content-area{ min-height: 695px; position: relative; top: 55px; margin-bottom: 80px}
.top-search{ padding: 0 15px; box-sizing: border-box; }
.ui.inverted .top-search input[type="text"], .ui.inverted  .top-search input[type="text"]:focus{ background: #333 !important; color: #777 !important }
.ui.inverted .top-search input[type="text"]::-webkit-input-placeholder, .ui.inverted .top-search input[type="text"]::-moz-placeholder, 
.ui.inverted .top-search input[type="text"]:-ms-input-placeholder, .ui.inverted .top-search input[type="text"]:-moz-placeholder {  color: #666 !important;}
.top-search i.search{ color: #D6B373 }
.top-search, .top-search .search-area{ padding-top: 3px; margin-left: -15px; }
.top-search{ width: 82%;  display: inline-block;}
.top-search .search-area{ width: 70%; float: left;}
.top-right-menu{ float: right;}
.ui.inverted.menu .search-area  .item::before{ background: none !important }
.inverted .top-search, .inverted .top-search a{ color: #fff !important }
.back-end .notification-top .menu{ margin-left: 150px !important }
.back-end{}
.header.logo{ display: inline-block; }
.notification-top{ background: none !important; float: left; }
.notification-top i{ line-height:100%; color: #D6B373; margin: 0; font-size: 20px; }
.notification-top .menu{ width: 300px; left: -122px !important; right: auto !important; }
.notification-top .menu .item{width: 100%; line-height: 120% !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.notification-top.ui.dropdown .menu > .item, .notification-top.ui.dropdown .menu > .item a, .ui.menu .top-profile.ui.dropdown .menu > .item,.ui.menu  .top-profile.ui.dropdown .menu > a.item{ color: #666 !important; font-size: 13px !important }
.inverted .notification-top.ui.dropdown .menu:after,  .inverted .notification-top.ui.dropdown .menu:before {left: 87%; margin-left: 0px;}
.notification-top.ui.dropdown .menu:after,  .notification-top.ui.dropdown .menu:before {left: 50%; margin-left: -10px;}
.top-profile.ui.dropdown .menu:after,  .top-profile.ui.dropdown .menu:before {left: 84%; margin-left: -10px;}
.notification-top.ui.dropdown .menu:after,  .notification-top.ui.dropdown .menu:before, .top-profile.ui.dropdown .menu:after,  .top-profile.ui.dropdown .menu:before {content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; }
.notification-top.ui.dropdown .menu:after, .top-profile.ui.dropdown .menu:after {top: -20px; border-color: transparent transparent #fff transparent; border-width: 10px; } 
.notification-top.ui.dropdown .menu:before, .top-profile.ui.dropdown .menu:before {top: -21px; border-color: transparent transparent #ddd transparent; border-width: 10px; }

.front-end .top-search {width: 94%; padding: 0 0 0 80px !important}
.back-end .top-search {width: 94%; padding: 0 !important}
.front-end .toplogo-area{ padding-left: 0 !important }
.top-icon i{line-height: 36px; color: #777; margin: 0; font-size: 20px; line-height: 100%}
.top-icon .active i, .top-icon a:hover i{ color: #000 !important }
.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover, .ui.menu .active.item{ background: none }
.ui.menu .dropdown.item .menu{ border: 1px solid #ddd !important; box-shadow: none;}
.min_height250{max-height: 251px; overflow-y: auto; }
.ui.menu .top-profile.dropdown.item .menu{ left: auto !important; right: 1px !important; padding-right: 2px !important; }
.fav-icn{margin-top: -7px;}
.chat-icnt{margin-top: -14px;}

.top-right-menu .image.circle {width: 40px !important; height: 40px !important; border: 1px solid #ddd; padding: 0 !important; line-height: 100% !important; display: inline-block !important; } 
.top-right-menu .ui.list .item{ padding: 10px !important; border-bottom: 1px solid #ddd !important; width: 100%; box-sizing: border-box; display: inline-block; position: relative; }
.top-right-menu .item .w_come { position: absolute; right: 5px; top: 5px; font-size: 10px; color: #777 }
.top-right-menu .item .content .description, .notification-top .ui.items>.item>.image+.content .description{ font-weight: 400; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; color: #777 }
.top-right-menu .ui.image img{ width: 100% !important; min-height: 100% !important }
.notification-top .ui.items>.item>.image+.content{ display: inline-block !important; vertical-align: middle !important; position: relative; }
.notification-top .ui.items>.item>.image+.content a{ color: #777 }
.notification-top .ui.items>.item>.image+.content span{ font-size: 13px }
.notification-top .ui.items>.item>.image+.content:hover a{color: #d6b274}
.notification-top .item, .notification-top .item a { color: #666; font-size: 13px  }
.notification-top .item:hover{ background:rgba(0,0,0,.02) !important }
.top-right-menu .ui.dropdown, .ui.item.fav{padding: 17px 15px 18px;}
/*************************************** Top Menu ******************************/

/*************************************** Login page ******************************/
body.login-page{ background: url('../images/login_bg_1.jpg') center no-repeat fixed #000; background-size: cover; }
.login_area{width: 450px;}
.login-img{ background: #333; width: 100px; height: 100px; margin: 0 auto 20px; text-align: center; }
.login-img img{ width: 100% !important; vertical-align: -65px; display: inline-block; }
.login_area a{color: #D6B373}
.login_area .ui.form .field{ margin-bottom: 30px }
.login_area .content{ margin-bottom: 30px; margin-top: 15px;}
.confirm{background:#D6B373; width: 50px; height: 50px;  margin: 0 auto; text-align: center; }
.confirm i{ color: #fff; font-size: 20px; line-height: 50px }
/*************************************** Login page ******************************/

/*************************************** Admin Panel ******************************/
.admin-panel{background-color: #FFF;}
.content-area .left-panel {position: fixed; top: 0; bottom: 0; left: 0; padding-top: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #F4F6F8; width:18%;  } 
.toplogo-area{ width: 18%; text-align: left; padding-left: 15px } 
.content-area .right-panel {display: block; margin-left: 18% } 
.profile-img/*, .notification*/{ width: 36px; height: 36px; text-align: center; background: #333; margin-right: 5px; display: inline-block; vertical-align:middle;}
.profile-img{overflow: hidden; }
.notification{}
.profile-img img{ min-height: 100%; min-width: 100%; width: 100% }
.notification{ color:#777; }
.top-menu span{ color: #777 }

/*************************************** Admin Panel ******************************/

/*************************************** Side Panel ******************************/
.pos_relative{ position: relative; height: 100% }
.side_menu .list a{ font-size: 13px; font-weight: 600; color: #333; padding: 8px 0 13px 15px; display: flex; }
.side_menu .list a:hover, .side_menu .list a.active, .side_menu .list a:hover i, .side_menu .list a.active i{color: /*#CB9F50 !important */ #0B5AA9 !important}
.side_menu .list a:hover, .side_menu .list a.active{background: #F4F6F8; border-radius: 4px;}
.side_menu .list a i{ margin-right: 10px; color: #ccc; font-size: 14px }
.side_menu .list a i .svg{ height: 20px; vertical-align: middle; }
.side_menu .list a:hover i .svg path, .side_menu .list a.active i .svg path{ fill: #0B5AA9 !important }
.sidebar-bottom_menu { position: absolute; bottom: 0; left: 30px }
.side_menu .label{ font-size: 10px }
/*************************************** Side Panel ******************************/

/*************************************** Model CSS ******************************/
.new_model .fields.m_b20{ margin-bottom: 30px }
.new_model.ui.basic.modal > .header{ color: #333 }
.new_model.ui.modal > .close{ color: #333 !important }
.new_model .description{ max-height: 100%; min-height: 450px; overflow-y: auto; overflow-x: hidden; }
.new_model.ui.modal>.content {position: relative; bottom: 0; margin-bottom: 70px; padding: 30px 50px;}
.new_model.ui.modal>.header {padding-left: 50px; color: #0b5aa9 !important; font-size: 16px;}
/*************************************** Model CSS ******************************/

/*************************************** Image grid CSS ******************************/
.image_grid{  width: 100%; height: 300px; margin-bottom: 30px; padding: 0 !important; overflow: hidden; background: #fff; position: relative; border: 1px solid #ddd; }
.image_grid img{ min-width: 100%; width: 100%; min-height: 100% }
.pop_option{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*background: rgba(255,255,255,.7);*/ z-index: 1; color: #000; font-style: 18px; font-weight:400; text-align: center; cursor: pointer; display: none; padding: 0 5px;   }
.image_grid:hover .pop_option{ display: block !important; }
.pop_option div{ position: absolute; bottom: 5px; width: 100% }
.pop_option div div{ display:inline-block; position: relative; margin-top: -15px; font-size: 14px; padding-bottom: 5px;/*text-shadow: 0 0 5px rgba(255,255,255,.5); -webkit-text-shadow: 0 0 5px rgba(255,255,255,.5); -moz-text-shadow: 0 0 5px rgba(255,255,255,.5); -o-text-shadow: 0 0 5px rgba(255,255,255,.5); -ms-text-shadow: 0 0 5px rgba(255,255,255,.5);*/ background: rgba(0,0,0,.6); color: #FFF;width: auto; text-align: center; padding: 5px }
.pop_option div span{ padding: 5px 10px; font-size: 20px;}
.pop_option div span i{ margin-right: 0 !important }

#image-zoom .img-desc, #image-zoom2 .img-desc{ background: #fff; display: inline-block; width: 100%; color: #333; position: relative; overflow: hidden; }

.popupimg{ width: 63%; height: 600px; overflow: hidden; float: left; border-right: 1px solid #ddd; box-sizing: border-box;  }
.img-cnt{ width: 37%; height: 600px; position: relative; float: right; font-size: 13px; box-sizing: border-box; background: #fff}
.img-cnt td strong, .chat_product_description .readmore-details table td strong{ display: block; font-weight: 400; color: #777; font-size: 13px }
.chat_product_description .readmore-details table td{ padding-top:8px !important; padding-bottom: 8px !important }
.img-cnt td strong{margin-bottom: 5px; }
.img-cnt .p_desc{overflow-x: hidden; overflow-y: scroll !important; display: inline-block; width: 100%; height: 100%; margin-right: -13px; padding-bottom: 20px}
.img-cnt .p_desc h4{ padding: 20px 10px 5px 20px }
/*.img-cnt .p_desc p{ color: #999; font-weight:400}*/
.img-cnt .p_desc table{ margin: 0 !important }
.img-cnt .p_desc table.ui.table tr td{ border: none !important; }
.popupimg img{ min-width: 100%; width: 100%; min-height: 100% }
.next-pre{ position: absolute; top: 50%; margin-top: -20px; font-size: 40px; color: #fff; opacity: .5; cursor: pointer; }
.next-pre:hover{ opacity: 1 }
.pre-icon{ left: -50px }
.next-icon{ right: -50px }
.img-cnt .circle{ width: 40px; height: 40px; margin-right: 10px; margin-left: 10px}
.img-cnt .circle img{ min-width: 100%; min-height: 100%; width: 100%}
.img-cnt h5{ display: inline-block; }
.like-cmt{ position: absolute; z-index: 11; padding:5px 0px; display:block; font-size: 14px; width: 100%; background: #fff; left: 0; bottom: 64px }
.chat_product_description .like-cmt{bottom: 3px !important; background: none !important; text-align: right; padding: 0; border-bottom : 1px solid  #ddd }
.chat_product_description .height-600{ height: 100%; min-height: 100% }
.chat_product_description .like-cmt .addlike{ text-align: center; display: inline-block; float: none; padding:5px 15px 1px 10PX; background: #fff }
.chat_product_description .like-cmt .addlike:hover{ opacity: 1 }
.like-cmt strong{ font-size: 13px; font-weight: 600 }
.like-cmt i{ font-size:17px; vertical-align: 0px; margin-right: 0px; }
.like-cmt .liked { color: #83b123 !important }
.like-cmt a{color: #333; display:block; box-sizing: border-box; }
.like-cmt a span{ font-size: 13px; vertical-align: 2px; font-weight: 600 }

.popupimg{ position: relative; }
.thumb-img{ position: absolute; width: 100%; left: 0; bottom: 15px }
ul.thumb-img{ margin: 0; text-align: left; padding:0 10px 0 20px }
.thumb-img li{ display: inline-block; margin-right: 10px; overflow: hidden;  }
.thumb-img li a{ display: block; overflow: hidden; background: #fff; text-align: center; border: 2px solid #ddd;  width: 60px; height: 60px;}
.thumb-img li a:hover, .thumb-img li a.active{border:2px solid #ce9835 !important; }
.thumb-img li a img{ width: 100%; min-width: 100%; }
.img-cnt .p_desc a, .img-cnt .p_desc a.bg_dard:hover{ color: #000 !important }
.img-cnt .p_desc a.bg_dard, .img-cnt .p_desc a:hover{ color: #fff !important }
.img-desc .img-cnt .p_desc a.addlike:hover{ color: #999 !important }

.img-cnt .p_desc .like{ font-size: 16px }
.like-fav{position: absolute; width: 100%; bottom: 0; padding: 15px 20px; background: #f1f1f1; border-top: 1px solid #ddd; overflow: visible;} 
.like-fav .theme.button, .ui.basic.theme.button:hover{background: #ce9835 !important; color:#fff !important; position: relative;}
.like-fav .theme.label{ border-color:#ce9835 !important; color: #7b5818 !important; font-weight: 400 !important; font-size: 13px !important; padding: 5px !important  }
.like-fav .labeled.button:hover{ opacity: .5 !important; background: #ce9835 !important; color: #fff !important }
.like-fav .ui.basic.blue1.button{background: #5188b3 !important; color:#fff !important}
.like-fav .blue1.label{font-weight: 400 !important; font-size: 13px !important; padding: 5px !important; color: #5188b3 !important; border-color:#5188b3 !important;}

.like-fav .ui.basic.gray.button{background: #0B5AA9 !important; color:#fff !important; position: relative;}
.like-fav .gray.label{font-weight: 400 !important; font-size: 13px !important; padding: 5px !important; color: #0B5AA9 !important; border-color:#0B5AA9 !important;}
/*************************************** Image grid CSS ******************************/

/*************************************** profile CSS ******************************/
.user-profile .header{  margin: 10px 0 5px !important; text-transform: uppercase; float: left; font-size: 20px !important; }
.user-profile .header span{ font-size: 13px; font-weight:400 !important; display: block; text-transform: capitalize;     line-height: 100% }
.user-profile .header .home-city{ color: #777 }
.user-location{ margin-left: 50px !important; display: block; float: left; margin-top: 17px !important; font-weight: 600}
.user-location span{/* border-radius: 17px; -webkit-border-radius: 17px; -o-border-radius: 17px; -moz-border-radius: 17px;  padding: 5px 15px; background: #d6b372;*/ color: #777; display: inline-block; font-size: 12px; font-weight: normal !important; }
.user-profile .action{ float: right;}
.user-profile .action .item{ font-size: 13px !important; vertical-align: -8px; }
.user-profile .action .item .svg{ width: 24px !important; height: 24px !important; vertical-align: middle; }
.user-profile .action .item .svg path{ fill: #777 }
.user-profile .action .item:hover .svg path, .user-profile .action .item.active .svg path{ fill:#333; }
.user-profile .action i, .chat_user_area h4 .right_adjust .circle{ /*color: #666;*/ height: 30px; width: 30px; border: 1px solid #ddd; line-height: 28px; text-align: center; background: #fff; }
.user-profile .action .item a{ padding: 5px }
.user-profile .action .item i, .user-profile .action .item a{ color: #777 !important }
.user-profile .action .item i{height: auto; width: auto; background: none}
.user-profile .action i{margin-top: 20px;}
.user-profile .action .item i{min-height: 10px !important; min-width: 10px !important; border:none !important; line-height: 10px !important; margin-top:0 !important; margin-right: 7px; opacity: .7}
.user-profile .action .menu{left: auto !important; right: 0 !important}
.user-profile .header a{ margin-left: 20px }
.ui.teal.buttons .primary .button{ background: #af7d22 !important }
.user-profile .header a i{ font-size: 18px; margin: 0 !important; padding: 0 !important }
.user-profile .content{ }
.image.edit-img{width: 70px !important;}
.user-profile .image.circle{ overflow: hidden;border: 1px solid #ddd; width: 70px !important; height:70px !important }
.user-profile .image.circle img{ width: 100%;; min-height: 100%; }
.user-profile p{ margin-bottom: 20px }
.user-profile p span{ margin-right: 20px }
/*************************************** profile CSS ******************************/

/*************************************** Chat CSS ******************************/
.content-area1{ }
.chat-area{ position: fixed; bottom: 0; width: 100%; top: 55px}
.chat-area .ui.dividing.header{ padding:25px 15px 20px !important;  /* background: #ce9835; color: #fff */ color: #333 !important; }
.chat_product_list .ui.dividing.header{ /*background: #d6b274; background: -webkit-linear-gradient(left, #d6b274, #ce9835); background: -o-linear-gradient(right, #d6b274, #ce9835); background: -moz-linear-gradient(right, #d6b274, #ce9835); background: linear-gradient(right, #d6b274, #ce9835);*/ color: #333 !important; cursor: pointer;}
.chat_product_list .ui.dividing.header i{ font-size: 15px }
/*.chat-area .ui.dividing.header a{ color: #fff }*/
.chat-area a, .ui.dropdown i, .user-profile .action .item{ color: #777 !important }
.chat_product_list, .chat_product_description, .chat_user_area { overflow: hidden; position: absolute; top: 0; bottom: 0 }
.chat_product_list{ width:20%; left: 0; top: 0; bottom: 0}
.chat_product_description{ width: 25%; right: 0; top: 0; bottom: 0 } 
.chat_user_area, .chat_product_description{ border-left:1px solid #ddd}
.chat_product_description .like-fav{  padding:0 ; z-index: 11; text-align: right; display: inline-block; width: 100%; border: none}
.chat_user_area{ width: 55%;left: 20%; overflow-x: hidden; height: 100%; /*background: rgba(0,0,0,.005);*/ background: #fafafa}
.height-600{min-height:300px; max-height:92%; overflow-y: scroll; overflow-x: hidden; margin-right: -15px; }
.chat_product_list .image.circle{ width: 40px; height: 40px; border: 1px solid #ddd }
.chat_product_list a.header{ font-size: 13px !important; display: block !important; padding: 0px; margin: 0; font-weight: 600 !important; }
.chat_product_list .item.active a.header {font-weight: 700 !important}
.chat_product_list .ui.relaxed.items > .item, .notification-top .ui.relaxed.items > .item{ /*border-bottom: 1px solid #ddd;*/  margin: 0; position: relative;  }
.chat_product_list .ui.relaxed.items > .item{padding: 10px 20px;}
.notification-top .ui.relaxed.items > .item{border-bottom: 1px solid #ddd; padding: 10px;}
.chat_product_list .ui.relaxed.items > .item .content,  .top-icon, .notification{ position: relative; }
.chat_product_list .ui.relaxed.items > .item .circular.labels{ position: absolute; top: 10px; right: 15px; margin-top: 0;}
.top-icon .circular.labels{ position: absolute; top: -7px; left: 14px;}
.notification .circular.labels{ position: absolute; top: -7px;left: 14px;}
.chat_product_list .ui.relaxed.items > .item .circular.labels a, .top-icon .circular.labels a, .notification .circular.labels a, .parent_li0 .ui.label{ /*background: #d6b274;*/ background: #0B5AA9 !important; color: #fff !important; font-size: 11px !important; font-weight: 400 !important; }
.top-icon .circular.labels a{ padding:.45em .7em !important; line-height: 1em; text-align: center; border-radius: 500rem; display: inline-block;}
.parent_li0 .ui.circular.labels{ position: absolute; right: 10px; top: 17px; }
.chat_product_list .ui.relaxed.items > .item .circular.labels a , .parent_li0 .ui.circular.labels .ui.label{min-height: 13px !important; min-width: 15px !important; line-height: 100% !important; padding: 2px 6px !important; }
.chat_product_list .ui.relaxed.items > .item:hover, .chat_product_list .item.active{ background: rgba(0,0,0,.02) !important }
.chat_product_list .ui.relaxed.items > .item:hover a, .chat_product_list .item.active a{ /*color: #d6b274 !important */ color: #222 !important}
.chat_product_list .ui.relaxed.items > .item a:hover{ color: #333 }
.chat_product_list .ui.items{ margin-top: 0 }
.chat-product-desc .p_lr20{ /*overflow-y: scroll; max-height: 270px; margin-right: -23px;*/ font-size: 13px; padding:10px 20px 0px}
.chat-product-desc hr{ border-top:1px solid #ddd !important}
.chat-product-desc table{ margin-bottom: 0 } 
.chat-product-desc table td{ padding: 0 5px 0 0 !important; vertical-align: top !important;  }
.chat-product-desc table td strong{ display: block; font-weight: 400; color: #777 }
.chat-product-desc h5.ui.header, .img-cnt .p_desc .ui.header{ color: #333 !important; background: none !important }
.chat-product-desc h5.ui.header{ font-size: 17px; padding: 0 20px !important}
.img-cnt .p_desc .ui.header{     margin-bottom: 0 !important; font-size: 25px; font-weight: 700 !important; color: #000 !important; } 
.chat-product-desc h5.ui.header span, .img-cnt .p_desc .ui.header span{ display: block !important; font-weight: 400 !important; font-size: 13px !important; color: #999 !important;	} 
.p_desc .ui.table span, .readmore-details .ui.table span, .chat-product-desc .ui.table span { display: block !important; font-weight: 600 !important; font-size: 13px !important; /*color: #BBB !important;*/ } 
.new_price{font-size: 16px; color: #000; font-weight: 700}
.chat-product-desc{ color: #777; text-align: center; margin-top: 10px; padding-bottom: 20px; position: relative;  }
.chat-product-desc td{/* text-align: center !important;*/}
.ui.table span.theme_text{color: #333 !important;font-size: 14px; font-weight:700}
.chat-pro_list{ position: absolute; width: 100%; bottom: 0; background: #f1f1f1; border-top: 1px solid #ddd; z-index: 11; font-size: 22px; color: #666; vertical-align: middle; overflow: hidden; }
.chat-pro_list>a { padding: 20px 0; color: #333; display:block; float: left; width: 49%; text-align: center; box-sizing: border-box;}
.chat-pro_list>a:first-child{ border-right: 1px solid #ddd;  }
.chat-pro_list span, .chat-pro_list i{ vertical-align: middle; }
.chat-pro_list a span{ font-size: 14px; vertical-align: 2px; font-weight: 600; }
.chat-display{ height: 90%; margin-right: -16px; overflow-y: auto; /*overflow-y: scroll;*/}
.chat-display .p_20 {padding: 20px 20px 70px 20px;}
.chat-input{border-top: 1px solid #ddd; border-right: 1px solid #ddd; margin-right: 0px; background:#fafafa; position: fixed; width: 55%; bottom: 0; z-index: 11; }
.chat-input .ui.form .fields{ margin-bottom: 0 !important }
.chat-input .p_10{ padding: 14px 10px 13px }
.chat-input input[type="text"]{ background: none !important; border: none !important; color: #666 !important; }
.chat-input input[type="text"]::-webkit-input-placeholder {  color: #666;}
.chat-input input[type="text"]::-moz-placeholder {  color: #666;}
.chat-input input[type="text"]:-ms-input-placeholder {  color: #666;}
.chat-input input[type="text"]:-moz-placeholder {  color: #666;}
.chat-bubble { margin: 1em 0 3em; width: 94%; position: relative; } 
.chatmsg{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; padding: 10px; font-size: 13px; border:1px solid #F4F6F8;}
.opposite-end .chatmsg{background: #fff; margin-left: 58px; color: #333;margin-right: 10%; word-break: break-all; }
.opposite-end{ left: 3% !important; }
.opposite-end .when_come{ right:0; margin-left: 10px; top: 50%; margin-top: -9px; text-align: left;}
.opposite-end .chat-unm { position: absolute; left: 65px; top:-20px; font-size: 12px;font-weight: 600; color: #666  }
.when_come .chat-unm{ position: relative; left: 0; top: 0 }
.opposite-end:after {content: ''; position: absolute; border-style: solid; border-width:8px 8px 8px 0; border-color: transparent #fff; display: block; width: 0; z-index: 1; left: 51px; top: 0; margin-top: 11px; } 
.opposite-end:before {content: ''; position: absolute; border-style: solid; border-width:8px 8px 8px 0; border-color: transparent #f1f1f1; display: block; width: 0; z-index: 1; left: 50px; top: 0; margin-top: 11px; }
.chatp_img{ border: 1px solid #ddd; width: 40px; height: 40px; line-height: 46px; position: absolute; top: 0; margin-top: 0px; overflow: hidden; }
.chatp_img img{ width: 100% }

.chat_product_list .ui.items>.item>.content>a.header span{ color: #777; font-weight: 400; font-size: 12px; display: block; }

.self-end{ left: 3% !important; }
.self-end .chatmsg{ background: rgba(255,255,255,.2); color: #333; margin-left:10%; margin-right: 58px; border: 1px solid #f1f1f1;}
.self-end:after {content: ''; position: absolute; border-style: solid; border-width:8px 0 8px 8px; border-color: transparent rgba(255,255,255,1); display: block; width: 0; z-index: 1; right:51px; top: 0; margin-top: 12px;}
.self-end:before {content: ''; position: absolute; border-style: solid; border-width:8px 0 8px 8px; border-color: transparent #f1f1f1; display: block; width: 0; z-index: 1; right:50px; top: 0; margin-top: 12px;}
.self-end .chatp_img{ right: 0 }
.when_come{ font-size: 11px; color: #777; position: absolute; bottom: -20px; font-weight: 400}
.self-end .when_come{right:  0; text-align: right; top: 50%; margin-top: -9px;  text-align: left;} 

.chat_user_area .ui.dropdown .menu{ right: 0 !important; left: auto !important; }
.chat_user_area .height-600{ margin-bottom: 80px }

.chat-product-img{  width:100%; margin:0 auto; position: relative; overflow: hidden;}
.chat-product-img img{ max-width: 100%; max-height: 100% }
.slider-area{margin: 0; padding: 0; white-space: nowrap; position: relative; left: 0} 
.product-img .img-slider{ width: 100%; margin-right: 0; text-align: center; display: inline-block; -webkit-transform: rotateY(0); transform: rotateY(0);  height: 280px; overflow: hidden;} 
.showing { opacity: 1; z-index: 2;}
.product-img ul li img{ width: 100% }
.next-pre{ position: absolute; top: 50%; margin-top: -20px; z-index: 11; cursor: pointer; border: 2px solid #ccc; background: rgba(255,255,255,.5) }
.next-pre i{ font-size: 25px; padding: 0; margin:0;  color: #333; vertical-align: 3px; }
.img-next{ right: 10px; } 
.img-pre{ left: 10px }
.slider-thumb{ position: absolute; width: 100%; text-align: center; bottom: 10px; z-index: 11; opacity: 0}
.slider-thumb ul{ margin: 0; padding: 0; list-style: none; }
.slider-thumb ul li{ display: inline-block; }
.slider-thumb ul li a{ width: 15px; height: 15px; border: 1px solid #ccc; background: #fff; display: inline-block; }
.slider-thumb ul li a.active, .slider-thumb ul li a:hover { background: #f0f0f0 }
.chat-btn { text-align: center; }
.chat-btn i{ font-size: 20px; margin: 0 !important }
.chat_user_area h4{ position: relative; }
.chat_user_area h4 .circle{ width: 50px; height: 50px; margin-right: 10px; vertical-align: -32px; }
.chat_user_area h4 .circle img{ width: 100% }
/*.chat_user_area h4 span{ display: block; font-size: 13px; margin-left: 65px; margin-top: -28px; font-weight: 400; color: #777; position: absolute;  }*/
.chat_user_area h4 span{ display: inline-block; font-size: 13px; line-height: 14px; font-weight: 400; color: #777; margin-top: 0}
.chat_user_area h4.ui.dividing.header span i{margin: 0; padding: 0; display: inline; margin-right: 5px; vertical-align: middle; }
.chat_user_area h4 span .active_1{ color: #83b123 }
.right_adjust{ position: absolute; top: 50%;  left: 50%;transform: translate(-50%,-50%);}
.right_adjust a{ font-size: 13px }
.chat_user_area h4 .right_adjust .circle i{ margin: 0 !important; padding: 0 !important }
.right_adjust>a{ vertical-align: -27px;}
.chat_user_area h4 .right_adjust .circle{ margin-top: -30px !important;  }
.chat_product_list .ui.items > .item > .image + .content{word-break: inherit;}
.online{ position: relative; }
.item .content.online:before{ content: ''; position: absolute; left: 9px; top: 4px; width: 8px; height: 8px; border-radius: 100%; background: #83b123; display: inline-block; }
/*************************************** Chat CSS ******************************/

footer{color: #666; font-size: 13px; background: #fff}
a.add-more, a.add-more-image, a.delete-image, a.delete_edit_image{ display: inline-block; color: #666; padding: 10px }
.edit-img{ position: relative; }
.edit-img i{ position: absolute; right: -1px; bottom: 5px; z-index: 1; width: 20px; height: 20px; background: #d6b273; color: #fff; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; }
.edit-img input{ position: absolute; width: 110%; height: 110%; opacity: 0; left: 0; top: 0; z-index: 11; cursor: pointer; }

/*.like-fav .unlfavourite .theme.button { background: #b86613 !important;}*/
.like-fav .theme.label, .like-fav .blue1.label{ opacity: 1}
/*.like-fav .unfavourite.labeled.button, .like-fav .unlike.labeled.button{ opacity: .5}*/
.like-fav .unfavourite.labeled.button .theme.button{background: #c3beb5 !important;}
.like-fav .unfavourite.labeled.button .theme.label{ border-color: #c3beb5  !important; color: #666 !important;}

.filter .item.active{background: rgba(0,0,0,.05) !important;}
.filter .item i{background: none !important; height: auto; width: auto;}

.no-data{ width: 100%; background: #fbfbfb; text-align: center; }
.no-data img{ width: 100%; max-width: 400px }
.action>a.item{ background:none !important; padding:5px 10px !important; display: inline-block !important; vertical-align: -12px }
.action>a.item.active i, .action>a.item:hover i{ color: #000 !important }
.action>a.item i{ background: none !important; padding: 0 !important; margin: 0 !important; height: auto !important; width: auto !important; font-size: 18px}
.action .ui.inline.dropdown{ margin-left: 5px }
.favlist-thumb{ text-align: left; }
.favlist-thumb ul{ margin:20px 0 0 -4px; padding: 0; list-style: none; display: inline-block; width: 100%; overflow-x: hidden;  overflow-y: auto; } 
.favlist-thumb ul li{ width: 33%; float: left; max-width: 80px; text-align: center; margin-bottom: 6px; position: relative; overflow: hidden;}
.favlist-thumb ul li a{ display: block; overflow: hidden; border: 1px solid #ddd; padding: 2px; width: 92%; box-sizing: border-box; margin: auto; position: relative; height: 100% }
.uiimage{ width: 100%  }
.favlist-thumb ul li a:hover .uiimage{ /*transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); */vertical-align: middle; }
.favlist-thumb ul li span{ position: absolute; left: 5%; bottom: -100%; width: 90%; text-align: center;; padding: 15px; background: rgba(255,255,255,.9); }
.favlist-thumb ul li:hover span{bottom: 1%;}
.chat-tab .ui.secondary .item{ /*width: 33%;*/ width: 50%; text-align: center !important; margin: 0; padding: 7px 0 0; height: 60px; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; display: block !important; float: left; font-weight: 600; margin-top: 0; background: #f1f1f1; color: #888  }
.chat-tab .ui.secondary .item i{  margin-bottom: 5px }
.chat-tab .ui.secondary .item:first-child i{font-size: 25px; margin-top: 2px;}
.chat-tab .ui.secondary .item:last-child i{font-size: 26px;}
.chat-tab .ui.secondary .item span{font-size: 11px; display: block;}
/*.chat-tab .ui.secondary .item:nth-child(2){ width: 34%}*/
.chat-tab .ui.secondary .item.active, .chat-tab .ui.secondary .item.active:hover{ font-weight: 600; color: #ce9835 !important }
.chat-tab .ui.secondary{ margin-bottom: 0 !important }
.recommended_jewellery i{ top: 2px; position: relative}
.input .form-control{ height: auto !important; color: #555 !important; font-size: 14px !important; }
.enquiry-btn{ text-align: center; }
.enquiry-btn a{font-size: 12px !important; padding: 10px 15px !important; border-radius: 7px !important; font-weight: 400 !important}
.enquiry-btn a i{ font-size: 18px !important; vertical-align: middle; }

.has-error{ position:relative; } 
.help-block{ position: absolute; bottom: -28px; font-size: 13px;} 
.help-block strong{ font-weight: 400 !important; }
div.dataTables_wrapper div.dataTables_length select {min-height:15px; padding: 9px 3px; border:1px solid rgba(34,36,38,.15); background: #fff; color: rgba(0,0,0,.8); border-radius: 4px}
td.text-center{ text-align: center !important; }
td.text-center .ui.button{ margin: 5px !important }
/*div[data-left="-200"]{ z-index: 11 !important; position: relative; }
div[data-left="-200"]:before{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); display: inline-block; content: ''; z-index: 0 }*/

.login_area .p_30, .field{ position: relative; }
.alert.alert-error{ position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #d05252 !important; padding: 10px 0 }
label.error-text{position: absolute; bottom: -20px; left: 0; width: 100%; color: #d05252 !important; font-size: 13px !important; font-weight: 400 !important; text-indent: 10px;}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{ color: #d05252 !important; }
.right-panel.fadearea:before{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); display: inline-block; content: ''; z-index: 1 }
.right-panel:before{position: fixed; width: 100%; height: 0; left: 0; top: 0; }
.addfavourite.ui.button, .addenquiry.ui.button{ margin: 0 !important }
.scrolling.dimmable>.dimmer{ z-index: 1111 !important;}
.action-hide{ position: absolute; top:-2px; left: 0; width: 100%; height: 100%; background: #000 !important; z-index: 1; text-align: center; display: none;}
.action-hide.active-animated{ display: block; }
.addfavourite .action-hide i{color: #cf9835;}
.action-hide .svg{ width: 48px }
.action-hide .svg path{ fill: #fff }
/*.action-hide i {animation: example .3s infinite alternate; line-height: 34px; }
@-webkit-keyframes example {
0% {opacity: 0; }  2% {opacity: 1; } 100% { transform: scale(2);  opacity: 0; color: #ce9835; } 
}
@-o-keyframes example {
0% {opacity: 0; }  2% {opacity: 1; } 100% { transform: scale(2);  opacity: 0; color: #ce9835; } 
}
@-moz-keyframes example {
0% {opacity: 0; }  2% {opacity: 1; } 100% { transform: scale(2);  opacity: 0; color: #ce9835; } 
}
@keyframes example {
0% {opacity: 0; }  2% {opacity: 1; } 100% { transform: scale(2);  opacity: 0; color: #ce9835; } 
}*/
.f_req{ color: rgba(255,0,0,.5) }
.image-box img{ border: 1px solid #ddd; margin-top: 10px; margin-right: 10px; /*opacity: 0;*/ }

.chat-sesion{ position: relative; width: 100%; border-top: 1px solid #F4F6F8; margin: 20px auto; text-align: center;  }
.chat-sesion span{ position: relative; top: -11px; padding: 0 10px; background: #fafafa; font-size: 11px; color: #999; display: inline-block; }

.right_adjust .ui.dropdown .menu{ right: 0 !important; left: auto !important }
.labels.pull-right .right_adjust{ position: relative; left: 0; top: 0; margin-top: 0; margin-bottom: 0 }

.no-morerecord{ text-align: center; display: inline-block; width: 100%; margin: 20px auto }
.no-morerecord span{ border: 2px solid #ddd; padding: 8px 35px; border-radius: 20px; font-size: 13px; font-weight: 600; color: #999; } 
.no-morerecord i{ color: rgba(26,105,164,.5); font-size: 18px; vertical-align: middle; margin-right: 5px;}
.chat_product_list .ui.relaxed.items > .item .dropdown a{ background: none !important;}

.dataTable .deactive, .dataTable .watting, .dataTable .active{ padding: 5px ; font-size: 12px; display: inline-block; border-radius: 5px; border: 1px solid; min-width: 120px }
.dataTable .deactive{ border-color: #ddd; color: #b6b4b4; }
.dataTable .watting{ border-color: #F47532; color: #F47532;}
.dataTable .active{ border-color: #83b123; color: #83b123;  }

.light_gray, .p_desc .ui.table span.light_gray{ color: #999 !important }
.txt-normal{ font-weight: 600 !important }
.dark-text{ color: #000 }

.btn-lined {background: transparent; padding: 10px 15px; text-transform: uppercase; display: inline-block; font-size: 12px; line-height: 10px; letter-spacing:1px; font-weight: 700; border: 2px solid #000; position: relative; overflow: hidden; z-index: 1; } 
.btn-lined i{ vertical-align: middle; font-size: 19px;}
.bg_dard{border: 2px solid #000; background: #000 !important; color: #fff !important}
.btn-lined:after {content: ''; position: absolute; left: -105%; top: 0; width: 100%;  display: inline-block; height: 100%; transition: 0.3s all; z-index: -1; } 
.btn-lined:after{background: #000;}
.btn-lined:hover{ color: #Fff !important}
.btn-lined.bg_dard:after{background: #fff;}
.btn-lined.bg_dard:hover{ color: #000 !important}
.btn-lined:hover:after {left: 0%; }
.img-cnt .p_desc a.readmore, .chat-product-desc a.readmore{ cursor: pointer; display: inline-block; padding: 5px 0; color: #0B5AA9 !important; font-weight: 600 !important; /* text-transform: uppercase; */ /* font-size: 12px; */ letter-spacing: 0px; border-bottom: 1px solid; } 
.blank-btn{ font-weight: 700 !important; text-align: center; padding: 10px; text-transform: uppercase; color: #000;}
.blank-btn i{ font-size: 20px }
.big-icon {font-size: 18px !important; vertical-align: middle !important; line-height: 100% !important}
.p_relative{ position: relative; }
#notifyUser{ font-size: 11px; color: #999; position: absolute; top: -20px; left: 20px; }
.remove-favourite {display: inline-block; min-width: 190px; padding: 14px; font-weight: 600; color: #302876 !important; }
.ul.table td .ui.dropdown.pointing .menu > .item:hover{ background: none !important }
/*************** Dashboard **********************/
/* #F47532  red  #0B5AA9 blue  #83b123 green  #CB9F50 theme */

.dashboard .ui.segment{ border: 1px solid rgba(34,36,38,.08) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important; }
.common-summary{ text-align: center;}
.summary{ display: inline-block; position: relative; width: 100%; border-right: 1px solid #ddd; margin:0px 10px; padding: 0px 20px 0px !important; }
.summary:first-child{ margin-left: 0 }
.summary:last-child{ margin-right: 0 }
.summary h2{ font-size: 22px; font-weight: 300 !important; line-height: 100%; margin: 0 }
.dashboard h3{ margin-bottom: 20px; color: #000; font-weight: 700 !important; font-size: 14px !important }
.dashboard h3 i{ font-size: 15px; height: 32px; width: 32px; line-height: 32px; vertical-align: middle; border-radius: 100%;  color: #fff; background: #333; text-align: center; margin-right: 5px; display: none; }
.dashboard .ui.secondary.pointing.menu .item:first-child{ padding-left: 0 }
.dashboard .ui.secondary.pointing.menu .active.item{ /*color: #CB9F50 !important; border-color: #CB9F50 !important*/ color: #0B5AA9 !important; border-color: #0B5AA9 !important }
.summary h4{ font-size: 14px; margin: 5px 0; color: #666; font-weight: 600 !important }
.summary .ui.progress .bar {height: 3px; display: none}
.summary .ui.progress:last-child{ margin-bottom: 5px; }
.summary .ui.progress>.label{ text-align: right !important; font-size: 11px; font-weight: 600; }
.summary.summary-chat{ border: none; }
/*.summary-product h2{ color: #CB9F50 }
.summary-customer h2{color: #F47532}
.summary-users h2{color: #83b123}
.summary-chat h2{color: #0B5AA9}*/
.summary-product h2, .summary-customer h2, .summary-users h2, .summary-chat h2{color: #fff; padding: 5px 8px; border-radius: 30px; display:inline-block; width: auto; min-width: 33px}
.summary-product h2{ background: #CB9F50;}
.summary-customer h2{background: #F47532;}
.summary-users h2{background: #83b123;}
.summary-chat h2{background: #0B5AA9;}
.summary-product .ui.teal.progress .bar{ background: #CB9F50 }
.summary-customer .ui.teal.progress .bar{background: #F47532}
.summary-users .ui.teal.progress .bar{background: #83b123}
.summary-chat .ui.teal.progress .bar{background: #0B5AA9}

.dashboard .ui.secondary.pointing.menu{ margin-top: 10px !important }
.dashboard .ui.relaxed.items>.item{ border-bottom: none; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; position: relative; }
.dashboard .ui.secondary.pointing.menu .item{font-weight: 600 !important; color: #d0d0d0 !important }
.dashboard .ui.relaxed.items>.item:first-child{ margin-top: 0 !important }
.dashboard .ui.relaxed.items>.item:last-child{ border-bottom: 0 !important; padding-bottom: 0 !important }
.dashboard .image.circle {width: 40px !important; height: 40px !important; border: 1px solid #ddd; padding: 0 !important; line-height: 100% !important; display: inline-block !important; } 
.dashboard .ui.items > .item > .content a {color: #333; font-size: 13px !important; font-weight: 600 } 
.dashboard .ui.items > .item > .content a:hover{ color: #0B5AA9 !important }
.dashboard .ui.items > .item > .content a:hover .description{ color: #999 !important }
.dashboard .ui.items > .item > .content .description {font-weight: 400; font-size: 13px !important;width: 100%; color: #999; } 
.dashboard .ui.items > .item > .content .description p{ white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; }
.dashboard .w_come{ margin-right: 15px; font-size: 10px; color: #d0d0d0 }
.dashboard .circle{ margin-right: 10px }
.dashboard .circle img{ width: 100% !important }
.dashboard th{ font-size: 13px  }
.dashboard td{ color: #777; font-size: 13px }
.dashboard tr:hover td{ color: #999 !important; /*cursor: pointer; */}
.dashboard td a{ display: block; cursor: pointer; color: #666; font-weight: 600 }
.dashboard td a:hover, .dashboard td a:hover strong{ color: #0B5AA9 !important}
.small_chart { width: 100%; height: 200px }
.dashboard .readmore{ color: #666 !important; font-size: 13px }
.dashboard .readmore:hover{ color: #999 !important }
.summary p{ font-size: 14px; color: #999; margin: 0 0 5px}
.notifications td .ui.label{ background:rgba(11,90,169,.3) ; color: #0B5AA9; font-size: 10px; margin-right: 15px}
.notifications td .ui.label:hover{color: #0B5AA9 !important }
.notifications td .ui.label.moret3{background:rgba(131, 177, 35, .3) ; color: #83b123 !important}
.notifications td .ui.label.moret5{background:rgba(245,116,50,.3) ; color: #F47532 !important}
.notifications td .ui.label.moret3:hover{ color: #83b123 !important;}
.notifications td .ui.label.moret5:hover{ color: #F47532 !important}

td .userlist .active, .userlist .watting, .userlist .deactive, .dashboard .today, .dashboard .yesterday, .dashboard .older{ font-size: 11px }
.userlist .active, .dashboard .today, .userlist .active:hover, .dashboard .today:hover{color: #0B5AA9 !important}
.userlist .watting, .dashboard .yesterday, .userlist .watting:hover, .dashboard .yesterday:hover{color: #83b123 !important}
.userlist .deactive, .dashboard .older, .userlist .deactive:hover, .dashboard .older:hover{color: #F47532 !important}
.dashboard .ui.table td, .dashboard .ui.relaxed.items > .item { padding-top: 1em; padding-bottom: 1em }
.action_ .ui.button.menu_open, .action_ .ui.icon.button.edit, .action_ .ui.button.dropdown{ padding: 5px !important;}
.action_ .ui.button.menu_open, .action_ .ui.button.dropdown, .action_ .ui.button.menu_open:hover, .action_ .ui.button.menu_open:focus { background: none !important;}
.action_ .ui.button.menu_open i, .action_ .ui.button.dropdown, .action_ .ui.button.menu_open:hover i, .action_ .ui.button.menu_open:focus i {color: #F47532 !important;}
.action_ .ui.icon.button.edit, .action_ .ui.icon.button.edit:hover, .action_ .ui.icon.button.edit:focus{ background: none !important; color: #0B5AA9 !important;}
.ui.table {font-size: 13px !important;}
.dashboard td strong{ font-weight: 600; color: #333 }
.dashboard .ui.table tr td{ border-top: none }

.dashboard_1 .summary{ border-right: none; text-align: left; margin: 10px 0 10px 10px; padding: 0 !important }
.dashboard_1 .summary i{ float: left; margin: 0px 20px 5px 0; width: 50px; height: 50px; text-align: center; line-height: 46px; border-radius: 100%; border: 2px solid #f1f1f1; color: #666 !important  }
.dashboard_1 .summary div{ float: left; }
.dashboard_1 .summary-product h2, .dashboard_1 .summary-customer h2, .dashboard_1 .summary-users h2, .dashboard_1 .summary-chat h2{ background: none; font-weight: 600 !important; font-size: 25px; /*color: #000 !important;*/ padding:3px 8px 0 0; }
.dashboard_1 .summary h4 { font-size: 13px; margin: 5px 0; color: #999; font-weight: 600 !important;} 
.dashboard_1 p{ }
.dashboard_1 .summary-product h2, .dashboard_1 .summary-product i{ color: #CB9F50; }
.dashboard_1 .summary-customer h2, .dashboard_1 .summary-customer i{color: #F47532; }
.dashboard_1 .summary-users h2 ,.dashboard_1 .summary-users i{color: #83b123;}
.dashboard_1 .summary-chat h2, .dashboard_1 .summary-chat i{color: #0B5AA9; }
.admin-panel .ui.table.hover tr:hover{box-shadow:0 2px 5px rgba(211, 217, 224,.6) !important; z-index: 1; position: relative;/* background: rgba(0,0,0,.01)*/}
.dashboard_1 .summary .svg{ height:  30px; margin-top: 8px }
.dashboard_1 .summary .svg path{ fill: #000 !important }
/*************** Dashboard **********************/

/*************** Product view new product **********************/
.h4.ui.header.m_b20{ margin-bottom: 20px !important }
.readmore-details{ position: absolute; right: -13px !important; left: 0; top: 1300px; bottom:5px ; overflow-y: auto; overflow-x: hidden; background: #fff; z-index: 111 }
.readmore-details.top100{ top: 85px; }
.readmore-close { position: absolute;right: 0; top: 60px; padding: 5px; width: auto; display: inline-block; cursor: pointer; }
.readmore-details .dividing{ color: #0B5AA9 !important }
.readmore-details td{ vertical-align: top !important; }
.readmore-details .close i{ font-size: 16px }
.readmore-details .ui.table tr.b_dark td{ border-color: #000 !important }
.readmore-details .ui.table tr.b_dbl td{ border-top: 2px solid #000 !important}
.readmore-details .ui.table tr.b_no td{border: none !important; padding-top: 0 }
.readmore-details ul{ margin: 0 0 50px; padding: 0; list-style: none }
.readmore-details ul li{ margin-bottom: 10px; color: #333; font-weight: 600; font-size: 12px; }
.readmore-details ul li i{ color: #0B5AA9 !important; font-size: 13px; margin-right: 5px }
.readmore-details .ui.dividing.header{ margin-top: 10px !important }
.readmore-details p{ font-size: 13px; color: #999 }
.p_desc .p{font-size: 14px; font-weight: 600; color: #333; position: relative; z-index: 1;} 
.chat-product-desc p{font-size: 14px; /*font-weight: 600;*/ color: #333; position: relative; z-index: 1; text-align: left;} 
.p_desc .p{ padding: 20px 0; margin-top: 10px; }
.p_desc .p div{ margin-top: 10px }
.p_desc .p span{ display: inline-block; width: 49%; vertical-align: top; font-size: 12px; color: #999; font-weight: 600; margin-bottom: 5px  }
.p_desc .fa{ margin-right: 5px; min-width: 10px; text-align: center; }
.p_desc .fa-plus-circle{ color: #F47532 !important; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);  }
.p_desc .fa-check-circle-o{ color: #83b123 !important; font-size: 13px }
.readmore-details h4.ui.header, .new_model h4.ui.header, .chat-area .chat-product-desc h4.ui.header, .edit-form h4.ui.header {font-size: 11px; text-transform: uppercase; letter-spacing: 1px; border-color: #0B5AA9 !important; }
.readmore-details h4.ui.header, .new_model h4.ui.header, .edit-form h4.ui.header {padding-left: 0 !important; }
.chat-area .ui.dividing.header.theme_text1{ color: #0B5AA9 !important }
.readmore-details h4.ui.header span{ display: none; } 
/*************** Product view new product **********************/

.w_50{ width: 50%; margin: 0 auto }

.field .ui.checkbox{ margin-right: 20px !important }
.new_model .fields.m_t20 {margin-top: 20px;}
.new_model .fields.m_b201{ margin-bottom: 0 !important }
.product_watch{ font-size: 13px; color: #999; font-weight: 400 }
.product_watch strong{ color: #104275 !important }

.user_chatarea .chat_user_area h4{position: relative; }
.user_chatarea .chat_user_area h4 span{ display: block !important; position: absolute;left: 75px; top:40px; }
.product-img1{ width: 100px !important; height: 100px; text-align: center; margin: 10px auto 0 }
.product-img1{ width: 100%; min-height: 100% }
.chat-product-desc h5.ui.header.m_b0{ margin-bottom: 0 !important }
.chat_product_description .readmore-details.top100{ top:350px; margin-right: 8px;}
.chat_product_description .readmore-details h4.ui.header:first-child{ margin: 0 0 20px 0 !important; padding-top: 0; text-align: left; color:#0B5AA9 !important  }
.chat_product_description .readmore-details h4.ui.header{color:#0B5AA9 !important; padding-left: 0 !important}
.chat_product_description .readmore-details p{ color: #999; font-size: 13px; font-weight:400 }
.chat-product-desc h5{ position: relative; }
.chat-product-desc h5 .readmore-close{top: 23px;}

.chat-product-img .ui.tiny.image{ width: 60px; height: 60px }
.chat-product-img .item .content{ font-size: 13px !important; text-align: left; }
.chat-product-img .item .content .description{ margin-top: 0 !important; word-break: break-all; }
.chat-product-img .ui.items > .item > .content > .header:not(.ui){font-size: 16px; font-weight: 600 !important; color: #000 !important}

.new_model .p_desc .ui.header{ margin-left: 20px; padding-right: 23px; }
td.image-zoom, td.get_product, td.get_user{ cursor: pointer; }
.new_model .popupimg{ height: auto !important }
.new_model .popupimg{ text-align: center; }
.new_model .popupimg>.m_img1{ max-width: 500px; width: 80%; min-width: 100px; min-height: 100px; max-height: 600px; margin-top: 20px; }
.modals.dimmer .ui.modal.new_model{ padding-bottom: 20px !important }]
#image-zoom.new_model .img-desc, #image-zoom2.new_model .img-desc{ max-height: 100% !important }

.modals.dimmer .ui.modal.new_model.new_model_1{ padding-bottom: 0 !important; position: relative; width: 100%; height: 100%; }
.new_model.new_model_1 .popupimg{ width: 70%; border: none; }
.new_model.new_model_1.ui.modal > .content{ margin-bottom: 0 !important }
.new_model.new_model_1 .img-cnt{ position: absolute; right: 0; height: 100%; width: 30%; border-left:1px solid #ddd; }
.new_model.ui.modal.new_model_1 > .content, .new_model_1 .img-desc{ height: 100%; padding: 0 0 0 20px }
.new_model_1 .thumb-img{ position: relative; }
.img-cnt .p_desc a.remove-favourite.addfavourite:hover{ color: #000 !important }
.favlist-thumb .uiimage{ min-height: 100%; vertical-align: middle; }
.ui.dimmer.new_model_2{ left: 20% !important; margin-left: 1px }
.new_model_1.new_model.ui.modal > .close{ padding: 0 5px; right: 5px }
.new_model_1 .close .close-img, .remove .close-img { width: 28px !important; } 
.readmore-close .remove{ margin-right: 5px }
.new_model_1 .remove .close-img { width: 22px !important; }
.close .close-img{ width: 20px !important }
#image-zoom i.close{ text-align: center; }
#image-zoom .close .close-img{width: 20px; PADDING: 4px; background: #fff; border-radius: 100%; margin: auto;}
.chat-area.front-end .remove .close-img {width: 16px !important;}
.new_model_1 .content > .description { min-height: 1px }
.new_model_1 .content > .description a{ color:#777 !important }
.new_model_1 .favlist-thumb ul{ max-height: none; margin-left: -10px }
.new_model_1 .favlist-thumb ul li{ width: 16.66%; max-width: 300px; height: 220px; margin-bottom: 10px }
.ui.tiny.image.circle img{ min-height: 100% }
.item_chat .labels a{ margin-top: 6px !important }
.chat_product_list .ui.relaxed.items > .item .circular.labels a{ margin-top: 11px !important;}
.number .ui.label{ background: none !important; border: 1px solid #ddd; border-radius: 20px !important}
.dashboard .ui.segment{ padding: 30px !important;}
.dashboard .height_200 {height: 150px;}

.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"]{ font-size: 14px !important; border-color:#DDD !important; border-radius: 3px !important;}
.ui.form textarea:focus { background: #f8f8f8; border-color: #DDD; }

.content-area1 .ui.dividing.header{ border-bottom: 1px solid #DDD; }
.content-area1 .chat_user_area,.content-area1 .chat_product_description{border-left:none !important;}
.content-area1 .chat-input{border:none !important;}
.content-area1 .chat_user_area{background: #FFF !important; border-right: 1px solid #DDD;}
/*.content-area1 .chat-area .chat_user_area .ui.dividing.header{ background: #fafafa}*/
.content-area1 .self-end .chatmsg {background: rgb(249, 250, 251);}
.content-area1 .self-end::after{border-color: transparent rgb(249, 250, 251);}
.content-area1 .chat-sesion span{ background: #f3f5f7 }
.edit-admin-profile .fields.m_b20{ margin-bottom: 30px }
.search-area button[type="submit"]{ background: none; border: none; padding: 8px 5px; cursor: pointer; background: #fff; position: absolute; right: 5px; top:1px; z-index: 1 }
.login-box {
	border-radius: 4px;
}
.ui.table thead th {
	background: #f4f6f8;
	border-color: #f4f6f8;
}
.ui.table  {
	border-color: #f4f6f8;
}
.ui.table tr td {
	border-color: #f4f6f8;
}
div.dataTables_wrapper div.dataTables_info {
	font-weight: 600;
	font-size: 12px;
}
.dataTables_filter label, .dataTables_length label {
	font-size: 12px;
	color: #666;
}
.copy {
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.fieldbox {
    border: 2px solid #f4f6f8;
    border-radius: 4px;
    padding: 30px;
    position: relative;
    margin-top: 50px;
}

.fieldtitle {
    background: #fff none repeat scroll 0 0;
    color: #bbb;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0 3px;
    position: absolute;
    text-transform: uppercase;
    top: -9px;
}
.dashboard .segment {
	border:1px solid #DDD;
}
.slate-bg {
	background:#F4F6F8;
}

/*Temprery hide from product popup*/
.img-desc .temp_hide, .img-desc .img-cnt .p_desc .ui.header span, .img-desc .new_price, .img-desc .img-cnt .p_desc a.readmore, .img-desc .new_price, .chat_product_description .readmore, .chat-product-desc h5.ui.header span { display: none !important; }
/*Temprery hide from product popup*/

.img-cnt .para, .chat_product_description .para{ margin: 20px 0 !important; font-size: 15px }


.login_area .fbLoginButton{ margin-bottom: 10px; background:#3b5998 !important; border: 1px solid #3b5998 !important}
.login_area .fbLoginButton i{ margin-right:10px; }
.login_area .fbLoginButton:hover{background: #1f396e !important}
.login_area h5{ position: relative; border-bottom: 1px solid #ddd; margin: 40px auto; font-size: 12px !important  }
.login_area h5 span{ position: absolute; width: 30px; height: 30px; line-height: 30px; left: 50%; top: -16px; margin-left: -15px; background: #ddd;}

.enquiry_areapopup{ position: absolute; width: 100%; left: 0px;  z-index: 2;background: #fff; padding:0 0 15px 0; border: 1px solid #f1f1f1; text-align: left; /*transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);top: 50%;*/ bottom: 0px; top: 0 }
.enquiry_areapopup .item-input-wrap,.enquiry_areapopup .block{ padding: 0 25px}
.enquiry_areapopup label{ display:block; margin-bottom: 25px; font-weight: 600; background: #030303; color: #fff; padding: 10px 20px; font-size: 18px; }
.enquiry_areapopup .primary.button.fluid{ padding:12px !important; margin-bottom: 0;  text-transform: uppercase; background: #000; border: none; }
.enquiry_areapopup a.link{display: inline-block; text-transform: uppercase; font-size: 18px;  padding: 10px 5px; font-weight: 600}
.enquiry_areapopup a.link, .enquiry_areapopup a.link:hover{ color: #ce9835 !important; }
.enquiry_areapopup textarea{ height: 100px; margin-bottom: 30px; width: 100%; padding: 10px; }
.enquiry_areapopup p{ margin-top: 0; margin-bottom: 20px; font-size: 13px !important }
.close_areapopup{ position: absolute; right: 0px; top: 5px; padding: 10px; cursor: pointer; z-index:11; }
.close_areapopup img{ width: 16px; }
ul, ol, li{ list-style: none; margin: 0; padding: 0 }

.height_adjust
{
	height: 70px;
}
.chat_user_product .parent_li{ display: inline-block !important; float: none; width: 100%; position: relative;}
.chat_user_product .parent_li a{display: inline-block !important; font-size: 13px !important; font-weight: 600 !important; width: 100%; box-sizing: border-box; padding: 10px 20px;}\.chat_user_product .parent_li a:hover ,.chat_user_product .parent_li.active a{ background: rgba(0, 0, 0, 0.02) !important }
.chat_user_product .parent_li a .image{ margin-right:1.5em; vertical-align: middle; display: inline-block;}
.chat_user_product .parent_li a .content{display: inline-block;}
.chat_user_product .parent_li.active a .content{ color: rgba(0, 0, 0, 0.85); font-weight: 700;}

.chat_product_description .popupimg{ margin: 0 auto; overflow: hidden; position: relative; width: 100%; height: auto !important; border:none; float: none; text-align: center; } 
.chat_product_description .popupimg .m_img1 {display: inline-block; height: 280px; margin-right: 0; overflow: hidden; text-align: center; transform: rotateY(0deg); width: auto; min-height: 100px; min-width: 100px }
.chat_product_description .img-cnt{width: 100%; height:  auto !important; position: relative; float: right; font-size: 13px; box-sizing: border-box; background: #fff;}

.chat_product_description .popupimg .thumb-img li a img{ min-height: 10px; min-width: 10px; width: auto; height: 100% !important; }
.chat_product_description .popupimg  ul.thumb-img { margin: 0; text-align: center; bottom: 0}
.chat_product_description .close{ display: none; }
.favlist-thumb .users{ margin: auto; display: block; }
.menu .item .prduct_sort{ margin-right: 5px }
.menu .item label{ display: block; }
.action img.svg{  margin-top: 15px; padding: 5px; vertical-align: middle; width: 28px; opacity: .6}
.action img.svg:hover{ opacity: 1 }

.filter_dropdown {
	width: 250px !important;
}

.user-profile .action .filter_dropdown i{ border: none }
.user-profile .action .filter_dropdown .item{ padding: 7px 5px; background: rgba(34,36,38,.05); margin: 2px -12px;} 
.user-profile .action .filter_dropdown .item input{ margin-right: 5px; vertical-align: middle; }

.circle.notification{ overflow: visible; }
.notification>.badge{ position: absolute; right: -12px; top: -9px; background: #f47532; color: #fff; height: 20px; min-width: 20px; text-align: center; line-height: 20px; font-size: 10px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; }

.notification-top.ui.dropdown .menu > .item { white-space:normal !important;}

.customer_detail {margin-left: 20px; display: flex; }
.customer_detail .content{ margin-left: 10px }
.customer_detail a.header{ font-size: 14px !important; color: #111 !important }
.customer_detail .description{ font-size: 12px; line-height: 130% }
h4.m_t10.ui.header{ margin-top: 10px !important }