/* Common */ .dim {display:none; position:absolute; z-index:200; top:89px; left:0px; right:0px; bottom:0px; background:#000; opacity:0.9;} .dim_full {display:none; position:absolute; z-index:200; top:0px; left:0px; right:0px; bottom:0px; background:#000; opacity:0.9;} #wQrDivLocation {clear:both;} /* ---------------------------------------------- Popup box // ------------------------------------------------*/ /* .pop_qr_generrate {margin-top:-186px !important;} .pop_rss_feed {margin-top:-105px !important;} .pop_repeat {margin-top:-148px !important;} .pop_player_search {margin-top:-172px !important;} .pop_add_role {margin-top:-97px !important;} */ .overFhidden {overflow:hidden;} .clandarWrap {border-top:1px solid #cdcdcd; background:#fff;} .clandarWrap .clanderBody {position:relative; height:calc(100% - 144px); padding:20px 0px 0px 0px; box-sizing:border-box;} .clandarWrap .clanderBody #appCalendar .fc-view-container {background:#fff;} .thumbShot.active {margin-right:0%;} .thumbShot {position:absolute; z-index:9; top:93px; right:0px; width:100%; height:calc(100% - 93px); margin-right:-104%; background:#282828; box-shadow:0 2px 4px rgba(0, 0, 0, 0.3); transition:all .16s cubic-bezier(.7,0,.3,1);} .thumbShot .thumbSheader {height:40px; padding:6px 20px; border-top:1px solid rgba(255,255,255,0.1);} .thumbShot .thumbSheader .sec {color:#eee; font-size:14px;} .thumbShot .thumb_wrap {height:calc(100% - 53px); margin:0 10%;} .thumbShot .thumb_wrap .thumb_slide {position:relative; width:100%; max-width:1250px; height:100%; margin:0 auto;} .thumbShot .thumb_wrap .thumb_slide span {} .thumbShot .thumb_wrap .thumb_slide span img {position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto; border:4px solid #2E2E2E; box-sizing:border-box;} /* @keyframes showPop {0% {opacity:0;} 70% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes showPop {0% {opacity:0;} 70% {opacity:0;} 100% {opacity:1;} } @keyframes hidePop {0% {opacity:1;} 70% {opacity:1;} 100% {opacity:0;} } @-webkit-keyframes hidePop {0% {opacity:1;} 70% {opacity:1;} 100% {opacity:0;} } */ /* -------------------------------------------------------- Modal Popup ----------------------------------------------------------*/ .multiModal {display:flex; display:-webkit-flex; display:-ms-flexbox; position:fixed; z-index:99; top:0px; left:0px; right:0px; bottom:0px; flex-wrap:wrap; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center; -ms-flex-pack:center; -ms-flex-align:center;} .multiModal .b-ajax-wrapper {z-index:2;} .multiModal:after {position:fixed; z-index:1; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.8); content:'';} /* Product License Registration */ .popup_box_content.auto {} .popup_box_content.auto dl {float:none !important; padding-bottom:20px;} .popup_box_content.auto dd {} .popup_box_content.auto dd input, .popup_box_content.auto dd .select_box_top, .popup_box_content.auto dd .select_box_low {width:300px !important;} .popup_box_content.auto .privacyAgreement {margin-bottom:20px;} .popup_box_content.auto .privacyAgreement .title {display:block; height:16px; margin-bottom:10px; color:#464646; font-style:italic; font-size:14px; font-weight:bold;} .popup_box_content.auto .privacyAgreement .label strong {margin-left:0; color:#464646;} .popup_box_content.auto .privacyAgreement .label strong a {text-decoration:underline; color:#f4fb51;} .popup_box_content.auto .privacyAgreement .opt {} .popup_box_content.auto .privacyAgreement .opt label {display:flex; align-items:center;} .popup_box_content.auto .privacyAgreement .text {color:#464646; white-space:normal;} .popup_box_content.auto .privacyAgreement .text a {color:#fd311c; text-decoration:underline;} .popup_box_content.plrBox {} .popup_box_content.plrBox dl {float:none !important; padding-bottom:20px;} .popup_box_content.plrBox dl dt {position:relative;} .popup_box_content.plrBox dl dd {padding:15px 15px 15px 60px; background:#fff; outline:1px solid #979797; outline-offset:-1px;} .popup_box_content.plrBox dl dd:before {position:absolute; top:20px; left:14px; width:29px; height:25px; background:url(/ssw/images/svg/icon_login_alert.svg) no-repeat; background-size:cover; content:'';} .popup_box_content.plrBox dl dd p {margin-bottom:10px; color:#464646; font-size:14px; line-height:20px;} .popup_box_content.plrBox dl dd input[type="file"] {background:#fff;} .popup_box_content.plrBox dl dd .inputFile input + label span {margin-bottom:10px; box-shadow:inset 0 0 0 1px #747474;} /* input - file */ .inputFile {} .inputFile input {position:absolute; z-index:-1; width:0px; height:0px; overflow:hidden; opacity:0;} .inputFile input + label {display:inline-block; position:relative; width:100%; padding:0; color:#333; text-align:right; cursor:pointer;} .inputFile input + label span {display:block; padding:0 10px; overflow:hidden; background:#fff; font-size:12px !important; text-align:left; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;} .inputFile input + label strong {display:inline-block; margin-top:10px; padding:0 14px; border:2px solid #4d4d4d; border-radius:20px; background:#FFF; background:#4d4d4d; color:#333; color:#b5b5b5; font-weight:normal; line-height:26px;} .inputFile input + label span, .inputFile input + label strong {height:30px; border-radius:20px; font-size:14px; line-height:26px; box-sizing:border-box;} .inputFile input + label strong:hover {border:2px solid #cf0652; background:#cf0652; color:#FFF;/* font-weight:bold;*/} .inputFile input + label strong:active {border:2px solid #cf0652;/* font-weight:bold;*/ background:#4d4d4d; color:#b5b5b5;} /*popup_wrap*/ .popup_wrap {width:380px; animation:showPop 0.6s; position:relative; z-index:2;} .popup_wrap.hide {animation:hidePop 0.3s;-webkit-animation:hidePop 0.3s;} .popup_box {width:380px; padding:20px; box-sizing:border-box; background:#fff; text-align:left; box-shadow:0 2px 8px rgba(0, 0, 0, 0.2);} .popup_box h2 {display:block; width:100%; padding:0 0 10px 0; border-bottom:1px solid #5c5c5c; color:#464646; font-size:24px; font-weight:normal;} /*w650*/ .popup_wrap.w650 {width:650px;} .popup_wrap.w650 .popup_box {width:650px;} .popup_wrap.w650 .popup_box h2 {} .popup_wrap.w650 .popup_box .popup_box_content {width:596px;} /*popup_wrap.popRules*/ .popup_wrap.popRules {width:500px;} .popup_wrap.popRules .popup_box {width:500px;} .popup_wrap.popRules .popup_box h2 {} .popup_wrap.popRules .popup_box .popup_box_content {width:460px;} @media (max-height:4000px) and (min-height:1000px) { #tabs-1.popup_box_content .popContent {overflow:auto; height:650px;} } @media (max-height:1000px) and (min-height:900px) { #tabs-1.popup_box_content .popContent {overflow:auto; height:600px;} } @media (max-height:900px) and (min-height:800px) { #tabs-1.popup_box_content .popContent {overflow:auto;height: 500px;} } @media (max-height:800px) and (min-height:700px) { #tabs-1.popup_box_content .popContent {overflow:auto;height: 400px;} } @media (max-height:700px) and (min-height:600px) { #tabs-1.popup_box_content .popContent {overflow:auto;height: 300px;} } @media (max-height:630px) and (min-height:0px) { #tabs-1.popup_box_content .popContent {overflow:auto;height: 200px;} } .popup_box .popup_box_content {width:340px; margin:0 auto; margin-top:20px; text-align:left;} .popup_box .popup_box_content .guide {text-align:right;} .popup_box .popup_box_content .guide .required {font-size:14px;} .popup_box .popup_box_content:after {display:block; content:""; clear:both} .popup_box .popup_box_content dl {float:left;} .popup_box .popup_box_content dl.w320 {width:320px;} .popup_box .popup_box_content dl.w197 {width:197px;} .popup_box .popup_box_content dl.w152 {width:152px;} .popup_box .popup_box_content dl.w107 {width:107px;} .popup_box .popup_box_content dl dt {min-height:16px; margin-bottom:7px; color:#464646; font-style:italic; font-size:14px; font-weight:bold;} .popup_box .popup_box_content dl dt .required {margin:0 4px;} .popup_box .popup_box_content dl dd {position:relative; margin-bottom:20px;} .popup_box .popup_box_content dl dd .textarea {width:100%; height:120px; border-radius:18px; background:#fff;} .popup_box .popup_box_content dl dd .textarea textarea {} .popup_box .popup_box_content dl dd .select_box_low {width:100%;} .popup_box .popup_box_content dl dd .color_picker {width:70px !important; height:29px !important; margin-top:0px !important; margin-left:4px; border:3px solid #FFF; box-shadow:inset 0 0 0 2px #979797; text-indent:-999em; vertical-align:top; cursor:pointer;} .popup_box .popup_box_content dl dd p.description {color:#464646; font-size:12px;} .popup_box .popup_box_content dl dd .promptMsg {display:block; font-size:14px; margin-top:4px; word-break:break-all;} .popup_box .popup_box_content dl.time_ss dd {display:flex; align-items:center; justify-content:space-between;} .popup_box .popup_box_content dl.time_ss dd .select_box_low {display:inline-block; width:calc(50% - 8px); vertical-align:middle;} .popup_box .popup_box_content dl.time_ss strong {} .popup_box .popup_box_content dl dd .btn_week {margin-top:6px; font-size:0px; word-spacing:0px; letter-spacing:0px;} .popup_box .popup_box_content dl dd .btn_week button {padding:0; margin:2px; width:calc(20% - 4px);} .popup_box .popup_box_content dl dd .ui-datepicker-trigger {position:absolute; bottom:2px; right:6px; z-index:9; cursor:pointer;} [dir=rtl] .popup_box .popup_box_content dl dd .ui-datepicker-trigger {right:auto; left:6px;} /*tagBox*/ .popup_box .popup_box_content dl.tagBox {width:100%;} .popup_box .popup_box_content dl.tagBox dt {display:block; margin-bottom:20px; font-style:normal;} .popup_box .popup_box_content dl.tagBox dd .mab-jquery-taginput.form-control {width:100%; box-sizing:border-box;} .popup_box .popup_box_content .qr_generrate_result {margin:50px 0 0px 0; font-size:0px; text-align:center; word-spacing:0px; letter-spacing:0px;} .popup_box .popup_box_content .qr_generrate_result p {display:inline-block; width:128px; height:128px; margin-top:10px; font-size:12px; word-spacing:0px; letter-spacing:0px;} .popup_box .popup_box_content .qr_generrate_result dl {display:inline-block; float:none; width:300px; min-height:128px; margin-top:20px; font-size:12px; text-align:left; line-height:20px; vertical-align:top; word-spacing:0px; letter-spacing:0px;} .popup_box .popup_box_content .qr_generrate_result dl dt {overflow:hidden; font-style:normal; text-overflow:ellipsis; white-space:nowrap;} .popup_box .popup_box_content .qr_generrate_result dl dd {color:#464646; font-style:italic; line-height:16px;} .popup_box .popup_box_content .qr_generrate_result dl dd strong {display:block; overflow:hidden; color:#464646; font-style:normal; text-overflow:ellipsis; white-space:nowrap;} .popup_box .popup_box_content .qr_generrate_result dl dd p {display:block; width:auto; height:auto; margin:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .popup_box .popup_box_content textarea {width:100%; height:35px; padding:10px; border-radius:4px; color:#2e2e2e; line-height:35px; box-sizing: border-box;} .popup_box .popup_box_content input[type=checkbox]:checked + label, .popup_box .popup_box_content input[type=checkbox] + label {width:auto; padding-top:8px; color:#FFF; font-size:12px;} .popup_box .popup_box_content .update {margin-bottom:20px; color:#464646; font-size:12px; line-height:20px;} .popup_box .popup_box_content .update span {display:block; margin-bottom:14px; padding:0px; background:none;} .popup_box .popup_box_content .update span p {display:inline-block;} .popup_box .popup_box_content .update span p a {padding:5px 7px; border-radius:20px; background:#fff; color:#686868 !important;} .popup_box .popup_box_content .update span p a:hover {background:#cf0652; color:#fff !important; text-decoration:underline;} .popup_box .popup_box_content .update span p a:after {content:'';display:inline-block;vertical-align:middle;width:14px;height:14px;margin: 0 0 0 6px;background:url(/ssw/images/svg/icon_open_window.svg) no-repeat;} .popup_box .popup_box_content .update span p a:hover:after {filter:brightness(10);} .popup_box .popup_box_content .update span p+p {float:right; margin-right:4px; text-align:right;} body.ru .popup_box .popup_box_content .update span p {display:block; float:none; margin:4px 0 !important; text-align:left !important;} .popup_box .popup_box_content .update strong {font-style:italic; font-size:14px;} .popup_box .popup_box_content .transition_effect {display:inline-block;} .popup_box .popup_box_content .transition_effect dl {clear:both; width:200px;} .popup_box .popup_box_content .transition_photo {display:inline-block; width:252px; height:142px; margin:0 0 20px 10px; background:#666;} .popup_box .popup_box_content .error_txt {display:block; clear:both; margin-bottom:20px; color:#ff897d; font-size:13px;} .popup_box .popup_box_content .popup_box_scroll {height:600px; overflow:auto;} .popup_box .popup_box_content .popup_box_scroll ~ .button_white {padding:14px 14px 0;} .popup_box .popup_box_content .popup_box_scroll .adRead {} .popup_box .popup_box_content .popup_box_scroll .adRead ul {font-size:0;} .popup_box .popup_box_content .popup_box_scroll .adRead ul li {display:inline-block; vertical-align:top; width:calc(33.3% - 4px); margin:2px; box-sizing:border-box;} .popup_box .popup_box_content .popup_box_scroll .adRead ul li button {font-size:14px; color:#464646; text-align:center; width:100%; padding:5px 0; border:1px solid #838383;} .popup_box .popup_box_content .popup_box_scroll .adRead ul li:active button, .popup_box .popup_box_content .popup_box_scroll .adRead ul li button[aria-pressed="true"], .popup_box .popup_box_content .popup_box_scroll .adRead ul li:hover button {border:1px solid #ce0a51; background:#ce0a51; color:#fff;} .popup_box .popup_box_content .popup_box_chart {height:260px; overflow:auto;} .popup_box .popup_box_content .popup_box_chart ~ .button_white {padding:14px 14px 0;} .popup_box .popup_box_content .txt_right {clear:both; white-space:nowrap;} .popup_box_content input[type=number], .popup_box_content input[type=text] {width:100%; height:35px; border-radius:18px; color:#2e2e2e; line-height:35px;} .popup_box_content input[type=text]:disabled {background:#ffffff; color:#b2b4b8;} .popup_box_content input[type=password] {width:100%; height:35px; border-radius:18px; color:#2e2e2e; line-height:35px;} /* .popup_box_content input[type=text]:focus {border:1px solid #cf0652;} */ /* .popup_box_content input[type=password]:focus {border:1px solid #cf0652;} */ .popup_box_content input[type=password]:disabled {background:#ffffff; color:#b2b4b8;} .popup_box .popup_box_content span {} .popup_box .popup_box_content span#qrcodeCanvas {display:inline-block; padding:10px; background:#fff;} .popup_box .popup_box_content span label {float:left;} .popup_box .popup_box_content span a.btn_login {display:inline-block; float:right; height:30x; padding:0 20px; border-radius:18px; background:#fff; color:#686868; font-size:12px; font-weight:bold; text-decoration:none; text-align:center; line-height:30px;} .popup_box .popup_box_content dl dd.ip_input {display:flex; align-items:center; color:#FFF; font-size:0px; word-spacing:0px; letter-spacing:0px;} .popup_box .popup_box_content dl dd.ip_input input {display:inline-block; width:calc(25% - 12px); text-align:center; vertical-align:middle; word-spacing:0px; letter-spacing:0px; padding:0;} .popup_box .popup_box_content dl dd.ip_input strong {display:inline-block; width:14px; color:#464646; font-size:10px; text-align:center; vertical-align:bottom; word-spacing:0px; letter-spacing:0px;} .popup_box .popup_box_content dl dd.ip_input p.Required {padding-top:8px; color:#EB1800; font-size:12px;} /*pcount*/ .popup_box .popup_box_content span.pcount label {float:none; padding:0;} .popup_box .popup_box_content span.pcount strong {color:#fff; margin:0 20px 0 0;} /*popup btn margin*/ .popup_box .popup_box_content .button_white a {margin-bottom:4px;} /* pop_tabs */ .popup_box .tabs .popup_box_content {margin-top:0;} /* searchBox */ .popup_box .popup_box_content .searchBox {display:block; position:relative; margin-bottom:10px;} .popup_box .popup_box_content .searchBox input[type=text] {border:0; color:#868686; padding-right:36px; height:34px; font-size:14px; line-height:34px; border-radius:16px;} .popup_box .popup_box_content .searchBox input[type=text]:focus {color:#464646;} .popup_box .popup_box_content .searchBox input[type=submit] { position:absolute; width:18px; height:18px; top:8px; right:14px; background:url(/ssw/images/svg/btnSearch.svg) no-repeat; filter:grayscale(1); cursor:pointer;} .popup_box .popup_box_content .searchBox input[type=submit]:hover {filter:grayscale(0);} .popup_box .popup_box_content .searchBox input[type=submit]:active {filter:grayscale(0.5);} .popup_box .popup_box_content .searchListHeader {height:50px; background:#fff; border-bottom:1px solid #b7b7b7; color:#777; font-size:14px; font-weight:600; padding-right:21px; box-sizing:border-box;} .popup_box .popup_box_content .searchListHeader .check {} .popup_box .popup_box_content .searchListHeader .check label {display:block; width:30px; height:30px; padding:0; padding-top: 0 !important;} .popup_box .popup_box_content .searchListHeader .cell:nth-child(1), .popup_box .popup_box_content .searchListBody ul li .cell:nth-child(1) {width:70%; margin-left:10px; word-break:break-all;} .popup_box .popup_box_content .searchListHeader .cell:nth-child(2), .popup_box .popup_box_content .searchListBody ul li .cell:nth-child(2) {width:70%; margin-left: 10px; font-size:14px; word-break:break-all;} .popup_box .popup_box_content .searchListHeader .cell:nth-child(3), .popup_box .popup_box_content .searchListBody ul li .cell:nth-child(3) {width:30%; text-align:center;} .popup_box .popup_box_content.popLocation[data-delete="on"] .searchListHeader .cell:nth-child(1), .popup_box .popup_box_content.popLocation[data-delete="on"] .searchListBody ul li .cell:nth-child(1) {width:100%;} .popup_box .popup_box_content.popLocation[data-delete="on"] .searchListHeader .cell:nth-child(2), .popup_box .popup_box_content.popLocation[data-delete="on"] .searchListBody ul li .cell:nth-child(2), .popup_box .popup_box_content.popLocation[data-delete="on"] .searchListHeader .cell:nth-child(3), .popup_box .popup_box_content.popLocation[data-delete="on"] .searchListBody ul li .cell:nth-child(3) {display:none;} .popup_box .popup_box_content.popLocation[data-delete="off"] .searchListHeader .cell:nth-child(1), .popup_box .popup_box_content.popLocation[data-delete="off"] .searchListBody ul li .cell:nth-child(1) {display:none;} .popup_box .popup_box_content .searchListHeader.cameraSearch .cell:nth-child(1), .popup_box .popup_box_content .searchListBody.cameraSearch ul li .cell:nth-child(1) {width:70%; margin-left: 10px; font-size: 14px; word-break:break-all;} .popup_box .popup_box_content .searchListHeader.cameraSearch .cell:nth-child(2), .popup_box .popup_box_content .searchListBody.cameraSearch ul li .cell:nth-child(2) {width:30%; text-align:center;} .popup_box .popup_box_content .searchListBody {background:#fff; box-shadow:0 0 0 1px #979797;} .popup_box .popup_box_content .searchListBody ul {height:300px; overflow-x:hidden; overflow-y:scroll; margin-bottom:20px;} .popup_box .popup_box_content .searchListBody ul li {padding:4px 0;} .popup_box .popup_box_content .searchListBody ul li:nth-child(even) {background:#f4f4f4;} .popup_box .popup_box_content .searchListBody ul li .name {display:block; width:30px; text-overflow:ellipsis; overflow:hidden;} .popup_box .popup_box_content .searchListBody ul li .name .opt {height:auto; margin:2px;} .popup_box .popup_box_content .searchListBody ul li .name .opt label {padding:8px 0; display:flex; align-items:center;} .popup_box .popup_box_content .searchListBody ul li .name .opt label .text {white-space:normal;} .popup_box .popup_box_content .searchListBody ul li .name .check {display:inline-block; vertical-align:middle; width:30px;} .popup_box .popup_box_content .searchListBody ul li .name .check label {padding:0; width:30px; height:30px;} .popup_box .popup_box_content .searchListBody ul li .name strong {color:#fff; font-size:14px; padding:4px; box-sizing:border-box;} .popup_box .popup_box_content #locationSearchList .searchList li .name {display:flex;display:-webkit-flex;display:-ms-flexbox;width:calc(100% - 0px); justify-content:space-between;align-items:center;-webkit-justify-content:space-between;-webkit-align-items:center;-ms-flex-pack:justify;-ms-flex-align:center;} .popup_box .popup_box_content #locationSearchList .searchList li .name strong {width:calc(100% - 34px);} .popup_box .popup_box_content .addCamera {} .popup_box .popup_box_content .addCamera dl {float:none;} .popup_box .popup_box_content .addCamera dl dt {font-style:normal;} .popup_box .popup_box_content .addCamera dl dd {} .popup_box .popup_box_content .adRoleList {margin-bottom:26px; height:204px; overflow:auto; background:#fff;} .popup_box .popup_box_content .adRoleList ul {font-size:0;} .popup_box .popup_box_content .adRoleList ul li {display:inline-block; vertical-align:top; width:33.33333%; height:40px; font-size:14px; text-align:center; background:#fff; border-bottom:1px solid #b7b7b7;} .popup_box .popup_box_content .adRoleList ul li:nth-child(odd) {background:#f5f5f5;} .popup_box .popup_box_content .adRoleList ul li span {height:40px; display:flex; justify-content:center; align-items:center; /* */ display:-webkit-flex; -webkit-justify-content:center; -webkit-align-items:center; /* */ display: -ms-flexbox; -ms-flex-pack:center; -ms-flex-align: center;} .popup_box .popup_box_content .workGroupList {margin-bottom:26px;} .popup_box .popup_box_content .workGroupList ul {} .popup_box .popup_box_content .workGroupList ul li {display:block; height:30px; margin:14px 0;} .popup_box .popup_box_content .workGroupList ul li .check {display:block; overflow:unset;} .popup_box .popup_box_content .workGroupList ul li .check label {padding-top:0; display:flex; justify-content:flex-start; align-items:center; /* */ display:-webkit-flex; -webkit-justify-content:flex-start; -webkit-align-items:center;/* */ display: -ms-flexbox; -ms-flex-pack:start; -ms-flex-align: center;} .popup_box .popup_box_content .workGroupList ul li .check label .text {font-size:14px;} .pop_create .popup_box .popup_box_content dl {width:100%;} /* pop_database */ .pop_database {width:700px;} .pop_database .popup_box {width:700px;} .pop_database .popup_box h2 {} .pop_database .popup_box .popup_box_content {width:640px;} .pop_database .popup_box .popup_box_content dl {float:none;} .pop_database .popup_box .popup_box_content dl dd {overflow:hidden; color:#464646; font-size:14px; text-overflow:ellipsis; white-space:nowrap;} .pop_database .popup_box .popup_box_content .data_box {height:500px; margin-bottom:20px; overflow:auto; background:#FFF; box-shadow: 0 0 0 1px #979797;} .pop_database .popup_box .popup_box_content .data_box table {border-collapse:collapse; white-space:normal;} .pop_database .popup_box .popup_box_content .data_box table tr {border:3px solid transparent;} .pop_database .popup_box .popup_box_content .data_box table tr.active {border:3px solid #cf0652; border-top:4px solid #cf0652 !important;} .pop_database .popup_box .popup_box_content .data_box table tr:nth-child(odd) {background:#f1f1f1;} .pop_database .popup_box .popup_box_content .data_box table tr th {padding:8px 0; border-bottom:3px solid #E7E7E7; border-left:1px solid #E7E7E7; background:#FFF; font-size:14px; text-align:center;} .pop_database .popup_box .popup_box_content .data_box table tr td {padding:8px 0 8px 8px; border-bottom:1px solid #E7E7E7; border-left:1px solid #E7E7E7; color:#464646; font-size:12px;} .pop_database .popup_box .popup_box_content .data_box table tr td.active {background:#666; color:#FFF;} .pop_database .popup_box .popup_box_content .data_box table tr td.disabled {background:#fff; color:#bbb;} .pop_database .popup_box .popup_box_content .data_box table tr th:nth-child(1), .pop_database .popup_box .popup_box_content .data_box table tr td:nth-child(1) {text-align:center;} .pop_database .popup_box .popup_box_content .queue_box {} .pop_database .popup_box .popup_box_content .queue_box .queueLayout {font-size:0; padding:10px; box-sizing:border-box; border-bottom:1px solid #ddd;} .pop_database .popup_box .popup_box_content .queue_box .queueLayoutList {height:350px;overflow:auto;margin-bottom:20px;background: #fff;} .pop_database .popup_box .popup_box_content .queue_box .queueLayout .layoutView {width: 50%;display:inline-block;vertical-align:top;margin-bottom:10px;} .pop_database .popup_box .popup_box_content .queue_box .queueLayout .layoutView .thumbView {background:#ddd;font-size:12px;width: calc(100% - 20px);height:74px;margin-bottom:4px;display:flex;justify-content:center;align-items:center; /* */display:-webkit-flex;-webkit-justify-content:center;-webkit-align-items:center; /* */display: -ms-flexbox;-ms-flex-pack:center;-ms-flex-align: center;} .pop_database .popup_box .popup_box_content .queue_box .queueLayout .layoutView .thumbView strong {font-size: 12px;margin:0 2px;font-weight: normal;} .pop_database .popup_box .popup_box_content .queue_box .queueLayout .layoutView .thumbView p {font-size:12px; margin:0 2px;} .pop_database .popup_box .popup_box_content .queue_box .queueLayout .layoutView .thumbView .vertical {text-align:center;} .pop_database .popup_box .popup_box_content .queue_box .queueLayout .layoutView .thumbView .horizental {display:flex; justify-content:space-between; align-items:center; display:-webkit-flex; -webkit-justify-content:space-between; -webkit-align-items:center; display:-ms-flexbox; -ms-flex-pack:justify; -ms-flex-align:center;} .pop_database .popup_box .popup_box_content .queue_box .queueLayout .layoutView .label {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:flex-start;align-items:center; -webkit-justify-content:flex-start; -webkit-align-items:center; -ms-flex-pack:start; -ms-flex-align:center;} .pop_database .popup_box .popup_box_content .queue_box .queueLayout .layoutView .label label {padding:0} .pop_database .popup_box .popup_box_content .queue_box .queueLayout .layoutView .label strong {margin-left:2px;width:86px;line-height: 20px;} .pop_database .popup_box .popup_box_content .queue_box .selectBoxWrap {} .pop_database .popup_box .popup_box_content .queue_box .selectBoxWrap.half {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:space-between;-webkit-justify-content:space-between; -ms-flex-pack:justify;} .pop_database .popup_box .popup_box_content .queue_box .selectBoxWrap.half dl {width:calc(50% - 40px) !important;} .pop_database .popup_box .popup_box_content .queue_box .selectBoxWrap dl dd {overflow:inherit;} /* pop_widget */ .pop_widget {width:700px;} .pop_widget .popup_box {width:700px;} .pop_widget .popup_box h2 {} .pop_widget .popup_box .popup_box_content {width:640px;} .pop_widget .popup_box .popup_box_content dl {float:none;} .pop_widget .popup_box .popup_box_content dl dd {overflow:hidden; color:#CCC; font-size:14px; text-overflow:ellipsis; white-space:nowrap;} .pop_widget .popup_box .popup_box_content dl dd textarea {box-sizing:border-box; height:400px; line-height:20px; padding:10px; box-shadow:inset 0 0 0 1px #979797;} .pop_widget .popup_box .popup_box_content dl dd .buttonWrapFooter {background:#f2f2f2; padding:10px; box-sizing:border-box; border-top:1px solid #a6a6a6;} .pop_qr_generrate {width:500px;} .pop_qr_generrate .popup_box {width:500px;} .pop_qr_generrate .popup_box h2 {} .pop_qr_generrate .popup_box .popup_box_content {width:444px;} .pop_qr_generrate .popup_box .popup_box_content .qr_generrate_result dl {width:400px;} /* dashboard Notice */ .pop_create .popup_box_content textarea {width:100%; height:120px; line-height:20px; box-shadow:inset 0 0 0 1px #747474;} .pop_create .popup_create_box {margin:24px 0; color:#FFF; font-size:14px; line-height:20px;} /* SAVE AS */ .save_as {position:absolute; z-index:99; top:40px; right:0px;} .save_as .popup_box {border-radius:18px;} .save_as .popup_box:after {position:absolute; top:-10px; left:82%; margin-left:-10px; border-right:10px solid transparent; border-bottom:10px solid #686868; border-left:10px solid transparent; content:"";} /* alert */ .popup_alert {position:relative; z-index:2; width:400px; padding:28px; box-sizing:border-box; background:#fff; text-align:left;} .popup_alert.hide {animation:hidePop 0.3s;-webkit-animation:hidePop 0.3s;} .popup_alert h2 {display:block; margin:0px auto; padding-bottom:10px; border-bottom:1px solid #5c5c5c; color:#464646; font-size:24px; font-weight:normal;} .popup_alert .btnSelectAll {text-align:right; margin-top:10px;} [dir=rtl] .popup_alert .btnSelectAll {text-align:left;} .popup_alert .popup_alert_box {margin:16px 0; color:#464646; font-size:14px; line-height:20px; max-height:400px; overflow:auto; word-break:break-all;} .popup_alert .close {display:block; position:absolute; top:8px; right:8px;} .popup_alert_box.info_pop_icon.tdcenter img {display:block; width:51px; margin:0 auto;} .popup_alert .popup_alert_box .editwg {height:250px; overflow:auto;} .popup_alert .popup_alert_box .editwg ul {} .popup_alert .popup_alert_box .editwg ul li {margin:10px 0;} .popup_alert .popup_alert_box .editwg ul li .label {margin:2px;} .popup_alert .popup_alert_box .editwg ul li .label strong {color:#eee;} .popup_alert .popup_alert_box .editwg #adWgList li .label {display:flex; justify-content:flex-start; align-items:center; /* */ display:-webkit-flex; -webkit-justify-content:flex-start; -webkit-align-items:center;/* */ display: -ms-flexbox; -ms-flex-pack:start; -ms-flex-align: center;} .popup_alert .popup_alert_box .editwg #adWgList li .label strong {width:calc(100% - 40px); line-height:18px;} .popup_alert .popup_alert_box .editwg #adWgList li .label label {display:flex; justify-content:flex-start; align-items:center;} .popup_alert .popup_alert_box .editwg #adWgList li .label label .text {word-break:break-word; white-space:normal;} [dir=rtl] .popup_alert .popup_alert_box .editwg #adWgList li .label {justify-content:flex-end;} [dir=rtl] .popup_alert .popup_alert_box .editwg #adWgList li .label label .text {order:-1;} .popup_alert .popup_alert_box #privacyDiv .label strong {color:#fff;} .popup_alert .popup_alert_box #privacyDiv .label strong a {text-decoration:underline; color:#f4fb51;} .popup_alert .popup_alert_box #privacyDiv .Required {position:relative; top:auto; left:38px; color:#ff897d;} .popBottomWrap {text-align:center; clear:both;} .popBottomWrap button {margin:2px;} #personalInfo .popup_alert_box .privacyAgreement .opt label {height:auto;} #personalInfo .popup_alert_box .privacyAgreement .opt label .text {font-size:14px;} #personalInfo .popup_alert_box .privacyAgreement .opt label .text .icoNwin {display:block; text-decoration:underline;} /* add_media_layer */ .add_media_layer {position:absolute; z-index:999; top:89px; right:0px; bottom:0px; width:350px; padding-right:20px; box-sizing:border-box; background:#ddd; font-size:0px; word-spacing:0px; letter-spacing:0px;} .add_media_layer.troubleNotice {transform:translate(1280px, 0); z-index:9999;} .add_media_layer.troubleNotice {-o-transition:all .16s cubic-bezier(.7,0,.3,1);transition:all .16s cubic-bezier(.7,0,.3,1);-webkit-transform:all .16s cubic-bezier(.7,0,.3,1);-ms-transform:all .16s cubic-bezier(.7,0,.3,1);transform:all .16s cubic-bezier(.7,0,.3,1);-webkit-transition:all .16s cubic-bezier(.7,0,.3,1);} .add_media_layer.troubleNotice.active {transform:translate(0, 0);} .add_media_layer.troubleNotice .option #sUserWorkGroup {width:calc(100% - 150px); max-width:200px;} .add_media_layer.troubleNotice .adm_body ul li .object {display:flex; justify-content:flex-start; align-items:center; /* */ display:-webkit-flex; -webkit-justify-content:flex-start; -webkit-align-items:center;} .add_media_layer.troubleNotice .adm_body ul li .object p strong {display:block;} .add_media_layer.troubleNotice .adm_body ul li .object .infoBox {width:calc(100% - 130px); margin-left:15px;} .add_media_layer.troubleNotice .adm_body ul li .object .infoBox strong {padding:0; width:auto; word-break:break-all;} .add_media_layer .adm_header {position:relative; height:92px; margin:0 14px; border-bottom:1px solid #cdcdcd; border-bottom:1px solid #b7b7b7; display:flex; justify-content:flex-start; align-items:center; /* */ display:-webkit-flex; -webkit-justify-content:flex-start; -webkit-align-items:center;/* */ display: -ms-flexbox; -ms-flex-pack:start; -ms-flex-align: center;} .add_media_layer .option {height:60px;} .add_media_layer .option .select_box_low {margin:0 10px !important;} .add_media_layer .adm_header h2 {display:block; color:#464646; font-size:24px; font-weight:normal; line-height:26px; margin:0 10px;} .add_media_layer .select_box_low {} .add_media_layer .select_box_low#rightPanelPlayerServer {} .add_media_layer .select_box_low#rightPanelPlayerServer[style*="display:none"] {display:none !important;} .add_media_layer .filterWrap {} .add_media_layer .filterWrap .selectboxWrap.fullwidth {width:calc(100% - 20px) !important;} .add_media_layer .filterWrap .selectboxWrap {display:inline-block; vertical-align:middle; width:calc(50% - 20px) !important; margin:3px 10px; word-spacing:0px; letter-spacing:0px;} .add_media_layer .filterWrap .selectboxWrap .title {display:block; padding:4px; color:#464646; font-size:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .add_media_layer .filterWrap .selectboxWrap .select_box_low {width:100%; display:inline-grid;} .add_media_layer .filterWrap .button {word-spacing:0px; letter-spacing:0px; margin:10px;} /* .add_media_layer .select_box_low#rightPanelTag {margin:0 0 16px 10px !important;} .add_media_layer .select_box_low#rightPanelTag ~ .objact_list {height:calc(100% - 342px);} */ .add_media_layer .adm_body.player_list {height:calc(100% - 340px);} /* .add_media_layer .adm_body.objact_list {height:calc(100% - 284px);} */ .add_media_layer .adm_body {height:calc(100% - 350px); overflow-y:auto; overflow-x:hidden;} .add_media_layer .adm_body#prj_canvas_yscroll {height:calc(100% - 175px);} .add_media_layer .adm_body ul {} .add_media_layer .adm_body ul li {position:relative; padding:10px 0px 10px 10px; border:5px solid transparent;} .add_media_layer .adm_body ul li:active {border:5px solid #cf0652;} .add_media_layer .adm_body ul li.active {border:5px solid #cf0652;} .add_media_layer .adm_body ul li.active label {display:block;} .add_media_layer .adm_body ul li label {display:none; position:absolute; top:20px; left:86px; border-radius:50%; box-shadow:2px 2px 10px #000;} .add_media_layer .adm_body ul li:hover label {display:block;} .add_media_layer .adm_body ul li.disable {opacity:0.5; cursor:default;} .add_media_layer .adm_body ul li.disable label {display:none;} .add_media_layer .adm_body ul li.disable:hover .button {display:none;} .add_media_layer .adm_body ul li.disable .object a.add {background:url(/ssw/images/button/btn_insert_n.png) no-repeat;} .add_media_layer .adm_body ul li.disable .object a.add:hover {background:url(/ssw/images/button/btn_insert_n.png) no-repeat;} .add_media_layer .adm_body ul li.disable .object a.add:active {background:url(/ssw/images/button/btn_insert_n.png) no-repeat;} .add_media_layer .adm_body ul li .object {} .add_media_layer .adm_body ul li .object a.add {display:inline-block; float:left; width:30px; min-width:30px; height:30px; background:url(/ssw/images/button/btn_insert_n.png) no-repeat; text-indent:-999em;} .add_media_layer .adm_body ul li .object a.add:hover {background:url(/ssw/images/button/btn_insert_f.png) no-repeat;} .add_media_layer .adm_body ul li .object a.add:active {background:url(/ssw/images/button/btn_insert_p.png) no-repeat;} .add_media_layer .adm_body ul li .object.ui-draggable-dragging {position:fixed !important; width:300px !important;} .add_media_layer .adm_body ul li.layout {} .add_media_layer .adm_body ul li.layout .object a.add {margin-top:22px;} .add_media_layer .adm_body ul li.layout .object .thumb {display:inline-block; width:126px; height:80px; margin-left:16px; overflow:hidden; border:1px solid #A7A7A7; background:#fff; text-align:center; vertical-align:middle;} .add_media_layer .adm_body ul li.layout .object .thumb p {display:table-cell; width:126px; height:80px; text-align:center; vertical-align:middle;} .add_media_layer .adm_body ul li.layout .object .thumb p img {width:auto; max-width:126px; height:auto; max-height:80px; margin:0; padding-left:0px; border:0;} .add_media_layer .adm_body ul li.layout .object img {display:inline-block; width:90px; height:50px; margin-left:10px; padding-left:0px; background:#fff; vertical-align:middle;} .add_media_layer .adm_body ul li.layout.portrait .object .thumb p img {max-width:126px; max-height:126px; margin-top:0px; transform:rotate(-90deg);} .add_media_layer .adm_body ul li .object .thumb {display:inline-block; position:relative; width:119px; height:67px; margin-left:10px; background:#eee; vertical-align:middle;} .add_media_layer .adm_body ul li .object .thumb p {display:table-cell; width:119px; height:67px; text-align:center; vertical-align:middle;} .add_media_layer .adm_body ul li .object .thumb p img {width:auto; max-width:117px; height:auto; max-height:65px; margin:0; padding-left:0px;} .add_media_layer .adm_body ul li .object img {display:inline-block; width:90px; height:50px; margin-left:10px; padding-left:0px; border:1px solid #ddd; background:#fff; vertical-align:middle;} .add_media_layer .adm_body ul li .object .info {padding-left:10px;} .add_media_layer .adm_body ul li .object .close {display:block; position:absolute; top:22px; right:10px; width:24px; height:24px; background:url(/ssw/images/button/btn_close_01_n.png) no-repeat; text-indent:-999em; cursor:pointer;} .add_media_layer .adm_body ul li .object .close:hover {background:url(/ssw/images/button/btn_close_01_f.png) no-repeat;} .add_media_layer .adm_body ul li .object .close:active {background:url(/ssw/images/button/btn_close_01_p.png) no-repeat;} .add_media_layer .adm_body ul li .thumblist {display:block; position:absolute; right:4px; bottom:4px; width:32px; height:32px; background:url(/ssw/images/page/btn_thumb_bg_n.png) no-repeat; color:#b5b5b5; font-size:14px; font-weight:bold; text-align:center; line-height:32px;} .add_media_layer .adm_body ul li .thumblist:hover {background:url(/ssw/images/page/btn_thumb_bg_n.png) no-repeat; color:#b5b5b5;} .add_media_layer .adm_body ul.layout_box {} .add_media_layer .adm_body ul.layout_box li {position:static;} .add_media_layer .adm_body ul.layout_box li .object a.add {float:none; margin:0px; vertical-align:middle;} .add_media_layer .adm_body .select_box_low .select_list li {padding:0 6px !important; border:0px;} /* distribution_control */ .add_media_layer .adm_body .distribution_control {} .add_media_layer .adm_body .distribution_control h3 {margin-bottom:10px; color:#464646; font-size:14px; font-weight:700;} .add_media_layer .adm_body .distribution_control .item {width:calc(100% - 30px); height:70px; margin:10px 14px; font-size:0px; vertical-align:middle; word-spacing:0px; letter-spacing:0px; display:flex; align-items:center;} .add_media_layer .adm_body .distribution_control .item a.add {display:inline-block; width:30px; height:30px; margin:35px 0; background:url(/ssw/images/button/btn_insert_n.png) no-repeat; text-indent:-999em; vertical-align:middle; word-spacing:0px; letter-spacing:0px;} .add_media_layer .adm_body .distribution_control .item a.add:hover {background:url(/ssw/images/button/btn_insert_f.png) no-repeat;} .add_media_layer .adm_body .distribution_control .item a.add:active {background:url(/ssw/images/button/btn_insert_p.png) no-repeat;} .add_media_layer .adm_body .distribution_control .item .icon {display:inline-block; width:34px; height:34px; margin-left:6px; text-indent:-999em; vertical-align:middle; word-spacing:0px; letter-spacing:0px; background-size:contain !important;} .add_media_layer .adm_body .distribution_control .item .icon.Volume {background:url(/ssw/images/svg/control_icon_volume.svg) no-repeat;} .add_media_layer .adm_body .distribution_control .item .icon.volum_off {background:url(/ssw/images/svg/control_icon_volume_off.svg) no-repeat;} .add_media_layer .adm_body .distribution_control .item .icon.Backlight {background:url(/ssw/images/svg/control_icon_backlight.svg) no-repeat;} .add_media_layer .adm_body .distribution_control .item .icon.Contrast {background:url(/ssw/images/svg/control_icon_contrast.svg) no-repeat;} .add_media_layer .adm_body .distribution_control .item .icon.Brightness {background:url(/ssw/images/svg/control_icon_brightness.svg) no-repeat;} .add_media_layer .adm_body .distribution_control .item .icon.picture {background:url(/ssw/images/svg/control_icon_picture.svg) no-repeat;} .add_media_layer .adm_body .distribution_control .item .slide_item {display:inline-block; vertical-align:middle; width:calc(100% - 30px); word-spacing:0px; letter-spacing:0px;} .add_media_layer .adm_body .distribution_control .item .slide_item .slide_box {display:inline-block; position:relative; width:calc(100% - 74px); height:50px; padding:0; margin-left:10px; overflow:hidden;} .add_media_layer .adm_body .distribution_control .item .slide_item .slide_box strong {display:block; color:#464646; font-size:12px; line-height:14px; margin: 0 6px;} .add_media_layer .adm_body .distribution_control .item .slide_item .slide_box .sliderWrap {display:flex; margin: 0 6px;} .add_media_layer .adm_body .distribution_control .item .slide_item .slide_box .sliderWrap button.btnMinus {order:-1;} .add_media_layer .adm_body .distribution_control .item .slide_item .slide_box .ui-slider.ui-widget-content {width:calc(100% - 80px);} .add_media_layer .adm_body .distribution_control .item .slide_item .slide_box .progress {position:absolute; top:36px; left:12px; right:12px; height:3px; background:#262626;} .add_media_layer .adm_body .distribution_control .item .slide_item .slide_box .progress .progress_bar {position:absolute; top:0px; left:-1px; height:3px; background:#cf0652;} .add_media_layer .adm_body .distribution_control .item .slide_item .slide_box .progress .progress_bar span {display:block; position:absolute; top:-10px; right:-11px; width:23px; height:23px; margin-left:-11px; background:url(/ssw/images/editor/editor_slider.png) no-repeat; text-indent:-999em; cursor:col-resize;} .add_media_layer .adm_body .distribution_control .item .input {display:inline-block; position:relative; width:64px; vertical-align:middle; vertical-align:top; word-spacing:0px; letter-spacing:0px;} .add_media_layer .adm_body .distribution_control .item .input input {margin-top:12px; text-align:center; text-indent:0;} .add_media_layer .adm_body .distribution_control .item .input .button {position:absolute; top:-36px; right:-3px; color:#cf0652; font-size:14px;} .add_media_layer .adm_body .distribution_control .item .select_layer {display:inline-block; width:220px; margin-left:18px; vertical-align:middle; word-spacing:0px; letter-spacing:0px;} .add_media_layer .adm_body .distribution_control .item .select_layer strong {color:#464646; font-size:12px;} .add_media_layer .adm_body .distribution_control .item.disabled {opacity:0.4;} /* videowall_control */ .add_media_layer .adm_body .videowall_control {} .add_media_layer .adm_body .videowall_control .item {display:block; height:70px; margin-top:20px; margin-left:14px; font-size:0px; vertical-align:middle; word-spacing:0px; letter-spacing:0px;} .add_media_layer .adm_body .videowall_control .item dl {float:left; color:#767676;} .add_media_layer .adm_body .videowall_control .item dt {margin-bottom:10px; color:#464646; font-size:14px; font-weight:bold;} .add_media_layer .adm_body .videowall_control .item dd {font-size:12px;} .add_media_layer .adm_body .videowall_control .item dd .bring_button input {width:35px; height:35px; margin-right:10px; text-indent:-999em; cursor:pointer;} .add_media_layer .adm_body .videowall_control .item dd input.rotation_right {background:url(/ssw/images/editor/bring_rotation_r.png) no-repeat 0 0;} .add_media_layer .adm_body .videowall_control .item dd input.rotation_right:hover {background-position:0px -35px;} .add_media_layer .adm_body .videowall_control .item dd input.rotation_right:active {background-position:0px -70px;} .add_media_layer .adm_body .videowall_control .item dd input.rotation_right.active {background-position:0px -70px;} .add_media_layer .adm_body .videowall_control .item dd input.rotation_left {background:url(/ssw/images/editor/bring_rotation_l.png) no-repeat 0 0;} .add_media_layer .adm_body .videowall_control .item dd input.rotation_left:hover {background-position:0px -35px;} .add_media_layer .adm_body .videowall_control .item dd input.rotation_left:active {background-position:0px -70px;} .add_media_layer .adm_body .videowall_control .item dd input.rotation_left.active {background-position:0px -70px;} .add_media_layer .adm_body .videowall_control .item dd .slide_box {display:flex; position:relative; height:40px; margin:10px 0 0 0; padding:0;} .add_media_layer .adm_body .videowall_control .item dd .slide_box .progress {position:absolute; top:14px; left:39px; width:126px; height:3px; background:#262626;} .add_media_layer .adm_body .videowall_control .item dd .slide_box .progress .progress_bar {position:absolute; top:0px; left:-1px; height:3px; background:#cf0652;} .add_media_layer .adm_body .videowall_control .item dd .slide_box .progress .progress_bar span {display:block; position:absolute; top:-10px; right:-11px; width:23px; height:23px; background:url(/ssw/images/editor/editor_slider.png) no-repeat; text-indent:-999em; cursor:col-resize;} .add_media_layer .adm_body .videowall_control .item dd .slide_box span {display:block; position:absolute; width:30px; height:30px; cursor:pointer;} .add_media_layer .adm_body .videowall_control .item dd .slide_box span .tooltip {position:absolute; top:-30px; width:85px; height:30px; margin-left:-13px; border-radius:10px; background:#3c3c3c; color:#fff; font-size:12px; text-align:center; text-indent:0; line-height:30px;} .add_media_layer .adm_body .videowall_control .item dd .slide_box .btn_minus {order:-1;} .add_media_layer .adm_body .videowall_control .item dd .slide_box .btn_plus {} .add_media_layer .adm_body .videowall_control .item dd .slide_box .slider {width:130px !important;} .add_media_layer .adm_body .videowall_control .item dd .slide_box .ui-slider .ui-widget-header {height:3px;} .add_media_layer .adm_body .videowall_control .item dd input.fnOnlyDecimal {width:70px; text-align:center; margin:0 4px;} .add_media_layer .adm_body.storage_list {height:calc(100% - 133px); overflow:auto;} .add_media_layer .adm_body.storage_list .pld_box:first-child {margin-top:20px;} .add_media_layer .adm_body.storage_list .pld_box {margin:0 14px;} .add_media_layer .adm_body.storage_list {} .add_media_layer .adm_body.schedule_info.disabled {position:relative;} .add_media_layer .adm_body.schedule_info.disabled:before {content:'';display:block;position:absolute;top:0;width: 320px; height:1060px; background: rgba(0,0,0,0);z-index: 9999;} .add_media_layer .adm_body.schedule_info.disabled.repeat:before {height:1340px;} .add_media_layer .adm_body.schedule_info.disabled .adm_body_Box, .add_media_layer .adm_body.schedule_info.disabled .distribution_control {opacity:0.6;} .add_media_layer .adm_body.schedule_info {height:calc(100% - 180px); margin-left:14px;} .add_media_layer .adm_body.schedule_info .preview {width:305px; height:172px; margin:10px auto; background:#fff;} .add_media_layer .adm_body.schedule_info .preview .img {max-width:305px; max-height:172px;} .add_media_layer .adm_body.schedule_info .adm_body_Box {margin:16px 2px; padding-bottom:10px; color:#464646;} .add_media_layer .adm_body.schedule_info .adm_body_Box.sub_box {padding:4px; border-radius:10px; background:#B9B9B9; margin-bottom:30px;} .add_media_layer .adm_body.schedule_info .adm_body_Box h3 {margin-bottom:10px; font-size:14px; font-weight:700;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl {margin-bottom:10px; font-size:0px;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dt {margin-bottom:4px;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd {} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dt, .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd {display:block; font-size:12px; vertical-align:top; position:relative;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .ui-datepicker-trigger {position:absolute; top:2px; right:6px; z-index:9; cursor:pointer;} [dir=rtl] .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .ui-datepicker-trigger {right:auto; left:6px;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd #evt_repeatSt {margin:0 !important; margin-bottom:2px !important;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .select_box_low {width:100%; margin:0;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .time_picker {} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .time_picker .select_box_low {width:49% !important; margin:0 !important;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .time_picker .select_box_low .select_list li a {padding-right:0;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .label {display:inline-block; margin-right:4px;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .label label {background:url(/ssw/images/form/checkbox_ns.png) 0 0px no-repeat;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .label input[type=checkbox]:checked + label {background: url(/ssw/images/form/checkbox_s.png) 0 0px no-repeat;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .datepicker {margin-bottom:4px;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .btn_week {font-size:0; line-height:4px;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .btn_week button {width:calc(25% - 4px); padding:0; margin:2px;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .opt {display:inline-block; vertical-align:middle;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .datepickerBox {position:relative;} .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .datepickerBox .ui-datepicker-trigger {position:absolute; top:2px; right:6px; z-index:9; cursor:pointer;} [dir=rtl] .add_media_layer .adm_body.schedule_info .adm_body_Box dl dd .datepickerBox .ui-datepicker-trigger {right:auto; left:6px;} .add_media_layer .adm_body.schedule_info .distribution_control .item {margin-bottom:10px; margin-left:2px;} .add_media_layer .adm_body.schedule_info .distribution_control .item .opt {margin-top:8px;} .add_media_layer .adm_body.schedule_info .distribution_control .item .checkbox {display:inline-block; width:30px; height:30px; margin:14px 0; border-radius:50%; vertical-align:middle;} .add_media_layer .adm_body.schedule_info .distribution_control .item .checkbox label {background:url(/ssw/images/form/checkbox_ns.png) 0 0px no-repeat;} .add_media_layer .adm_body.schedule_info .distribution_control .item .checkbox input[type=checkbox]:checked + label {background: url(/ssw/images/form/checkbox_s.png) 0 0px no-repeat;} .add_media_layer .adm_body.schedule_info .distribution_control .item .slide_item .slide_box {width:calc(100% - 74px); margin: 0 4px;} .add_media_layer .adm_body.schedule_info ~ #btnEvent button {margin:4px 2px;} .add_media_layer .adm_body #_d_addMediaPlayer .object .info strong {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .add_media_layer .event_body {height:calc(100% - 133px); margin:0 14px; color:#464646; font-size:12px; overflow-y:auto;} .add_media_layer .event_body .eventBox {margin:16px 0; padding-bottom:10px;} .add_media_layer .event_body .eventBox h3 {display:block; margin-bottom:10px;} .add_media_layer .event_body .eventBox ul {line-height:20px;} .add_media_layer .event_body .eventBox ul li {} .add_media_layer .event_body .eventBox ul li strong, .add_media_layer .event_body .eventBox ul li p {display:inline-block; font-weight:normal; vertical-align:middle;} .add_media_layer .event_body .eventBox ul li p {font-weight:bold;} .add_media_layer .event_body .eventBox dl {margin-bottom:30px;} .add_media_layer .event_body .eventBox dl dt {display:block; margin-bottom:4px;} .add_media_layer .event_body .eventBox dl dd {} .add_media_layer .event_body .eventBox dl dd .time_picker {display:inline-block; width:calc(50% - 2px); vertical:middle;} .add_media_layer .event_body .eventBox dl dd .time_picker .select_box_low {width:100%; margin:16px 0;} .add_media_layer .event_body .eventBox dl dd label {margin-left:4px; border-radius:50%; box-shadow:0px 0px 4px rgba(0,0,0,0.4);} .add_media_layer .paging {margin-top:10px;} .add_media_layer .detail_second {position:absolute; right:20px; height:calc(100% - 0px); margin-left:0px;} #settingsPopupBody dl dt dd.slideWrap {width:320px;} #settingsPopupBody .slide_box {display:inline-block; position:relative; width:235px; height:40px; margin:10px 0 0 0; padding:0; vertical-align:middle;} #settingsPopupBody .slide_box .progress {position:absolute; top:14px; left:39px; width:126px; height:3px; background:#262626;} #settingsPopupBody .slide_box .progress .progress_bar {position:absolute; top:0px; left:-1px; height:3px; background:#cf0652;} #settingsPopupBody .slide_box .progress .progress_bar span {display:block; position:absolute; top:-10px; right:-11px; width:23px; height:23px; background:url(/ssw/images/editor/editor_slider.png) no-repeat; text-indent:-999em; cursor:col-resize;} #settingsPopupBody .slide_box span {display:block; position:absolute; width:30px; height:30px; cursor:pointer;} #settingsPopupBody .slide_box span .tooltip {position:absolute; top:-30px; width:50px; height:30px; margin-left:-13px; border-radius:10px; background:#3c3c3c; color:#fff; font-size:12px; text-align:center; text-indent:0; line-height:30px;} #settingsPopupBody .slide_box .slider {position:absolute; top:-1px; left:27px;} #settingsPopupBody .slide_box .ui-slider .ui-widget-header {height:3px;} #settingsPopupBody .slide_box_input {display:inline-block; width:300px; font-size:14px; vertical-align:middle;} #settingsPopupBody .slide_box_input input {width:66px; margin:0 4px;} .object_layer {display:block; position:relative; width:300px; padding:10px; border-radius:2px; background:#FFF; box-shadow:0 0 1px rgba(76,86,103,.25),0 2px 18px rgba(31,37,50,.32); vertical-align:middle; position:fixed !important;} .object_layer a.add {display:none;} .object_layer img {display:inline-block; width:90px; height:50px; padding-left:0px; vertical-align:middle;} .object_layer .info {display:inline-block; width:130px; padding-left:15px; overflow:hidden; font-size:12px; font-weight:normal; text-overflow:ellipsis; line-height:16px; vertical-align:middle; white-space:nowrap;} .object_layer .info em {display:inline-block; padding:2px 10px; border-radius:10px; background:#666; color:#FFF;} .object_layer .info strong {display:block; padding-left:0px; color:#464646; font-weight:bold;} .object_layer .info p {display:block; overflow:hidden; color:#5A5A5A; text-overflow:ellipsis; white-space:nowrap;} .object_layer .info.wtext {width:260px;} .object_layer .info.wtext strong {width:260px;} .object_layer .thumblist {display:block; position:absolute; left:65px; bottom:14px; width:32px; height:32px; background:url(/ssw/images/page/btn_thumb_bg_n.png) no-repeat; color:#b5b5b5; font-size:14px; font-weight:bold; text-align:center; line-height:32px;} .object_layer .thumblist:hover {background:url(/ssw/images/page/btn_thumb_bg_f.png) no-repeat; color:#FFF;} .object_layer .thumblist:active {background:url(/ssw/images/page/btn_thumb_bg_p.png) no-repeat; color:#b5b5b5;} .object_layer .thumblist.active {background:url(/ssw/images/page/btn_thumb_open_n.png) no-repeat; text-indent:-999em;} .object_layer .thumblist.active:hover {background:url(/ssw/images/page/btn_thumb_open_f.png) no-repeat;} .object_layer .thumblist.active:active {background:url(/ssw/images/page/btn_thumb_open_p.png) no-repeat;} .object_layer .thumb {display:inline-block; width:90px; height:50px; background:#eee; vertical-align:middle;} .object_layer .thumb p {display:table-cell; width:90px; height:50px; text-align:center; vertical-align:middle;} .object_layer .thumb p img {width:auto; max-width:90px; height:auto; max-height:50px; padding-left:0px;} .object_layer .display {display:inline-block; position:relative; width:90px; height:50px; padding-left:0px; vertical-align:middle;} .object_layer .display img {width:90px; height:50px; padding-left:0px;} .object_layer .display em {position:absolute; right:0px; bottom:0px; padding:2px 6px; background:url(/ssw/images/page/bg_time.png); color:#FFF; font-style:normal; font-size:12px; font-weight:bold; text-align:center;} /*portrait*/ .object_layer.portrait {padding:28px 10px;} .object_layer.portrait .display {transform:rotate(-90deg);} .object_layer2 {display:block; position:relative; width:300px; padding:10px; border-radius:2px; background:#FFF; box-shadow:0 0 1px rgba(76,86,103,.25),0 2px 18px rgba(31,37,50,.32); vertical-align:middle;} .object_layer2 a.add {display:none;} .object_layer2 img {display:inline-block; width:90px; height:50px; padding-left:0px; vertical-align:middle;} .object_layer2 .info {display:inline-block; width:130px; padding-left:15px; overflow:hidden; font-size:12px; font-weight:normal; text-overflow:ellipsis; line-height:16px; vertical-align:middle; white-space:nowrap;} .object_layer2 .info em {display:inline-block; padding:2px 10px; border-radius:10px; background:#666; color:#FFF;} .object_layer2 .info strong {display:block; padding-left:0px; color:#464646; font-weight:bold;} .object_layer2 .info p {display:block; overflow:hidden; color:#5A5A5A; text-overflow:ellipsis; white-space:nowrap;} .object_layer2 .info.wtext {width:260px;} .object_layer2 .info.wtext strong {width:260px;} .object_layer2 .thumblist {display:block; position:absolute; left:65px; bottom:14px; width:32px; height:32px; background:url(/ssw/images/page/btn_thumb_bg_n.png) no-repeat; color:#b5b5b5; font-size:14px; font-weight:bold; text-align:center; line-height:32px;} .object_layer2 .thumblist:hover {background:url(/ssw/images/page/btn_thumb_bg_f.png) no-repeat; color:#FFF;} .object_layer2 .thumblist:active {background:url(/ssw/images/page/btn_thumb_bg_p.png) no-repeat; color:#b5b5b5;} .object_layer2 .thumblist.active {background:url(/ssw/images/page/btn_thumb_open_n.png) no-repeat; text-indent:-999em;} .object_layer2 .thumblist.active:hover {background:url(/ssw/images/page/btn_thumb_open_f.png) no-repeat;} .object_layer2 .thumblist.active:active {background:url(/ssw/images/page/btn_thumb_open_p.png) no-repeat;} .object_layer2 .thumb {display:inline-block; width:90px; height:50px; background:#eee; vertical-align:middle;} .object_layer2 .thumb p {display:table-cell; width:90px; height:50px; text-align:center; vertical-align:middle;} .object_layer2 .thumb p img {width:auto; max-width:90px; height:auto; max-height:50px; padding-left:0px;} .object_layer2 .display {display:inline-block; position:relative; width:90px; height:50px; padding-left:0px; vertical-align:middle;} .object_layer2 .display img {width:90px; height:50px; padding-left:0px;} .object_layer2 .display em {position:absolute; right:0px; bottom:0px; padding:2px 6px; background:url(/ssw/images/page/bg_time.png); color:#FFF; font-style:normal; font-size:12px; font-weight:bold; text-align:center;} /*portrait*/ .object_layer2.portrait {padding:28px 10px;} .object_layer2.portrait .display {transform:rotate(-90deg);} /* popup_box_content detail_status */ .popup_box_content .detail_status {position:relative; width:100%; margin:40px 0 20px 0; font-size:13px;} .popup_box_content .detail_status strong {color:#464646;} .popup_box_content .detail_status p {display:block; color:#464646; font-size:18px; text-align:center;} .popup_box_content .detail_status .progress {width:100%; height:20px; margin:12px 0; background:#a7a7a7;} .popup_box_content .detail_status .progress .progressBar {display:block; height:20px; background:#cf0652; text-indent:-999em;} .popup_box_content .detail_status .btn {display:block; position:absolute; right:0px; bottom:0px; width:21px; height:22px; text-indent:-999em;} /* ---------------------------------------------- Settings Clone ------------------------------------------------*/ .settclone_wrap {position:relative; z-index:2; margin:10px; width:calc(100% - 5px);} .settclone_wrap .settclone_box {width:614px; padding:20px; margin: 10px; box-sizing:border-box;background:#fff;} .settclone_wrap .settclone_box h2 {display:block; padding:0 0 10px 0; border-bottom:1px solid #5c5c5c; color:#464646; font-size:24px; font-weight:normal;} .settclone_wrap .settclone_box .settclone_content {height:438px; margin:0 auto; margin-top:10px; overflow-y:auto; overflow-x:hidden; text-align:left;} .settclone_wrap .settclone_box .settclone_content .guide {text-align:right;} .settclone_wrap .settclone_box .settclone_content .guide .required {font-size:14px;} .settclone_wrap .settclone_box .settclone_content .detail_component {width:100%;} .settclone_wrap .settclone_box .settclone_content .settclone_line {position:relative; margin:10px 0 0 28px;} .settclone_wrap .settclone_box .settclone_content .Required {position:absolute; left:0; bottom:8px; color:#ff897d; font-size:12px;} .settclone_wrap .settclone_box .settclone_content .settclone_line dl {width:206px; margin-bottom:36px;} .settclone_wrap .settclone_box .settclone_content .settclone_line dl dt {margin-bottom:7px; color:#FFF; font-style:italic; font-size:14px; font-weight:bold;} .settclone_wrap .settclone_box .settclone_content .settclone_line dl dd {position:relative; margin-bottom:21px;} .settclone_wrap .settclone_box .settclone_content .settclone_line dl.profile {position:absolute; top:0px; right:10px;} .settclone_wrap .settclone_box .settclone_content .settclone_line dl dd p.profile {display:block; width:126px; height:126px; background:#cdcdcd;} .settclone_wrap .settclone_box .settclone_content .settclone_line dl dd p.profile img {width:126px; height:126px;} .settclone_wrap .settclone_box .settclone_content .settclone_line dl.profile .button_white {position:absolute; left:11px; bottom:-13px; margin:0px;} .settclone_wrap .settclone_box .settclone_content .settclone_line_flat {position:relative; margin:10px 10px 0 28px; padding-top:30px;} .settclone_wrap .settclone_box .settclone_content .settclone_line_flat dl {float:left; width:206px; margin-bottom:36px;} .settclone_wrap .settclone_box .settclone_content .settclone_line_flat dl:nth-child(even) {float:right;} .settclone_wrap .settclone_box .settclone_content .settclone_line_flat dl dt {margin-bottom:7px; color:#FFF; font-style:italic; font-size:14px; font-weight:bold;} .settclone_wrap .settclone_box .settclone_content .settclone_line_flat dl dd {position:relative; margin-bottom:21px;} .settclone_wrap .settclone_box .settclone_content .component_header h3 {color:#464646;} .settclone_wrap .settclone_box .settclone_content .component_header h3 em {color:#464646;} .settclone_wrap .settclone_box .settclone_content .component_header .button a {color:#cdcdcd;} .settclone_wrap .settclone_box .settclone_content .add_media a {cursor:pointer;} .settclone_wrap .settclone_box .settclone_content .detail_component .button_white {margin:10px 0 0 0;} .settclone_wrap .settclone_box .button_white {} /* media_box */ .settclone_wrap .media_box {width:300px; height:522px; background:#fff; text-align:left; padding:20px;} .settclone_wrap .media_box h2 {display:block; padding:0 0 10px 0; border-bottom:1px solid #5c5c5c; color:#464646; font-size:24px; font-weight:normal;} .settclone_wrap .media_box .media_list {height:calc(100% - 134px); margin-top:10px; overflow-y:auto;} .settclone_wrap .media_box#pDataClonePlayerWindow .media_list {height:calc(100% - 116px);} .settclone_wrap .media_box .media_list ul {font-size:14px;} .settclone_wrap .media_box .media_list ul li {display:block; margin:20px 0;} .settclone_wrap .media_box .media_list ul li .object {display:flex; align-items:center;} .settclone_wrap .media_box .media_list ul li .object a.add {display:inline-block; float:left; width:30px; height:30px; margin-top:10px; background:url(/ssw/images/button/btn_insert_n.png) no-repeat; text-indent:-999em;} .settclone_wrap .media_box .media_list ul li .object a.add:hover {background:url(/ssw/images/button/btn_insert_f.png) no-repeat;} .settclone_wrap .media_box .media_list ul li .object a.add:active {background:url(/ssw/images/button/btn_insert_p.png) no-repeat;} .settclone_wrap .media_box .media_list ul li .object img {display:inline-block; width:76px; height:50px; padding-left:8px; vertical-align:middle;} .settclone_wrap .media_box .media_list ul li .object strong {display:inline-block; width:calc(100% - 120px); padding-left:8px; overflow:hidden; color:#464646; font-size:12px; font-weight:normal; text-overflow:ellipsis; vertical-align:middle; white-space:nowrap;} .settclone_wrap .media_box .button_white {margin:10px 30px 0px 0px;} .settclone_wrap .media_box .paging em a {color:#CCC;} .settclone_wrap .media_box .paging em a.active {color:#fff; font-size:15px;} /* pop_wrap_large */ .pop_wrap_large {width:526px; ;} .pop_wrap_large.nsc .pwl_box .pwl_content .pwl_list {margin:10px 0 0 0;} .pop_wrap_large.nsc .paging {margin:10px 0; padding-bottom:10px; background:#FFF;} .pop_wrap_large.nsc .pwl_box .pwl_content .pwl_content_header {position:relative; height:35px; margin-top:10px;} .pop_wrap_large.nsc .pwl_box .pwl_content .pwl_content_header .select_box_low {display:inline-block; width:176px; vertical-align:middle;} .pop_wrap_large.nsc .pwl_box .pwl_content .pwl_content_header .button_gray2 {display:inline-block; float:right; margin-top:2px; vertical-align:middle;} .pop_wrap_large.nsc .pwl_box .pwl_content .pwl_content_header .search {position:absolute; top:0px; left:0px; right:154px;} .pop_wrap_large.nsc .pwl_box .pwl_content .pwl_content_header .search .button_close {margin:2px;} .pop_wrap_large.nsc .pwl_box .pwl_content .pwl_content_header .search input[type=text] {} /* pwl_box */ .pwl_box {width:526px; background:#fff; text-align:left; padding:20px; box-sizing:border-box;} .pwl_box h2 {display:block; margin:0px auto; padding:0 0 10px 0; border-bottom:1px solid #5c5c5c; color:#464646; font-size:24px; font-weight:normal;} .pwl_box .pwl_content {width:auto;} .pwl_box .pwl_content .pwl_btn {} .pwl_box .pwl_content .pwl_btn a {width:150px;} .pwl_box .pwl_content .pwl_btn a:hover {border:3px solid #cf0652 !important; border-radius:18px;/* font-weight:bold;*/ background:#cf0652 !important; color:#fff !important;} .pwl_box .pwl_content .pwl_btn a:active {border:3px solid #cf0652 !important; background:#fff !important; color:#686868 !important;} .pwl_box .pwl_content .pwl_btn a.ccr, .pwl_box .pwl_content .pwl_btn a:hover.ccr {border:3px solid #cf0652 !important; border-radius:18px;/* font-weight:bold;*/ background:#fff !important; color:#686868 !important;} .pwl_box .pwl_content .pwl_btn a:active.ccr {border:3px solid #cf0652 !important; background:#fff !important; color:#686868 !important;} .pwl_box .pwl_content .pwl_btn a.disable {border:3px solid transparent !important; border-radius:18px; background:#ededed !important; color:#cccccc !important; font-size:14px; font-weight:normal; text-decoration:none; text-align:center; cursor:default; box-sizing:border-box;} .pwl_box .pwl_content .pwl_list {width:100%; height:340px; margin:20px 0; background:#FFF; overflow-y:scroll;overflow-x:hidden; box-shadow:0 0 0 1px #979797;} .pwl_box .pwl_content .pwl_list table {width:100%; border-collapse:collapse; white-space:normal;} .pwl_box .pwl_content .pwl_list table tr {border:3px solid transparent;} .pwl_box .pwl_content .pwl_list table tr.active {outline:3px solid #cf0652; outline-offset:-2px;} .pwl_box .pwl_content .pwl_list table tr:nth-child(odd) {background:#f1f1f1;} .pwl_box .pwl_content .pwl_list table tr td {padding:8px 0 8px 8px; color:#464646; font-size:12px; word-break:break-all;} .pwl_box .pwl_content .pwl_list table tr td img {width:90px; height:50px; min-width:90px;} .pwl_box .pwl_content .pwl_list table tr td:nth-child(1) {width:10%;} .pwl_box .pwl_content .pwl_list table tr td:nth-child(2) {} .pwl_box .pwl_content .pwl_list table tr td:nth-child(3) {width:20%;} .pwl_box .pwl_content .pwl_list table tr td:nth-child(4) {width:16%; text-align:center;} .pwl_box .pwl_content .pwl_list.scheduleItem {margin-bottom:24px !important;} .pwl_box .pwl_content .pwl_list.scheduleItem td p {display:block; padding:4px; color:#919191;} .pwl_box .pwl_content .pwl_list.scheduleItem .detail_cell strong.ico_green {background:none; width:310px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .pwl_box .pwl_content .pwl_list table #morePopupList tr td {} .pwl_box .pwl_content .pwl_list table #morePopupList tr td .date, .pwl_box .pwl_content .pwl_list table #morePopupList tr td .info {margin-left:16px; margin-bottom:4px;} .pwl_box .pwl_content .pwl_list table #morePopupList tr td .info span {display:inline-block; padding:0 6px; border-left:1px solid #d9d7d7;} .pwl_box .pwl_content .pwl_list table #morePopupList tr td .info span:first-child {padding-left:0; border-left:0;} /* Edit text stlye */ #edit_text_style {position:relative; z-index:999; margin:0 auto; text-align:center;} .edit_text_box {width:560px; background:#fff; text-align:left; padding:28px; box-sizing:border-box; margin:0 auto;} .edit_text_box h2 {display:block; margin:0px auto; padding:0 0 10px 0; border-bottom:1px solid #5c5c5c; color:#464646; font-size:24px; font-weight:normal;} .edit_text_box h2 input {border-radius:30px; background:#FFF; font-size:24px;} .edit_text_box h2 input:focus {} .edit_text_box h2 input[readonly] {border:0px; border-radius:0px; background:none; color:#eeeeee; font-size:24px; text-indent:0px;} .edit_text_box h2 input[readonly]:hover {border-radius:30px; background:#4D4D4D; text-indent:20px;} .edit_text_box h2.es_box {} .edit_text_box .edit_text_content.es_box {height:330px; overflow-y:scroll;overflow-x:hidden;} .edit_text_box .button_white.es_box {padding:20px;} .edit_text_box .edit_text_content {margin:0 auto; margin-top:20px; padding-bottom:20px; text-align:left;} .edit_text_box .edit_text_content .edit_text_line {} .edit_text_box .edit_text_content .edit_text_line dl {display:inline-block; width:196px; margin-bottom:30px; font-size:0px; vertical-align:top; word-spacing:0px; letter-spacing:0px;} .edit_text_box .edit_text_content .edit_text_line dl.w107 {width:107px;} .edit_text_box .edit_text_content .edit_text_line dl.w125 {width:125px;} .edit_text_box .edit_text_content .edit_text_line dl.w259 {width:259px;} .edit_text_box .edit_text_content .edit_text_line dl dt {margin-bottom:7px; color:#464646; font-style:normal; font-size:14px; font-weight:bold;} .edit_text_box .edit_text_content .edit_text_line dl dd {position:relative;} .edit_text_box .edit_text_content .edit_text_line dl dd .color_picker {width:29px !important; color:#464646; height:29px; margin-left:4px; border:3px solid #FFF; text-indent:-999em; vertical-align:top; cursor:pointer; box-shadow:inset 0 0 0 2px #979797;} .edit_text_box .edit_text_content .edit_text_line dl dd p.range {margin-top:4px; color:#464646; font-size:12px; white-space:nowrap;} .edit_text_box .edit_text_content .edit_text_line dl dd .input_button {width:130px;} .edit_text_box .edit_text_content .edit_text_line dl dd .input_button button {box-shadow:inset 0 0 0 1px #979797;} .edit_text_box .edit_text_content .edit_text_line dl dd .input_button button:hover {box-shadow:inset 0 0 0 1px #ce0a51;} .edit_text_box .edit_text_content .edit_text_line dl dd .input_button input {width:35px; height:35px; margin-left:10px; text-indent:-999em; cursor:pointer; box-shadow:inset 0 0 0 1px #979797; border-radius:50%;} .edit_text_box .edit_text_content .edit_text_line dl dd .input_button input:hover {background-position:center !important;} .edit_text_box .edit_text_content .edit_text_line dl dd .input_button input:active {background-position: bottom !important;} .edit_text_box .edit_text_content .edit_text_line dl dd .input_button input.active {background-position: bottom !important;} .edit_text_box .edit_text_content .edit_text_line dl dd .input_button input:disabled {background-position:top !important; opacity:0.6; pointer-events:none;} .edit_text_box .edit_text_content .edit_text_line dl dd .input_button input:first-child {margin-left:0px;} .edit_text_box .edit_text_content .edit_text_line dl dd .input_button input.bold {background:url(/ssw/images/editor/btnBold.png)} .edit_text_box .edit_text_content .edit_text_line dl dd .input_button input.italic {background:url(/ssw/images/editor/btnItalic.png)} .edit_text_box .edit_text_content .edit_text_line dl dd .input_button input.underline {background:url(/ssw/images/editor/btnUnder.png)} .edit_text_box .edit_text_content .edit_text_line dl.duration {width:100%; font-size:0px; word-spacing:0px; letter-spacing:0px;} .edit_text_box .edit_text_content .edit_text_line dl.duration dd.textarea {position:relative; height:277px;} .edit_text_box .edit_text_content .edit_text_line dl.duration dd input {display:inline-block; width:60px; word-spacing:0px; letter-spacing:0px;} .edit_text_box .edit_text_content .edit_text_line dl.duration dd span {display:inline-block; margin:0 14px 0 8px; color:#464646; font-size:12px; word-spacing:0px; letter-spacing:0px;} .edit_text_box .edit_text_content .edit_text_line dl.duration textarea {width:448px; padding:10px; ;} .edit_text_box .edit_text_content .edit_text_line dl.duration .textarea_txt {position:absolute; z-index:2; top:0px; left:0px; width:calc(100% - 24px); height:256px; overflow:auto; background:transparent; outline:1px solid #979797; outline-offset:-1px; overflow-y:scroll;} .edit_text_box .edit_text_content .edit_text_line dl.duration .textarea_bg {position:absolute; z-index:1; top:0px; left:0px; height:256px;} .edit_text_box .edit_text_content .edit_text_line dl.slide_box {width:260px;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box {position:relative; height:31px; padding:2px 0 4px 0; overflow:hidden;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box .slide_box_input {display:flex;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box .slide_box_input #_dr_BtnSliderLeft {order:-1;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box .progress {position:absolute; top:18px; left:40px; width:174px; height:3px; background:#a7a7a7;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box .progress .progress_bar {position:absolute; top:-1px; left:-1px; height:3px; background:#ffffff;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box .progress .progress_bar span {display:block; position:absolute; top:-10px; right:-11px; width:23px; height:23px; background:url(/ssw/images/editor/editor_slider.png) no-repeat; text-indent:-999em; cursor:col-resize;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box .slider {display:flex; margin:15px 15px 0 45px; align-items:center;flex-direction:row;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box .btnMinus, .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box .btnInsert {position:absolute; top:4px;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box .btnMinus {left:0;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box .btnInsert {right:70px;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box .slider.ui-slider.ui-widget-content {background:#a7a7a7 !important;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box .slider_input {position:absolute; top:2px; right:0px; width:60px; text-align:center; text-indent:0px;} .edit_text_box .edit_text_content .edit_text_line dl dd .slide_box span {display:block; width:30px; height:30px; text-indent:999em; cursor:pointer;} /* ---------------------------------------------- CONSOLE ------------------------------------------------*/ .console_wrap {position:absolute; min-width:400px; min-height:400px; border:2px solid #fff; background:#fff; box-shadow:0px 0px 10px #000; ;} .console_wrap .console_header {padding:6px; background:#666; color:#FFF;} .console_wrap .console_header:after {display:block; content:""; clear:both} .console_wrap .console_header input {display:inline-block; vertical-align:middle;} .console_wrap .console_header .console_header_btn {float:right;} .console_wrap .console_header .console_header_btn a {display:inline-block; padding:4px 10px; border-radius:4px; background:#333; color:#FFF; vertical-align:middle;} .console_wrap .console_body {height:calc(100% - 38px); font-size:12px;} .console_wrap .console_body ul {} .console_wrap .console_body ul li {} .console_wrap .console_body ul li ul {width:100%; overflow:hidden;} .console_wrap .console_body ul li ul li {float:left; width:50%;} .console_wrap .console_body textarea {width:100%; height:100%;} /* remocon */ #remocon {width:190px; margin:0; padding:16px 10px 20px 10px; border-radius:22px; background:#1a1a1a; font-family:sans-serif; font-family:arial; box-sizing:border-box;} #remocon .logo {margin:10px 0 0 0; text-align:center;} #remocon .btnset {padding-bottom:8px; font-size:0px;} #remocon .btnset button {display:inline-block; position:relative; height:24px; border:0px; border-radius:6px; background:#3c3c3c; color:#fff; font-size:11px; text-align:center; line-height:26px; vertical-align:middle;} #remocon .btnset button:hover {background:#cf0652 !important;} #remocon .btnset button:active {background:#530221 !important;} #remocon .btnset button .stext {display:block; font-size:10px; font-size:0; text-align:center; line-height:12px;} #remocon .btnset.controlType_2 {margin-bottom:4px; overflow:hidden;} #remocon .btnset.controlType_2 button {width:30px; height:30px; margin:0 4px; margin-top:10px; border-radius:50%; color:#fff; font-size:0;} #remocon .btnset.controlType_2 button.power {width:38px; height:38px; margin-top:0px; border-radius:50%; background:#d50000; color:#fff;} #remocon .btnset.controlType_2 button.power:active {box-shadow:0 0px 0 #9d0821, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);} #remocon .btnset.controlType_3 {padding-bottom:0px;} #remocon .btnset.controlType_3:nth-child(5) button {text-align:center;} #remocon .btnset.controlType_3:nth-child(7) button {text-align:center;} #remocon .btnset.controlType_3 button {width:calc(33.333% - 12px); margin:0 6px; margin-bottom:8px; text-align:left;} #remocon .btnset.controlType_3 button[keycode="2F"], #remocon .btnset.controlType_3 button[keycode="32"] {text-align:center;} #remocon .btnset.controlType_3 button em {margin-right:2px; margin-left:4px; font-style:normal; font-size:18px;} #remocon .btnset.controlType_3 button u {font-size:10px; text-decoration:none;} #remocon .btnset.controlType_4 {position:relative;} #remocon .btnset.controlType_4 .picture {position:absolute; top:27px; left:4px; color:#fff; font-size:10px;} #remocon .btnset.controlType_4 button {width:calc(25% - 12px); margin:0 6px;} #remocon .btnset.controlType_4 button.hidden {text-indent:-999em;} #remocon .btnset.controlType_4 button .text {position:absolute; top:-29px; left:-6px; color:#fff; font-size:10px; font-weight:normal; line-height:12px;} #remocon .btnset.controlType_4 button.energy {overflow:visible; background:#008838; font-size:0; font-weight:bold;} #remocon .btnset.controlType_4 button.red {background:#d50000;} #remocon .btnset.controlType_4 button.red:active {box-shadow:0 0px 0 #9d0821, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);} #remocon .btnset.controlType_4 button.green {background:#008838;} #remocon .btnset.controlType_4 button.green:active {box-shadow:0 0px 0 #92df40, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);} #remocon .btnset.controlType_4 button.yellow {background:#ec9e00;} #remocon .btnset.controlType_4 button.yellow:active {box-shadow:0 0px 0 #fec53a, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);} #remocon .btnset.controlType_4 button.blue {background:#0d47a1;} #remocon .btnset.controlType_4 button.blue:active {box-shadow:0 0px 0 #3bc1f1, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);} #remocon .btnset.controlType_4 button.red, #remocon .btnset.controlType_4 button.green, #remocon .btnset.controlType_4 button.yellow, #remocon .btnset.controlType_4 button.blue {color:#FFF;} #remocon .btnset.controlType_a {position:relative; z-index:2; padding-bottom:0;} #remocon .btnset.controlType_a:before {position:absolute; z-index:1; top:-4px; left:2px; width:53px; height:105px; border-radius:6px; background:#282828; content:'';} #remocon .btnset.controlType_a:after {position:absolute; z-index:1; top:-5px; right:2px; width:53px; height:105px; border-radius:6px; background:#282828; content:'';} #remocon .btnset.controlType_a span {display:inline-block; position:relative; z-index:2; width:calc(33.333% - 12px); margin:0 6px; vertical-align:top;} #remocon .btnset.controlType_a .volume {border-radius:6px;} #remocon .btnset.controlType_a .volume button {width:100%; box-shadow:0 0 0 #282828;} #remocon .btnset.controlType_a .volume strong {display:block; height:48px; color:#666; color:transparent; font-size:12px; text-align:center;} #remocon .btnset.controlType_a .control button {width:100%; margin-bottom:12px;} #remocon .btnset.controlType_a .bright {border-radius:6px;} #remocon .btnset.controlType_a .bright button {width:100%; box-shadow:0 0 0 #282828;} #remocon .btnset.controlType_a .bright strong {display:block; height:48px; color:#fff; font-size:12px; text-align:center; line-height:14px;} #remocon .btnset.controlType_a .volume button.down, #remocon .btnset.controlType_a .bright button.down {background:#3c3c3c;} #remocon .btnset.controlType_b {position:relative; height:100px; margin-bottom:16px; overflow:visible;} #remocon .btnset.controlType_b:after {position:absolute; z-index:1; top:18px; right:47px; width:76px; height:76px; background:#282828; content:''; transform:rotate(45deg);} #remocon .btnset.controlType_b button {position:absolute; z-index:99; width:calc(33.333% - 12px); margin:0 6px;} #remocon .btnset.controlType_b button.tl {z-index:9; top:0px; left:0px;} #remocon .btnset.controlType_b button.tr {z-index:9; top:0px; right:0px;} #remocon .btnset.controlType_b button.bl {z-index:9; top:91px; left:0px;} #remocon .btnset.controlType_b button.br {z-index:9; top:91px; right:0px;} #remocon .btnset.controlType_b button.tl:active, #remocon .btnset.controlType_b button.tr:active {} #remocon .btnset.controlType_b button.bl:active, #remocon .btnset.controlType_b button.br:active {} #remocon .btnset.controlType_b .controlX {position:absolute; top:0px; left:0px; right:0px; bottom:0px;} #remocon .btnset.controlType_b .controlX:before {position:absolute; z-index:1; top:-4px; left:59px; width:52px; height:123px; border-radius:6px; background:#282828; content:'';} #remocon .btnset.controlType_b .controlX:after {position:absolute; z-index:1; top:37px; right:2px; width:166px; height:40px; border-radius:6px; background:#282828; content:'';} #remocon .btnset.controlType_b .controlX button {position:absolute; height:32px; background:#3c3c3c;} #remocon .btnset.controlType_b .controlX button:active {background:#333;} #remocon .btnset.controlType_b .controlX button.up {top:0px; left:50%; margin-left:-22.3px;} #remocon .btnset.controlType_b .controlX button.left {top:50%; left:0px; margin-top:-13px;} #remocon .btnset.controlType_b .controlX button.right {top:50%; right:0px; margin-top:-13px;} #remocon .btnset.controlType_b .controlX button.bottom {top:83px; left:50%; margin-left:-22.3px;} #remocon .btnset.controlType_b .controlX button.ok {top:50%; left:50%; margin-top:-13px; margin-left:-22.3px; font-size:11px; line-height:50px;} /* transparent */ #remocon button[keycode='02'], #remocon button[keycode='03'], #remocon button[keycode='06'], #remocon button[keycode='07'], #remocon button[keycode='09'], #remocon button[keycode='28'], #remocon button[keycode='B1'], #remocon button[keycode='E0'], #remocon button[keycode='E1'], #remocon button[keycode='95'], #remocon button[keycode='7C'], #remocon button[keycode='DC'], #remocon button[keycode='40'], #remocon button[keycode='41'], #remocon button[keycode='43'], #remocon button[keycode='7E'], #remocon button[keycode='8F'], #remocon button[keycode='B0'], #remocon button[keycode='BA'], #remocon button[keycode='8E'] {color:#fff; font-size:0;} /* icon background */ #remocon button[keycode='02']:before, #remocon button[keycode='03']:before, #remocon button[keycode='06']:before, #remocon button[keycode='07']:before, #remocon button[keycode='28']:before, #remocon button[keycode='B1']:before, #remocon button[keycode='E0']:before, #remocon button[keycode='E1']:before, #remocon button[keycode='08']:before, #remocon button[keycode='09']:before, #remocon button[keycode='0B']:before, #remocon button[keycode='95']:before, #remocon button[keycode='7C']:before, #remocon button[keycode='DC']:before, #remocon button[keycode='40']:before, #remocon button[keycode='41']:before, #remocon button[keycode='43']:before, #remocon button[keycode='44']:before, #remocon button[keycode='7E']:before, #remocon button[keycode='8F']:before, #remocon button[keycode='B0']:before, #remocon button[keycode='BA']:before, #remocon button[keycode='8E']:before, #remocon button[keycode='3F']:before {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/ssw/images/page/remocon_btn.png)no-repeat; content:'';} /* mapping */ #remocon button[keycode='02']:before {background-position:-248px -78px;} #remocon button[keycode='03']:before {background-position:-308px -78px;} #remocon .btnset.controlType_a .volume strong {display:block; background:url(/ssw/images/page/remocon_btn.png)no-repeat -7px -128px; font-size:0;} #remocon button[keycode='E0']:before {background-position:-8px -78px;} #remocon button[keycode='E1']:before {background-position:-68px -78px;} #remocon .btnset.controlType_a .bright strong {display:block; background:url(/ssw/images/page/remocon_btn.png)no-repeat -67px -126px; font-size:0;} #remocon button[keycode='06']:before {background-position:-188px -74px;} #remocon button[keycode='07']:before {background-position:-129px -74px;} #remocon button[keycode='08']:before {background-position:-11px -12px;} #remocon button[keycode='09']:before {background-position:-247px -18px;} #remocon button[keycode='28']:before {background-position:-304px -138px;} #remocon button[keycode='0B']:before {background-position:-75px -15px;} #remocon button[keycode='95']:before {background-position:-135px -18px;} #remocon button[keycode='B1']:before {background-position:-69px -198px;} #remocon button[keycode='7C']:before {background-position:-308px -18px;} #remocon button[keycode='DC']:before {background-position:-195px -18px;} #remocon button[keycode='40']:before {background-position:-8px -74px;} #remocon button[keycode='41']:before {background-position:-68px -74px;} #remocon button[keycode='43']:before {background-position:-127px -137px;} #remocon button[keycode='44']:before {background-position:-248px -140px;} #remocon button[keycode='7E']:before {background-position:-8px -198px;} #remocon button[keycode='3F'] {color:#fff; font-size:10px; line-height:62px;} #remocon button[keycode='3F']:before {background-position:-188px -137px;} #remocon button[keycode='8F']:before {background-position:-136px -198px;} #remocon button[keycode='B0']:before {background-position:-194px -198px;} #remocon button[keycode='BA']:before {background-position:-255px -198px;} #remocon button[keycode='8E']:before {background-position:-314px -198px;} .fc-view {} .none-border .modal-footer {border-top:none} .fc-center {width:100%; padding-top: 1em;} .fc-center > div {float:none !important;} .fc-center button {margin:0 20px !important;} .fc-left, .fc-right {margin:0 16px !important; padding-top:30px;} .fc-toolbar .fc-right #evt_view_time_change {width:126px; text-align:left;} .fc-left button {min-width:76px; height:35px !important; border-radius:20px !important; line-height:35px;} .fc-right .fc-button-group button {min-width:76px; height:35px !important; margin:0 0.5px; border-radius:0; line-height:35px; outline-offset:3px;} .fc-right .fc-button-group button:first-child {border-bottom-left-radius:20px; border-top-left-radius:20px;} .fc-right .fc-button-group button:last-child {border-top-right-radius:20px; border-bottom-right-radius:20px;} .fc-toolbar {margin-bottom:10px} .fc-toolbar h2 {display:inline-block; font-size:26px; font-weight:600; text-transform:uppercase; line-height:24px; vertical-align:middle;} .fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active,.fc-toolbar button:focus,.fc-toolbar button:hover,.fc-toolbar .ui-state-hover {z-index:0} .fc-toolbar .fc-state-active {border-color:#781434; background:#781434; color:#fff;} .fc-toolbar .fc-icon {width:20px; margin:0} .fc-toolbar .fc-button .fc-icon {margin:0} .fc button {width:25px; height:25px; padding:0 !important; border:0; border-radius:50%; background:#4d4d4d; color:#fff; font-size:12px !important; text-shadow:none;} .fc button:disabled {cursor:default; background:#4d4d4d;} .fc .fc-button-group>* {margin:0 1px} .fc-button {border:1px solid #e5e5e5; background:#fff; color:#1C1C26; text-transform:capitalize;} .fc-prev-button, .fc-next-button {background:#fff; border-color:#d5d5d5} .fc-prev-button:hover, .fc-next-button:hover {background:#2E3340; color:#fff; border-color:#1C1C26} .fc-toolbar .fc-prev-button, .fc-toolbar .fc-next-button {font-size:0 !important; width:25px; height:25px; font-family:"Courier New",Courier,monospace;} .fc-toolbar .fc-prev-button:after, .fc-toolbar .fc-next-button:after {font-weight:700; font-size:28px; line-height:24px;} .fc-toolbar .fc-prev-button:after {content:"\2039";} .fc-toolbar .fc-next-button:after {content:"\203A";} .fc-today-button {background:#2E3340; color:#fff; border-color:#2E3340} .fc-today-button:hover {border-color:#1C1C26; background:#1C1C26;} .fc-month-button, .fc-agendaWeek-button, .fc-agendaDay-button {background:#fff; border-color:#d5d5d5} .fc-button:hover {background:#2E3340; color:#fff; border-color:#1C1C26} .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {border-color:#d5d5d5} .fc-row .fc-content-skeleton .fc-day-grid-event {padding:0;} .fc-row .fc-content-skeleton .fc-day-grid-event.fc-resizable:after {content:'';position:absolute;top:1px;right: 1px;bottom: 1px;z-index:9;width:4px;background: rgba(255, 255, 255, 1);border-radius:10px;box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);} .fc-row .fc-content-skeleton .fc-h-event.fc-allow-mouse-resize .fc-resizer {margin-right:0 !important; z-index:999;} .fc-row.fc-rigid:nth-child(odd) .fc-day {background:#f3f3f3;} .fc-day {background:#fff;} .fc-today {color:#e2105f; font-weight:bold;} .fc-widget-header {border:1px solid #1C1C26; background: #fff !important;} .fc-widget-content {border:1px solid #1C1C26; border-top:0; font-size:12px;} .fc-month-view .fc-widget-content.dayClickActive {height:145px;} .fc-widget-content.dayClickActive {position:relative;} .fc-widget-content.dayClickActive:after {content:''; display:block; border:3px solid #530221; position:relative; top:0; left:0; right:0; bottom:0; height:100%; box-sizing:border-box;} .fc-unthemed .fc-popover .fc-header {background:#1C1C26; color:#fff} .fc-unthemed .fc-popover .fc-header .fc-close {color:#fff} .fc th.fc-widget-header {height:30px; background:#f5f5f5; font-size:14px; line-height:20px; line-height:30px; color:#464646;} .fc th.fc-widget-header.fc-sun {color:#E52700;} .fc-text-arrow {font-family:inherit; font-size:16px} .fc-state-hover {background:#f3f3f3} .fc-state-highlight {background:#f0f0f0} .fc-cell-overlay {background:#f0f0f0} .fc-unthemed .fc-today {background:#fff} .fc-unthemed .fc-popover {border-width:0} .fc-event {margin:3px 7px; padding:2px 5px; border:1px solid #5d5d5d !important; border:none; border-radius:2px !important; background:#5d5d5d !important; opacity:1; font-size:11px !important; text-align:center; cursor:pointer;} .fc-basic-view .fc-day-number {padding:4px;} .fc-basic-view td.fc-week-number span {padding-right:5px} .fc-basic-view td.fc-day-number {padding-right:5px} .fc th.fc-widget-header {font-size:14px; font-weight:bold;} .fc-state-default {box-shadow:none; text-shadow:none} .fc-day-grid-event .fc-time {font-weight:normal} .fc-day-grid-event {padding:2px 2px} .fc-day-top.fc-fri.fc-today {background:none !important;} .fc-unthemed .fc-today {border-color:#d5d5d5 !important; color:#e2105f !important;} .fc-agenda-view .fc-day-grid {border-bottom:1px solid #ccc} .fc-time-grid-container {border-top:1px solid #ccc} .fc-content {text-align:left;} .fc-content .fc-time {display:none;} .fc-content.duplicate:before {display:block; position:absolute; top:12px; left:26px; width:24px; height:24px; border-radius:50%; background:url(/ssw/images/bullet/icon_duplicate.png) no-repeat rgba(0,0,0,0.7) 4px 4px; content:'';} .fc-content input {display:block; position:absolute; z-index:10; top:0; left:0;} .fc-content .fc-title {display:inline-block; vertical-align:middle;} .fc-content .fc-title span {display:block;} .fc-agenda-view .fc-day-grid-event .fc-content .thumb, .fc-agenda-view .fc-day-grid-event .fc-content .thumb2 {display:inline-block; width:70px; height:40px; padding:4px; vertical-align:middle;} .fc-month-view .fc-content .fc-time {display:none;} .fc-month-view .fc-content .thumb {display:inline-block; width:70px; height:40px; padding:4px; vertical-align:middle; object-fit:contain;} .fc-content .number {position:absolute; z-index:1; top:0px; left:0px; padding:1px 6px; border-radius:2px; background:#ffffff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.4); color:#292929; font-size:11px; font-weight:bold;} .fc-agenda-view .fc-time-grid-event .fc-content input {top:15px; left:2px} .fc-agenda-view .fc-time-grid-event .fc-content .thumb {display:inline-block; width:100%; vertical-align:middle;} .fc-agenda-view .fc-time-grid-event .fc-content .thumb2 {display:inline-block; width:90px; height:56px; vertical-align:middle;} .fc-more-cell .fc-more {display:block; text-decoration:none !important; padding:4px;} .fc-more-cell .fc-more:hover {background:#cf0652; color:#fff;} .fc-more-cell .fc-more:active {background:#530221; color:#fff;} .fc-list-item-title.fc-widget-content {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:space-between; align-items:center;-webkit-justify-content:space-between; -webkit-align-items:center; -ms-flex-pack:justify; -ms-flex-align:center;} .fc-list-item-title.fc-widget-content a {width:30%; padding-left: 20px ;position:relative; word-break:break-all; line-height:20px;} .fc-list-item-title.fc-widget-content a .number {padding:1px 6px;border-radius:2px;background: #4d4d4d;color: #ffffff;font-size:11px;font-weight:bold;position: absolute;left: 0px;top: 1px;} .fc-day-top.fc-sun {color:#E52700;} .fc .fc-list-table .fc-list-item:nth-child(even) {background:#f3f3f3;} .fc-list-heading span {font-size:16px;}