div,a,input,button,p,span{font-family: "klavika-web", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;}
* {margin:0;padding:0;border:none;outline:none;}
.loader_{display: none;width: 100%;height: 100%;z-index: 2000;position: absolute;padding-top: 300px;bottom: 0;background-color: rgba(103, 103, 103, 0.2);}
#group_num, #staff_num, #teacher_num, #student_num{font-size:12px;margin-left:5px;}
.admonition{display:none;z-index:1100;width:100%;height: 35px;position:fixed;padding-top: 10px;}
.strmag{float:left;font-size:18px;margin-left:20px;}
.alertclose{float:right;font-size:20px;margin-right:30px; margin-top:-2px;}
.addic,.tol{cursor: pointer;}
.mainload{margin-right: auto;margin-left: auto;max-width: 700px;}
.toptable{width: 100%;max-width: 700px;height: 50px;z-index: 2001;position: fixed;top: 0;color: #fff;background-color: #2c001e;font-size: 22px;}
.toptable-openchannel .hideinchannel{
	display: none;
}
.toptable>.txt{
	margin: 10px;
    line-height: 50px;
    font-size: xx-large;
    width: 35px;
    height: 35px;
    float: left;
    /* display: inline-block; */
    background-size: 100%;
    background-image: url(../images/primarys_1.png);
}
.toptable>.myname{
	margin: 10px 0;
    line-height: 33px;
    font-size: 16px;
    height: 35px;
    display: inline-block;
    float: left;
}
.toptable>.fixlist{
    margin: 10px 23px 10px 1px;
    line-height: 33px;
    font-size: 31px;
    height: 35px;
    display: inline-block;
    float: right;
    cursor: pointer;
}
.toptable-openchannel .txt{background-image: url("../images/primarys_2.png")}
/*.txt img{width:5%;min-width: 35px;margin-top: 7px;margin-left: 9px;}*/
.tol img,.addic img , .topbarico img{width:5%;min-width:35px;float: right;margin-right: 20px;margin-top: 8px;}
.maincontext{position: absolute;width: 100%;max-width: 700px;background-color: #fff;overflow-x: hidden;overflow-y: auto;-webkit-flex-direction: row;flex-direction:row;align-items:flex-start;-webkit-flex-shrink:1;flex-shrink:1;top: 50px;bottom: 0}
.btn{border:none;/* line-height: 0; */}
.btn-group-justified{position: fixed;bottom: 0px;max-width: 700px;}
.btn-group img {width:45px;min-width:40px;line-height: normal;margin-top: 2px;}
.btn-defaults{border-top: 6px solid #2c001e;}
.btn-primarys{color: #ffffff;border-top: 6px solid #991919;outline: none;background-color: rgb(44, 0, 30);}
.btn-primarys{background-color: #2c001e;color: #fff;}
.btn-defaults , .btn-primarys{background-color: #2c001e;color: #fff;text-decoration: none;border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;-webkit-border-radius: 0;padding-top: 0;padding-right: 0;padding-bottom: 0;padding-left: 0;height: 65px;}
.btn-defaults:active,.btn-defaults:hover,.btn-defaults:focus{background-color:#AA0074;border-top: 6px solid #AA0074;}
.disabledbutton{pointer-events: none;/*opacity: 0.4;*/}
.btn_up{position: absolute;width: 10px;height: 10px;border-radius: 100%;-webkit-border-radius: 100%;background-color: #ce1126;top: 10px;}


/*** login CSS */
.input-group{margin: 10px 0;}
.input-group-lg>.input-group-addon{line-height:0;padding:0.1em 0.4em;}
.btn_login{background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);}
.btn-block+.btn-block{margin-top: 10px;margin-top: 0.1em;}
.forgetpass{margin-right: 0px;margin-top: 5px;font-size: 16px;color: #1769ff;}
.forgetpass:hover, .forgetpass:active, .forgetpass:focus{text-decoration: none;border-style: none;outline: 0;color: #2529d8;}
.status{height: 20px;text-indent: 0;font-size: 18px;color: #FF0000;text-align: center;}
.btn-group-just,.btn-group-just a{width: 100%;}
.input-group-addon {padding: 6px 12px;font-size: 14px;font-weight: 400;line-height: 1;color: #555;text-align: center;background-color: #eee;border: 1px solid #ccc;border-radius: 4px;}
.input-group-addon>.fa {display: inline-block;min-width: 15px; width: 15px;}
.input-group-addon>span {display: none;font-size: 15px;}



/*** 名單 CSS */
#my-tree{margin-top: 0}	
#my-tree ul{display: block;}
#my-tree ul.expanded{display:block;}
#my-tree > li:first-child{display:block !important;}
#my-tree li, #my-tree a{text-decoration:none;}
#my-tree>li>ul>li.li-context, #my-tree>li>div>*{cursor:pointer;}
.li-class{width: 100%;border-bottom: 0.1em solid #f1f1f1;padding-top: 0;padding-bottom: 0.4em;list-style: none;}
.hasSub{color: #606264;width: 100%;height: 35px;font-size: 18px;padding-left: 15px;padding-top: 12px;font-weight: bold;}	
.li-context{width: 100%;padding-left: 17px;padding-bottom: 5px;padding-top: 5px;font-size: 18px;}
.li-context img{width: 8%;min-width: 55px;vertical-align:middle;}
.subactivated, #my-tree > li:not(:first-child):hover{/*background-color: #fff;*/}
.glyphicon-right{float: right;font-size: 1.5em;margin-right: 28px;}
.context_name{overflow:hidden !important;text-overflow:ellipsis;white-space: nowrap;margin-left: 5px;max-width:60%;}
.co{font-size: 12px;display: inline-block;overflow: hidden !important;text-overflow:ellipsis;white-space: nowrap;margin-left: 4px;margin-bottom: -6px;}
.icong{font-size: 40px;padding-left: 5%;}
._style{line-height: 18px;}
.iconstye>img{ width:40px;margin-left: 30px;vertical-align: middle;}
.li-context>div{/*display: inline-block;*/position: absolute;margin: 0px 34px;color: #fe423f;font-size: x-small;text-shadow: 1px 1px 8px #ffc3c3;}


/*** new CSS */
.newds{width: 100%;}
.newdiv{width: 100%;margin-top: 0;margin-bottom: 10px;margin-left: auto;margin-right: auto;}
.newdiv img{width: 100%;}
.newdiv pre{width: 95%;white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */word-wrap: break-word; /* Internet Explorer 5.5+ */border: 0.1em solid #f5f5f5;border-radius: 0;overflow: visible;margin-left: auto;margin-right: auto;}
.newdiv h1{font-size: 2em;margin: 0em 0.3em;}
.newdiv h4{margin: 0.2em 1em;text-align: right;}
.starnew{font-size: 22px;color: #000;height: 50px;text-align: center;margin-right: 40%;margin-left: 40%;padding-top: 10%;}
.addnew{font-size: 30px;color: #000000;width: 100%;height: 70px;text-align: center;padding-top: 1.5%;background-image: linear-gradient(to top, #1159d4 0%, #5fa2f5 90%);cursor: pointer;font-weight: 600;background-color: #276de4;}
.addnew p{padding-top: 2%;}	
.addnew img{width: 30px;margin-top: -2%;}
.newup_main{display: none;width: 100%;max-width: 700px;position: fixed;}
.newup{width: 70px;height: 1.5em;color: #fff;text-align: center;padding-top: 5px;margin-top: 10px;margin-left: auto;margin-right: auto;background-color: #0064d2;opacity: 0.7;border-radius: 1.5em;-webkit-border-radius: 1.5em;-webkit-filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 0.4));filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 0.4));}



/***  討論 CSS */
.list-group{position: fixed;top: 50px;bottom: 45px;background-color: #ffdde1;z-index: 1;overflow-x: hidden;overflow-y: auto;}
.list-item-heading{display: inline-block;max-width: 100px;height: 30px;overflow: hidden !important;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;color: #151515;font-weight: 600;}
.list-item{font-size: 16px;height: 70px;padding: 5px 5px 0 5px;border-bottom: 1px solid #f7cacf;}
.mdi-cloud-download{cursor: pointer;}
.list-item-text{overflow: hidden;white-space: nowrap;height: 30px;text-overflow: ellipsis;color: #585858;line-height: 30px;}
.lis-color{background-color: #ffb8b8;}
.warning{width: 30px;height: 30px;background-color: #c10088;color: #fff;padding-top: 8px;font-size: 14px;text-align: center;float: right;margin: -35px 0 0 0;}
.clipCircle {-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}
.cos{font-size: 16px;display: inline-block;overflow: hidden !important;text-overflow:ellipsis;white-space: nowrap;margin-left: 4px;margin-bottom: 8px;font-weight: 600;color: #151515;}
.stytime{font-size: 14px;float: right;display: inline-block;margin-right: 0px;margin-top: 5px;line-height: 20px;color: #585858;}
.modal-title{position:fixed;top: 50px;background-color:#fff;color:#7b7b7b;font-size:20px;width: 100%;height: 45px;border-bottom:1.2px solid #EAEAF0;cursor: default;}
.centext_main .modal-bottom{height:50px;position: fixed;background-color:#fff;width: 100%;border-top: 1.5px groove #B2B2B4;bottom: 0px;max-width: 700px;overflow: hidden;}
.loadlive{display:none;width:100%;text-align:center;color:#fff;position:fixed;z-index:2;}


/*** 討論(菜單效果) CSS */
.hamburger {background: transparent;border: none;height: 32px;position: fixed;top: 56px;width: 32px;z-index: 10;margin-left: 15px;}
.hamburger:hover {outline: none;}
.hamburger:focus {outline: none;}
.hamburger:active {outline: none;}
.hamburger.is-closed:before {-webkit-transform: translate3d(0, 0, 0);-webkit-transition: all 0.35s ease-in-out;color: #ffffff;content: '';display: block;font-size: 14px;line-height: 32px;opacity: 0;text-align: center;width: 100px;}
.hamburger.is-closed:hover before {-webkit-transform: translate3d(-100px, 0, 0);-webkit-transition: all 0.35s ease-in-out;display: block;opacity: 1;}
.hamburger.is-closed:hover .hamb-top {-webkit-transition: all 0.35s ease-in-out;top: 0;}
.hamburger.is-closed:hover .hamb-bottom {-webkit-transition: all 0.35s ease-in-out;bottom: 0;}
.hamburger.is-closed .hamb-top {-webkit-transition: all 0.35s ease-in-out;background-color: rgba(0, 0, 0, 0.7);top: 5px;}
.hamburger.is-closed .hamb-middle {background-color: rgba(0, 0, 0, 0.7);margin-top: -2px;top: 50%;}
.hamburger.is-closed .hamb-bottom {-webkit-transition: all 0.35s ease-in-out;background-color: rgba(0, 0, 0, 0.7);bottom: 5px;}
.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom {height: 4px;left: 0;position: absolute;width: 100%;}
.hamburger.is-open .hamb-top {-webkit-transform: rotate(45deg);-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);background-color: #000000;margin-top: -2px;top: 50%;}
.hamburger.is-open .hamb-middle {background-color: #000000;display: none;}
.hamburger.is-open .hamb-bottom {-webkit-transform: rotate(-45deg);-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);background-color: #000000;margin-top: -2px;top: 50%;}
.hamburger.is-open:before {-webkit-transform: translate3d(0, 0, 0);-webkit-transition: all 0.35s ease-in-out;color: #ffffff;content: '';display: block;font-size: 14px;line-height: 32px;opacity: 0;text-align: center;width: 100px;}
.hamburger.is-open:hover before {-webkit-transform: translate3d(-100px, 0, 0);-webkit-transition: all 0.35s ease-in-out;display: block;opacity: 1;}


/*** SET CSS */
.bs-modal-set{/* display: none; */background-color: #fff;margin-left: auto;margin-right: auto;width: 100%;max-width: 750px;}
.modal-dialog{margin:0px;}
.settin{height: 100%;width: 100%;}
.closeset{display:block;position: absolute;width: 100%;height: 60px;font-size: 26px;color: #fff;text-align: center;padding-top: 20px;bottom: 0;/* 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;background-color: #3a3a3a;cursor: pointer;font-weight: 500;}
.titlesettings{font-size: 30px;color: #fff;height: 50px;border-bottom: 1px groove #fff;padding-left: 30px;padding-top: 9px;font-weight: 600;background-color: #3a3a3a;}
.titlesettings span{cursor: pointer;}
.titlesettings img{width:65px;}
.mainsettings{padding-top: 0.5em;padding-right: 1.5em;padding-bottom: 0.5em;padding-left: 1.5em;}
.picsettings{font-size: 22px;width: 100%;line-height: 20px;cursor: pointer;}
.picsettings>img{width:10%;vertical-align:middle;margin-right: 10px;min-width: 70px;}
.picsettings>i{width:70px;vertical-align:middle;margin-right: 15px;min-width: 70px;font-size:3em}
.picsettings:active, .picsettings:hover, .picsettings:focus{background-color:#e0dfdf;border-radius:20px;opacity: 0.5;filter: alpha(opacity=50);}
.setebody{background-color:#fff;width:100%;height: 80%;overflow-x:hidden;overflow-y:auto;font-size: 18px;margin-top: 5px;}
.setebody hr{margin: 10 auto;border-top: 1px solid #e8e8e8;}
.personaltitle{color: #4d4f53;padding: 15px 0 0 30px;font-weight: 600;}
.personalbar{font-size: 22px;cursor: default;}
.personalbar input[type=text], .personalbar select, .personalbar [type=date]{width: 100%;padding: 5px 0 5px 30px;border: 2px solid #e8eded;background-image: url('../images/edit.png');background-position: 5px;background-repeat: no-repeat;background-size: 5%;background-color: #ffffff;margin-top: 1px;}
.personalbar input[type=text]:focus, .personalbar select:focus, .personalbar [type=date]:focus{box-shadow: 0px 0px 3px 1px #237f52;}
.personalname, .personalaccount, .personaladdress, .personalphone, .personalbirth, .personalsex, .personalgrade{color: #00629b;padding: 15px 10px 0 30px;word-break: break-all;}
.form-group{margin-bottom: 5px;/* font-size: 22px; */margin-top: 5px;}
.mainchange{text-align: center;}
.row-loadstorage{width: 90%;margin-left: 5%;}
.changeor{font-size: 22px;text-align: center;color: #a5a9ab;padding-top: 10px;padding-bottom: 10px;}
.accesssty{color: #fff;/* background-color: #4d4f53; */overflow:hidden !important;text-overflow:ellipsis;white-space: nowrap;font-size: 18px;margin-bottom: 10px;background-blend-mode: multiply,multiply;background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);}
.accesssty .mdi-checkbox-marked-circle-outline{color: #ffdd00;font-size: 1em;}
.accesssty .mdi-checkbox-blank-circle-outline{color: #505050;font-size: 1em;}
.fieldset{width: 100%;text-align: left;}
.fieldset .btn{margin-bottom: 10px;}
.box{width: 90%;margin-left: 5%;}
.dropdown-menu{padding: 0;}
.mainsettings>div{width:100%}
.dropdown-item{width:100%;color:#000;display: inline-block;padding: 15px;}
.dropdown-menu>a:active, .dropdown-menu>a:hover, .dropdown-menu>a:focus{width:100%;color:#fff;background-color:#3369e7;text-decoration: none}

/*** other CSS */
.othersty{height: 100%;width: 15.333%;min-width: 100px;max-width: 100px;color: #002855;text-align: center;margin: 5px 0px 0px 5px;cursor: pointer;/*background-color: #f3eeee;*/padding: 15px;display:inline-block;vertical-align: middle;}
.othersty i{font-size: 50px;}
.othersty img{height: 50px;}
.othersty p{font-size: 16px;margin-left: -2px;margin-left: -9px;margin-right: -9px;white-space: nowrap;text-align: center;}	
.othercon{width: 100%;min-height: 100px;bottom: 0px;background-color: #fff;margin-left: 0px;margin-bottom: 5px;}	
.othertools{width: 100%;height: 50px;font-size: 22px;color: #fff;padding: 14px 0 0 20px;/* background-image: linear-gradient(20deg, #fc6076 0%, #ff9a44 100%); */font-weight: 600;background-color: #ff9a44;}
.otherweb{width: 100%;height: 50px;font-size: 22px;color: #fff;padding: 14px 0 0 20px;/* background-image: linear-gradient(20deg, #16a085 0%, #faff86 100%); */font-weight: 600;background-color: #16a085;}
.p1{position:absolute;z-index:1;width:8%;margin: 0;}
.p2{position:absolute;z-index:0;width:10%;}
.icon_1{background-image: url("../images/icon0.png");background-repeat: no-repeat;background-attachment: scroll;background-position: center;background-size: contain;}
.icon_2{background-image: url("../images/icon1.png");background-repeat: no-repeat;background-attachment: scroll;background-position: center;background-size: contain;}
.icon_1:active{background-image: url("../images/icon0_1.png");}
.icon_2:active{background-image: url("../images/icon1_1.png");}
.moneytitle{width: 100%;height: 55px;background-color: #0168b3;color: #fff;padding: 16px 30px 0 10px;font-size: 22px;position: fixed;max-width: 700px;top: 50px;z-index: 100;cursor: pointer;overflow: hidden !important;text-overflow:ellipsis;white-space: nowrap;font-weight: 600;}
.moneylit{width: 100%;padding: 0;background-color: #f2f7fa;}
.moneybutse{border: 3px solid #ffffff;border-radius: 10px !important;padding: 10px 0 0 10px;width: 65px;height: 65px;color: #fff;float: left;font-size: 40px;margin: 10px;}
.moneybutno{background-color: #949494;}
.moneybutys{background-color: #d51007;}
.moneyright span{display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-top: 2px;}
.moneyright{margin-top: 10px;padding: 10px 0px 10px 10px;margin-left: 10px;margin-right: 10px;}
.moneycircle{width: 100%;text-align: center;font-size: 22px;margin-top: 20px;}
.rolllit{width: 95%;margin-top: 5px;margin-left: auto;margin-right: auto;/* margin-bottom: 5px; */border-radius: 5px !important;}
.rbase{background-color: #eaeaea;color: #828282;cursor: pointer;}
.reven{background-color: #34e62f;cursor: pointer;color: #3c3c3c;}
.rollbutse{/* border: 5px solid #ffffff; *//* border-radius: 5px; *//* background-color: #eaeaea; */width: 70px;height: 70px;position: absolute;padding: 5px;font-size: 50px;margin: 20px 20px;/* text-align: center; *//* text-shadow: 2px 8px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3); *//* overflow: hidden !important; *//* text-overflow: clip; *//* white-space: nowrap; *//* font-weight: 500; */}
.rollright{/* padding-left: 40px; *//* text-align: center; */}
.rollright span{display: block;/* text-overflow: ellipsis; *//* overflow: hidden; *//* white-space: nowrap; */padding: 5px 0 10px 0;max-width: 80%;/* text-shadow: 1px 2px 2px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3); */font-size: 20px;margin-left: 90px;line-height: 20px;font-weight: 800;}
.rolltime{display: inline-flex;/* vertical-align: middle; *//* color: #fdf8b0; */text-align: left;/* width: 100%; *//* padding: 0 30px; */overflow: hidden !important;text-overflow:ellipsis;white-space: nowrap;/* position: absolute; */}
.rollsave{position: fixed;width: 100%;max-width: 700px;height: 60px;font-size: 26px;color: #fff;text-align: center;padding-top: 20px;bottom: 0;background-blend-mode: multiply,multiply;cursor: pointer;/*background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%); */font-weight: 600;background-color: #0168b3;}
.rollinfo{position: fixed;width: 100%;max-width: 700px;height: 50px;font-size: 16px;text-align: center;padding-top: 2px;top: 90px;background-blend-mode: multiply,multiply;background-color: #0168b3;font-weight: 500;line-height: 21px;}
.rollinfo .rolltime{/*display: inline-flex;vertical-align: middle;*/color: #fdf8b0;text-align: left;width: 100%;padding: 0 30px;overflow: hidden !important;text-overflow:ellipsis;white-space: nowrap;}
.peopleti{margin-left: auto;margin-right: auto;text-align: center;}
.peopleto{display: inline-table;vertical-align:middle;width: 95%;height: 60px;margin: 10px auto 0 auto;background-color: #d9534f;font-size: 26px;font-weight: bold;border-radius: 5px;border: 0.5px solid #DBDBDB;color: #ffffff;}
.peopletn{display: table-cell;vertical-align: middle;}
.peopleok{background-color: #5cb85c;border: 1px solid ##5cb85c;color: #383838;}
.peopleleave{background-color: #ec971f;border: 1px solid #ffce52;color: #fff;}
.gok{color: #5cb85c;margin-left: 20px;}
.bno{color: #d9534f;}
.leave{color: #ec971f;margin-left: 20px;}


/*** 搜尋 CSS */
.bs-modal-search{display: none;background-color: #fff;width: 700px;margin-left: auto;margin-right: auto;}	
.searchinput{width: 100%;box-sizing: border-box;border: none;border-bottom: 2px solid #ccc;border-radius: 4px;font-size: 16px;background-color: white;background-image: url("../images/search.svg");background-size: 20px 20px;background-position: 10px 15px;background-repeat: no-repeat;padding: 12px 20px 12px 40px;-webkit-transition: width 0.4s ease-in-out;transition: width 0.4s ease-in-out;}
.searchcontitle{background-color: #fff;position: fixed;font-size: 20px;padding: 20px 10px 0 10px;width: 700px;z-index: 99;}
.searchcontitle span{cursor: pointer;font-weight: 600;}
.searchcontext{height: 100%;position: absolute;padding: 100px 0 0 0;width: 100%;max-width: 700px;background-color: #fff;}
.search-context{margin-bottom: 10px;cursor: pointer;}


@media (min-width: 100px) and (max-width: 700px) {
   .list-group{display: none;width: 250px;}
   .list-item-heading{max-width: 200px;}
   .list-item-text{max-width: 200px;}
   .hamburger{display: block;}
   .modal-title{max-width: 700px;}
   .loadcolor{width:100%;margin-left:auto;margin-right:auto;background-color: rgba(146, 146, 146, 0.87);height: 40px;padding-top: 12px;}
   .othersty{/* margin: 5px 10px 5px 20px; */}
}
@media (min-width: 100px) and (max-width: 320px) {
	.othersty{/* margin: 5px 5px 5px 15px; */}
}
@media (min-width: 300px) and (max-width: 430px) {
	.othersty{/* margin: 5px 10px 5px 20px; */}
}
@media (min-width: 500px) and (max-width: 700px) {
	.othersty{}
}
@media (min-width: 700px) and (max-width: 2000px) {
   .list-group{display: block;width: 200px;}
   .list-item-heading{max-width: 100px;}
   .list-item-text{max-width: 150px;}
   .hamburger{display: none;}
   .loadcolor{width:100%;max-width:700px;margin-left:auto;margin-right:auto;background-color: rgba(146, 146, 146, 0.87);height: 40px;padding-top: 12px;}
   .othersty{}
}


#groupsendModal .modal-dialog{
	margin: 0 auto;
}
#groupsendModal .modal-dialog .modal-title{
	position: inherit;
    /*color: #fff;*/
    height: auto;
    border-bottom: 0;
}
#groupsendModal .groupsending{
	display: none;
	text-align: center;
}
#groupsendModal .fileimg{
	cursor: pointer;
	font-size: 37px;
	user-select: none;
}
#groupsendModal .fileimg.groupsending{
	color:#535353;
	cursor: not-allowed;
}

#groupsendModal.groupsending .modal-footer button
,#groupsendModal.groupsending .modal-header button
,#groupsendModal.groupsending .fileimg{
	display: none;
}
#groupsendModal.groupsending input{
	cursor: not-allowed;
	user-select: none;
}
#groupsendModal.groupsending .groupsending{
	display: block;
}
.list_type_change{
	float: right;
    margin-right: 24px;
    color: #0695c8;
}
#topnotic{
	position: fixed;
    background-color: #ffe790d6;
    text-shadow: 0px 0px #ffffff;
    z-index: 9;
    width: 100%;
    max-width: 700px;
    padding: 10px 10px 10px 22px;
}
.hasnews>label {
	/*color: #F00;*/
}
.hasSub>.fas.fa-circle {
	display: none;
}
.hasnews>.fas.fa-circle {
	display: block;
	position: absolute;
    margin: -5px 20px;
    color: #fe423f;
    font-size: x-small;
}