/** Plus CSS*/
.opacity{width: 100%;max-width:500px;position: fixed;z-index: 1000;bottom: 50px;max-width:700px;}
.bs-modal-plus{display:none;}
.bs-modal{ position: fixed; z-index: 99; width: 100%; background-color: rgba(167, 167, 167, 0); top: 0;left: 0;bottom: 100px;}
.roomsetcl{font-size:20px;color:#fff;height: 40px;text-align:center;padding-top: 10px;z-index:99;background-blend-mode: multiply;background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;background-blend-mode: multiply,multiply;cursor: pointer;}
.roomview{position: absolute;display: none;width: 35%;/*border: 1px solid rgb(231, 255, 0); /bottom: 330px; text-align: center; vertical-align: middle; */z-index: 100;max-width: 200px;border: none;vertical-align:middle;background-color: rgba(250, 251, 252, 0);border-radius: 10px;}
.svgimg{height: 300px;border:0 groove #d0d2d3;background-color:#fff;}
.example-tabs{border-bottom:1px solid #d7d7d8;}
.bntt, .bntt:focus, .bntt:hover, .bntt:active{width: 70px;text-align: center;border:none;text-decoration:none;display:inline-block;cursor:pointer;margin: 0 5px 0 6px;}
.bntt p{width: 100%;text-align:center;font-size: 1px;/* margin-left: 10px; */}
.imagemain{width: 60%;/* margin-left: 10px; */}
.image-content{background-color:#fff;width:100%;height: 81.33333%;overflow-x:hidden;overflow-y:auto;}background-color: #FFF;opacity: 0.6;filter: alpha(opacity=30);background-color: #FFF;position: absolute;}
.tab-content a{width: 75px;text-align:center;cursor: pointer;}
.tab-pane{text-align: left;margin-top: 3px;}
.bnt{width: 75px;border:none;text-decoration:none;display:inline-block;cursor:pointer;margin-left: 5px;}
.imagepng{max-width:100%;padding:0;}
.boxs{text-decoration:none;display:inline-block;margin: 8px 6px}
.inputfile{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.picsource{text-decoration:none;display:inline-block;color:#0070ff;cursor:pointer;}
.picsource:focus, .picsource:hover, .picsource:active{color:#325a8e;text-decoration:none;display:inline-block;}
.picsource p{text-align:center;font-size: 14px;font-style:normal;margin-top:-10px;}

/** TOP CSS*/
.modal-title{position:fixed;width:100%;max-width: 700px;height:45px;top:50px;background-color:#fff;color:#7b7b7b;font-size:20px;font-family:Oswald;border-bottom:1.2px solid #EAEAF0;}
.modal-title div{float:left;font-weight: 600;}
.modal-title .popup-head-left{margin-top:10px;}
.modal-title>i{float: left;margin-top: 14px;margin-bottom: 0;margin-left: 25px;}
.pull-le{max-width:60%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:8px;margin-bottom:0;margin-left: 8px;}
.pull-co{font-size:16px;margin-top: 15px;margin-left:6px;}

/** BOTTOM CSS*/
.modal-bottom{height:50px;position: fixed;background-color:#fff;width: 100%;border-top: 1.5px groove #B2B2B4;bottom: 65px;}
.modal-bottom i{color:#09347a}
.bt-tool{color:#003265;width: 40px;padding: 2px;display: inline-block;}
.bt-text{position:absolute;right:50px;bottom:4px;left: 140px;}
.bt-text textarea{font-size:20px;height:40px;margin-right: 0;margin-bottom:0;border:0 #fff solid;overflow:hidden;background:transparent;border-style:none;-webkit-appearance:none;width: 100%;bottom: 5px;}
.bt-send{position: absolute;right:5px;bottom: 2px;color:#003265;}
.no-rounded{resize:none;height:30px;float:right;margin-right:10px;}
.textures{left: 40px;cursor: pointer;}
.tools{left:0px;cursor: pointer;}
.iconimage{border:0px solid #9f9fa3;cursor: pointer;margin:8px;}
.fa-grin, .fs-plus, .fa-paperclip, .fa-image, .fa-telegram-plane{font-size: 30px;}
/*.placebut{display: none;position: fixed;height: 20px;background-color: rgba(160, 160, 160, 0.69);max-width: 500px;margin: 85px auto;padding: 4px 0;}*/

/** context CSS*/
.modal-bdy{background-color: #ffffff;border: 0 groove #B2B2B4;margin-top: 30px;}
.yearmonthdate{text-align:center;width:100%;display:inline-block;margin-bottom: 10px;margin-top: 10px;overflow: hidden;}
.yearmonthdate>hr{margin: 0 4%;margin-bottom: 10px;border-bottom: 1px solid #c7c8ca;opacity: 0.7;}
.conss{max-width:100%;text-align:center;color:#000;padding:4px;border-radius:10px;opacity:0.7;font-size:x-small;background-color:#c7c8ca;margin: 0 33%;}
.body-left{float:left;left:0;width:80%;margin-top: 8px;margin-right:0;margin-left:12px;text-align:left;}
.body-left .context, .body-left .context::before{float:left;margin-right:0;margin-top: 2px;background-color:#EEEEF0;text-align:left;}
.body-left .text-muted{position: absolute;bottom: 2px;text-align:right;margin-left: 25px;}
.body-left .contextimag .text-muted{position:relative;bottom: 18px;text-align:right;margin-left: 30px;}
.body-left .contextimd .text-muted{margin-left: 35px;}
.body-right{float:right;right:0;width: 80%;margin-top: 8px;margin-right:12px;margin-left:0;text-align:right;}
.body-right .context, .body-right .context::before{float:right;margin-left:0;margin-top:5px;margin-bottom: 0;background-color:#E4F1FD;text-align:left;}
.body-right a:hover, .body-right a:active, .body-right a:focus{/*text-decoration: none;border-style: none;outline: 0;*/}
.body-right .context .rm{position:absolute;bottom:2px;margin-left: -45px;text-align:right;}
.body-right .contextimag .rm{position:relative;bottom: 30px;left: -140px;}
.body-right .contextimd .rm{position:absolute;bottom:2px;margin-left: -40px;}
.body-right .context .text-flag{position: absolute;bottom: 3px;left: -20px;}
.body-right .contextimag .text-flag{position: relative;bottom: -120px;left: -145px;}
.body-right .contextimd .text-flag{position:absolute;}
.primary-font{font-size:14px;color: #5375FD;}
.context::before{content: "\00a0";display:block;height: 6px;width: 8px;position:absolute;top: 2px;transform:rotate( 45deg ) skew( -35deg );-moz-transform:rotate( 45deg ) skew( -35deg );-ms-transform:rotate( 45deg ) skew( -35deg );-o-transform:rotate( 45deg ) skew( -35deg );-webkit-transform: rotate( 45deg ) skew( -35deg );}
.context{max-width:90%;min-width:40px;border-radius:10px;display:inline-block;padding:10px;position:relative;vertical-align:top;word-break: break-all;font-size: 16px;cursor: default;/*white-space: pre;*/}
.context iframe{max-width:100%;}
.contextimag{box-shadow:0 0 0 #B2B2B2;display:inline-block;padding:0;vertical-align:top;}
.contextimd{box-shadow:0 0 0 #B2B2B2;display:inline-block;padding:0;position:relative;vertical-align:top;}
.me {float:right;margin:0;}
.me::before {box-shadow:0 0 0 0 rgba( 178, 178, 178, .4 );right:-3px;}
.you{float:left;margin:0;font-size:16px;}
.you::before{box-shadow:0 0 0 0 rgba( 178, 178, 178, .4 );left:-3px;}
.downloadi{min-width:150px;height:100%;cursor: pointer;}
.downloadi i{font-size:40px;color:#575757;float:left;margin:0 10px 0 0;}
.downloadi span{font-size:90%;text-align:justify;word-wrap:break-word;word-break:break-all;-moz-binding:url('./wordwrap.xml#wordwrap');display:block;overflow:auto;padding: 5px 0 0 0;overflow:hidden !important;text-overflow:ellipsis;white-space:nowrap;line-height: 30px;}
.text-red{width: 100%;font-size: x-small;border:0px solid black;padding-bottom: 3px;height: 15px;}
.text-flag{font-size:100%;}
.text-muted{width: 100%;font-size: 9px;border: 0 solid black;}
.text-muted i{padding-top:0;font-size:24px;}
.room-mag{width:135px;}
.room-mad{margin-top:5px;width: 100%;cursor: pointer;}
.modal-magss{display:none;width:100%;max-width:700px;position:fixed;bottom:50px;color:#fff;padding:6px 20px;overflow:hidden !important;white-space:nowrap;text-overflow:ellipsis;background-color:rgba(0, 0, 0, 0.50);}
.tagemag{font-size: 70%;width: 50%;overflow:hidden !important;text-overflow:ellipsis;white-space: nowrap;margin-top:5px;margin-left: 50%;text-align:left;/* padding-left: 50px;border: 1px solid rgb(99, 98, 98); */padding:0px 5px;background-color:rgba(133, 201, 247, 0.08);border-radius:10px;/* top:0px; */}
.tagemag img{/* vertical-align:middle; */float:left;height:15%;width:15%;margin:5% 0 5% 10px;}
.tagemag p{/* vertical-align: middle; */margin:10% 10px 10% 60px;text-align:left;overflow:hidden !important;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;max-width:100%;line-height:15px;}
.images{resize:none;border-style:none;text-decoration:none;}

/*view CSS*/
.popup {background-color: rgba(0, 0, 0, 0.6);height: 100%;width: 100%;position: fixed;z-index: 9999;display: none;text-align: right;overflow-x: auto;}
.popup-box {margin-right: auto;margin-left: auto;text-align: center;}
.popup-top{margin-top: 0;margin-left: 0;margin-right: 0;}
.popup-box-close {/*margin-top: -25px;*/font-size: 40px;/*line-height: 40px; /color: #000;/*text-align: end;cursor: pointer;*/}
.popup-box-image {/*display: block;*/max-width: 100%;max-height: 100%;width: auto;height: auto;padding-left: 20px;padding-right: 20px;min-width: 10%;}
.popup-bottom{margin-top: -2px;margin-left: 0;margin-right: 0;}
.popup-box-download{font-size: 40px;cursor: pointer;color: #000000;/*display: none;*/margin-right: 20px;}
.popup-con{background-color: rgba(255, 255, 255,1);max-width: 100%;max-height: 100%;margin-left: auto;margin-right: auto;text-align: right;min-width: 30%;}
.popup-conext{position: absolute;text-align: center;margin-top: 15px;max-width: 100%;max-height: 100%;}

@media (min-width: 100px) and (max-width: 962px) {.popup-box-image {padding-left: 0;padding-right: 0;}}
@media (min-width: 700px) and (max-width: 2000px) {}

div.maincontext #modal-bdy div.context{
	    white-space: pre-wrap;
}
div.maincontext .modal-title>*{cursor:pointer;}