html, body {overflow: hidden; padding: 0; margin: 0; height: 100%;}

behavior: url('/css/PIE.htc')
#super-container {height: 100%; width: 100%;}
textarea {outline: none;}
.main-frame {position: fixed; right: 0;}
.token-input-dropdown {z-index: 1500 !important;}
.token-input-dropdown-facebook {z-index: 1500 !important;}
.left {float: left;}
* {font-family: "Microsoft YaHei", "微软雅黑", Helvetica, "黑体",Arial,Tahoma;}
.table th {/*background: #428bca;*/ background: #6fb3e0; color: #FFF; border-bottom: none; box-shadow: none;}
.modal {overflow: auto;}

/*------------------------------------------------------------- checkbox */
.sc-lbl:before {width: 65px !important;}
input[type=checkbox].ace-switch.ace-switch-4:checked+.sc-lbl.lbl::after {left: 45px !important;}

/* ------------------------------------------------------------- btn */
.btn-primary {border-radius: 0px !important; border-width: 1px !important; }
.btn-danger {border-radius: 0px !important; border-width: 1px !important;}
.btn-success {border-radius: 0px !important; border-width: 1px !important; background-color: #449d44 !important; border-color: #3a953e !important;}
.btn-info {border-radius: 0px !important; border-width: 1px !important; }
.btn-light {background-color: #FEFEFE !important; color: #555 !important; border-width: 1px !important; border-color: #E0E0E0; border-radius: 0px !important; line-height: 32px !important;]}
.btn-light:hover {background-color: #F0F0F0 !important;}
.btn.btn-light {border-width: 1px !important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: #6fb3e0; border-color: #6fb3e0;}

/* ------------------------------------------------------------ login page */
#login-page {width: 100%; height: 100%; background-image: url(../images/bg.jpg); min-height: 600px; background-repeat: no-repeat; background-size: 100% 100%;}
#login-logo {height: 50px; max-height: 50px; width: 100%; background: #FFF;}
#login-logo > div {height: 50px; width: 700px; margin: 0 auto;}
#login-logo > div > img {height: 50px;}
#login-main {width: 700px; height: 447px; text-align: center; margin: 40px auto; padding-top: 60px;}
.ework-text {font-size: 25px; color: #FFF; width: 100%; text-align: center;}
.qrcode-bar {background: rgba(255,255,255,0.5); width: 340px; height: 280px; margin: 20px auto;}
.qrcode-title {background-color: rgba(171,202,184,1);; width: 100%; text-align: center; color: #FFF; padding: 5px 0;}
.qrcode-title p {font-size: 20px; margin-bottom: 5px;}
#qrcode {width: 180px; height: 180px; margin-top: 15px;}

.login-bar {background: rgba(255,255,255,0.5); width: 340px; height: 280px; margin: 20px auto; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);}
.login-title {height: 60px; width: 100%; background-color: rgba(255,255,255,0.5);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEFFFFFF,endColorstr=#EEFFFFFF); background-size: 225px 50px; border-radius: 5px 5px 0 0;}
.login-title > img {height: 50px; margin: 5px 0;}
.login-user-label {width: 220px; height: 40px; margin: 20px auto; background: url(../images/icon_login_user.png) 0 12px no-repeat; background-size: 24px 24px; text-align: left; padding-left: 45px;}
.login-user-label span {line-height: 40px;}
.login-user-label input {width: 180px; height: 36px; margin-left: -5px; margin-top: 5px; line-height: 20px; padding: 5px 0; background: rgba(255, 255, 255, 0.6); border: 1px solid #C2C2C2; padding-left: 10px;}
.login-pwd-label {width: 220px; height: 40px; margin: 0 auto; background: url(../images/icon_login_pwd.png) 0 8px no-repeat; background-size: 24px 24px; text-align: left;}
.login-pwd-label input {width: 180px; height: 36px; margin-left: 40px; line-height: 20px; padding: 5px 0; background: rgba(255, 255, 255, 0.6); border: 1px solid #C2C2C2; padding-left: 10px;}
.login-find-label {width: 220px; height: 40px; margin: 0 auto; text-align: right;}
.login-find-label a {color: #555; display: inline-block; margin-top: 5px;}

#login {width: 220px; background: #64C3A9 !important; border: none; letter-spacing: 10px; font-size: 16px; height: 36px;}
.help-button {background-color: #87B75A;}

/* -------------------------------------------------------------- app icon */
.app-icon-34 {width: 34px; height: 34px; vertical-align: middle;}
.app-icon-42 {width: 42px; height: 42px; vertical-align: middle;}
.app-icon-100 {width: 100px; height: 100px; vertical-align: middle;}

.app-desc-img .app-icon-100 {width: 90% !important; height: auto !important;}

/* -------------------------------------------------------------- top menu */
.navbar * {outline: 0 !important;}
.navbar {height: 60px !important; border: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 100;}
.navbar .navbar-inner {height: 60px !important; background-color: #2C323A;}
.navbar .navbar-inner .container-fluid {height: 60px !important;}
.navbar .navbar-inner a.logo-main {display: block; position: absolute; top: 0; left: 0; z-index: 100; height: 60px;background-size: 170px 60px;text-decoration: none;}
.navbar .navbar-inner a.logo-main > span{padding-left: 5px;}
.navbar .navbar-inner a.logo-main > img {height: 60px;}
.ace-nav > li {background: #373E46 !important; float: left; border: none; margin-top: 8px; border-right: 1px solid #333 !important; border-left: 1px solid #444 !important;}
.ace-nav > li:hover > a {background: #293037 !important; color: #64C3A9 !important;}
.ace-nav > li:hover > a > i {color: #64C3A9 !important;}
.ace-nav > li.open > a {background: #293037 !important; border-color: #333 !important;}
.ace-nav > li > a {/*height: 60px; line-height: 60px;*/ color: #64C3A9; background: #293037 !important; border-left: 1px solid #2D2D2D; font-size: 16px !important;}
.ace-nav > li > a img {margin-top: 0 !important;}
.ace-nav > li > a span {line-height: 40px; overflow: hidden; /*color: #64C3A9;*/}
.ace-nav > li > a i {/*color: #64C3A9 !important;*/ font-size: 22px !important; margin: 0 8px; vertical-align: sub;}
.ace-nav > li > a i.icon-user {font-size: 25px !important;}
.ace-nav > li.notice > a {color: #EA6A6A;}
.ace-nav > li i.icon-notice {background: url(../images/icon_notice.png) no-repeat; width: 24px; height: 24px; background-size: 24px 24px; vertical-align: text-bottom;}
.ace-nav > li .user-info {max-width: none;}
ul.user-menu {background-color: #FFF !important; top: 58px !important; padding: 5px 8px;}
ul.user-menu > li {border-bottom: 1px solid #F0F0F0; }
ul.user-menu > li#logout {border: none;}
ul.user-menu > li a {background-color: #FFF !important; color: #64C3A9; letter-spacing: 1px;}
ul.user-menu > li:hover a {background: #64C3A9 !important; color: #FFF;}
.icon-off {width: 12px !important;}

.navbar .top-menu-nav{float: right; height: 100%;padding: 0;margin: 0;line-height: 60px;font-size: 14px;}
.navbar .top-menu-nav>li{display: inline-block;margin-left: 20px;}
.navbar .top-menu-nav .icon-home{font-size: 22px;}
.navbar .top-menu-nav .new_msg_mark{display: inline-block;width: 10px;height: 10px;background: red;border-radius: 5px;margin-right: 10px;}
.navbar .top-menu-nav .auto-icon .new_msg_mark{margin-left: 10px;}
.navbar .top-menu-nav li{list-style-type:none;cursor: pointer;}
.navbar .top-menu-nav li a{color: #fff !important; text-decoration: none;}
.navbar .top-menu-nav li span{color: #fff !important;}
.navbar .top-menu-nav li a:hover{color: #64C3A9 !important;}
.navbar .top-menu-nav li>ul{position: absolute; z-index: 1; background:#ffffff; box-shadow:0px 2px 4px 0px rgba(0,0,0,0.06), 1px 0px 2px 0px rgba(0,0,0,0.21); border-radius:2px 0px 0px 0px 2px 2px 2px; padding: 0; width: 183px; text-align: center; display: none;right:0;top: 60px;}
.navbar .top-menu-nav li>ul a{color: black !important; }
.navbar .top-menu-nav li>ul>li{border-bottom:1px solid #e4e4e4; }
.navbar .top-menu-nav li>ul>li:last-child{border-bottom:none;}
.navbar .top-menu-nav li>ul>li:hover{color: #fff !important; background: #64C3A9; }
.navbar .top-menu-nav li>ul>li:hover>a{color: #fff !important; }
.navbar .top-menu-nav .top_icon{background-image: url("../../../img/qy_sever_icon_sprit@2x.png"); background-repeat: no-repeat; } 
.navbar .top-menu-nav li.my_ew{position: relative; overflow: visible;}
.navbar .top-menu-nav li.my_ew:hover>ul{display: inline-block;}
.navbar .top-menu-nav li.my_ew:after{content: ''; width: 0; height: 0; border-bottom: 10px solid #fff; border-left: 10px solid transparent; position: absolute; bottom: 17px; right: 0; }
.navbar .top-menu-nav li.my_ew .my_ew_text{display: inline-block; padding-left: 38px; margin-right: 10px; } 
.navbar .top-menu-nav li.my_ew .my_ew_icon{position: absolute; display: inline-block; width: 70px; height: 70px; top: 13px; background-position: -82px 0; left: 0px; transform: scale(0.5) translate(-50%, -50%); -ms-transform: scale(0.5) translate(-50%, -50%); -moz-transform: scale(0.5) translate(-50%, -50%); -webkit-transform: scale(0.5) translate(-50%, -50%); -o-transform: scale(0.5) translate(-50%, -50%); } 
.navbar .top-menu-nav li.my_ew .my_ew_vip{display: inline-block; margin-left: 2px; position: relative; top: -5px; background: #dda616; width: 28px; height: 14px; font-size: 12px; border-radius: 2px; line-height: 14px; margin-right: 15px; text-align: center; }
.navbar .top-menu-nav li>ul:before {content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;position: absolute;top: -10px;left: 76px;}
.navbar .top-menu-nav li>ul>li {height: 42px; line-height: 42px; text-align: left; padding-left: 40px; position: relative; }
.navbar .top-menu-nav li>ul>li .auto-icon{padding: 22px; position: relative; }
.navbar .top-menu-nav li>ul>li i {color: black; padding-right: 5px;}
.navbar .top-menu-nav li>ul>li:hover i {color: #fff;}
.navbar .top-menu-nav li>ul>li .my_icon{transform: scale(0.7); -ms-transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7);position: absolute; display: inline-block; width: 31px; height: 31px; top: 19px; left: -10px; }
.navbar .top-menu-nav li>ul>li span.my_count_setting{background-position: 4px 1px;}
.navbar .top-menu-nav li>ul>li:hover span.my_count_setting{background-position: 4px -29px;}
.navbar .top-menu-nav li>ul>li span.my_server{background-position: 4px 1px;}
.navbar .top-menu-nav li>ul>li:hover span.my_server{background-position: 4px -29px;}
.navbar .top-menu-nav li>ul>li span.my_msg{background-position: 4px -77px;}
.navbar .top-menu-nav li>ul>li:hover span.my_msg{background-position: 4px -107px;}
.navbar .top-menu-nav li>ul>li span.into_qy {background-position: -36px 1px;}
.navbar .top-menu-nav li>ul>li:hover span.into_qy{background-position: -36px -29px;}
.navbar .top-menu-nav li>ul>li span.my_logout {background-position: -36px -79px;}
.navbar .top-menu-nav li>ul>li:hover span.my_logout{background-position: -36px -110px;}
.navbar .welcome_desc{position: relative;font-size: 13px;}
.navbar .top-menu-nav li.go_into_qy {position: relative;} 
.navbar .top-menu-nav li.go_into_qy>p {position: absolute; background-color: #64c3a9; color: #ffffff; font-size: 12px; line-height: 20px; text-align: left; width: 252px; padding: 4px 12px; z-index: 100; top: -3px; border-radius: 8px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.19); cursor: pointer; right: 100%; margin-right: 20px;display: none;} 
.navbar .top-menu-nav li.go_into_qy:hover>p {display: inline-block;} 
.navbar .top-menu-nav li.go_into_qy>p:after{content: '';width: 0;height: 0;border-top: 10px solid transparent;border-left: 10px solid #64c3a9;border-bottom: 10px solid transparent;right: -10px;position: absolute;top: 15px;}



/* -------------------------------------------------------------- left menu */
.sidebar:before {width: 10% !important; min-width: 155px !important; background: url(../images/left_menu_bg.png) 0 -50px; border: none !important; position: fixed !important; left: 0; bottom: 0;}
.sidebar {width: 10% !important; min-width: 155px !important; background: url(../images/left_menu_bg.png) 0 -50px; background-size: 200px auto; padding-top: 20px; border: none !important; position: fixed; top: 60px !important; display: block !important; margin-top: 0 !important; z-index: 10;}
.nav-list > li {border: none; overflow: hidden;}
.nav-list > li > a {height: 40px; line-height: 40px; padding-left: 20px; background: inherit; !important; color: #FFF;}
.nav-list > li > a:hover:before {background-color: #64C3A9;}
.nav-list > li > a:hover {background-color: #292E34;}
.nav-list > li.active {border: none;}
.nav-list > li.active a {color: #64C3A9 !important; outline: none; border: none; background-color: #292E34 !important; border-left: 3px solid; text-indent: -2px;}
.nav-list > li.active a:after {border-color: rgba(0, 0, 0, 0) #64C3A9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
.nav-list > li:hover a {color: #64C3A9;}

/* -------------------------------------------------------------- main container */
.embed-responsive {padding: 0 !important; overflow: visible !important;}

.main-content {/*margin-left: 10% !important; margin-left: 0;*/ margin-top: 60px; background: #293037 !important;}
.main-page-content {padding: 0;}
.sc-container {max-width: 100%; overflow-y: auto;}
.sc-container > .title {height: 44px; text-align: center; background: #F3F3F3; /*border-bottom: 1px solid #CCCCCC;*/ position: fixed; width: 100%; z-index: 100;}
.sc-container > .title > p {line-height: 40px; text-align: left; padding-left: 15px; font-size: 16px; color: #888;}
.sc-container > .title > h4 {position: absolute; line-height: 44px; width: 100%; text-align: center; top: 0; margin: 0; padding: 0; font-size: 16px;}

.sc-context {padding: 0; position: absolute; left: 0; width: 100%; margin-top: 44px;}
.sc-context .group {padding: 0 0 0 15px; overflow: hidden;}
.sc-context .group a {line-height: 44px;}
.sc-context .group span {line-height: 44px;}
.sc-context .group .checkbox {padding-top: 1px;}
.sc-context .group .checkbox > label > span.lbl {line-height: 20px !important; vertical-align: top;}
.sc-context .group .checkbox > label > input[type=checkbox] {position: absolute;}
.sc-context .group.group-wrap {min-height: 44px;}
.sc-context .group.last-group {position: fixed; z-index: 100; background: #FFF; bottom: 0; height: 60px; line-height: 60px; border-top: 1px solid #CCC; width: 100%;}
.sc-context hr {margin: 0;}

#iframe_content {border-radius: 5px 0 0 5px; background: #FFF !important;}
#agency-copyright {position: fixed; bottom: 0; height: 30px; line-height: 30px; color: #888; left: 0; background: #293037; width: 100%; text-align: right;padding-right: 20px;}

/** ------------------------------------------------------------- footer 
.footer {width: 100%; background: #333; color: #FFF; height: 44px; line-height: 44px; max-height: 44px; overflow: hidden; position: fixed; }
*/

/** ------------------------------------------------------------- right menu */
#right-menu {position: fixed; right: 0; top: 0; z-index: 1000; width: 380px; height: 100%; background: #F8F8F8; right:-380px; box-shadow: -2px 0 4px rgba(0, 0, 0, 0.2); overflow-y: auto; overflow-x: hidden; padding-bottom: 40px;}
#right-menu > .title {height: 44px; text-align: center; background: #F3F3F3; border-bottom: 1px solid #CCCCCC;}
#right-menu > .title > h4 {margin: 0; line-height: 44px; }
#right-menu > .context {padding: 60px 30px 30px 30px;}
#right-menu > .context .control-group {margin-bottom: 10px !important; overflow: hidden;}
#right-menu > .context .control-label {width: 80px; float: left;}
#right-menu > .context .controls {margin-left: 100px;}
#right-menu > .context .controls p {line-height: 30px;}
#right-menu > .btn-bar {position: absolute; bottom: 0; width: 380px; background: #F3F3F3; height: 44px; line-height: 44px; text-align: right; border-top: 1px solid #CCCCCC;}
#right-menu > .btn-bar > a {margin-right: 10px; line-height: 30px;}

/** ------------------------------------------------------------- my app */
.app-item {float: left; margin: 15px 16px;}
.app-item > a > img {width: 135px; height: 135px;}
.app-item > a > img:hover {cursor: pointer;}
.app-item > p {line-height: 20px; width: 135px; text-align: center; margin-top: 5px; font-size: 14px; font-weight: bold; color: #888;}
.app-item > p:hover {cursor: pointer;}
.app-item > p > .icon-search {float: right; line-height: 20px;}

/** msg */
i.icon-ppt {background: url(../images/icon_file_type.png) no-repeat scroll 0px -80px rgba(0, 0, 0, 0);}
i.icon-pptx {background: url(../images/icon_file_type.png) no-repeat scroll 0px -80px rgba(0, 0, 0, 0);}
i.icon-doc {background: url(../images/icon_file_type.png) no-repeat scroll -80px 0px rgba(0, 0, 0, 0);}
i.icon-docx {background: url(../images/icon_file_type.png) no-repeat scroll -80px 0px rgba(0, 0, 0, 0);}
i.icon-xlsx {background: url(../images/icon_file_type.png) no-repeat scroll -80px -80px rgba(0, 0, 0, 0);}
i.icon-xls {background: url(../images/icon_file_type.png) no-repeat scroll -80px -80px rgba(0, 0, 0, 0);}
i.icon-pdf {background: url(../images/icon_file_type.png) no-repeat scroll -160px 0px rgba(0, 0, 0, 0);}
i.icon-txt {background: url(../images/icon_file_type.png) no-repeat scroll 0px -160px rgba(0, 0, 0, 0);}
i.icon-xml {background: url(../images/icon_file_type.png) no-repeat scroll -160px -80px rgba(0, 0, 0, 0);}
i.icon-zip {background: url(../images/icon_file_type.png) no-repeat scroll -80px -160px rgba(0, 0, 0, 0);}

/* msg >> contact */

#select-user-dlg {overflow-y: auto;}
#select-user-dlg .modal-dialog {height: 570px; max-height: 570px; width: 780px; margin-top: 0; border-radius: 8px;}
#select-user-dlg .modal-header {padding: 8px 15px; text-align: center; background: #F8F8F8; border-radius: 6px 6px 0 0;}
#select-user-dlg .modal-body {padding-bottom: 0;}
#select-user-dlg .modal-footer {height: 44px; padding: 3px 20px; border-radius: 0 0 6px 6px;}

#select-user-dlg .tags {border-radius: 5px; min-height: 43px; border-bottom: 1px solid #C2C2C2; width: 100%; padding: 8px 8px 3px;}
#select-user-dlg .tag {padding-left: 0; margin: 0; color: #000; background: #EEE; height: 24px; margin-right: 10px; border-radius: 2px; margin-bottom: 5px;}
#select-user-dlg .tag i {margin-right: 5px; height: 24px; width: 24px; background: #478FCA; color: #FFF; vertical-align: top; line-height: 24px; border-radius: 2px;}
#select-user-dlg .tag img {margin-right: 5px; height: 24px; width: 24px; border: 0; outline: 0; vertical-align: top; border-radius: 2px;}
#select-user-dlg .tag span {line-height: 24px;}
#select-user-dlg .tag .close {color: #888;}

.contact-type-list {list-style: none; margin: 0; padding: 0; height: 44px; border-bottom: 1px solid #C2C2C2;}
.contact-type-list > li {width: 60px; float: left; text-align: center; line-height: 44px; margin-right: 20px; color: #888;}
.contact-type-list > li:hover {cursor: pointer; color: #4A90E2;}
.contact-type-list > li.active {border-bottom: 2px solid #4A90E2; color: #333;}

/*
#select-user-dlg .dept-tree ul {padding-left: 20px;}
#select-user-dlg .dept-tree > ul {list-style: none; padding-left: 10px;}
#select-user-dlg .dept-tree .mCSB_container > ul {list-style: none; padding-left: 10px;}
#select-user-dlg .dept-tree ul {margin-bottom: 0 !important; list-style: none; background: #FFF;}
#select-user-dlg .dept-tree li a {height: 30px; line-height: 30px;}
#select-user-dlg .dept-tree ul > li:HOVER {cursor: pointer; background: #E5E5E5;}
#select-user-dlg .dept-tree li.active {background: #E5E5E5;}
#select-user-dlg .dept-tree a {color: #888;}
#select-user-dlg .dept-tree i {font-size: 16px;}
#select-user-dlg .dept-tree label input {height: 24px; line-height: 24px;}
*/
#select-user-dlg .user-view {overflow: hidden; width: 100%; max-height: 350px;}
#select-user-dlg .user-view .dept-tree {float: left; width: 300px; max-width: 300px; height: 350px; max-height: 350px; overflow: auto; margin-bottom: 0; padding: 10px 5px; background: #FFF; border: none; border-right: 1px solid #CCC;}

#select-user-dlg .user-list {max-height: 100%; height: 350px; overflow: auto; float: right; width: 445px; }
#select-user-dlg .user-list .user-item { border-bottom: 1px solid #CCC; padding: 5px 10px; width: 100%; overflow: hidden; font-weight: normal;}
#select-user-dlg .user-list .user-item:HOVER {cursor: pointer; background: #E5E5E5;}
#select-user-dlg .user-list .user-item.active {cursor: pointer; background: #E5E5E5;}
#select-user-dlg .user-list .user-item img {width: 24px; height: 24px; margin-right: 5px;}
#select-user-dlg .user-list .user-item span {height: 24px; line-height: 24px;}
#select-user-dlg .user-list .user-item label {float: right;}

#select-user-dlg .dept-view {overflow: auto; width: 100%; max-height: 350px;}
#select-user-dlg .dept-view .dept-tree {width: 100%; max-width: 100%; height: 350px; max-height: 350px; overflow: auto; margin-bottom: 0; padding: 10px 5px; background: #FFF; border: none; overflow-x: hidden;}
/*
#select-user-dlg .dept-view .dept-tree label {position: absolute; right: 25px;}
#select-user-dlg .dept-view .dept-tree label input {margin: 0;}
*/

.selected-tags {border: 0 none !important; width: auto; max-width: 550px; max-height: 44px; overflow: auto !important;}
.selected-tags .tag {padding-left: 0; margin: 0; color: #000; background: #EEE; height: 24px; margin-right: 10px; border-radius: 2px; margin-bottom: 5px;}
.selected-tags .tag i {margin-right: 5px; height: 24px; width: 24px; background: #478FCA; color: #FFF; vertical-align: top; line-height: 24px; border-radius: 2px;}
.selected-tags .tag img {margin-right: 5px; height: 24px; width: 24px; border: 0; outline: 0; vertical-align: top; border-radius: 2px;}
.selected-tags .tag span {line-height: 24px;}
.selected-tags .tag .close {color: #888;}
.selected-tags button {display: none;}

/* ------------------------------------------------------------- */

/** ------------------------------------------------------------ account */
#account-container {width: 96%; overflow: hidden; margin: 15px auto;}
.account-head-img {width: 80px; height: 80px; border-radius: 50px; margin-left: 210px;}
.account-group {width: 100%; padding: 20px 10px; border-bottom: 1px dashed #CCC;}
.account-group.last {border: none;}


/* -------------------------------------------------------------- other */
#fsUploadProgress {display: none !important;}
.tags .tag {line-height: 18px !important; padding-top: 0; padding-bottom: 0;}
.control-label {color: #888 !important;}

/* ------------------------------------------------------------- progress */
.sc-progress {width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; z-index: 9999;}
.sc-progress .progress {width: 400px; margin: 160px auto; margin-bottom: 15px;}
.sc-progress span {display: block; margin: 0 auto; color: #FFF; font-size: 16px; text-align: center;}

/* ------------------------------------------------------------ icon */
li .sc-icon-app {display: inline-block; background: url(../images/icon-white-16/9.png) center no-repeat; width: 16px; height: 16px;}
li.active .sc-icon-app {display: inline-block; background: url(../images/icon-green-16/9.png) center no-repeat; width: 16px; height: 16px;}
li:hover .sc-icon-app {display: inline-block; background: url(../images/icon-green-16/9.png) center no-repeat; width: 16px; height: 16px;}

li .sc-icon-user {display: inline-block; background: url(../images/icon-white-16/30.png) center no-repeat; width: 16px; height: 16px;}
li.active .sc-icon-user {display: inline-block; background: url(../images/icon-green-16/30.png) center no-repeat; width: 16px; height: 16px;}
li:hover .sc-icon-user {display: inline-block; background: url(../images/icon-green-16/30.png) center no-repeat; width: 16px; height: 16px;}

li .sc-icon-org {display: inline-block; background: url(../images/icon-white-16/31.png) center no-repeat; width: 16px; height: 16px;}
li.active .sc-icon-org {display: inline-block; background: url(../images/icon-green-16/31.png) center no-repeat; width: 16px; height: 16px;}
li:hover .sc-icon-org {display: inline-block; background: url(../images/icon-green-16/31.png) center no-repeat; width: 16px; height: 16px;}

li .sc-icon-msg {display: inline-block; background: url(../images/icon-white-16/3.png) center no-repeat; width: 16px; height: 16px;}
li.active .sc-icon-msg {display: inline-block; background: url(../images/icon-green-16/3.png) center no-repeat; width: 16px; height: 16px;}
li:hover .sc-icon-msg {display: inline-block; background: url(../images/icon-green-16/3.png) center no-repeat; width: 16px; height: 16px;}

li .sc-icon-down {display: inline-block; background: url(../images/icon-white-16/25.png) center no-repeat; width: 16px; height: 16px;}
li:hover .sc-icon-down {display: inline-block; background: url(../images/icon-green-16/25.png) center no-repeat; width: 16px; height: 16px;}

li .sc-icon-lock {display: inline-block; background: url(../images/icon-green-16/16.png) center no-repeat; width: 16px; height: 16px;}
li:hover > a > .sc-icon-lock {display: inline-block; background: url(../images/icon-white-16/16.png) center no-repeat; width: 16px; height: 16px;}
li .sc-icon-logout {display: inline-block; background: url(../images/icon-green-16/8.png) center no-repeat; width: 16px; height: 16px;}
li:hover > a > .sc-icon-logout {display: inline-block; background: url(../images/icon-white-16/8.png) center no-repeat; width: 16px; height: 16px;}

/* checkbox */
.ck-blue {position: relative; visibility: hidden; opacity: 1 !important; cursor: pointer; border-radius: 2px; cursor: pointer;}
.ck-blue:before {content: ''; display: inline-block; width: 18px; height: 18px; background-color: #FFFFFF; border: 1px solid #C6C6C6; border-radius: 2px; visibility: visible; position: absolute; left: 0px; top: 0px; box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.32);}
.ck-blue:checked:before {background-color: #62ABFC; border: 0 none !important; box-shadow: inset 0 0 0 0 #ffffff;}
.ck-blue:after {content: '\e013'; display: inline-block; color: #FFF; visibility: visible; position: absolute; left: 2px; top:3px; border: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family:'Glyphicons Halflings';}
.ck-blue:checked:after{font-size: 11px !important;}

.rd-blue {position: relative;visibility: hidden; cursor: pointer;}
.rd-blue:before{content: ''; display: inline-block; width: 18px; height: 18px; background-color: #FFFFFF; border: 1px solid #C6C6C6; border-radius: 18px; visibility: visible; position: absolute; left: 0px; top: 0px; box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.32);}
.rd-blue:checked:before{background-color: #62ABFC; border: 0 none !important; box-shadow: inset 0 0 0 0 #ffffff;}
.rd-blue:checked:after{content: ''; display: inline-block; visibility: visible; position: absolute; width: 8px; height: 8px; border-radius: 18px; background-color: #ffffff; left: 5px; top: 5px;}
/* /.checkbox */

/* comfirm-dlg */
#comfirm-dlg .modal-header {background-color: #ffffff; min-height: 80px; padding: 15px; line-height: 24px; height: auto;}
#comfirm-dlg .confirm-title {font-size: 18px;}
#comfirm-dlg .confirm-title.center {text-align: center;}
#comfirm-dlg .confirm-content {font-size: 14px;}
#comfirm-dlg .confirm-content.center {text-align: center;}
/* /.comfirm-dlg */