body{padding: 38px 0px 0px 0px !important;margin: 0px;font-family: 'Open Sans';background: #FFF;word-wrap: break-word;}
a:hover, a:active, a:focus{outline: none;color: inherit;text-decoration: none;cursor: pointer;}
button.focus, button:focus, button:hover, button:active{outline: none;color: inherit;text-decoration: none;cursor: pointer;}
ul{padding: 0px;margin: 0px;list-style: none;}
/*ul li{list-style: none;}*/
label{font-weight: normal;}
.color-1{color: #0149a1 !important;}
.color-2{color: #0095da !important;}
.color-orange{color: #f6a624 !important;}
.bg-1{background: #0149a1 !important;}
.bg-2{background: #0095da !important;}
.bg-orange{background: #f6a624 !important;}
.opcty-05{opacity: 0.5 !important;}
.f51{font-size: 51px !important;}
.w10{width: 10% !important;}
.w15{width: 15% !important;}
.w20{width: 20% !important;}
.mrgT10{margin-top: 10px !important;}
.mrgT20{margin-top: 20px !important;}
.mrgT25{margin-top: 25px !important;}
.mrgT35{margin-top: 35px !important;}
.mrgR10{margin-right: 10px !important;}
.mrgR25{margin-right: 25px !important;}
.mrgR40{margin-right: 40px !important;}
.mrgL65{margin-left: 65px !important;}
.mrgL75{margin-left: 75px !important;}
.mrgB10{margin-bottom: 10px !important;}
.mrg0{margin: 0px !important;}
.pag0{padding: 0px !important;}
.border-none{border: none !important;}
.loading{position: fixed;width: 100%;height: 100%;z-index: 10000;display: flex;}
.qb-scroll{overflow: auto;}
.datepicker > div{display: block;}
/*.datepicker{margin-top: 44px;}*/
.z-index0{z-index: 0 !important;}
.disable{opacity: 0.2;}
input.error{border-color: #fe0000 !important;}
.error{color: #fe0000 !important;display: inline-block;}
.filter-panel .bton.blacklist-add{margin: 0px 15px 0px 0px;}
.ficon.fa.fa-question-circle-o{font-size: 18px;color: #4bbfff;cursor: pointer;margin-left: 10px;}
.plugin.ficon.fa.fa-question-circle-o{margin-left: 15px;float: left;margin-right: 60px!important;margin-top: 8px;}
.placklist.ficon.fa.fa-question-circle-o{float: left;margin-right: 20px;margin-top: 4px;}
.interface-qm.ficon.fa.fa-question-circle-o{margin-left: 20px;position: absolute;line-height: 34px;}

.form-group .btn{font-size: 15px;color: #666;text-transform: uppercase;height: 36px;padding: 0px 33px;line-height: 36px;background: #eceff1;}
.form-group .btn .ficon{margin-right: 10px;color: #121313;}
.form-group .btn.bg-blue{background: #0080c6 !important;color: #fff !important;}
.form-group .btn.bg-blue .ficon{color: #68ddff !important;}

.onoffswitch {position:relative;width:37px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;top:0px}
.onoffswitch .onoffswitch-checkbox{display:none}
.onoffswitch .onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border-radius:50px;margin:0px}
.onoffswitch .onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin 0.2s ease-in 0s}
.onoffswitch .onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;height:14px;padding:0;line-height:24px;font-size:18px;color:white;font-weight:bold;box-sizing:border-box}
.onoffswitch .onoffswitch-inner:before{content:"";padding-left:12px;background-color:#27cafa;color:#FFFFFF}
.onoffswitch .onoffswitch-inner:after{content:"";padding-right:12px;background-color:#C0C1C2;color:#999999;text-align:right}
.onoffswitch .onoffswitch-switch{display:block;width:20px;margin:-5px;height:20px;background:#fff;position:absolute;top:2px;bottom:0;right:22px;border-radius:50%;transition:all 0.1s ease-in 0s;box-shadow:0 0 5px #ccc}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner{margin-left:0}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{right:0px;background-color:#FFFFFF;}

.onoffswitch-bg {position:relative;width:35px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;top:0px}
.onoffswitch-bg .onoffswitch-checkbox{display:none}
.onoffswitch-bg .onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border-radius:50px;margin:0px}
.onoffswitch-bg .onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin 0.3s ease-in 0s;}
.onoffswitch-bg .onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;height:14px;padding:0;line-height:24px;font-size:18px;color:white;font-weight:bold;box-sizing:border-box}
.onoffswitch-bg .onoffswitch-inner:before{content:"";padding-left:12px;background-color:#27cafa;;color:#FFFFFF}
.onoffswitch-bg .onoffswitch-inner:after{content:"";padding-right:12px;background-color:#27cafa;;color:#999999;text-align:right}
.onoffswitch-bg .onoffswitch-switch{display:block;width:20px;margin:-5px;height:20px;background:#FFF;position:absolute;top:2px;bottom:0;right:22px;border-radius:50%;transition:all 0.1s ease-in 0s;box-shadow:0 0 5px #ccc;}
.onoffswitch-bg .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner{margin-left:0}
.onoffswitch-bg .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{right:0px;}
.gr-onoffswitch span{float: left;line-height: 28px;}
.gr-onoffswitch .onoffswitch-bg{float: left;margin: 7px 10px;}
.gr-onoffswitch .onoffswitch{float: left;margin: 7px 10px;}

.head-switch{float: left;margin: 5px 0px 0px 30px;color: #FFFFFF;font-size: 14px;}
.head-switch .onoffswitch .onoffswitch-inner:before{background-color:#026297;}

.wbn-loading{display: flex;height: 100%;position: fixed;width: 100%;z-index: 1000000;}
.wbn-loading > div{align-self: center;margin: 0 auto;}
.wbn-loading > div > div{background: rgba(0,0,0,0.5);color: #fff;text-align: center;padding: 10px 20px;}
.wbn-loading > div span{display: block;font-size: 26px;line-height: inherit;}
.wbn-loading > div label{font-weight: inherit;margin: 0px;font-size: 12px;font-family: "Open Sans";}

.nofity-mess{position: fixed;right: 10px;bottom: 10px;background: rgba(0,128,198,0.85);z-index: 10000;width: 200px;box-shadow: 0px 0px 4px 0px rgba(17, 18, 18, 0.50);transition-duration: 0.5s;}
.nofity-mess.hidden{right: -210px;}
.nofity-mess.off{right: -210px;}
.nofity-mess .media{padding: 5px 10px;}
.nofity-mess .media .media-left{vertical-align: middle;}
.nofity-mess .media .media-left img{width: 27px;}
.nofity-mess .media .media-left .ficon{}
.nofity-mess .media .media-body{vertical-align: middle;}
.nofity-mess .media .media-body h6{color: #fff;margin: 0px;line-height: 18px;}

.caution-browser{position: fixed;bottom: 0px;left: 0px;width: 350px;display: none;z-index: 10000000;}
.caution-browser.open{display: block;}
.caution-browser .caution-head{color: #fff;background: #FDB32B;font-size: 15px;height: 42px;line-height: 40px;padding: 0px 10px;border: 1px solid #ddd;float: left;width: 100%;border-radius: 3px 3px 0px 0px;}
.caution-browser .caution-head .ficon{float: left;line-height: 40px;margin-right: 8px;font-size: 16px;}
.caution-browser .caution-content{background: #DDDDDD;float: left;width: 100%;padding: 10px;}
.caution-browser .caution-content h5{margin: 0px;line-height: 20px;color: #333;}
.caution-browser .caution-content .media{text-align: center;width: 220px;margin: 10px auto 0px auto;}
.caution-browser .caution-content .media img{}
.caution-browser .caution-content .media-left{vertical-align: middle;}
.caution-browser .caution-content .media-left p{margin: 10px 0px 0px 0px;}
.caution-browser .caution-content .media-body{vertical-align: middle;}
.caution-browser .caution-content .media-body p{margin: 0px;}
.caution-browser .caution-content .media-right{vertical-align: middle;}
.caution-browser .caution-content .media-right p{margin: 10px 0px 0px 0px;}

.nofity-notice{position: fixed;left: calc(50% - 200px);top: 100px;background: #fff;z-index: 10000;width: 400px;box-shadow: 0px 0px 4px 0px rgba(17, 18, 18, 0.50);transition: 0.5s all;padding: 10px 30px 30px 30px;opacity: 1;}
.nofity-notice.off{top:0px;z-index: -1;opacity: 0;}
.nofity-notice .nofity-notice-close{position: absolute;top: 0px; right: 0px;cursor: pointer;color: #888;display: inline-block;}
.nofity-notice .nofity-notice-close .ficon{font-size: 24px;display: inline-block;padding: 5px;}
.nofity-notice h3{color: #337ab7;font-size: 18px;text-transform: uppercase;}
.nofity-notice p{color: #000000;font-size: 12px;margin: 0px;}

.select2-container--default .select2-selection--single{border: medium none;}
.select2-container .select2-selection--single .select2-selection__rendered{color: #0080c6;font-weight: bold;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #0080c6 transparent transparent;}
.select2-container--open .select2-dropdown--below {border-top: 1px solid #aaa;border-top-left-radius: 4px;border-top-right-radius: 4px;width: 200px !important;}
.select2-container--default .select2-results > .select2-results__options{max-height:300px;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: #0080c6 transparent transparent;border-width: 5px 4px 0;}

.header{background: #0080c6;height: 38px;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 1002;}
.header .nav-item{float: left;color: #FFF;line-height: 38px;font-size: 12px;}
.header .nav-logo{width: 60px;text-align: center;cursor: pointer;}
.header .nav-logo img{width: 27px;}
.header .nav-directive{background: #026297;padding: 0px 22px 0px 17px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header .nav-directive span{display: inline-block;}
.header .nav-directive .ficon{margin: 0px 4px;}
.header .nav-directive a{color: #fff;}
.header .nav-directive .live-icon{background: #8fe804;border-radius: 4px;font-style: italic;font-weight: bold;height: 26px;padding: 0 8px;color: #666666;line-height: 26px;margin-right: 5px;text-transform: uppercase;}
.header .nav-tutorial{margin-right: 25px;}
.header .nav-tutorial i{margin-right: 12px;}
.nav-drop{margin-right: 10px;}
.nav-drop button{background: transparent;float: left;font-size: 12px;padding: 0px;line-height: 38px;border: none;}
.nav-drop button:hover, .nav-drop button:active, .nav-drop button:focus{box-shadow: none;color: inherit;}
.nav-drop ul{left: inherit;right: 0px;}
.nav-drop ul li a{color: #666;}
.nav-drop ul li a .ficon{margin-right: 10px;color: #666 !important;}
.nav-drop ul li:hover a{color: #00aeff;}
.nav-signout{width: 42px;text-align: center;}
.nav-signout .ficon{font-size: 16px;line-height: 38px;}

.header-cpanel-message{display: inline-block;text-align: center;height: 38px;}
.header-cpanel-message .btn.btn-default.pull-center.btn-of{display: none;margin: 3px auto;padding: 3px 30px;font-size: 16px;border-radius: 3px;border: none;background-color: #f8bb2f;color: #ffffff;cursor: default;text-align: center;vertical-align: middle;background-image: inherit; background-repeat: repeat-x;text-shadow: inherit;background-position: 0 -32px;position: absolute;left: 50%;transform: translateX(-50%);}
.header-cpanel-message .cpanel-message{font-weight: normal;text-align: center;vertical-align: middle;font-size: 15px;color: #ffffff;padding-left: 3px;display: inline-block;max-width: calc(100% - 20px); white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header-cpanel-message .pull-center.btn-of .fa{position: relative; font-size: 21px;vertical-align: middle;}
.header-cpanel-message .pull-center.btn-of .fa .fa{font-size: 14px;margin-left: -11px;padding-top: 4px;position: absolute;}
.header-cpanel-message .pull-center.btn-of img{float: left;margin-right: 10px;padding: 0;width: 22px;}
.header-cpanel-message p#vtip { margin-top: 15px; display: none; position: absolute; padding: 5px 15px; left: 5px; font-size: 15px; background-color: #F8BB2F; border: 1px solid #F8BB2F; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 16777271; color: #fff; border-radius: 5px;} 
.header-cpanel-message p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px; }

.drop-panel{display: inline-block;position: relative;}
.drop-panel .drop-label{color: #fff;background: transparent;font-size: 12px;line-height: 38px;display: inline-block;padding: 0px 16px;}
.drop-panel .drop-label .ficon{float: left;line-height: 38px;margin-right: 8px;}
.drop-panel.on .drop-label{color: #00a5df;background: #f4f4f4;font-weight: 600;}
.drop-panel .drop-content{position: absolute;top: 39px;right: 0px;background: #f4f4f4;width: 360px;display: block;padding: 0px;height: 0px;transition: all 0.1s ease 0s;overflow: hidden;}
.drop-panel.on .drop-content{height: 65px;}
.drop-panel .drop-content > div{padding: 14px 19px;display: block;}
.drop-panel .drop-content input{border: none;float: left;width: 260px;height: 37px;font-style: italic;}
.drop-panel .drop-content .bton{float: left;color: #00a5df;line-height: 37px;padding: 0px 5px 0px 15px;margin-left: 10px;cursor: pointer;font-size: 30px;}

.header .nav-item.drop-panel{margin-right: 10px;float: left;}

.main-page{}
.main-menu-bar{width: 190px;background: #eceff1;float: left;color: #666666;overflow: auto;}
.main-menu-bar h4{line-height: 67px;height: 67px;background: #fff;margin: 0px;padding: 0px 0px 0px 24px;text-transform: uppercase;}
.main-menu-bar > div{border-top: 1px solid #d9dcde;}
.main-menu-bar .menu-bar-item{font-size: 18px;text-transform: uppercase;color: #666666;padding-left: 24px;border-bottom: 1px solid #d9dcde;line-height: 24px;display: block;padding-top: 20px;padding-bottom: 20px;}
.main-menu-bar .menu-bar-item.active{background: #FFF;}
.main-menu-bar .menu-bar-item span{background: #8fe804;height: 30px;padding: 0px 9px;border-radius: 4px;font-weight: 600;font-style: italic;margin-left: -10px;}
.main-menu-bar .menu-bar-title{margin: 0;font-size: 10px;text-transform: uppercase;padding-left: 13px;line-height: 25px;border-bottom: 1px solid #d9dcde;}
.main-menu-bar ul{margin-top: 8px;}
.main-menu-bar ul li{padding: 14px 0px 14px 24px;display: block;line-height: 24px;font-size: 18px;text-transform: uppercase;}
.main-menu-bar ul li a{display: block;color: #666666;}
.main-menu-bar ul li a .ficon{margin-right: 14px;}

.main-content{width: calc(100% - 190px);float: left;padding-left: 75px;}
.main-content .title-info{width: 80%;margin: 0 auto;color: #FCD420;border-radius: 20px;padding: 10px 15px;font-size: 24px;min-width: 355px;text-align: left;font-family: "Open Sans";font-weight: 300;}
.main-content .title-info a{color: #00a6e0;}
.main-content .main-toolbar{text-align: right;height: 67px;border-bottom: 1px solid #eceff1;}
.main-content .main-toolbar .toolbar-item{display: inline-block;font-size: 14px;color: #666;margin-right: 40px;margin-left: 16px;text-transform: uppercase;line-height: 67px;}
.main-content .main-toolbar .toolbar-item .ficon{color: #4bbfff;margin-right: 7px;float: left;height: 67px;line-height: 67px;font-size: 18px;}

.report-info{margin: 16px auto;text-align: center;}
.report-info ul{background: #f6f6f6;border: 1px solid #e5e5e6;display: inline-block;padding: 0px;}
.report-info ul li{float: left;border-left: 1px solid #cecece;margin: 18px 40px 18px 0px;padding-left: 10px;text-transform: uppercase;}
.report-info ul li:first-child{border-left: none;}
.report-info ul li .info-left{display: inline-block;vertical-align: middle;}
.report-info ul li .info-left .ficon{color: #00a6e0;font-size: 60px;}
.report-info ul li .info-right{display: inline-block;vertical-align: middle;padding-left: 16px;}
.report-info ul li .info-right h2{color: #00a6dd;margin-top: 0px;line-height: 28px;text-align: center;}
.report-info ul li .info-right h6{text-transform: uppercase;color: #989898;font-weight: bold;margin: 0px;}
.report-info ul li .info-right p{text-align: left;margin: 5px 0px;}
.report-info ul li .info-right p label{margin: 3px 0px 0px 0px;display: block;float: left;font-size: 11px;font-weight: 700;padding-left: 14px;position: relative;color: #989898;}
.report-info ul li .info-right p label:before{border: 2px solid #b7b7b7;border-radius: 50%;content: "";height: 10px;left: 0;position: absolute;top: 3px;width: 10px;z-index: 99;}
.report-info ul li .info-right p label.active:before{border: 2px solid #1896d7;}
.report-info ul li .info-right p span{color: #1896d7;margin-left: 10px;}

.main-content .project-list{width: 100%;padding-right: 30px;}
.main-content .project-list .list-item{color: #666666;border-bottom: 1px solid #eceff1;float: left;width: 100%;}
.main-content .project-list .list-item:first-child{border-top: 1px solid #eceff1;}
.main-content .project-list .list-item .left-content{float: left;width: 60%;}
.main-content .project-list .list-item .left-content h4{color: #0080c6;line-height: 26px;margin-bottom: 0px;margin-top: 15px;overflow: hidden;padding-right: 10px;text-overflow: ellipsis;white-space: nowrap;}
.main-content .project-list .list-item .left-content h6{line-height: 22px;margin-top: 0px;margin-bottom: 18px;overflow: hidden;padding-right: 10px;text-overflow: ellipsis;white-space: nowrap;}
.main-content .project-list .list-item .center-content{float: left;display: flex;height: 81px;align-items: center;}
.main-content .project-list .list-item .center-content p{margin-bottom: 0px;}
.main-content .project-list .list-item .center-content p img{width: 40px;height: 40px;border-radius: 4px;}
.main-content .project-list .list-item .tool-func{display: flex;float: right;height: 81px;align-items: center;}
.main-content .project-list .list-item .tool-func a{display: inline-block;width: 44px;text-align: center;color: #666;}
.main-content .project-list .list-item .tool-func a:hover{color: #4bbfff;}
.main-content .project-list .list-item .tool-func a .ficon{font-size: 18px;display: block;}

.main-content .project-list .list-item .left-content-webinaris{width: 23%;float: left;height: 81px;text-align: center;align-items: center;display: flex;}
.main-content .project-list .list-item .left-content-webinaris p.status{margin-bottom: 0; cursor: pointer;color: #FC3319;padding-right: 10px;}
.main-content .project-list .list-item .left-content-webinaris .dropdown .dropdown-toggle{background: transparent;color: #0080c6;padding: 0px;border: none;}
/*.main-content .project-list .list-item .left-content-webinaris .dropdown .dropdown-toggle{background: #8fe804;color: #0080c6;border: none;padding: 1px 10px;border-radius: 3px;}*/
.main-content .project-list .list-item .left-content-webinaris .dropdown .ficon{margin-right: 8px;color: #666 !important;}
.main-content .project-list .list-item .left-content-webinaris .dropdown ul li:hover a{color: #00aeff;}
/*----------------------------------------------------------------------------------------------------*/
.main-content.main-live #drop_project_live .start-broadcasting{background: #8fe804;color: #000;border: none;padding: 0 12px;border-radius: 3px;cursor: pointer;display: inline-block;font-size: 11px;}
.main-content.main-live #drop_project_live .modal-title{color: #000;font-weight: bold;text-decoration: underline;font-size: 12px;}
.main-content.main-live #drop_project_live .modal-body{padding: 0 0 15px 0px}
.main-content.main-live #drop_project_live .modal-body li{list-style: none;font-size: 12px;color: #000;}/*bo dau cham*/
.main-content.main-live #drop_project_live .modal-body label.start-showtime{margin-left: 3px}
.main-content.main-live #drop_project_live .modal-content{background: #eceff1; border-radius: inherit;box-shadow: inherit;border: none;}/*#d9d9dd*/

.main-content.main-live .project-list .left-content .dropdown .dropdown-toggle{
    background: #8fe804;color: #000;border: none;padding: 0 12px;border-radius: 3px;cursor: pointer;display: block;font-size: 11px;}
.main-content.main-live .project-list .left-content .dropdown label{color: #000;font-size: 11px;}
.main-content.main-live .project-list .left-content h6{margin-bottom: 0!important;line-height: 18px!important;}
.main-content.main-live .modal.fade{padding-top: 8%;}
.main-content.main-live .modal-header{border-bottom:none;padding: 5px; margin-left: 10px;}
.main-content.main-live .modal-dialog{width: 350px;}
.main-content.main-live .modal-dialog .btn{background: inherit; border-top: #fff!important; border:inherit; padding: 5px 30px;}
.main-content.main-live .modal-dialog .btn.btn-save{background: #0080c6;color: #fff;}
.main-content.main-live .btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;}
.main-content.main-live .modal.fade.in .modal-dialog{transform: translate3d(0, 10px, 0);}
.main-content.main-live .modal.fade .modal-dialog{transform: scale(0.1);transition: all 0.5s;-webkit-transform: scale(0.1);-moz-transform: scale(0.1);-ms-transform: scale(0.1);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.main-content.main-live .modal.fade .modal-dialog .modal-footer{padding: 9px 15px;margin: 0 15px;}
/*----------------------------------------------------------------------------------------------------*/
.metro-dropdown{position: relative;border-radius: 4px;display: inline-block;text-align: left;}
.metro-dropdown:after {content:'\f107';font-size: 16px;color:#27cbfa;height: 100%;display: flex;align-items: center;right:8px; top:0px;padding:0px;position:absolute;pointer-events:none;font-family: 'FontAwesome';}
.metro-dropdown:before {content:'';right:6px; top:0px;width:20px; height:20px;position:absolute;pointer-events:none;display:block;}
.metro-dropdown select{-webkit-appearance:none;-moz-appearance:none;background: transparent;border: none;box-shadow: none;outline: none;padding-left: 8px;padding-right: 24px;vertical-align: middle;font-size: 12px;height: 30px;width: 100%;float: left;white-space: nowrap;}
.metro-dropdown select option{line-height: 28px;padding-top: 6px;padding-bottom: 6px;}
.metro-dropdown.select-border{background: #fff;color: #666666;border: 1px solid #dde0e2;width: 150px;}
.metro-dropdown.select-green{background: #026297;color: #fff;border: 1px solid #026297;margin-right: 10px;width: 150px;}
.metro-dropdown.select-green select{background: #026297;}

.select-noborder{position: relative;display: inline-block;text-align: left;}
.select-noborder:after {content:'\f107';font-size: 16px;color:#27cbfa;height: 100%;display: flex;align-items: center;right:4px; top:0px;padding:0px;position:absolute;pointer-events:none;font-family: 'FontAwesome';}
.select-noborder:before {content:'';right:6px; top:0px;width:20px; height:20px;position:absolute;pointer-events:none;display:block;}
.select-noborder select{-webkit-appearance:none;-moz-appearance:none;background: transparent;border: none;box-shadow: none;outline: none;padding-left: 8px;padding-right: 18px;vertical-align: middle;font-size: 12px;height: 30px;width: 100%;float: left;}
.select-noborder select option{line-height: 28px;padding-top: 6px;padding-bottom: 6px;}

.viewer-fixed{position: fixed;width: 100%;background: #fff;z-index: 1000;}
.viewer-fixed-margin.report-info{margin-top: 102px;}
.toolbar{width: 100%;height: 50px;border-bottom: 1px solid #eceff1;padding: 8px 24px 9px 30px;}
.toolbar .select-green{width: 160px;}
.toolbar .select-border{width: 200px;}
.toolbar .tb-item{float: left;line-height: 30px;}
.toolbar .tb-item.bton{color: #666666;font-size: 14px;text-transform: uppercase;margin-right: 65px;line-height: 32px;}
.toolbar .tb-item.bton .ficon{font-size: 16px;color: #4bbfff;float: left;line-height: 32px;margin-right: 6px;}
.toolbar .tb-close{font-size: 12px;color: #666;text-transform: uppercase;}
.toolbar .tb-close .ficon{color: #a0a1a1;margin-left: 10px;float: right;font-size: 28px;line-height: 28px;}

.toolbar-tabs{width: 100%;height: 45px;padding: 0px;margin: 0px;box-shadow: -2px -4px 8px rgba(17, 18, 18, 0.75);position: relative;z-index: 100;}
.toolbar-tabs .tabs-main{float: left;width: 100%}
.toolbar-tabs .tb-item{float: left;line-height: 45px;}
.toolbar-tabs .tb-item.bton{color: #666666;font-size: 14px;text-transform: uppercase;margin-right: 65px;line-height: 45px;}
.toolbar-tabs .tb-item.bton .ficon{font-size: 16px;color: #4bbfff;float: left;line-height: 45px;margin-right: 6px;}
.toolbar-tabs .tb-close{font-size: 12px;color: #666;text-transform: uppercase;margin-right: 20px;}
.toolbar-tabs .tb-close .ficon{color: #a0a1a1;margin-left: 10px;float: right;font-size: 28px;line-height: 45px;}

.filter-panel{width: 100%;height: 36px;border-bottom: 1px solid #eceff1;color: #666666;padding: 6px 30px;position: relative;}
.filter-panel .filter-item{float: left;line-height: 25px;}
.filter-panel label.filter-item{font-weight: normal;font-size: 12px;margin-bottom: 0px;margin-right: 9px;line-height: 27px;}
.filter-panel .metro-dropdown.filter-item{background: transparent;color: #666666;border: 1px solid #dde0e2;width: 55px;}
.filter-panel .metro-dropdown.filter-item select{height: 23px;}
.filter-panel .filter-item.paging{margin-left: 15px;display: flex;}
.paging a{width: 20px;text-align: center;line-height: 27px;color: #666;}
.paging a.prev{margin-right: 4px;color: #27cbfa;}
.paging a.next{margin-left: 4px;color: #27cbfa;}
.paging a .color{color: #27cbfa;}
.paging a.active{font-weight: bold;}
.paging span{width: 20px;text-align: center;line-height: 27px;color: #666;font-weight: bold;}
.filter-panel .pull-right a.search{font-size: 12px;text-transform: uppercase;color: #666;position: relative;margin-left: 30px;margin-right: 30px;}
.filter-panel .pull-right a.search .ficon{color: #27cbfa;font-size: 16px;float: left;margin-right: 9px;line-height: 25px;}
.filter-panel .pull-right a.search.active:after{border-color: transparent transparent #eceff1;border-style: solid;border-width: 10px;color: #eceff1;content: "";font-size: 16px;height: 0;position: absolute;right: 18px;top: 11px;width: 0;}
.filter-panel .pull-right a.excel{font-size: 10px;text-transform: uppercase;color: #666;}
.filter-panel .pull-right a.excel .ficon{color: #48b704;font-size: 14px;float: left;margin-right: 9px;line-height: 25px;}
.filter-panel .pull-right .bton{margin:0px 0px 0px 50px;}
.filter-panel .bton{font-size: 12px;text-transform: uppercase;color: #666;position: relative;float: left;line-height: 25px;margin:0px 35px 0px 0px;}
.filter-panel .bton .ficon{color: #27cbfa;font-size: 16px;float: left;margin-right: 9px;line-height: 25px;}
.filter-panel .bton .ficon-r{color: #27cbfa;font-size: 16px;float: right;margin-left: 9px;line-height: 25px;}
.filter-panel .bton.tb-close .ficon-r{color: #a0a1a1;font-size: 28px;}

.filter-panel.h50{height: 50px;padding: 12px 30px;}
.filter-panel.h50 .pull-right a.search.active:after{top: 20px;}
.filter-panel.h50 .bton-new{font-size: 14px;}

.advance-search{height: 54px;width: 100%;background: #eceff1;position: absolute;left: 0px;bottom:-54px;z-index: 1000;padding: 12px 15px;text-align: center;display: none;}
.advance-search.open{display: block;}
.advance-search .as-content{display: inline-block;margin: 0 auto;}
.advance-search .as-item{float: left;margin: 0px 8px;line-height: 30px;}
.advance-search .as-item label{display: inline-block;margin-bottom: 0px;font-weight: normal;font-size: 12px;color: #666;margin-right: 10px;}
.advance-search .as-item input{display: inline-block;width: 214px;height: 30px;}
.advance-search .as-item input.input-date{width: 110px;}
.advance-search .as-item select{height: 30px;text-align: left;}
.advance-search .as-item.as-search{text-transform: uppercase;margin-left: 40px;}
.advance-search .as-item.as-search .ficon{color: #27cbfa;float: left;line-height: 30px;margin-right: 10px;}
.advance-search a{color: #666;}
.advance-search .as-item.as-close{width: 30px;text-align: center;}
.advance-search .as-item.as-close .ficon{color: #000;font-size: 30px;}
.group-input-date{display: inline-block;position: relative;}
.group-input-date span{align-items: center;display: inline-flex;font-size: 16px;height: 100%;left: 0;padding: 0 4px;position: absolute;top: 0;}
.group-input-date input{padding-left: 24px;text-align: left;width: 110px;}
.group-input-date.br-none input{padding-right: 18px;padding-left: 0px;text-align: left;width: 92px;height: 30px;box-shadow: none;border: none;}
.group-input-date.br-none span{align-items: center;display: inline-flex;font-size: 12px;height: 100%;right: 0;left: inherit;padding: 0 4px;position: absolute;top: 0;color: #0080c6;}

.table-list .table-header{width: 100%;display: table;padding-left: 37px;background: #026297;color: #fff;height: 40px;position: absolute;z-index: 100;}
.table-list .table-header li{display: table-cell;vertical-align: middle;font-size: 12px;}
.table-list .table-header li span, .table-list .table-header li a{padding: 0px 10px 0px 10px;float: left;color: #FFF;}
.table-list .table-content{display: table;width: 100%;padding-top: 40px;}
.table-list .table-content .elem{display: table;border-bottom: 1px solid #eceff1;padding-left: 37px;width: 100%;}
.table-list .table-content .elem .elem-item{display: table-cell;padding: 13px 10px;font-size: 12px;}
.table-list .table-content .elem .elem-item.middle{vertical-align: middle;text-align: center;}
.table-list .table-content .elem .elem-item label{font-weight: normal;display: block;margin: 0px;color: #333333;}
.table-list .table-content .elem .elem-item label.title{font-size: 16px;color: #666666;}
.table-list .table-content .elem .elem-item label.red{color: #ff0000;}
.table-list .table-content .elem .elem-item label.normal{color: #333;font-size: 14px;}
.table-list .table-content .elem .elem-item label span.tt{color: #999;margin-right: 4px;}
.table-list .table-content .elem .elem-item label span.slash{color: #ccc;}
.table-list .table-content .elem .elem-item label a{color:#0080c6;}
.table-list .table-content .elem .elem-item .bton{font-size: 16px;color: #999;cursor: pointer;padding: 0px 5px;}
.table-list .table-tool button{background: transparent;color: #27cbfa;border: none;font-size: 18px;}
.table-list .table-tool ul{left: inherit;right: 56px;top: 0px;font-size: 12px;}
.table-list .table-tool ul li .ficon{margin-right: 10px;color: #2bccfa;}
.table-list .table-tool ul li .ficon.red{color: #ff0000;}
.table-list .table-header li:nth-child(1), .table-list .table-content .elem .elem-item:nth-child(1){width: 19%;}
.table-list .table-header li:nth-child(2), .table-list .table-content .elem .elem-item:nth-child(2){width: 18%;}
.table-list .table-header li:nth-child(3), .table-list .table-content .elem .elem-item:nth-child(3){width: 19%;}
.table-list .table-header li:nth-child(4), .table-list .table-content .elem .elem-item:nth-child(4){width: 19%;}
.table-list .table-header li:nth-child(5), .table-list .table-content .elem .elem-item:nth-child(5){width: 19%;}
.table-list .table-header li:nth-child(6), .table-list .table-content .elem .elem-item:nth-child(6){width: 6%;}

.menu-top{width: 100%;min-height: 50px;box-shadow: -4px -3px 8px rgba(17,18,18,0.75);position: relative;z-index: 1000;display: table;}
.menu-top .mt-item{line-height: 50px;height: 50px;font-size: 14px;color: #666;text-transform: uppercase;float: left;}
.menu-top .mt-item .ficon{line-height: 50px;float: left;font-size: 16px;margin-right: 10px;color: #a0a1a1;}
.menu-top .mt-item.mt-save .ficon{color: #27cbfa;}
.menu-top .pull-right .mt-item{margin-right: 26px;}
.menu-top .pull-right .mt-item.dropdown button{padding: 0px;border: none;background: transparent;text-transform: uppercase;}
.menu-breadcrumb {list-style: none;overflow: hidden;}
.menu-breadcrumb li {float: left;}
.menu-breadcrumb li a {color: #666;font-size: 14px;text-transform: uppercase;text-decoration: none; padding: 0px 0px 0px 48px;background: #fff; position: relative; display: block;float: left;height: 50px;line-height: 50px;}
.menu-breadcrumb li a .ficon{color: #000;margin-right: 12px;float: left;line-height: 50px;font-size: 18px;}
.menu-breadcrumb li a:after{content: " ";display: block;width: 0;height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid hsla(34,85%,35%,1);position: absolute;top: 50%;margin-top: -50px;left: 100%;z-index: 2;}
.menu-breadcrumb li a:before {content: " ";display: block;width: 0;height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;position: absolute;top: 50%;margin-top: -50px;margin-left: 1px;left: 100%;z-index: 1;}
.menu-breadcrumb li:first-child a {padding-left: 10px;}
.menu-breadcrumb li:nth-child(n+1) a{background: #fff;}
.menu-breadcrumb li:nth-child(n+1) a:after {border-left-color: #fff;}
.menu-breadcrumb li:last-child a {background: transparent !important;color: black;pointer-events: none;cursor: default;}
.menu-breadcrumb li:not(last-child) a:hover{background: #eceff1; }
.menu-breadcrumb li:not(last-child) a:hover:after{border-left-color: #eceff1 !important; }
.menu-breadcrumb li.active a{background: #eceff1; }
.menu-breadcrumb li.active a:after{border-left-color: #eceff1 !important; }

.p-content-panel{position: relative;}
.p-content-panel .content-left{float: left;overflow: hidden;width: calc(100% - 407px);height: 100%;}
.p-content-panel .content-left.webinar{width:100%}
.p-content-panel .content-right{width: 407px;float: right;box-shadow: 6px 9px 14px rgba(17, 18, 18, 0.75);}
.p-content-panel.project-chat .content-left{width: 60%;}
.p-content-panel.project-chat .content-right{width: 40%;}
.p-content-panel.showtime .content-left{width: 58%;}
.p-content-panel.showtime .content-right{width: 42%;}
.p-content-panel.monetization .content-left{width: 100%}
.banner-add .content.ba-detail {height: 100%;}

.p-content-panel .tab-panel{width: 100%;min-height: 45px;box-shadow: -4px -3px 8px rgba(17,18,18,0.75);text-transform: uppercase;overflow: hidden;position: relative;z-index: 99;}
.p-content-panel .tab-panel .tp-item{float: left;}
.p-content-panel .tab-panel .tp-item a{padding: 0px 15px;line-height: 46px;color: #666;display: block;}
.p-content-panel .tab-panel .tp-item a:hover{background: #eceff1;}
.p-content-panel .tab-panel .tp-item.active{background: #eceff1;text-transform: uppercase;color: #666;font-size: 14px;}
.p-content-panel .tab-panel .group-right{float: right;line-height: 46px;}
.p-content-panel .tab-panel .group-right a{padding: 0px 27px;line-height: 46px;color: #666;display: inline-block;}
.p-content-panel .tab-panel .group-right a .ficon{float: left;line-height: 46px;margin-right: 8px;color: #4bbfff;}
.p-content-panel .content-left .content{padding: 0px 10%;width: 100%;}
.p-content-panel .content-right .head{width: 100%;height: 46px;border-bottom: 1px solid #e9eaea;}
.p-content-panel .content-right .head .btn-adminlink{text-transform: uppercase;padding: 0px;line-height: 45px;color: #666;display: block;border: none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 110px;float: left;}
.p-content-panel .content-right .head .btn-search{text-transform: uppercase;padding: 0px 27px;line-height: 45px;color: #666;display: block;float: right;border: none;}
.p-content-panel .content-right .head .btn-search .wbn-search{line-height: 30px;margin-right: 9px;color: #27cbfa;}
.p-content-panel .content-right .head a.btn{text-transform: uppercase;padding: 0px 27px;line-height: 45px;color: #666;display: block;float: left;border: none;}
.p-content-panel .content-right .head a.btn:active{box-shadow: none;}
.p-content-panel .content-right .head a.btn .ficon{float: left;line-height: 45px;margin-right: 8px;color: #4bbfff;font-size: 18px;}
.p-content-panel .content-right .head .dropdown{margin: 8px 0px;float: left;}
.p-content-panel .content-right .head button{text-transform: uppercase;padding: 0px 27px;line-height: 30px;color: #666;display: block;float: left;border: none;background: transparent;}
.p-content-panel .content-right .head button .ficon{float: left;line-height: 30px;margin-right: 11px;color: #4bbfff;font-size: 18px;}
.p-content-panel .content-right .head .dropdown ul{left: 55px;}
.p-content-panel .content-right .head .dropdown ul .ficon{margin-right: 8px;float: left;line-height: 20px;}
.p-content-panel .content-right .head.bn-head{background: #0080c6;}
.p-content-panel .content-right .head.bn-head a{color: #fff;}
.p-content-panel .content-right .head.bn-head a .ficon{font-size: 22px;color: #fff;}
.p-content-panel .content-right .head label{text-transform: uppercase;padding: 0px 27px;line-height: 45px;color: #666;display: block;float: left;border: none;font-size: 10px;margin: 0px;font-weight: normal;}
.p-content-panel .content-right h6.title{text-transform: uppercase;border-bottom: 1px solid #eceff1;font-size: 10px;line-height: 28px;color: #666666;margin: 0px;padding: 0px 18px;letter-spacing: 1.2px;}
.p-content-panel .content-right h6.title .ficon{margin-left: 20px;cursor: pointer;color: #4bbfff;}
.p-content-panel .content-right .head-group-btn{background: #27cbfa;height: 46px;display: flex;}
.p-content-panel .content-right .head-group-btn a{align-items: center;color: #fff;display: inline-flex;font-size: 14px;justify-content: center;text-align: center;text-transform: uppercase;width: 50%;border-left: 1px solid #fff;}
.p-content-panel .content-right .head-group-btn a:first-child(){border-left: none;}
.p-content-panel .content-right .head-group-btn button{align-items: center;color: #fff;display: inline-flex;font-size: 14px;justify-content: center;text-align: center;text-transform: uppercase;width: 50%;border-left: 1px solid #fff;background: transparent;border-bottom: none;border-top: none;border-right: none;}
.p-content-panel .content-right .head-group-btn button:first-child(){border-left: none;}
.p-content-panel .content-right .head-group-btn button.btn-close{width: 20%;font-size: 24px;}

.p-content-panel .content-left .head{width: 100%;height: 46px;}
.p-content-panel .content-left .head a.btn{text-transform: uppercase;padding: 0px 0px;line-height: 45px;color: #666;display: block;float: left;border: none;}
.p-content-panel .content-left .head a.btn .ficon{float: left;line-height: 45px;margin-right: 11px;color: #4bbfff;font-size: 18px;}
.p-content-panel .content-left .head .dropdown{margin: 8px 0px;float: left;}
.p-content-panel .content-left .head button{text-transform: uppercase;padding: 0px 0px;line-height: 30px;color: #666;display: block;float: left;border: none;background: transparent;}
.p-content-panel .content-left .head button .ficon{float: left;line-height: 30px;margin-right: 11px;color: #4bbfff;font-size: 18px;}
.p-content-panel .content-left .head .dropdown ul{left: 55px;}
.p-content-panel .content-left .head .dropdown ul .ficon{margin-right: 8px;float: left;line-height: 20px;}
.p-content-panel .content-left .head.bn-head{background: #0080c6;}
.p-content-panel .content-left .head.bn-head a{color: #fff;}
.p-content-panel .content-left .head.bn-head a .ficon{font-size: 22px;color: #fff;}
.p-content-panel .content-left .head label{text-transform: uppercase;padding: 0px 27px;line-height: 45px;color: #666;display: block;float: left;border: none;font-size: 10px;margin: 0px;font-weight: normal;}
.p-content-panel .content-left .content.pv-detail{padding: 0px 20% 15px 20%;width: 100%;overflow: auto;}
.p-content-panel.api-page .content-left{width: 100%;}
.p-content-panel .main-content-api{width: 100%;}
.p-content-panel .main-content-api .show-api .add-form{width: 53%;margin: 0 auto;min-width: 350px;}
.p-content-panel .main-content-api .show-api h6.title{line-height: 15px;border-bottom: 1px solid #eceff1;font-size: 10px;color: #0080c6;margin: 0px;padding: 0px;letter-spacing: 1.2px;margin-bottom: 22px;margin-top: 22px;}
.p-content-panel .main-content-api .show-api h6.title .title-showform{display: block;text-transform: uppercase;}
.p-content-panel .main-content-api .show-api h6.title .title-explan{font-size: 10px; color: #000;}
.p-content-panel .main-content-api .show-api .form-group label{font-weight: normal;font-size: 12px;}
.p-content-panel .main-content-api .show-api .form-group .input-icon{margin: 0px;position: relative;}
.p-content-panel .main-content-api .show-api .form-group .input-icon input{width: 100%;font-size: 18px;height: 40px;padding: 0 30px 0 8px;border-color: #dde0e2;box-shadow: none;}
.p-content-panel .main-content-api .show-api .form-group .input-icon .ficon{color: #4bbfff;font-size: 18px;line-height: 40px;position: absolute;right: 0;text-align: center;top: 0;width: 30px;cursor: pointer;}

.p-content-panel .show-htmllink .form-group{width: 53%;margin: 0 auto;}
.p-content-panel .show-htmllink .form-group .title{color:#0080c6;}
.p-content-panel .show-htmllink .form-group textarea{height: 256px;resize: none;overflow: hidden}
.p-content-panel .show-htmllink .form-group .btn-copy-htmllink{margin-top: 25px;outline: none}

.project-video .content.pv-detail h6{color: #666;margin-top: 24px;}
.project-video .content.pv-detail .pre-video .v-name h4{margin: 0px;padding-left: 17px;float: left;width: calc(100% - 50px);}
.project-video .content.pv-detail .pre-video .v-name .ficon{float: right;width: 50px;text-align: center;font-size: 18px;}
.project-video .content.pv-detail .form-group label{font-weight: normal;font-size: 12px;color: #666;}
.project-video .content.pv-detail .form-group input{font-size: 18px;height: 40px;border-color: #dde0e2;color: #666;}

.project-video .content.pv-detail .pre-video{margin-bottom: 15px;background: rgba(0, 0, 0, 0) url("/public_html/images/transparent-bg.jpg") repeat scroll 0 0;float: left;position: relative;width: 100%;}
.project-video .content.pv-detail .pre-video .v-name{color: #fff;font-size: 18px;left: 0;line-height: 30px;padding: 0 15px;position: absolute;top: 8px;width: 100%;z-index: 10000;}
.project-video .content.pv-detail .pre-video .v-name .fa-status-novideo{float: left!important;text-align: left!important;width: 100%!important;}
.project-video .content.pv-detail .pre-video .progress{background: transparent none repeat scroll 0 0;border-radius: 0;box-shadow: none;}
.project-video .content.pv-detail .pre-video .stt-uploading{margin: 40px 0 0;}
.project-video .content.pv-detail .pre-video .stt-uploading .progress-bar{background: #0080c6;position: relative;}
.project-video .content.pv-detail .pre-video .stt-uploading .progress-bar .sr-only{clip: inherit;color: #fff;font-size: 12px;height: 20px;line-height: 20px;right: 13px;top: 0;width: auto;z-index: 100;}
.project-video .content.pv-detail .pre-video .stt-error{margin: 40px 0px 0px 0px;}
.project-video .content.pv-detail .pre-video .stt-error .progress-bar{background: #F90404;}
.project-video .content.pv-detail .pre-video .stt-converting{margin: 5px 0px 0px 0px;}
.project-video .content.pv-detail .pre-video .stt-converting .progress-bar{background: #339900;}
.project-video .content.pv-detail .pre-video .progress .progress-bar{position: relative;}
.project-video .content.pv-detail .pre-video .progress .progress-bar .sr-only{clip: inherit;color: #fff;font-size: 12px;height: 20px;line-height: 20px;right: 13px;top: 0;width: auto;z-index: 100;}
.project-video .player-cover-upload{position: absolute;padding: 5px;font-size: 10px;top: 15px;width: 94px;text-align: center;color: #fff; margin: 10px 0;}
.project-video .player-cover-uploadfail{position: absolute;background: #cc0000;padding: 5px;font-size: 10px;top: 15px;width: 94px;text-align: center;color: #fff;margin: 10px 0;}

.list-video{overflow: auto;}
.list-video li{padding: 10px 0 10px 17px;background: #fff;position: relative;}
.list-video li.element-text{background: #eceff1!important;text-align: center;vertical-align: middle;line-height: 13px;text-transform: uppercase;}
.list-video li.active , .list-video li:hover{background: #eceff1;}
.list-video li .media{display: inline-block;color: #666;width: calc(100% - 50px) !important}
.list-video li .media .media-left{padding-right: 30px;margin-right: 15px;}
.list-video li .media .media-left .fa-question-circle-o{position: absolute;left: 108px;top: calc(50% - 13px);}
.list-video li .media-left .player-cover{background: rgba(0, 0, 0, 0) url("/public_html/images/btn-play.png") no-repeat scroll center center / 100% 100%;height: 40px;left: calc(19% - 26px);position: absolute;top: calc(50% - 23px);width: 40px;}
.list-video li .media .media-body{vertical-align: middle;}
.list-video li .media .media-body h5{margin: 0px 0px 1px 0px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 200px;}
.list-video li .media .media-body p{margin: 0px;font-size: 10px;}
.list-video li .media .media-body span{display: inline-block;}
.list-video li .media .media-body .slash{margin: 0px -1px;}
.list-video li .check-video{width: 46px;float: right;text-align: center;background: #0080c6;height: 79px;margin-top: -10px;padding-top: 0;}
.list-video li .check-video .fa.fa-check{vertical-align: middle;padding-top: 30px;color: #fff;}
.list-video img{width: 94px;height: 55px;display: block;}
.list-video img.media-object.img-default{background: rgba(0, 0, 0, 0) url("/public_html/images/transparent-bg.jpg");}

.video-upload{float: left;width: 100%;position: relative;}
.video-upload .vu-close{position: absolute;top: 16px;right: 16px;color: #121212;font-size: 30px;display: inline-block;width: 40px;height: 40px;text-align: center;}
.video-upload .content{width: 600px;margin: 64px auto 0px auto;}
.video-upload .content h2{line-height: 42px;margin-bottom: 16px;font-weight: 300;color: #0080c6;}
.video-upload .content h6{margin: 0px;line-height: 20px;}
.video-upload .content h5 span{color: #0080c6;}
.video-upload .content .group-btn{margin-bottom: 30px;}
.video-upload .container-uploads{float: left;}
.video-upload .container-uploads .lb-choose-file-upload{display: block;margin-bottom: 8px;}
.video-upload .container-uploads .db-chooser-wrapper{display: block;}
.video-upload .container-uploads .db-chooser-wrapper .dropbox-dropin-btn{width: 200px;height: 32px;line-height: 32px !important;padding: 0px 5px;}
.video-upload .container-uploads .db-chooser-wrapper .dropbox-dropin-btn .dropin-btn-status{background-position-y: 9px;float: left;height: 32px;position: inherit;}
.video-upload .btn{height: 36px;display: inline-block;margin-left: 15px;}
.video-upload .btn.btn-upload{background: #0080c6;color: #fff;padding: 0px 32px;text-transform: uppercase;font-size: 15px;line-height: 35px;}
.video-upload .btn.btn-upload .ficon{margin-right: 11px;color: #68ddff;float: left;line-height: 36px;font-size: 19px;}
.video-upload .progress{width: 100%;margin-top: 12px;float: left;}
.video-upload .trackSpeed{color: #0095da;vertical-align: middle;font-size: 10px;letter-spacing: 1.2px;margin-top: -5px;}

.video-detail{float: left;width: 100%;position: relative;}
.video-detail .vd-close{position: absolute;top: 16px;right: 16px;color: #121212;font-size: 30px;display: inline-block;width: 40px;height: 40px;text-align: center;}
.video-detail .content{min-width: 300px; max-width: 700px; margin: 64px auto 0px auto; width: 46%;}
.video-detail .form-group label{color: #666666;font-size: 12px;}
.video-detail .form-group input{height: 45px;padding: 0px 8px;color: #666;font-size: 18px;border-color: #dde0e2;}
.video-detail .form-group .pre-video{background: url('../images/transparent-bg.jpg');width: 100%;position: relative;float: left;}
.video-detail .v-name{position: absolute;top: 8px;left: 0px;width: 100%;color: #fff;font-size: 18px;line-height: 30px;padding: 0px 15px;}
.video-detail .stt-uploading{margin: 40px 0px 0px 0px;}
.video-detail .stt-uploading .progress-bar{background: #0080c6;}
.video-detail .stt-converting{margin: 5px 0px 0px 0px;}
.video-detail .stt-converting .progress-bar{background: #339900;}
.video-detail .stt-error{margin: 40px 0px 0px 0px;}
.video-detail .stt-error .progress-bar{background: #F90404;}
.video-detail .progress{border-radius: 0px;box-shadow: none;background: transparent;}
.video-detail .progress .progress-bar{box-shadow: none;position: relative;}
.video-detail .progress .progress-bar .sr-only{clip: inherit;color: #fff;font-size: 12px;height: 20px;line-height: 20px;right: 13px;top: 0;width: auto;z-index: 100;}
.video-detail .btn{height: 36px;display: inline-block;margin-left: 15px;}
.video-detail .group-btn{position: absolute;top: 48px;right: 60px;z-index: 100;}
.video-detail .group-btn .btn{height: 36px;line-height: 36px;background: #eceff1;color: #666666;border: none;font-size: 12px;text-transform: uppercase;padding: 0px 28px;display: inline-block;margin: 0px 5px;}
.video-detail .group-btn .btn.bg-blue{background: #0080c6;color: #fff;}
.video-detail .group-btn .btn .ficon{float: left;line-height: 36px;margin-right: 8px;font-size: 16px;color: #68ddff;}
.video-detail .group-btn .btn .fa.fa-download{margin-right: 10px;color: #0cbaf4;}
.video-detail .group-btn .btn .fa.fa-download.active-download{color: #2EF2AD;}
.video-detail .group-btn .btn:hover .fa.fa-download{color: #2EF2AD;}
.video-detail .group-btn .progress{height: 20px;margin-bottom: 20px;overflow: hidden;background-color: #f5f5f5;border-radius: 4px;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);box-shadow: inset 0 1px 2px rgba(0,0,0,.1);margin: 0 5px 10px 5px;opacity: 0;}
.video-detail .group-btn .progress-bar-download{background: #2EF2AD;}
.video-detail .group-btn label{margin-bottom: -1px;font-size: 10px;margin-left: 5px;color: #0095da;opacity: 0;height: 15px;}

.project-action .content-left .content.pa-detail{padding: 10px 0px;}
.pa-detail .live.N, .pa-detail .live.P, .pa-detail .normal.L{display: none}
.pa-detail .live.L{padding: 0 28px}
.pa-detail .live.L h6{margin-bottom: 10px;}
.pa-detail .live.L .form-group label{color: #666;font-size: 12px;display: block}
.pa-detail .live.L .form-group input, .pa-detail .live.L .form-group span{color: #666;font-size: 18px;padding: 8px 10px;height: auto}
.pa-detail .live.L .form-group input.dura{width: 80px;display: inline-block;text-align: right}
.pa-detail .button-player{float: left;width: 100%;background: #f1f1f1;margin-bottom: 13px;}
.pa-detail .button-player .left-bottom{width: 100%;text-align: center;}
.pa-detail .button-player .left-bottom .table-cell{display: inline-block;}
.pa-detail .btn-preview{background: #00b7ec;color: #fff;text-transform: uppercase;font-size: 12px;display: inline-block;height: 28px;line-height: 28px;padding: 0px 10px;border-radius: 4px;}
.pa-detail .btn-preview .ficon{margin-right: 6px;float: left;line-height: 28px;}
.pa-detail h6.title{text-transform: uppercase;border-bottom: 1px solid #eceff1;font-size: 10px;line-height: 32px;color: #666666;margin: 0px;letter-spacing: 1.2px;}
.pa-detail .timeline-wrapper{height: 100%;padding: 0 32px 0 10px;}
.project-action .content-fixed{position:fixed;top:38px;z-index:1000;background:white;height:calc(100% - 38px) !important;transition-duration:0.2s;width:406px;right:-500px;}
.project-action .content-fixed.on{right:0}
.project-action .popup-email-lst {height: calc(100% - 46px);}
.timeline-item-track .hide-on-track{display: none !important;}

.action-track .placeholder-lst.tab-pane {display: table;width: 70%;}

.item-data-pdx a.item {-moz-user-select: none;background-color: #0080c6;border-radius: 5px;color: #fff;float: left;font-size: 13px;line-height: 30px;margin: 0 5px 5px 0;padding: 0 15px;}

.wrapp-doc-track{display: table;width:100%;}
.wrapp-doc-track>input{float: left}
.btn.btn-open-tracking-code {background-color: #27cbfa;color: #fff;font-size: 14px;height: auto;line-height: 18px;padding: 5px 10px;text-transform: inherit;}
.btn.btn-open-tracking-code.track-banner{}
.btn.btn-open-tracking-code.track-document {float: left;line-height: 22px;margin-left: 10px;}
.btn.btn-open-tracking-code.track-poll {float: left;line-height: 22px;margin-left: 10px;}

.preview-email-bg{background: #4d5c74;opacity: 0.4;position: fixed;width: 100%;height: calc(100% - 38px);top: 38px;right: 0px;z-index: 100;display: none;}
.preview-email-bg.open{display: block;}
.preview-email{position: fixed;background: #fff;width: 600px;top: 38px;right: -610px;z-index: 1000;height: calc(100% - 38px);transition-duration: 0.5s;box-shadow: 5px 9px 10px rgba(17,18,18,.75);}
.preview-email.open{right: 0;}
.preview-email .head{height: 50px;border: 1px solid #eceff1;padding: 8px 22px;}
.preview-email .head .btn-icon{font-size: 14px;text-transform: uppercase;color: #666;height: 32px;line-height: 32px;}
.preview-email .head .btn-icon .ficon{float: left;color: #4bbfff;line-height: 32px;margin-right: 8px;font-size: 20px;}
.preview-email .head .btn-icon.btn-close{font-size: 12px;float: right;}
.preview-email .head .btn-icon.btn-close .ficon{float: right;color: #a0a1a1;font-size: 34px;}
.preview-email-body{padding: 0px 35px;height: calc(100% - 50px);overflow: auto;}
.preview-email-body .pre-name{color: #0080c6;font-weight: 300;line-height: 44px;margin-top: 8px;margin-bottom: 0px;}
.preview-email-body .pre-type{color: #666666;font-size: 12px;line-height: 22px;margin-bottom: 28px;}
.preview-email-body .pre-subject-tt{color: #666666;font-size: 12px;line-height: 22px;margin: 0 0 8px 0;}
.preview-email-body .pre-subject{color: #666666;font-size: 14px;font-weight: bold;line-height: 24px;margin: 0px 0px 15px 0px;}
.preview-email-body .pre-content-tt{color: #666666;font-size: 12px;line-height: 22px;}
.preview-email-body .preview-email-content{font-family: arial,sans-serif;line-height: normal;white-space: normal;text-align: left;color: #222;font-size: 12px;}
.preview-email-body .preview-email-content *{box-sizing: inherit;}
.preview-email-body .preview-email-content a[href]{color: #15c;text-decoration: underline;cursor: auto;}
.preview-email-body .preview-email-content p{display: block;margin: 1em 0px;}
.preview-email-body .preview-email-content h1{display: block;font-size: 2em;margin: 0.67em 0;font-weight: bold;}
.preview-email-body .preview-email-content h2{display: block;font-size: 1.5em;margin: 0.83em 0;font-weight: bold;}
.preview-email-body .preview-email-content h3{display: block;font-size: 1.17em;margin: 1em 0;font-weight: bold;}
.preview-email-body .preview-email-content h4{display: block;margin: 1.33em 0;font-weight: bold;}
.preview-email-body .preview-email-content h5{display: block;font-size: 0.83em;margin: 1.67em 0;font-weight: bold;}
.preview-email-body .preview-email-content h6{display: block;font-size: 0.67em;margin: 2.33em 0;font-weight: bold;}
.preview-email-body .preview-email-content ol{display: block;list-style-type: decimal;margin: 1em 0;padding-left: 40px;}
.preview-email-body .preview-email-content ul{display: block;list-style-type: disc;margin: 1em 0;padding-left: 40px;}
.preview-email-body .preview-email-content ul li{list-style: inside;}
.preview-email-body .preview-email-content li{margin-left: 15px;display: list-item;}

.cal-schedule{border-bottom: 1px solid #eceff1;margin-bottom: 15px;}
.cal-schedule:last-child{border-bottom: none;}
.cal-schedule .cal-schedule-head{height: 29px;}
.cal-schedule .cal-schedule-head .dropdown-group > ul{width: 370px;}
.cal-schedule .cal-schedule-head .dropdown-group button{color: #0080c6;font-weight: bold;margin-bottom: 0;line-height: 29px;font-size: 12px;padding: 0px;}
.cal-schedule .cal-schedule-head .dropdown-group button p{display: inline-block;margin: 0;}
.cal-schedule .cal-schedule-head .dropdown-group ul li.time label {width: 70px;}
.cal-schedule .cal-schedule-head .dropdown-group ul li.time .checkbox {white-space: nowrap;}
.cal-schedule .cal-schedule-head .dropdown-group button label{margin-bottom: 0px;}
.cal-schedule .cal-schedule-head .dropdown-group button p.p-wrap .sp-endless {display: none;}
.cal-schedule .cal-schedule-head .dropdown-group button p.p-wrap.endless .sp-endless {display: block;}
.cal-schedule .cal-schedule-head .dropdown-group button p.p-wrap.endless span:not(.sp-endless) {display: none;}
.cal-schedule .cal-schedule-head .bton{line-height: 29px;color: #999999;float: left;padding: 0px 6px;font-size: 16px;}
.cal-schedule .cal-schedule-content{float: left;width: 100%;}
.cal-schedule.beside .cal-schedule-content{height: 180px;width: 320px;}
.cal-schedule .schedule-source{background: #026297;color: #fff;padding: 0px 18px;display: flex;}
.cal-schedule .schedule-source.video{position: relative}
.cal-schedule .schedule-source.video::before {content: "";background-image: url("/public_html/images/btn-play.png");position: absolute;top: calc(50% - 30px);left: calc(50% - 30px);height: 80px;width: 80px;display: inline-block;background-repeat: no-repeat;z-index: 1;background-size: 80px;}
.cal-schedule .schedule-source.img{}
.cal-schedule .schedule-source img{height: 300px;margin: 0 auto}
.cal-schedule .schedule-source .ficon{float: left;line-height: 40px;margin-right: 15px;font-size: 18px;}
.cal-schedule .schedule-source label{font-weight: normal;line-height: 40px;font-size: 14px;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 0px;}
.cal-schedule .schedule-banner{border-top: 1px solid #eceff1;font-size: 32px;height: 68px;overflow: hidden;padding: 10px;text-align: center;}
.cal-schedule .schedule-banner img{display: block;width: 100%;}
.cal-schedule .schedule-banner-full{height: 262px;overflow: hidden;border-top: 1px solid #eceff1;}
.cal-schedule .schedule-banner-full img{display: block;width: 100%;}
.cal-schedule .banner-content {align-items: center;background-position: center center;background-repeat: no-repeat;background-size: cover;display: flex;font-size: 32px;justify-content: center;}
.cal-schedule.beside .schedule-banner {background-color: #ECEFF1;background-size: 100% auto;height: 100%;}
#timeline_action_list.L .cal-schedule-head:not(.survey-result) > .dropdown.dropdown-group{display: none;}
#timeline_action_list.L .cal-schedule-head.survey-result > .dropdown.dropdown-group {height: 0;visibility: hidden;}

#timeline_action_list:not(:empty)+p {display: none;}
#timeline_action_list+p{ width: 70%;font-size: 20px;text-align: center;margin: 0 auto;position: relative;top: 10%;color: #999999;font-weight: 500;}

.cal-schedule .anwser-wrap{}
.cal-schedule .anwser-wrap li{height: 16px;line-height: 16px;font-size: 10px;margin-bottom: 8px;font-weight: 900;}
.cal-schedule .anwser-wrap li .percent{float: left;color: #026297;width: 32px;}
.cal-schedule .anwser-wrap li .answer-content{margin: 0px;width: calc(100% - 32px);color: #24c2db;position: relative;z-index: 10;float: left;}
.cal-schedule .anwser-wrap li .answer-content span.ct{position: relative;z-index: 10;padding: 0px 8px;}
.cal-schedule .anwser-wrap li .answer-content span.bg{background: #026297;position: absolute;top: 0px;left: 0px;height: 100%;z-index: 9;border-radius: 10px;}

.menu-right-tabs{border-bottom: 1px solid #e9eaea;}
.menu-right-tabs li{padding: 0px;text-align: center;margin: 0px;}
.menu-right-tabs li a{line-height: 45px;padding: 0px;border: none;border-radius: 0px;font-size: 14px;text-transform: uppercase;color: #666666;margin: 0px;}
.menu-right-tabs li.active a{border: none;background: #eceff1;margin: 0px;}
.menu-right-tabs li a:hover,.menu-right-tabs li.active a:hover,.menu-right-tabs li.active a:active, .menu-right-tabs li.active a:focus{border: none;background: #eceff1;margin: 0px;}
.menu-right-tabs li a:focus{border: none;margin: 0px;}

.project-video .list-action,
.project-action .list-action{overflow: auto;}
.project-video .list-action li,
.project-action .list-action li{padding: 10px 26px;background: #fff;}
.project-video .list-action li.active , .project-action .list-action li:hover,
.project-action .list-action li.active , .project-action .list-action li:hover{background: #eceff1;}
.project-video .list-action li .media,
.project-action .list-action li .media{display: table;color: #666;}
.project-video .list-action li .media .media-left,
.project-action .list-action li .media .media-left{padding-right: 17px;vertical-align: middle;}
.project-video .list-action li .media .media-left .ficon,
.project-action .list-action li .media .media-left .ficon{font-size: 32px;color: #c9d1d7;}
.project-action .list-action li .media .media-left img{width:94px;height: 55px}
.project-action .list-action li.timeline_add_video .media .media-left{position: relative}
.project-action .list-action li.timeline_add_video .media .media-left::before {content: "";background-image: url("/public_html/images/btn-play.png");position: absolute;top: 0px;left: 20px;height: 100%;width: 100%;display: inline-block;background-repeat: no-repeat;z-index: 1;background-size: 55px;}
.project-video .list-action li .media .media-body,
.project-action .list-action li .media .media-body{vertical-align: middle;}

.project-video .list-action li .media .media-body h5,
.project-action .list-action li .media .media-body h5{margin: 0px;line-height: 16px;margin-bottom: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 236px;}
.project-video .list-action li .media .media-body p,
.project-action .list-action li .media .media-body p{margin: 0px;font-size: 10px;}
.project-video .list-action li .media .media-body span,
.project-action .list-action li .media .media-body span{display: inline-block;}
.project-video .list-action li .media .media-body .slash,
.project-action .list-action li .media .media-body .slash{margin: 0px 7px;}
.project-video .list-action li .media .media-right,
.project-action .list-action li .media .media-right{vertical-align: middle;}
.project-video .list-action li .media .media-right p,
.project-action .list-action li .media .media-right p{float: left;width: 58px;margin: 0px;}
.project-video .list-action li .media .media-right .ficon,
.project-action .list-action li .media .media-right .ficon{color: #999999;font-size: 18px;float: left;width: 28px;text-align: center;}
#hybrid_show_more{text-transform:uppercase;text-align:center;background-color:#eceff1}
.action-add .list-banner{overflow: auto;}
.action-add .list-banner li{padding: 10px 26px;background: #fff;}
.action-add .list-banner li.active , .action-add .list-banner li:hover{background: #eceff1;}
.action-add .list-banner li .media{display: table;color: #666;}
.action-add .list-banner li .media .media-left{padding-right: 17px;vertical-align: middle;}
.action-add .list-banner li .media .media-left .ficon{font-size: 32px;color: #c9d1d7;}
.action-add .list-banner li .media .media-body{vertical-align: middle;}
.action-add .list-banner li .media .media-body h5{margin: 0px;line-height: 16px;margin-bottom: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 236px;}
.action-add .list-banner li .media .media-right{vertical-align: middle;}
.action-add .list-banner li .media .media-right p{float: left;width: 58px;margin: 0px;}
.action-add .list-banner li .media .media-right .ficon{color: #999999;font-size: 18px;float: left;width: 28px;text-align: center;}

.action-document{margin: 0px auto;width: 600px;}
.action-document h2{color: #0080c6;font-weight: 300;line-height: 42px;margin-bottom: 16px;}
.action-document h5{line-height: 20px;margin: 0;color: #666;}
.action-document .btn-upload{background: #0080c6 none repeat scroll 0 0;color: #fff;font-size: 15px;line-height: 35px;padding: 0 32px;text-transform: uppercase;display: inline-block;height: 36px;margin-left: 15px;}
.action-document .btn-upload .ficon{float: left;line-height: 36px;margin-right: 8px;}
.action-document .form-group input{width: 180px;}
.action-document .progress{width: 100%;margin-top: 25px;}
.action-document .progress .sr-only{position: relative;}
.action-poll{margin: 0px auto;width: 750px;}
.action-poll h2{color: #0080c6;font-weight: 300;line-height: 42px;margin-bottom: 16px;}
.action-poll .answer-wrap{position: relative;}
.action-poll .form-group label{ color: #666;font-size: 12px;font-weight: normal;}
.action-poll .form-group input{color: #666;max-width: 434px;}
.action-poll .form-group input.answer {margin-right: 10px;max-width: 370px;}
.action-poll .form-group input.percent {max-width: 50px;text-align: right;}
.action-poll .form-group #poll_wrap.Y input.percent{display:none}
.action-poll .form-group textarea{resize: none;color: #666;max-width: 434px}
.action-poll .form-group ul li{margin-bottom: 10px;}
.action-poll .form-group ul input{display: inline-block;float: left;}
.action-poll .form-group ul .btn-delete{display: inline-block;font-size: 18px;color: #666;line-height: 34px;padding: 0px 8px;cursor: pointer;}

.action-poll .form-group .btn-answer-new{position: absolute;bottom: 0px;right: -40px;color: #666;text-transform: uppercase;font-size: 14px;line-height: 34px;}
.action-poll .form-group .btn-answer-new .ficon{color: #4bbfff;font-size: 16px;margin-right: 6px;float: left;line-height: 34px;}
.action-poll .form-group.show-real-fake{width:100%;padding-left: 22%;display:none}
.action-poll .form-group.show-real-fake.L{display:block}
.action-poll .form-group.show-real-fake>span.ficon{display: inline-block;}
.action-poll .form-group.show-real-fake>.onoffswitch-bg{display: inline-block;margin: 0 20px;}
.action-poll .form-group.show-real-fake>.rf-title{display: inline-block;}




.action-poll .group-btn{max-width: 434px;text-align: right;}
.action-poll .btn-upload{background: #0080c6 none repeat scroll 0 0;color: #fff;font-size: 15px;line-height: 35px;padding: 0 32px;text-transform: uppercase;display: inline-block;height: 36px;margin-left: 15px;}
.action-poll .btn-upload .ficon{float: left;line-height: 36px;font-size: 16px;margin-right: 8px;color: #68ddff;}
.p-content-panel .content-right .head.head-bg{background-color: #27cbfa;}
.p-content-panel .content-right .head.head-bg a.btn{color: #fff}
.head-bg{height: 100%;}
/*.list-cover-senform li .content .content-value{margin-left:-10px!important;}*/
.head-bg .close-if{float:right;}
.head-bg .close-if .ficon{float:right;font-size:30px;color:#fff;margin-left:6px;}
.head-bg .close-if a{line-height:30px;color:#fff}
.group-dropdown{height: 44px;border: 1px solid #e9eaea;padding: 5px 10px;}
.group-dropdown .item{float: left;padding: 0px 12px;}
.group-dropdown .item:first-child{width: 60%;}
.group-dropdown .item:last-child{width: 40%;}
.group-dropdown .dropdown{display: inline-block;width: 100%;}
.group-dropdown .dropdown button{background: transparent;font-size: 12px;color: #0080c6;font-weight: bold;padding: 0px;border: none;display: block;height: 32px;width: 100%;}
.group-dropdown .dropdown button label{float: left;float: left;font-weight: bold;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: calc(100% - 15px);}
.group-dropdown .dropdown button .caret{float: left;margin: 8px 0 0 6px;}
.group-dropdown .dropdown button label span{display: inline;}
.group-dropdown .dropdown .dropdown-menu{max-height: 300px;overflow: auto;}

.inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.inputfile + label {cursor: pointer;background: #fff;border: 1px solid #dde0e2;font-size: 14px;color: #666666;display: inline-block;width: 212px;height: 36px;line-height: 34px;border-radius: 4px;float: left;padding: 0px 10px;font-weight: normal;}
.inputfile + label .ficon{align-items: center;color: #27cbfa;display: flex;float: right;font-size: 16px;height: 100%;}
.inputfile + label .tt{float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 15px);}

.project-action .video-priview{margin-top: 0px;margin-bottom: 0px;background: #f1f1f1;float: left;width: 100%;}
.project-chat .video-priview{margin-top: 0;margin-bottom: 36px;background: #f1f1f1;float: left;width: 100%;}

.fadeWrap{opacity:1;visibility:visible;}
.fadeWrap.in{opacity:1;visibility:visible;animation-name:fadebackground;animation-duration:3s;}
.fadeWrap.in2 .left-bottom h4,.fadeWrap.in2 .right-bottom h4{color:#bebebe;}
.fadeWrap.in2.button-player .wrap-duration a{color:#fff;background: #b2b2b2;}
.fadeWrap.in2.button-player .wrap-duration .time-curent.cr{color:#bebebe!important}
.fadeWrap.in2.button-player .duration-setting .item-duration input{color:transparent;background: #f2f2f2;}
.fadeWrap.in2.button-player .duration-setting .item-duration span{color:#b2b2b2;}
.fadeWrap.in2 .type-time button{color: #bebebe;}
.fadeWrap.in2 .btn-preview{color:#fff;background: #b2b2b2;}
.fadeWrap{position: relative;}
.fadeWrap.in .wrap-absolute{display: none;}
.fadeWrap.in2 .wrap-absolute{ display: block;position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 99; }
.left-bottom{padding: 0 15px;float: left;}
.left-bottom h4,.right-bottom h4{text-transform:uppercase;font-size:12px;font-weight:bold;margin-bottom:30px;margin:21px 0px;float:left}
.right-bottom{padding: 0 15px;float: right;}
.type-time{float: left;margin-top: 17px;}
.type-time button{background: transparent;color: #03b7ee;font-weight: bold;font-size: 12px;text-transform: uppercase;border:none;}
.type-time ul li .ficon{margin-right: 10px;}
.duration-setting{text-align:center;margin-top:10px;margin-bottom: 10px;}
.duration-setting .item-duration{margin:0 5px;width:88px;float:left}
.duration-setting .item-duration span{font-size:12px;color:#000}
.duration-setting .item-duration input{width:35px;text-align:center;height:35px;border:1px solid #d3d4d6;font-size:17px;border-radius:3px;font-weight:200;color:#00a9e8}
.wrap-duration{text-align:center;float:left;margin-left:10px}
.button-player .time-curent{display: inline-block;}
.button-player .wrap-duration .time-curent.cr{font-size:35px;font-weight:300;color:#00a9e8!important;margin:0 10px}
.button-player .wrap-duration a{display:inline-block;color:#fff;background:#000;width:25px;height:25px;border-radius:3px;line-height:25px;position:relative;top:-6px;font-size:15px}
.button-player .wrap-duration a:hover{color:#fff;background:#00a9e8;border-bottom:2px solid #007dac}
.fadeWrap .btn-preview{display:inline-block;color:#fff;background:#000;height:25px;border-radius:3px;line-height:25px;font-size:15px;padding: 0px 10px;margin: 14px 0px;text-transform: uppercase;}
.fadeWrap .btn-preview .ficon{margin-right: 6px;float: left;line-height: 25px;}
.fadeWrap .btn-preview:hover{color:#fff;background:#00a9e8;border-bottom:2px solid #007dac}
.table-cell{display:table-cell;vertical-align:middle}
.button-player.add{background: #f1f1f1;}
.button-player.add .left-bottom{width: 100%;text-align: center;}
.button-player.add .table-cell{display: inline-block;}
#video_zone.L > #videoWrapOnChat, #video_zone.L > .fadeWrap {display: none;}
.video-priview h6.title{text-transform: uppercase;border-bottom: 1px solid #eceff1;font-size: 10px;line-height: 28px;color: #666666;margin: 0px;letter-spacing: 1.2px;}
.action-time{border-bottom: 1px solid #eceff1;padding: 12px 0px;}
.group-time{color: #666;font-size: 14px;margin-right: 40px;float: left;}
.group-time label{line-height: 31px;float: left;font-weight: normal;margin-right: 10px;}
.group-time .separate{float: left;line-height: 31px;margin: 0px 5px;}
.group-time .time-input{position: relative;float: left;margin-bottom: 25px;}
.group-time .time-input input{height: 31px;border:1px solid #dde0e2;border-radius: 4px;line-height: 29px;width: 37px;text-align: center;}
.group-time .time-input span{position: absolute;bottom: -17px;left: 0px;font-size: 10px;display: block;width: 100%;text-align: center;}
.action-time .checkbox{float: left;margin: 0px;line-height: 31px;color: #666;}
.action-time .checkbox input{float: left;margin-top: 8px;}
.action-time .time.end-time .hide-at-dura, .cal-schedule .cal-schedule-head p.time-span-end .hide-at-dura{display: none;}
.survey-result.cal-schedule-head {background: #eceff1 none repeat scroll 0 0;height: auto;padding: 12px 40px;}
.player-panel{padding: 12px 17px;}

.banner-add{height: 100%;}
.banner-add .banner-preview{background: #eceff1;box-shadow: 0 0 7px rgba(17,18,18,.5);padding-bottom: 50%;max-width: 720px;width: 100%;margin: 40px auto;position: relative;}
.banner-add .banner-preview .banner-content, 
.banner-add .banner-preview .banner-bs-content{background-color: #fff;align-items: center;background-position: center top;background-repeat: no-repeat;background-size: 100% auto;color: #000;display: flex;font-size: 36px;font-weight: bold;height: 96px;justify-content: center;position: absolute;top: 0;width: 100%;}
.banner-add .banner-preview .banner-content.full {background-position: center center;height: 100%;top:0}
.banner-add .banner-preview .banner-content.tran {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;font-size: 0;height: 100%;}
.banner-add .banner-preview .banner-content.bot {bottom: 0;top:inherit}
.banner-add .banner-preview.use-img .banner-content{height: 100%;background-color: unset}
.banner-add .banner-preview.use-img .banner-content.full {background-position: center center;}
.banner-add .banner-preview.use-img .banner-content.bot {background-position: bottom center}
.banner-add .banner-preview.beside{background-image: linear-gradient(380deg, #fff 25%, transparent 25%),linear-gradient(150deg, #fff 25%, transparent 25%), linear-gradient(135deg, #fff 25%, transparent 25%),linear-gradient(45deg, #fff 25%, transparent 25%);background-position: -65px 0px, -50px 0px, 0 -40px, 0 -40px;background-repeat: repeat-y;background-size: 69px 69px;box-shadow: 6px 0 7px rgba(17, 18, 18, 0.5);right: 20%;width: 75%;}
.banner-add .banner-preview.beside .banner-content{display: none}
.banner-add .banner-preview.beside .banner-beside{display: block}
.banner-add .banner-preview .banner-beside{  display: none;overflow: hidden;position: absolute;right: -50%;width: 45%;}
.banner-add .banner-preview .banner-beside .banner-bs-content{box-shadow: 0 0 1px rgba(17, 18, 18, 0.5);font-size: 20px;height: 40%;margin-left: 1px;margin-top: 1px;position: absolute;width: calc(100% - 2px);background-position: center}
.banner-add .banner-preview .banner-beside .bot-beside{ margin-top: 73%;overflow: hidden;}
.banner-add .banner-preview .banner-beside .bot-beside img{ width: 100%;}

.banner-popup .content.qb-scroll.banner-setting {height: calc(100% - 46px);}
.banner-popup .p-content-panel .content-right{height: 100%;}
.popup.banner-popup .popup-content{height: 100%;}
.banner-setting .setting-head{border-bottom: 1px solid #e9eaea;height: 46px;padding: 0px 32px;color: #666;}
.banner-setting .setting-head label.tt{font-weight: normal;margin: 0px;float: left;font-size: 14px;line-height: 46px;}
.banner-setting .setting-head .right{float: right;}
.banner-setting .setting-head span{float: left;line-height: 46px;}
.banner-setting .setting-head .onoffswitch-bg{float: left;margin: 16px 10px}
.banner-setting .setting-group{padding: 20px 32px;border: none;}
.banner-setting .setting-group .form-group .control-label{font-weight: normal;font-size: 14px;color: #666;width: 95px;float: left;line-height: 18px;margin: 6px 0px;}
.banner-setting .setting-group .form-group .control-content{width: calc(100% - 95px);display: inline-block;}
.banner-setting .setting-group .form-group .control-content.target{position: relative}
.banner-setting .setting-group .form-group input{color: #333333;height: 30px;padding: 0px 8px;}
.banner-setting .setting-group .form-group input.input-color{width: 162px; text-transform: uppercase;}
.banner-setting .setting-group .form-group .preview-color{height: 18px;position: absolute;right: 37%;top: 6px;width: 30px; border: 1px solid #ccc}
.banner-setting .setting-group .form-group .preview-color.black{background-color: #000}
.banner-setting .setting-group .form-group .inputfile + label{width: 150px;}
.banner-setting .setting-group .form-group textarea{color: #333333;resize: none;}
.banner-setting .setting-group .form-group p.note{margin: 0px;font-size: 12px;color: #666;}
.banner-setting .setting-group .form-group p.note span{color: #27cbfa;}
.banner-setting .setting-group .form-group p.input-note{position: relative;margin: 0px;}
.banner-setting .setting-group .form-group p.input-note span{position: absolute;top:0px;right: -12px;color: #27cbfa;}
.banner-setting .list-color{}
.banner-setting .list-color li{float: left;margin: 8px 8px 0px 0px;}
.banner-setting .list-color a{width: 20px;height: 20px;display: inline-block;border: 2px solid #fff;}
.banner-setting .list-color li:nth-child(1) a{background: #000000;}
.banner-setting .list-color li:nth-child(2) a{background: #a9a9a9;}
.banner-setting .list-color li:nth-child(3) a{background: #FFFFFF;box-shadow: 0 0 2px #d3d3d3 inset;}
.banner-setting .list-color li:nth-child(4) a{background: #00a5e0;}
.banner-setting .list-color li:nth-child(5) a{background: #dc29a7;}
.banner-setting .list-color li:nth-child(6) a{background: #d1fc52;}
.banner-setting .list-color li:nth-child(7) a{background: #ffd57e;}
.banner-setting .list-color li:nth-child(8) a{background: #ff7e45;}
.banner-setting .list-color li.active a{border: 2px solid #00a5e0;}

.dropdown-time{display: inline-block;}
.dropdown-time button{background: transparent;border: none;}
.dropdown-time button span{}
.dropdown-time button span.caret{height: 7px;}
.dropdown-time ul{padding: 10px;min-width: 218px;}
.dropdown-time ul li{position: relative;float: left;margin-top: 20px;padding: 0px 4px;height: 24px;line-height: 24px;}
.dropdown-time ul li input{width: 36px;height: 24px;text-align: center;border: 1px solid #ccc;border-radius: 4px;}
.dropdown-time ul li span{line-height: 20px;position: absolute;text-align: center;top: -20px;width: 100%;left: 0px;}
.dropdown-time ul li .btn{color: #fff !important;padding: 0;text-align: center;width: 32px;background: #0080c6;height: 24px;}

.dropdown-group{display: inline-block;}
.dropdown-group button{background: transparent;border: none;}
.dropdown-group button span{}
.dropdown-group button label{}
.dropdown-group button .slash{font-weight: normal;}
.dropdown-group > ul{padding: 10px;min-width: 300px;}
.dropdown-group > ul > li{float: left;padding: 6px 0px;}
.dropdown-group ul li .dropdown{display: inline-block;}
.dropdown-group ul li.time{width: 100%;}
.dropdown-group ul li.time label{font-size: 14px;font-weight: normal;color: #666;float: left;line-height: 30px;margin-right: 10px;}
.dropdown-group ul li.time > div{position: relative;float: left;margin-bottom: 20px;margin-top: 0px;padding: 0px 4px;height: 30px;line-height: 30px;}
.dropdown-group ul li.time > div input[type="text"]{width: 36px;height: 30px;text-align: center;border: 1px solid #ccc;border-radius: 4px;}
.dropdown-group ul li.time > div input{height: 30px;margin-top: 0px;}
.dropdown-group ul li.time > div span{line-height: 20px;position: absolute;text-align: center;bottom: -20px;width: 100%;left: 0px;}
.dropdown-group ul li.time > div .btn{color: #fff;padding: 0;text-align: center;width: 32px;background: #0080c6;height: 30px;line-height: 30px;}
.dropdown-group ul li.time .checkbox{margin-left: 22px;}
.dropdown-group ul li.bton .btn{color: #fff;padding: 0 30px;text-align: center;background: #0080c6;height: 33px;line-height: 33px;display: inline-block;}
.dropdown-group ul li.bton .btn + .btn{margin-left: 10px;background: #e1e1e1;color: #333;}
.left .dropdown-group > ul{left: 0px;right: inherit;}
.right .dropdown-group > ul{left: inherit;right: 0px;}

.chat-setting{padding: 0px 6%;}
/*chat owr live*/
/*#content_right .head.L, #content_right .disabled.L {display: table !important;}
#video_zone.L, #content_right .head.L, #content_right .content.L {display: none !important;}*/
.chat-view-question{line-height: 45px;}
.chat-setting .cs-item{margin-top: 8px;display: flex;}
.chat-setting .cs-item.left{text-align: left;flex-flow: row nowrap;}
.chat-setting .cs-item.right{text-align: right;flex-flow: row-reverse nowrap;}
.chat-setting .cs-item .item-tool{display: inline-flex;align-items: center;justify-content: center;color: #999999;font-size: 18px;width: 28px;}
.chat-setting .cs-item .item-bg{border: 1px solid #eceff1;border-radius: 8px;display: inline-block;padding: 15px;max-width: 70%;}
.chat-setting .cs-item.left .item-bg{background: #eceff1;}
.chat-setting .cs-item.right .item-bg{background: transparent;border: 1px solid #dde0e2;}
.chat-setting .cs-item.right .itemhead{text-align: left;}
.chat-setting .cs-item .item-bg h5{margin: 0 0 0 5px;line-height: 24px;text-align: left;outline: none;}
.chat-setting .cs-item .item-bg h5:focus {background: #fff none repeat scroll 0 0;border: 1px solid #ccc;border-radius: 5px;padding: 5px 7px;}
.chat-setting .itemhead label,.chat-setting .itemhead button{color: #0080c6;font-weight: bold;margin-bottom: 0px;}
.chat-setting .itemhead .slash{color: #0080c6;margin-left: 4px;}
.pc-detail .detail-head{padding: 8px 0px;color: #666;float: left;width: 100%;}
.pc-detail .detail-head label.tt{font-weight: normal;margin: 0px;float: left;font-size: 14px;line-height: 46px;}
.pc-detail .detail-head .gr-onoffswitch{float: left;margin-left: 15px;margin-top: 9px;}
.pc-detail .detail-head .ficon{margin-left: 30px;line-height: 25px;color: #4bbfff;cursor: pointer;}
.pc-detail .detail-head span{float: left;}
.pc-detail .detail-head .onoffswitch-bg{float: left;margin: 7px 10px}
.project-chat .disabled {width: 100%;text-align: center;display: table;background: #EDEEF2;}
.project-chat .disabled > h1{display: table-cell;vertical-align: middle;height: 100%;color: #aaa;}
.project-chat .drop-viewer-txtbx {float: right;width: 50%;}
.project-chat .drop-viewer-txtbx>input {  font-size: 12px;height: 25px;padding: 0 5px;}

.p-content-panel .content-left .content.pr-detail{padding: 6px 10% 20px 10%;}
.pr-detail h6.title{text-transform: uppercase;border-bottom: 1px solid #eceff1;font-size: 10px;line-height: 28px;color: #666666;margin: 0px;letter-spacing: 1.2px;}
.setting-group{border-bottom: 1px solid #eceff1;padding: 12px 0px;color: #666;font-size: 14px;}
.setting-group .form-group{float: left;width: 100%;}
.setting-group .control-label{font-weight: normal;float: left;margin: 7px 0px;font-size: 14px;color: #666;width: 175px;}
.setting-group .control-content{width: calc(100% - 175px);float: left;}
.setting-group .control-content.room-after .ficon{margin-left: 20px;cursor: pointer;color: #4bbfff;}
.setting-group .left{padding: 0px;position: relative;}
.setting-group .left .ficon{line-height: 32px;position: absolute;margin-left: 20px;cursor: pointer;color: #4bbfff;font-size: 18px;}
.setting-group .right{padding: 0px;position: relative;}
.setting-group .right .checkbox .fa-question-circle-o{line-height: 21px;margin-left: 10px;cursor: pointer;color: #4bbfff;font-size: 18px;}
.setting-group .checkbox{display: inline-block;color: #666666;margin-top: 0px;margin: 7px 0px;width: 100%;}
.setting-group input.input-time{display: inline-block;width: 52px;margin-right: 9px;}
.setting-group .metro-dropdown{}
.setting-group .metro-dropdown select{font-size: 14px;}
.setting-group p.note{margin: 0px;font-size: 12px;color: #666;}
.setting-group p.note span{color: #27cbfa;}
.setting-group p.note .param-placeholder{cursor: pointer;}
.setting-group span.note{color: #27cbfa;}
.setting-group textarea{resize: none;}
.setting-group .room-setting-music{margin: 10px 0px 0px 0px;}
.setting-group .room-setting-music .metro-dropdown{float: left;margin-right: 8px;}
.setting-group .room-setting-music .room-setting-music-play{line-height: 32px;color: #666;}
.setting-group .webinar-ending-replay{}
.setting-group .webinar-ending-replay .checkbox{float: left;}
.setting-group .webinar-ending-replay .metro-dropdown{float: left;width: 192px;}
.setting-group .webinar-ending-replay p{float: left;width: 100%;}
.setting-group .webinar-ending-replay .form-inline{margin: 0px 0px 0px 0px;float: left;width: 100%;}
.setting-group .webinar-ending-replay .form-inline .metro-dropdown{width: 80px;margin-right: 6px;margin-bottom: 10px;}
.setting-group .webinar-ending-replay .form-inline .group-input-date{float: left;margin-right: 6px;margin-bottom: 10px;}
.setting-group .webinar-ending-replay .form-inline .group-input-date input{width: 106px;padding: 0px 24px 0px 8px;background: transparent;}
.setting-group .webinar-ending-replay .form-inline .group-input-date span{left: inherit;right: 0px;z-index: -1;}
.setting-group .webinar-ending-replay .form-inline .wrap-input-time{float: left;margin-bottom: 15px;}
.setting-group .webinar-ending-replay .form-inline .group-input-time{float: left;position: relative;}
.setting-group .webinar-ending-replay .form-inline .group-input-time input{width: 38px;padding: 0px;text-align: center;margin: 0px;}
.setting-group .webinar-ending-replay .form-inline .group-input-time span{display: block;font-size: 10px;color: #666;text-align: center;position: absolute;width: 100%;left: 0px;bottom: -14px;}
.setting-group .webinar-ending-replay .form-inline .slash{float: left;padding: 0px 4px;line-height: 32px;}

.room-setting h6.title{text-transform: uppercase;border-bottom: 1px solid #eceff1;border-top: 1px solid #eceff1;font-size: 10px;line-height: 28px;color: #666666;margin: 0px;padding: 0px 29px;letter-spacing: 1.2px;}
.room-setting .picture{padding: 18px 15px 18px 29px;}
.room-setting .picture img{width: 40px;height: 40px;border-radius: 4px;}
.room-setting .picture .media-body{vertical-align: middle;}
.room-setting .picture .media-body .ficon{margin-left: 20px;cursor: pointer;color: #4bbfff;}
.room-setting .picture .media-right{vertical-align: middle;}
.room-setting .picture .media-right a{color: #666;font-size: 18px;}
.room-setting .picture h5{color: #666666;margin: 0px;}
.room-setting .setting-group{padding: 20px 32px;}
.room-setting .setting-group .form-group{position: relative;}
.room-setting .setting-group .form-group .control-label{font-weight: normal;font-size: 14px;color: #666;width: 95px;float: left;line-height: 18px;margin: 6px 0px;text-align: right;}
.room-setting .setting-group .form-group .control-content{width: calc(100% - 95px);display: inline-block;padding-left: 8px;}
.room-setting .setting-group .form-group .inputfile + label{width: 150px;}
.room-setting .setting-group .form-group .metro-dropdown{width: 187px;float: left;}
.room-setting .setting-group .form-group input.number{color: #333333;height: 30px;padding: 0px 8px;width: 52px;}
.room-setting .setting-group .form-group .checkbox{margin: 0px;}
.room-setting .setting-group .form-group .checkbox label{font-weight: normal;font-size: 14px;color: #666;}
.room-setting .setting-group .form-group .btn-icon{display: inline-block;color: #666;font-size: 18px;line-height: 32px;padding: 0px 6px;}
.room-setting .setting-group .form-group .btn-icon:hover{color: #4bbfff;}

.userlist_popup {background: #ffffff none repeat scroll 0 0;border-radius: 8px;bottom: 0;box-shadow: 1px 1px 3px 0 #666666;display: none;height: 256px;right: 0px;margin: 4px 0;position: absolute;width: 350px;z-index: 1000;}
.userlist_popup h4 {color: #666666;font-size: 12px;font-weight: normal;margin: 20px 0 0 11px;}
.userlist_popup .embed_text {height: 195px;overflow-y: scroll;padding: 10px 20px;width: auto;}
#add_userlist_popup .result-simulate li {padding: 3px 0px;}
#add_userlist_popup .result-simulate li input {width: 100px;}
#add_userlist_popup .result-simulate li select {float: none;width: 65px;}
#add_userlist_popup .result-simulate li a{font-size: 16px;color: #666;}
.userlist_popup a.close {color: #0099cc;font-weight: normal;opacity: 1;position: absolute;right: 11px;top: 10px;font-size: 12px;}
#add_userlist_popup p {margin: 3px 0 0;padding-right: 11px;width: 100%;}
#add_userlist_popup p input.btn {background: #0095da;border: none;border-radius: 3px;box-shadow: none;font-size: 14px;height: 21px;padding: 0px 18px;width: auto;color: #fff;line-height: 21px;}
#add_userlist_popup p input.btn.save {padding: 0 6px;}

.room-mods{float: left;width: 100%;}
.room-mods .rm-close{position: absolute;top: 16px;right: 16px;color: #121212;font-size: 30px;display: inline-block;width: 40px;height: 40px;text-align: center;}

.mods-detail.content{width: 600px;margin: 0px auto 0px auto;padding-top: 64px !important;}
.popup-content .mods-form{width: 690px;margin: 0px auto 0px auto;}
.mods-form .picture{width: 193px;float: left;}
.mods-form .picture p{position: relative;margin: 0px;}
.mods-form .picture img{width: 193px;height: 193px;border-radius: 8px;display: block;}
.mods-form .picture p .ficon{width: 40px;height: 40px;position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -20px;color: #fff;font-size: 38px;cursor: pointer;}
.mods-form .setting{width: calc(100% - 193px);float: left;padding: 0px 23px;}
.mods-form .setting label{font-size: 12px;color: #666;font-weight: normal;}
.mods-form .setting input{font-size: 18px;height: 40px;color: #666;}
.mods-form .setting textarea{font-size: 18px;resize: none;color: #666;}
.mods-form .setting.moderators-review label{border-bottom: 1px solid #e9eaea;width: 100%;}
.mods-form .setting.moderators-review h4{min-height: 20px;color: #666;margin-bottom: 25px;line-height: 25px;}

.project-add .add-form{width: 435px;margin: 0 auto;}
.project-add h2{color: #0080c6;margin-top: 32px;margin-bottom: 22px;}
.project-add .form-group{color: #666;}
.project-add .form-group label{font-weight: normal;font-size: 12px;}
.project-add .form-group .input-icon{margin: 0px;position: relative;}
.project-add .form-group .input-icon input{width: 100%;font-size: 18px;height: 40px;padding: 0 30px 0 8px;border-color: #dde0e2;box-shadow: none;}
.project-add .form-group .input-icon .ficon{color: #4bbfff;font-size: 18px;line-height: 40px;position: absolute;right: 0;text-align: center;top: 0;width: 30px;cursor: pointer;}
.project-add .video-upload-btn{width: 260px;height: 156px;background: #eceff1;border-radius: 8px;display: flex;flex-flow: column;justify-content: center;align-items: center;}
.project-add .video-upload-btn .ficon{color: #4bbfff;font-size: 50px;margin-bottom: 6px;}
.project-add .video-upload-btn span{display: block;font-size: 14px;text-transform: uppercase;color: #666;}
.project-add .project-add-right .video-upload-btn{width: 175px;height: 105px;margin: 30px auto;}
.project-add .project-add-right .video-upload-btn .ficon{font-size: 40px;}
.project-add .project-add-right .video-upload-btn span{font-size: 12px;}
.project-add .project-add-left .pre-video{background: rgba(0, 0, 0, 0) url("/public_html/images/transparent-bg.jpg") repeat scroll 0 0;float: left;min-height: 245px;position: relative;width: 100%;margin-bottom: 25px;}
.project-add .project-add-left .pre-video .v-name{color: #fff;font-size: 18px;left: 0;line-height: 30px;padding: 0 15px;position: absolute;top: 8px;width: 100%;}
.project-add .project-add-left .pre-video .v-name .fa-status-novideo{float: left!important;text-align: left!important;width: 100%!important;}
.project-add .project-add-left .pre-video .progress{background: transparent none repeat scroll 0 0;border-radius: 0;box-shadow: none;}
.project-add .project-add-left .pre-video .stt-uploading{margin: 40px 0 0;}
.project-add .project-add-left .pre-video .stt-uploading .progress-bar{background: #0080c6;position: relative;}
.project-add .project-add-left .pre-video .stt-uploading .progress-bar .sr-only{clip: inherit;color: #fff;font-size: 12px;height: 20px;line-height: 20px;right: 13px;top: 0;width: auto;z-index: 100;}
.project-add .project-add-left .pre-video .stt-error{margin: 40px 0px 0px 0px;}
.project-add .project-add-left .pre-video .stt-error .progress-bar{background: #F90404;}
.project-add .project-add-left .pre-video .stt-converting{margin: 5px 0px 0px 0px;}
.project-add .project-add-left .pre-video .stt-converting .progress-bar{background: #339900;}
.project-add .project-add-left .pre-video .progress .progress-bar{position: relative;}
.project-add .project-add-left .pre-video .progress .progress-bar .sr-only{clip: inherit;color: #fff;font-size: 12px;height: 20px;line-height: 20px;right: 13px;top: 0;width: auto;z-index: 100;}
.project-add-right .player-cover-uploadfail{position: absolute;background: #cc0000;padding: 5px;font-size: 10px;top: 15px;width: 94px;text-align: center;color: #fff;}
.project-add-right .player-cover-upload{position: absolute;padding: 5px;font-size: 10px;top: 15px;width: 94px;text-align: center;color: #fff;}
.form-group .btn.btn-save{background: #0080c6;color: #fff;}
.form-group .btn.btn-save .ficon{color: #68ddff;}
.project-add-left{float: left;width: calc(100% - 407px);}
.project-add-right{float: left;width: 407px;box-shadow: 11px 18px 21px rgba(17,18,18,.75);}
.project-add-right h6.title{border-bottom: 1px solid #e9eaea;border-top: 1px solid #e9eaea;text-transform: uppercase;color: #666;height: 34px;line-height: 32px;margin: 0px;padding-left: 26px;letter-spacing: 1.2px;}

.popup{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1000;background: #fff;display: none;overflow: auto;}
.popup .popup-close{position: absolute;top: 16px;right: 16px;color: #121212;font-size: 30px;display: inline-block;width: 40px;height: 40px;text-align: center;}
.popup .popup-content{margin: 64px auto 0px auto;}
.popup.open{display: block;}
.popup.popup-head{top: 38px;height: calc(100% - 38px);}
.popup.popup-head .popup-close{top: 0px;}
.popup.popup-head .popup-content{margin-top: 40px;}

.dropdown.bg-tran button{background: transparent;border: none;}

.showtime.p-content-panel .content-left .content{padding: 0px 20px;}
.showtime .content-left .st-box{float: left;width: 100%;margin: 6px 0px;}
.showtime .content-left .box-main{height: 45px;width: 100%;background: #fff;padding: 9px 18px;border: 1px solid #eceff1;}
.showtime .content-left .box-main .ficon{line-height: 28px;margin-left: 20px;cursor: pointer;color: #4bbfff;}
.showtime .content-left .box-main label.tt{font-weight: normal;font-size: 12px;color: #666;text-transform: uppercase;float: left;line-height: 28px;margin: 0px;}
.showtime .content-left .box-main .gr-onoffswitch{float: right;}
.showtime .content-left .box-sub{height: 47px;width: 100%;background: #eceff1;padding: 0px 0px;display: table;}
.showtime .content-left .box-sub .left{display: table-cell;vertical-align: middle;float: none;}
.showtime .content-left .box-sub .center{display: table-cell;vertical-align: middle;float: none;}
.showtime .content-left .box-sub .right{display: table-cell;vertical-align: middle;float: none;text-align: right;}
.showtime .content-left .box-sub .dropdown button{color: #0080c6;font-size: 14px;}
.showtime .content-left .box-sub .dropdown ul li a{color: #0080c6;font-size: 14px;}
.showtime .content-left .box-sub .checkbox{margin: 0px;}
.double-line button{position: relative;padding-right: 14px !important;}
.double-line .caret{position: absolute;top: calc(50% - 2px);right: 0px;}
.double-line label{display: inline-block;margin: 0px;font-weight: normal;}
.double-line .tt-sub{display: block;color: #666;font-size: 10px;}

.form-inline label{margin: 0px 8px 0px 0px;font-weight: normal;line-height: 32px;float: left;color: #666;}

.list-showtime{}
.list-showtime .st-item{border-top: 1px solid #eceff1;float: left;width: 100%;display: table;height: 47px;padding: 4px 0px;}
.list-showtime .st-item:last-child{border-bottom: 1px solid #eceff1;}
.list-showtime .st-item > div{display: table-cell;vertical-align: middle;float: none;}
.list-showtime .st-item .dropdown button{color: #0080c6;font-size: 14px;padding: 0px 1px;}
.list-showtime .st-item .dropdown ul li a{color: #0080c6;font-size: 14px;}
.list-showtime .st-item .right{text-align: right;padding: 0px;}
.list-showtime .st-item .right label{font-weight: normal;font-size: 14px;color: #666;}
.list-showtime .st-item .right .dropdown{display: inline-block;}
.list-showtime .st-item .right .dropdown ul{right: 0px;left: inherit;}
.list-showtime .st-item .right .btn-delete{font-size: 16px;color: #999;margin-left: 48px;}
.showtime-setting{}
.showtime-setting > div{padding: 10px 18px;display: block;width: 100%;border-bottom: 1px solid #eceff1;}
.showtime-setting .time-zone .form-inline{margin: 10px 0px;position: relative;}
.showtime-setting .time-zone .form-inline .ficon{line-height:32px;position: absolute;margin-left: 20px;cursor: pointer;color: #4bbfff;}
.showtime-setting .delay{padding: 20px 18px;}
.showtime-setting .delay label{font-weight: normal;color: #666;font-size: 14px;}
.showtime-setting .delay .ficon{margin-left: 20px;cursor: pointer;color: #4bbfff;}
.showtime-setting .delay p{margin: 0px;}
.showtime-setting .delay p span{float: left;line-height: 32px;}
.showtime-setting .delay p span.text{margin: 0px 8px;}
.showtime-setting .delay p input{width: 52px;float: left;height: 32px;text-align: center;}
.showtime-setting .hollidays{padding: 0px 18px;}
.showtime-setting .hollidays .holliday-head.head a{padding: 0px;}
.showtime-setting .hollidays ul{padding: 7px 0px;}
.showtime-setting .hollidays ul li{display: table;width: 100%;padding: 3px 0px;}
.showtime-setting .hollidays ul li .left{display: table-cell;text-align: left;width: 22px;font-size: 16px;color: #333;vertical-align: top;}
.showtime-setting .hollidays ul li .center{display: table-cell;text-align: left;vertical-align: top;}
.showtime-setting .hollidays ul li .center a{font-size: 12px;line-height: 22px;}
.showtime-setting .hollidays ul li .center span{color: #666;margin: 0px 4px;}
.showtime-setting .hollidays ul li .center label{color: #27cbfa;cursor: pointer;margin: 0px;}
.showtime-setting .hollidays ul li .right{display: table-cell;text-align: right;width: 80px;vertical-align: top;}
.showtime-setting .hollidays ul li .right a{padding: 0px 8px;color: #999;font-size: 16px;}
.showtime-setting .hollidays ul li .right a.on{color: #27cbfa !important;}
.showtime-setting .hollidays ul li .right a.btn-repeat{color: #ccc;}
.showtime-setting .time-zone label.red{color: red;}
.calendar-popup .popup-content{width: 80%;max-width: 730px;}
.calendar-popup .popup-content .calendar-button{float: right;}
.calendar-popup .popup-content .calendar-button button{height: 29px;background: #e5e9e9;color: #6c7071;border: none;box-shadow: none;font-size: 12px;padding: 0px 14px;border: none;border-radius: 4px;}
.calendar-popup .popup-content .calendar-button button + button{background: #0080c6;color: #FFF;}
#calendar .selected_cell{background: url('../images/bg-select-day.png');}
#calendar .fc-bgevent{background: none !important;}
#calendar .fc-toolbar{margin-bottom: 34px;}
#calendar .fc-toolbar button{height: 29px;background: #e5e9e9;color: #6c7071;border: none;box-shadow: none;font-size: 12px;padding: 0px 8px;}
#calendar .fc-toolbar button + button{margin-left: 1px;}
#calendar .fc-toolbar .fc-left button{color: #111;}
#calendar .fc-toolbar .fc-center h2{font-size: 24px;color: #666666;text-transform: uppercase;}

.p-content-panel.landing-page .content-left{width: 100%;}
.p-content-panel.landing-page .content-left .lp-detail{padding: 0px;}

.p-content-panel.landing-page .content-right{width: 350px;position: absolute;top: 0px;right: -355px;transition-duration: 0.5s;background: #fff;z-index: 200;}
.p-content-panel.landing-page .content-right.on{right: 0px;}
.landing-page .show-menu{position: absolute;right: 360px;top: 58px;background: #fff;padding: 5px;border-radius: 8px;box-shadow: 0 0 9px rgba(17,18,18,.35);}
.landing-page .show-menu a{border-radius: 4px;color: #999999;float: left;font-size: 26px;height: 40px;line-height: 40px;margin: 5px;width: 43px;text-align: center;}
.landing-page .content-right .show-menu .btn-menu-edit{color: #4bbfff;}
.landing-page .content-right.on .show-menu .btn-menu-edit{color: #999;}
.landing-page .content-right.on .show-menu .btn-menu-show{background: #eceff1;}
.landing-page .btn-status{float: right;color: #666;font-size: 14px;line-height: 45px;margin-right: 33px;}
.landing-page .btn-status .ficon{color: #6ae200;margin-right: 6px;}
.landing-page .content-fixed{position: fixed;bottom: 0px;left: 0px;width: 100%;background: #0080c6;height: 46px;padding: 12px 20px;z-index: 100;}
.landing-page .content-fixed .metro-dropdown{width: 94px;}
.landing-page .content-fixed .metro-dropdown select{height: 20px;}
.landing-page .content-fixed a{color: #fff;font-size: 14px;text-transform: uppercase;line-height: 20px;margin: 0px 10px 0px 38px;display: inline-block;}
.landing-page .content-fixed a .ficon{font-size: 18px;margin-right: 6px;float: left;line-height: 20px;}
.landing-page .menu-bg-fixed{position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: #4d5c74;opacity: 0.3;z-index: 101;display: none;}
.landing-page .menu-bg-fixed.on{display: block;}
.landing-edit a:hover, .landing-edit a:active{text-decoration: none;}
.landing-edit a:focus {outline-offset: 0px;outline: none;}
.landing-li-item { position: relative; }
.landing-span-btn-status-default { background: #0080c6 none repeat scroll 0 0; border-radius: 12px; color: white; font-size: 12px; height: 26px; line-height: 26px; padding: 0 10px; position: absolute; right: 10px; top: -13px; z-index: 100; cursor: pointer; }
.landing-span-btn-status-default.btn-active-landing { background: #e8e8e8 none repeat scroll 0 0; border-radius: 12px; color: #666666; font-size: 12px; height: 26px; line-height: 26px; padding: 0 10px; position: absolute; right: 10px; top: -13px; z-index: 100; cursor: pointer; }
.landing-span-btn-status-default i { font-size: 14px; margin-right: 7px; }
list-landing li .gr-img { border-color: #e8e8e8; }
.list-landing li .btn-active-landing:hover { color: #1bc4f4; }
.list-landing{padding: 30px 32px 0px 32px;}
.list-landing li{margin-bottom: 23px;}
.list-landing li .gr-img{position: relative;height: 157px;overflow: hidden;border: 2px solid #fff;}
.list-landing li.active .gr-img{border-color: #27cbfa;}
.list-landing li .gr-img > div{position: absolute;top: 50px;left: 0px;display: block;width: 100%;text-align: center;}
/*.list-landing li .gr-img:hover > div{display: block;}*/
.list-landing li .gr-img a{background: #27cbfa;color: #fff;width: 55px;height: 55px;border-radius: 50%;margin: 0px 6px;text-align: center;font-size: 18px;display: inline-block;}
.list-landing li .gr-img a span{line-height: 55px;}
.list-landing li .gr-img img{width: 100%;}
.list-landing li p.name{text-align: center;font-size: 14px;color: #666666;text-transform: uppercase;margin: 10px 0px 0px 0px;}
.list-landing li p.name span{text-align: center;position: relative;}
/*.list-landing li.active p.name span:after{content: '\f00c';color: #27cbfa;font-family: FontAwesome;font-size: 18px;position: absolute;top: -4px;right: -22px;}*/

.list-mods{overflow: auto;}
.list-mods li{padding: 10px 26px;background: #fff;}
.list-mods li.active , .list-mods li:hover{background: #eceff1;}
.list-mods li .media{display: table;color: #666;}
.list-mods li .media .media-left{padding-right: 17px;}
.list-mods li .media .media-body{vertical-align: middle;}
.list-mods li .media .media-body h5{margin: 0px;line-height: 16px;margin-bottom: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 240px;}
.list-mods img{width: 40px;height: 40px;display: block;border-radius: 4px;}
.list-mods li .media .media-right{vertical-align: middle;}
.list-mods li .media .media-right p{margin: 0px;float: left;width: 58px;}
.list-mods li .media .media-right span{color: #999999;font-size: 18px;float: left;padding: 0px 5px;}

.p-content-panel.landing-edit .content-left{width: calc(100% - 350px);}
.p-content-panel.landing-edit .content-left .le-detail{padding: 0px;}
.p-content-panel.landing-edit .content-left .container{width: 100%;}
.p-content-panel.landing-edit .content-right{width: 350px;}
.panel-group{padding-bottom: 0px;}
.landing-setting .panel-group .panel{border-left: medium none;border-radius: 0;border-right: medium none;border-top: medium none;padding: 0;margin: 0px;}
.landing-setting .panel-default > .panel-heading{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-radius: 0;height: 100%;padding: 0 15px;}
.landing-setting .panel-default > .panel-heading .panel-title{height: 100%;line-height: 46px;}
.landing-setting .panel-default > .panel-heading .panel-title a {height: 100%;}
.landing-setting .panel-title > a {color: #666666;display: block;font-size: 14px;font-weight: normal;}
.panel-default > .panel-heading .panel-title a span {height: 100%;line-height: 44px;}
.landing-setting .panel-title > a > span {color: #0089c8;float: right;}
.panel-default > .panel-heading.active, .panel-default > .panel-heading:hover {background: #969696;}
.panel-default > .panel-heading.active .panel-title a, .panel-default > .panel-heading:hover .panel-title a {color: white;}
.panel-default > .panel-heading.active .panel-title a span, .panel-default > .panel-heading:hover .panel-title a span {color: white;}
.panel-collapse .panel-body {padding: 0 15px 15px 15px;}
.panel-collapse .panel-body .span-label-left-menu {clear: both;color: #4d4d4d;float: left;font-size: 14px;line-height: 34px;margin-top: 10px;min-height: 34px;width: 100%;}
.panel-collapse .panel-body .div-input-group {float: left;width: 100%;}
.panel-collapse .panel-body .div-input-group span {float: right;}
.span-btn-blue-white {background: #0095da none repeat scroll 0 0;border-radius: 4px;color: white;cursor: pointer;display: inline-block;height: 34px;line-height: 34px;padding: 0 15px;text-align: center;}
.landing-setting textarea{resize: none;}
.panel-collapse .panel-body .div-input-group .change-color-content-bg {float: right;width: 50%;}
input.form-control {box-shadow: none;}
.panel-collapse .panel-body .span-label-left-menu .span-group-checkbox {float: right;position: relative;width: 100%;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #eee;opacity: 1;}
.panel-collapse .panel-body .div-social-network {float: left;margin-bottom: 10px;width: 100%;}
.panel-collapse .panel-body .div-social-network .div-btn-share {float: left;margin: 0 3%;width: 25%;}
.panel-collapse .panel-body .div-social-network .div-btn-share input {cursor: pointer;float: left;margin: 7px 10% 0 0;}
.panel-collapse .panel-body .div-social-network .div-btn-share span {color: #000;font-size: 30px;}
.panel-collapse .panel-body .div-color-icon {float: left;margin-top: 5px;padding: 0 15px;width: 100%;}
.panel-collapse .panel-body .div-color-icon span.active {color: #0089c8;}
.panel-collapse .panel-body .div-color-icon span {color: #4d4d4d;cursor: pointer;float: left;font-size: 14px;width: 50%;font-weight: 600;}
.panel-collapse .panel-body .checkbox{}
.panel-collapse .panel-body .checkbox label{color: #666;}
@keyframes fadebackground{
    0%{background:#0e3042;}
    100%{background: transparent;}
}


.tabs-main{height: 45px;margin: 0px;}
.tabs-main > li{float: left;}
.tabs-main > li a{line-height: 45px;padding: 0px 24px;text-transform: uppercase;font-size: 14px;color: #666;border: none;border-radius: 0px;display: block;text-decoration: none;}
.tabs-main > li.active a{background: #eceff1;}
.tabs-main > li:hover a{background: #eceff1;text-decoration: none;}
.tabs-main .bton{line-height: 45px;padding: 0px 10px;margin-right: 5px;}
.tabs-main .bton .ficon{font-size: 26px;color: #121313;float: left;line-height: 45px;}
.t-content-panel .tabs-main{box-shadow: -5px -7px 16px rgba(17,18,18,.75);}

.list-template{padding: 30px 32px 0px 32px;}
.list-template li{margin-bottom: 23px;float: left;}
.list-template li .gr-img{position: relative;height: 157px;overflow: hidden;border: 2px solid #999999;}
.list-template li.active .gr-img{border-color: #27cbfa;}
.list-template li .gr-img > div{position: absolute;top: 50px;left: 0px;display: none;width: 100%;text-align: center;}
.list-template li .gr-img:hover > div{display: block;}
.list-template li .gr-img a{background: #27cbfa;color: #fff;width: 55px;height: 55px;border-radius: 50%;margin: 0px 6px;text-align: center;font-size: 18px;display: inline-block;}
.list-template li .gr-img a span{line-height: 55px;float: left;width: 100%;text-align: center;font-size: 24px;}
.list-template li .gr-img img{width: 100%;}
.list-template li p.name{text-align: center;font-size: 14px;color: #666666;text-transform: uppercase;margin: 10px 0px 0px 0px;}
.list-template li p.name span{text-align: center;position: relative;}
.list-template li.active p.name span:after{content: '\f00c';color: #27cbfa;font-family: FontAwesome;font-size: 18px;position: absolute;top: -4px;right: -22px;}

.menu-bg-fixed{position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: #4d5c74;opacity: 0.3;z-index: 101;display: none;}
.menu-bg-fixed.on{display: block;}
.p-content-panel.webinar-room .content-left{width: 100%;}
.p-content-panel.webinar-room .content-right{width: 305px;}
.p-content-panel.webinar-room .content-left .wr-detail{padding: 0px;}
.p-content-panel.webinar-room .content-left{width: 100%;}

.p-content-panel.webinar-room .content-right{position: fixed;right: -310px;width: 305px;box-shadow: -15px 15px 21px rgba(17,18,18,.75);background: #fff;z-index: 1002;transition-duration: 0.5s;}
.p-content-panel.webinar-room .content-right.on{right: 0px;}
.webinar-room .show-menu{position: absolute;right: 315px;top: 58px;background: #fff;padding: 5px;border-radius: 8px;box-shadow: 0 0 9px rgba(17,18,18,.35);}
.webinar-room .show-menu a{border-radius: 4px;color: #999999;float: left;font-size: 26px;height: 40px;line-height: 40px;margin: 5px;width: 43px;text-align: center;}
.webinar-room .content-right .show-menu .btn-menu-edit{color: #4bbfff;}
.webinar-room .content-right.on .show-menu .btn-menu-edit{color: #999;}
.webinar-room .content-right.on .show-menu .btn-menu-show{background: #eceff1;}
.webinar-room .btn-status{float: right;color: #666;font-size: 14px;line-height: 45px;margin-right: 33px;}
.webinar-room .btn-status .ficon{color: #6ae200;margin-right: 6px;}

.p-content-panel.webinarraum-edit .content-left{float: right;width: calc(100% - 322px);}
.p-content-panel.webinarraum-edit .content-left .we-detail{padding: 0px;}
.p-content-panel.webinarraum-edit .content-right{float: left;width: 322px;box-shadow: -15px 15px 21px rgba(17,18,18,.75);}

.p-content-panel.plugin-panel .content-left{width: 100%;}
.p-content-panel.plugin-panel .content-left .pp-detail{padding: 0px;}
.p-content-panel.plugin-panel .content-right{width: 425px;box-shadow: none;position: fixed;top: 88px;right:-425px;height: calc(100% - 88px);background: #fff;z-index: 1002;transition-duration: 0.5s;}
.p-content-panel.plugin-panel .content-right.on{right: 0px;}
.plugin-fixed-margin{height: 50px;}
.list-plugin{}
.list-plugin li{width: 100%;padding: 30px 20px;border-bottom: 1px solid #eceff1;display: table;}
.list-plugin li .col{display: table-cell;vertical-align: middle;padding: 0px 10px;}
.list-plugin li .col img{max-height: 27px;max-width: 125px;}
.list-plugin li .col label{font-weight: normal;font-size: 12px;color: #999;display: block;margin: 0px;}
.list-plugin li .col label.big{font-size: 16px;color: #666;}
.list-plugin li .col label span{color: #0080c6;}
.list-plugin li .col .ficon{cursor:pointer;}
.list-plugin li .col .gr-onoffswitch{display: inline-block;}
.list-plugin li .col .gr-onoffswitch span{color: #666666;font-size: 14px;}
.list-plugin li .col .bton{font-size: 18px;color: #999999;display: inline-block;padding: 0px 4px;}
.list-plugin li .col .bton:hover{color: #4bbfff;}
.list-plugin li .col:nth-child(1){width: 20%;}
.list-plugin li .col:nth-child(2){width: 23%;}
.list-plugin li .col:nth-child(3){width: 23%;}
.list-plugin li .col:nth-child(4){width: 22%;}
.list-plugin li .col:nth-child(5){width: 12%;}
.plugin-setting{height: calc(100% - 46px);}
.plugin-setting .plugin-active{padding: 17px 20px;border-bottom: 1px solid #e9eaea;}
.plugin-setting .plugin-active p{margin: 0px;float: left;}
.plugin-setting .plugin-active p img{max-height: 27px;}
.plugin-setting .plugin-active .gr-onoffswitch{float: right;}
.plugin-setting .plugin-active .gr-onoffswitch span{font-size: 14px;color: #666;}
.plugin-setting .setting-group{padding: 20px 23px 20px 27px;border-bottom: 1px solid #eceff1;}
.plugin-project-lst li{padding: 20px 38px 20px 28px;border-bottom: 1px solid #eceff1;}
.plugin-project-lst li h6{margin: 0px;color: #666;line-height: 16px;}
.plugin-project-lst li h4{line-height: 22px;margin: 0 0 4px 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 252px;color: #0080c6;}
.plugin-project-lst li img{display: inline-block;width: 40px;height: 40px;border-radius: 8px;}
.plugin-project-lst li .media{display: table;}
.plugin-project-lst li .media-right{vertical-align: middle;}

.list-new-plugin{}
.list-new-plugin li{margin: 0px;position: relative;height: 124px;line-height: 67px;text-align: center;}
.list-new-plugin li p{margin: 0px;text-align: center;}
.right-new-listplug > .list-new-plugin li p img{ max-width: 165px;width: 86%;}
.left-new-listplug > .list-new-plugin li p img{ max-width: 165px;width: 86%;max-height: 42px;}
.list-new-plugin li p img.logo-quentn{ max-width: 75px;}
.list-new-plugin li:hover .bton{display: block;}
.list-new-plugin li .bton{z-index: 99;position: absolute;width: 44px;height: 44px;border-radius: 50%;line-height: 44px;text-align: center;background: #27cbfa;color: #fff;top: calc(50% - 22px);left: calc(50% - 22px);display: none;}
.list-new-plugin.right li .bton{z-index: 99;position: absolute;width: 44px;height: 44px;border-radius: 50%;line-height: 44px;text-align: center;background: #27cbfa;color: #fff;top: calc(50%) !important;left: calc(50% - 22px);display: none;}
.list-new-plugin li .bton .ficon{font-size: 18px;}
.list-new-plugin li .btn{height: 43px;text-align: center;background: #eeeeee;font-size: 14px;color: #666666;text-transform: uppercase;line-height: 43px;display: inline-block;padding: 0px 50px;}
.list-new-plugin li .btn .ficon{font-size: 18px;line-height: 43px;float: left;margin-right: 6px;color: #4bbfff;}
.list-new-plugin li{ border: 1px solid #b4ccd9;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;border-radius: 8px;}
.list-new-plugin li{width: 169px;height: 65px;padding: 0;margin: 0 15px 25px 0;}
.list-new-plugin li:hover{box-shadow: 0px 2px 7px 0px rgba(86, 127, 177, 0.28);text-shadow: 0px 2px 7px rgba(86, 127, 177, 0.28); cursor: pointer;}
.list-new-plugin.right li:hover .bton{box-shadow: 0px 2px 7px 0px rgba(86, 127, 177, 0.28);text-shadow: 0px 2px 7px rgba(86, 127, 177, 0.28); cursor: pointer;display: block;}
.list-new-plugin .title-if{color: #333333;font-size: 18px;padding: 0;font-weight: 600;margin-bottom: 30px;}
.right-new-listplug .list-new-plugin li{width: 100%;display: table;}
.left-new-listplug .list-new-plugin{width: 93%;display: table;margin: 0 auto;}
.right-new-listplug .list-new-plugin li .using-by{padding-top: 24px;background: white;width: 100%;border-radius: 0 0 8px 8px;display: table;padding-bottom: 24px;border-top: 1px solid #b4ccd9;}
/*.right-new-listplug .list-new-plugin li .using-by .item{line-height: 65px;}*/
.right-new-listplug .list-new-plugin li .using-by .item{margin-left: 17px;padding: 10px 0px 10px 0px;height: 120px;}
.right-new-listplug .list-new-plugin li[data-form="frm-add-zapier"] .using-by .item{margin-left: 0px;padding: 10px 0px 10px 0px;height: 120px;}
.right-new-listplug .list-new-plugin li .using-by .item img{max-width: 100%;}
.right-new-listplug .list-new-plugin li .using-by h5{font-weight: 600;font-size: 14px;color: #595959;margin-top: 20px;margin-bottom: 20px;}
/*.right-new-listplug .list-new-plugin li:nth-child(1) .using-by .item {line-height: 106px;}*/
.right-new-listplug .list-new-plugin li > span.fa-question-circle-o {position: absolute;right: 13px;top: 12px;}
.right-new-listplug .list-new-plugin{width: 93%;display: table;margin: 0 auto;}

.plugin-popup h2{color: #0080c6;font-weight: 300;padding: 0px 4%;margin-bottom: 24px;}
.plugin-popup h5{color: #666666;padding: 0px 7%;}
.plugin-form-popup .mods-form{margin-top: 78px;}
.plugin-form-popup .mods-form .picture{width: 220px;}
.plugin-form-popup .mods-form .picture img{height: auto;max-width: 80%;}
.plugin-form-popup .mods-form .setting{width: calc(100% - 220px);}
.plugin-form-popup .mods-form .setting h2{font-weight: 300;color: #0080c6;margin-bottom: 24px;margin-top: 0px;}
.plugin-form-popup .mods-form .setting h5{color: #666666;margin-bottom: 30px;}
.plugin-form-popup .setting-group{border: none;}
.plugin-form-popup .setting-group .control-label{width: 170px;margin: 6px 0px;}
.plugin-form-popup .setting-group .control-content{width: calc(100% - 170px);}
.plugin-form-popup .setting-group .control-content input{height: 30px;color: #333333;padding: 0px 8px;}
.plugin-form-popup .setting-group button{background: #0080c6 none repeat scroll 0 0;color: #fff;font-size: 15px;line-height: 35px;padding: 0 32px;text-transform: uppercase;display: inline-block;height: 36px;margin-left: 15px;}
.plugin-form-popup .setting-group button .ficon{font-size: 18px;color: #68ddff;float: left;line-height: 36px;margin-right: 6px;}

.statistic-fixed-margin{height: 50px;}
.statistic-pannel{}

.p-content-panel.iframe-embedcode .content-left{width:calc(100% - 304px);}
.p-content-panel.iframe-embedcode .content-left .ie-detail{padding: 0px;}
.p-content-panel.iframe-embedcode .content-right{width: 304px;}
.ie-detail .iframe-box{margin: 35px auto;display: table;}
.iframe-embedcode .list-landing li .gr-img{height: 132px;}
.get-embedcode{width:calc(100% - 304px);height:162px;background:#0080C7;bottom:0;position:fixed;}
.get-embedcode .content{padding:0 3%;}
.get-embedcode .content-iframe{width:100%;height:101px;margin-top:15px;border-radius:4px;resize:none;border: none;padding: 8px;color: #666666;font-size: 12px;font-style: italic}
.get-embedcode .funct-bt button{float:right;background:transparent;color:white;font-weight:100;border:none;font-size:14px;margin-top: 13px;text-transform: uppercase}
.get-embedcode .funct-bt button .ficon{ float: left;font-size: 16px;line-height: 20px;margin-right: 6px;}

.iframe-box{position: relative;}
.iframe-box .arrow-left{position: absolute;left: 14px;bottom: 23px;}
.iframe-box .arrow-left img{width: 65px;}
.iframe-box .arrow-reveser{position:absolute;bottom: 23px;left: 14px;}
.iframe-box .arrow-reveser img{width: 65px;}
.iframe-box .arrow-reveser-right{position:absolute;bottom: 23px;right: 9px;}
.iframe-box .arrow-reveser-right img{width: 65px;}
.iframe-box .autofacebook{cursor: pointer;}

.bfg-blue{background:#0189C7;color:#fff;overflow: hidden;}
.bfg-blue .header-item {background: #ffae02;color: #000;font-weight: 600;text-align: center;padding: 5px}
.bfg-blue .header-item h3 {font-size: 22px;font-weight: bold;margin-bottom: 0;margin-top: 0;padding: 8px;}
.bfg-blue .header-item p{margin-bottom:0;font-size:18px;font-weight:500;}
.bfg-blue .content-data {padding: 20px 15px 15px;text-align: left;}
.bfg-blue .content-data .choice-showtime {font-size: 15px;padding-left: 0;}
.bfg-blue .content-data .checkbox label{padding-left:0px;}
.bfg-blue .content-data input[type="text"]{width:100%;height:40px;border-radius:5px;color:black;border:none;-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,.4);-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,.4);box-shadow:inset 0 3px 8px rgba(0,0,0,.24);margin-top:16px;font-size:1.1em;padding:10px;}
.bfg-blue .content-data .btn-registry-now button{background:#302c2c;color:white;border-radius:4px;padding:12px 12px;font-weight:bold;border:none;display:block;margin:0 auto;margin-top:25px;margin-bottom:10px;font-size:1.3em;}
.bfg-blue textarea{resize: none;}

.bfg-ct-red{margin:0 auto;background:#fe9900;color:black;font-size:12px;border-radius:8px 8px 0 0;overflow: hidden;}
.bfg-ct-red .header-item{background:#cc0001;text-align:center;color:white;font-weight:600;padding:15px 0;}
.bfg-ct-red .header-item.triangle-down:after{border-width:35px 35px 0;left:52%;}
.bfg-ct-red .header-item p{margin-bottom:0;}
.bfg-ct-red .content-data{padding:0 15px 15px 15px;text-align: left;margin-top: 20px;}
.bfg-ct-red .content-data .choice-showtime{margin-top:0px;font-size:12px;font-weight:bold;padding-left:0;}
.bfg-ct-red .content-data .yourinfo-showtime{margin-top:0px;font-size:12px;font-weight:bold;padding-left:0;margin-bottom: 10px;}
.bfg-ct-red .content-data .checkbox label{padding-left:0px;}
.bfg-ct-red .content-data input[type="text"]{width:100%;height:32px;border-radius:5px;color:black;border:none;-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,.4);-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,.4);box-shadow:inset 0 3px 8px rgba(0,0,0,.24);margin-bottom:10px;font-size:1.1em;padding:10px;}
.bfg-ct-red .content-data .btn-registry-now button{background:#302c2c;color:white;border-radius:4px;padding:12px 20px;font-weight:bold;border:none;display:block;margin:0 auto;margin-top:10px;font-size:1.4em;text-transform: uppercase;}
.bfg-ct-red .header-item h3{margin-top:0;margin-bottom:0;font-size:22px;font-weight:bold;}
.bfg-ct-red textarea{resize: none;}

.bfg-orange{border-radius:8px;background:#ec961b;top:-88px;}

.checkbox.cus label:after,
.radio.cus label:after{content:'';display:table;clear:both;}
.checkbox.cus .cr,
.radio.cus .cr{position:relative;display:inline-block;border:1px solid #eceff1;border-radius:.25em;width:0.9em;height:0.9em;float:left;background:white;margin-right:.5em;top:4px;color:black;}
.radio.cus .cr{border-radius:50%;}
.checkbox.cus .cr .cr-icon,
.radio.cus .cr .cr-icon{position:absolute;font-size:.8em;line-height:0;top:25%;left:-4%;font-size:14px;}
.radio.cus .cr .cr-icon{margin-left:0.04em;}
.checkbox.cus label input[type="checkbox"],
.radio.cus label input[type="radio"]{display:none;}
.checkbox.cus label input[type="checkbox"] + .cr > .cr-icon,
.radio.cus label input[type="radio"] + .cr > .cr-icon{opacity:0;transition:all .3s ease-in;}
.checkbox.cus label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio.cus label input[type="radio"]:checked + .cr > .cr-icon{opacity:1;}
.checkbox.cus label input[type="checkbox"]:disabled + .cr,
.radio.cus label input[type="radio"]:disabled + .cr{opacity:.5;}

.iframe-list{padding: 40px 0px;text-align: center;}
.iframe-list li{margin: 0px 40px;display: inline-block;}
.iframe-list li .funct{position:absolute;width:100%;top:50%;opacity:0;z-index:-1;text-align: center;left: 0px;}
.iframe-list li .iframe-box:hover .funct{cursor:pointer;position:absolute;width:100%;top:50%;opacity:1;z-index:1;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;-ms-transition:opacity 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;}
.iframe-list li .funct a{background:#27cbfa;color:#fff;width:55px;height:55px;border-radius:50%;margin:0px 6px;text-align:center;font-size:18px;display:inline-block;}
.iframe-list li .funct a i{line-height:55px;}
.iframe-list li .refresh-preview{color: #666666;text-transform: uppercase;text-align: center;}

.iframe-setting{}
.p-content-panel.iframe-setting.dimension-flag .content-left{width: 350px;}
.p-content-panel.iframe-setting.dimension-flag .content-left > .content{padding: 0px;}
.p-content-panel.iframe-setting.dimension-flag .content-right{width: calc(100% - 350px);}
.p-content-panel.iframe-setting.dimension-flag .content-right > .content{float: left;width: 100%;}
.p-content-panel.iframe-setting.dimension-flag .content-right .head-group-btn{max-width: 407px;float: right;display: table;}
.p-content-panel.iframe-setting.dimension-flag .content-right .head-group-btn a{display: table-cell;vertical-align: middle;width: 18%;}

.iframe-setting .tabs-main-content .tab-pane {padding: 0px 10%;height: 100%;}
.iframe-setting .setting-group{border: none;}
.iframe-setting .setting-group .control-content hr{margin: 0px;}
.iframe-setting .setting-group .control-label{color: #000;}
.iframe-setting .setting-group .control-content input[type="text"]{color: #000;}
.iframe-setting .tabs-main-content .checkbox .cr{border-color:#0092dc;border-radius:50%;}
.iframe-setting .tabs-main-content .checkbox .cr i{color:#0092dc;}
.iframe-view .iframe-box{margin: 0px auto 15px auto;display: table;}
.iframe-view .refresh-preview{text-align: center;margin-bottom: 30px;}
.iframe-view .refresh-preview a{color: #0095da;font-style: italic;font-size: 14px;display: inline-block;line-height: 26px;}
.iframe-view .refresh-preview a .ficon{font-size: 16px;line-height: 26px;float: right;margin-left: 6px;}

.dimension-content{margin: 50px auto;}
.dimension-content .form-group label{font-size: 14px; color: #000;margin-right: 6px;font-weight: normal;}
.dimension-content .form-group input{width: 52px;height: 32px;color: #000;border: 1px solid #dde0e2;display: inline-block;font-size: 14px;text-align: center;}

.adjust-width-height{position:absolute;left:6%;z-index:1;}
.adjust-width-height .item{margin-bottom:15px;}
.adjust-width-height label{width:22%;font-weight:600;font-size:15px;}
.adjust-width-height input[type="text"]{width:20%;height:35px;outline-style:none;border:1px solid #E4E5E7;overflow:hidden;border-radius:4px;padding-left:5px;padding-left:16px;padding-right:5px; box-shadow: rgba(0, 0, 0, 0.298039) 1px 1px 2px 0px inset; background-image:initial;background-color:rgba(255,255,255,0.74902);color:#424242;font-family:HelveticaNeue-Light;font-size:18px;}
input[type="text"]{outline-style:none!important;}

.arrow-lf-check, .arrow-rl-check, .arrow-ct-check{background:url("../images/arrow3.png");width:40px;height:35px;background-position:center!important;background-repeat:no-repeat!important;position:absolute;background-size:100% 100%!important;bottom:-6px;left:38px;}
.arrow-rl-check{background:url("../images/arrow5.png");}
.arrow-ct-check{background:url("../images/arrow1.png");}
.close-tab-menu .icon-close{background:url("../images/close.png");padding:0px 9px;background-position:center;background-repeat:no-repeat;line-height:46px;background-size:100% 100%;margin-right:15px;}

.choice-main-color{padding:40px 0px;}
.choice-main-color li{float: left;width: 100%;margin: 8px 0px;}
.choice-main-color .div-end-checkbox .checkbox{margin-right:55px;left:0px;display: inline-block;margin-top: 0px;}
.choice-main-color .div-end-checkbox .checkbox .cr{border:1px solid #ccc;border-radius:50%;}
.choice-main-color .div-end-che.video-uploadckbox .checkbox *{color:#0393D7}
.choice-main-color .input-option-color{display:inline-block}
.choice-main-color .input-option-color .item *{display:inline-block;vertical-align:middle;padding-left:0;font-size:14px;color:#000;}
.choice-main-color .input-option-color .title,
.choice-main-color .div-end-checkbox .title{font-style:italic;color:#666666;font-weight:500;font-size:14px;}

.input-option-color .choice-color{border-radius:6px;height: 20px;width: 20px;box-shadow: inset 1px 2px 4px rgba(4,5,5,0.5);}
.input-option-color .choice-color .sp-replacer{margin: 0px;padding: 0px;border: none;float: left;border-radius: 6px;height: 20px;width: 20px;overflow: hidden;}
.input-option-color .choice-color .sp-dd{display: none;}
.input-option-color .choice-color .sp-preview{border: none;margin: 0px;}
.input-option-color .choice-color .sp-preview-inner{margin: 0px;box-shadow: 1px 2px 4px rgba(4, 5, 5, 0.5) inset;}
.input-option-color label {font-weight: normal;margin: 0px;}
.triangle-down:after{content:" ";position:absolute;left:50%;margin-left:-40px;border-style:solid;border-width:20px 40px 0;border-color:#CC0001 transparent transparent transparent;}

.p-content-panel.interface-page .content-right{width:600px;}
.p-content-panel.interface-page .content-left{width:calc(100% - 600px);}
.p-content-panel.interface-page .content-left .content.interface-detail{padding: 0px;background: #eceff1;}
.interface-detail .null-data{width:60%;font-size:20px;text-align:center;margin:0 auto;position:relative;top:20%;color:#999999;font-weight:500;}
.interface-detail .content-add-interface{padding-top:20px;padding-left:20px;}
.interface-detail h6.title{text-transform: uppercase;border-bottom: 1px solid #d9dcde;border-top: 1px solid #d9dcde;font-size: 10px;line-height: 28px;color: #666666;margin: 0px;padding: 0px;letter-spacing: 1.2px;}
.interface-detail input[type="text"]{height:31px;border:1px solid #dde0e2;border-radius:6px;width:130px;background: #fff;color:#666;padding: 0px 8px;font-size: 14px;}
.interface-detail input[type="text"] + .fa-times {color: red;cursor: pointer;}
.interface-detail input.email_timing_day {width:auto;}
.it-bd-inputtext{padding:20px;padding-left:0;position: relative;}
.it-bd-inputtext input[type="text"]{margin-right:20px;}
.list-customise{margin: 20px 0px 0px 0px;}
.list-customise li{padding: 0px 20px 0px 0px;}

.typeahead-complete .funct-interface{float:right;font-size:18px;color:#999;}
.typeahead-complete .funct-interface .ficon{line-height:31px;cursor:pointer}

.interface-page .interface-clicktip{margin-left: 0!important}

.interface-page .dropdown-add-newset{width:100%;margin-top:15px;}
.interface-page .dropdown-add-newset *{display:inline-block;vertical-align:middle;}
.interface-page .time-hour{width:40px!important;}
.interface-page .time-hour{margin-left:20px;display:table;margin:0 auto!important;}
.interface-page .dropdown-add-newset .metro-dropdown{width:auto;margin-right:20px;}
.interface-page .dropdown-add-newset .metro-dropdown select{font-size:14px;height:29px;width: 100%;}
.interface-page .dropdown-add-newset .metro-dropdown select.checksend{min-width: 140px;}
.interface-page .dropdown-add-newset .metro-dropdown select option{display: block;}
.interface-page .dropdown-add-newset .text-input{width:auto;position:relative}
.interface-page .dropdown-add-newset .text-input .nomgf{margin-left:0;}
.interface-page .dropdown-add-newset .text-input .nomgr{margin-right:0!important;}
.interface-page .dropdown-add-newset .text-input span{position:absolute;text-align:center;width:100%;font-weight:300;font-size:12px;left: 0px;bottom: -18px;}
.interface-page .dropdown-add-newset .text-input span.twitter-typeahead {bottom:0;}
.interface-page .dropdown-add-newset .text-inputlast{margin-right:20px;}

.interface-detail .form-group .btn:hover{color:#fff;}
.interface-detail .form-group .btn{text-transform:uppercase;float:right;background:#0080c6;color:#fff;margin-right:20px;padding:0px 15px;line-height:33px;border-radius:6px;margin-top:18px;font-size: 12px;display: inline-block;height: 33px;border: none;}
.interface-detail .form-group .btn span{margin-right:10px;font-size:16px;position:relative;color:#4bbfff;float: left;line-height: 33px;}

.list-action-sets{position: relative;}
.list-action-sets li{padding: 20px 20px 30px 0px;border-bottom: 1px solid #d9dcde;}
.list-action-sets .funct-interface{float:right;font-size:18px;color:#999;}
.list-action-sets .funct-interface .ficon{line-height:31px;cursor:pointer}
.list-action-sets .it-bd-inputtext{padding: 0px;}

.list-interface{}
.list-interface li{border-bottom:1px solid #E9EAEA;background: #fff;padding: 28px 26px;}
.list-interface li:hover{background:#eceff1;}
.list-interface li.active{background:#eceff1;}
.list-interface li .media{color: #666;display: table;}
.list-interface li .media-left{padding-right: 50px;}
.list-interface li .media-left img{height: 30px;}
.list-interface li .media-body{vertical-align: middle;}
.list-interface li .media-body h5{font-size: 16px;margin: 0px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-interface li .media-right{vertical-align: middle;}
.list-interface li .media-right p{margin: 0px;}
.list-interface li .media-right p span{color: #999999;float: left;font-size: 18px;padding: 0 5px;}

.interface-page .content-add{width:500px;height:calc(100% - 38px);position:fixed;top:38px;z-index:200;right:-500px;transition-duration:0.2s;background:white;}
.interface-page .content-add .close-if{display:none;float:right;}
.interface-page .content-add .close-if a{font-size:12px;display:inline-block;text-transform:uppercase;color:#666;line-height: 37px;}
.interface-page .content-add .close-if .ficon{float: right;font-size: 30px;color: #a0a1a1;margin-left: 6px;line-height: 37px;}
.interface-page .content-add.on{right:0;}
.interface-page .content-add .item-cover-select{height:80px;padding:7px;border-bottom:1px solid #F3F5F6;padding-left:30px;}
.interface-page .content-add .item-cover-select .metro-dropdown{width:250px;padding:2px;}
.interface-page .content-add .item-cover-select .metro-dropdown select{font-size:14px;}

.interface-page .content-add .content-add-list{height: calc(100% - 51px);overflow: auto;}
.content-add-list li{border-bottom:1px solid #E9EAEA;background: #fff;padding: 13px 26px;}
.content-add-list li:hover{background:#eceff1;}
.content-add-list li .media{color: #666;display: table;}
.content-add-list li .media-left{padding-right: 25px;}
.content-add-list li .media-left img{height: 30px;}
.list-interface li .media-left[data-type='C'] img,.content-add-list li[data-type='C'] .media-left img{height:16px;} 
.content-add-list li .media-body{vertical-align: middle;}
.content-add-list li .media-body h5{font-size: 16px;margin: 0px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.interface_own_responder_detailnew .list-action-sets li,.interface_own_responder_detailnew .list-action-sets .item-urllist-dt{box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);padding: 10px;background: white;margin-top: 20px;border-radius: 4px;margin-right: 20px;min-height: 112px;}
.interface_own_responder_detailnew .list-action-sets .item-urllist-dt{min-height: auto;box-shadow: none;margin-top: 0;}
.interface_own_responder_detailnew .list-action-sets .add-urllist{margin-top: 20px !important;}
.interface_own_responder_detailnew .metro-dropdown.select-border.url-list{margin-top: 30px;height: 30px;padding: 4px;text-align: center;}
.interface_own_responder_detailnew .covert-open-dialog{display: inline-block;width: 100%;margin-bottom: 0;}
.interface_own_responder_detailnew .list-action-sets li.null-list-data .metro-dropdown.select-border.url-list{background: #e1e1e1;}
.interface_own_responder_detailnew .list-action-sets li .wbn-add-new  {position: relative;top: 1px;left: 0px;font-size: 18px;   color: #4bbfff;cursor: pointer}
.interface_own_responder_detailnew .dropdown-add-newset{margin-top: 6px;cursor: pointer}
.interface_own_responder_detailnew .list-action-sets .funct-interface {position: relative;top:0;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .modal-footer,.interface_own_responder_detailnew #dlgown_responder_detailnew .modal-header{border: none;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .modal-footer .btn-save{background: #0080c6;color: white;cursor: pointer;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-group{width: 100%;margin-bottom: 15px;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-group .content input[type="text"]{width: 100%;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-inline .form-group label{width: 25%;text-align: right;padding-right: 10px;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-inline .form-group textarea.form-control,.interface_own_responder_detailnew #dlgown_responder_detailnew .form-inline .form-group input.form-control{width: 78%;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-inline .form-group textarea.form-control.preview{background:#E0E0E0;resize: none;}
.interface-detail .form-group .btn.httpget-dialog-open{margin-right: 0;}
.interface_own_responder_detailnew #dlgown_responder_detailnew  .modal-dialog modal-md{width: 510px;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-inline.parameter-section .form-group .form-control.param{border: none;box-shadow: none;width: 410px;margin: 0 auto;display: block}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-inline.parameter-section .form-group .form-control.param label{width: 100%;text-align: center;font-weight: bold}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-inline.parameter-section .form-group .content-data.param .form-control{width: auto;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-inline.parameter-section .form-group .content-data.param .funct-interface{position: relative;float: right;top: -25px;right: -60px;}
.interface_own_responder_detailnew .list-action-sets li .function-own,.interface_own_responder_detailnew .list-action-sets li .preview-tvm,.interface_own_responder_detailnew .list-action-sets li .url-tvm{display: inline-block;}
.interface_own_responder_detailnew .list-action-sets li .preview-tvm,.interface_own_responder_detailnew .list-action-sets li .url-tvm{width: 82%;}
.interface_own_responder_detailnew .list-action-sets li .function-own .ficon{font-size: 18px;/*color: #4bbfff;*/margin-left: 10px;color: #999;cursor: pointer}
.interface_own_responder_detailnew .list-detail-foracs{margin:-10px;margin-top: 15px;overflow: hidden;height: 0;transition-duration: .5s;height: auto;}
.interface_own_responder_detailnew .list-detail-foracs li{box-shadow: none;border: none;background: transparent;padding-top: 0;margin-top: 0;}
.interface_own_responder_detailnew .list-detail-foracs li:first-child{padding-top: 10px;}
.interface_own_responder_detailnew.httpget .list-detail-foracs{height: auto;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-inline.parameter-section .form-group .content-data.param .funct-interface .wbn-trash{cursor: pointer;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-inline.parameter-section .form-group .content-data.param .funct-interface .wbn-add-new{top: 14px;position: relative;color: #4bbfff;cursor: pointer}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-inline.parameter-section .form-group .content-data.param .add-typehead{display: inline-block;vertical-align: middle;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-inline.parameter-section .form-group .content-data.param .add-typehead .tt-menu{width: auto;}
.interface_own_responder_detailnew #dlgown_responder_detailnew .form-group .not-accept{border-color: red !important;}
.interface_own_responder_detailnew .hidden-cover-field{display: none !important;}
.interface_own_responder_detailnew .add-multi-smsnotify{width: 100%;display: table;height: auto;margin-top: 30px;}
.interface_own_responder_detailnew .add-multi-smsnotify .btn{margin-top: 0;}
.interface_own_responder_detailnew .add-multi-smsnotify .item-multi-smsnotify{display: table;width: 100%;margin-bottom: 15px;}
.interface_own_responder_detailnew .add-multi-smsnotify .item-multi-smsnotify .item-left{padding-left: 0;}
.interface_own_responder_detailnew .add-multi-smsnotify .item-multi-smsnotify .item-left .metro-dropdown,
.interface_own_responder_detailnew .add-multi-smsnotify .item-multi-smsnotify .item-left .text-center{display: inline-block;vertical-align: middle;}
.interface_own_responder_detailnew .add-multi-smsnotify .item-multi-smsnotify .item-left .text-center{float:right;}
.interface_own_responder_detailnew .add-multi-smsnotify .item-multi-smsnotify  .funct-sms-notifyremove {display: table;margin: 6px auto;}
.interface_own_responder_detailnew .add-multi-smsnotify .item-multi-smsnotify  .funct-sms-notifyremove .wbn-trash{color: #999;font-size: 18px;cursor: pointer;}

.dropdown-webinaris-field{margin-top:15px;}
.dropdown-webinaris-field .metro-dropdown ,
.dropdown-add-newset.dropdown-webinaris-field .text-input input[type="text"]{height:31px;width:180px;font-size:14px;}
.dropdown-add-newset.dropdown-webinaris-field .text-input span .tt-menu{width:auto;margin-top:0;min-width: 270px;}
.dropdown-add-newset.dropdown-webinaris-field .text-input span .tt-menu .tt-dataset .tt-suggestion{width:100%;}

.video-fixed-margin{height: 50px;}
.list-video-main > li{padding:14px 26px;border-bottom:1px solid #eceff1;color:#999999;}
.list-video-main .item{width:65%;display:inline-block;position: relative;}
.list-video-main .item.right-data{width:34%;}
.list-video-main .left-data .fa-question-circle-o{left: 95px;position: absolute;top: calc(50% - 10px);}
.list-video-main .left-data .data-img-logo{width:20%;display:inline-block;vertical-align:middle;position:relative;}
.list-video-main .left-data .data-img-logo .player-cover{background:url("../images/btn-play.png");background-position:center;background-size:100% 100%;background-repeat: no-repeat;width:40px;height:40px;top:8px;position:absolute;left:27px;}
.list-video-main .left-data .data-img-logo img{width: 94px;height:55px;}
.list-video-main .left-data .data-img-logo img.media-object.img-default{background: rgba(0, 0, 0, 0) url("/public_html/images/transparent-bg.jpg");}
.list-video-main .left-data .data-content{width:65%;display:inline-block;vertical-align:middle;}
.list-video-main .left-data .data-content .content-detail{font-size: 10px;}
.list-video-main .right-data .detail-sattus-use{display:inline-block;margin-bottom:0;font-size: 12px;}
.list-video-main .right-data .detail-sattus-use .status{display: inline-block;}
.list-video-main .detail-sattus-use .dropdown{display: inline-block}
.list-video-main .detail-sattus-use .dropdown button{background: transparent;color: #0080c6;padding: 0px;border: none;}
.list-video-main .detail-sattus-use .dropdown .ficon{margin-right: 8px;color: #666 !important;}
.list-video-main .detail-sattus-use .dropdown ul li a{color: #666;font-size: 12px;}
.list-video-main .detail-sattus-use .dropdown ul li:hover a{color: #00aeff;}
.list-video-main .right-data .function-action{float:right;color: #999;}
.list-video-main .right-data .function-action a{font-size:18px;padding: 0px 4px;color: #999;}
.list-video-main .right-data .function-action a span{font-size:18px;padding: 0px 4px;}
.list-video-main .right-data .function-action a:hover{color: #4bbfff!important;}
.list-video-main .status .status-using{color:#0080c6;}
.list-video-main .name-video{color:#333333;margin-top:0px;font-size: 16px;margin-bottom: 0px;line-height: 20px;}
.list-video-main .player-cover-uploadfail{position: absolute;background: #cc0000;padding: 5px;font-size: 10px;top: 15px;width: 94px;text-align: center;color: #fff;}
.list-video-main .player-cover-upload{position: absolute;background: #339900;padding: 5px;font-size: 10px;top: 15px;width: 94px;text-align: center;color: #fff;}
.list-video-main .right-data .function-action .wbn-trash.disable{cursor: default;}

.sp-container{border: 1px solid #dde0e2 !important;border-radius: 6px !important;}
.sp-container .sp-picker-container{background: #fff;}
.sp-container .sp-color, .sp-container .sp-hue, .sp-container .sp-clear, .sp-container .sp-alpha-inner{border: 1px solid #fff;}
.sp-container .sp-input{border: 1px solid #dde0e2;}
.sp-container .sp-button-container{width: 100%;}
.sp-container .sp-cancel{background: #eceff1;color: #999999 !important;font-size: 12px;height: 29px;line-height: 29px;padding: 0px;float: left;width: 48%;margin-right: 4%;border-radius: 6px;text-align: center;text-decoration: none;}
.sp-container .sp-cancel:hover{color: #999999 !important;text-decoration: none;}
.sp-container .sp-choose{background: #0080c6;color: #fff;font-size: 12px;height: 29px;padding: 0px;float: left;width: 48%;border-radius: 6px;border: none;}
.sp-container .sp-choose:hover{background: #0080c6;color: #fff;border: none;}
.sp-container .sp-choose:active{box-shadow: none;}
.sp-container .sp-slider{border-left: 0px; border-right: 0px;}
.sp-container .sp-alpha-handle{background: #000;}

.p-content-panel.nofification-page .content-right{width:0px;}
.p-content-panel.nofification-page .content-left{width: 100%;}
.p-content-panel.nofification-page .content-left .content{padding: 20px 74px 0px 74px;}
.p-content-panel.nofification-page .content-left .content .box-main{height: 45px;width: 100%;background: #fff;padding: 9px 18px;border: 1px solid #eceff1;}
.p-content-panel.nofification-page .content-left .content .box-main .gr-onoffswitch{float: right;}
.p-content-panel.nofification-page .content-left .content .box-main label.tt{font-weight: normal;font-size: 12px;color: #666;text-transform: uppercase;float: left;line-height: 28px;margin: 0px;}
.p-content-panel.nofification-page .content-left .content .box-main .ficon{line-height: 28px;margin-left: 30px;}
.nofification-setting h6.title{text-transform: uppercase;border-bottom: 1px solid #eceff1;font-size: 10px;line-height: 28px;color: #666666;margin: 50px 0 0 0;padding: 0px;letter-spacing: 1.2px;}
.nofification-setting h6.title .ficon{color: #4bbfff; cursor: pointer;}
.list-notifications{}
.list-notifications li{padding: 10px 0px 23px 0px;border-bottom: 1px solid #e9eaea;position: relative;}
.list-notifications li .group-input{}
.list-notifications li .group-input  .form-group{display: inline-block;margin-right: 9px;margin-bottom: 5px;}
.list-notifications li .group-input label{margin: 0px;font-size: 10px;color: #666666;}
.list-notifications li .group-input input{height: 35px;border: 1px solid #dde0e2;font-size: 14px;color: #333333;}
.list-notifications .group-choice{}
.list-notifications .group-choice .dropdown-cus{display: inline-block;margin: 5px 6px 0px 0px;}
.list-notifications .group-choice .choice-tags{display: inline;}
.list-notifications .group-choice .choice-tags .tag-item{height: 29px;line-height: 29px;display: inline-block;border-radius: 6px;font-size: 12px;color: #333333;background: #eceff1;margin: 5px 6px 0px 0px;padding: 0px 4px 0px 13px;}
.list-notifications .group-choice .choice-tags .tag-item .ficon{float: right;line-height: 31px;font-size: 18px;padding: 0px 5px;cursor: pointer;color: #121313;}
.list-notifications .group-top{position: absolute;top: 4px;right: 10px;}
.list-notifications .group-top .checkbox{display: inline-block;margin-right: 50px;font-size: 14px;color: #666;}
.list-notifications .group-top .bton{display: inline-block;font-size: 18px;padding: 0px 4px;color: #999999;}
.dropdown-cus{position: relative;}
.dropdown-cus .bton{background: #0080c6;height: 29px;line-height: 29px;border-radius: 6px;padding: 0px 10px;color: #fff;display: inline-block;font-size: 12px;}
.dropdown-cus .bton .ficon{float: right;line-height: 29px;margin-left: 18px;color: #27cbfa;}
.dropdown-cus .dropdown-bg{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1000;display: none;background: #4d5c74;opacity: 0.4;}
.dropdown-cus.open .dropdown-bg{display: block;}
.list-notifications .dropdown-cus.open .dropdown-bg{display: none;}
.dropdown-cus .dropdown-content{position: absolute;top: 29px;left: 0px;z-index: 1001;display: none;background: #fff;border: 1px solid #dcdfe2;border-radius: 6px;width: 217px;padding: 0px 20px;}
.dropdown-cus.open .dropdown-content{display: block;}
.dropdown-cus.open .dropdown-content li{padding: 0px;border: 0px;}
.dropdown-cus.open .dropdown-content li.separator{border-bottom: 1px solid #eceff1;}
.dropdown-cus.open .dropdown-content li .checkbox{color: #666666;font-size: 14px;}
.nofification-setting .form-group .btn:hover{color:#fff;}
.nofification-setting .form-group .btn{text-transform:uppercase;background:#0080c6;color:#fff;margin-right:20px;padding:0px 15px;line-height:33px;border-radius:6px;margin-top:18px;font-size: 12px;display: inline-block;height: 33px;border: none;}
.nofification-setting .form-group .btn span{margin-right:10px;font-size:16px;position:relative;color:#4bbfff;float: left;line-height: 33px;}

.p-content-panel.publish-page .content-left{width: calc(100% - 400px);}
.p-content-panel.publish-page .content-left .content{padding: 0px 0px 0px 47px;}
.p-content-panel.publish-page .content-right{width: 400px;}
.p-content-panel.publish-page .content-left h6.title{text-transform: uppercase;border-bottom: 1px solid #eceff1;border-top: 1px solid #eceff1;font-size: 10px;line-height: 28px;color: #666666;margin: 0px;padding: 0px 0px;letter-spacing: 1.2px;margin-bottom: 5px;}

.publish-page .landing-layout{padding: 20px 0px 40px 0px;border-bottom: 1px solid #eceff1;}
.publish-page .digi-code{padding: 10px 32px 20px 0px}
.publish-page .digi-code .form-group{margin-bottom: 10px;}
.publish-page .digi-code .form-group p{position: relative;margin: 0px;}
.publish-page .digi-code .form-group label{font-size: 10px;color: #666666;}
.publish-page .digi-code .form-group .span-show-link{border-color: #dde0e2;resize: none;font-size: 14px;color: #666666;padding: 6px 17px;}
/*.publish-page .digi-code .form-group .ficon{position: absolute;top: 4px;right: 4px;color: #0080c6;font-size: 16px;}*/
.publish-page .digi-code .form-group .ficon{position: absolute;top: 25px;right: -20px;font-size: 18px;cursor: pointer;margin-left: 20px;color: #4bbfff;}
.publish-page .bton{font-size: 14px;color: #666666;display: inline-block;margin-right: 46px;line-height: 20px;text-transform: uppercase;}
.publish-page .bton .ficon{color: #000000;font-size: 16px;margin-right: 8px;line-height: 20px;}

.publish-page .booking-iframe{width: 265px;margin: 20px auto;}
.publish-page .booking-iframe .iframe-box{margin-bottom: 10px;}
.publish-page .booking-iframe .iframe-box > div{width: 100%;}
.publish-page .booking-iframe textarea{resize: none;font-size: 12px;color: #666666;margin-bottom: 12px;}

.landing-layout{margin: 0px;}
.landing-layout .media-left{padding-right: 30px;}
.landing-layout .media-left p{margin: 0px;width: 236px;height: 153px;overflow: hidden;border: 2px solid #fff;}
.landing-layout.active .media-left p{border-color: #27cbfa;}
.landing-layout .media-left img{width: 100%;display: block;}
.landing-layout .media-left .name{ color: #666666;font-size: 14px;margin: 10px 0 0;text-align: center;text-transform: uppercase;}
.landing-layout .media-left .name span {position: relative;text-align: center;}
.landing-layout.active .media-left .name span::after {color: #27cbfa;content: "";font-family: FontAwesome;font-size: 18px;position: absolute;right: -22px;top: -2px;}
.landing-layout .media-body{padding-right: 50px;}
.landing-layout .media-body .form-group{margin-bottom: 8px;}
.landing-layout .media-body .form-group label{font-size: 10px;color: #666666;}
.landing-layout .media-body .form-group input{border: 1px solid #dde0e2;height: 39px;font-size: 14px;color: #666666;}
.landing-layout .media-body .group-bton{margin: 0px;}
.landing-layout .media-body .group-bton .bton{font-size: 14px;color: #666666;display: inline-block;margin-right: 46px;line-height: 20px;text-transform: uppercase;}
.landing-layout .media-body .group-bton .bton .ficon{color: #000000;float: left;font-size: 16px;margin-right: 8px;line-height: 20px;}

.p-content-panel.profile-page .content-left{}
.p-content-panel.profile-page .content-left .content.profile-detail{padding: 0px 20% 0px 10%;}
.p-content-panel.profile-page .content-right{}
.profile-detail {position: relative;}
.profile-detail .group-btn{position: absolute;top: 10px;right: 10px;z-index: 100;}
.profile-detail h2{color: #0080c6;font-weight: 300;margin-top: 28px;margin-bottom: 18px;}
.profile-detail .form-group{float: left;width: 100%;}
.profile-detail .form-group.inline{display: inline-block;width: 48%;}
.profile-detail .form-group.inline.mrg{margin-right: 4%;}

.profile-setting > div{padding: 25px 30px;border-bottom: 1px solid #eceff1;}

.profile-page .group-btn .btn{height: 36px;line-height: 36px;background: #eceff1;color: #666666;border: none;font-size: 12px;text-transform: uppercase;padding: 0px 28px;display: inline-block;margin: 0px 5px;}
.profile-page .group-btn .btn.bg-blue{background: #0080c6;color: #fff;}
.profile-page .group-btn .btn .ficon{float: left;line-height: 36px;margin-right: 8px;font-size: 16px;color: #68ddff;}
.profile-page .form-group label{font-size: 12px;color: #666666;margin: 0px;}
.profile-page .form-group input{height: 36px;border-color: #dde0e2;color: #666666;font-size: 14px;padding: 0px 8px;}

.profile-page .popup-password{width:407px;height:calc(100% - 83px);position:fixed;top:83px;z-index:200;right:-412px;transition-duration:0.2s;background:#fff;}
.profile-page .popup-password.on{right:0;}
.profile-page .popup-password h6.title{text-transform: uppercase;border-bottom: 1px solid #eceff1;font-size: 10px;line-height: 28px;color: #666666;margin: 0px;padding: 0px 20px;letter-spacing: 1.2px;}
.profile-page .popup-password .form-password{padding: 10px 65px 10px 20px;}
.profile-page .popup-password .group-btn .btn{margin: 0px 10px 0px 0px;}

.provider-page .popup-email{width:407px;height:calc(100% - 38px);position:fixed;top:38px;z-index:200;right:-412px;transition-duration:0.2s;background:#fff;}
.provider-page .popup-email.on{right:0;}
.provider-page .popup-email h6.title{text-transform: uppercase;border-bottom: 1px solid #eceff1;font-size: 10px;line-height: 28px;color: #666666;margin: 0px;padding: 0px 20px;letter-spacing: 1.2px;}
.provider-page .popup-email .form-email{padding: 10px 65px 10px 20px;}
.provider-page .popup-email .group-btn .btn{margin: 0px 10px 0px 0px;}

.affiliate-page .content-left{width: 100%;}
.affiliate-page .content-left .affiliate-detail .ad-panel{width: 435px;margin: 10px auto;color: #666666;display: block!important;}
.affiliate-page .content-left .affiliate-detail .ad-panel .affiliate-info{color: #1647F7; text-decoration: underline;}
.affiliate-page .content-left .affiliate-detail h2{color: #0080c6;font-weight: 300;}
.affiliate-page .content-left .affiliate-detail h5{line-height: 20px;}
.affiliate-page .content-left .affiliate-detail .form-group{}
.affiliate-page .content-left .affiliate-detail .form-group label{display: block;}
.affiliate-page .content-left .affiliate-detail .form-group input[type="text"]{height: 36px;padding: 0 8px;font-size: 14px;}
.affiliate-page .content-left .affiliate-detail .form-group.double{margin-top: 15px;margin-bottom: 10px;}
.affiliate-page .content-left .affiliate-detail .form-group.double input[type="text"]{float: left;width: 320px;}
.affiliate-page .content-left .affiliate-detail .form-group.double .btn{float: right;background: #0080c6;color: #fff;font-size: 15px;padding: 0px 14px;}
.affiliate-page .content-left .affiliate-detail .form-group.double .btn .ficon{margin-right: 8px;color: #68ddff;}
.affiliate-page .content-left .affiliate-detail .form-group .checkbox, 
.affiliate-page .content-left .affiliate-detail .form-group .radio{display: inline-block;margin-top: 0px;}
.affiliate-page .content-left .affiliate-detail .form-group .bton{font-size: 14px;color: #666666;display: inline-block;margin-right: 46px;line-height: 20px;text-transform: uppercase;}
.affiliate-page .content-left .affiliate-detail .form-group .bton .ficon{color: #000000;float: left;font-size: 16px;margin-right: 8px;line-height: 20px;}
.affiliate-page .content-left .affiliate-detail .form-group .ficon{color: #4bbfff;cursor: pointer;margin-left: 30px;}

.p-content-panel.package-page .content-left{width: 100%;}
.p-content-panel.package-page .content-left .package-detail{padding: 0px;}
.package-panel{float: left;width: 100%;display: flex;position: relative;}
.package-panel > li{width: 145px;height: 100%;}
.package-panel > li .item{text-align: center;border-bottom: 1px solid #eceff1;}
.package-panel > li .item:last-child{border-bottom: none;}
.package-panel > li .pk-title{height: 80px;border-bottom: 1px solid #d0d5d8;padding-top: 18px;text-align: center;}
.package-panel > li .pk-title h6{color: #666666;margin: 0px 0px 6px 0px;line-height: 20px;visibility: hidden;}
.package-panel > li .pk-title h5{color: #0080c6;text-transform: uppercase;line-height: 24px;margin-top: 0px;}
.package-panel > li .item label{height: 44px;line-height: 44px;display: block;font-size: 12px;color: #666666;margin: 0px;}
.package-panel > li .item label.green{font-size: 14px;color: #66cc00;}
.package-panel > li .pk-bottom{text-align: center;padding: 14px 13px 0px 13px;}
.package-panel > li .pk-bottom .btn{background: #0080c6;color: #fff;height: 31px;font-size: 12px;text-transform: uppercase;width: 100%;}
.package-panel > li .pk-bottom-btnpage{position: relative;}
.package-panel > li .pk-bottom-btnpage .btn.btnpage{width: 180px;height: 40px;border-radius: 15%;background: #0AA3FC;color: #fff;font-size: 16px;display: block; margin: 0 auto; margin-top: 68px;position: absolute;left: -160px;}
.package-panel > li .pk-bottom-btnpage .btn-upgrade-text{font-weight: bold;margin-top: 120px;position: absolute;left: -306px;width: 450px;}
.package-panel > li:first-child{width: 25%;}
.package-panel > li:nth-child(2){width: 162px;}
.package-panel > li:nth-child(2) .item{text-align: left;}
.package-panel > li:last-child{width: 25%;}
.package-panel > li.active{box-shadow: 0 0 5px rgba(17,18,18,.2);}
.package-panel > li.active .pk-title{border-bottom: 1px solid #f0f1f2;}
.package-panel > li.active .pk-title h6{visibility: visible;}
.package-panel > li.active .item{border-bottom: 1px solid #f9fafa;}
.package-panel > li.active .pk-bottom .btn{background: #66cc00;}

.popup-package{background: rgba(0,0,0,0.4)}
.popup-package .popup-content{width: 700px;margin: 100px auto 0px auto;background: #fff;border-radius: 8px;padding: 20px;}
.popup-package .popup-content .txt-obligatory{color: #66cc00 !important;}
.popup-package .popup-content .before-obligatory{position: relative;}
.popup-package .popup-content .before-obligatory:before{position: absolute;content: "*";top: 0px;left: -8px;color: #66cc00 !important;display: inline-block;}
.popup-package .popup-content .ct-top{display: flex;padding-left: 15px;padding-right: 15px;}
.popup-package .popup-content .ct-top .image-wrap{padding-right: 30px;}
.popup-package .popup-content .ct-top .image-wrap img{width: 180px; height: 180px;border-radius: 50%;}
.popup-package .popup-content .ct-top ul{}
.popup-package .popup-content .ct-top ul h6{color: #666;font-size: 18px;}
.popup-package .popup-content .ct-top ul li{color: #666;margin-bottom: 10px;font-size: 17px;}
.popup-package .popup-content .ct-top ul li span{color: #66cc00;margin-right: 6px;}
.popup-package .popup-content .ct-center{margin-bottom: 30px;padding-left: 15px;padding-right: 15px;}
.popup-package .popup-content .ct-center h5{color: #000;font-size: 15px;}
.popup-package .popup-content .ct-center p{color: #666;font-size: 14px;}
.popup-package .popup-content .ct-bottom{display: table;width: 100%;}
.popup-package .popup-content .checkbox{float: left;}
.popup-package .popup-content .btn-tip{float: right;height: 34px;margin-top: 3px;border-radius: 8px;background: #0AA3FC;color: #fff;font-size: 14px;padding-left: 20px;padding-right: 20px;text-transform: uppercase;}

.p-content-panel.sa-template-page .content-left{box-shadow: -4px 9px 10px rgba(17,18,18,.75);overflow: inherit;position: relative;z-index: 10;}
.p-content-panel.sa-template-page .content-left .sa-template-detail{padding: 0px;}
.p-content-panel.sa-template-page .content-right{padding: 0px;box-shadow: none;}
.sa-template-detail .head{border-bottom: 1px solid #eceff1;padding: 0px 26px;}
.list-sa-template{padding: 30px 15px 15px 15px;}
.list-sa-template > li{margin-bottom: 23px;}
.list-sa-template > li .gr-img{position: relative;height: 157px;overflow: hidden;border: 2px solid #fff;}
.list-sa-template > li.active .gr-img{border-color: #27cbfa;}
.list-sa-template > li .gr-img > div{position: absolute;top: 50px;left: 0px;display: none;width: 100%;text-align: center;}
.list-sa-template > li .gr-img:hover > div{display: block;}
.list-sa-template > li .gr-img a{background: #27cbfa;color: #fff;width: 55px;height: 55px;border-radius: 50%;margin: 0px 6px;text-align: center;font-size: 18px;display: inline-block;}
.list-sa-template > li .gr-img a span{line-height: 55px;}
.list-sa-template > li .gr-img img{width: 100%;}
.list-sa-template > li p.name{text-align: center;font-size: 14px;color: #666666;text-transform: uppercase;margin: 5px 0px 0px 0px;}
.list-sa-template > li p.name span{text-align: center;position: relative;border-radius: 16px;height: 32px;line-height: 32px;padding: 0px 22px;display: inline-block;}
.list-sa-template > li.active p.name span{background: #27cbfa;color: #fff;}

.sa-template-setting{background: #eceff1;}
.sa-template-setting .head{border-bottom: 1px solid #dce0e2 !important;}
.sa-template-setting .sa-template-form{padding: 15px 27px;}
.sa-template-setting .form-group label{font-size: 12px;color: #666;}
.sa-template-setting .form-group input{border-color: #dde0e2;height: 36px;color: #666666;font-size: 14px;padding: 0px 8px;}
.sa-template-setting .form-group textarea{border-color: #dde0e2;color: #666666;font-size: 14px;padding: 0px 8px;resize: none;}
.sa-template-setting .form-group p{margin: 0px;overflow: hidden;border: 2px solid #27cbfa;}
.sa-template-setting .form-group img{width: 100%;}
.sa-template-setting .form-group .btn{background: #d5dbdf;}
.upload-template{margin: 0px auto;width: 600px;}
.upload-template h2{color: #0080c6;font-weight: 300;line-height: 42px;margin-bottom: 16px;}
.upload-template h5{line-height: 20px;margin: 0;color: #666;}
.upload-template .btn-upload{background: #0080c6 none repeat scroll 0 0;color: #fff;font-size: 15px;line-height: 35px;padding: 0 32px;text-transform: uppercase;display: inline-block;height: 36px;margin-left: 15px;}
.upload-template .form-group input{width: 180px;}
.upload-template .progress{width: 100%;margin-top: 25px;}
.upload-template .progress .sr-only{position: relative;}

.p-content-panel.sa-screen-page .content-left{box-shadow: -4px 9px 10px rgba(17,18,18,.75);overflow: inherit;position: relative;z-index: 10;width: 100%;}
.p-content-panel.sa-screen-page .content-left .sa-screen-detail{padding: 0px;}
.sa-screen-detail .head{border-bottom: 1px solid #eceff1;padding: 0px 26px;}
.list-sa-screen{padding: 30px 15px 15px 15px;}
.list-sa-screen > li{margin-bottom: 23px;}
.list-sa-screen > li .gr-img{position: relative;height: 157px;overflow: hidden;border: 2px solid #fff;}
.list-sa-screen > li.active .gr-img{border-color: #27cbfa;}
.list-sa-screen > li .gr-img > div{position: absolute;top: 50px;left: 0px;display: none;width: 100%;text-align: center;}
.list-sa-screen > li .gr-img:hover > div{display: block;}
.list-sa-screen > li .gr-img a{background: #27cbfa;color: #fff;width: 55px;height: 55px;border-radius: 50%;margin: 0px 6px;text-align: center;font-size: 18px;display: inline-block;}
.list-sa-screen > li .gr-img a span{line-height: 55px;}
.list-sa-screen > li .gr-img img{width: 100%;}
.list-sa-screen > li p.name{text-align: center;font-size: 14px;color: #666666;text-transform: uppercase;margin: 5px 0px 0px 0px;}
.list-sa-screen > li p.name span{text-align: center;position: relative;border-radius: 16px;height: 32px;line-height: 32px;padding: 0px 22px;display: inline-block;}
.list-sa-screen > li.active p.name span{background: #27cbfa;color: #fff;}

.p-content-panel.sa-package-page .content-left{width: 100%;}
.p-content-panel.sa-package-page .content-left .sa-package-detail{padding: 0px;}
.sa-package-detail .head{border-bottom: 1px solid #eceff1;padding: 0px 26px;}
.sa-package-panel{float: left;width: 100%;display: flex;height: calc(100% - 46px);}
.sa-package-panel > li{width: 145px;height: 100%;position: relative;}
.sa-package-panel > li .item{text-align: center;border-bottom: 1px solid #eceff1;}
.sa-package-panel > li .item:last-child{border-bottom: none;}
.sa-package-panel > li .pk-title{height: 45px;border-bottom: 1px solid #d0d5d8;text-align: center;}
.sa-package-panel > li .pk-title h5{color: #0080c6;text-transform: uppercase;line-height: 45px;margin: 0px;}
.sa-package-panel > li .item label{height: 44px;line-height: 44px;display: block;font-size: 12px;color: #666666;margin: 0px;}
.sa-package-panel > li .item label.green{font-size: 14px;color: #66cc00;}
.sa-package-panel > li .pk-bottom{text-align: center;padding: 14px 13px 0px 13px;}
.sa-package-panel > li .pk-bottom .btn{background: #0080c6;color: #fff;height: 31px;font-size: 12px;text-transform: uppercase;width: 100%;}
.sa-package-panel > li:first-child{width: 190px;}
.sa-package-panel > li:first-child .item{text-align: left;padding-left: 30px;}
.sa-package-panel > li:last-child{width: 47%;}

.sa-package-panel > li.active{box-shadow: 0 0 5px rgba(17,18,18,.2);}
.sa-package-panel > li.active .pk-title{border-bottom: 1px solid #f0f1f2;}
.sa-package-panel > li.active .item{border-bottom: 1px solid #f9fafa;}
.sa-package-panel > li.active .pk-bottom .btn{background: #66cc00;}
.sa-package-panel > li.active .package-tool{display: block;}

.sa-package-panel > li:not(.not-hover):hover{box-shadow: 0 0 5px rgba(17,18,18,.2);}
.sa-package-panel > li:not(.not-hover):hover .pk-title{border-bottom: 1px solid #f0f1f2;}
.sa-package-panel > li:not(.not-hover):hover .item{border-bottom: 1px solid #f9fafa;}
.sa-package-panel > li:not(.not-hover):hover .pk-bottom .btn{background: #66cc00;}
.sa-package-panel > li:not(.not-hover):hover .package-tool{display: block;}

.sa-package-panel .package-tool{position: absolute;z-index: 1000;width: 55px;height: 142px;left: calc(50% - 27px);top: 72px;display: none;}
.sa-package-panel .package-tool a{background: #27cbfa;border-radius: 50%;color: #fff;display: inline-block;font-size: 18px;height: 55px;margin: 8px 0px;text-align: center;width: 55px;}
.sa-package-panel .package-tool a .ficon{line-height: 55px;}

.sa-package-edit.setting-group{display: table;border: none;width: 100%;}
.sa-package-edit.setting-group > li{border-bottom: 1px solid #eceff1;margin: 0px;padding: 10px 20px;float: left;width: 100%;}
.sa-package-edit.setting-group .form-group{float: none;margin: auto;width: 600px;}
.sa-package-edit.setting-group .form-group .control-label{width: 250px;}
.sa-package-edit.setting-group .form-group .control-content{width: 350px;}
.sa-package-edit.setting-group .form-group .btn{margin-right: 10px;}

.p-content-panel.sa-message-page .content-left{width: 100%;}
.p-content-panel.sa-message-page .content-left .sa-message-detail{padding: 0px 52px;}
.sa-message-detail .form-group{padding: 0px 98px 0px 0px;}
.sa-message-detail .form-group h2{color: #0080c6;font-weight: 300;margin-top: 30px;margin-bottom: 14px;}
.sa-message-detail .form-group label{font-size: 12px;color: #666;}
.sa-message-detail .form-group textarea{resize: none;font-size: 14px;color: #666;}
.sa-message-detail .form-group .btn{margin-right: 10px;}

.sa-provider-fixed.toolbar-tabs{position: fixed;top: 38px;left: 0px;background: #fff;}
.sa-provider-fixed.filter-panel{top: 83px;position: fixed;left: 0px;background: #fff;z-index: 99;}
.sa-provider-page.table-list{margin-top: 81px;}
.sa-provider-page.table-list .table-header{position: fixed;top: inherit;z-index: 98;}
.sa-provider-page.table-list .table-header li:nth-child(1), .sa-provider-page.table-list .table-content .elem .elem-item:nth-child(1){width: 22%;}
.sa-provider-page.table-list .table-header li:nth-child(2), .sa-provider-page.table-list .table-content .elem .elem-item:nth-child(2){width: 21%;}
.sa-provider-page.table-list .table-header li:nth-child(3), .sa-provider-page.table-list .table-content .elem .elem-item:nth-child(3){width: 22%;}
.sa-provider-page.table-list .table-header li:nth-child(4), .sa-provider-page.table-list .table-content .elem .elem-item:nth-child(4){width: 22%;}
.sa-provider-page.table-list .table-header li:nth-child(5), .sa-provider-page.table-list .table-content .elem .elem-item:nth-child(5){width: 7%;}

.list-sort{display: inline-block;margin: 0px 4px;width: 8px;padding: 0px 0px;height: 10px;}
.list-sort span{line-height: 6px;color: #fff;opacity: 0.5;padding: 0px !important;float: left;width: 100%;text-align: center;}
.list-sort.ins span:first-child{opacity: 1;}
.list-sort.des span:last-child{opacity: 1;}

.block-list{margin-top: 100px;}
.table-list.block-list .table-header{position: fixed;}
.table-list.block-list .table-content .elem .elem-item label.title{color: #0080c6;}
.table-list.block-list .table-header li:nth-child(1), .table-list.block-list .table-content .elem .elem-item:nth-child(1){width: 44%;}
.table-list.block-list .table-header li:nth-child(2), .table-list.block-list .table-content .elem .elem-item:nth-child(2){width: 46%;}
.table-list.block-list .table-header li:nth-child(3), .table-list.block-list .table-content .elem .elem-item:nth-child(3){width: 6%;}
.blocklist-form{width: 360px;margin: 0 auto;}
.blocklist-form h2{color: #0080c6;font-weight: 300;line-height: 36px;}
.blocklist-form .form-group .checkbox{font-size: 12px;color: #666;line-height: 20px;margin-bottom: 5px;}
.blocklist-form .form-group.double label{display: block;font-size: 12px;color: #666;}
.blocklist-form .form-group.double .metro-dropdown:nth-child(2){width: 100%;float: left;margin: 0px;}
.blocklist-form .form-group.double .metro-dropdown:nth-child(3){width: 195px;float: right;}
.blocklist-form .form-group .btn{margin-right: 10px;}

.p-content-panel.quick-access .qa-panel{padding-top: 54px;display: table;padding-bottom: 54px;}
.p-content-panel.quick-access .content-left{width: 100%;}
.quick-access{}
.quick-access .group-item{padding: 0px 5%;}
.quick-access .item{padding: 26px 0px;border-bottom: 1px dashed #e2e2e2;}
.quick-access .group-item .item:last-child{border-bottom: none;}
.quick-access .item .media-left{}
.quick-access .item .media-left span{font-size: 32px;color: #7a868f;}
.quick-access .item .media-body{}
.quick-access .item .media-body h3{font-size: 16px;color: #000000;text-transform: uppercase;margin: 6px 0px 17px 0px;}
.quick-access .item .media-body a{display: block;font-size: 14px;color: #0080c6;margin-bottom: 5px;}
.quick-access .item .media-body a:hover{text-decoration: underline;}

.tracking-code-pick{}
.tracking-code-pick .item-wrap{}
.tracking-code-pick .item-wrap input{}
.tracking-code-pick .item-wrap label{}

.is-use-cookie{}
.is-use-cookie .control-label{font-size:14px;margin-bottom:15px}

.contract-detail{}
.contract-detail h4{}
.contract-detail h3{font-size: 19px;margin-top: 40px;}
.contract-detail p{font-size: 14px;}
.contract-detail .table-content{width: 100%;overflow: auto;}
.contract-list.table > thead{border-top: 1px solid #ccc;}
.contract-list.table > thead > tr > th{border-bottom: 1px solid #ccc;}
.contract-list.table > tbody{border-bottom: 1px solid #ccc;}
.contract-list.table > tbody > tr > td{vertical-align: middle;}
.contract-list .bton{display: inline-block;background: #0080c6;color: white;border-radius: 5px;border: none;height: 28px;line-height: 28px;font-size: 14px;padding: 0px 15px;-moz-user-select: none;-webkit-user-select: none;cursor: pointer;}
.contract-detail .contract-form{padding-bottom: 20px;}
.contract-detail .contract-preview{background: #f9f9f9;max-height: 595px;width: 842px;overflow: auto;padding: 30px 60px;}
.contract-form .form-group{display: table-row;}
.contract-form .control-label{display: table-cell;vertical-align: top;line-height: 34px;padding-right: 14px;}
.contract-form .control-content{display: table-cell;padding-bottom: 4px;}
.contract-form .control-content .form-control{width: 380px;}
.contract-form .btn-contract-create{display: inline-block;background: #0080c6;color: white;border-radius: 5px;border: none;height: 28px;line-height: 28px;font-size: 14px;padding: 0px 15px;-moz-user-select: none;-webkit-user-select: none;cursor: pointer;}
.contract-form .btn-upload-file{display: inline-block;background: #0080c6;color: white;border-radius: 5px;border: none;height: 34px;line-height: 34px;font-size: 14px;padding: 0px 15px;-moz-user-select: none;-webkit-user-select: none;cursor: pointer;position: relative;}
.contract-form .btn-upload-file input{width: 100%;height: 100%;position: absolute;opacity: 0;top: 0px;left: 0px;cursor: pointer;}
.contract-form .btn-disable{pointer-events: none;opacity: 0.7;}
.contract-form .form-error{color: #ff0000;font-size: 12px;}

/* toai tracking_expert_status */
.status-tracking-popup-expert{position: fixed; bottom: 0px; margin-left: 27px;}
.span-tracking-expert-status-off{ color: #4d4d4d; text-decoration: none;}
.span-tracking-expert-status-on{ color: #4d4d4d; text-decoration: none;}

.master-class{margin: 0 auto;width: 640px;padding-top: 40px;padding-bottom: 30px;}
.master-class h5{color: #0080c6;margin-top: 30px;}
.master-class iframe{}
.master-class p{text-align: center;}
.master-class a{color: #fff;font-size: 12px;display: inline-block;border-radius: 6px; background: #0080c6;border: none; outline: none;padding: 2px 8px;cursor: pointer;}

.traffic-comp{margin: 0 auto;width: 640px;padding-top: 40px;padding-bottom: 30px;}
.traffic-comp h5{color: #0080c6;margin-top: 30px;}
.traffic-comp iframe{}

.screen-master{margin: 0 auto;width: 640px;padding-top: 40px;padding-bottom: 30px;}
.screen-master h5{color: #0080c6;margin-top: 30px;}
.screen-master iframe{}

.fbmc{margin: 0 auto;width: 640px;padding-top: 70px;padding-bottom: 30px;}
.fbmc h3{color: #0080C6;font-size: 20px;}
.fbmc h5{color: #0080c6;}
.fbmc iframe{display: block;}
.fbmc p{text-align: center;margin: 0px;}
.fbmc a{color: #fff;font-size: 12px;display: inline-block;border-radius: 6px; background: #0080c6;border: none; outline: none;padding: 2px 8px;cursor: pointer;margin-left: 6px;margin-right: 6px;}
.fbmc br{margin-bottom: 10px;}