/********** 캘린더 ******/ .MS_weekdays { margin: 70px 0 0 0; padding: 2rem 0; background-color: #ffdecd; } .MS_weekdays li { display: inline-block; width: 13.94%; color: #555; text-align: center;font-weight:600 } .MS_days { padding: 0px 0; background: #f6f6f6; margin: 0; } .MS_days li { list-style-type: none; display: inline-block; width: 13.94%; text-align: center; margin-bottom: 5px; font-size:1.65rem; padding:2rem; color: #777; min-height:80px;line-height:80px; } .MS_days .MS_active { background: #ffbd9c; color: #fff !important;border-radius:0px } .MS_days li:hover {transition:0.6s;background:#ffd6c1} .MS_days .MS_active:hover {transition:0.6s;background: #ff9865;} /* Add media queries for smaller screens */ @media screen and (max-width:720px) { .MS_weekdays { margin: 70px 0 0 0; padding: 2rem 0; background-color: #ffdecd; } .MS_weekdays li { display: inline-block; width: 13%; color: #555;font-size:1.4rem; text-align: center;font-weight:600 } .MS_days li {width: 13%;} .MS_days li { text-align: center; margin-bottom: 5px; font-size:1.45rem; padding:1rem; color: #777; min-height:40px;line-height:40px; } } .form_span_img{width:35px} .form_span_img img{width:30px;padding-right:10px} .form_span_text{padding:1rem 0 0 0;font-size:1.5rem} /****** 일정관리 *********/ .s21_schedule_box{} .s21_schedule_tab{top:0px;width:100%;background:#ff722c;border-top-left-radius:15px;border-top-right-radius:0px;height:70px;} .s21_schedule_tab .s21_schedulebx{width:370px;margin:10px auto;} .s21_schedule_tab .s21_schedulebx ul {float:left;width:100%;border:0px solid #fff} .s21_schedule_tab .s21_schedulebx ul li{float:left;padding:0 0px;} .s21_schedule_tab .s21_schedulebx .s21_sche_left{width:30px;text-align:left;} .s21_schedule_tab .s21_schedulebx .s21_sche_center{width:260px;text-align:center;font-size:25px;letter-spacing:0.05em;color:#fff;font-weight:300;line-height:45px;} .s21_schedule_tab .s21_schedulebx .s21_sche_center span{font-weight:600} .s21_schedule_tab .s21_schedulebx .s21_sche_right{width:30px;text-align:right;} .s21_schedule_tab .s21_schedulebx ul li a { text-decoration: none;display: inline-block;padding: 3px;color: #42846d;background:#fff;} .s21_schedule_tab .s21_schedulebx ul li a:hover { background-color: #a3d8c5;color: #42846d;} .s21_schedule_tab .s21_schedulebx ul li .round { border-radius: 100%;} .s21_schedule_tab .s21_schedulebx ul li .prev{background: #fff url('../../m_img/sub/cal_prev.png') center center no-repeat ;background-size:9px;font-size:0;width:25px;height:25px;} .s21_schedule_tab .s21_schedulebx ul li .next{background: #fff url('../../m_img/sub/cal_next.png') center center no-repeat ;background-size:9px;font-size:0;width:25px;height:25px;} .s21_schedule_list{display:flex;width:100%;margin:0px auto 40px auto;xmin-height:620px;background:#fff;border-bottom-left-radius:40px;border-bottom-right-radius:40px; } .s21_schedulebx_left{width:33.1%} .s21_schedulebx_left_ttl{background:#ffb76d;color:#fff;padding:15px;} .s21_schedulebx_left_ttl p{display:inline-block} .s21_schedulebx_left_ttl .s21_sche_text{} .s21_schedulebx_left_ttl .s21_sche_date{background:url('../../m_img/sub/ico_cal_date.png') left center no-repeat ;background-size:25px;height:25px;padding-left:35px;line-height:25px;letter-spacing:0.03em;font-size:18px;font-weight:300} .s21_schedulebx_left_btm{padding:15px 0;width:100%; overflow: auto; } .s21_schedulebx_left_btm::-webkit-scrollbar { width: 10px;margin:30px 0 } .s21_schedulebx_left_btm::-webkit-scrollbar-thumb { background-color: #b5d9db; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; } .s21_schedulebx_left_btm::-webkit-scrollbar-track { background-color: #fff; border-radius: 10px; box-shadow: inset 0px 0px 5px white; } .s21_schedulebx_left_btm .calendar_btm_list{float:left;width:95%;padding:5px 1% 5px 3%;margin-left:2px;border-bottom:1px solid #eee} .s21_schedulebx_left_btm .cal_btm_list{width:70%;float:left;padding:5px 0px 2%;margin-bottom:10px;} .s21_schedulebx_left_btm .cal_btm_list dl{border:0px solid #000; margin:3px 0 0 40px} .s21_schedulebx_left_btm .cal_btm_list dt{text-align:left;width:95%;font-size:15px;line-height:18px;color:#3b3b3b;font-weight:600;border:0px solid #000;margin-left:0px;display:inline-block} .s21_schedulebx_left_btm .cal_btm_list dt span{margin-left:0px;font-size:18px} .s21_schedulebx_left_btm .cal_btm_list img{width:30px;float:left;margin-right:8px;margin-top:3px;} .s21_schedulebx_left_btm .cal_btm_list dd{width:96%;float:right;padding-top:7px;padding-left:0px;font-size:13px;line-height:18px;color:#858585;text-align:left;display:inline-block} .s21_schedulebx_left_btm .cal_btm_list_btn{float:right;width:16%;border:0px solid #000;} .s21_schedulebx_left_btm .cal_btm_list_btn p{display:inline-block;margin:15px 0 0 0} .s21_schedulebx_left_btm .cal_btm_list_btn p img{width:20px;} .s21_cal_btm_nolist{width:95%;float:left;padding:5px 2%;margin-bottom:10px;text-align:center;border:0px solid #000} .s21_cal_btm_nolist dl{border:0px solid #000; margin:0px;padding:40px 0;width:100%} .s21_cal_btm_nolist dt{text-align:center;width:100%;padding:0px 0} .s21_cal_btm_nolist dt img{min-width:300px;max-width:300px;} .s21_cal_btm_nolist dd{text-align:center;width:100%;padding:30px 0;font-size:16px;} /*************************/ .s21_schedulebx_right{float:left;width:100%;} .s21_schedeul_tb{width:100%;margin:0px;} .s21_schedeul_tb thead th{background:#f3f3f3;color:#929292;font-size:18px;text-align:right;padding:10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;height:35px;font-weight:400} .s21_schedeul_tb tbody td{color:#b4b4b4;font-size:16px;text-align:right;padding:10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;height:73px;vertical-align:top;cursor:pointer} .s21_schedulebx_right tbody td:hover{cursor:pointer;} .s21_schedeul_tb .tb_btm_none{border-bottom:0px ! important} .s21_schedeul_tb .today{background:#74cbd0;color:#fff;border-radius:100%;padding:0px 5px 4px 5px} .s21_schedeul_tb .sun{color:#f42121} .s21_calendar_icons{width:100%;margin:10px auto 0 auto;text-align:right;overflow:hidden;height:35px;} .s21_calendar_icons p{display:inline-block;margin:0 2px;} .cal_violet{background:#7c27d6;border-radius:100%;width:8px;height:8px;} .cal_blue{background:#56a0e5;border-radius:100%;width:8px;height:8px;} .cal_pink{background:#e67da4;border-radius:100%;width:8px;height:8px;} .cal_orange{background:#edaf10;border-radius:100%;width:8px;height:8px;} .cal_green{background:#8dd539;border-radius:100%;width:8px;height:8px;} .cal_gray{background:#a7a7a7;border-radius:100%;width:8px;height:8px;} /**/ .actionBtn12 { display:block; width:40px; height:40px; margin:auto; transition:all .25s ease-out; -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; font-size:14px; text-transform:uppercase; text-decoration:none; line-height:40px; } .actionBtn12 span { display:block; } .actionBtn12 .hover { position:relative; width:auto; max-width:100%; height:36px; border:2px solid #111; border-radius:60px; background-color:#111; transition:background-color .25s ease-out; -webkit-transition:background-color .25s ease-out; -moz-transition:background-color .25s ease-out; } .actionBtn12 .hover .line1{ position:absolute; top:16px; left:6px; width:24px; height:4px; background-color:#fff; transform:rotate(0deg) scale(1, 1); -webkit-transform:rotate(90deg) scale(1, 1); transition:background-color .25s ease-out; -webkit-transition:background-color .25s ease-out; -moz-transition:background-color .25s ease-out; } .actionBtn12 .hover .line2{ position:absolute; top:16px; left:6px; width:24px; height:4px; background-color:#fff; transform:rotate(90deg) scale(1, 1); -webkit-transform:rotate(-0deg) scale(1, 1); transition:background-color .25s ease-out; -webkit-transition:background-color .25s ease-out; -moz-transition:background-color .25s ease-out; } .actionBtn12 .hover .txt { position:relative; left:30px; top:10px; opacity:0; font-size:15px; line-height:15px; color:#fff; text-align:left; transition:opacity .1s, left .5s; -webkit-transition:opacity .1s, left .5s; -moz-transition:opacity .1s, left .5s; } .actionBtn12 .hover .txt .txtHidden { opacity:0; transition:opacity .35s .3s; -webkit-transition:opacity .35s .3s; -moz-transition:opacity .35s .3s; } .actionBtn12:hover { width:130px; transition:all .5s ease; } .actionBtn12:hover .hover { background-color:#111; } .actionBtn12:hover .hover .line1{ background-color:#fff; transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); } .actionBtn12:hover .hover .line2{ background-color:#fff; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); } .actionBtn12 .hover:hover .txt { opacity:1; left:42px; transition:opacity .5s; -webkit-transition:opacity .5s; -moz-transition:opacity .5s; } .actionBtn12 .hover:hover .txt .txtHidden { opacity:1; } .s21_sche_left_N{width:90px;text-align:left;} .s21_sche_center_N{width:180px;text-align:center;font-size:23px;letter-spacing:0.05em;color:#505050;font-weight:600;line-height:45px;background:#fff;padding:10px 20px;border-radius:30px;margin-top:2px;} .s21_sche_right_N{width:90px;text-align:right;} .s21_sche_left_N a, .s21_sche_right_N a{background:none ! important;margin-top:10px;} /*****/ .s21_W_sbtn { display: inline-block; position: relative; margin: auto; text-transform: uppercase; text-decoration: none; } .s21_W_sbtn .lb-box { display: block; padding: 11px 15px; } .s21_W_sbtn .lb-box:after { content: ''; display: block; clear: both; } .s21_W_sbtn .lb { display: block; position: relative; z-index: 1; float: left; color:#fff; font-size: 18px; font-weight: 400; } .s21_W_sbtn .cir-lt, .s21_W_sbtn .cir-rt { display: block; position: absolute; left: 0; top: 50%; width: 40px; height: 40px; margin-left: 0; background: #222; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .s21_W_sbtn .cir-lt { width: 40px; opacity: 1; transition: width .3s ease .3s, opacity 0s ease .3s; -webkit-transition: width .3s ease .3s, opacity 0s ease .3s; -moz-transition: width .3s ease .3s, opacity 0s ease .3s; } .s21_W_sbtn .cir-rt { width: 100%; opacity: 0; transition: width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s, margin-left .3s ease; -webkit-transition: width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s, margin-left .3s ease; -moz-transition: width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s, margin-left .3s ease; } .s21_W_sbtn:hover .cir-lt { width: 100%; opacity: 0; transition: width .3s ease 0s, opacity 0s ease .3s; -webkit-transition: width .3s ease 0s, opacity 0s ease .3s; -moz-transition: width .3s ease 0s, opacity 0s ease .3s; } .s21_W_sbtn:hover .cir-rt { left: 100%; margin-left: -43px; width: 40px; opacity: 1; transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s; -webkit-transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s; -moz-transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s; } .s21_W_sbtn .ico-plus { display: block; position: relative; z-index: 1; float: right; width: 15px; height: 15px; margin: 4px 0 0 25px; background: url('../../m_img/sub/ico_plus.png') center center no-repeat; transition: transform .3s ease .15s; -webkit-transition: transform .3s ease .15s; -moz-transition: transform .3s ease .15s; } .s21_W_sbtn:hover .ico-plus { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); } /*****/ .s21_schedule_btnbx { position: relative; display: inline-block; margin: auto; text-transform: uppercase; text-decoration: none; } .s21_schedule_btnbx:before { content: ''; display: block; clear: both; } .s21_schedule_btnbx .lb { display: block; float: left; margin-top: 3px; color:#fff; font-size: 14px; font-weight: 300; letter-spacing: 0.5px; } .s21_schedule_btnbx .lb2 { display: block; float: left; margin-top: 3px; color:#fff; font-size: 14px; font-weight: 300; padding-left:8px; letter-spacing: 0.5px; } .s21_schedule_btnbx .lb:hover, .s21_schedule_btnbx .lb2:hover{color:#000} .s21_schedule_btnbx .arr { display: block; position: relative; float: left; width: 20px; height: 20px; margin-left: 10px; text-align: center; } .s21_schedule_btnbx .arr:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: transform 1.5s cubic-bezier(.19,1,.22,1), opacity .8s cubic-bezier(.19,1,.22,1); -webkit-transition: transform 1.5s cubic-bezier(.19,1,.22,1), opacity .8s cubic-bezier(.19,1,.22,1); -moz-transition: transform 1.5s cubic-bezier(.19,1,.22,1), opacity .8s cubic-bezier(.19,1,.22,1); } .s21_schedule_btnbx .arr:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; transition: transform .4s cubic-bezier(.19,1,.22,1), opacity .3s cubic-bezier(.19,1,.22,1); -webkit-transition: transform .4s cubic-bezier(.19,1,.22,1), opacity .3s cubic-bezier(.19,1,.22,1); -moz-transition: transform .4s cubic-bezier(.19,1,.22,1), opacity .3s cubic-bezier(.19,1,.22,1); transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); opacity: 0; } .s21_schedule_btnbx:hover .arr:before{ border: 1px solid #fff; transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); opacity: 0; } .s21_schedule_btnbx:hover .arr:after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); opacity: 1; } .s21_schedule_btnbx .arr .ico-arr { display: inline-block; position: absolute; left:50%; top:50%; z-index: 1; width: 6px; height: 6px; margin-left: -4px; margin-top: -3px; border-top: 2px solid #fff; border-right: 2px solid #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } .s21_schedule_btnbx .arr .ico-arr2 { display: inline-block; position: absolute; left:50%; top:50%; z-index: 1; width: 6px; height: 6px; margin-left: -2px; margin-top: -3px; border-top: 2px solid #fff; border-right: 2px solid #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } /**/ /*** 일정 등록 ***/ .s21_schedule_tab .s21_schedulebx h3{padding:13px 0;color:#fff;font-size:25px;font-weight:300} .s21_com_btn_prev{top:30px;left:100px} .cal_list_com{margin:0px auto;font-weight:300; padding-left:0px;padding-right:5px;padding-top:0px;padding-bottom:0px;line-height:38px;width:97%} .cal_list_com li {border:3px solid #d3d3d3;border-radius:5px;padding:3px 10px;margin:5px 0;} .cal_list_com span{display:inline-block;vertical-align:top;} .cal_list_com input{border:0px;font-size:0.80em;xxwidth:70%;xxborder:0px solid #000; padding:2px 0px} .cal_list_com .input_w100{border:0px;font-size:0.80em;width:100%;border:0px solid #000} .cal_input{width:85%;margin:10px auto} .cal_input textarea{width:100%;height:80px;font-size:16px;border:none ! important;font-weight:500; color:#000 ! important; } .s21_write_select h5{width:10%; float: left;overflow: hidden; margin:17px 2% 10px 0; border-right:1px solid #ebebeb; color:#000000; font-size:17px; font-weight:500;} .s21_write_select select{float:left;width:84%; margin-top:10px;margin-left: 1%; color:#000000; font-size:16px; font-weight:500; border:none; background-image: url("../../m_img/sub/icon_expound.png"); background-repeat: no-repeat; background-size:18px; background-position: right center; -webkit-appearance: none; -moz-appearance: none;} .s21_write_select .select50{float:left;width:41%; margin-left: 1%; margin-right: 1%; color:#000000; font-size:16px; font-weight:500; border:none; background-image: url("../../m_img/sub/icon_expound.png"); background-repeat: no-repeat; background-size:18px; background-position: right center; -webkit-appearance: none; -moz-appearance: none;} /* select img */ .n_Narray_cal{float:left;width:84%; margin-left: 1%; color:#000000; font-size:16px; font-weight:500; border:none; background: url("../../m_img/sub/icon_expound.png"); background-repeat: no-repeat; background-size:18px; background-position: right center; -webkit-appearance: none; -moz-appearance: none;} .N_cal_Narray{float:left;width:100%;margin-top:15px;;text-align:left;} .N_cal_Narray ul{display: block; overflow: hidden; height: 27px;width:100%;} .N_cal_Narray ul li{height: 35px; padding:0px 18px 5px 0px;} .N_cal_Narray ul li:first-child{border-top: 0px solid #f0f0f0;height: 25px; padding:0px 18px 5px 0px;} .N_cal_Narray ul li a{font-size: 16px; line-height:15px;color:#000} .N_cal_Narray ul li.cal_array_on a{ font-weight:300;} .N_cal_Narray ul li img{width:16px; padding-right:3px;padding-top:3px} .Narry_new{width:100%;margin:0% 0 15px 0;float:left;} .Narry_new a{border:1px solid #f0f0f0;display:inline-block;width:20%;padding:10px;text-align:center;margin:3px 0.15%} .Narry_new a{font-size: 16px; line-height:15px;color:#000} .Narry_new a img{width:16px; padding-right:3px;padding-top:3px} .Narry_new_color{width:100%;margin:0% 0 15px 0;float:left;} .Narry_new_color a{border:1px solid #f0f0f0;display:inline-block;width:15%;padding:10px;text-align:center;margin:3px 0.15%} .Narry_new_color a{font-size: 16px; line-height:15px;color:#000} .Narry_new_color a img{width:16px; padding-right:3px;padding-top:3px} /**/ /*** 일정등록버튼 수정 ***/ .s21_schedule_inputbtn{top:-60px;right:0px;border-radius:100%;background:#000;color:#fff;font-size:30px;border:0px;outline:0px;z-index:22;padding:0px 15px;line-height:45px;font-weight:600} .s21_sc_wbtn{top:-56px;right:20px;z-index:2222;} .s21_sc_wbtn_N{position:absolute;top:0px;height:70px;right:0;width:15%;background:#222;z-index:2222;border-top-right-radius:0px} .s21_W_sbtn_N { display: inline-block; position: relative; margin:14px auto 14px 30px ; text-transform: uppercase; text-decoration: none; } .s21_W_sbtn_N .lb-box { display: block; padding: 11px 15px; } .s21_W_sbtn_N .lb-box:after { content: ''; display: block; clear: both; } .s21_W_sbtn_N .lb { display: block; position: relative; z-index: 1; float: left; color:#fff; font-size: 18px; font-weight: 400; } .s21_W_sbtn_N .cir-lt, .s21_W_sbtn_N .cir-rt { display: block; position: absolute; left: 0; top: 50%; width: 40px; height: 40px; margin-left: 0; background: #ff722c; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .s21_W_sbtn_N .cir-lt { width: 40px; opacity: 1; transition: width .3s ease .3s, opacity 0s ease .3s; -webkit-transition: width .3s ease .3s, opacity 0s ease .3s; -moz-transition: width .3s ease .3s, opacity 0s ease .3s; } .s21_W_sbtn_N .cir-rt { width: 100%; opacity: 0; transition: width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s, margin-left .3s ease; -webkit-transition: width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s, margin-left .3s ease; -moz-transition: width .3s ease 0s, opacity 0s ease .3s, left .3s ease 0s, margin-left .3s ease; } .s21_W_sbtn_N:hover .cir-lt { width: 100%; opacity: 0; transition: width .3s ease 0s, opacity 0s ease .3s; -webkit-transition: width .3s ease 0s, opacity 0s ease .3s; -moz-transition: width .3s ease 0s, opacity 0s ease .3s; } .s21_W_sbtn_N:hover .cir-rt { left: 100%; margin-left: -43px; width: 40px; opacity: 1; transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s; -webkit-transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s; -moz-transition: width .3s ease .3s, opacity 0s ease .3s, left .3s ease .3s, margin-left .3s ease .3s; } .s21_W_sbtn_N .ico-plus { display: block; position: relative; z-index: 1; float: right; width: 15px; height: 15px; margin: 4px 0 0 25px; background: url('../../m_img/sub/ico_plus.png') center center no-repeat; transition: transform .3s ease .15s; -webkit-transition: transform .3s ease .15s; -moz-transition: transform .3s ease .15s; } .s21_W_sbtn_N:hover .ico-plus { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); } @media screen and (max-width:720px) { .s21_schedule_tab{top:0px;width:100%;background:#ff722c;border-top-left-radius:0px;border-top-right-radius:0px;height:55px;box-shadow: -2px -16px 40px rgba(0, 0, 0, 0.2) ; -webkit-box-shadow: -2px -16px 40px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: -2px -16px 40px rgba(0, 0, 0, 0.2) ; } .s21_schedule_tab .s21_schedulebx{width:100%;margin:10px auto;} .s21_schedule_tab .s21_schedulebx ul {display:flex;width:75%;border:0px solid #fff;flex-wrap: nowrap; align-items: center; justify-content: space-around;} .s21_schedule_tab .s21_schedulebx ul li{float:left;padding:0px 0px;} .s21_schedule_tab .s21_schedulebx .s21_sche_left{width:10%;text-align:left;} .s21_schedule_tab .s21_schedulebx .s21_sche_center{width:78%;text-align:center;font-size:1.45rem;letter-spacing:0.05em;color:#fff;font-weight:300;line-height:1.8rem;} .s21_schedule_tab .s21_schedulebx .s21_sche_center span{font-weight:600} .s21_schedule_tab .s21_schedulebx .s21_sche_right{width:10%;text-align:right;} .s21_schedule_tab .s21_schedulebx ul li a { text-decoration: none;display: inline-block;padding: 3px;color: #42846d;background:#fff;} .s21_schedule_tab .s21_schedulebx ul li a:hover { background-color: #a3d8c5;color: #42846d;} .s21_schedule_tab .s21_schedulebx ul li .round { border-radius: 100%;} .s21_schedule_tab .s21_schedulebx ul li .prev{background: #fff url('../../m_img/sub/cal_prev.png') center center no-repeat ;background-size:9px;font-size:0;width:25px;height:25px;} .s21_schedule_tab .s21_schedulebx ul li .next{background: #fff url('../../m_img/sub/cal_next.png') center center no-repeat ;background-size:9px;font-size:0;width:25px;height:25px;} .s21_sche_left_N{width:70px;text-align:left;} .s21_sche_center_N{width:calc(100% - 70px - 70px); text-align:center;font-size:1.4rem;letter-spacing:0.05em;color:#505050;font-weight:600;line-height:3rem;background:#fff;padding:10px 60px;border-radius:30px;margin-top:2px;} .s21_sche_right_N{width:70px;text-align:right;} .s21_schedule_btnbx .lb {display:none} .s21_schedule_btnbx .lb2{display:none} .s21_schedule_box{margin:30px 0;} /*** 일정등록버튼 수정 ***/ .s21_W_sbtn_N { display: inline-block; position: relative; margin:0px auto; text-transform: uppercase; text-decoration: none; } .s21_W_sbtn_N .cir-lt, .s21_W_sbtn_N .cir-rt {display: none;} .s21_W_sbtn_N .ico-plus {display: none;} .s21_sc_wbtn_N{top:0px;height:55px;right:0;width:22%;background:#222;z-index:2222;border-top-right-radius:0px} .s21_W_sbtn_N .lb { font-size: 1.3rem;} .s21_W_sbtn_N .lb-box { padding: 20px 10px;} .s21_sche_left_N a, .s21_sche_right_N a{background:none ! important;margin-top:5px;} } /*! FullCalendar Core Package v4.0.2 Docs & License: https://fullcalendar.io/ (c) 2019 Adam Shaw */ .fc { direction: ltr; xtext-align: left; } .fc-rtl { text-align: right; } body .fc { /* extra precedence to overcome jqui */ font-size: 0.95em; } /* Colors --------------------------------------------------------------------------------------------------*/ .fc-highlight { /* when user is selecting cells */ background: #bce8f1; opacity: .3; } .fc-bgevent { /* default look for background events */ xxbackground: #fff0f0; opacity: 1; } .fc-nonbusiness { /* default look for non-business-hours areas */ /* will inherit .fc-bgevent's styles */ xxbackground: #d7d7d7; background: none; } /* Popover --------------------------------------------------------------------------------------------------*/ .fc-popover { position: absolute; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 2px 4px; } .fc-rtl .fc-popover .fc-header { flex-direction: row-reverse; } .fc-popover .fc-header .fc-title { margin: 0 2px; } .fc-popover .fc-header .fc-close { cursor: pointer; opacity: 0.65; font-size: 1.1em; } /* Misc Reusable Components --------------------------------------------------------------------------------------------------*/ .fc-divider { border-style: solid; border-width: 1px; } hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; /* height is unreliable across browsers, so use padding */ border-width: 1px 0; } .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-mirror-skeleton { /* these element should always cling to top-left/right corners */ position: absolute; top: 0; left: 0; right: 0; } .fc-bg { bottom: 0; /* strech bg to bottom edge */ } .fc-bg table { height: 100%; /* strech bg to bottom edge */ } /* Tables --------------------------------------------------------------------------------------------------*/ .fc table { width: 100%; box-sizing: border-box; /* fix scrollbar issue in firefox */ table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 0.95em; /* normalize cross-browser */ } .fc th { background:#f3f3f3; color:#929292; font-size:18px; text-align:right; border-left: 1px solid #ddd !important; border-bottom:1px solid #ddd !important; height:33px; font-weight:400; padding:10px } .fc td{ color:#b4b4b4;font-size:16px;text-align:right;height:45px;vertical-align:top; } .fc th, .fc td { border-style: solid; border-width: 1px; border-color: #ddd} .fc td.fc-today { /* overcome neighboring borders */ } /* Internal Nav Links --------------------------------------------------------------------------------------------------*/ a[data-goto] { cursor: pointer; } a[data-goto]:hover { text-decoration: underline; } /* Fake Table Rows --------------------------------------------------------------------------------------------------*/ .fc .fc-row { /* extra precedence to overcome themes forcing a 1px border */ /* no visible border by default. but make available if need be (scrollbar width compensation) */ border-style: solid; border-width: 0; } .fc-row table { /* don't put left/right border on anything within a fake row. the outer tbody will worry about this */ border-left: 0 hidden transparent; border-right: 0 hidden transparent; /* no bottom borders on rows */ border-bottom: 0 hidden transparent; } .fc-row:first-child table { border-top: 0 hidden transparent; /* no top border on first row */ } /* Day Row (used within the header and the DayGrid) --------------------------------------------------------------------------------------------------*/ .fc-row { position: relative; } .fc-row .fc-bg { z-index: 1; } /* highlighting cells & background event skeleton */ .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0; /* stretch skeleton to bottom of row */ } .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; /* stretch skeleton to bottom of row */ } .fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td { border-color: transparent; } .fc-row .fc-bgevent-skeleton { z-index: 2; } .fc-row .fc-highlight-skeleton { z-index: 3; } /* row content (which contains day/week numbers and events) as well as "mirror" (which contains temporary rendered events). */ .fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px; /* matches the space above the events */ } .fc-row .fc-mirror-skeleton { z-index: 5; } .fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td { /* see-through to the background below */ /* extra precedence to prevent theme-provided backgrounds */ background: none; /* in case s are globally styled */ border-color: transparent; } .fc-row .fc-content-skeleton td, .fc-row .fc-mirror-skeleton td { /* don't put a border between events and/or the day number */ border-bottom: 0; } .fc-row .fc-content-skeleton tbody td, .fc-row .fc-mirror-skeleton tbody td { /* don't put a border between event cells */ border-top: 0; } /* Scrolling Container --------------------------------------------------------------------------------------------------*/ .fc-scroller { -webkit-overflow-scrolling: touch; } /* TODO: move to timegrid/daygrid */ .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid { position: relative; /* re-scope all positions */ width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */ } /* Global Event Styles --------------------------------------------------------------------------------------------------*/ .fc-event { position: relative; /* for resize handle and other inner positioning */ display: inline-block; /* make the tag block */ font-size: .85em; xxline-height: 1.4; border-radius: 10px; border: 1px solid #ddd; } .fc-event, .fc-event-dot { xxbackground-color: #ddd; /* default BACKGROUND color */ } .fc-event{ color: #fff; } .fc-event:hover { } .fc-event[href], .fc-event.fc-draggable { cursor: pointer; color:#fff; /* give events with links and draggable events a hand mouse pointer */ } .fc-not-allowed, .fc-not-allowed .fc-event { /* to override an event's custom cursor */ cursor: not-allowed; } .fc-event .fc-content { position: relative; z-index: 2; } /* resizer (cursor AND touch devices) */ .fc-event .fc-resizer { position: absolute; z-index: 4; } /* resizer (touch devices) */ .fc-event .fc-resizer { display: none; } .fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer { /* only show when hovering or selected (with touch) */ display: block; } /* hit area */ .fc-event.fc-selected .fc-resizer:before { /* 40x40 touch area */ content: ""; position: absolute; z-index: 9999; /* user of this util can scope within a lower z-index */ top: 50%; left: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; } /* Event Selection (only for touch devices) --------------------------------------------------------------------------------------------------*/ .fc-event.fc-selected { z-index: 9999 !important; /* overcomes inline z-index */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .fc-event.fc-selected:after { content: ""; position: absolute; z-index: 1; /* same z-index as fc-bg, behind text */ /* overcome the borders */ top: -1px; right: -1px; bottom: -1px; left: -1px; /* darkening effect */ background: #000; opacity: .25; } /* Event Dragging --------------------------------------------------------------------------------------------------*/ .fc-event.fc-dragging.fc-selected { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); } .fc-event.fc-dragging:not(.fc-selected) { opacity: .75; } /* Horizontal Events --------------------------------------------------------------------------------------------------*/ /* bigger touch area when selected */ .fc-h-event.fc-selected:before { content: ""; position: absolute; z-index: 3; /* below resizers */ top: -10px; bottom: -10px; left: 0; right: 0; } /* events that are continuing to/from another week. kill rounded corners and butt up against edge */ .fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; /* replace the border with padding */ border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; /* replace the border with padding */ border-top-right-radius: 0; border-bottom-right-radius: 0; } /* resizer (cursor AND touch devices) */ /* left resizer */ .fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer { cursor: w-resize; left: -1px; /* overcome border */ } /* right resizer */ .fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer { cursor: e-resize; right: -1px; /* overcome border */ } /* resizer (mouse devices) */ .fc-h-event.fc-allow-mouse-resize .fc-resizer { width: 7px; top: -1px; /* overcome top border */ bottom: -1px; /* overcome bottom border */ } /* resizer (touch devices) */ .fc-h-event.fc-selected .fc-resizer { /* 8x8 little dot */ border-radius: 4px; border-width: 1px; width: 6px; height: 6px; border-style: solid; border-color: inherit; background: #fff; /* vertically center */ top: 50%; margin-top: -4px; } /* left resizer */ .fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer { margin-left: -4px; /* centers the 8x8 dot on the left edge */ } /* right resizer */ .fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer { margin-right: -4px; /* centers the 8x8 dot on the right edge */ } /* DayGrid events ---------------------------------------------------------------------------------------------------- We use the full "fc-day-grid-event" class instead of using descendants because the event won't be a descendant of the grid when it is being dragged. */ .fc-day-grid-event { xxpadding: 0 3px; width: 100%; border: none; } tr:first-child > td > .fc-day-grid-event { xxmargin-top: 2px; /* a little bit more space before the first event */ } .fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event { margin-top: 0; /* except for mirror skeleton */ } .fc-day-grid-event .fc-content { /* force events to be one-line tall */ xxwhite-space: nowrap; overflow: hidden; } .fc-day-grid-event .fc-time { font-weight: bold; display:none;} /* resizer (cursor devices) */ /* left resizer */ .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { margin-left: -2px; /* to the day cell's edge */ } /* right resizer */ .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { margin-right: -2px; /* to the day cell's edge */ } /* Event Limiting --------------------------------------------------------------------------------------------------*/ /* "more" link that represents hidden events */ a.fc-more { margin: 1px 3px; font-size: .85em; cursor: pointer; text-decoration: none; } a.fc-more:hover { text-decoration: underline; } .fc-limited { /* rows and cells that are hidden because of a "more" link */ display: none; } /* popover that appears when "more" link is clicked */ .fc-day-grid .fc-row { z-index: 1; /* make the "more" popover one higher than this */ } .fc-more-popover { z-index: 2; width: 220px; } .fc-more-popover .fc-event-container { padding: 10px; } /* Now Indicator --------------------------------------------------------------------------------------------------*/ .fc-now-indicator { position: absolute; border: 0 solid red; } /* Utilities --------------------------------------------------------------------------------------------------*/ .fc-unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* TODO: more distinction between this file and common.css */ /* Colors --------------------------------------------------------------------------------------------------*/ .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td :last-child{ xborder-color: #fff; border-left:none;} .fc-unthemed th:last-child, .fc-unthemed td:last-child, .fc-unthemed thead:last-child, .fc-unthemed tbody:last-child, .fc-unthemed .fc-divider:last-child, .fc-unthemed .fc-row:last-child, .fc-unthemed .fc-content:last-child, .fc-unthemed .fc-popover:last-child, .fc-unthemed .fc-list-view:last-child, .fc-unthemed .fc-list-heading td:last-child{ xborder-color: #fff; border-right:none;} .fc-unthemed .fc-popover { xxbackground-color: #fff; } .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td { xxbackground: #eee; } td.fc-today { xxbackground: #ededed; } td.fc-today .fc-day-number { } .fc-unthemed td.fc-future,.fc-unthemed td.fc-today { xxbackground: #fff0f0 url('http://appdata.hungryapp.co.kr/images/styleii/img/storekeeper/re_ok.png') center center no-repeat; } .fc-unthemed td.fc-past { } .fc-unthemed .fc-disabled-day { background: #d7d7d7; opacity: .3; } /* Icons -------------------------------------------------------------------------------------------------- from https://feathericons.com/ and built with IcoMoon */ @font-face { font-family: 'fcicons'; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); font-weight: normal; font-style: normal; } .fc-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'fcicons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-icon-chevron-left:before { content: "\e900"; } .fc-icon-chevron-right:before { content: "\e901"; } .fc-icon-chevrons-left:before { content: "\e902"; } .fc-icon-chevrons-right:before { content: "\e903"; } .fc-icon-minus-square:before { content: "\e904"; } .fc-icon-plus-square:before { content: "\e905"; } .fc-icon-x:before { content: "\e906"; } .fc-icon { display: inline-block; width: 1em; height: 1em; text-align: center; } /* Buttons -------------------------------------------------------------------------------------------------- Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css */ /* reset */ .fc-button { border-radius: 0; overflow: visible; text-transform: none; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } .fc-button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } .fc-button { -webkit-appearance: button; } .fc-button:not(:disabled) { cursor: pointer; } .fc-button::-moz-focus-inner { padding: 0; border-style: none; } /* theme */ .fc-button { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4em 0.65em; font-size: 1em; line-height: 1.5; border-radius: 0.25em; } .fc-button:hover { color: #212529; text-decoration: none; } .fc-button:focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); } .fc-button:disabled { opacity: 0.65; } /* "primary" coloring */ .fc-button-primary { color: #fff; background-color: #2C3E50; border-color: #2C3E50; } .fc-button-primary:hover { color: #fff; background-color: #1e2b37; border-color: #1a252f; } .fc-button-primary:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); } .fc-button-primary:disabled { color: #fff; background-color: #2C3E50; border-color: #2C3E50; } .fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active { color: #fff; background-color: #1a252f; border-color: #151e27; } .fc-button-primary:not(:disabled):active:focus, .fc-button-primary:not(:disabled).fc-button-active:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); } /* icons within buttons */ .fc-button .fc-icon { vertical-align: middle; font-size: 1.5em; } /* Buttons Groups --------------------------------------------------------------------------------------------------*/ .fc-button-group { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .fc-button-group > .fc-button { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .fc-button-group > .fc-button:hover { z-index: 1; } .fc-button-group > .fc-button:focus, .fc-button-group > .fc-button:active, .fc-button-group > .fc-button.fc-button-active { z-index: 1; } .fc-button-group > .fc-button:not(:first-child) { margin-left: -1px; } .fc-button-group > .fc-button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-button-group > .fc-button:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* Popover --------------------------------------------------------------------------------------------------*/ .fc-unthemed .fc-popover { border-width: 1px; border-style: solid; } /* List View --------------------------------------------------------------------------------------------------*/ .fc-unthemed .fc-list-item:hover td { background-color: #f5f5f5; } /* Toolbar --------------------------------------------------------------------------------------------------*/ .fc-toolbar { display: flex; justify-content: space-between; align-items: center; } .fc-toolbar.fc-header-toolbar { margin-bottom: 1.5em; } .fc-toolbar.fc-footer-toolbar { margin-top: 1.5em; } /* inner content */ .fc-toolbar > * > :not(:first-child) { margin-left: .75em; } .fc-toolbar h2 { font-size: 1.75em; margin: 0; } /* View Structure --------------------------------------------------------------------------------------------------*/ .fc-view-container { position: relative; } /* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */ /* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */ .fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fc-view, .fc-view > table { /* so dragged elements can be above the view's main element */ position: relative; z-index: 1; } @media print { .fc { max-width: 100% !important; } /* Global Event Restyling --------------------------------------------------------------------------------------------------*/ .fc-event { background: #fff !important; color: #000 !important; page-break-inside: avoid; } .fc-event .fc-resizer { display: none; } /* Table & Day-Row Restyling --------------------------------------------------------------------------------------------------*/ .fc th, .fc td, .fc hr, .fc thead, .fc tbody, .fc-row { border-color: #ccc !important; background: #fff !important; } /* kill the overlaid, absolutely-positioned components */ /* common... */ .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-mirror-skeleton, .fc-bgevent-container, .fc-business-container, .fc-highlight-container, .fc-mirror-container { display: none; } /* don't force a min-height on rows (for DayGrid) */ .fc tbody .fc-row { height: auto !important; /* undo height that JS set in distributeHeight */ min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */ } .fc tbody .fc-row .fc-content-skeleton { position: static; /* undo .fc-rigid */ padding-bottom: 0 !important; /* use a more border-friendly method for this... */ } .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */ padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */ } .fc tbody .fc-row .fc-content-skeleton table { /* provides a min-height for the row, but only effective for IE, which exaggerates this value, making it look more like 3em. for other browers, it will already be this tall */ height: 1em; } /* Undo month-view event limiting. Display all events and hide the "more" links --------------------------------------------------------------------------------------------------*/ .fc-more-cell, .fc-more { display: none !important; } .fc tr.fc-limited { display: table-row !important; } .fc td.fc-limited { display: table-cell !important; } .fc-popover { display: none; /* never display the "more.." popover in print mode */ } /* TimeGrid Restyling --------------------------------------------------------------------------------------------------*/ /* undo the min-height 100% trick used to fill the container's height */ .fc-time-grid { min-height: 0 !important; } /* don't display the side axis at all ("all-day" and time cells) */ .fc-timeGrid-view .fc-axis { display: none; } /* don't display the horizontal lines */ .fc-slats, .fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */ display: none !important; /* important overrides inline declaration */ } /* let the container that holds the events be naturally positioned and create real height */ .fc-time-grid .fc-content-skeleton { position: static; } /* in case there are no events, we still want some height */ .fc-time-grid .fc-content-skeleton table { height: 4em; } /* kill the horizontal spacing made by the event container. event margins will be done below */ .fc-time-grid .fc-event-container { margin: 0 !important; } /* TimeGrid *Event* Restyling --------------------------------------------------------------------------------------------------*/ /* naturally position events, vertically stacking them */ .fc-time-grid .fc-event { position: static !important; margin: 3px 2px !important; } /* for events that continue to a future day, give the bottom border back */ .fc-time-grid .fc-event.fc-not-end { border-bottom-width: 1px !important; } /* indicate the event continues via "..." text */ .fc-time-grid .fc-event.fc-not-end:after { content: "..."; } /* for events that are continuations from previous days, give the top border back */ .fc-time-grid .fc-event.fc-not-start { border-top-width: 1px !important; } /* indicate the event is a continuation via "..." text */ .fc-time-grid .fc-event.fc-not-start:before { content: "..."; } /* time */ /* undo a previous declaration and let the time text span to a second line */ .fc-time-grid .fc-event .fc-time { white-space: normal !important; } /* hide the the time that is normally displayed... */ .fc-time-grid .fc-event .fc-time span { display: none; } /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */ .fc-time-grid .fc-event .fc-time:after { content: attr(data-full); } /* Vertical Scroller & Containers --------------------------------------------------------------------------------------------------*/ /* kill the scrollbars and allow natural height */ .fc-scroller, .fc-day-grid-container, .fc-time-grid-container { /* */ overflow: visible !important; height: auto !important; } /* kill the horizontal border/padding used to compensate for scrollbars */ .fc-row { border: 0 !important; margin: 0 !important; } /* Button Controls --------------------------------------------------------------------------------------------------*/ .fc-button-group, .fc button { display: none; /* don't display any button-related controls */ } }