*{box-sizing:border-box;-moz-sizing:border-box;-webkit-sizing:border-box}
.inline{display:inline-block;list-style:none;margin-left:0px;margin-right:0px}

.lbl{font-family:Arial;

font-weight:normal;
margin-bottom:4px;
line-height:24px;
height:24px}

.txt,.drp{border:solid 1px #9b9b9b;background-color:#FFF;height:34px;line-height:34px;background-color:#FFF;padding-left:6px;padding-right:6px;outline:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
    .txt.mul{
        min-height:100px
}
textarea.txt{line-height:inherit;padding:10px}
*:disabled{background-color:#f3f3f3}
.full,.ful{width:100%}
.txt.req,.txt.err{background:url(img/req.png) 1px center no-repeat #FFF; background-color:#FFF;padding-left:10px}
.drp.req,.drp.err{background:url(img/req.png) 1px center no-repeat #FFF; background-color:#FFF}
.txt.err,.drp.err{border-color:red}
.txt.req,.dropdownlist.req{background:url(img/req.png) 1px center no-repeat; padding-left:10px}
.checkbox_list.req .inner{background:url(img/req.png) 1px center no-repeat; padding-left:6px}
.datetime input.txt{background:none}
input[type="text"]:focus{border-color:#dc0000}
textarea:focus{border-color:#dc0000}

/*.chk{background:url(img/chk.png) 0 -27px no-repeat;height:34px;line-height:34px;padding-left:24px;cursor:pointer;font-family:Arial;font-weight:normal}
.chk.focus{background:url(img/chk.png) 0 -136px no-repeat}
.chk.checked{background:url(img/chk.png) 0 8px no-repeat}
.chk.checked.focus{background:url(img/chk.png) 0 -216px no-repeat}
td.chk{background-image:none}
.rad{background:url(img/chk.png) 0 -98px no-repeat;height:34px;line-height:34px;padding-left:26px;cursor:pointer;font-family:Arial;font-weight:normal;display:inline-block}
.rad.focus{background:url(img/chk.png) 0 -176px no-repeat}
.rad.checked{background:url(img/chk.png) 0 -62px no-repeat}
.rad.checked.focus{background:url(img/chk.png) 0 -256px no-repeat}
a.chk,a.rad{display:inline-block;text-decoration:none}
a.chk:hover,a.rad:hover{color:#000}*/
.header{font-size:16px;text-align:left;font-weight:bold;line-height:24px}
.uploadfile{display:none}

td{font:normal 14px Arial}
.s_mobile td{font:normal 18px Arial}
td.ngaythang{width:100px;text-align:right}


.w40{width:40px}
.w60{width:60px}
.w80{width:80px}
.w100{width:100px}
.w110{width:110px}
.w120{width:120px}
.w140{width:140px}
.w160{width:160px}
.w170{width:170px}
.w200{width:200px}
.w300{width:300px}
.w400{width:400px}
.w500{width:500px}
.w600{width:600px}
.h40{height:40px}
.h60{height:60px}
.h70{height:70px}
.h100{height:100px}
.h120{height:120px}
.h200{height:200px}
.h300{height:300px}
.h400{height:400px}
.h600{height:600px}
 .w138{width:138px}
.nicescroll-rails div{cursor:pointer}

.gruu-dragable-target{height:2px;background:none}
.gruu-dragable-target.up.show{background:#AAAAAA}
.gruu-dragable-target.down.show{background:#AAAAAA}

.mask{background-color:#000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:9998;display:none;text-align:center;opacity:0.7;filter:alpha(opacity = 70)}
#pCombine,#pNewRegister{color:#004EC4;text-decoration:underline;cursor:pointer;font-weight:400;font-size:14px}#btnCombine{display:none}

.dynamic-box table td{padding:4px 0}

#txtBirthday_day, #txtBirthday_month, #txtBirthday_year{width:60px;text-align:center}

#divDynamicContent{margin:0 auto;max-width:1200px;display:none;padding:0}
#divDynamicContent>*{display:none}
#divDynamicContent>*:last-child{display:block}


.dynamic-box{
    display:flex;
    background-color: #fff;
    padding: 0;
    margin: 20px;
    border: solid 1px rgb(241 245 249 / var(--tw-border-opacity, 1));
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    flex-direction: column;
    gap: 10px;
    -webkit-box-shadow: 0px 0px 2px 0px #ebebeb;
    box-shadow: 0px 0px 2px 0px #ebebeb;overflow:hidden
}
.dynamic-box.margin-0{margin:0}
.dynamic-box.padding-0{padding:0}
.dynamic-box.padding-0>.content{padding:0}

.dynamic-box.popup{
    padding: 20px;
    -webkit-box-shadow: 0px 3px 20px -4px rgba(0,0,0,1);
    -moz-box-shadow: 0px 3px 20px -4px rgba(0,0,0,1);
    box-shadow: 0px 3px 20px -4px rgba(0,0,0,1);
    z-index: 1000000;
    position: absolute;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    background-color: #fff;
    min-width: 320px;
    border: none;
    max-width: calc(100% - 20px)
}
.dynamic-box.padding-0{
    border:none;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.dynamic-box.popup.alert{max-width:600px}
.dynamic-box.popup>.content{padding:0}
.dynamic-box>.head{width:100%;border-bottom:solid 1px #ddd;display:flex;gap:10px;align-items:center;flex-wrap:nowrap;padding:10px 15px;position:relative}
.dynamic-box.style-header>.head{background-color:#0063dd}
.dynamic-box.style-header>.head>.title{color:#fff}
.dynamic-box>.content{padding:20px}
.dynamic-box>.head:empty{display:none}
.dynamic-box>.head .close:before{content:"keyboard_backspace"}
.dynamic-box>.head .close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px}
.dynamic-box.style-header>.head .close{color:#fff}
.dynamic-box>.head .close:hover{background-color:#c7c7c7;color:#dc0000}
.dynamic-box.style-header>.head .close:hover{background-color:#fff;color:#0063dd}
.dynamic-box.style-header .head .title>span>.icon{color:#fff;width:35px;flex-shrink:0;flex-basis:35px}
.dynamic-box>.head .title{font-size:16px;font-weight:700;overflow:hidden;line-height:24px;color:#3e3e3e;flex:1}
.dynamic-box>.head .title>span{font-size:18px;display:flex;align-items:center;gap:5px}
.dynamic-box.popup{position:inherit;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.dynamic-box.confirm{max-width:600px}
.dynamic-box>.btns{margin:0 20px 20px 20px}
.txt::-webkit-input-placeholder{
   color:#636363;
}

.txt:-moz-placeholder{ /* Firefox 18- */
   color:#636363;  
}

.txt::-moz-placeholder{  /* Firefox 19+ */
   color:#636363;  
}

.txt:-ms-input-placeholder{  
   color:#636363;  
}

.txt.err,.dropdownlist.err{border-color:red}
.txt.no-border
{
    border:none;padding:0;
}
.border-bottom
{
    border:none;padding:0;
    border-bottom:solid 1px #f6f6f6
}
.border-top
{
    border:none;
    border-top:solid 1px #f6f6f6
}
.dropdownlist{border:solid 1px #9b9b9b;height:34px;line-height:34px;display:flex;align-items:center;gap:10px;background:#FFF;cursor:pointer;width:100%;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:relative}
.dropdownlist>.icon{width:25px}
.dropdownlist.disabled>.icon,.dropdownlist.disabled:hover>.icon{color:#ddd}

.dropdownlist .inner{text-decoration:none;padding-left:6px;height:34px;line-height:34px;overflow:hidden;white-space:nowrap;outline:none;text-overflow:ellipsis;flex-grow:1;text-overflow:ellipsis}
.dropdownlist .inner.req{padding-left:6px}
.dropdownlistoptions{z-index:999999;position:absolute;background:#FFF;margin:0px;padding:0px;text-decoration:none;display:none;max-height:201px;-webkit-box-shadow:0px 3px 3px 0px rgba(147, 147, 147, 147);box-shadow:0px 3px 3px 0px rgba(147, 147, 147, 147);border-radius:5px;margin-top:2px;overflow-y:auto;overflow-x:hidden;z-index:1000003}
.dropdownlistoptions .option{margin:0px;text-decoration:none;display:block;padding:10px;line-height:20px;cursor:pointer;width:100%;white-space:nowrap;text-overflow:ellipsis}
.dropdownlistoptions .option.selected{background:#ddd}
.dropdownlistoptions .option:hover,.dropdownlistoptions .option.hover,.dropdownlistoptions .option.selected.hover{background:#337ab7;color:#fff}
.dropdownlistoptions .option.l1{margin-left:12px}
.dropdownlistoptions .option.l2{margin-left:24px}

.checkbox_list{border:solid 1px #9b9b9b;height:34px;line-height:34px;display:block;background:url(img/droparrow.png) right center no-repeat #FFF;cursor:pointer;display:inline-block;width:100%}
.checkbox_list.disabled,.checkbox_list.disabled:hover{background:url(img/droparrow.png) right 17px no-repeat #f3f3f3}
.checkbox_list .inner{font-size:16px;text-decoration:none;padding-left:6px;height:34px;line-height:34px;padding-right:20px;overflow:hidden;white-space:nowrap;outline:none;text-overflow:ellipsis}
.checkbox_list .inner.req{padding-left:6px}
.checkbox_listoptions{position:absolute;background:#FFF;margin:0px;padding:0px;text-decoration:none;display:none;max-height:200px;-webkit-box-shadow:0px 3px 3px 0px rgba(147, 147, 147, 147);box-shadow:0px 3px 3px 0px rgba(147, 147, 147, 147);border-radius:5px;margin-top:2px;overflow-y:auto;overflow-x:hidden;z-index:999999}
.checkbox_listoptions .option{margin:0px;text-decoration:none;height:30px;line-height:26px;display:block;cursor:pointer;width:100%;white-space:normal;padding:0 4px}
.checkbox_listoptions .option.selected{background:#ddd}
.checkbox_listoptions .option:hover,.dropdownlistoptions .option.hover,.dropdownlistoptions .option.selected.hover{background:#337ab7;color:#fff}
.checkbox_listoptions .option.l1{margin-left:12px}
.checkbox_listoptions .option.l2{margin-left:24px}
.checkbox_listoptions .option>label{padding-left:4px;white-space:nowrap}
.checkbox_listoptions .option>.option-chk{margin:0}
.input-form .col.l{
    float:left;width:48%
}
.input-form .col.r{
    float:right;width:48%
}
.input-form .col.f{
    float:none;width:100%;clear:both
}
@media (max-width:710px){
    .input-form .col.l, .input-form .col.r{
        float:none;width:100%
}
}



.input-form .region{width:48%;float:left}
.input-form .region.full{width:100%;float:none}
.input-form .region .header{font-weight:normal}
.input-form .region.r{float:right}

.input-form .row{width:100%;clear:both;margin-bottom:20px;overflow:hidden;flex-direction:row;display:flex;align-items:center;gap:20px}
.input-form .row:not(.message){padding:0}
.input-form .row:last-child{margin-bottom:0}
.input-form .row .block.l{width:calc(50% - 10px)}
.input-form .row .block.r{width:calc(50% - 10px)}
.input-form .row .block.w34{width:calc(75% - 5px)}
.input-form .row .block.w14{width:calc(25% - 5px)}
.input-form .row .block>.h{font-weight:bold;margin:10px 0}

.input-form .row .block .block{padding:0}

    .input-form .row .block .val.fix{
        height:34px
}

.input-form .row .block.r{float:right}
.input-form .row .block.fix{padding:0}
.input-form .row .block.full{width:100%;float:none}
.input-form .row .block .txt{width:100%}
.input-form .row .block .txt.w130{width:130px}
.input-form .row .block .datetime input.txt{width:33.333333333333333%;float:left}
.input-form .row .block>p{font-size:16px;margin:10px 0 10px 0}
    .input-form .row .block>.label{
        font-weight:bold;margin:10px 0
}
    .input-form .row .block>.label>.req{font-weight:normal}
.input-form .row .block>.label>.note{font-weight:normal}
.input-form .header{font-size:16px;font-weight:bold;clear:both;line-height:24px}

.input-form .step .form{display:none;margin-bottom:20px}
.input-form .step.actived .form{display:block}
.input-form .step>.header{color:#0063dd;padding:10px 10px 10px 40px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
position:relative;margin-bottom:0px;background:url(img/arrow.png) 16px 16px no-repeat #fff;border:solid 1px #0063dd;cursor:pointer;margin:4px 0
}
.input-form .step.actived>.header
{
    background:url(img/arrow.png) 16px -103px no-repeat #0063dd;color:#fff;
}
.input-form .form-region .form-content{
    display:none
}
.input-form .form-region.opened .form-content{
    display:block
}
.input-form .form-region .region-header{
    clear:both;font-weight:bold;height:26px;line-height:26px;color:#666;cursor:pointer;background:url(img/max.png) left center no-repeat;padding-left:24px;border-bottom:solid 1px #9B9B9B;margin-bottom:4px
}
.input-form .form-region.opened .region-header{
    background:url(img/min.png) left center no-repeat
}
table.grid{border-top:solid 1px #ddd;border-right:solid 1px #ddd;width:100%}
table.grid tr>td{border-bottom:solid 1px #ddd;border-left:solid 1px #ddd;padding:4px;height:34px;background-color:#fff}
table.grid tr>td.index{text-align:center;width:40px}
table.grid tr.header>td{background:#f1f1f1;text-align:center;font-weight:bold}
table.grid tr.header>td.date{width:130px}
table.grid tr.item>td.date{text-align:right}
table.grid tr.item:hover>td{background-color:#fffbec}

table tr>td.h{font-weight:bold;padding-right:10px}
table tr>td.unit{padding-left:5px}

.paging{
    padding:10px 0
}
.paging .page{padding:5px 10px;background-color:#0063dd;color:#fff;margin-right:4px;cursor:pointer;text-decoration:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;display:inline-block;font-size:14px}
.paging .page:hover,.paging .page.currentpage{background-color:#dc0000}

::-webkit-input-placeholder{ /* Chrome */
  color:#00224f;
}
:-ms-input-placeholder{ /* IE 10+ */
  color:#00224f;
}
::-moz-placeholder{ /* Firefox 19+ */
  color:#00224f;
  opacity:1;
}
:-moz-placeholder{ /* Firefox 4 - 18 */
  color:#00224f;
  opacity:1;
}
.box>.header
{
    height:34px;line-height:34px;color:#636363;
    border-bottom:solid 2px #636363;
}
.box .header.icon
{
    padding-left:30px
}
.box .header.icon.add
{
    background:url(img/add.png) left center no-repeat;
}
.nicEdit-main
{
    outline:none
}

.tabs>.header
{
    margin:0;padding:0;border-bottom:solid 1px #ffce22;min-height:34px;line-height:34px;overflow:hidden
}
    .tabs>.header>li
   {
        display:inline-block;
        list-style:none;
        height:34px;
        line-height:34px;
        padding:0 10px;
        background:#f6f6f6;
        border-radius:5px 4px 0 0;
        cursor:pointer;font-size:14px
}
    .tabs>.header>li.actived
   {
        background:#ffce22;color:#fff
}

.tab-content
{
    display:none
}
.tab-content.actived
{
    display:block
}



    .btns .btn.b2
   {
        background:#fb9902;
}
    .btns .btn.b2:hover
   {
        background:#ffaf34;
}
    #divRegions.dropdownlist>.inner{
        height:100%;padding-left:20px;background:url(img/map-anchor.png) 4px center no-repeat
}


.find-user .btns .btn{
    padding-left:30px;background-image:url(img/check-dotted.png);background-position:4px center;background-repeat:no-repeat
}
.find-user .btns .btn.selected{
    padding-left:30px;background-image:url(img/check-solid.png)
}

#ulContextMenu{
    margin:0;
    padding:0;
    position:absolute;
    background-color:#F7F7F7;
    -webkit-box-shadow:0px 3px 3px rgba(104, 104, 104, 1);
    -moz-box-shadow:0px 3px 3px rgba(104, 104, 104, 1);
    box-shadow:0px 3px 3px rgba(104, 104, 104, 1);
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    z-index:999
}
#ulContextMenu>li{
    padding:6px;list-style:none;
    border-bottom:solid 1px #ddd;
    border-top:solid 1px #fff;cursor:pointer
}
    #ulContextMenu>li:first-child{
        border-top:none;
        border-radius:5px 4px 0 0;
    -webkit-border-radius:5px 4px 0 0;
    -moz-border-radius:5px 4px 0 0;
}
    #ulContextMenu>li:last-child{
        border-bottom:none;
        border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
}
    #ulContextMenu>li:hover{
        background-color:#ddd;
}

.PopupMenu{position:absolute;z-index:999999;max-width:400px;display:none}
.PopupMenu>.PopupMenu-content{-webkit-box-shadow:0px 3px 3px rgba(104, 104, 104, 1);
	-moz-box-shadow:0px 3px 3px rgba(104, 104, 104, 1);
	box-shadow:0px 3px 3px rgba(104, 104, 104, 1);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#F7F7F7;
	padding:4px 6px;font-family:Arial;font-weight:normal;color:#ff0000;
	position:relative;border:solid 1px #d8d8d8
}

.PopupMenu>.PopupMenu-content>a{list-style:none;height:26px;line-height:26px;text-decoration:none;display:block;border-bottom:solid 1px #D8D8D8;border-top:solid 1px #FFF;cursor:pointer;color:#0c476c}
.PopupMenu>.PopupMenu-content>a:hover{color:#3CA0E8}
.PopupMenu>.PopupMenu-content>a.first{border-top:none}
.PopupMenu>.PopupMenu-content>a.last{border-bottom:none}

.PopupMenu>.arrow
{
	position:absolute;
	background:url(img/uparrow.png) top center no-repeat;height:6px;width:12px;display:block;top:-4px;left:4px;z-index:9999;
	}
.PopupMenu.right>.arrow
{
	right:4px;left:auto
	}
    
.menu-popup{margin:0px;padding:0px;background:#f7f7f7}
.menu-popup li{list-style:none;margin:0px;padding:0px;
               border-left:dotted 1px #ddd
}

    .menu-popup li:last-child{
        border-left:none
}
.menu-popup li.level0{
               border-top:solid 1px #ddd;border-left:none
}
.menu-popup li.level0>a{
               border-top:solid 1px #fff;
}

.menu-popup li a{cursor:pointer;text-decoration:none;background:none;position:relative;padding-left:10px;display:block}
.menu-popup ul{margin:0}
.menu-popup>.menuitem
{
    list-style:none;display:block;position:inherit;
}
.menu-popup>.menuitem a>.icon{height:17px;width:16px;position:absolute;left:0;top:0;border-bottom:dotted 1px #ddd}
.menu-popup>.menuitem .childitem:last-child>a>.icon{border-left:dotted 1px #ddd}
.menu-popup>.menuitem .childitem.expanded>a>div>.icon{
    height:17px;
    width:10px;
    position:absolute;
    left:0;
    bottom:0;
    border-left:dotted 1px #ddd}

.menu-popup>.menuitem .aitem
{
	margin:0px;display:block;padding-left:0px;
	list-style:none;cursor:pointer;text-decoration:none;text-transform:uppercase;
}
.menu-popup>.menuitem .aitem .name
{
	display:block;cursor:pointer;text-decoration:none;font-family:Arial;position:relative; white-space:nowrap;color:#0c476c;font-weight:bold;
}
.menu-popup>.menuitem .arrow
{
    height:0px;width:0px;display:inline-block;right:8px;position:absolute;top:14px;
    border-left:4px solid #7F7F7F;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
}
.menu-popup>.menuitem .arrow.bottom
{
    top:16px;
    border-left:4px solid transparent;
    border-top:4px solid #7F7F7F;
    border-right:4px solid transparent;
}
.menu-popup>.menuitem .arrow
{
    top:14px;
}
.menu-popup>.menuitem .arrow.bottom
{
    top:14px;
}
.menu-popup>.menuitem a:hover>.name,.menu-popup>.menuitem.actived a>.name
{	
	color:#3CA0E8;
}
.menu-popup>.menuitem .name{height:34px;line-height:34px;position:relative;font-size:13px;color:#0c476c;font-weight:bold;padding-left:8px;position:relative}
    .menu-popup>.menuitem.level0>a>.name{
        padding-left:0
}

    .menu-popup>.menuitem .level2>a>.name{
        font-weight:normal
}
.menu-popup>.menuitem .achild:hover .childname{color:#3CA0E8}
.menu-popup>.menuitem .name.actived{font-weight:bold;color:#3CA0E8}
.menu-popup>.menuitem .achild.expanded{font-weight:bold;color:#3CA0E8}
.menu-popup .childitem a:hover{color:#98CFF9}
.menu-popup>.menuitem .sub{margin:0px;padding:0px;position:static;margin-left:10px;display:none}
.menu-popup>.menuitem .sub li{margin:0px;padding:0px;list-style:none;margin-bottom:1px}
.menu-popup>.menuitem .sub.actived{display:block}
.menu-popup>.menuitem .childitem .sub{background:none}
.menu-popup>.menuitem .childitem .sub .childname{padding-left:34px;font-weight:bold}
.menu-popup>.menuitem .childitem .sub.level1 .childname{padding-left:0px;font-weight:normal}
.menu-popup>.menuitem .count
{
	display:block;
    font-size:11px;
    font-style:normal;
    height:34px;
    line-height:34px;
    float:right;
    text-align:right;
    width:auto;
    margin-right:4px;
}
.menu-popup>.menuitem.actived .count
{
	background-color:#FFF;border-radius:10px 10px 10px 10px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);color:#000;
}
    
.menu-popup .childitem{list-style:none;margin-left:10px;margin-bottom:4px;margin-top:1px}


.find-users{
    height:auto;cursor:pointer;min-height:34px;display:inline-block
}
.find-users>ul{
    margin:0;padding:1px
}
    .find-users>ul>li{
        list-style:none;border:solid 1px #ddd;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin:1px;display:inline-block;line-height:26px;height:26px;padding:0 24px 0 2px;
        position:relative
}
    .find-users>ul>li>i{
        position:absolute;width:16px;height:16px;right:4px;top:5px;background:url(img/del.png) center center no-repeat;cursor:pointer
}
    .BEN.message{
    color:#fff;
    cursor:pointer;
    width:100%;
    height:100%;
    cursor:pointer;
}

.s_skin .s_message{
    display:none;z-index:9999
}
    .BEN.message>i{
    position:absolute;
}
.BEN.message>i.icon{
    width:40px;
    height:100%;
    background:url(img/message.png) center center no-repeat;
    bottom:0;
    left:0px;
    top:0;
}
        .BEN.message>i.count{
            right:3px;
            padding:0 4px;
            background:#fcc600;
            height:16px;
            top:3px;
            border-radius:3px;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            line-height:16px;
}
.messages>.message{
    display:block;border:solid 1px #c10000;color:#c10000;padding:10px;position:relative;margin:2px 0
}
.messages>.message>i{
    position:absolute;top:10px;right:10px;background:url(img/del.png) center center no-repeat;width:20px;height:20px;cursor:pointer
}
.dynamic-box#divViewUnreadMessages{width:700px}
#divViewUnreadMessages .message-list{
    margin:0;padding:0
}
    #divViewUnreadMessages .message-list>li{
        display:block;border-bottom:solid 1px #ddd;margin:4px 0 4px 0;padding:0 0 4px 0;position:relative
}
    
        #divViewUnreadMessages .message-list>li .head{
            position:relative;height:38px;padding-right:26px
}
        #divViewUnreadMessages .message-list>li>.head>i{
        position:absolute;right:0px;top:0px;width:24px;height:24px;background:url(img/header-closed.png) center center no-repeat #ddd;cursor:pointer
}
        #divViewUnreadMessages .message-list>li.opened>.head>i{
        position:absolute;right:0px;top:0px;width:24px;height:24px;background:url(img/header-opened.png) center center no-repeat #ddd;cursor:pointer
}
        #divViewUnreadMessages .message-list>li .head>.img{
            position:absolute;width:38px;height:38px;background:#ddd;text-align:center;padding:2px;
}
        #divViewUnreadMessages .message-list>li .head>.title{
                font-weight:bold;text-transform:none;position:absolute;height:34px;top:0px;left:44px;line-height:18px;
}
        #divViewUnreadMessages .message-list>li .head>.from-user{
                text-transform:none;position:absolute;top:20px;left:44px;line-height:18px;font-style:italic
}
        #divViewUnreadMessages .message-list>li .content{
            display:none
}
        #divViewUnreadMessages .message-list>li.opened>.content{
            display:block
}


.suggest{
    position:absolute;z-index:999999;
    -webkit-box-shadow:0px 4px 10px -4px rgba(0,0,0,0.4);
-moz-box-shadow:0px 4px 10px -4px rgba(0,0,0,0.4);
box-shadow:0px 4px 10px -4px rgba(0,0,0,0.4);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:#f9f9f9;display:none
}
    .suggest>li{
        display:block;
        border-bottom:solid 1px #ddd;
        border-top:solid 1px #fff;padding:10px;cursor:pointer
}
        .suggest>li:first-child{
            border-top:none
}
        .suggest>li.selected{
            background-color:#ddd
}
        .suggest>li:hover,.suggest>li.hover{
            background-color:#ffaf34
}
.Controls.Social{
    margin:0;padding:0
}
.Controls.Social>li{display:inline-block;padding:0;margin:0 2px;list-style:none}

.hotline-ringing{display:block;position:fixed;bottom:0}

@media (max-width:1400px){
    .Controls.Footer>div>.inner{
        width:100%
}
    .Controls.Footer>div.below>.inner{
        padding:0 10px
}
    .Controls.Footer>.above>.inner>.cell.logo{margin-left:10px}
}
@media (max-width:970px){
   .Controls.Footer>.above>.inner>.cell.slogan-shortinfo{
       width:100%;clear:both;margin-top:10px;border-top:solid 1px #007534
   }
   .Controls.Footer>.above>.inner>.cell.slogan-shortinfo>.inner{
       border-top:solid 1px #00be54;line-height:34px
   }
   .Controls.Footer>.above>.inner>.cell.company-info{border-right:none;width:calc(100% - 300px)}
   .Controls.Footer>.above>.inner>.cell.company-info>.inner{border-right:none}
}
@media (max-width:840px)
{
    .input-form .region{width:100%;float:none}
    #divUpdateMember .input-form .region{width:48%;float:left}
    #divUpdateMember .input-form .region.r{float:right}
}
@media (max-width:700px)
{
   .dynamic-box#divViewUnreadMessages{width:100%}
   .input-form .row .block>.block{width:100%}
}

@media (max-width:670px){
    .Controls.Footer>.above>.inner>.cell.hotline-social{border-right:none;width:calc(100% - 150px)}
   .Controls.Footer>.above>.inner>.cell.hotline-social>.inner{border-right:none;padding-right:0}
    .Controls.Footer>.above>.inner>.cell.company-info{
       width:100%;clear:both;margin-top:10px;border-top:solid 1px #007534;height:auto;border-left:none
   }
   .Controls.Footer>.above>.inner>.cell.company-info>.inner{
       border-top:solid 1px #00be54;padding-top:10px;height:auto;border-left:none
   }
   .Controls.Footer>.above>.inner>.cell.hotline-social>.inner>.hotline{display:inline-block;position:absolute;right:110px;top:10px}
   .Controls.Footer>.above>.inner>.cell.hotline-social>.inner>.social{display:inline-block;position:absolute;right:0;top:10px}
}
@media (max-width:550px){
   .Controls.Footer>.above>.inner>.cell.slogan-shortinfo>.inner{
       height:auto
   }
}
@media (max-width:430px)
{
    .dynamic-box{
        width:100%;
}
    .input-form .row .block{width:100%;float:none;margin-bottom:10px}

   .Controls.Footer>.above>.inner>.cell.hotline-social>.inner>.hotline,.Controls.Footer>.above>.inner>.cell.hotline-social>.inner>.social{display:block;position:initial}
   
}
@media (max-width:330px){
   .Controls.Footer>.above>.inner>.cell.slogan-shortinfo>.inner{
       height:auto
   }
}





@-webkit-keyframes ringing{
    from{
    width:100%;
    height:100%;
    border-radius:15px;
    left:0;
    bottom:0
}
    to{
    width:calc(100% + 20px);
    height:calc(100% + 20px);
    border-radius:100%;
    left:-10px;
    bottom:-10px
}
}

@keyframes ringing{
    from{
    width:100%;
    height:100%;
    border-radius:15px;
    left:0;
    bottom:0
}
    to{
    width:calc(100% + 20px);
    height:calc(100% + 20px);
    border-radius:100%;
    left:-10px;
    bottom:-10px
}
}

.ringing{
    width:30px;
    height:30px;
    display:none;
    position:fixed;
    bottom:70px;
    right:30px;
    border-radius:100%;
    z-index:999999;
    -webkit-opacity:0.7;
    -moz-opacity:0.7;
    opacity:0.7;background:url(img/hotlinecall.png) center center no-repeat #1fafff;cursor:pointer
}
.ringing:hover{
        -webkit-opacity:1;
    -moz-opacity:1;
    opacity:1;
}
.ringing *{
    border:solid 1px #1fafff;
    border-radius:100%;
    width:30px;
    height:30px;
    bottom:0;position:absolute;
    left:-10px;
    width:calc(100% + 20px);
    height:calc(100% + 20px);

    -webkit-animation:ringing 1s infinite; 
    animation:ringing 1s infinite;
}

.register-box .avatar{text-align:left}
.register-box .avatar .img,#divEditMember .avatar .img{width:120px;position:relative;margin-top:10px;text-align:center}
.register-box .avatar .img>img{
        width:100%;
}
.register-box .avatar .del{height:20px;display:none}
.register-box .avatar .lbl{text-align:left}
.register-box .avatar .note{font-style:italic;color:#000;width:100px;text-align:center;height:30px;line-height:30px;border:dotted 1px #ddd;cursor:pointer;margin-bottom:10px}
.register-box #btnDelAvatar{
    cursor:pointer;
    color:blue;width:120px;text-align:left;height:24px;line-height:24px
}
.chk-ctr>*{display:inline-block}
.chk-ctr>input{width:20px;height:20px;vertical-align:middle;margin:0 4px 0 0}
.chk-ctr>label{line-height:20px;vertical-align:middle}
#divRegisterBox .label.choose-img,#divEditMember .label.choose-img{
    background:url(img/add.png) left center no-repeat;
    padding-left:24px;
    border:dotted 1px #ddd;
    height:28px;
    line-height:28px;
    cursor:pointer;width:120px
}
#divRegisterBox .chk-ctr{margin-top:10px}
#divRegisterBox .row>.block{flex-direction:column}
#divRegisterBox .row>.block>div{width:100%}
#divViewMemberInfo .img{border:solid 2px #ddd;margin-right:10px;padding:1px}

#divDatePicker{position:absolute;z-index:9999;height:auto;background:#F2F2F2;border:solid 1px #C4C4C4;border-radius:2px;-webkit-box-shadow:0px 0px 8px 0px rgba(130, 130, 130, 1);-moz-box-shadow:0px 0px 8px 0px rgba(130, 130, 130, 1);box-shadow:0px 0px 8px 0px rgba(130, 130, 130, 1);z-index:999999}
#divDatePicker table{}
#divDatePicker table td{color:#C4C4C4;width:36px;width:28px;text-align:center;padding:4px}
#divDatePicker table td select{border:solid 1px #C4C4C4;margin:1px;height:28px}
#divDatePicker table td.cell{border-right:solid 1px #C4C4C4;width:36px;height:28px;border-top:solid 1px #C4C4C4;border-right:solid 1px #C4C4C4}
#divDatePicker table .header td.cell{background:#FFF}
#divDatePicker table .header td.cell.cn{color:#FF0000;border-right:none}
#divDatePicker table .item td.cell{cursor:pointer}
#divDatePicker table .item td.cell.normal{background-color:#EFF9FF;color:#000}
#divDatePicker table .item td.cell.selected{background-color:#ADDFFF;color:#0074BC}
#divDatePicker table .item td.cell.cn{background-color:#FFE0E0;color:#FF0000;border-right:none}
#divDatePicker table .item td.cell.disable{background:#F8F8F8;background-image:none}
#divDatePicker table .item td.cell.hover{background-color:#ADDFFF;color:#0074BC}

.txt.date{background:url(img/date-val.png) left center no-repeat #fff;padding-left:20px;cursor:pointer}
.txt.date.req{cursor:pointer}
.txt.date.val{background:url(img/date-val.png) left center no-repeat}
span.cleardate{width:18px;height:16px;background:url(img/delete.png) no-repeat transparent;display:inline-block;cursor:pointer}
#divClearDate{width:20px;height:16px;cursor:pointer;position:absolute;background:url(img/del.png) center center no-repeat;top:10px;right:10px} 



/*upload-files*/
.upload-files{position:relative}
.upload-files>i.add{
    position:absolute;
    height:30px;
    right:0;
    line-height:30px;
    display:block;
    background:url(img/att.png) center center no-repeat;
    cursor:pointer;
    top:-30px;
    padding:0 4px;
    
    width:30px;
    font-weight:normal;
}
.upload-files input[type=file]{display:none}
.upload-files>.selected-files>.file{position:relative;list-style:none;border-bottom:dotted 1px #ddd;margin:0;padding:6px 0;color:#2093E3;padding-right:34px;display:block;min-height:24px;line-height:24px}
.upload-files>.selected-files>.file:hover{background-color:#f6fdfe}
.upload-files>.selected-files>.file:last-child{border-bottom:none}
.upload-files>.selected-files>.file>span>a{color:#2093E3;text-decoration:none}
.upload-files>.selected-files>.file.err{color:#f00}
.upload-files>.selected-files>.file.err>span>a{color:#f00}
.upload-files>.selected-files>.file>.msg{margin-left:20px;font-style:italic;float:right}
.upload-files>.selected-files>.file>i.remove{position:absolute;right:3px;top:1px;height:24px;width:24px;background:url(img/del.png) center center no-repeat;cursor:pointer}



#divChooseImageMethod{max-width:300px}
#divChooseImageMethod ul{margin:0;padding:0;text-align:center}
#divChooseImageMethod ul>li{display:inline-block;width:100%;list-style:none;border:solid 1px #000;color:#000;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;padding:5px}
#divChooseImageMethod ul>li:first-child{margin-bottom:10px}
#divChooseImageMethod ul>li>span{height:30px;vertical-align:middle;display:inline-block;line-height:30px}
#divChooseImageMethod ul>li>.icon{width:30px;float:left;font-size:26px;color:#555;text-align:center;line-height:30px}
#divChooseImageMethod ul>li:hover{border-color:#0063dd}
#divChooseImageMethod ul>li:hover>*{color:#0063dd}



table tr.header>td.order{cursor:pointer;background-position:right center;background-repeat:no-repeat;background-image:url(img/order.png);padding-right:14px}
table tr.header>td.order.asc{background-image:url(img/order-asc.png)}
table tr.header>td.order.desc{background-image:url(img/order-desc.png)}

/*choose-members*/
.choose-members{position:relative;min-height:24px}
.choose-members>i.add-member{position:absolute;top:0;right:0;display:block;width:24px;height:24px;background:url(img/add-member.png) center center no-repeat;cursor:pointer}
#divChooseMembers{min-width:320px}
#divChooseMembers .key{position:relative}
#divChooseMembers .key>input{width:calc(100% - 30px);height:30px}
#divChooseMembers .key>.search{position:absolute;top:0;right:0;width:30px;height:30px;background:url(img/search-s.png) center center no-repeat #9b9b9b;cursor:pointer}
#divChooseMembers .result>.count{padding:4px;text-align:center;font-style:italic}
#divChooseMembers .result>.list{margin:0;padding:0}
#divChooseMembers .result>.list>li{display:inline-block;padding:0 30px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#006ea4;margin-right:4px;color:#fff;cursor:pointer;height:34px;line-height:34px}
#divChooseMembers .result>.list>li:hover{background-color:#0092d9}
#divChooseMembers .result>.list>li.selected{background:url(img/check.png) 4px center no-repeat #004c71}

.choose-members>.selected-members>li{display:inline-block;padding:0 30px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#004c71;margin-right:4px;color:#fff;cursor:pointer;height:34px;line-height:34px;position:relative}
.choose-members>.selected-members>li:hover{background-color:#0092d9}
.choose-members>.selected-members>li:hover>i.delete{display:block}
.choose-members>.selected-members>li>i.delete{background:url(img/del.png) center center no-repeat #fff;position:absolute;width:20px;height:20px;display:none;right:7px;top:7px}


/*choose-videos*/
.choose-videos{position:relative;min-height:24px}
.choose-videos>i.add-video{position:absolute;top:0;right:0;display:block;width:24px;height:24px;background:url(img/add-video.png) center center no-repeat;cursor:pointer}
.choose-videos>input{display:none}
.choose-videos>.selected-videos>li{display:inline-block;padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#004c71;margin-right:4px;color:#fff;cursor:pointer;position:relative;width:320px}
.choose-videos>.selected-videos>li:hover{background-color:#0092d9}
.choose-videos>.selected-videos>li:hover>i.delete{display:block}
.choose-videos>.selected-videos>li>i.delete{background:url(img/del.png) center center no-repeat #fff;position:absolute;width:20px;height:20px;display:none;right:7px;top:7px;z-index:999}


.video-container{position:relative;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;overflow:hidden;overflow:hidden;background-color:#000}
.video-container>video{width:100%;height:calc(100% - 34px)}
.video-container>.mask{position:absolute;width:100%;height:calc(100% - 30px);opacity:0.4;display:block;z-index:100;cursor:pointer}
.video-container>.mask2{z-index:101;opacity:1}
.video-container>.control{padding-left:20px;position:relative;height:30px;background-color:#000}
.video-container>.control>i{display:block;width:30px;height:30px;cursor:pointer;background:url(img/play.png) center center no-repeat;position:absolute;top:0;left:0}
.video-container>.control>.timeline{display:block;cursor:pointer;height:100%;position:absolute;left:30px;right:60px}
.video-container>.control>.timeline>.current{background-color:#0091c7;height:100%;width:0;position:absolute;bottom:0;height:6px}

.video-container.over>.mask1{opacity:0.4}
.video-container.over>.mask2{opacity:0.6}

.video-container.playing>.mask2{background:url(img/pause-big.png) center center no-repeat}
.video-container.paused>.mask2{background:url(img/play-big.png) center center no-repeat}
.video-container.playing>.control>i{background:url(img/pause.png) center center no-repeat}
.video-container.paused>.control>i{background:url(img/play.png) center center no-repeat}
.video-container>.control>i:hover{background-color:#444}

.video-container>.control>.time{position:absolute;top:0;height:100%;display:block;color:#fff;line-height:26px}
.video-container>.control>.time.current-time{left:30px}
.video-container>.control>.time.total-time{right:62px}
.video-container>.control>.to-full-screen{position:absolute;top:0;height:100%;display:block;line-height:30px;width:30px;background:url(img/toFullScreen.png) center center no-repeat;cursor:pointer;right:0}
.video-container>.control>.to-full-screen:hover{background-color:#444}
.video-container>.control>.speaker{position:absolute;top:0;height:100%;display:block;line-height:30px;width:30px;background:url(img/speaker.png) center center no-repeat;cursor:pointer;right:30px}
.video-container>.control>.speaker.muted{background:url(img/muted.png) center center no-repeat}
.video-container>.control>.speaker:hover{background-color:#444}

.video-container>.control.full{position:absolute;bottom:0;left:0;right:0;width:100%;min-height:30px;z-index:2147483647}

video-container::-webkit-media-controls{
  display:none !important;
}
video-container::-moz-media-controls{
  display:none !important;
}
video-container::media-controls{
  display:none !important;
}



#videoFullScrennControls{position:absolute;bottom:0;left:0;right:0;height:100%;z-index:2147483647;display:flex}
#videoFullScrennControls.over>.mask1{opacity:0.4}
#videoFullScrennControls.over>.mask2{opacity:0.6}
#videoFullScrennControls>.mask{position:absolute;width:100%;height:calc(100% - 20px);opacity:0.4;display:block;z-index:100;cursor:pointer;background-color:transparent}
#videoFullScrennControls>.mask2{z-index:101;opacity:1}
#videoFullScrennControls>.control{padding-left:30px;position:fixed;height:30px;background-color:#000;bottom:0;width:100%}
#videoFullScrennControls>.control>i{display:block;width:30px;height:30px;cursor:pointer;background:url(img/play.png) center center no-repeat;position:absolute;top:0;left:0}
#videoFullScrennControls>.control>.timeline{display:block;cursor:pointer;height:100%;position:absolute;left:30px;right:60px}
#videoFullScrennControls>.control>.timeline>.current{background-color:#0091c7;height:100%;width:0;position:absolute;bottom:0;height:5px}
#videoFullScrennControls.over>.mask1{opacity:0.4}
#videoFullScrennControls.over>.mask2{opacity:0.6}
#videoFullScrennControls.playing>.mask2{background:url(img/pause-big.png) center center no-repeat}
#videoFullScrennControls.paused>.mask2{background:url(img/play-big.png) center center no-repeat}
#videoFullScrennControls.playing>.control>i{background:url(img/pause.png) center center no-repeat}
#videoFullScrennControls.paused>.control>i{background:url(img/play.png) center center no-repeat}
#videoFullScrennControls>.control>.time{position:absolute;top:0;height:100%;display:block;color:#fff;line-height:30px}
#videoFullScrennControls>.control>.time.current-time{left:32px}
#videoFullScrennControls>.control>.time.total-time{right:62px}
#videoFullScrennControls>.control>.to-full-screen{position:absolute;top:0;height:100%;display:block;color:#fff;line-height:30px;width:30px;cursor:pointer;right:0;background:url(img/toFullScreen.png) center center no-repeat}
#videoFullScrennControls>.control>.speaker{position:absolute;top:0;height:100%;display:block;line-height:30px;width:30px;background:url(img/speaker.png) center center no-repeat;cursor:pointer;right:30px}
#videoFullScrennControls>.control>.speaker.muted{background:url(img/muted.png) center center no-repeat}

/*Message*/

.messages-box{
    clear:both;
    background-color:#f6f6f6;
    border:solid 1px #ddd;
    padding:0
}
    .messages-box>.head.message{padding:10px}
    .messages-box>.content{
        border:solid 1px #ddd;
        border-bottom:solid 1px #ddd;
        background-color:#fff;
        border-radius:5px 4px 0 0;
        -moz-border-radius:5px 4px 0 0;
        -webkit-border-radius:5px 4px 0 0;
        overflow:hidden;
        margin:10px 10px 0 10px
}

        .messages-box>.content>textarea{
            border:none;
            line-height:20px;
            border-bottom:none
}

    .messages-box>.controls{
        border-left:solid 1px #ddd;
        border-right:solid 1px #ddd;
        border-bottom:solid 1px #ddd;
        border-top:none;
        position:relative;
        height:36px;
        border-radius:0 0 4px 4px;
        -moz-border-radius:0 0 4px 4px;
        -webkit-border-radius:0 0 4px 4px;
        overflow:hidden;margin:0 10px 10px 10px
}

        .messages-box>.controls>.file-att>.add{
            left:0;
            top:-26px;
            background:url(img/img.png) center center no-repeat;
            height:24px;
            width:30px
}



    .messages-box .from-user{
        font-weight:bold;
        line-height:20px;
        display:inline-block;padding:5px
}

    .messages-box .from-user>.img{
        height:26px;
        width:26px;
        display:inline-block;
        border-radius:50%;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border:solid 1px #ddd;
        overflow:hidden;
        vertical-align:middle;
        margin-right:4px
}

            .messages-box .from-user>.img>img{
                max-height:100%;
                max-width:100%;
                display:block
}

        .messages-box .from-user>.user-name{
            display:inline-block;
            vertical-align:middle;
            margin-right:6px
}



    .messages-box>.controls>.send{
        position:absolute;
        right:0px;
        top:0;
        height:36px;
        line-height:36px;
        width:70px;
        text-align:center;
        border-left:solid 1px #ddd;
        color:#0063dd;
        cursor:pointer;
        background:url(img/sendmessage.png) center center no-repeat
}

        .messages-box>.controls>.file-att>.selected-files>li{
            padding:0 0 0 4px
}

            .messages-box>.controls>.file-att>.selected-files>li:last-child{
                border-bottom:solid 1px #ddd
}



    .messages-box .reply-list>.list>div.b{
        padding-bottom:6px
}

        .messages-box .reply-list>.list>div.b:last-child{
            padding-bottom:0
}

    .messages-box>.list>div.b{
        padding:6px;
        margin-bottom:10px;
        background-color:#f1f1f1;
        border-radius:5px;
        -webkit-radius:4px;
        -moz-radius:4px;
        border:solid 1px #e4e4e4
}

    .messages-box .count{
        padding:0 0 10px 0;
        font-weight:bold
}

    .messages-box .list{
        padding:10px 10px 0 10px
}

    .messages-box .reply-list>.list{
        display:none
}

    .messages-box .reply-list>.count{
        padding:0;font-size:10px;
        font-weight:normal;
        font-style:italic
}

    .messages-box .reply-list>.more{
        text-align:right
}

        .messages-box .reply-list>.more>i{
            cursor:pointer
}

    .messages-box .list>div.message{
        position:relative;
        margin-bottom:10px
}

    .messages-box .list>div.message>.above{
        background-color:#fff;
        border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        padding:10px;
        border:solid 1px #e4e4e4;
        padding-bottom:20px;
        position:relative
}

        .messages-box .list>div.message.new>.above>.content{
            cursor:pointer;
            border:solid 1px #ffd4d4;
            color:#f00
}

    .messages-box .list>div.message>.above .tag{
        color:#0063dd;
        font-weight:normal
}

    .messages-box .list>div.message.new>.above>*{
        color:#f00
}

    .messages-box .list>div.message.new>.above .tag{
        color:#f00
}

    .messages-box .list>div.message>.above>div.from-user{
        font-weight:bold;
        line-height:20px;
        display:inline-block;padding:0;margin-bottom:6px
}

        .messages-box .list>div.message>.above>div.from-user>.img{
            height:20px;
            width:20px;
            display:inline-block;
            border-radius:50%;
            -webkit-border-radius:50%;
            -moz-border-radius:50%;
            border:solid 1px #ddd;
            overflow:hidden;
            vertical-align:middle;
            margin-right:4px
}

            .messages-box .list>div.message>.above>div.from-user>.img>img{
                max-height:100%;
                max-width:100%;
                display:block
}

        .messages-box .list>div.message>.above>div.from-user>.user-name{
            display:inline-block;
            vertical-align:middle;
            margin-right:6px
}

        .messages-box .list>div.message>.above>div.content{
            line-height:20px;
            display:block;
            vertical-align:middle;
            border-radius:5px;
            -moz-border-radius:5px;
            -webkit-border-radius:5px;
            background-color:#f6f6f6;
            margin-bottom:4px;
            padding:6px
}
        

            .messages-box .list>div.message>.above>.attechment-list{
                margin-top:4px;
                padding-top:4px;
                display:none
}

        .messages-box .list>div.message>.above>.attechment-list>.files>li{
            list-style:none;
            display:inline-block;
            padding-right:20px
}

            .messages-box .list>div.message>.above>.attechment-list>.files>li>a{
                display:block;
                line-height:20px
}



    .messages-box .reply-list>.list{
        padding:0;
        border:none
}

    .messages-box .list>div.message>.reply-list{
        padding-left:24px;
        margin-bottom:10px;
        margin-top:10px
}

        .messages-box .list>div.message>.reply-list>.editor{
            border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            position:relative;
            margin-bottom:10px
}

            .messages-box .list>div.message>.reply-list>.editor>input[type=file]{
                display:none
}

            .messages-box .list>div.message>.reply-list>.editor>textarea{
                line-height:20px;
                overflow:hidden;
                border-radius:5px;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                padding:6px;
                background-color:#f6fdff;
                border:solid 1px #e4e4e4
}

            .messages-box .list>div.message>.reply-list>.editor>i.save{
                background:url(img/save.png) center center no-repeat;
                width:24px;
                height:24px;
                cursor:pointer;
                position:absolute;
                right:4px;
                bottom:9px
}

            .messages-box .list>div.message>.reply-list>.editor>i.add-att{
                background:url(img/att.png) center center no-repeat;
                width:24px;
                height:24px;
                cursor:pointer;
                position:absolute;
                right:30px;
                top:4px
}

    .messages-box .info>li.them-but-phe{
        float:right;
        color:#fff;
        cursor:pointer;
        list-style:none;
        background-color:#2093e3;
        padding:4px 10px;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px
}

        .messages-box .info>li.them-but-phe:hover{
            background-color:#44B4FF
}

    .messages-box .list>div.message.add-new>.above{
        position:relative;
        padding:0;
        overflow:hidden
}

        .messages-box .list>div.message.add-new>.above>textarea{
            border:none;
            line-height:20px;
            padding:6px;
            background-color:#e6faff
}

        .messages-box .list>div.message.add-new>.above>i.save{
            background:url(img/save.png) center center no-repeat;
            width:24px;
            height:24px;
            cursor:pointer;
            position:absolute;
            right:4px;
            top:4px
}

        .messages-box .list>div.message.add-new>.above>i.add-att{
            background:url(img/att.png) center center no-repeat;
            width:24px;
            height:24px;
            cursor:pointer;
            position:absolute;
            right:30px;
            top:4px
}

        .messages-box .list>div.message.add-new>.above>input[type=file]{
            display:none
}


    .messages-box .list>div.message>.above>.actions>li{
        list-style:none;
        display:inline-block
}

        .messages-box .list>div.message>.above>.sent-time{
            font-style:italic;
            font-size:11px;
            color:#000;position:absolute;right:10px;top:10px
}

        .messages-box .list>div.message>.above>.actions>li.act{
            float:right;
            color:#0063dd;
            cursor:pointer;
            margin-left:10px
}

        .messages-box .list>div.message>.above>.actions>li.reply.act:hover{
            color:#f00
}


    .messages-box .list>div.message>.above>.actions{
        position:absolute;
        right:10px;
        bottom:0;
        padding:4px 2px
}

        .messages-box .list>div.message>.above>.actions>i{
            width:24px;
            height:24px;
            display:inline-block;
            cursor:pointer
}

            .messages-box .list>div.message>.above>.actions>i.att{
                background:url(img/att.png) center center no-repeat
}

            .messages-box .list>div.message>.above>.actions>i.save{
                background:url(img/save.png) center center no-repeat
}

            .messages-box .list>div.message>.above>.actions>i.cancel{
                background:url(img/cancel.png) center center no-repeat
}

    .messages-box .list>div.message.edit>.above>div.content{
        display:block
}

        .messages-box .list>div.message.edit>.above>div.content>textarea{
            line-height:20px;
            overflow:hidden;
            border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            padding:6px;
            border:none;
            background-color:#e6faff;
            border:solid 1px #dadada
}

    .messages-box .list>div.message.edit>.above>.attechment-list>.files>li{
        position:relative;
        padding-right:30px
}

        .messages-box .list>div.message.edit>.above>.attechment-list>.files>li>i.del{
            background:url(img/del.png) center center no-repeat;
            width:24px;
            cursor:pointer;
            position:absolute;
            right:0;
            top:0;
            bottom:0
}

    .messages-box .list>div.message.edit>.above>input[type=file]{
        display:none
}

    .messages-box>.more{
        text-align:right;
        padding:10px 0
}

        .messages-box>.more>i{
            cursor:pointer
}

    .messages-box>.count{
        margin:0;
        padding:10px 10px 0 10px;
        height:40px;
        border-bottom:solid 1px #ddd;
        background-color:#fff
}
    .messages-box>.count>li{
        list-style:none;display:inline-block;height:100%;line-height:30px;border:solid 1px #ddd;border-bottom:solid 1px #fff;padding:0 10px;cursor:pointer
}
        .messages-box>.count>li.all-message{border-radius:5px 0 0 0}
        .messages-box>.count>li.new-message{
            border-radius:0 4px 0 0
}
        .messages-box>.count>li.actived{
            background-color:#ddd;border-bottom:solid 1px #ddd;cursor:text
}

#divBottomBar{position:fixed;bottom:0;left:0;right:0;padding:10px;-webkit-box-shadow:0px -6px 3px -5px rgba(0,0,0,0.75);-moz-box-shadow:0px -6px 3px -5px rgba(0,0,0,0.75);box-shadow:0px -6px 3px -5px rgba(0,0,0,0.75);background-color:#f1b000;color:#fff;z-index:999999}


/*Message*/

.messages-box{
    clear:both;
    background-color:#f6f6f6;
    border:solid 1px #ddd;
    padding:0;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;overflow:hidden
}
    .messages-box>.header{padding:10px 10px 5px 10px;border-bottom:solid 1px #ddd}
    .messages-box>.head.message{
        padding:10px
}

    .messages-box>.content{
        border:solid 1px #ddd;
        border-bottom:solid 1px #ddd;
        background-color:#fff;
        border-radius:5px 4px 0 0;
        -moz-border-radius:5px 4px 0 0;
        -webkit-border-radius:5px 4px 0 0;
        overflow:hidden;
        margin:10px 10px 0 10px
}

        .messages-box>.content>textarea{
            border:none;
            line-height:20px;
            border-bottom:none
}

    .messages-box>.controls{
        border-left:solid 1px #ddd;
        border-right:solid 1px #ddd;
        border-bottom:solid 1px #ddd;
        border-top:none;
        position:relative;
        height:36px;
        border-radius:0 0 4px 4px;
        -moz-border-radius:0 0 4px 4px;
        -webkit-border-radius:0 0 4px 4px;
        overflow:hidden;
        margin:0 10px 10px 10px
}

        .messages-box>.controls>.file-att>.add{
            left:0;
            top:-26px;
            background:url(img/img.png) center center no-repeat;
            height:24px;
            width:30px
}



    .messages-box .from-user{
        font-weight:bold;
        line-height:20px;
        display:inline-block;
        padding:5px
}

        .messages-box .from-user>.img{
            height:26px;
            width:26px;
            display:inline-block;
            border-radius:50%;
            -webkit-border-radius:50%;
            -moz-border-radius:50%;
            border:solid 1px #ddd;
            overflow:hidden;
            vertical-align:middle;
            margin-right:4px;position:relative
}

            .messages-box .from-user>.img>img{
                max-height:100%;
                max-width:100%;
                display:block;
                transform:translate(-50%, -50%);left:50%;top:50%;position:absolute
}

        .messages-box .from-user>.user-name{
            display:inline-block;
            vertical-align:middle;
            margin-right:6px
}



    .messages-box>.controls>.send{
        position:absolute;
        right:0px;
        top:0;
        height:36px;
        line-height:36px;
        width:70px;
        text-align:center;
        border-left:solid 1px #ddd;
        color:#0063dd;
        cursor:pointer;
        background:url(img/sendmessage.png) center center no-repeat
}

    .messages-box>.controls>.file-att>.selected-files>li{
        padding:0 0 0 4px
}

        .messages-box>.controls>.file-att>.selected-files>li:last-child{
            border-bottom:solid 1px #ddd
}



    .messages-box .reply-list>.list>div.b{
        padding-bottom:6px
}

        .messages-box .reply-list>.list>div.b:last-child{
            padding-bottom:0
}

    .messages-box>.list>div.b{
        padding:6px;
        margin-bottom:10px;
        background-color:#f1f1f1;
        border-radius:5px;
        -webkit-radius:4px;
        -moz-radius:4px;
        border:solid 1px #e4e4e4
}

    .messages-box .count{
        padding:0 0 10px 0;
        font-weight:bold
}

    .messages-box .list{
        padding:10px 10px 0 10px
}

    .messages-box .reply-list>.list{
        display:none
}

    .messages-box .reply-list>.count{
        padding:0;
        font-size:10px;
        font-weight:normal;
        font-style:italic
}

    .messages-box .reply-list>.more{
        text-align:right
}

        .messages-box .reply-list>.more>i{
            cursor:pointer
}

    .messages-box .list>div.message{
        position:relative;
        margin-bottom:10px
}

        .messages-box .list>div.message>.above{
            background-color:#fff;
            border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            padding:10px;
            border:solid 1px #e4e4e4;
            padding-bottom:20px;
            position:relative
}

        .messages-box .list>div.message.new>.above>.content{
            cursor:pointer;
            border:solid 1px #ffd4d4;
            color:#f00
}

        .messages-box .list>div.message>.above .tag{
            color:#0063dd;
            font-weight:normal
}

        .messages-box .list>div.message.new>.above>*{
            color:#f00
}

        .messages-box .list>div.message.new>.above .tag{
            color:#f00
}

        .messages-box .list>div.message>.above>div.from-user{
            font-weight:bold;
            line-height:20px;
            display:inline-block;
            padding:0;
            margin-bottom:6px
}

            .messages-box .list>div.message>.above>div.from-user>.img{
                height:20px;
                width:20px;
                display:inline-block;
                border-radius:50%;
                -webkit-border-radius:50%;
                -moz-border-radius:50%;
                border:solid 1px #ddd;
                overflow:hidden;
                vertical-align:middle;
                margin-right:4px
}

                .messages-box .list>div.message>.above>div.from-user>.img>img{
                    max-height:100%;
                    max-width:100%;
                    display:block
}

            .messages-box .list>div.message>.above>div.from-user>.user-name{
                display:inline-block;
                vertical-align:middle;
                margin-right:6px
}

        .messages-box .list>div.message>.above>div.content{
            line-height:20px;
            display:block;
            vertical-align:middle;
            border-radius:5px;
            -moz-border-radius:5px;
            -webkit-border-radius:5px;
            background-color:#f6f6f6;
            margin-bottom:4px;
            padding:10px
}


        .messages-box .list>div.message>.above>.attechment-list{
            margin-top:4px;
            padding-top:4px;
            display:none
}

            .messages-box .list>div.message>.above>.attechment-list>.files>li{
                list-style:none;
                display:inline-block;
                padding-right:20px
}

                .messages-box .list>div.message>.above>.attechment-list>.files>li>a{
                    display:block;
                    line-height:20px
}



    .messages-box .reply-list>.list{
        padding:0;
        border:none
}

    .messages-box .list>div.message>.reply-list{
        padding-left:24px;
        margin-bottom:10px;
        margin-top:10px
}

        .messages-box .list>div.message>.reply-list>.editor{
            border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            position:relative;
            margin-bottom:10px
}

            .messages-box .list>div.message>.reply-list>.editor>input[type=file]{
                display:none
}

            .messages-box .list>div.message>.reply-list>.editor>textarea{
                line-height:20px;
                overflow:hidden;
                border-radius:5px;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                padding:6px;
                background-color:#f6fdff;
                border:solid 1px #e4e4e4
}

            .messages-box .list>div.message>.reply-list>.editor>i.save{
                background:url(img/save.png) center center no-repeat;
                width:24px;
                height:24px;
                cursor:pointer;
                position:absolute;
                right:4px;
                bottom:9px
}

            .messages-box .list>div.message>.reply-list>.editor>i.add-att{
                background:url(img/att.png) center center no-repeat;
                width:24px;
                height:24px;
                cursor:pointer;
                position:absolute;
                right:30px;
                top:4px
}

    .messages-box .info>li.them-but-phe{
        float:right;
        color:#fff;
        cursor:pointer;
        list-style:none;
        background-color:#2093e3;
        padding:4px 10px;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px
}

        .messages-box .info>li.them-but-phe:hover{
            background-color:#44B4FF
}

    .messages-box .list>div.message.add-new>.above{
        position:relative;
        padding:0;
        overflow:hidden
}

        .messages-box .list>div.message.add-new>.above>textarea{
            border:none;
            line-height:20px;
            padding:6px;
            background-color:#e6faff
}

        .messages-box .list>div.message.add-new>.above>i.save{
            background:url(img/save.png) center center no-repeat;
            width:24px;
            height:24px;
            cursor:pointer;
            position:absolute;
            right:4px;
            top:4px
}

        .messages-box .list>div.message.add-new>.above>i.add-att{
            background:url(img/att.png) center center no-repeat;
            width:24px;
            height:24px;
            cursor:pointer;
            position:absolute;
            right:30px;
            top:4px
}

        .messages-box .list>div.message.add-new>.above>input[type=file]{
            display:none
}


    .messages-box .list>div.message>.above>.actions>li{
        list-style:none;
        display:inline-block
}

    .messages-box .list>div.message>.above>.sent-time{
        font-style:italic;
        font-size:11px;
        color:#000;
        position:absolute;
        right:10px;
        top:5px
}

    .messages-box .list>div.message>.above>.actions>li.act{
        float:right;
        color:#0063dd;
        cursor:pointer;
        margin-left:10px
}

    .messages-box .list>div.message>.above>.actions>li.reply.act:hover{
        color:#f00
}


    .messages-box .list>div.message>.above>.actions{
        position:absolute;
        right:10px;
        bottom:0;
        padding:4px 2px
}

        .messages-box .list>div.message>.above>.actions>i{
            width:24px;
            height:24px;
            display:inline-block;
            cursor:pointer
}

            .messages-box .list>div.message>.above>.actions>i.att{
                background:url(img/att.png) center center no-repeat
}

            .messages-box .list>div.message>.above>.actions>i.save{
                background:url(img/save.png) center center no-repeat
}

            .messages-box .list>div.message>.above>.actions>i.cancel{
                background:url(img/cancel.png) center center no-repeat
}

    .messages-box .list>div.message.edit>.above>div.content{
        display:block
}

        .messages-box .list>div.message.edit>.above>div.content>textarea{
            line-height:20px;
            overflow:hidden;
            border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            padding:6px;
            border:none;
            background-color:#e6faff;
            border:solid 1px #dadada
}

    .messages-box .list>div.message.edit>.above>.attechment-list>.files>li{
        position:relative;
        padding-right:30px
}

        .messages-box .list>div.message.edit>.above>.attechment-list>.files>li>i.del{
            background:url(img/del.png) center center no-repeat;
            width:24px;
            cursor:pointer;
            position:absolute;
            right:0;
            top:0;
            bottom:0
}

    .messages-box .list>div.message.edit>.above>input[type=file]{
        display:none
}

    .messages-box>.more{
        text-align:right;
        padding:10px 0
}

        .messages-box>.more>i{
            cursor:pointer
}

    .messages-box>.count{
        margin:0;
        padding:10px 10px 0 10px;
        height:40px;
        border-bottom:solid 1px #ddd;
        background-color:#fff
}

        .messages-box>.count>li{
            list-style:none;
            display:inline-block;
            height:100%;
            line-height:30px;
            border:solid 1px #ddd;
            border-bottom:solid 1px #fff;
            padding:0 10px;
            cursor:pointer
}

            .messages-box>.count>li.all-message{
                border-radius:5px 0 0 0
}

            .messages-box>.count>li.new-message{
                border-radius:0 4px 0 0
}

            .messages-box>.count>li.actived{
                background-color:#ddd;
                border-bottom:solid 1px #ddd;
                cursor:text
}

#divUpdateAccount .upload-image>.selected-images>.img{width:200px}

/*auto-grow*/
.auto-grow>textarea{overflow:hidden;padding:7px 6px}

/*control-number*/
.control-number{margin:0;padding:0;display:flex;border:solid 1px #9b9b9b;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:hidden}
.control-number>li{display:inline-block;list-style:none;height:34px}
.control-number>li.act{width:34px;cursor:pointer;text-align:center}
.control-number>li.act>span{height:34px;line-height:34px;font-size:20px}
.control-number>li.act.down{border-right:solid 1px #9b9b9b}
.control-number>li.act.up{border-left:solid 1px #9b9b9b}
.control-number>li.act:hover>span{color:#008bff}
.control-number>li>input{height:34px;text-align:center;border:none;width:100%}
.control-number>li:has(>input){flex-grow:1}

/*date-selector*/
:has(>.date-selector){display:flex;align-items:center;justify-content:space-between;cursor:pointer}
:has(>.date-selector)>.icon{font-size:16px;color:#555}
.date-selector{display:flex;position:relative}
.date-selector>.mask{position:fixed;display:none;top:0;left:0;bottom:0;right:0;background-color:transparent;opacity:0.5;width:100vw;height:100vw;z-index:999999;cursor:default}
.date-selector.showing>.mask{display:block}
.date-selector>div{display:flex;align-items:center;position:relative;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
.date-selector>div.time-controls{margin-left:5px}
.date-selector>div>.sep{line-height:100%;display:inline-block;color:#cbcbcb}
.date-selector input._txt,.input-form .row .block .date-selector>._txt{width:40px;text-align:center;border:none;height:34px;line-height:34px;background:transparent}
.date-selector input._txt::placeholder,.input-form .row .block .date-selector>._txt::placeholder{color:#cbcbcb}
.date-selector input.day{border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;text-align:right;width:30px}
.date-selector input.month{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
.date-selector input.year{border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;width:37px;text-align:left}

.date-selector input.hour{border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;text-align:right;width:30px}
.date-selector input.minute{border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;text-align:left;width:30px}


body>.select-day-month-year{position:absolute;z-index:9999999;text-align:center;padding:10px;background-color:#f4f4f4;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-box-shadow:0px 4px 6px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 4px 6px 0px rgba(0,0,0,0.2);box-shadow:0px 4px 6px 0px rgba(0,0,0,0.2);border:solid 1px #ddd}
body>.select-day-month-year>i{position:absolute;top:5px;right:0;font-size:20px;line-height:30px;width:30px;height:30px;cursor:pointer}
body>.select-day-month-year>div.inner>.header{margin-bottom:10px;font-weight:bold;color:#0063dd;text-align:center}
body>.select-day-month-year>div.inner>.cells{overflow-y:auto;min-width:120px;padding:5px 0}
body>.select-day-month-year>div.inner>.cells>ul{margin:0;text-align:center}
body>.select-day-month-year>div.inner>.cells>ul>li{list-style:none;display:inline-block;width:36px;height:30px;font-size:1rem;margin:0;background-color:#fff;color:#fff;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;line-height:30px;text-align:center}
body>.select-day-month-year.year>div.inner>.cells>ul>li{width:55px;height:30px;line-height:30px;font-size:1rem}
body>.select-day-month-year>div.inner>.cells>ul>li.valid{cursor:pointer;color:#000}
body>.select-day-month-year>div.inner>.cells>ul>li.valid:hover,body>.select-day-month-year>div.inner>.cells>ul>li.valid.selected{background-color:#ddd;color:#0063dd}
body>.select-day-month-year>div.inner>.cells>ul>li:first-child{border-left:solid 1px #ddd}
body>.select-day-month-year>div.inner>.cells>ul:last-child>li{border-bottom:solid 1px #ddd}
body>.select-day-month-year>div.inner>.cells>ul:first-child>li{border-top:solid 1px #ddd}
body>.select-day-month-year>div.inner>.cells>ul:first-child>li:first-child{border-radius:3px 0 0 0;-moz-border-radius:3px 0 0 0;-webkit-border-radius:3px 0 0 0}
body>.select-day-month-year>div.inner>.cells>ul:first-child>li:last-child{border-radius:0 3px 0 0;-moz-border-radius:0 3px 0 0;-webkit-border-radius:0 3px 0 0}
body>.select-day-month-year>div.inner>.cells>ul:last-child>li:first-child{border-radius:0 0 0 3px;-moz-border-radius:0 0 0 3px;-webkit-border-radius:0 0 0 3px}
body>.select-day-month-year>div.inner>.cells>ul:last-child>li:last-child{border-radius:0 0 3px 0;-moz-border-radius:0 0 3px 0;-webkit-border-radius:0 0 3px 0}
body>.select-day-month-year>div.inner>.arrow{display:block;width:30px;height:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:solid 1px #ddd;cursor:pointer;display:inline-block}
body>.select-day-month-year>div.inner>.arrow:hover{background-color:#ddd}
body>.select-day-month-year>div.inner>.arrow.prev{background:url(img/prev-arrow.png) center center no-repeat}
body>.select-day-month-year>div.inner>.arrow.next{background:url(img/next-arrow.png) center center no-repeat;margin-top:5px}
body>.select-day-month-year>div.inner>.actions{margin:0;text-align:center}
body>.select-day-month-year>div.inner>.actions>span{display:inline-block;padding:5px 10px;cursor:pointer;border:solid 1px #ddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
body>.select-day-month-year>div.inner>.actions>span:hover{border:solid 1px #dc0000;color:#dc0000}

.request-delivery-orders{margin:0;padding:10px 0}
.request-delivery-orders>li{list-style:none;border:solid 1px #d30000;color:#d30000;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:10px}
.request-delivery-orders>li>a{display:inline-block;margin-left:10px;font-weight:bold;text-decoration:none}
.request-delivery-orders>li>a:hover{color:#d30000}
.view-captcha>img{height:30px;margin-right:10px}
.view-captcha>i{display:inline-block;width:30px;height:30px;background:url(img/refresh.png) center center no-repeat #666;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;vertical-align:middle}

#divChooseUser #divUsers{border-top:none}



/*Message*/
.comment-controller{clear:both;background-color:#fff;border:solid 1px #ddd;padding:0}
.comment-controller>.head.message{padding:10px;color:#dc0000}
.comment-controller>.content>textarea{border:none;line-height:20px;border-bottom:none}
.comment-controller>.controls{border-left:solid 1px #ddd;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;border-top:none;position:relative;height:36px;border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;overflow:hidden;margin:0 10px 10px 10px;text-align:left;background-color:#ddd}
.comment-controller>.controls>.file-att>.add{left:0;top:-26px;background:url(img/img.png) center center no-repeat;height:24px;width:30px}
.comment-controller .from-user{font-weight:bold;line-height:20px;display:inline-block;vertical-align:top}
.comment-controller .from-user>.img{height:36px;width:36px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:solid 1px #666;background-color:#666;overflow:hidden;vertical-align:middle;margin-right:4px}
.comment-controller .from-user>.img>img{max-width:100%;display:block}
.comment-controller .from-user>.user-name{display:inline-block;vertical-align:middle;margin-right:6px;color:#0063dd}
.comment-controller>.controls>.send{position:absolute;right:0px;top:0;height:36px;line-height:36px;width:70px;text-align:center;border-left:solid 1px #b7b7b7;color:#0063dd;cursor:pointer;background:url(img/sendmessage.png) center center no-repeat}
.comment-controller>.controls>.file-att>.selected-files>li{padding:0 0 0 4px}
.comment-controller>.controls>.file-att>.selected-files>li:last-child{border-bottom:solid 1px #ddd}
.comment-controller .reply-list>.list>div.b{padding-bottom:6px}
.comment-controller .reply-list>.list>div.b:last-child{padding-bottom:0}

.comment-controller>.list>div.b{padding:6px;margin-bottom:10px;background-color:#f1f1f1;border-radius:5px;-webkit-radius:4px;-moz-radius:4px;border:solid 1px #e4e4e4}
.comment-controller .count{padding:0 0 10px 0}

.comment-controller .reply-list>.list{display:none}

.comment-controller .reply-list>.count{padding:0;cursor:pointer;padding-left:10px;text-align:left;display:inline-block}
.comment-controller .reply-list>.count.opened{padding-right:20px;background:url(img/del.png) right center no-repeat}
.comment-controller .reply-list>.count:hover{color:#dc0000}
.comment-controller .reply-list>.more{text-align:left;padding-left:10px}
.comment-controller .reply-list>.more>i{cursor:pointer;font-size:14px}
.comment-controller .reply-list>.more>i:hover{color:#dc0000}
.comment-controller .list>div.message{position:relative}
.comment-controller .list>div.message>.above{background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border:solid 1px #e4e4e4;position:relative}
.comment-controller .list>div.message.new>.above>.content{cursor:pointer}
.comment-controller .list>div.message>.above .tag{color:#0063dd;font-weight:normal}

.comment-controller .list>div.message>.above>div.from-user{font-weight:bold;line-height:20px;display:inline-block;padding:0;margin-bottom:0}

.comment-controller .list>div.message>.above>div.from-user>.img{height:20px;width:20px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:solid 1px #666;overflow:hidden;vertical-align:middle;margin-right:4px;background-color:#444}
.comment-controller .list>div.message>.above>div.from-user>.img>img{max-height:100%;max-width:100%;display:block}

            
.comment-controller .header>.title{margin-bottom:20px}            
.comment-controller .header>.order{margin-bottom:20px}
.comment-controller .header>.order>span{display:inline-block;font-weight:normal;margin-right:20px;cursor:pointer;padding:5px 0}
.comment-controller .header>.order>span.selected{border-bottom:solid 2px #dc0000}
.comment-controller .header>.order>span:hover{color:#dc0000}
.comment-controller .list>div.message>.above>div.from-user>.user-name{display:inline-block;vertical-align:middle;margin-right:6px;color:#016394}

.comment-controller .list>div.message>.above>div.content{line-height:16px;display:block;vertical-align:middle;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:5px;padding:10px;text-align:left}
.comment-controller .list>div.message>.above>div.content>.content-inner{width:calc(100% - 50px);display:inline-block;margin-left:10px;line-height:20px;font-size:14px}
.comment-controller .list>div.message>.above>div.content>.content-inner>.user-name{padding-right:10px;font-weight:bold}
        

.comment-controller .list>div.message>.above>.attechment-list{margin-top:4px;padding-top:4px;display:none}
.comment-controller .list>div.message>.above>.attechment-list>.files>li{list-style:none;display:inline-block;padding-right:20px}
.comment-controller .list>div.message>.above>.attechment-list>.files>li>a{display:block;line-height:20px}



.comment-controller .reply-list>.list{padding:0;border:none}

.comment-controller .list>div.message>.reply-list{text-align:left}
.comment-controller .list>div.message>.reply-list>.editor{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;position:relative;margin:10px}
.comment-controller .list>div.message>.reply-list>.editor>input[type=file]{display:none}

.comment-controller .list>div.message>.reply-list>.editor>textarea{line-height:20px;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:6px;background-color:#f6fdff;border:solid 1px #e4e4e4}

.comment-controller .list>div.message>.reply-list>.editor>i.save{background:url(img/save.png) center center no-repeat;width:24px;height:24px;cursor:pointer;position:absolute;right:4px;bottom:9px}
.comment-controller .list>div.message>.reply-list>.editor>i.add-att{background:url(img/att.png) center center no-repeat;width:24px;height:24px;cursor:pointer;position:absolute;right:30px;top:4px}

.comment-controller .list>div.message.add-new>.above{position:relative;padding:0;overflow:hidden}
.comment-controller .list>div.message.add-new>.above>textarea{border:none;line-height:20px;padding:6px;background-color:#e6faff}
.comment-controller .list>div.message.add-new>.above>i.save{background:url(img/save.png) center center no-repeat;width:24px;height:24px;cursor:pointer;position:absolute;right:4px;top:4px}
.comment-controller .list>div.message.add-new>.above>i.add-att{background:url(img/att.png) center center no-repeat;width:24px;height:24px;cursor:pointer;position:absolute;right:30px;top:4px}
.comment-controller .list>div.message.add-new>.above>input[type=file]{display:none}
.comment-controller .list>div.message>.above>div.content>.content-inner>.tools{display:block;margin-top:5px}
.comment-controller .list>div.message>.above>div.content>.content-inner>.tools>.actions>li{list-style:none;display:inline-block}
.comment-controller .list>div.message>.above>div.content>.content-inner>.tools>.sent-time{font-style:italic;font-size:10px;color:#000}
.comment-controller .list>div.message>.above>div.content>.content-inner>.tools>.actions>li.act{color:#0063dd;cursor:pointer;margin-left:10px;font-size:14px}
.comment-controller .list>div.message>.above>div.content>.content-inner>.tools>.actions>li.reply.act:hover{color:#f00}


.comment-controller .list>div.message>.above>div.content>.content-inner>.tools>.actions>i{width:24px;height:24px;display:inline-block;cursor:pointer}

.comment-controller .list>div.message>.above>div.content>.content-inner>.tools>.actions>i.att{background:url(img/att.png) center center no-repeat}

.comment-controller .list>div.message>.above>div.content>.content-inner>.tools>.actions>i.save{background:url(img/save.png) center center no-repeat}

.comment-controller .list>div.message>.above>div.content>.content-inner>.tools>.actions>i.cancel{background:url(img/cancel.png) center center no-repeat}

.comment-controller .list>div.message.edit>.above>div.content{display:block}

.comment-controller .list>div.message.edit>.above>div.content>textarea{line-height:20px;overflow:hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:6px;border:none;background-color:#e6faff;border:solid 1px #dadada}
.comment-controller .list>div.message.edit>.above>.attechment-list>.files>li{position:relative;padding-right:30px}
.comment-controller .list>div.message.edit>.above>.attechment-list>.files>li>i.del{background:url(img/del.png) center center no-repeat;width:24px;cursor:pointer;position:absolute;right:0;top:0;bottom:0}
.comment-controller .list>div.message.edit>.above>input[type=file]{display:none}
.comment-controller>.more{text-align:left;padding:10px 70px;margin-bottom:0;background-color:#fff}
.comment-controller>.more>i{cursor:pointer;display:inline-block;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#000}
.comment-controller>.more>i:hover{color:#dc0000}
.comment-controller>.count{margin:0;padding:10px 10px 0 10px;height:40px;border-bottom:solid 1px #ddd;background-color:#fff}
.comment-controller>.count>li{list-style:none;display:inline-block;height:100%;line-height:30px;border:solid 1px #ddd;border-bottom:solid 1px #fff;padding:0 10px;cursor:pointer}
.comment-controller>.count>li.all-message{border-radius:5px 0 0 0}
.comment-controller>.count>li.new-message{border-radius:0 4px 0 0}
.comment-controller>.count>li.actived{background-color:#ddd;border-bottom:solid 1px #ddd;cursor:text}
.comment-controller{background:#fff;border:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;overflow:hidden}
.comment-controller>.warning{padding:20px;text-align:center}
.comment-controller .header{border-bottom:none;padding:20px 20px 0 20px;background-color:#fff;border-radius:5px 4px 0 0;-moz-border-radius:5px 4px 0 0;-webkit-border-radius:5px 4px 0 0;height:auto;border-bottom:none;margin-bottom:0}
.comment-controller>.content{padding:10px;margin:0;border:solid 1px #ddd;background-color:#fff;overflow:hidden;margin:0}
.comment-controller>.controls{padding:10px;margin:0;height:auto;padding:10px}
.comment-controller>.controls>.send{height:100%;background-color:#ddd}
.comment-controller>.controls>.send:hover{background-color:#fff}
.comment-controller>.count{margin:0;background-color:transparent;padding:0;height:auto}
.comment-controller>.list{margin-bottom:0;background-color:#fff;border:solid 1px #e6e6e6;border-top:none;padding:10px;border-bottom:none}
.comment-controller>.list>.warning{padding:0 10px}
.comment-controller .list>div.message>.above{border:none}
.comment-controller .list>div.message>.reply-list{margin-left:60px;padding-left:5px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;border-left:solid 1px #f1f1f1;margin-bottom:10px}

.comment-controller .rate{margin:10px 0;padding:20px 10px 10px;text-align:center;border-top:solid 1px #ddd}
.comment-controller .rate>div{margin-bottom:10px}
.comment-controller .rate>ul{margin:0;padding:0;display:inline-block}
.comment-controller .rate>ul>li{display:inline-block;width:40px;height:40px;background:url(img/star/star-unselect.png) center center no-repeat;background-size:contain;cursor:pointer}
.comment-controller .rate>ul>li.actived{background:url(img/star/star-yellow-selected.png) center center no-repeat;background-size:contain}

.comment-controller .list>div.message>.above>div.content>.content-inner>.rated{padding:10px 0 0 ;text-align:left;display:block}
.comment-controller .list>div.message>.above>div.content>.content-inner>.rated>ul{margin:0;padding:0;display:inline-block}
.comment-controller .list>div.message>.above>div.content>.content-inner>.rated>ul>li{display:inline-block;width:16px;height:16px;background:url(img/star/star-unselect.png) center center no-repeat;background-size:contain}
.comment-controller .list>div.message>.above>div.content>.content-inner>.rated>ul>li.actived{background:url(img/star/star-yellow-selected.png) center center no-repeat;background-size:contain}

#divViewUpgradeHistory .grid.history tr.item>td.actions{width:100px;text-align:center;color:#0063dd;cursor:pointer}
#divViewUpgradeHistory .grid.history tr.item>td.actions:hover{color:#dc0000}

.select-user{padding:10px;background-color:#f3f3f3;border:solid 1px #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.select-user>ul{margin:0;padding:0}
.select-user>ul>li{display:inline-block;margin:5px;list-style:none;border:solid 1px #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;vertical-align:middle;background-color:#fff}
.select-user>ul>li.message{border:none;background-color:transparent}
.select-user>ul>li.choose-icon{width:30px;height:30px;background:url(img/add.png) center center no-repeat #fff;cursor:pointer}
.select-user>ul>li.choose-icon:hover{background-color:#ffd000;border:solid 1px #ffd000}
.select-user>ul>li>span{display:inline-block;vertical-align:middle}
.select-user>ul>li>.remove{width:20px;height:20px;background:url(img/del.png) center center no-repeat;margin-left:5px;cursor:pointer}
.select-user>ul>li>.remove:hover{background-color:#ffd000}

#divFindMembers .search>div{
    padding-right:20px;
    position:relative;
}
#divFindMembers .search>div>input{
    border:none;
    border-bottom:dotted 1px #f00;
    height:24px;
    line-height:24px;
    outline:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0
}
#divFindMembers .search>div>i{
    width:24px;
    height:24px;
    right:0;
    top:0;
    position:absolute;
    background:url(img/search-black.png) right center no-repeat;
    cursor:pointer;
}
#divFindMembers table tr>td.action{text-align:center}
#divFindMembers table tr>td.action>button{cursor:pointer;background-color:#0063dd;padding:4px;border:none;color:#fff;width:60px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#divFindMembers table tr>td.action>button.remove{background-color:#dc0000}
#divFindMembers table tr>td.action>button:hover{background-color:#ffd000}
#divFindMembers table tr>td.action>button:last-child{margin-left:2px}






.select-contact{padding:10px;background-color:#f3f3f3;border:solid 1px #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.select-contact>ul{margin:0;padding:0}
.select-contact>ul>li{display:inline-block;margin:5px;list-style:none;border:solid 1px #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;vertical-align:middle;background-color:#fff}
.select-contact>ul>li.message{border:none;background-color:transparent}
.select-contact>ul>li.choose-icon{width:30px;height:30px;background:url(img/add.png) center center no-repeat #fff;cursor:pointer}
.select-contact>ul>li.choose-icon:hover{background-color:#ffd000;border:solid 1px #ffd000}
.select-contact>ul>li>span{display:inline-block;vertical-align:middle}
.select-contact>ul>li>.remove{width:20px;height:20px;background:url(img/del.png) center center no-repeat;margin-left:5px;cursor:pointer}
.select-contact>ul>li>.remove:hover{background-color:#ffd000}

#divFindContacts .list>table tr>td.action{text-align:center}
#divFindContacts .list>table tr>td.action>button{cursor:pointer;background-color:#0063dd;padding:4px;border:none;color:#fff;width:60px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#divFindContacts .list>table tr>td.action>button.remove{background-color:#dc0000}
#divFindContacts .list>table tr>td.action>button:hover{background-color:#ffd000}
#divFindContacts .list>table tr>td.action>button:last-child{margin-left:2px}

.portal-templates-actions{position:fixed;z-index:999999;padding:20px}
.portal-templates-actions>.inner{display:inline-block;background-color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow:0px 3px 20px -4px rgba(0,0,0,1);-moz-box-shadow:0px 3px 20px -4px rgba(0,0,0,1);box-shadow:0px 3px 20px -4px rgba(0,0,0,1);padding:20px;text-align:right}
.portal-templates-actions>.inner>span{display:inline-block;vertical-align:middle}
.portal-templates-actions>.inner>.message{background:url(img/face.png) left 7px no-repeat;background-size:20px;padding:10px 10px 10px 30px}
.portal-templates-actions>.inner>.register{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#0063dd;padding:10px;color:#fff;cursor:pointer}
.portal-templates-actions>.inner>.register:hover{background-color:#d80000}

#divRegisterPortalPreview{max-width:800px;margin:0 auto}
#divRegisterPortalPreview .price{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:10px 20px;border:dotted 1px #ddd}



#divRegisterWebsite .row .block .label>.note{font-size:1rem;float:right}
#divRegisterWebsite .row .block .label>.note.err{color:#d80000}
#divRegisterWebsite .row.note{color:#d80000}
#divRegisterWebsite .row.note .price{font-weight:bold}

.grecaptcha-badge{display:none}