/*Chat area style Start ========*/
 [data-page="c-chat"] .navbar .title{ margin:0;justify-content: left; position:relative; width: 100%;width: calc(100% - 70px);} 
.navbar .title img{ border-radius: 100%;float: left;height: 42px;width: 42px;object-fit: cover;object-position: center center;}
.navbar .title .cht-grptitle{  float: left;margin-left:10px;text-align: left;width: calc(100% - 54px);margin-top: 3px;}
.navbar .title .cht-grptitle h2{ margin:-3px 0 0; font-size:17px; line-height:22px;overflow: hidden;text-overflow: ellipsis; font-weight:normal;}
.navbar .title .cht-grptitle span.last-msg{ font-size:12px; text-align:left; display: block;}
.navbar .title.online img{}

.ios .page-content.messages-content,
.md .page-content.messages-content{padding-bottom: 63px;}

.ios .navbar .title .img_name{height: 26px;width: 26px;line-height: 26px;font-size: 12px;margin-top: 3px;}
.ios .navbar .title .cht-grptitle h2{font-size: 14px;}
.ios .navbar .title .cht-grptitle span.last-msg{font-size: 10px;line-height: 12px;position: relative;top: -2px;color: #9c9b9b;}

.chat-main{ background-color:#f6fbff;padding:16px 8px 0 8px;}
.chat-main:after{ content: ""; background-image: url('../images/chat_bg.png');position: fixed;top: 0; left: 0; height: 100%;width: 100%;opacity: 0.03; background-repeat: repeat repeat;z-index: -1; }

/*.chat-main .chat-memberlist{display: -webkit-flex;display: flex;box-sizing: border-box;-webkit-align-items: center;align-items: center;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);overflow: hidden;padding: 12px 8px;width: 100%;min-height: 70px;}
.chat-main .chat-memberlist ul{  margin: 0;padding: 0;white-space: nowrap; text-align:center; overflow: auto;}
.chat-main .chat-memberlist ul li{ display:inline-block; margin-right:10px; position:relative;} 
.chat-main .chat-memberlist ul li a{ display:block;} 
.chat-main .chat-memberlist ul li a img{border-radius: 100%;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.36);height: 42px;outline: 1px solid rgba(0, 0, 0, 0);width: 42px;} 
.chat-main .chat-memberlist ul li.online:before{ background-color:#8cc46d;}
.chat-main .chat-memberlist ul li:before{background-color: #dddddd;border: 2px solid #ffffff;border-radius: 100%;bottom: 3px;content: "";height: 7px;left: 25px;margin: 0 auto;position: absolute;right: 0;width: 7px;}*/

.chat-main{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;min-height:calc(100% - 16px);position: relative;z-index: 1;}
/*.chat-main .chat-room-inner{box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-flex-direction: column;    flex-direction: column;height: 100%;overflow-x: hidden;overflow-y: scroll;position: absolute;top: 0;transition: background .3s ease-out .1s;width: 100%;z-index: 100;padding: 8px;}*/



.chat-main .chat-datetime{text-align: center;padding: 2px 0;display:block;margin: 6px -8px 14px;text-transform: uppercase;letter-spacing: 1px;font-weight: 400;font-family: Roboto, Noto, Helvetica, Arial, sans-serif;font-size: 12px;line-height: 20px;}
.chat-main .chat-datetime span{background: #cfebff;padding: 4px 8px;border-radius: 4px;font-size: 10px;box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.15);color: #304c5f;font-weight: 400;letter-spacing: normal;}
.chat-main .chat-ar{ display: table;padding-bottom:5px; position:relative; width:100%;}
.chat-main .chat-ar .chat-contant{background-color:#fff;float: left;margin-bottom:25px;margin-left: 50px;max-width: calc(100% - 135px); padding:6px 6px 20px 6px; border-radius:6px; position: relative;box-shadow:0 1px 0.5px rgba(0, 0, 0, 0.15); min-width: 50px; z-index: 1;}
.chat-main .chat-ar .chat-contant:before{background-image: url("../images/chat-arrow.svg");bottom: 8px;content: "";height: 17px;left: -12px;position: absolute; width: 31px;z-index:-1;}
.chat-main .chat-ar.c-sending .chat-contant:before{ z-index: -1; }
.chat-main .chat-ar .chat-contant p{ margin:0;overflow-wrap: break-word; color:#454545;word-break: break-word; font-size: 15px;}
.chat-main .chat-ar h5{color: #9b9e9e;bottom: 12px;clear: both;float: left;margin: 0 0 0 50px;position: absolute;font-weight:400;}
.chat-main .chat-ar h6{font-size: 11px;margin: 0;position: absolute;right: 8px;bottom: 2px;color: #bcbebe;font-weight: 600;}
.chat-main .chat-ar .chat-contant p img.emoji{ height: 20px;vertical-align: middle;width: 20px; margin:0 2px;}

.chat-main .chat-ar > img{border-radius: 100%;float: left;height:35px;width:35px; position:absolute; bottom:9px; left:0px;object-fit: cover;object-position: center center;}
.chat-main .chat-ar > .img_name{float: left;height:33px;width:33px; position:absolute; bottom:9px; left:0px;line-height: 33px;}


.chat-main .chat-ar.c-sending .chat-contant{margin-right: 50px; margin-left:0; float:right; background-color:#387ba9;}
.chat-main .chat-ar.c-sending .chat-contant:before{ left: inherit;right:-12px;transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);background-image: url("../images/chat-arrow-send.svg");}
.chat-main .chat-ar.c-sending .chat-contant p{ color:#fff;}
.chat-main .chat-ar.c-sending h5{ margin:0 55px 0 0; float:right; right:0;font-weight: 600;}
.chat-main .chat-ar.c-sending h6{/*left: 6px;right: inherit;*/font-weight: 600;color: #f6fbff;}
.chat-main .chat-ar.c-sending > img{left: inherit;right: 0;}
.chat-main .chat-ar.c-sending > .img_name{left: inherit;right: 0;}

.chat-main .chat-ar .chat-contant .chat-imgdow{max-width: 220px;}
.chat-main .chat-ar .chat-contant .chat-imgdow a{ display:block; height:150px;overflow: hidden;}
.chat-main .chat-ar .chat-contant .chat-imgdow  p{/*width: 220px;*/ margin-top: 5px;}
.chat-main .chat-ar .chat-contant .chat-file{ max-width: 220px; }
.chat-main .chat-ar .chat-contant .chat-file  p{/*width: 260px;*/ margin-top: 5px;}
.chat-main .chat-ar .chat-contant .chat-imgdow a img{border-radius:6px;height: 150px;object-fit: cover;width: 220px;object-position: center center;}
/*.chat-main .chat-ar .chat-contant .chat-file{ padding:6px 6px 20px 6px;}*/
.chat-main .chat-ar .chat-contant .chat-file .gauge_files{position: absolute;background-color: #fff;top: 1px;}
.chat-main .chat-ar .chat-contant .chat-file span.gauge_file_name{overflow: hidden;width: 155px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;position: relative;top: 5px;}
.chat-main .chat-ar.c-received .chat-contant .chat-file span.gauge_file_name{color: #454556;}
.chat-main .chat-ar .chat-contant .chat-file a i{background-color: rgba(255, 255, 255, 0.3);border-radius: 100%;display: inline-block;font-size: 18px;height: 20px;line-height: 19px;padding: 5px;text-align: center;vertical-align: middle;width: 20px; margin-right:3px;}
.chat-main .chat-ar.c-received .chat-contant .chat-file a{ color:#454545;}
.chat-main .chat-ar .chat-contant .chat-file a{ border-radius:6px;color: #ffffff;display: block;padding:0;}
.chat-main .chat-ar .chat-contant .chat-file a ul{ margin:0; padding:5px; border:1px solid rgba(255,255,255,.3); border-radius:6px;}
.chat-main .chat-ar .chat-contant .chat-file a ul li{ display:block; position: relative;}
.chat-main .chat-ar .chat-contant .chat-file a ul li.down-botm{border-top: 1px solid rgba(255, 255, 255, 0.3);height: 17px;margin-top:4px;padding-top:2px;margin-left: -5px;width:calc(100% + 10px);}
.chat-main .chat-ar .chat-contant .chat-file a ul li.down-botm .text-right{ float:right; margin-right:10px;}
.chat-main .chat-ar .chat-contant .chat-file a ul li.down-botm span{ font-size:13px; position:relative; top:-2px;}
.chat-main .chat-ar .chat-contant .chat-file a ul li.down-botm span.text-left{ margin-left:10px;}
.chat-main .chat-ar.c-received .chat-contant .chat-file a ul li.down-botm{border-top: 1px solid rgba(0, 0, 0, 0.1);color: #c1c2c2;}
.chat-main .chat-ar.c-received .chat-contant .chat-file a i{background-color: #74a3c3; color: #fff;}
.chat-main .chat-ar.c-received .chat-contant .chat-file a ul{border: 1px solid rgba(0, 0, 0, 0.1);}

.toolbar.messagebar .chat-footer{min-height: 62px;-webkit-order: 3;order: 3;position: relative;-webkit-flex: none;flex: none;width: 100%;  box-sizing: border-box;z-index: 1;overflow: hidden; border-top: 1px solid #ddd;}

.toolbar.messagebar .chat-footer textarea{width: calc(100% - 16px);box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.25);margin: 0 8px 5px 0;border-radius: 25px;padding:7px 35px 7px 35px;max-height: 100px;height: 36px;font-size: 14px;line-height: 20px;overflow: hidden;z-index: 1;}
.toolbar.messagebar .chat-footer textarea::-moz-placeholder{color: #666666;font-size: 15px;}
.toolbar.messagebar .chat-footer textarea::-ms-input-placeholder{color: #666666;font-size: 15px;}
.toolbar.messagebar .chat-footer textarea::-webkit-input-placeholder{color: #666666;font-size: 15px;}

.toolbar.messagebar .chat-footer .chatficon{ /*position:absolute; top:0; right:0;*/}
.toolbar.messagebar .chat-footer .chatficon a{display: inline-block;padding: 5px 4px;}
.toolbar.messagebar .chat-footer .chatficon a i{ font-size:22px;}
.toolbar.messagebar .chat-footer .file-attach{position: absolute;right:62px;bottom: 16px;z-index: 2;}
.toolbar.messagebar .chat-footer .file-attach i{    font-size: 20px; margin-top:2px;color:#666;-webkit-transform: rotate(30deg);transform: rotate(30deg);}
.toolbar.messagebar .chat-footer .chatficon .msgsend{color:#fff;background-color: #4399d5;border-radius: 100%;display: block;height:36px;padding: 0;/*position: absolute;right: -54px;*/text-align: center;top: -6px;width: 36px;box-shadow: 0 0.6px 2px rgba(0, 0, 0, 0.20);}
.toolbar.messagebar .chat-footer .chatficon .msgsend i{font-size: 17px;line-height: 41px;position: relative;left: -2px;}
.toolbar.messagebar .chat-footer .emoticon{ padding:6px;}
.toolbar.messagebar .chat-footer .emoticon i{ margin-top:2px; color:#666;}

.toolbar.messagebar .chat-footer .cht_emoji{position: absolute;height: 30px;bottom: 16px;width: 30px;text-align: center;left: 12px;z-index: 2;border-radius: 100%;overflow: hidden;}
.toolbar.messagebar .chat-footer .cht_emoji a{color:#666; display: block;font-size: 20px;line-height:30px;}
.toolbar.messagebar .chat-footer .cht_emoji a i{ font-size: 20px;display: block;line-height: 30px;}

.cht_foot_box{-webkit-align-items: flex-end;align-items: flex-end;box-sizing: border-box;display: -webkit-flex;display: flex;  -webkit-flex-direction: row;flex-direction: row;max-width: 100%;min-height: 62px;position: relative;z-index: 2;padding: 8px;}
.page-content.messages-content{background-color: #fff;}


.cht_foot_attachment{ color: #303030; padding: 8px;padding-bottom: 0px; }
.cht_foot_attachment .pull-left{font-weight: 600;font-family: Roboto, Noto, Helvetica, Arial, sans-serif;text-transform: uppercase;font-size: 14px;color: #63717b;line-height: 16px;padding-top: 4px;}
.cht_foot_attachment .pull-left i{ float: left; }
.cht_foot_attachment .pull-left span.cht_file_extension{max-width: 200px;display: inline-block;word-break: break-word;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;margin: 0 5px;}
.cht_foot_attachment .pull-left span:not(.cht_file_extension){font-size: 12px;color: #a5acb3;}
.cht_foot_attachment .pull-right{}
.cht_foot_attachment .cfattch_row{overflow: hidden;}
.cht_foot_attachment .cfattch_row .progressbar{border-radius: 5px;}
.cht_foot_attachment .cfattch_row .progressbar span{background: #0b69a9;}
.cht_foot_attachment .cfattch_row h4{font-size: 14px;font-weight: 400;font-family: Roboto, Noto, Helvetica, Arial, sans-serif;text-transform: capitalize;margin: 5px 0 5px 0;line-height: 18px;color: #848484;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}

.cht_foot_attachment .cfattch_row .attached_finished{position: absolute;top:12px;right: 40px;background-color: #65b345;border-radius: 4px;color: #fff;padding: 2px 6px;line-height: 14px;font-size: 12px;letter-spacing: 0.7px;}
.cht_foot_attachment .cfattch_row .processBar{position: absolute;top:14px;right: 40px;line-height: 14px;font-size: 12px;letter-spacing: 0.7px;}
.cht_foot_attachment .cfattch_row .processBar .preloader{height: 16px;width: 16px;}

.toolbar.messagebar .cht_foot_attachment .cfa_cancle{color: #ff0000;font-size: 16px;padding: 2px 6px;display: inline-block;line-height: 16px;}
.toolbar.messagebar .cht_foot_attachment .cfa_cancle i{line-height: 16px;}

.chat-imgpopup .center{justify-content: left;width: 100%;}
.chat-imgpopup .center .file-detl{}
.chat-imgpopup .center .file-detl h2{ font-size: 17px;font-weight: normal;line-height: 22px;margin: -3px 0 0;    overflow: hidden;text-overflow: ellipsis; font-weight:normal;}
.chat-imgpopup .center .file-detl h5{ margin:0;font-size: 12px;text-align: left; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%; font-weight:normal;}

.ios .chat-imgpopup .navbar-inner{-webkit-justify-content:normal;-ms-flex-pack: normal;justify-content: normal;}
.ios .chat-imgpopup .center .file-detl h2{font-size: 14px;}
.ios .chat-imgpopup .center .file-detl h5{font-size: 10px;line-height: 12px;position: relative;top: -2px;}
.ios .photo-browser-page-dark .chat-imgpopup .navbar{background-color:rgba(30, 30, 30, 0.8) !important;}

.chat-imgpopup .navbar{ background-color:#000 !important;}
.chat-imgpopup .page-content{ background-color:#0d0d0d;}
.chat-imgpopup .page-content .cip_image_area{ height: 100%; width: 100%;overflow: hidden;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content: center }
.chat-imgpopup .page-content img{object-fit: cover;max-width: 100%;}

.chat-main .emoji-content{bottom:56px;left: 0;position: absolute;right: 0;top: 0;}
.chat-main .emoji-content ul{ margin:0;padding:10px 0 0 0;background-color:rgba(0, 0, 0, 0.8);position:absolute;bottom:0;}
.chat-main .emoji-content ul li{display:inline-block;margin-bottom:5px;text-align:center;width:calc((100% - 13px * 2) / 6);}
.chat-main .emoji-content ul li a{} 

#emojis .emojionearea-editor{display: none;}
#emojis {width:100%;}
.messagebar-sheet{overflow:visible;}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top{margin:0 !important;}

.emojionearea .emojionearea-picker{position: relative;border-radius: 0; box-shadow: none;top:0;width: 100%;height:250px;opacity: 1;}
.emojionearea .emojionearea-picker .emojionearea-wrapper{width:100%;height:250px;}

.toolbar.messagebar .chat-footer .emojioneemoji{display: none;}

.chat_user_list{ background-color: #fff; }
.chat_user_list .list{margin:0;}
.chat_user_list .list .item-title-row{ padding-right: 0 !important;background-image:none; }
.chat_user_list .list .item-subtitle{ color: #9a9a9a; }
.chat_user_list li .item-media{ overflow: hidden; }
.chat_user_list li .item-media img{ height:40px; width:40px; border-radius: 100%; object-fit: cover;object-position: center center;}

.chat_user_list .item-title-row:before{display: none !important;}

.ios .chat_user_list .item-title-row{line-height:24px;}
.ios .chat_user_list .item-title-row .item-title{ font-size: 16px;}
.ios .chat_user_list .item-title-row .item-after{ font-size: 12px;}
.ios .chat_user_list .item-subtitle{ font-size: 14px; line-height: 16px;}
.ios .chat_user_list .item-media .img_name{ margin-top:3px !important;}
/*New chat design start =====*/
.name_links{font-size: 14px;letter-spacing: 0.5px;}

.circle-list .page-card .item-media{float: left;margin-right: 20px;width: 100px; position:relative;}
.circle-list .page-card .item-media .up-badge{background-color: #e46d13;border-radius: 100%;color: #ffffff;font-size: 12px;height: 25px;line-height: 24px;position: absolute;left:0px;top: 0;width: 25px;}
.circle-list .page-card .item-media img{ border-radius:100%; height:100px; width:100px;}
.circle-list .page-card .item-inner .item-menu{ position:absolute; top:0; right:-5px; color:#333;}
.circle-list .page-card .item-inner .item-menu a{ color:#333;}
.circle-list .page-card .item-inner{float: left;width: calc(100% - 120px); height:106px;}
.circle-list .page-card .item-after{ color:#666;}
.circle-list .page-card .item-title{overflow-wrap: break-word; font-weight:500; font-size:18px; margin:0 22px 8px 0; line-height:20px;}
.circle-list .page-card .item-bottom{ bottom: 0;left: 0;position: absolute;right: 0;}
.circle-list .page-card .item-bottom .item-after{ float:left; font-size:12px;color:#666; line-height:12px;}
.circle-list .page-card .item-bottom .item-edit{bottom: -4px;font-size: 16px;line-height: 14px;padding: 2px;  position: absolute;right: 0;}
.circle-list .page-card .item-bottom .item-edit a i.fa{font-size: 25px;line-height: 36px;}

.create-circl .create-circl-img{ text-align:center; position:relative;}
.create-circl .create-circl-img .profile-body{display: inline-block; margin:20px auto 0; position:relative; text-align:center;}
.create-circl .create-circl-img .profile-body img{border-radius: 100%;height:120px;margin: 0 auto;text-align: center;width:120px;}
.create-circl .create-circl-img .profile-body a{position: absolute;border-radius: 100%;background-color:#0b69a9;color: #fff;z-index:1;height: 40px;width: 40px;bottom:7px;    right: -1px;overflow: hidden;font-size: 18px;line-height: 40px;box-shadow: 0 0 6px 0 rgba(0,0,0,0.5);}
.create-circl .create-circl-img .profile-body a i{font-size: 20px;position: relative;top: 1px;right: -1px;}

/* .create-circl .media-list .item-content .item-media img{ height:50px; width:50px; border-radius:100%;} */
.create-circl .media-list .item-content .item-media .img_name{ height: 50px;width: 50px;border-radius: 100%;line-height: 50px;font-size: 18px;}

.create-circl .media-list .remove-m{overflow:hidden;}
.create-circl .media-list .remove-m a{font-size: 18px;line-height: 18px;padding: 10px 9px;display: inline-block;}
.create-circl .media-list .remove-m .rm_admin{font-size: 11px;font-weight: 400;color: green;border: 1px solid green;border-radius: 4px;padding: 0 2px;line-height: 14px;display: inline-block;}

.create-circl .media-list .col-15{ width: 40px; }
.create-circl .media-list .col-85{ width: calc(100% - 40px); }

.create-circl .block-title .ading_membr a{top: -2px; position: relative;}
.create-circl .block-title .ading_membr i{position: relative;bottom: -3px;}

.chat-extra-info.popover-xs{ width: 130px; }

/*add member popup design start */
.create-circl .media-list .item-content .item-media img,
.add_member_select.popup .media-list .item-content .item-media img,
.add_member.popup .media-list .item-content .item-media img{ height:35px; width:35px; border-radius:100%;}

.create-circl .media-list .item-content .item-media .img_name,
.add_member_select.popup .media-list .item-content .item-media .img_name,
.add_member.popup .media-list .item-content .item-media .img_name{ height:35px;width:35px;border-radius: 100%;line-height:35px;font-size:14px;letter-spacing: 1px;}

.create-circl .media-list .item-content .item-inner .item-title,
.add_member.popup .media-list .item-content .item-inner .item-title{ line-height: normal;}

.create-circl .media-list .item-content .item-inner,
.create-circl .media-list .item-content .item-media,
.add_member.popup .media-list .item-content .item-media,
.add_member.popup .media-list .item-content .item-inner,
.select_project_list.media-list .item-content .item-media,
.select_project_list.media-list .item-content .item-inner,
.add_member_select.popup .media-list .item-content .item-media,
.add_member_select.popup .media-list .item-content .item-inner{padding-top: 10px;padding-bottom: 10px;}

.add_member_select .page-content .media-list,
.add_member .page-content .media-list{ margin:0; background-color: #fff; }

.add_member_select .page-content .media-list .icon-checkbox,
.select_project_list.media-list .icon-radio,
.add_member .page-content .media-list .icon-checkbox {margin-top: 0px;margin-right: 0px;position: absolute;top: calc(50% - 9px);right: 16px;}

.add_member_select .page-content .media-list .item-inner,
.select_project_list.media-list .item-inner,
.add_member .page-content .media-list .item-inner {padding-right: 50px;}

.obj_cover{object-fit: cover;object-position: center center;}

.select_project_list.media-list .item-content .item-media .img_name{ height: 40px; width: 40px; line-height: 40px;}
.select_project_list.media-list{margin:0px !important;}

.user_details_popup{}
.user_details_popup .udp_header{background-color:#000;padding:65px 0 40px 0;position:relative;text-align:center;box-shadow:0px 4px 12px -4px rgba(0,0,0,0.6);}
.user_details_popup .udp_header:after{ content: ""; background: #77A1D3;background: linear-gradient(to top, #79CBCA, #77A1D3);position: absolute;top: 0;left:0;right: 0;bottom: 0;}
.user_details_popup .udp_header img,
.user_details_popup .udp_header .img_name{margin: 0 auto; float: none;height: 65px;width: 65px;line-height: 65px;font-size: 22px;letter-spacing: 1px; border:2px solid #fff;position: relative;z-index: 1;box-shadow: 0px 4px 25px -3px rgba(0,0,0,0.5);}
.user_details_popup .udp_header img{border-radius: 100%;object-fit: cover;object-position: center center;}
.user_details_popup .udp_header .popup-close {position: absolute;right: 16px;top: 16px;color: #fff;}
.user_details_popup .udp_header h4{position: relative;z-index: 1;color: #fff;font-size:18px;margin: 8px 0 0 0;line-height: 30px;font-weight: 500;letter-spacing: 0.7px;}

.user_details_popup .udp_body{ padding-top: 20px;}
.user_details_popup .udp_body .list{margin:0px;}
.user_details_popup .udp_body .list ul:before,
.user_details_popup .udp_body .list ul .item-inner:after,
.user_details_popup .udp_body .list ul:after{display: none !important;}

.user_details_popup .udp_body .item-content .item-header{font-size: 16px;color: #303030;}
.user_details_popup .udp_body .item-content .item-inner{padding-top: 14px;padding-bottom: 14px;}
.user_details_popup .udp_body .item-content .item-title,.user_details_popup .udp_body .item-content .item-title a{ color: #808080;}


.md a.color-orange:not(.only-orange) { color: #ff9800;}

.ios .chat_crd_box .ccb_button .button{ border:none;}
.ios .chat_crd_box{height: calc(50vh - 76px);}

.ios .color-theme-white .icon-back,
.ios .icon-back.color-white,
.ios a.link.color-white .icon-back,
.ios .color-theme-white .icon-prev,
.ios .icon-prev.color-white,
.ios a.link.color-white .icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'12'%20height%3D'20'%20viewBox%3D'0%200%2012%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M.18261596%209.4221638c.0352203-.05148305.07573462-.10050698.1215468-.14631917L9.1425872.4374202c.5830904-.58309038%201.52656832-.5849888%202.11643872.00488163.5857864.58578644.591222%201.53009836.0048816%202.11643873L3.82594417%209.9967039l7.43188553%207.4318855c.5830904.5830904.5849888%201.5265683-.0048817%202.1164387-.5857864.5857865-1.5300983.591222-2.11643868.0048816L.2980849%2010.7114853c-.3526746-.3526746-.3939974-.89699-.11546894-1.2893215z'%20fill%3D'%23ffffff'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")  !important;
}


.ios label.item-checkbox input[type="checkbox"]:checked ~ .item-inner .icon-checkbox{border: none;background: #007aff;}
.ios label.item-checkbox input[type="checkbox"]:checked ~ .item-inner .icon-checkbox:after {
  background: no-repeat center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E");
  background-size: 12px 9px;
}