@charset "UTF-8";
@import  "/static/css/lbs.icons.css?v=6";

:root {
    /* 
        使用 var(--blink-time) 
        属性の値に使用可能、キーには使用不可
    */
    --blink-time: 1s;
    --blink-time-1-5: 1.5s;
}
/*'Noto Sans Japanese'*/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);*/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
/*'Nanum Gothic'*/
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/


/*@font-face {
    font-family: 'JapanSans';
    src: url('/static/font/JapanSans100.eot');
    src: url('/static/font/JapanSans100.eot?#iefix') format('embedded-opentype'),
    url('/static/font/JapanSans100.woff') format('woff'),
    url('/static/font/JapanSans100.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/
html {
    height: 100%;
    overscroll-behavior: contain;
}
body {
    font-family: -apple-system, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif !important;
    height: 100%;
    overscroll-behavior: contain;
}
body[data-zoom="120"] { zoom:1.2;  }
body[data-zoom="115"] { zoom:1.15; }
body[data-zoom="110"] { zoom:1.1;  }
body[data-zoom="105"] { zoom:1.05; }
body[data-zoom="100"] { zoom:1.0;  }
body[data-zoom="95"]  { zoom:0.95; }
body[data-zoom="90"]  { zoom:0.9;  }
body[data-zoom="85"]  { zoom:0.85; }
body[data-zoom="80"]  { zoom:0.8;  }
body[data-zoom="75"]  { zoom:0.75; }
body[data-zoom="70"]  { zoom:0.7;  }

div, span, li, td, label, h1, h2, h3, h4, h5, h6, a, button {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -ms-user-select: none; /* IE10+ */
    user-select: none;
    -webkit-user-drag: none;
}
div.select-available,
span.select-available {
    -webkit-user-select: text; /* webkit (safari, chrome) browsers */
    -moz-user-select: text; /* mozilla browsers */
    -ms-user-select: text; /* IE10+ */
    user-select: text;
}

/*----------------------------------------------------------------------------*/
/* Theme style customize */
.fa-1-5x { font-size: 1.5em; }
.d-inline { display: inline-block; }

.w-10 { width: 10px; }
.w-15 { width: 15px; }
.w-20 { width: 20px; }
.w-22 { width: 22px; }
.w-25 { width: 25px; }
.w-30 { width: 30px; }
.w-35 { width: 35px; }
.w-40 { width: 40px; }
.w-45 { width: 45px; }
.w-50 { width: 50px; }
.w-55 { width: 55px; }
.w-60 { width: 60px; }
.w-65 { width: 65px; }
.w-70 { width: 70px; }
.w-75 { width: 75px; }
.w-80 { width: 80px; }
.w-85 { width: 85px; }
.w-90 { width: 90px; }
.w-95 { width: 95px; }
.w-100 { width: 100px; }
.w-105 { width: 105px; }
.w-110 { width: 110px; }
.w-115 { width: 115px; }
.w-120 { width: 120px; }
.w-125 { width: 125px; }
.w-130 { width: 130px; }
.w-135 { width: 135px; }
.w-140 { width: 140px; }
.w-145 { width: 145px; }
.w-150 { width: 150px; }
.w-155 { width: 155px; }
.w-160 { width: 160px; }
.w-165 { width: 165px; }
.w-170 { width: 170px; }
.w-175 { width: 175px; }
.w-180 { width: 180px; }
.w-185 { width: 185px; }
.w-190 { width: 190px; }
.w-195 { width: 195px; }
.w-200 { width: 200px; }
.w-205 { width: 205px; }
.w-210 { width: 210px; }
.w-215 { width: 215px; }
.w-220 { width: 220px; }
.w-225 { width: 225px; }
.w-230 { width: 230px; }
.w-235 { width: 235px; }
.w-240 { width: 240px; }
.w-245 { width: 245px; }
.w-250 { width: 250px; }
.w-255 { width: 255px; }
.w-260 { width: 260px; }
.w-265 { width: 265px; }
.w-270 { width: 270px; }
.w-275 { width: 275px; }
.w-280 { width: 280px; }
.w-285 { width: 285px; }
.w-290 { width: 290px; }
.w-295 { width: 295px; }
.w-300 { width: 300px; }
.w-305 { width: 305px; }
.w-310 { width: 310px; }
.w-315 { width: 315px; }
.w-320 { width: 320px; }
.w-325 { width: 325px; }
.w-330 { width: 330px; }
.w-335 { width: 335px; }
.w-340 { width: 340px; }
.w-345 { width: 345px; }
.w-350 { width: 350px; }
.w-360 { width: 360px; }
.w-370 { width: 370px; }
.w-380 { width: 380px; }
.w-390 { width: 390px; }
.w-400 { width: 400px; }
.w-410 { width: 410px; }
.w-420 { width: 420px; }
.w-430 { width: 430px; }
.w-440 { width: 440px; }
.w-450 { width: 450px; }
.w-460 { width: 460px; }
.w-470 { width: 470px; }
.w-480 { width: 480px; }
.w-490 { width: 490px; }
.w-500 { width: 500px; }
.w-550 { width: 550px; }
.w-600 { width: 600px; }
.w-650 { width: 650px; }
.w-700 { width: 700px; }
.w-750 { width: 750px; }
.w-800 { width: 800px; }
.w-850 { width: 850px; }
.w-900 { width: 900px; }
.w-950 { width: 950px; }
.w-1000 { width: 1000px; }
.w-100p { width: 100%; }
.w-50p  { width: 50%; }
.w-100p-50  { width:calc(100% - 50px); }
.w-100p-60  { width:calc(100% - 60px); }
.w-100p-70  { width:calc(100% - 70px); }
.w-100p-80  { width:calc(100% - 80px); }
.w-100p-90  { width:calc(100% - 90px); }
.w-100p-100 { width:calc(100% - 100px); }
.w-100p-110 { width:calc(100% - 110px); }
.w-100p-120 { width:calc(100% - 120px); }
.w-100p-130 { width:calc(100% - 130px); }
.w-100p-140 { width:calc(100% - 140px); }
.w-100p-150 { width:calc(100% - 150px); }
.w-300-mb540-140 { width: 300px; }
@media (max-width:540px) {
    .w-300-mb-140 { width: 140px; }
}

.m-w-10 { min-width: 10px; }
.m-w-15 { min-width: 15px; }
.m-w-20 { min-width: 20px; }
.m-w-25 { min-width: 25px; }
.m-w-30 { min-width: 30px; }
.m-w-35 { min-width: 35px; }
.m-w-40 { min-width: 40px; }
.m-w-45 { min-width: 45px; }
.m-w-50 { min-width: 50px; }
.m-w-55 { min-width: 55px; }
.m-w-60 { min-width: 60px; }
.m-w-65 { min-width: 65px; }
.m-w-70 { min-width: 70px; }
.m-w-75 { min-width: 75px; }
.m-w-80 { min-width: 80px; }
.m-w-85 { min-width: 85px; }
.m-w-90 { min-width: 90px; }
.m-w-95 { min-width: 95px; }
.m-w-100 { min-width: 100px; }
.m-w-105 { min-width: 105px; }
.m-w-110 { min-width: 110px; }
.m-w-115 { min-width: 115px; }
.m-w-120 { min-width: 120px; }
.m-w-125 { min-width: 125px; }
.m-w-130 { min-width: 130px; }
.m-w-135 { min-width: 135px; }
.m-w-140 { min-width: 140px; }
.m-w-145 { min-width: 145px; }
.m-w-150 { min-width: 150px; }
.m-w-155 { min-width: 155px; }
.m-w-160 { min-width: 160px; }
.m-w-165 { min-width: 165px; }
.m-w-170 { min-width: 170px; }
.m-w-175 { min-width: 175px; }
.m-w-180 { min-width: 180px; }
.m-w-185 { min-width: 185px; }
.m-w-190 { min-width: 190px; }
.m-w-195 { min-width: 195px; }
.m-w-200 { min-width: 200px; }
.m-w-205 { min-width: 205px; }
.m-w-210 { min-width: 210px; }
.m-w-215 { min-width: 215px; }
.m-w-220 { min-width: 220px; }
.m-w-225 { min-width: 225px; }
.m-w-230 { min-width: 230px; }
.m-w-235 { min-width: 235px; }
.m-w-240 { min-width: 240px; }
.m-w-245 { min-width: 245px; }
.m-w-250 { min-width: 250px; }
.m-w-255 { min-width: 255px; }
.m-w-260 { min-width: 260px; }
.m-w-265 { min-width: 265px; }
.m-w-270 { min-width: 270px; }
.m-w-275 { min-width: 275px; }
.m-w-280 { min-width: 280px; }
.m-w-285 { min-width: 285px; }
.m-w-290 { min-width: 290px; }
.m-w-295 { min-width: 295px; }
.m-w-300 { min-width: 300px; }
.m-w-305 { min-width: 305px; }
.m-w-310 { min-width: 310px; }
.m-w-315 { min-width: 315px; }
.m-w-320 { min-width: 320px; }
.m-w-325 { min-width: 325px; }
.m-w-330 { min-width: 330px; }
.m-w-335 { min-width: 335px; }
.m-w-340 { min-width: 340px; }
.m-w-345 { min-width: 345px; }
.m-w-350 { min-width: 350px; }
.m-w-400 { min-width: 400px; }
.m-w-500 { min-width: 500px; }

.m-w-330i { min-width: 330px !important; }
.m-w-340i { min-width: 340px !important; }

.p-l-45 { padding-left: 45px !important; }
.p-l-50 { padding-left: 50px !important; }
.p-l-55 { padding-left: 55px !important; }
.p-l-60 { padding-left: 60px !important; }
.p-l-65 { padding-left: 65px !important; }
.p-l-70 { padding-left: 70px !important; }
.p-l-75 { padding-left: 75px !important; }
.p-l-80 { padding-left: 80px !important; }
.p-l-85 { padding-left: 85px !important; }
.p-l-90 { padding-left: 90px !important; }
.p-l-95 { padding-left: 95px !important; }
.p-l-100 { padding-left: 100px !important; }
.p-l-105 { padding-left: 105px !important; }
.p-l-110 { padding-left: 110px !important; }
.p-l-115 { padding-left: 115px !important; }
.p-l-120 { padding-left: 120px !important; }
.p-l-125 { padding-left: 125px !important; }
.p-l-130 { padding-left: 130px !important; }
.p-l-135 { padding-left: 135px !important; }
.p-l-140 { padding-left: 140px !important; }
.p-l-145 { padding-left: 145px !important; }
.p-l-150 { padding-left: 150px !important; }

.p-r-45 { padding-right: 45px !important; }
.p-r-50 { padding-right: 50px !important; }
.p-r-55 { padding-right: 55px !important; }
.p-r-60 { padding-right: 60px !important; }
.p-r-65 { padding-right: 65px !important; }
.p-r-70 { padding-right: 70px !important; }
.p-r-75 { padding-right: 75px !important; }
.p-r-80 { padding-right: 80px !important; }
.p-r-85 { padding-right: 85px !important; }
.p-r-90 { padding-right: 90px !important; }
.p-r-95 { padding-right: 95px !important; }
.p-r-100 { padding-right: 100px !important; }
.p-r-105 { padding-right: 105px !important; }
.p-r-110 { padding-right: 110px !important; }
.p-r-115 { padding-right: 115px !important; }
.p-r-120 { padding-right: 120px !important; }
.p-r-125 { padding-right: 125px !important; }
.p-r-130 { padding-right: 130px !important; }
.p-r-135 { padding-right: 135px !important; }
.p-r-140 { padding-right: 140px !important; }
.p-r-145 { padding-right: 145px !important; }
.p-r-150 { padding-right: 150px !important; }

.m-l-45 { margin-left: 45px !important; }
.m-l-50 { margin-left: 50px !important; }
.m-l-55 { margin-left: 55px !important; }
.m-l-60 { margin-left: 60px !important; }
.m-l-65 { margin-left: 65px !important; }
.m-l-70 { margin-left: 70px !important; }
.m-l-75 { margin-left: 75px !important; }
.m-l-80 { margin-left: 80px !important; }
.m-l-85 { margin-left: 85px !important; }
.m-l-90 { margin-left: 90px !important; }
.m-l-95 { margin-left: 95px !important; }
.m-l-100 { margin-left: 100px !important; }
.m-l-105 { margin-left: 105px !important; }
.m-l-110 { margin-left: 110px !important; }
.m-l-115 { margin-left: 115px !important; }
.m-l-120 { margin-left: 120px !important; }
.m-l-125 { margin-left: 125px !important; }
.m-l-130 { margin-left: 130px !important; }
.m-l-135 { margin-left: 135px !important; }
.m-l-140 { margin-left: 140px !important; }
.m-l-145 { margin-left: 145px !important; }
.m-l-150 { margin-left: 150px !important; }

.m-r-45 { margin-right: 45px !important; }
.m-r-50 { margin-right: 50px !important; }
.m-r-55 { margin-right: 55px !important; }
.m-r-60 { margin-right: 60px !important; }
.m-r-65 { margin-right: 65px !important; }
.m-r-70 { margin-right: 70px !important; }
.m-r-75 { margin-right: 75px !important; }
.m-r-80 { margin-right: 80px !important; }
.m-r-85 { margin-right: 85px !important; }
.m-r-90 { margin-right: 90px !important; }
.m-r-95 { margin-right: 95px !important; }
.m-r-100 { margin-right: 100px !important; }
.m-r-105 { margin-right: 105px !important; }
.m-r-110 { margin-right: 110px !important; }
.m-r-115 { margin-right: 115px !important; }
.m-r-120 { margin-right: 120px !important; }
.m-r-125 { margin-right: 125px !important; }
.m-r-130 { margin-right: 130px !important; }
.m-r-135 { margin-right: 135px !important; }
.m-r-140 { margin-right: 140px !important; }
.m-r-145 { margin-right: 145px !important; }
.m-r-150 { margin-right: 150px !important; }

.left-45 { left: 45px !important; }
.left-50 { left: 50px !important; }
.left-55 { left: 55px !important; }
.left-60 { left: 60px !important; }
.left-65 { left: 65px !important; }
.left-70 { left: 70px !important; }
.left-75 { left: 75px !important; }
.left-80 { left: 80px !important; }
.left-85 { left: 85px !important; }
.left-90 { left: 90px !important; }
.left-95 { left: 95px !important; }
.left-100 { left: 100px !important; }
.left-105 { left: 105px !important; }
.left-110 { left: 110px !important; }
.left-115 { left: 115px !important; }
.left-120 { left: 120px !important; }
.left-125 { left: 125px !important; }
.left-130 { left: 130px !important; }
.left-135 { left: 135px !important; }
.left-140 { left: 140px !important; }
.left-145 { left: 145px !important; }
.left-150 { left: 150px !important; }
.left-155 { left: 155px !important; }

.l-h-12 { line-height: 12px !important; }
.l-h-13 { line-height: 13px !important; }
.l-h-14 { line-height: 14px !important; }
.l-h-15 { line-height: 15px !important; }
.l-h-16 { line-height: 16px !important; }
.l-h-17 { line-height: 17px !important; }
.l-h-18 { line-height: 18px !important; }
.l-h-19 { line-height: 19px !important; }
.l-h-20 { line-height: 20px !important; }
.l-h-21 { line-height: 21px !important; }
.l-h-22 { line-height: 22px !important; }
.l-h-23 { line-height: 23px !important; }
.l-h-24 { line-height: 24px !important; }
.l-h-25 { line-height: 25px !important; }
.l-h-26 { line-height: 26px !important; }
.l-h-27 { line-height: 27px !important; }
.l-h-28 { line-height: 28px !important; }
.l-h-29 { line-height: 29px !important; }
.l-h-30 { line-height: 30px !important; }
.l-h-35 { line-height: 35px !important; }
.l-h-40 { line-height: 40px !important; }
.l-h-45 { line-height: 45px !important; }
.l-h-50 { line-height: 50px !important; }
.l-h-60 { line-height: 60px !important; }
.l-h-70 { line-height: 70px !important; }
.l-h-80 { line-height: 80px !important; }
.l-h-90 { line-height: 90px !important; }

.h-0 { height: 0 !important; }
.h-14 { height: 14px; }
.h-15 { height: 15px; }
.h-16 { height: 16px; }
.h-17 { height: 17px; }
.h-18 { height: 18px; }
.h-19 { height: 19px; }
.h-20 { height: 20px; }
.h-21 { height: 21px; }
.h-22 { height: 22px; }
.h-23 { height: 23px; }
.h-24 { height: 24px; }
.h-25 { height: 25px; }
.h-26 { height: 26px; }
.h-27 { height: 27px; }
.h-28 { height: 28px; }
.h-29 { height: 29px; }
.h-30 { height: 30px; }
.h-35 { height: 35px; }
.h-40 { height: 40px; }
.h-45 { height: 45px; }
.h-49 { height: 49px; }
.h-50 { height: 50px; }
.h-60 { height: 60px; }
.h-70 { height: 70px; }
.h-80 { height: 80px; }
.h-90 { height: 90px; }

.h-50vh { height: 50vh; }
.h-60vh { height: 60vh; }
.h-70vh { height: 70vh; }
.h-80vh { height: 80vh; }
.h-90vh { height: 90vh; }

.f-s-6 { font-size: 6px; }
.f-s-7 { font-size: 7px; }
.f-s-21 { font-size: 21px; }
.f-s-22 { font-size: 22px; }
.f-s-23 { font-size: 23px; }
.f-s-24 { font-size: 24px; }
.f-s-25 { font-size: 25px; }
.f-s-70p  { font-size: 70%; }
.f-s-80p  { font-size: 80%; }
.f-s-90p  { font-size: 90%; }
.f-s-110p { font-size: 110%; }
.f-s-120p { font-size: 120%; }
.f-s-70pi  { font-size: 70% !important; }
.f-s-80pi  { font-size: 80% !important; }
.f-s-90pi  { font-size: 90% !important; }
.f-s-110pi { font-size: 110% !important; }
.f-s-120pi { font-size: 120% !important; }

/* overwrite */
.text-inverse { color: #000000 !important; }
a.text-inverse:hover,
a.text-inverse:focus { 
    color: #2d353c !important; 
}

.text-orange { color: #f59c1a !important; }
.text-orange-darker { color: #c47d15 !important; }
.text-orange-lighter { color: #f7b048 !important; }

.text-purple2 { color: #a005a0 !important; }
.text-purple { color: #727cb6 !important; }
.text-purple-darker { color: #5b6392 !important; }
.text-purple-lighter { color: #8e96c5 !important; }

.text-green { color: #00acac !important; }
.text-green-darker { color: #008a8a !important; }
.text-green-lighter { color: #33bdbd !important; }

.text-grey-darker { color: #777 !important; }

.text-grey { color: #999 !important; }
a.text-grey:hover, a.text-grey:focus { color: #444 !important; }

.text-primary-darker { color: #2A72B5 !important; }

.text-blue { color: blue; }
.text-navy { color: navy !important; }
a.text-navy:hover, a.text-navy:focus { color: blue !important; }

.text-brown { color: brown !important; }
a.text-brown:hover, a.text-brown:focus { color: chocolate  !important; }

.text-purple { color: purple !important; }
a.text-purple:hover, a.text-purple:focus { color: purple !important; }

.text-hotpink { color: hotpink !important; }
a.text-hotpink:hover, a.text-hotpink:focus { color: pink  !important; }

.text-yellow { color: yellow !important; }
a.text-yellow:hover, a.text-yellow:focus { color: #ffff4e !important; }

.bg-hotpink { background-color: hotpink !important; }


.btn.btn-locked {
    color: #fff !important;
    background: #b6c2c9 !important;
    border-color: #b6c2c9 !important;
}

.btn.btn-info2 {
    color: #fff;
    background: #81c5d9;
    border-color: #679dad;
}
.btn-info2:hover, 
.btn-info2:focus, 
.btn-info2:active, 
.btn-info2.active {
    background: #74b1c4;
    border-color: #54808d;
}

.btn.btn-primary2 {
    color: #fff;
    background: #236eb4;
    border-color: #114e88;
}
.btn-primary2:hover, 
.btn-primary2:focus, 
.btn-primary2:active, 
.btn-primary2.active {
    background: #0e4f8b;
    border-color: #0b3b68;
}

.btn.btn-primary3 {
    color: #fff;
    background: #a3ccf3;
    border-color: #5fb1fd;
}
.btn-primary3:hover, 
.btn-primary3:focus, 
.btn-primary3:active, 
.btn-primary3.active {
    background: #a3ccf3;
    border-color: #4e99df;
}

.btn.btn-white.btn-white-eee {
    background: #eee;
}
.btn-white-eee:hover,
.btn-white-eee:focus,
.btn-white-eee:active,
.btn-white-eee.active {
    background: #ddd;
    border-color: #ccc;
}
/* like label */
.btn.btn-white2 {
    background: #eee;
    border-color: #ccc;
}

.btn.btn-default2 {
    color: #fff;
    background: #83878a;
    border-color: #83878a;
}
.btn-default2:hover, 
.btn-default2:focus, 
.btn-default:active, 
.btn-default.active {
    background: #6e7072;
    border-color: #6e7072;
}

.btn.btn-yellow {
    color: #111;
    background: #E9FB65;
    border-color: #929ba1;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active {
    background: #C9D958;
    border-color: #575d63;
}

.btn.btn-voice {
    color: #111;
    background: #ffb93a;
    border-color: #929BA1;
}
.btn-voice:hover,
.btn-voice:focus,
.btn-voice:active,
.btn-voice.active {
    background: #fdaf1f;
    border-color: #575d63;
}

.btn.btn-voice2 {
    color: #111;
    background: #E9FB65;
    border-color: #929BA1;
}
.btn-voice2:hover,
.btn-voice2:focus,
.btn-voice2:active,
.btn-voice2.active {
    background: #C9D958;
    border-color: #575d63;
}

.btn.btn-purple {
    color: #fff;
    background: #C785C8;
    border-color: #929ba1;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
    background: #AD7CAD;
    border-color: #575d63;
}

.btn.btn-purple2 {
    color: #fff;
    background: #a005a0;
    border-color: #7a017a;
}
.btn-purple2:hover,
.btn-purple2:focus,
.btn-purple2:active,
.btn-purple2.active {
    background: #b618b6;
    border-color: #990e99;
}

.btn.btn-danger2 {
    color: #fff;
    background: #D33D3A;
    border-color: #B32E2C;
}
.btn-danger2:hover,
.btn-danger2:focus,
.btn-danger2:active,
.btn-danger2.active {
    background: #BD3633;
    border-color: #8D2624;
}

.btn.btn-danger3 {
    color: #111;
    background: #ffc1bf;
    border-color: #da9593;
}
.btn-danger3:hover,
.btn-danger3:focus,
.btn-danger3:active,
.btn-danger3.active {
    background: #fc9c99;
    border-color: #ce726f;
}

.btn.btn-border-selected {
    border: 2px solid red !important;
}

.btn.btn-map-result {
    color: #fff;
    background: #C8EBFA;
    border-color: #929ba1;
}
.btn-map-result:hover,
.btn-map-result:focus,
.btn-map-result:active,
.btn-map-result.active {
    background: #60C5F1;
    border-color: #575d63;
}

.btn-layout-zoom {
    width: 25px;
    height: 25px;
    margin-top: 6px;
    padding: 0 !important;
    text-align: center;
    border-radius: 50%;
    border: 1px solid white;
    background-color: #ccc;
}
.btn-layout-zoom:hover {
    background-color: #aaa !important;
}
.btn-layout-zoom:focus,
.btn-layout-zoom:active {
    background-color: #ccc !important;
}
.btn-layout-zoom.in-active {
    background-color: transparent !important;
}

.bg-silver-lighter2 { background: #EFEFE6 !important; }
.bg-silver-lighter3 { background: #D9D9D9 !important; }
.bg-grey-lightest-btn { background: #DFDFE0 !important; }
.bg-grey-lighter-label { background:#A5ACB1 !important; }
.bg-grey-lighter-with-border { background: #c5ced4 !important; border-top:2px solid #999; border-bottom:2px solid #999; }
.bg-transparent-with-border { background: transparent !important; border-top:2px solid #999; border-bottom:2px solid #999; }

.bg-black-darker2   { background: #535455 !important; }
.bg-black-darker3   { background: #2d353c !important; }

.bg-grey-lighter2   { background: #DFDFDF !important; }
.bg-beige-lightest  { background: #E4F3ED !important; }
.bg-green-lighter2  { background: #90dbdb !important; }
.bg-green-lighter3  { background: #92cfcf !important; }
.bg-green-lightest  { background: #CCFCFC !important; }
.bg-green-lightest2 { background: #F4FDF4 !important; }
.bg-aqua-lightest   { background: #A7DDEC !important; }
.bg-orange-lightest { background: #FED290 !important; }
.bg-purple2  { background: #a005a0 !important; } 
.bg-purple3  { background: #d963d9 !important; }
.bg-purple-lightest { background: #CDD3FA !important; }
.bg-pink-lightest   { background: #ffd0ff !important; }
.bg-blue-lightest   { background: #C2DFFA !important; }
.bg-blue-lightest2  { background: #D7E9FA !important; }
.bg-blue-lightest3  { background: #E8F2FC !important; }
.bg-red-lightest    { background: #FCCFCE !important; }
.bg-red-lightest2   { background: #FFEDED !important; }
.bg-blue-darker2    { background: #024889 !important; }
.bg-navy     { background: #000080 !important; }
.bg-brown    { background: #a52a2a !important; }
.bg-brown-darker    { background: #881111 !important; }
.bg-blue-lightest-grey   { background: #A9C0D5 !important; }
.bg-blue-lightest-grey2  { background: #DBE6F0 !important; }
.bg-red-lightest-grey    { background: #D5AFAF !important; }
.bg-yellow-lightest-grey { background: #EAEAD6 !important; }
.bg-yellow-lightest { background: #F5F59F !important; }
.bg-yellow-blink-base { background:#FFFFDD; }
.bg-yellow-selected { background: #e3fa3e !important; }

.report-changed  { background: #FCCFCE !important; }

#top-msg-popup-body,
#common-img-popup-body,
#common-msg-popup-body,
#common-msg2-popup-body,
#common-top-popup-body,
#common-top2-popup-body,
#common-top9-popup-body,
#common-popup-body {
    color: #2d353c;
    text-align: center;
    background-color: #fefefe;
}
.common-popup-title-white, .common-popup-title-white-data, .common-popup-title-white-cache,
.common-popup-title-info, .common-popup-title-info-data, .common-popup-title-info-cache,
.common-popup-title-calc, .common-popup-title-calc-data, .common-popup-title-calc-cache,
.common-popup-title-select, .common-popup-title-select-data, .common-popup-title-select-cache,
.common-popup-title-select2, .common-popup-title-select2-data, .common-popup-title-select2-cache,
.common-popup-title-select3, .common-popup-title-select3-data, .common-popup-title-select3-cache,
.common-popup-title-warning, .common-popup-title-warning-data, .common-popup-title-warning-cache,
.common-popup-title-alert, .common-popup-title-alert-data, .common-popup-title-alert-cache {
    position: relative;
    min-width: 300px;
    line-height: 20px;
    padding: 6px 0;
    font-size: 16px;
    font-weight: 700;
    color: #2d353c;
    text-align: center;
    box-shadow: 0 -2px 7px rgb(43, 43, 43);
    border-bottom: 1px solid rgba(134, 134, 134, 0.3);
}
.common-popup-title-white-data,
.common-popup-title-info-data,
.common-popup-title-calc-data,
.common-popup-title-select-data,
.common-popup-title-select2-data,
.common-popup-title-select3-data,
.common-popup-title-warning-data,
.common-popup-title-alert-data {
    box-shadow: 0 -2px 7px rgb(8, 104, 8);
    border-bottom: 1px solid rgba(10, 153, 10, 0.3);
}
.common-popup-title-white-cache,
.common-popup-title-info-cache,
.common-popup-title-calc-cache,
.common-popup-title-select-cache,
.common-popup-title-select2-cache,
.common-popup-title-select3-cache,
.common-popup-title-warning-cache,
.common-popup-title-alert-cache {
    box-shadow: 0 -2px 7px rgb(114, 23, 23);
    border-bottom: 1px solid rgba(116, 18, 18, 0.3)
}

#top-msg-popup-body .popup-btns a,
#common-310-popup-body .popup-btns a,
#common-400-popup-body .popup-btns a,
#common-500-popup-body .popup-btns a,
#common-600-popup-body .popup-btns a,
#common-700-popup-body .popup-btns a,
#common-800-popup-body .popup-btns a,
#common-900-popup-body .popup-btns a,
#common-img-popup-body .popup-btns a,
#common-msg-popup-body .popup-btns a,
#common-msg2-popup-body .popup-btns a,
#common-top-popup-body .popup-btns a,
#common-top2-popup-body .popup-btns a,
#common-top9-popup-body .popup-btns a,
#common-popup-body .popup-btns a {
    line-height: 18px;
    margin: 10px;
    padding: 5px;
    font-size: 13px;
    border-radius: 30px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.common-popup-title-white, .common-popup-title-white-data, .common-popup-title-white-cache { background: #FAFAFA; }
.common-popup-title-info, .common-popup-title-info-data, .common-popup-title-info-cache { background: #A9C0D5; }
.common-popup-title-calc, .common-popup-title-calc-data, .common-popup-title-calc-cache { background: #DCC3DC; }
.common-popup-title-select, .common-popup-title-select-data, .common-popup-title-select-cache { background: #e7af48; }
.common-popup-title-select2, .common-popup-title-select2-data, .common-popup-title-select2-cache { background: #FFE082; }
.common-popup-title-select3, .common-popup-title-select3-data, .common-popup-title-select3-cache { background: #C5CED4; }
.common-popup-title-warning, .common-popup-title-warning-data, .common-popup-title-warning-cache { background: #e7af48; }
.common-popup-title-alert, .common-popup-title-alert-data, .common-popup-title-alert-cache { background: #f98c8c; }

#system-top-header2 a,
#system-top-header a {
    position: relative;
}
#system-top-menu-bbs:before,
#system-top-menu-bbs:after,
#system-top-menu-comm:after {
    position: absolute;
    top: -8px;
    right: -4px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: white;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    content: attr(data-cnt);
}
#system-top-menu-bbs:before {
    left: -3px;
    right: auto;
    background-color: #028679;
    content: attr(data-end-cnt);
}
#system-top-menu-bbs[data-end-cnt="0"]:before,
#system-top-menu-bbs[data-cnt="0"]:after,
#system-top-menu-comm[data-cnt="0"]:after {
    display: none;
}

.div-hidden { display: none !important; }
.pos-abs,
.pos-abs-t,
.pos-abs-tl,
.pos-abs-tr,
.pos-abs-b,
.pos-abs-bl,
.pos-abs-br {
    overflow: hidden;
    position: absolute; 
}
.pos-abs,
.pos-abs-t,
.pos-abs-tl,
.pos-abs-b,
.pos-abs-bl {
    left: 0;
}
.pos-abs,
.pos-abs-t,
.pos-abs-tr,
.pos-abs-b,
.pos-abs-br {
    right: 0;
}
.pos-abs,
.pos-abs-t,
.pos-abs-tl,
.pos-abs-tr {
    top: 0;
}
.pos-abs,
.pos-abs-b,
.pos-abs-bl,
.pos-abs-br {
    bottom: 0;
}
.position-absolute-whole {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.popup-loader-msg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:rgba(0,0,0,0.3);
}
.popup-loader-msg-7 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:rgba(0,0,0,0.7);
}
.popup-loader-msg > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px; 
    height: 100px;
    margin-top: -50px;
    margin-left: -150px;
    padding: 10px;
    text-align: center;
    background: rgba(255,255,255,0.7);
    border-radius: 8px;
}
.popup-loader-msg > div .popup-loader-msg-content {
    line-height: 20px;
    padding: 5px;
    color: navy;
    font-size: 13px;
}

.popup-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:rgba(0,0,0,0.3);
}
.popup-loader > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px; 
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
}
.popup-loader > div > i {
    line-height: 50px;
    font-size: 32px;
    color: white;
}

.panel-loading-down-up {
    overflow: hidden;
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition-duration: 0.2s, 0.2s;
    -moz-transition-duration: 0.2s, 0.2s;
    transition-duration: 0.2s, 0.2s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.panel-loading-down-up.opened {
    top: 0;
    bottom: 0;
}

.common-loader {
    position: absolute;
    z-index: 100000;
    top: 0;
    bottom: 0;
    left: 0; 
    right: 0;
    background: rgba(255,255,255,0.7);
}
.common-loader-msg,
.common-loader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    text-align: center;
}
.common-loader-inner i {
    line-height: 40px;
    color: #111111;
    font-size: 32px;
}
.common-loader-msg {
    width: 200px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    margin-left: -100px;
    color: #111111;
    font-size: 14px;
}

.common-loader.dark {
    background: rgba(0,0,0,0.6);
}
.common-loader.dark .common-loader-inner i {
    color: #EEEEEE;
}

.common-loader.chain {
    background: transparent;
}

/* 해상도 공통 */
.pace-progress {
    top: 35px;
}
.pace .pace-activity {
    top: 40px;
}
.spinner {
    margin: -20px 0 0 -20px;
}

.login .login-header .brand {
    font-size: 24px;
}

.page-header-fixed {
    padding-top: 35px;
}
.page-content-full-height .content {
    top: 35px;
}
.sidebar-minify-btn {
    float: left;
    border-radius: 0 20px 20px 0;
}

.navbar {
    min-height: 35px;
}
.navbar-brand {
    padding: 3px 20px;
    height: 35px;
}
.navbar-nav > li > a {
    padding-top: 8px;
    padding-bottom: 3px;
}
.navbar-form {
    margin: 3px 0 2px;
}
.navbar-form .form-control {
    padding: 2px 15px;
}
.navbar-form .btn-search {
    top: 2px;
}
.navbar-toggle {
    margin-top: 0px;
    margin-bottom: 0px;
} 

.page-with-right-sidebar .content {
    margin-right: 220px;
}
.sidebar-bg {
    width: 220px;
}
.sidebar .sub-menu:before {
    display: none;
}

.page-sidebar-fixed .sidebar {
    position: absolute;
}
.sidebar {
    width: 220px;
    padding-top: 35px;
}
@media (max-width: 767px) {
    .sidebar {
        display: none;
    }
}

.sidebar-list-type-0 {
    /* background-color: rgba(255,255,255,0.4); */
    border-bottom: none !important;
}
.sidebar-list-type-0.with-top-border {
    border-top: #666 1px solid;
}
.sidebar-list-type-1 {
    background-color: rgba(129,173,173,0.4);/*rgba(156,210,210,0.4)*/
}
.sidebar-list-type-2 {
    background-color: rgba(200,172,128,0.4);/*rgba(255,219,166,0.4)*/
}
.sidebar .sub-menu {
    padding: 1px 0 1px 30px;
}
.sidebar .sub-menu > ul > li > a, .sidebar .sub-menu > ul > li > a:focus,
.sidebar .sub-menu > li > a, .sidebar .sub-menu > li > a:focus {
    color: #FFFFFF;
    padding: 4px 5px;
}
.sidebar .sub-menu > ul > li.active > a,
.sidebar .sub-menu > li.active > a {
    /*color: #FF0000 !important;*/
    font-weight: bold;
}
.sidebar .sub-menu > ul > li > a:before,
.sidebar .sub-menu > li > a:before {
    display: none;
}
.sidebar .sub-menu > ul > li.active.sidebar-list-type-0,
.sidebar .sub-menu > ul > li.active.sidebar-list-type-3,
.sidebar .sub-menu > li.active.sidebar-list-type-0,
.sidebar .sub-menu > li.active.sidebar-list-type-3 {
    background-color: rgba(128,128,128,0.6);
}
.sidebar .sub-menu > ul > li.active.sidebar-list-type-1,
.sidebar .sub-menu > li.active.sidebar-list-type-1 {
    background-color: rgba(156,210,210,0.6);
}
.sidebar .sub-menu > ul > li.active.sidebar-list-type-2,
.sidebar .sub-menu > li.active.sidebar-list-type-2 {
    background-color: rgba(255,219,166,0.6);
}
#place-list-wrapper #place-list-filter {
    display: none !important;
}
#place-list-wrapper.expand #place-list-filter,
#place-list-wrapper.expand #place-list {
    display: block !important;
}
body[data-zoom="80"] .hidden-zoom-80 {
    display: none;
}
.page-sidebar-minified #place-list-wrapper.expand #place-list-filter,
.page-sidebar-minified #place-list-wrapper.expand #place-list,
.page-sidebar-minified .sidebar .sidebar-list-wrapper .sidebar-list,
.page-sidebar-minified #place-list-wrapper #place-list-filter {
    display: none !important;
}

.sidebar .sidebar-list-wrapper > a,
.sidebar .nav>li>a {
    color: #ffffff;
}

#sidebar[data-type="1"] #emp-list-wrapper > a,
#sidebar[data-type="1"] #emp-list-wrapper > a:focus { background-color: #109b9b; }
#sidebar[data-type="2"] #emp-list-wrapper > a,
#sidebar[data-type="2"] #emp-list-wrapper > a:focus { background-color: #3585c7; }
#place-list-wrapper > a,
#place-list-wrapper > a:focus { background-color: #3519a5; }

@media (min-width: 768px) {
    #emp-list-wrapper > a:hover,
    #place-list-wrapper > a:hover {
        color: yellow;
    }
    #emp-list-wrapper > a:active,
    #place-list-wrapper > a:active {
        background-color: #020000 !important;
    }
}
@media (max-width: 767px) {
    #sidebar[data-type="1"] #emp-list-wrapper > a:active { background-color: #020000; color: yellow; }
    #sidebar[data-type="2"] #emp-list-wrapper > a:active { background-color: #020000; color: yellow; }
    #place-list-wrapper > a:active { background-color: #020000; color: yellow; }
}

#emp-list-wrapper li.ymd-divider {
    position: relative;
    width: calc(100% - 0px);
    height: 13px;
    margin: 3px auto 0;
    border-bottom: none !important;
}
#emp-list-wrapper li.ymd-divider div.ymd-divider-line {
    position: absolute;
    top: 6px;
    width: 100%;
    height: 1px;
    border-top: 1px solid skyblue;
    content: "";
}
#emp-list-wrapper li.ymd-divider div.ymd-divider-content {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    height: 13px;
    line-height: 13px;
    margin-left: -50px;
    padding: 0;
    color: #222;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    background-color: skyblue;
    border-radius: 8px;
}

#sidebar[data-type="2"] .list-type-1,
#sidebar[data-type="1"] .list-type-2 {
    display: none !important;
}

#sidebar[data-toggle="2"] .sidebar-list-wrapper > a b.caret {
    display: none;
}
#sidebar[data-toggle="2"] #emp-list-wrapper {
    max-height: calc(70vh - 100px);
}
#sidebar[data-toggle="2"] #emp-list {
    max-height: calc(70vh - 136px);
}
#sidebar[data-toggle="1"] #emp-list {
    max-height: calc(100vh - 160px);
}

#sidebar-setting-toggle-type-guide[data-type="1"] .guide-type-2,
#sidebar-setting-toggle-type-guide[data-type="2"] .guide-type-1 {
    display: none;
}

#footer {
    min-height: 35px;
}
#footer a.btn {
    min-width: 50px;
}
#footer .dropdown-menu {
    left: auto;
    right: 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: absolute;
    left: 0;
    right: 0;
}

.footer-func-btns.type-1 .func-type-2,
.footer-func-btns.type-2 .func-type-1 {
    display: none;
}

.visible-360 {
    display: none !important;
}

.table > thead > tr > th, 
.table > tbody > tr > td,
.table > tfoot > tr > th {
    padding: 2px;
}

.table.table-border-black > thead > tr > th, 
.table.table-border-black > tbody > tr > th, 
.table.table-border-black > tfoot > tr > th, 
.table.table-border-black > thead > tr > td, 
.table.table-border-black > tbody > tr > td, 
.table.table-border-black > tfoot > tr > td {
    border-color: #999;
}


/* Layout Base */
.overwrap-content-ani {
    -webkit-transition-duration: 0.2s, 0.2s;
    -moz-transition-duration: 0.2s, 0.2s;
    transition-duration: 0.2s, 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.overwrap-content-common {
    position: absolute;
    bottom: 0;
    height: 0;
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.overwrap-content-body-common {
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
}

#map-canvas {
    position: absolute;
    top: 0;
    /*bottom: 0;*/
    width: 100%;
    height: 100%;
    min-height: 100px;
    z-index: 10;
}
#map-canvas.with-2row {
    top: 152px;
    height: calc(100% - 152px);
}
#map-canvas.with-3row {
    top: 189px;
    height: calc(100% - 189px);
}
.overwrap-content {
    background-color: rgba(255, 255, 255, 1.0);
    z-index: 30;
}
.overwrap-content-open {
    /*height: 300px;*/
    /* height: 45% !important; */
    height: 40% !important;
}
.overwrap-content-open-map {
    /*height: 0;*/
    /*margin-bottom: 300px;*/
    /* height: 55% !important; */
    height: 60% !important;
}
.overwrap-content-open-map.with-2row {
    height: calc(60% - 152px) !important;
}
.overwrap-content-open-map.with-3row {
    height: calc(60% - 189px) !important;
}

#content.map-extended .overwrap-content-open {
    height: 30% !important;
}
#content.map-extended .overwrap-content-open-map {
    height: 70% !important;
}
#content.map-extended .overwrap-content-open-map.with-2row {
    height: calc(70% - 152px) !important;
}
#content.map-extended .overwrap-content-open-map.with-3row {
    height: calc(70% - 189px) !important;
}

.overwrap-content-open-map .spot-place-legend-content {
    display: none;
}

.overwrap-content-close {
    height: 0;
}
.overwrap-content-expand-btn-wrapper {
    overflow: hidden;
    position: absolute;
    top: -24px;
    right: 0;
    height: 24px;
    width: 80px;
    border-top-left-radius: 40px 24px;
    box-shadow: -1px -2px 4px rgba(0,0,0,0.5);
    /*background: url('/static/img/bg_expand_tab.png') 0px 0px;*/
    /*background-color: black;*/
    /*display: none;*/
}
.overwrap-content-expand-btn-wrapper .toggle-expand-btn {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 48px;
    line-height: 24px;
    padding-bottom: 24px;
    padding-right: 10px;
    font-size: 18px;
    color: white;
    text-align: right;
}
.overwrap-content-expand-btn-wrapper .toggle-expand-btn:hover {
    cursor: pointer;
}
.overwrap-content-expand-btn-wrapper .toggle-expand-btn:active {
    color: red !important;
}

.toggle-expand-btn.closed .toggle-expand-close,
.toggle-expand-btn.opened .toggle-expand-open {
    display: none;
}

.overwrap-content-expand-btn-wrapper .toggle-expand-btn.opened {
    background: #1C1C60;
}
.overwrap-content-expand-btn-wrapper .toggle-expand-btn.opened:active,
.overwrap-content-expand-btn-wrapper .toggle-expand-btn.opened:hover {
    background: #1C1CA9;
}

.overwrap-content-expand-btn-wrapper .toggle-expand-btn.closed {
    background: blue;
}
.overwrap-content-expand-btn-wrapper .toggle-expand-btn.closed:active,
.overwrap-content-expand-btn-wrapper .toggle-expand-btn.closed:hover {
    background: #074FFD;
}

.overwrap-content-expand3-btn-wrapper,
.overwrap-content-expand2-btn-wrapper {
    overflow: hidden;
    position: absolute;
    top: -28px;
    width: 32px;
    height: 32px;
    left: 50%;
    margin-left: -16px;
    border-radius: 50%;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
    /*background: url('/static/img/bg_expand_tab.png') 0px 0px;*/
    /*background-color: black;*/
    /*display: none;*/
}
.overwrap-content-expand3-btn-wrapper .toggle-expand3-btn,
.overwrap-content-expand2-btn-wrapper .toggle-expand2-btn {
    overflow: hidden;
    width: 32px;
    height: 32px;
    line-height: 28px;
    padding: 2px 2px 2px 0;
    font-size: 14px;
    color: white;
    text-align: center;
    background: #2D353C;
}
.overwrap-content-expand3-btn-wrapper .toggle-expand3-btn {
    font-size: 18px;
}
.overwrap-content-expand3-btn-wrapper .toggle-expand3-btn:hover,
.overwrap-content-expand2-btn-wrapper .toggle-expand2-btn:hover {
    /*color: red !important;*/
    cursor: pointer;
}
.overwrap-content-close .overwrap-content-expand3-btn-wrapper,
.overwrap-content-close .overwrap-content-expand2-btn-wrapper {
    top: -35px;
}
.overwrap-content-close .overwrap-content-expand2-btn-wrapper .toggle-expand2-btn {
    background: navy;
}
.overwrap-content-close .overwrap-content-expand2-btn-wrapper .toggle-expand2-btn:hover {
    background: blue;
}
.overwrap-content-close .overwrap-content-expand3-btn-wrapper .toggle-expand3-btn,
.overwrap-content-open  .overwrap-content-expand3-btn-wrapper .toggle-expand3-btn,
.overwrap-content-open  .overwrap-content-expand2-btn-wrapper .toggle-expand2-btn {
    background: brown;
}
.overwrap-content-close .overwrap-content-expand3-btn-wrapper .toggle-expand3-btn:hover,
.overwrap-content-open  .overwrap-content-expand3-btn-wrapper .toggle-expand3-btn:hover,
.overwrap-content-open  .overwrap-content-expand2-btn-wrapper .toggle-expand2-btn:hover {
    background: red;
}
.overwrap-content-expand3-btn-wrapper[data-sche="0"] .fa-chevron-up,
.overwrap-content-expand3-btn-wrapper[data-sche="1"] .fa-chevron-down,
.overwrap-content-open  .overwrap-content-expand2-btn-wrapper .fa-compress,
.overwrap-content-open  .overwrap-content-expand2-btn-wrapper .fa-compress-arrows-alt,
.overwrap-content-close .overwrap-content-expand2-btn-wrapper .fa-expand-arrows-alt {
    display: none;
}

.overwrap-content2 {
    /*bottom: 300px;*/
    bottom: 0 !important;
    /*background-color: #999;*/
    overflow: hidden;
    z-index: 40;
}
.overwrap-content2-open {
    height: calc(45% - 90px);
    max-height: 220px;
}
/*
@media (min-height: 600px) {
    .overwrap-content2-open { height: 153px; }
}
@media (min-height: 620px) {
    .overwrap-content2-open { height: 175px; }
}
@media (min-height: 640px) {
    .overwrap-content2-open { height: 198px; }
}
@media (min-height: 680px) {
    .overwrap-content2-open { height: 220px; }
}
@media (min-height: 680px) and (max-width: 500px) {
    .overwrap-content2-open { height: 198px; }
} */
.overwrap-content2-close {
    height: 0;
} 
.overwrap-content2-body {
    top: 0;
    bottom: 0;
    left: 5px;
    right: 5px;
    /*padding: 5px;*/
    background-color: #eee;
    border: 1px solid #999;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow-y: hidden;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.overwrap-content2-body .info-title {
    height: 22px;
}
.overwrap-content2-body .info-body {
    height: 90px;
}
.overwrap-content2-body table tbody tr:hover {
    color: #111 !important;
    background: #cce !important;
    cursor: pointer;
}

.overwrap-content3 {
    color: white;
    border-bottom: 1px solid #666;
    z-index: 30;
}
.overwrap-content3-body {
    top: 2px;
    bottom: 2px;
    left: 5px;
    right: 5px;
}

.overwrap-content4 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    margin-bottom: 0;
    z-index: 22;
    background-color: #eee;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.overwrap-content4-short-open {
    bottom: auto;
    height: auto;
    min-height: 82px;
    max-height: 200px;
}
.overwrap-content4-half-open {
    bottom: 0;
    margin-bottom: 300px;
}
.overwrap-content4-full-open {
    bottom: 0;
    height: 100%;
    margin-bottom: 0;
}
.overwrap-content4-close {
    bottom: 100%;
    /*margin-bottom: 100%;*/
}
.overwrap-content4-body {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.overwrap-content4 .emp-schedule-content {
    overflow: hidden;
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    height: 100%;
    padding: 0 5px;
}
.overwrap-content4 .emp-schedule-content-title {
    overflow: hidden;
    position: absolute; 
    top: 5px; 
    left: 5px; 
    right: 5px; 
    height: 28px; 
    border-bottom: 2px solid rgb(46, 42, 42);
}
.overwrap-content4 .overwrap-schedule-content-times {
    overflow: hidden;
    position: absolute; 
    top: 34px; 
    left: 5px; 
    right: 5px; 
    height: 40px;
}
.overwrap-content4 .emp-schedule-content-main {
    position: absolute; 
    top: 55px; 
    bottom: 30px; 
    left: 5px; 
    right: 5px; 
    overflow-y: scroll;
}
.overwrap-content4 .overwrap-schedule-content-footer {
    overflow: hidden;
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0;
    height: 25px;
    border-top: 1px solid #b8b8b8;
}
.overwrap-content4 .overwrap-schedule-content-exchange-btn {
    display: none;
}
.overwrap-content4-short-open .emp-schedule-content {
    position: relative;
    bottom: auto; 
    width: 100%; 
    height: auto;
}

.fullscreen-visible,
.overwrap-content4-fullscreen .fullscreen-hidden,
.overwrap-content4-fullscreen .emp-schedule-action-wrapper,
.overwrap-content4-fullscreen .emp-schedule-action-wrapper-onoff,
/* .overwrap-content4-short-open .emp-schedule-content-title, */
.overwrap-content4-short-open .emp-schedule-action-wrapper,
.overwrap-content4-short-open .emp-schedule-action-wrapper-onoff {
    display: none !important;
}
.overwrap-content4-fullscreen .fullscreen-visible {
    display: block !important;
}

.schedule-fullscreen-content {
    position:absolute; 
    top: 50%; 
    left: 50%; 
    width: 720px; 
    margin-left: -360px; 
    overflow-y: auto; 
    background: #e0e0e0; 
    z-index: 100000; 
    border-radius: 10px; 
    box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
}
.schedule-fullscreen-content.spot-content {
    height: 350px; 
    margin-top: -175px;
}
.schedule-fullscreen-content.emp-content {
    height: 250px; 
    margin-top: -125px; 
}

.overwrap-content4-short-open .emp-schedule-content-title {
    position: relative;
    top: auto; 
    left: auto; 
    right: auto;
    margin-top: 5px;
}

.overwrap-content4-short-open .overwrap-schedule-content-times {
    position: relative;
    top: auto; 
    left: auto; 
    right: auto; 
    height: 20px;
}
.overwrap-content4-short-open .emp-schedule-content-main {
    position: relative;
    top: auto; 
    bottom: auto; 
    left: auto; 
    right: auto; 
    max-height: 112px;
    overflow-y: scroll;
}
.overwrap-content4-short-open .overwrap-schedule-content-footer {
    position: relative;
}
.overwrap-content4-short-open .overwrap-schedule-content-exchange-btn {
    display: inline-block;
}

.overwrap-content4-close .emp-schedule-content {
    /*display: none;*/
    overflow: hidden;
    height: 0;
}
.overwrap-content4-close .overwrap-content4-body {
    height: 0;
}
.schedule-expand-btn-wrapper {
    overflow: hidden;
    position: absolute;
    left: -2px;
    bottom: -24px;
    width: 80px;
    height: 24px;
    z-index: 25;
    border-bottom-right-radius: 40px 24px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.5);
}
.overwrap-content4-short-open .schedule-expand-btn-wrapper,
.overwrap-content4-half-open .schedule-expand-btn-wrapper {
    bottom: 0;
}
.overwrap-content4-full-open .schedule-expand-btn-wrapper {
    bottom: 0;
    height: 42px;
    border-top-right-radius: 40px 24px;
}
.schedule-expand-btn-wrapper .schedule-expand-btn {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: white;
    border-bottom-right-radius: 40px 24px;
}
.schedule-expand-btn-wrapper .schedule-expand-btn:hover {
    cursor: pointer;
}
.schedule-expand-btn-wrapper .schedule-expand-btn:active {
    color: blue;
}
.overwrap-content4-full-open .schedule-expand-btn-wrapper .schedule-expand-btn {
    height: 42px;
    border-top-right-radius: 40px 24px;
}
.schedule-expand-btn-wrapper .full-open-add-btn {
    display: none;
}
.overwrap-content4-full-open .schedule-expand-btn-wrapper .full-open-add-btn {
    display: block;
    height: 18px;
    line-height: 15px;
    padding-left: 35px;
    background: #a72f2f;
}
.overwrap-content4-full-open .emp-schedule-content-main {
    padding-bottom: 18px;
}

.schedule-expand-btn.closed .expand-btn-close,
.schedule-expand-btn.opened .expand-btn-open {
    display: none;
}

.schedule-expand-btn-wrapper .schedule-expand-btn.opened {
    background: #410C0C;
}
.schedule-expand-btn-wrapper .schedule-expand-btn.opened:active,
.schedule-expand-btn-wrapper .schedule-expand-btn.opened:hover {
    background: #7D1111;
}
.schedule-expand-btn-wrapper .schedule-expand-btn.closed {
    background: red;
}

.schedule-expand-btn-wrapper .schedule-expand-btn.closed:active,
.schedule-expand-btn-wrapper .schedule-expand-btn.closed:hover {
    background: #FF5000;
}

.schedule-expand-btn-wrapper2 {
    display: none;
    overflow: hidden;
    position: absolute;
    right: -2px;
    bottom: 0;
    width: 80px;
    height: 24px;
    z-index: 25;
    border-bottom-left-radius: 40px 24px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.5);
}
.overwrap-content4-short-open .schedule-expand-btn-wrapper2 {
    display: block;
}
.schedule-expand-btn-wrapper2 .schedule-expand-btn2 {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: white;
    background: #410C0C;
    border-bottom-left-radius: 40px 24px;
}
.schedule-expand-btn-wrapper2 .schedule-expand-btn2:hover {
    cursor: pointer;
}
.schedule-expand-btn-wrapper2 .schedule-expand-btn2:active {
    color: blue;
}
.schedule-expand-btn-wrapper2 .schedule-expand-btn2:active,
.schedule-expand-btn-wrapper2 .schedule-expand-btn2:hover {
    background: #7D1111;
}


/*.schedule-expand-btn-wrapper .schedule-expand-btn:active {
    color: red !important;
}*/
.overwrap-content-body .info-title {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    font-weight: bold;
    color: #222;
    border-bottom: 2px solid #666;
}
.overwrap-content-body .info-body {
    position: absolute;
    overflow-y: auto;
    bottom: 0;
    left: 0;
    right: 0;
}
.overwrap-content-popup {
    /*display: none;*/
    overflow: hidden;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    background: #e9e9e9;
    z-index: 100;
}
.overwrap-content-popup.opened {
    /*display: block;*/
    top: 0;
    padding: 10px;
}
@media (max-width: 767px) {
    .overwrap-content-popup.opened {
        top: 0;
        padding: 5px;
    }
}
.overwrap-content-popup-body {
    position: relative;
    width: 100%;
    height: 100%;
}
.overwrap-content-popup-body .info-title {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    font-weight: bold;
    color: #222;
    border-bottom: 2px solid #666;
}
.overwrap-content-popup-body .info-body {
    position: absolute;
    overflow-y: auto;
    bottom: 0;
    top: 35px;
    left: 0;
    right: 0;
}


.timetable {
    overflow: hidden;
}

#titlebar-init-link {
    position: relative;
    display: block;
    float: left;
}
#titlebar-dept-grp-link {
    position: relative;
    display: block;
    float: left;
    width: auto;
    min-width: 50px;
}
.titlebar-dept-grp-name {
    max-width: 100px;
    min-width: 55px;
    height: 30px;
    line-height: 28px;
    color: #111111;
    font-size: 13px;
    font-weight: 700;
    text-shadow: 0 1px 3px #6DCAFA;
}
.titlebar-dept-grp-name.selectable {
    background-image: url('/static/img/bg_titlebar_dept_select.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}

/* .push-status-wrapper {
    display: inline-block;
    width: 40px;
    margin-left: 10px;
    padding: 6px 0;
} */
.push-status-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
}
.push-status-wrapper .push-status-svr,
.push-status-wrapper .push-status-gps,
.push-status-wrapper .push-status-reload {
    float: left;
    position: relative;
    width: 8px;
    height: 8px;
    line-height: 8px;
    margin: 0 2px 0 1px;
    color: #111111;
    font-size: 8px;
    text-align: center;
    border: 1px solid #666;
    border-radius: 50%;
}
.push-status-wrapper .push-status-svr {
    color: black;
    background-color: yellow;
}
.push-status-wrapper .push-status-svr[data-status="1"] {
    color: white;
    background-color: orange;
}
.push-status-wrapper .push-status-gps {
    color: black;
    background-color: rgb(176, 209, 128);
}
.push-status-wrapper .push-status-gps[data-status="1"] {
    color: white;
    background-color: green;
}
.push-status-wrapper .push-status-gps[data-status="2"] {
    color: black;
    background-color: #ccc;
}
.push-status-wrapper .push-status-gps[data-status="9"] {
    display: none;
}
.push-status-wrapper .push-status-reload {
    color: black;
    background-color: rgb(206, 134, 134);
}
.push-status-wrapper .push-status-reload[data-status="1"] {
    color: white;
    background-color: red;
}
.push-status-wrapper .push-status-reload[data-status="2"] {
    color: black;
    background-color: #ccc;
}
.push-status-wrapper .push-status-reload[data-status="9"] {
    display: none;
}
.push-status-wrapper .push-status-svr.disabled,
.push-status-wrapper .push-status-gps.disabled,
.push-status-wrapper .push-status-reload.disabled {
    background: white;
}

.called-hist-icon,
.user-qna-icon,
.admin-msg-icon,
.admin-qna-icon,
.admin-notice-icon {
    position: relative;
}
.called-hist-icon:after,
.user-qna-icon:after,
.admin-msg-icon:after,
.admin-qna-icon:after,
.admin-notice-icon:after {
    position: absolute;
    top: 3px;
    right: 6px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    color: white;
    font-size: 8px;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    content: attr(data-cnt);
    animation: blink_icon_label var(--blink-time) 5;
}
.admin-msg-icon:before {
    position: absolute;
    top: 3px;
    left: 6px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    color: white;
    font-size: 8px;
    text-align: center;
    background-color: rgb(243, 174, 25);
    border-radius: 50%;
    content: '!';
    animation: blink_icon_label var(--blink-time) 5;
}

.called-hist-icon:after {
    top: -3px;
    right: -6px;
}
.fullscreen-visible .called-hist-icon:after {
    top: -3px;
    right: -6px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
}
.called-hist-icon.calling {
    animation: blink_bg_purple var(--blink-time) 5;
}


.user-qna-icon.slim:after,
.admin-qna-icon.slim:after,
.admin-notice-icon.slim:after {
    top: 0;
    right: -7px;
}
.admin-msg-icon.slim:after {
    top: 0;
    right: -7px;
}

.called-hist-icon[data-cnt="0"]:after,
.user-qna-icon[data-cnt="0"]:after,
.admin-msg-icon[data-cnt="0"]:after,
.admin-msg-icon[data-req="0"]:before,
.admin-qna-icon[data-cnt="0"]:after,
.admin-notice-icon[data-cnt="0"]:after {
    display: none;
}

.user-qna-icon:before {
    position: absolute;
    top: 4px;
    left: 7px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    color: white;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    background-color: #ad19a2;
    content: '未';
}
.user-qna-icon[data-end="1"]:before {
    display: none !important;
}
.user-qna-icon.slim:before {
    top: 0;
    left: -7px;
}

.cast-free-icon {
    position: relative;
    width: 120px;
    margin-top: 8px;
    padding: 0;
}
.cast-free-icon:after {
    position: absolute;
    top: -3px;
    right: -6px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    color: white;
    font-size: 8px;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    content: attr(data-cnt);
}
.cast-free-icon-wrapper .cast-free-icon[data-cnt="0"] {
    display: none;
}
.cast-free-icon[data-cnt="0"] {
    display: none;
}
.cast-free-icon[data-cnt="0"]:after {
    display: none;
}
.cast-free-icon-wrapper.with-center
{
    /* position: absolute;  */
    /* left: 50%; */
    float: right;
    position: relative;
    width: 120px; 
    height: 30px;
    /* margin-left: -60px; */
    margin-right: 30px;
    padding-top: 8px;
}
.cast-free-icon-content {
    z-index: -1; 
    line-height: 20px;
    padding-right: 10px;
    color: #111111;
    font-size: 90%;
    text-align: right;
    background-color: #e0bfe9;
    border: 2px solid #823795; 
    border-radius: 11px; 
}
.cast-free-icon-img {
    width: 22px; 
    height: 22px;
    line-height: 20px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    text-align: center; 
    background: #c05ada; 
    border: 2px solid #823795; 
    border-radius: 11px;
}
.cast-free-icon-img.notified {
    animation: blink_bg_trans_black var(--blink-time) linear 5;
}
.navbar-region-shortcut {
    float: left;
    position: relative;
    height: 30px;
    margin-top: 2px;
    margin-left: 5px;
}
.navbar-region-shortcut .type-region {
    margin-left: 10px !important;
}
.navbar-region-shortcut .type-region.selecting,
.navbar-region-shortcut .type-region.selected {
    margin-right: 50px;
}
.navbar-region-shortcut .type-region.selecting::before,
.navbar-region-shortcut .type-region.selected::before {
    position: absolute;
    z-index: -1;
    top: -1px;
    bottom: -1px;
    right: -50px;
    left: 13px;
    line-height: 26px;
    padding-left: 13px;
    color: #111;
    font-size: 11px;
    text-align: center;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #ccc;
    content: attr(data-name);
}

@media (min-width: 1101px) {
    .cast-free-icon-wrapper.with-right {
        display: none;
    }
}
@media (max-width: 1100px) {
    .cast-free-icon-wrapper.with-center {
        display: none;
    }
    .cast-free-icon {
        width: 24px;
    }
    .cast-free-icon-content {
        display: none;
    }
}

@media (max-width: 1023px) {
    .navbar-region-shortcut {
        display: none;
    }
}

.admin-mobile-menu {
    position: relative;
}
.admin-mobile-menu:after {
    position: absolute;
    top: 3px;
    right: 5px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    color: white;
    font-size: 8px;
    text-align: center;
    background-color: red;/*#5da5e8;*/
    border-radius: 50%;
    content: '❕';
    animation: blink_icon_label var(--blink-time) 5;
}
.admin-mobile-menu[data-cnt="0"]:after {
    display: none;
}
@media (min-width: 501px) {
    .admin-mobile-menu:after {
        display: none !important;
    }
}

#notice-bbs-btn:after {
    position: absolute;
    top: -1px;
    right: -9px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    color: white;
    font-size: 8px;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    content: attr(data-cnt);
}
#notice-bbs-btn[data-cnt="0"]:after {
    display: none;
}
@media (max-width: 320px) {
    #titlebar-dept-grp-name {
        max-width: calc(100vw - 230px);  /*max:90 (320-230)*/
    }
}
@media (max-width: 359px) {
    #titlebar-dept-grp-name {
        max-width: calc(100vw - 270px); /*max:89 (359-270)*/
    }
}
@media (min-width: 360px) {
    #titlebar-dept-grp-name {
        max-width: calc(100vw - 270px); /*max:159 (429-270)*/
    }
}
@media (min-width: 430px) {
    #titlebar-dept-grp-name {
        max-width: calc(100vw - 300px); /*max:199 (499-300)*/
    }
}
@media (min-width: 500px) {
    #titlebar-dept-grp-name {
        max-width: calc(100vw - 400px); /*max:199 (599-400), min:100 (500-400) */
    }
}
@media (min-width: 600px) {
    #titlebar-dept-grp-name {
        max-width: calc(100vw - 500px); /*max:267 (767-500), min:100 (600-500) */
    }
}
/* 768 이상일 경우 */
@media (min-width: 768px) {
    .navbar-header {
        display: block;
        width: 100%;
    }
    .navbar-brand {
        width: calc(100vw - 500px); /*280px;*/
    }

    .info-item > li {
        min-width: 200px;
    }

    /* layout control */
    .overwrap-content-body {
        top: 10px;
        bottom: 0;
        left: 10px;
        right: 10px;
    }

    #titlebar-dept-grp-name {
        max-width: calc(100vw - 660px); /*max:199 (859-660), min:108 (768-660)*/
    }
}
@media (min-width: 860px) {
    .navbar-brand {
        width: calc(100vw - 500px);
    }
    /* 1024px以上 push警告知らせ(最大165px)、支店名の右側、拠点アイコンの左側 */
    #titlebar-dept-grp-name {
        max-width: 150px;
    }
}
@media (min-width: 1100px) {
    .navbar-brand {
        width: calc(100vw - 600px);
    }
    /* 1024px以上 push警告知らせ(最大165px)、支店名の右側、拠点アイコンの左側 */
    #titlebar-dept-grp-name {
        max-width: 150px;
    }
}

/* 767 이하일 경우 */
@media (max-width: 767px) {
    .navbar-nav > li > a {
        padding-left: 3px;
        padding-right: 12px;
    }
    .navbar-toggle {
        padding-left: 3px;
        padding-right: 12px;
        margin-right: 5px;
    }

    .info-item > li {
        min-width: 300px;
    }

    /* layout control */
    .overwrap-content-body {
        top: 5px;
        bottom: 0;
        left: 5px;
        right: 5px;
    }
    .overwrap-content-close.overwrap-content-expand .overwrap-content-expand-btn {
        display: block !important;
    }
    .overwrap-content2-body .info-title {
        display: none;
    }
    .overwrap-content2-body .info-body {
        height: 110px;
    }

    .page-with-right-sidebar .content {
        margin-right: 0;
    }

    .page-content-full-height .content {
        position: absolute !important;
        top: 35px !important;
        bottom: 0 !important;
        height: initial !important;
    }
    .vertical-box, .vertical-box-cell, .vertical-box-column, .vertical-box-inner-cell, .vertical-box-row {
        height: 100% !important;
    }
    .page-content-full-height .content-with-footer {
        bottom: 35px !important;
    }
    .hidden-xs2 {
        display: none !important;
    }

    .timetable-wrapper {
        overflow-x: auto !important;
        max-width: 200px !important;
        width: 200px;
    }
    .emp-schedule {
        overflow-x: auto !important;
    }
    .emp-schedule.timetable {
        overflow: hidden !important;
    }
}
@media (min-width: 600px) AND (max-width: 767px) {
    .footer-func-btns a,
    .footerbar-btn-manage,
    .footerbar-btn-etc {
        margin-left:  3rem !important;
        margin-right: 3rem !important;
    }
}
@media (min-width: 480px) AND (max-width: 599px) {
    .footer-func-btns a,
    .footerbar-btn-manage,
    .footerbar-btn-etc {
        margin-left:  2rem !important;
        margin-right: 2rem !important;
    }
}
@media (min-width: 400px) AND (max-width: 479px) {
    .footer-func-btns a,
    .footerbar-btn-manage,
    .footerbar-btn-etc {
        margin-left:  1rem !important;
        margin-right: 1rem !important;
    }
}


/* layout overwrap content title height for only dept select START */
@media (min-width: 1154px) {
    .search_keyword:focus {
        width: 130px !important;
    }
}


@media (max-width: 1250px) {
    .hidden-1250 {
        display: none !important;
    }
}
@media (max-width: 1200px) {
    .hidden-1200 {
        display: none !important;
    }
}
@media (min-width: 1024px) {
    .visible-1024 {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    .hidden-1024 {
        display: none !important;
    }
}

@media (min-width: 801px) {
    .visible-800 {
        display: none !important;
    }
}
@media (max-width: 800px) {
    .hidden-800 {
        display: none !important;
    }
}
@media (min-width: 601px) {
    .visible-600 {
        display: none !important;
    }
}
@media (max-width: 600px) {
    .hidden-600 {
        display: none !important;
    }
}
@media (min-width: 551px) {
    .visible-550 {
        display: none !important;
    }
}
@media (max-width: 550px) {
    .hidden-550 {
        display: none !important;
    }
}
@media (min-width: 501px) {
    .visible-500 {
        display: none !important;
    }
}
@media (max-width: 500px) {
    .hidden-500 {
        display: none !important;
    }
}
@media (min-width: 421px) {
    .visible-420 {
        display: none !important;
    }
}
@media (max-width: 420px) {
    .hidden-420 {
        display: none !important;
    }
}
@media (min-width: 401px) {
    .visible-400 {
        display: none !important;
    }
}
@media (max-width: 400px) {
    .hidden-400 {
        display: none !important;
    }
}
@media (min-width: 376px) {
    .visible-375 {
        display: none !important;
    }
}
@media (max-width: 375px) {
    .hidden-375 {
        display: none !important;
    }
}
@media (max-width: 359px) {
    .hidden-360 {
        display: none !important;
    }
}
@media (min-width: 351px) {
    .visible-350 {
        display: none !important;
    }
}
@media (max-width: 350px) {
    .hidden-350 {
        display: none !important;
    }
}
@media (min-width: 321px) {
    .visible-320 {
        display: none !important;
    }
}
@media (max-width: 320px) {
    .hidden-320 {
        display: none !important;
    }
}
/* layout overwrap content title height for only dept select END */

/* layout overwrap content title height START */
.visible-2line-clear-500,
.visible-2line-clear {
    clear: both;
}
.popup-2line-clear {
    clear: both;
    display: none;
}
@media (min-width: 1050px) {
    .overwrap-content-body .info-title {
        line-height: 18px;
    }
    .overwrap-content-body .info-body {
        top: 35px;
    }
    .overwrap-content-body .info-body.info-body-empinfo,
    .overwrap-content-body .info-body.info-body-goodsinfo {
        top: 30px;
    }
    .visible-2line-clear-500,
    .visible-2line-clear {
        display: none !important;
    }
}
@media (min-width: 880px) AND (max-width: 1049px) {
    .overwrap-content-body .info-title {
        height: 52px;
    }
    .overwrap-content-body .info-body {
        top: 55px;
    }
    .page-sidebar-minified .overwrap-content-body .info-title {
        line-height: 18px !important;
        height: 27px !important;
    }
    .page-sidebar-minified .overwrap-content-body .info-body {
        top: 35px !important;
    }
    .overwrap-content-body .info-body.info-body-empinfo {
        top: 55px !important;
    }
    .page-sidebar-minified .overwrap-content-body .info-body.info-body-empinfo,
    .overwrap-content-body .info-body.info-body-goodsinfo {
        top: 30px !important;
    }
    
    .visible-2line-clear-500,
    .visible-2line-clear {
        display: block !important;
    }
    .page-sidebar-minified .visible-2line-clear-500,
    .page-sidebar-minified .visible-2line-clear {
        display: none !important;
    }
}
@media (max-width: 930px) {
    .overwrap-content-popup-body .info-title.line2-930 {
        height: 52px;
    }
    .overwrap-content-popup-body .info-body.line2-930 {
        top: 60px;
    }
    .overwrap-content-popup-body .info-title.line2-930 .popup-2line-clear {
        display: block !important;
    }
}
@media (max-width: 860px) {
    .overwrap-content-popup-body .info-title.line2-860 {
        height: 52px;
    }
    .overwrap-content-popup-body .info-body.line2-860 {
        top: 55px;
    }
    .overwrap-content-popup-body .info-title.line2-860 .popup-2line-clear {
        display: block !important;
    }
}
@media (max-width: 400px) {
    .overwrap-content-popup-body .info-title.line2-400 {
        height: 52px;
    }
    .overwrap-content-popup-body .info-body.line2-400 {
        top: 55px;
    }
    .overwrap-content-popup-body .info-title.line2-400 .popup-2line-clear {
        display: block !important;
    }
}

@media (min-width: 768px) AND (max-width: 879px) AND (min-height: 450px)  {
    .overwrap-content-body .info-title {
        height: 52px;
    }
    .overwrap-content-body .info-body {
        top: 55px;
    }
}
@media (min-width: 768px) AND (max-width: 879px) AND (max-height: 449px) {
    .overwrap-content-body .info-title {
        line-height: 18px;
    }
    .overwrap-content-body .info-body {
        top: 35px;
    }
    .overwrap-content-body .info-body.info-body-empinfo,
    .overwrap-content-body .info-body.info-body-goodsinfo {
        top: 30px;
    }
    .visible-2line-clear-500,
    .visible-2line-clear {
        display: none !important;
    }
    .hidden-2line-clear {
        display: none !important;
    }
}
@media (min-width: 660px) AND (max-width: 767px) {
    .overwrap-content-body .info-title {
        line-height: 18px;
    }
    .overwrap-content-body .info-body {
        top: 35px;
    }
    .overwrap-content-body .info-body.info-body-empinfo,
    .overwrap-content-body .info-body.info-body-goodsinfo {
        top: 30px;
    }
    .visible-2line-clear-500,
    .visible-2line-clear {
        display: none !important;
    }
}
@media (max-width: 659px) {
    .overwrap-content-body .info-title {
        height: 52px;
    }
    .overwrap-content-body .info-body {
        top: 55px;
    }
}
@media (max-width: 499px) {
    .visible-2line-clear-500 {
        display: none !important;
    }
}
@media (max-width: 340px) {
    .visible-3line {
        display: none !important;
    }
}
/* layout overwrap content title height END */

/* layout emp schedule input START */
@media (min-width: 1340px) {
    .grid-item-85 {
        width: 84%;
    }
    .grid-item-85-100 {
        width: 84%;
    }
}
@media (min-width: 890px) AND (max-width: 1339px) {
    .grid-item-85 {
        width: 82%;
    }
    .grid-item-85-100 {
        width: 82%;
    }
}
@media (max-width: 889px) {
    .grid-item-85 {
        width: 82%;
    }
    .grid-item-85-100 {
        width: 100%;
    }
}
@media (max-width: 410px) {
    .grid-item-85 {
        width: 245px !important;
    }
    .visible-360 {
        display: block !important;
    }
}
/* layout emp schedule input END */

/* layout tracking overwrap control START */
@media (min-width: 840px) {
    .overwrap-content-open-map2 {
        margin-bottom: 75px !important;
    }
    .overwrap-content3-open {
        height: 75px !important;
    }
    .overwrap-content3-close {
        height: 0;
    }
    .tracking-seekbar-input {
        position: absolute;
        left: 350px;
        top: 0;
        right: 40px;
        height: 40px;
    }
    .tracking-spacer {
        display: block !important;
    }
    .tracking-target-info {
        overflow: hidden;
        position: absolute;
        left: 350px;
        top: 45px;
        right: 10px;
        height: 21px;
    }
}
@media (min-width: 768px) AND (max-width: 839px) {
    .overwrap-content-open-map2 {
        margin-bottom: 100px !important;
    }
    .overwrap-content3-open {
        height: 100px !important;
    }
    .overwrap-content3-close {
        height: 0;
    }
    .tracking-seekbar-input {
        margin: 0 30px;
    }
    .tracking-spacer {
        display: none !important;
    }
    .tracking-target-info {
        overflow: hidden;
        position: absolute;
        left: 350px;
        top: 40px;
        right: 10px;
        height: 50px;
    }
}
@media (min-width: 591px) AND (max-width: 767px) {
    .overwrap-content-open-map2 {
        margin-bottom: 100px !important;
    }
    .overwrap-content3-open {
        height: 100px !important;
    }
    .overwrap-content3-close {
        height: 0;
    }
    .tracking-seekbar-input {
        margin: 0 30px;
    }
    .tracking-spacer {
        display: none !important;
    }
    .tracking-target-info {
        overflow: hidden;
        position: absolute;
        left: 320px;
        top: 40px;
        right: 10px;
        height: 50px;
    }
}
@media (max-width: 590px) {
    .overwrap-content-open-map2 {
        margin-bottom: 125px !important;
    }
    .overwrap-content3-open {
        height: 125px !important;
    }
    .overwrap-content3-close {
        height: 0;
    }
    .tracking-seekbar-input {
        margin: 0 30px;
    }
    .tracking-spacer {
        display: none !important;
    }
    .tracking-target-info {
        clear: both;
        margin-left: 30px;
        padding-top: 5px;
    }
}

/* layout tracking overwrap control END */

/* layout panel height control START */
/* default */
/* resolutio definition */

@media (min-height: 941px) and (orientation: portrait) {
    /* .overwrap-content-open-map {
        height: 60% !important;
    }
    .overwrap-content-open {
        height: 40% !important;
    } */
    .overwrap-content2 {
        /*bottom: 375px;*/
        bottom: 0 !important;
        margin-bottom: 0;
    }
    .overwrap-content2-open {
        height: calc(40% - 90px);
    }
    .overwrap-content4-half-open {
        height: 60% !important;
    }
    #content.map-extended .overwrap-content4-half-open {
        height: 70% !important;
    }
}

@media (max-height: 940px) and (orientation: portrait) {
    /* .overwrap-content-open-map {
        height: 60% !important;
    }
    .overwrap-content-open {
        height: 40% !important;
    } */
    .overwrap-content2 {
        bottom: 0 !important;
        margin-bottom: 0;
    }
    .overwrap-content2-open {
        height: calc(40% - 90px);
    }
    .overwrap-content4-half-open {
        height: 60% !important;
    }
    #content.map-extended .overwrap-content4-half-open {
        height: 70% !important;
    }
}
/*
@media (max-height: 820px) and (orientation: portrait) {
    .overwrap-content-open-map {
        margin-bottom: 280px !important;
    }
    .overwrap-content-open {
        height: 280px !important;
    }
    .overwrap-content2 {
        bottom: 275px;
    }
    .overwrap-content4-half-open {
        margin-bottom: 240px !important;
    }
}
*/
@media (max-height: 700px) and (orientation: portrait) {
    /* .overwrap-content-open-map {
        height: 55% !important;
    }
    .overwrap-content-open {
        height: 45% !important;
    } */
    .overwrap-content2 {
        bottom: 0 !important;
        margin-bottom: 0;
    }
    .overwrap-content2-open {
        height: calc(45% - 90px);
    }
    /* .overwrap-content4-half-open {
        height: 60% !important;
    } */
}
/*
@media (max-height: 580px) and (orientation: portrait) {
    .overwrap-content-open-map {
        margin-bottom: 200px !important;
    }
    .overwrap-content-open {
        height: 200px !important;
    }
    .overwrap-content2 {
        bottom: 195px;
    }
    .overwrap-content4-half-open {
        margin-bottom: 200px !important;
    }
}

@media (max-height: 480px) and (orientation: portrait) {
    .overwrap-content-open-map {
        margin-bottom: 170px !important;
    }
    .overwrap-content-open {
        height: 170px !important;
    }
    .overwrap-content2 {
        bottom: 165px;
    }
    .overwrap-content4-half-open {
        margin-bottom: 170px !important;
    }
}
*/

@media (min-height: 901px) and (orientation: landscape) {
    /* .overwrap-content-open-map {
        height: 60% !important;
    }
    .overwrap-content-open {
        height: 40% !important;
    } */
    .overwrap-content2 {
        /*bottom: 355px;*/
        bottom: 0 !important;
        margin-bottom: 0;
    }
    .overwrap-content2-open {
        height: calc(40% - 90px);
    }
    .overwrap-content4-half-open {
        height: 60% !important;
    }
    #content.map-extended .overwrap-content4-half-open {
        height: 70% !important;
    }
}

@media (max-height: 900px) and (orientation: landscape) {
    /* .overwrap-content-open-map {
        height: 60% !important;
    }
    .overwrap-content-open {
        height: 40% !important;
    } */
    .overwrap-content2 {
        bottom: 0 !important;
        margin-bottom: 0;
    }
    .overwrap-content2-open {
        height: calc(40% - 90px);
    }
    .overwrap-content4-half-open {
        height: 60% !important;
    }
    #content.map-extended .overwrap-content4-half-open {
        height: 70% !important;
    }
}

@media (max-height: 760px) and (orientation: landscape) {
    /* .overwrap-content-open-map {
        height: 55% !important;
    }
    .overwrap-content-open {
        height: 45% !important;
    } */
    .overwrap-content2 {
        bottom: 0 !important;
        margin-bottom: 0;
    }
    .overwrap-content2-open {
        height: calc(45% - 90px);
    }
    /* .overwrap-content4-half-open {
        height: 60% !important;
    } */
}
/*
@media (max-height: 640px) and (orientation: landscape) {
    .overwrap-content-open-map {
        margin-bottom: 230px !important;
    }
    .overwrap-content-open {
        height: 230px !important;
    }
    .overwrap-content2 {
        bottom: 225px;
    }
    .overwrap-content4-half-open {
        margin-bottom: 230px !important;
    }
}

@media (max-height: 580px) and (orientation: landscape) {
    .overwrap-content-open-map {
        margin-bottom: 200px !important;
    }
    .overwrap-content-open {
        height: 200px !important;
    }
    .overwrap-content2 {
        bottom: 195px;
    }
    .overwrap-content4-half-open {
        margin-bottom: 200px !important;
    }
}

@media (max-height: 480px) and (orientation: landscape) {
    .overwrap-content-open-map {
        margin-bottom: 180px !important;
    }
    .overwrap-content-open {
        height: 180px !important;
    }
    .overwrap-content2 {
        bottom: 175px;
    }
    .overwrap-content4-half-open {
        margin-bottom: 180px !important;
    }
}

@media (max-height: 420px) and (orientation: landscape) {
    .overwrap-content-open-map {
        margin-bottom: 140px !important;
    }
    .overwrap-content-open {
        height: 140px !important;
    }
    .overwrap-content2 {
        bottom: 135px;
    }
    .overwrap-content4-half-open {
        margin-bottom: 140px !important;
    }
}
*/

@media (max-width: 1024px) {
    .page-sidebar-minified #emp-list-wrapper,
    .page-sidebar-minified #spot-list-wrapper,
    .page-sidebar-minified #place-list-wrapper {
        display: none !important;
    }
}

.overwrap-content-all {
    bottom: 0;
    height: 100% !important;
}
/* layout panel height control END */

/*----------------------------------------------------------------------------*/
/* map-control */
/*.gmnoprint .gmnoprint .gmnoprint {
    display: none;
}*/
.map-content {
    position: relative;
    padding: 0 10px;
}
.map-controls {
    position: absolute;
    padding: 2px;
    text-align: center;
    border-radius: 3px;
    z-index: 20;
}
.map-controls-reload {
    top: 0;
    right: 0;
    width: 50px;
    height: 60px;
}
.map-controls-emp {
    overflow: hidden;
    bottom: 24px;
    right: 3px;
    width: 30px;
    height: auto;
}
.map-controls-area {
    top: 27px;
    left: 3px;
    width: 30px;
    padding: 2px;
    text-align: center;
}
#map-canvas.with-2row .map-controls-area,
#map-canvas.with-2row .map-controls-area {
    top: 5px;
}
.map-controls td {
    padding: 3px;
    text-align: center;
}

.map-region-name {
    overflow: hidden;
    position: absolute;
    top: -2px;
    left: 50%;
    width: 100px;
    height: 20px;
    line-height: 16px;
    margin-left: -50px;
    padding-top: 2px;
    color: black;
    font-size: 12px;
    text-align: center;
    background-color: rgba(255,255,255,0.7);
    border: 1px solid #ddd;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.map-region-name[data-region-cnt="1"] {
    border: 1px solid #777;
}
.map-region-name[data-region-cnt="2"] {
    border: 1px solid red;
}
.map-region-name[data-region-cnt="3"] {
    border: 1px solid blue;
}
.map-region-name[data-region-cnt="4"] {
    border: 1px solid orange;
}
.map-region-name[data-region-cnt="5"] {
    border: 1px solid purple;
}


.map-control-icon {
    display: inline-block;
    background-size: cover;
    width:  18px;
    height: 18px;
}
.opt-ctrl-icon.ctrl-type-0 {
    background-color: #C8C8C8;
}
.opt-ctrl-icon.ctrl-type-0:hover {
    background-color: #A3A3A3
}
.opt-ctrl-icon.ctrl-type-1 {
    background-color: #F59C1A;
}
.opt-ctrl-icon.ctrl-type-1:hover {
    background-color: #C47D15;
}
.opt-ctrl-icon.ctrl-type-2 {
    background-color: #5392CB;
}
.opt-ctrl-icon.ctrl-type-2:hover {
    background-color: #66ABE9;
}

.marker-info-profile {
    background-color: #EEEEEE;
}

.infowindow-div {
    min-width: 200px;
    color: #111111;
    font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif !important;
}
.infowindow-content {
    overflow: hidden;
    background-color: #EEEEEE;
    min-width: 200px;
    max-width: 300px;
    padding: 2px;
    margin-bottom: 3px;
    font-size: 11px;
    color: #111111;
}
.infowindow-content.selectable-infowin {
    cursor: pointer;
}
.infowindow-content.selectable-infowin:hover {
    background-color: #cae3ff;
    border: 1px solid rgb(39, 88, 247) !important;
}

.infowindow-content .content-type-3 {
    width: calc(100% - 25px);
}
.infowindow-content-right {
    float: left;
    width: 200px;
}
.infowindow-content-right  .mobile-visible {
    display: none;
}

@media (max-width: 400px) {
    /* .infowindow-content {
        min-width: 150px;
        max-width: 200px;
    } */
    /* .infowindow-content .content-type-3 {
        width: 170px;
    } */
    /* .infowindow-content-right {
        width: 150px;
    } */
    .infowindow-content-right .mobile-hidden {
        display: none !important;
    }
    .infowindow-content-right .mobile-visible {
        display: block;
    }
}

/* for only spot */
.infowindow-content.in-future {
    background-color: #d7f6fd;
}
.infowindow-content.in-past {
    background-color: #fcdaef;
}

/* for only member */
.infowindow-content.status-0 {
    background-color: #CCCCCC;
}
.infowindow-content.status-1 {
    background-color: #EEEEEE;
}
.infowindow-content.status-2,
.infowindow-content.status-3,
.infowindow-content.status-4,
.infowindow-content.status-5,
.infowindow-content.status-6 {
    background-color: #CCEEEE;
}
/*
.infowindow-table {
    margin-top: 5px;
}
.infowindow-table td {
    padding: 2px;
}

.infowindow-table .info-profile {
    text-align: center;
    position: relative;
}
.infowindow-table .info-profile img {
    max-width: 100%;
    max-height: 60px;
    border-radius: 50%;
}

.infowindow-table .info-title {
    color: #333;
    text-align: center;
    font-weight: bold;
    background-color: #eed;
}
.infowindow-table .info-body {
    color: #333;
    padding-left: 5px;
    background-color: #eee;
}
.infowindow-table .info-btn {
    text-align: right;
}
*/

.emp-list-info {
    background-color: #eee;
}
/*----------------------------------------------------------------------------*/
.info-item {
    color: #222;
    list-style: none;
    padding-left: 5px;
}
.info-item > li {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    margin-left: 5px;
    min-height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
}
.info-item > li .info-item-name, .info-item > li .info-item-value {
    display: block;
}
.info-item > li .info-item-name {
    position: absolute;
    top: 4px;
    bottom: 3px;
    left: 5px;
    right: 3px;
    line-height: 23px;
    border-radius: 5px;
    width: 90px;
    min-width: 90px;
    text-align: center;
    font-weight: bold;
    background-color: #ddd;
}
.info-item > li .info-item-value {
    margin-left: 100px;
    top: 0;
    left: 100px;
    right: 0;
}
.info-item > li .info-item-name2, .info-item > li .info-item-value2 {
    display: inline-block;
    vertical-align: middle;
}
.info-item > li .info-item-name2 {
    line-height: 23px;
    border-radius: 5px;
    min-width: 90px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    background-color: #ddd;
}
.info-item > li .info-item-value2 {
    min-width: 90px;
    width: 100%;
    padding: 0;
    line-height: 22px;
}
.info-item > li .inputtext {
    width: 95%;
    line-height: 18px;
    padding: 2px 5px;
    border: 1px solid #ddd;
}
.info-item > li .inputtext:focus {
    border-bottom: 2px solid orange;
    background-color: #eee;
}

.info-item2 {
    color: #222;
    list-style: none;
    padding-left: 10px;
}
.info-item2 > li {
    display: inline-block;
    width: 13%;
    min-width: 90px;
    margin-right: 4px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
}
.info-item2 > li .info-item-name, .info-item2 > li .info-item-value {
    display: block;
    text-align: center;
    padding: 3px 0;
}
.info-item2 > li .info-item-name {
    background-color: #eed;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.grid-list {
    list-style: none;
    display: block;
}
.grid-list > li, .grid-list > li > ul > li, .grid-list > li > ul > li > ul > li {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;

    min-height: 22px;
}
.grid-item {
    color: #000;
}
.grid-item input, .grid-item select {
    border: 1px solid #bbbbbb;
    padding: 1px;
}
.grid-item input:focus, .grid-item select:focus {
    border: 1px solid orange;
    background-color: #eedddd;
}
input.voice-search-input:focus,
input.search-focus:focus {
    background-color: #eedddd;
}

.grid-item .value-changed {
    color: red;
    font-weight: bold;
    background-color: #C3FFFE;
}


.grid-item .grid-item-title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    text-align: center;
    border-radius: 3px;
}
.grid-item .grid-item-title span {
    display: block;
}
.grid-item .grid-item-content {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    overflow: hidden;
}
.grid-item-content-schedule-dummy {
    width: 90px;
    height: 72px;
}
.grid-item-content-schedule {
    width: 90px;
    height: 72px;
    border: 1px solid #ccc;
}

/*.grid-item input:read-only,
.grid-item select:read-only,
.grid-item textarea:read-only,*/
.grid-item input:disabled,
.grid-item select:disabled,
.grid-item textarea:disabled,
.input-disabled,
.input-readonly {
    background: #E5E5E5;
}
.emp-select.input-disabled,
.drv-select.input-disabled,
.btn.btn-white.input-disabled {
    background: #E5E5E5 !important;
}

.select2-container {
    line-height: 16px;
}
.select2-container--default .select2-selection--multiple {
    height: 22px !important;
    border-radius: 0px !important;
}
.select2-container .select2-selection--multiple {
    min-height: 22px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0 !important;
}
.select2-search__field {
    margin-top: 0 !important;
    height: 20px !important;
}
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.term-date-range {
    width: 82px;
    height: 24px;
    line-height: 22px;
    padding: 0;
    border: 1px solid grey;
    background-color: #ddd;
}
.term-date-range:hover {
    cursor: pointer;
}
.term-date-range input {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100px;
    line-height: 22px;
    padding: 0 3px 0 0;
    text-align: right;
    border: none !important;
    background-color: #ddd;
}

.admin-req-all-list,
.admin-msg-all-list {
    list-style: none;
    padding-left: 0;
}

.admin-req-all-list li,
.admin-msg-all-list li {
    position: relative;
    margin-top: 3px;
    border-bottom: 1px solid #bbb;
}
.admin-req-all-list li a,
.admin-msg-all-list li a {
    text-decoration: none;
    color: #222;
}

.admin-req-all-list li:hover {
    background-color: #C5DDD3;
}
.admin-msg-all-list li:hover {
    background-color: #D9DFE2;
}
.admin-req-all-list li .msg-content:hover,
.admin-msg-all-list li .msg-content:hover {
    cursor: pointer;
}
.admin-msg-all-list .msg-unread {
    background-color: #EEDDDD;
}

.admin-req-all-list .msg-icon,
.admin-msg-all-list .msg-icon {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: white;
    font-size: 14px;
    text-align: center;
}

.admin-req-all-list .msg-body,
.admin-msg-all-list .msg-body {
    font-size: 11px;
}

.admin-notice-list input,
.admin-notice-list select,
.admin-notice-list textarea {
    border: 1px solid grey;
}
/*----------------------------------------------------------------------------*/
.tracking-seekbar .tracking-seekbar-ctrl i:hover {
    color: #4BB7D5;
    cursor: pointer;
}
.timetable-spot:hover {
    cursor: pointer;
}
/*----------------------------------------------------------------------------*/

.sidebar .nav li div span.sidebar-toggle-btn-info {
    display: inline-block !important;
}
.sidebar-setting-btn,
.sidebar-reload-map-btn {
    position: relative;
    padding: 5px 10px !important;
}
.sidebar-setting-btn-icon {
    position: relative;
}
.sidebar-setting-btn-icon[data-cnt="!"]::after {
    position: absolute;
    top: -2px;
    right: -7px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    color: white;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    content: '!';
    animation: blink var(--blink-time) 5;
}

.page-sidebar-minified .sidebar .nav li a.sidebar-reload-map-btn,
.page-sidebar-minified .sidebar .nav li div span.sidebar-toggle-btn-info {
    display: none !important;
}

@media (max-width: 767px) {
    .page-with-right-sidebar.with-right-icon .sidebar,
    .page-with-right-sidebar.with-right-icon .sidebar-bg {
        right: 0;
    }
    .with-right-icon .sidebar {
        display: block;
    }
    .page-sidebar-minified.page-with-right-sidebar.with-right-icon .sidebar,
    .page-sidebar-minified.page-with-right-sidebar.with-right-icon .sidebar-bg {
        right: -220px;
    }
}

#emp-list, #spot-list, #place-list, #option-list {
    padding-left: 0;
}
#option-list > li > a {
    color: #fff !important;
}
.sidebar .sub-menu:before {
    left: 11px;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu:before {
    right: 11px;
}
.page-sidebar-minified .sidebar #emp-list,
.page-sidebar-minified .sidebar #spot-list,
.page-sidebar-minified .sidebar #place-list,
.page-sidebar-minified .sidebar #option-list {
    padding-left: 0 !important;
    padding: 10px 15px 10px 0 !important;
}

.sidebar #emp-list li {
    border-bottom: 1px solid black;
}

.sidebar-img-wrapper {
    position: relative; 
    width: 24px; 
    height: 24px;
}
.sidebar-img-wrapper .work-type-wrapper {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 11px;
    height: 11px;
}
.sidebar-img-wrapper .work-type-wrapper img {
    vertical-align: top;
    border-radius: 50%;
    border: 1px solid #fff;
}
/* div */
.sidebar-img-wrapper .sidebar-img {
    width: 24px; 
    height: 24px; 
    border-radius: 50%; 
    border: 1px solid white;
}

/* ref: .emp-data-row[data-region="1"] .emp-data-row-img */
.sidebar-list-item[data-region="1"] .sidebar-img {
    border: 1px solid white;
}
.sidebar-list-item[data-region="2"] .sidebar-img {
    border: 1px solid red;
}
.sidebar-list-item[data-region="3"] .sidebar-img {
    border: 1px solid blue;
}
.sidebar-list-item[data-region="4"] .sidebar-img {
    border: 1px solid orange;
}
.sidebar-list-item[data-region="5"] .sidebar-img {
    border: 1px solid purple;
}

.sidebar #spot-list li,
.sidebar #place-list li {
    border-bottom: 1px solid #666666;
}

a {
    color: #48A2EF;
    text-decoration: none;
}
a:focus, a:hover {
    color: #A1CDF2;
}
.btn {
    border-radius: 7px;
}
.bg-menu-color2 {
    background-color: DarkSlateGray !important;
}
#ui-datepicker-div {
    z-index: 999999 !important;
}
.ui-autocomplete {
    max-height: 120px;
    overflow-y: scroll;
    z-index: 110000;
}
.ui-tooltip[role="tooltip"] {
    z-index: 110000;
}

.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-inverse:active,
.btn-warning:active,
.btn-danger:active,
.btn-info:active {
    color: #f00 !important;
}



/* range slider */
.irs-single { color: white; }

/* popup */
.well {
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    display: none;
    margin: 5px;
}
.initialism {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 12px;
}
/*
.irs-min {
    left: -20px;
}
.irs-max {
    right: -20px;
}
*/

/* goods list edit */
.mod-item:read-only,
.mod-item:disabled {
    color: grey !important;
}
input.mod-item:read-only,
input.mod-item:disabled {
    background-color: white !important;
}

.traffic_area_names { max-width: 134px; }
@media (min-width: 980px) {
    .traffic_area_names { max-width: calc(100vw - 840px); }
}
/* goods list edit */

/* login popup window CSS when logout */
#login-popup_background {
    opacity: 1 !important;
    background-color: #D9E0E7 !important;
}
#login-popup_wrapper {
    z-index: 300000 !important;
}
#admin-list-popup_wrapper {
    z-index: 300001 !important;
}
/* login popup window CSS when logout */

.left-menu-list.btn-white:focus,
.left-menu-list.btn-white {
    background: #a7a7a7;
}
.left-menu-list.btn-white:hover {
    background: #d7d7d7;
}
.left-menu-list.btn-white.active {
    background: #f0f0f0;
}
.left-menu-list.btn-inverse:focus,
.left-menu-list.btn-inverse {
    background: #46515B;
    border-color: #72777b;
}
.left-menu-list.btn-inverse:hover {
    background: #979797;
}
.left-menu-list.btn-inverse.active {
    background: #f0f0f0;
}
.left-menu-list.btn-warning:focus,
.left-menu-list.btn-warning {
    background: #AD6C0C;
}
.left-menu-list.btn-warning:hover {
    background: #F59C1A;
}
.left-menu-list.btn-warning.active {
    background: #FEB64E;
}
.left-menu-list.btn-info:focus,
.left-menu-list.btn-info {
    background: #1C88A7;
}
.left-menu-list.btn-info:hover {
    background: #49B6D6;
}
.left-menu-list.btn-info.active {
    background: #5DD4F7;
}
.left-menu-list.btn-success:focus,
.left-menu-list.btn-success {
    background: #007171;
}
.left-menu-list.btn-success:hover {
    background: #00ACAC;
}
.left-menu-list.btn-success.active {
    background: #02D2D2;
}
.left-menu-list.btn {
    color: #000 !important;
    border-radius: 5px;
    /*border: none !important;*/
}
.left-menu-list.btn.btn-inverse {
    color: #EEE !important;
}
.left-menu-list.active {
    font-weight: bold;
    /*border-bottom: 3px solid aqua !important;*/
}
.left-menu-list.btn-inverse.active {
    color: #000 !important;
}
.left-menu-list.btn-default:focus,
.left-menu-list.btn-default {
    background: #888;
    color: #555 !important;
}


#menu-spot-taxi-hist[data-canceled="1"]:after,
#menu-spot-list[data-not-completed="1"]:after {
    position: absolute;
    top: -1px;
    left: -6px;
    width: 14px;
    height: 14px;
    line-height: 12px;
    color: white;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    content: '!';
}

/*#menu-emp-add[data-not-completed="1"]:after {
    position: absolute;
    top: -1px;
    right: -4px;
    width: 14px;
    height: 14px;
    line-height: 12px;
    color: white;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    content: '!';
}*/
.emp-add-btn[data-not-completed="1"]:after {
    position: absolute;
    top: -1px;
    right: -4px;
    width: 14px;
    height: 14px;
    line-height: 12px;
    color: white;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    content: '!';
}

#menu-sales-date[data-not-completed="1"]:after{
    position: absolute;
    top: -1px;
    right: -4px;
    width: 14px;
    height: 14px;
    line-height: 12px;
    color: white;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    content: attr(data-cnt);
}
#menu-sales-date[data-not-completed="1"][data-cnt="0"]:after {
    display: none;
}

/* plugins re-define */
#customAlert-overlay,
#customConfirm-overlay {
    z-index: 100100;
    width: 100%; /* 100vw */
    height: 100%; /* 100vh */
}

#customAlert .body,
#customConfirm .body,
#customAlert button,
#customConfirm button {
    font-size: 12px;
}

#customAlert .footer,
#customConfirm .footer {
    margin: 0 10px !important;
}

#customAlert button {
    background-color: #2d353c;
    color: #fff;
}

#customAlert button:hover {
    background-color: #444a40;
    color: #fff;
}
#customAlert button,
#customConfirm button {
    width: 120px;
}
#customAlert,
#customConfirm {
    font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif !important;
    z-index: 100101;
    top: auto;
    bottom: 25%;
    left: 50%;
    width: 520px;
    margin-left: -260px;
    font-size: 12px;
}

@media (max-width: 767px) {
    #customAlert,
    #customConfirm {
        top: auto;
        bottom: 15%;
        width: 400px;
        margin-left: -200px;
    }
}
@media (max-width: 500px) {
    #customAlert,
    #customConfirm {
        width: 300px;
        margin-left: -150px;
    }
}

#gritter-notice-wrapper {
    top: 35px;
    z-index: 200000;
}
.gritter-item {
    font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif !important;
    font-size: 12px !important;
    line-height: 150%;
}
.gritter-title {
    font-size: 14px !important;
    font-weight: 700;
    padding-bottom: 0 !important;
}
/* plugins re-define */

/*.gm-style-iw + div {
    display: none;
}*/
.place-info-div {
    font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif !important;
}
.place-info-div input,
.place-info-div select,
.place-info-div textarea {
    border: 1px solid #777;
    border-radius: 2px;
}
.place-info-div input:focus {
    border: 1px solid orange;
    background-color: #eed;
}

.centerMarker {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    background: #999;
}
.centerMarker-top {
    margin-left: -1px;
    margin-top: -40px;
    height: 20px;
    width: 2px;
}
.centerMarker-bottom {
    margin-left: -1px;
    margin-top: 20px;
    height: 20px;
    width: 2px;
}
.centerMarker-left {
    margin-left: -40px;
    margin-top: -1px;
    height: 2px;
    width: 20px;
}
.centerMarker-right {
    margin-left: 20px;
    margin-top: -1px;
    height: 2px;
    width: 20px;
}
.centerMarker-center {
    margin-left: -1px;
    margin-top: -1px;
    height: 2px;
    width: 2px;
    background-color: red;
}

/*.centerMarker {
    position: absolute;
    background: url('/static/img/guide.png') no-repeat;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-left: -36px;
    margin-top: -36px;
    height: 72px;
    width: 72px;
    cursor: pointer;
}*/

.map-label-style {
    overflow: hidden;
    position: absolute;
    margin: 0 0 0 -90px;
    width: 180px;
    height: auto;
    line-height: 11px;
    color: black;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 0 4px #eee, 0 0 4px #eee, 0 0 4px #eee;
    text-align: center;
    vertical-align: middle;
    z-index: 10;
    white-space: normal;
}
/* spot, move spot */
/*.map-label-style-0,*/
.map-label-style-0 {
    height: 32px;
    margin: -60px 0 0 -100px;
    /*text-shadow: 0 0 4px #FDA9A9, 0 0 4px #FDA9A9, 0 0 4px #FDA9A9;*/
}
.map-label-style-0.map-icon-size-2  {
    /*height: 28px;
    line-height: 14px;
    margin: -54px 0 0 -100px;*/
    display: none;
}

.map-label-style-4 {
    margin: -50px 0 0 -100px;
    /*text-shadow: 0 0 4px #FDA9A9, 0 0 4px #FDA9A9, 0 0 4px #FDA9A9;*/
}
.map-label-style-4.map-icon-size-2 {
    margin: -42px 0 0 -100px;
}

/* cast */
.map-label-style-1 {
    height: 36px;
    color: navy;
    margin: -36px 0 0 18px;
    text-align: left;
    /*text-shadow: 0 0 4px #9DD79B, 0 0 4px #9DD79B, 0 0 4px #9DD79B;*/
}
.map-label-style-1.map-icon-size-2 {
    margin: -28px 0 0 14px;
}

/* driver */
.map-label-style-2 {
    height: 36px;
    color: blue;
    margin: -36px 0 0 20px;
    text-align: left;
    /*text-shadow: 0 0 4px #A1CEFB, 0 0 4px #A1CEFB, 0 0 4px #A1CEFB;*/
}
.map-label-style-2.map-icon-size-2 {
    margin: -28px 0 0 15px;
}

/* place */
.map-label-style-3 {
    color: #222222;
    font-size: 11px;
    /*text-shadow: 0 0 4px #ccc, 0 0 4px #ccc, 0 0 4px #ccc;*/
    /*margin-top: 20px;*/
    /* 場所は位置を中心に表示するため、ラベルはアイコンの下に表示*/
}
.map-label-style-3.map-icon-size-3,
.map-label-style-3.map-icon-size-4 {
    display: none;
}

.map-label-style-0.map-icon-size-2,
.map-label-style-1.map-icon-size-2,
.map-label-style-2.map-icon-size-2,
.map-label-style-3.map-icon-size-2,
.map-label-style-4.map-icon-size-2 {
    font-size: 10px;
}

.map-label-style-1.map-icon-size-9,
.map-label-style-2.map-icon-size-9 {
    font-size: 16px;
}
.map-label-style-1.map-icon-size-9 {
    color: red;
}

.map-label-style .img-wrapper {
    overflow: hidden;
    float: left;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
}
.map-label-style .img-wrapper img {
    max-width: 24px;
    max-height: 24px;
}
.map-label-style-cluster {
    color: black;
    margin-top: 15px;
}
.map-label-style-cluster.map-icon-size-2 {
    font-size: 10px;
}
.route-label-style {
    background: green;
    width: 100px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.gm-style div.cluster {
    z-index: 50;
}

/* ANIMATIONS */

.table-hover > tbody > tr.sales-data-row.selected:hover,
.table-hover > tbody > tr.dept-data-row.selected:hover,
.table-hover > tbody > tr.admin-data-row.selected:hover,
.table-hover > tbody > tr.spot-data-row.selected:hover,
.table-hover > tbody > tr.place-data-row.selected:hover,
.table-hover > tbody > tr.guest-data-row.selected:hover,
.table-hover > tbody > tr.emp-data-row.selected:hover,
.sales-data-row.selected,
.dept-data-row.selected,
.admin-data-row.selected,
.spot-data-row.selected,
.place-data-row.selected,
.guest-data-row.selected,
.emp-data-row.selected {
    background: #FFFFE0 !important;
}
.spot-data-row {
    color: #2D353C;
}
.spot-data-row.spot-data-reserved-cancel,
.spot-data-row.spot-data-canceled {
    background-color: #F7E0CF !important;
}
.spot-data-row.spot-data-shared {
    background-color: #C5D5E0 !important;
}
.spot-data-row.spot-data-shared.selected {
    background-color: #FFFFE0 !important;
}
.spot-data-row.spot-data-free-cast {
    background-color: #E3A1F5  !important;
}
.spot-data-row.spot-data-free-cast.selected {
    background-color: #DD7DF5 !important;
}
.table-hover > tbody > tr.spot-data-row.spot-data-canceled.selected:hover,
.spot-data-row.spot-data-canceled.selected {
    color: #111111;
    background: #FCBFC0 !important;
}

.spot-data-row .free-cast-name {
    color: red;
    font-weight: 700;
}
.spot-data-row.spot-data-free-cast .free-cast-name {
    animation: blink_r2b 1.5s ease-in-out 5;
}

/* <img src="/static/img/icon_new_guest.png" style="max-height:16px; vertical-align:top;" /> */

.spot-list-new-guest,
.spot-list-repeat-guest {
    padding-left: 16px;
}
.spot-list-new-guest {
    background-image: url('/static/img/icon_new_guest.png');
    background-repeat: no-repeat;
    background-position: 0 1px;/* left top*/
    background-size: 16px 16px;
}
.spot-list-repeat-guest {
    background-image: url('/static/img/icon_repeat_guest.png');
    background-repeat: no-repeat;
    background-position: 0 1px;/* left top*/
    background-size: 16px 16px;
}
.guest-ng-danger {
    background-color: #ff7c79;
}
.guest-ng-warning {
    background-color: #ffe082;
}

.rr-appver {
    display: none;
}
td.status-with-appver {
    position: relative;
    /* padding-right: 70px !important; */
}
td.status-with-appver.td-status-wide {
    padding-right: 0 !important;
}
td.status-with-appver .rr-appver {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    padding: 2px;
}
td.status-with-appver.td-status-wide .rr-appver {
    width: 150px;
}

.abs-l50-r0 { position: absolute; top: 0; left: 50px; right: 0; bottom: 0; }
.abs-l60-r0 { position: absolute; top: 0; left: 60px; right: 0; bottom: 0; }
.abs-l70-r0 { position: absolute; top: 0; left: 70px; right: 0; bottom: 0; }
.abs-l80-r0 { position: absolute; top: 0; left: 80px; right: 0; bottom: 0; }
.abs-l90-r0 { position: absolute; top: 0; left: 90px; right: 0; bottom: 0; }


/**/
@media (max-width: 359px) {
    /**/
    .process-wrapper .process-service {
        display: table-cell !important;
    }
    .process-wrapper .slps-list {
        display: none !important;
    }

    .process-wrapper.gui-on .process-service {
        display: none !important;
    }
    .process-wrapper.gui-on .slps-list {
        display: table-cell !important;
    }
}

.spot-data-row .td-pay-info .td-pay-type,
.spot-data-row .search-emp-name .cast-chk,
.spot-data-row .search-drv-name .go-drv-chk,
.spot-data-row .search-drv-name .bk-drv-chk {
    opacity: 0;
}
.spot-data-row .td-pay-info[data-type="1"] .td-pay-type,
.spot-data-row .search-emp-name[data-chk="1"] .cast-chk,
.spot-data-row .search-drv-name[data-go-chk="1"] .go-drv-chk,
.spot-data-row .search-drv-name[data-bk-chk="1"] .bk-drv-chk {
    opacity: 1;
}
.spot-data-row .search-drv-name .go-drv-name,
.spot-data-row .search-drv-name .bk-drv-name {
    overflow: hidden;
    display: inline-block;
    width: 40px;
    height: 18px;
    vertical-align: top;
}
.spot-data-row .td-comment-btn .cast-comment-on,
.spot-data-row .td-comment-btn .cast-comment-off, 
.spot-data-row .td-comment-btn .drv-comment-on,
.spot-data-row .td-comment-btn .drv-comment-off {
    display: none;
}
.spot-data-row .td-comment-btn[data-cast="0"] .cast-comment-off,
.spot-data-row .td-comment-btn[data-cast="1"] .cast-comment-on,
.spot-data-row .td-comment-btn[data-drv="0"] .drv-comment-off,
.spot-data-row .td-comment-btn[data-drv="1"] .drv-comment-on {
    display: inline-block;
}
.spot-data-row .td-comment-btn.no-drv .cast-comment {
    padding-top: 8px;
}
.spot-data-row .td-comment-btn.no-drv .drv-comment {
    display: none;
}

.td-addr-p {
    display: none;
    float: left;
    overflow: hidden;
    width: 18px; 
    height: 18px;
    padding-top: 2px;
}
.td-addr-p.visible {
    display: block;
}
.td-addr-p img {
    max-width: 14px;
    vertical-align: top;
}

.td-addr-room {
    text-decoration: underline;
}
.td-addr-room.no-link {
    text-decoration: none;
    color: #2D353C;
    cursor: default;
}

.td-proc-push {
    height: 18px;
    width: 19px;
    text-align: left;
}
.td-proc-text {
    position: relative;
    display: block;
    height: 18px;
    min-width: 60px;
    max-width: 140px;
    line-height: 16px;
    padding-left: 6px;
    padding-right: 6px;
    color: white;
    font-size: 0.9em;
    text-align: center;
    border: 1px solid #666;
    border-radius: 8px;
    background-color: #222;
}
.td-proc-text[data-stat="21"],
.td-proc-text[data-stat="71"] {
    background-color: #7f0808;
}
.td-proc-text,
.td-proc-text:hover,
.td-proc-text:focus,
.td-proc-text:active {
    color: white;
    text-decoration: none;
}
.td-proc-text[data-stat=""] {
    display: none !important;
}
/* .td-proc-text.need-car:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 18px;
    padding-left: 6px;
    color: #ff5b57;
    text-align: center;
    border-radius: 8px;
    background-color: #222;
    content: '配車必要';
    animation: blink var(--blink-time) 5;
} */
.td-proc-text .need-car-start,
.td-proc-text .need-car-end,
.td-proc-text .need-car {
    color: yellow;
    font-weight: 700;
}

.slps {
    z-index: 2;
    float: left;
    min-width: 12px;
    height: 18px;
    line-height: 16px;
    margin-left: 3px;
    color: white;
    font-size: 0.9em;
    text-align: center;
    border: 1px solid silver;
    border-radius: 9px;
    background-color: #ccc;
}
.slps:hover {
    cursor: help;
}
.process-center-line {
    display: none;
    position: absolute;
    top: 12px;
    left: 6px;
    width: 276px;
    height: 8px;
    border: 1px solid black;
    border-radius: 2px;
}
.slps-1,
.slps-2,
.slps-3 {
    background-color: #666;
}
.slps-4,
.slps-5 {
    background-color: #555;
}
.slps-6,
.slps-7 {
    background-color: #444;
}
.slps-8,
.slps-9,
.slps-10 {
    background-color: #333;
}
.slps-11 {
    background-color: #222;
}

.slps-end {
    border: 1px solid #444;
    background-color: #999;
    width: 18px;
}
.slps-run {
    border: 1px solid #666;
    background-color: #222;
}
.slps-wait {
    border: 1px solid #666;
    background-color: #999;
    width: 18px;
}
.slps-min {
    height: 12px;
    line-height: 12px;
    margin-top: 3px;
}


.blink {
    animation: blink var(--blink-time) infinite;
}
.blink-5 {
    animation: blink var(--blink-time) 5;
}
.blink-bg-white {
    animation: blink_bg_white var(--blink-time-1-5) 5;
}
/* use 10 over */
.blink-bg-yellow {
    animation: blink_bg_yellow var(--blink-time-1-5) 5;
}
/* use in chain */
.blink-bg-yellow-lightest {
    animation: blink_bg_yellow_lightest var(--blink-time-1-5) 5;
}
/* use not */
.blink-bg-green {
    animation: blink_bg_green var(--blink-time-1-5) 5;
}

.blink-bg-red {
    /* animation: blink_bg_red var(--blink-time-1-5) 5; */
    background: #ff5b57;
    animation: blink_bg_trans var(--blink-time-1-5) 5;
}
/* use not */
.blink-b2r {
    animation: blink_b2r var(--blink-time-1-5) 5;
}
.blink-w2r {
    color: white;
    animation: blink_w2r var(--blink-time-1-5) 5;
}
/* use 50 over */
.blink-b2b {
    color: #2d353c;
    animation: blink_b2b var(--blink-time-1-5) 5;
}
/* use 50 over */
.blink_trans {
    animation: blink_trans var(--blink-time-1-5) linear 5 alternate;
}

.blink-2s {
    animation: blink_2s 2s 5;
}
.blink-3s {
    visibility: hidden;
    animation: blink_3s var(--blink-time-1-5) 1;
}

.visible-xs-lbs {
    display: none !important;
}
@media (min-width:768px) {
    .visible-xs-block {
        display: none !important;
    }
}
@media (max-width:767px) {
    .visible-xs-lbs {
        display: block !important
    }
    .visible-xs {
        display: none !important;
    }
    table.visible-xs {
        display: none !important;
    }
    tr.visible-xs {
        display: none !important;
    }
    td.visible-xs,th.visible-xs {
        display: none !important;
    }
}
@media (max-width:359px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table !important
    }
    tr.visible-xs {
        display: table-row !important
    }
    td.visible-xs,th.visible-xs {
        display: table-cell !important
    }
}
@media (max-width:767px) {
    .hidden-xs-block {
        display: none !important;
    }
    .hidden-xs {
        display: block !important
    }
    table.hidden-xs {
        display: table !important
    }
    tr.hidden-xs {
        display: table-row !important
    }
    td.hidden-xs,th.hidden-xs {
        display: table-cell !important
    }
}
@media (max-width:359px) {
    .hidden-xs-block {
        display: none !important;
    }
    .hidden-xs {
        display: none !important;
    }
    table.hidden-xs {
        display: none !important
    }
    tr.hidden-xs {
        display: none !important
    }
    td.hidden-xs,th.hidden-xs {
        display: none !important
    }
}

.drv-select {
    overflow: hidden;
}
.go-drv-select {
    border-top-right-radius: 15px;
}
.bk-drv-select {
    border-top-left-radius: 15px;
}
.bk-drv-select.bk-drv-next {
    border-top-left-radius: 0;
    border-top-right-radius: 15px;
}
.drv-select.selecting {
    animation: selecting_blink var(--blink-time) 5;
}

.schedule-ymd-ctrl a:hover,
.schedule-ymd-ctrl a:active,
.schedule-ymd-ctrl a:focus {
    text-decoration: none;
}

.emp-schedule.timetable {
    overflow: hidden;
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0;
    height: 16px;
}

.emp-schedule .es-tth {
    display: block; 
    height: 14px;
    line-height: 14px;
    color: #111111;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}
.emp-schedule .es-tth {
    position: relative;
    float: left;
}
.emp-schedule .es-tth::after {
    position: absolute;
    bottom: -3px;
    right: -5px;
    width: 10px;
    text-align: center;
    content: '.';
}

.emp-schedule-content-main {
    -webkit-overflow-scrolling: touch;
}
.emp-schedule-content-main.nohaken-filter .emp-schedule-row.schedule-haken,
.emp-schedule-content-main.workoff-filter .emp-schedule-row.schedule-workoff {
    display: none;
}

.schedule-table-wrapper {
    overflow: hidden;
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    background-color: rgba(0,0,0,0.4);
}

.es-title-zoom {
    overflow: hidden;
    float: left;
    position: relative;
    height: 22px;
    line-height: 22px;
    margin-left: 15px;
}
.es-title-zoom::after {
    position: absolute;
    bottom: 0; 
    left: 0; 
    right: 0; 
    height: 12px; 
    line-height: 14px; 
    color:red;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    content: attr(data-zoom);
}

.es-reload-btn:active,
.es-reload-btn:focus,
.es-reload-btn:hover,
.es-reload-btn {
    color: #111111 !important;
}
.es-reload-btn i {
    font-size: 18px;
}

.es-reload-btn[data-type="1"] {
    color: red !important;
}
.es-reload-btn[data-type="1"] i {
    font-size: 22px;
}

.es-emp-name-mb {
    overflow: hidden;
    max-width: 100px;
    padding-right: 3px;
    color: #222;
    background: rgba(255,255,255,0.3);
    border-radius: 5px;
}
/*
#emp-spot-filter-member-only[data-filter="1"] .filter-icon {
    color: red !important;
}
#emp-spot-filter-member-only[data-filter="0"] .filter-icon {
    color: #999 !important;
}
*/
/*
#emp-spot-filter-member-only .filter-icon {
    color: red !important;
}
#emp-spot-filter-member-only:active .filter-icon,
#emp-spot-filter-member-only:focus  .filter-icon {
    color: #999 !important;
}
*/
.emp-spot-filter-member-only-wrapper .type-0-icon,
.emp-spot-filter-member-only-wrapper .type-1-icon {
    color: red;
}
.emp-spot-filter-member-only-wrapper.type-0 .type-1-icon,
.emp-spot-filter-member-only-wrapper.type-1 .type-0-icon {
    color: #999;
}


.emp-schedule-profile-wrapper,
.emp-schedule-profile-wrapper > div {
    min-width: 125px;
}

.emp-schedule-profile-overwrap {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 15px;
    padding: 2px;
    text-align: center;
    border-radius: 7px;
    background-color: rgba(0,0,0,0.6);

}
.emp-schedule-profile-wrapper:hover .emp-schedule-profile-overwrap {
    display: block;
}
.emp-schedule-profile-overwrap.bg-work-end {
    background-color: rgba(255, 55, 55, 0.7);
}

.emp-schedule-for-width {
    left: 125px;
    right: 80px;
}
.emp-schedule-for-width.expanded {
    right: 0;
}
.emp-schedule-for-width:hover {
    cursor: e-resize;
}
.emp-schedule-for-width > div:hover {
    cursor: no-drop;
}

#emp-schedule-for-width-scroll-main.ios {
    /* padding-top: 2px;
    padding-bottom: 2px;
    border-top: none;
    border-bottom: none; */
}
#emp-schedule-for-width-scroll-main.ios.select-mode {
    /* padding-top: 0;
    padding-bottom: 0;
    border-top: 2px solid blue;
    border-bottom: 2px solid blue; */
}
#emp-schedule-for-width-scroll-main.ios.select-mode .emp-schedule-for-width {
    display: none;
}

@media (max-width:767px) {
    .emp-schedule-profile-wrapper,
    .emp-schedule-profile-wrapper > div {
        min-width: 35px;
    }
    .emp-schedule-for-width {
        left: 35px;
    }
}

.overwrap-content4-short-open .emp-schedule-for-width {
    right: 0;
}

/* cast */
.emp-schedule-type-off-0 {
    background-color: #B1C0C0;
}
.emp-schedule-type-0 {
    background-color: #9CD2D2;
}
.schedule-workoff .emp-schedule-type-off-0 {
    background-color: #959999;
}
.schedule-workoff .emp-schedule-type-0 {
    background-color: #879F9F;
}

/* driver */
.emp-schedule-type-off-1 {
    background-color: #D1CBC3;
}
.emp-schedule-type-1 {
    background-color: #FFDBA6;
}
.emp-schedule-type-1.taxi-drv {
    background-color: #fae4c2;
}
.emp-schedule-type-1.taxi-call {
    background-color: #fefefe;
}
.schedule-workoff .emp-schedule-type-off-1 {
    background-color: #A4A19C;
}
.schedule-workoff .emp-schedule-type-1 {
    background-color: #AA987C;
}

.schedule-worktmp .emp-schedule-type-0,
.schedule-worktmp .emp-schedule-type-1 {
    background-color: #777777;
}

.emp-schedule-type-bg-1 {
    background-image: url('/static/img/schedule_drv_bg.png') !important;
}
.emp-schedule-type-bg-1.admin-only {
    background-image: none !important;
}
.emp-schedule-type-bg-1.taxi-drv {
    background-image: url('/static/img/schedule_drv_bg_taxi.png?123') !important;
}
.emp-schedule-type-bg-1.taxi-call {
    background-image: url('/static/img/schedule_drv_bg_taxi.png?123') !important;
}


/* es-fw used*/
.emp-schedule-content .emp-schedule.timetable > div { height: 16px; }
.emp-schedule-content .footer-scroll { position: absolute; height: 16px; }
.emp-schedule-bg { position: absolute; height: 36px; line-height: 36px; }

.emp-schedule-content .es-fw { min-width: 1620px; }
.emp-schedule-content[data-width="60"]  .es-fw { width: 1620px; } /* 60  * 25 */
.emp-schedule-content[data-width="120"] .es-fw { width: 3240px; } /* 120 * 25 */
.emp-schedule-content[data-width="180"] .es-fw { width: 4860px; } /* 180 * 25 */
.emp-schedule-content[data-width="240"] .es-fw { width: 6480px; } /* 240 * 25 */
.emp-schedule-content[data-width="300"] .es-fw { width: 8100px; } /* 300 * 25 */

.emp-schedule-content .es-tth { min-width: 60px; }
.emp-schedule-content[data-width="60"]  .es-tth { width: 60px; }
.emp-schedule-content[data-width="120"] .es-tth { width: 120px; }
.emp-schedule-content[data-width="180"] .es-tth { width: 180px; }
.emp-schedule-content[data-width="240"] .es-tth { width: 240px; }
.emp-schedule-content[data-width="300"] .es-tth { width: 300px; }

.emp-schedule-content[data-width="60"]  .emp-schedule-lock-icon { width: 120px; }
.emp-schedule-content[data-width="120"] .emp-schedule-lock-icon { width: 240px; }
.emp-schedule-content[data-width="180"] .emp-schedule-lock-icon { width: 360px; }
.emp-schedule-content[data-width="240"] .emp-schedule-lock-icon { width: 480px; }
.emp-schedule-content[data-width="300"] .emp-schedule-lock-icon { width: 600px; }

.emp-schedule-content[data-width="60"]  .emp-schedule-lock-icon .lock-icon { width: 30px; }
.emp-schedule-content[data-width="120"] .emp-schedule-lock-icon .lock-icon { width: 60px; }
.emp-schedule-content[data-width="180"] .emp-schedule-lock-icon .lock-icon { width: 90px; }
.emp-schedule-content[data-width="240"] .emp-schedule-lock-icon .lock-icon { width: 120px; }
.emp-schedule-content[data-width="300"] .emp-schedule-lock-icon .lock-icon { width: 150px; }

.emp-schedule-content[data-width="60"]  .emp-schedule-lock-icon .lock-admin { left: 30px; }
.emp-schedule-content[data-width="120"] .emp-schedule-lock-icon .lock-admin { left: 60px; }
.emp-schedule-content[data-width="180"] .emp-schedule-lock-icon .lock-admin { left: 90px; }
.emp-schedule-content[data-width="240"] .emp-schedule-lock-icon .lock-admin { left: 120px; }
.emp-schedule-content[data-width="300"] .emp-schedule-lock-icon .lock-admin { left: 150px; }

/* 0:交渉中, 1:登録中, 2:キープ, 3:キープ＆登録中（非表示） */
.emp-schedule-lock-icon .lock-admin[data-type="0"] .lock-sys,
.emp-schedule-lock-icon .lock-admin[data-type="0"] .lock-mine,
.emp-schedule-lock-icon .lock-admin[data-type="1"] .lock-etc,
.emp-schedule-lock-icon .lock-admin[data-type="1"] .lock-mine,
.emp-schedule-lock-icon .lock-admin[data-type="2"] .lock-etc,
.emp-schedule-lock-icon .lock-admin[data-type="2"] .lock-sys, 
.emp-schedule-lock-icon .lock-admin[data-type="3"] .lock-etc,
.emp-schedule-lock-icon .lock-admin[data-type="3"] .lock-sys, 
.emp-schedule-lock-icon .lock-admin[data-type="3"] .lock-mine {
    display: none;
}

.emp-schedule-spot-reserved,
.emp-schedule-spot-canceled,
.emp-schedule-spot {
    display: block;
    position: absolute;
    top: 2px;
    height: 32px;
    line-height: 14px;
    color: white;
    font-size: 12px;
    text-align: center;
    border: 2px solid white;
    border-radius: 5px;
    background-color: navy;
    z-index: 30;
    cursor: pointer;
}
.emp-schedule-spot {
    min-width: 15px;
}
.emp-schedule-spot-canceled {
    z-index: 25;
    border-radius: 50%;
}
.emp-schedule-spot-reserved {
    padding-right: 0;
    background-color: #222222;
    border: 2px dotted white;
    border-radius: 20px;
}
.emp-schedule-spot-reserved::after {
    position: absolute;
    content: '';
    top: 2px;
    left: 2px;
    width: 24px;
    height: 24px;
    background-image: url('/static/img/icon_time_schedule.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.emp-schedule-spot-reserved .select-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 14px;
    text-align: center;
}
.emp-schedule-spot-reserved .select-msg {
    display: none;
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 2px;
    width: 60px;
    padding: 0;
    line-height: 12px;
    font-size: 11px;
    text-align: center;
}
/*.emp-schedule-spot-reserved:hover .select-info {
    right: 60px;
}*/
.emp-schedule-spot-reserved:hover .select-msg {
    display: block;
}

.emp-schedule-spot.spot-drv-changed {
    animation: blink_border_w2r var(--blink-time-1-5) 5;
}
.emp-schedule-spot.spot-drv-empty {
    animation: blink_border_w2r var(--blink-time-1-5) 5;
}
.emp-schedule-spot.spot-delay {
    animation: blink_border_w2r var(--blink-time-1-5) 5;
}
.emp-schedule-spot.work-shared {
    background: #BBBBBB !important; 
    z-index: 10;
}


.emp-schedule-spot .spot-status {
    position: absolute;
    top: 5px;
    left: -20px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 1px solid white;
    border-radius: 3px;
}
.emp-schedule-spot.ctype-0 {
    /*background-color: #86BCDE;*/
    background-color: rgba(134,188,222,0.6);
}
.emp-schedule-spot.ctype-1 {
    /*background-color: #FE7F7F;*/
    background-color: rgba(254,127,127,0.6);
}
.emp-schedule-spot.ctype-2 {
    /*background-color: #8EB4DE;*/
    background-color: rgba(142,180,222,0.6);
}
.emp-schedule-spot.ctype-3 {
    /*background-color: #E2BC7B;*/
    background-color: rgba(226,188,123,0.6);
}
.emp-schedule-spot.ctype-4 {
    /*background-color: #6199B1;*/
    background-color: rgba(97,153,177,0.6);
}
.emp-schedule-spot.ctype-5 {
    /*background-color: #C7A0F2;*/
    background-color: rgba(199,160,242,0.6);
}
.emp-schedule-spot.ctype-6 {
    /*background-color: #92CCB7;*/
    background-color: rgba(146,204,183,0.6);
}
.emp-schedule-spot.ctype-7 {
    /*background-color: #CCD27D;*/
    background-color: rgba(204,210,125,0.6);
}
.emp-schedule-spot.ctype-8 {
    /*background-color: #9FB2F6;*/
    background-color: rgba(159,178,246,0.6);
}
.emp-schedule-spot.ctype-9 {
    /*background-color: #F08FC6;*/
    background-color: rgba(240,143,198,0.6);
}

.emp-schedule-spot.move-only {
    top: 7px;
    height: 22px;
    line-height: 18px;
    border-radius: 2px;
    border-top-right-radius: 20px 10px;
    border-bottom-right-radius: 20px 10px;
}
/*移動指示の右側の縦線*/
.emp-schedule-spot.move-only:after {
    display: block;
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: 100%;
    width: 2px;
    margin-left: 0;
    background: white;
    content: '';
}
.emp-schedule-spot.move-taxi {
    line-height: 28px;
    width: 32px !important;
    border-radius: 50%;
}

/*.emp-schedule-spot.status-0,
.emp-schedule-spot.status-1,*/
.emp-schedule-spot.schedule-not-started {
    border: 2px dashed white;
}
.emp-schedule-spot.move-taxi.schedule-not-started {
    border: 2px solid #222;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.7);
}

.bg-delayed {
    background: url('/static/img/bg_delayed.png');
    background-repeat: repeat-x;
}

.preview-schedule.move-only:after {
    background: red;
}

.preview-schedule.move-only {
    margin-top: 5px;
}
.emp-schedule-spot.move-start {
    border-top-right-radius: 20px 15px;
}
.emp-schedule-spot.move-return .spot-time-area,
.emp-schedule-spot.move-return {
    border-top-left-radius: 20px 15px;
}
.emp-schedule-spot.move-return-next {
    border-top-left-radius: 5px;
    border-top-right-radius: 20px 15px;
}
.emp-schedule-spot.move-return-next .spot-time-area {
    border-top-left-radius: 5px;
}
.emp-schedule-profile-img:hover {
    cursor: pointer;
}
.emp-schedule-spot-canceled.preview-schedule,
.emp-schedule-spot.preview-schedule {
    border: 2px dashed red;
    background-color: rgba(0,0,0,0.7);
    z-index: 60;
}
.emp-schedule-spot.preview-schedule-movable {
    cursor: move;
}
.emp-schedule-spot.preview-schedule-movable.move-start-return {
    cursor: n-resize;
}
.emp-schedule-spot.preview-schedule.type-choice {
    background-color: rgba(230,250,100,0.3);
}
.emp-schedule-spot.preview-schedule.nodrop {
    cursor: no-drop;
}
.emp-schedule-spot-reserved.preview-schedule-view
.emp-schedule-spot-canceled.preview-schedule-view,
.emp-schedule-spot-canceled.preview-schedule-edit,
.emp-schedule-spot.preview-schedule-view,
.emp-schedule-spot.preview-schedule-edit {
    border: 2px solid navy;
    z-index: 50;
}

.emp-schedule-spot-line {
    position: absolute; 
    top: 15px; 
    height: 0; 
    border-bottom: 5px dotted white; 
    z-index: 10;
}
.emp-schedule-spot-line.preview-schedule-view {
    z-index: 50;
    border-bottom: 5px dotted navy;
}

.emp-schedule-spot-menu-content {
    display: none;
}
.emp-schedule-spot.preview-schedule-view .emp-schedule-spot-menu-content {
    display: block;
    visibility: hidden;
}


.ess-mvr,
.ess-mvl,
.ess-svc {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
}
.ess-mvr {
    right: 0;
    text-align: right;
    border-top-right-radius: 20px 15px;
}
.ess-mvl {
    left: 0;
    text-align: left;
    border-top-left-radius: 20px 15px;
}

.ess-mvlc,
.ess-ut,
.ess-conn,
.ess-mvrc {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    padding-top: 4px;
    text-align: center;
}
.ess-mvlc { left: 0; text-align: left; }
.ess-ut   { left: 100%;  width: 28px; }
.ess-conn { left: -24px; width: 24px; }
.ess-mvrc { right: 0; text-align: right; vertical-align: middle; }

.ess-mvlc > img, .ess-ut > img, .ess-conn> img, .ess-mvrc > img { max-height: 20px; }
.ess-mvlc[data-status="0"]  > img, .ess-mvrc[data-status="0"] > img { display:none; }
.ess-ut   > img { content: url('/static/img/icon_uturn.png'); }
.ess-conn > img { content: url('/static/img/icon_move_connected.png'); }

.ess-mvlc[data-status="x"]  > img { content: url('/static/img/icon_move_by_x.png'); }
.ess-mvlc[data-status="w"]  > img { content: url('/static/img/icon_move_by_walk.png'); }
.ess-mvlc[data-status="s"]  > img { content: url('/static/img/icon_move_by_walk_self.png'); }
.ess-mvlc[data-status="1"]  > img { content: url('/static/img/icon_move_by_car.png');  }
.ess-mvlc[data-status="2"]  > img { content: url('/static/img/icon_move_by_car2.png'); }
.ess-mvlc[data-status="3"]  > img { content: url('/static/img/icon_move_by_car3.png'); }
.ess-mvlc[data-status="4"]  > img { content: url('/static/img/icon_move_by_car4.png'); }

.ess-mvrc[data-status="x"]  > img { content: url('/static/img/icon_move_by_x.png'); }
.ess-mvrc[data-status="w"]  > img { content: url('/static/img/icon_move_by_walk.png'); }
.ess-mvrc[data-status="wr"] > img { content: url('/static/img/icon_move_by_walk_return.png'); }
.ess-mvrc[data-status="s"]  > img { content: url('/static/img/icon_move_by_walk_self.png'); }
.ess-mvrc[data-status="sr"] > img { content: url('/static/img/icon_move_by_walk_self_return.png'); }
.ess-mvrc[data-status="1"]  > img { content: url('/static/img/icon_move_by_car.png');  }
.ess-mvrc[data-status="2"]  > img { content: url('/static/img/icon_move_by_car2.png'); }
.ess-mvrc[data-status="3"]  > img { content: url('/static/img/icon_move_by_car3.png'); }
.ess-mvrc[data-status="1r"] > img { content: url('/static/img/icon_move_by_car_return.png');  }
.ess-mvrc[data-status="2r"] > img { content: url('/static/img/icon_move_by_car2_return.png'); }
.ess-mvrc[data-status="3r"] > img { content: url('/static/img/icon_move_by_car3_return.png'); }
.ess-mvrc[data-status="4"]  > img { content: url('/static/img/icon_move_by_car4.png'); }

.ess-ut > span {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 14px;
    margin-top: 5px;
    font-size: 11px;
    /* border: 1px solid white;  */
    border: 1px solid #666; 
    border-radius: 50%;
}
.ess-ut[data-area="1"] > span:before {
    content: '→';
    line-height: 16px;
    color: #111;
}
.ess-ut[data-area="2"] > span {
    background-image: url('/static/img/icon_uturn.png');
    background-size: 10px 10px;
    background-position: 2px 3px;
    background-repeat: no-repeat;
}
.ess-ut[data-area="3"] > span:before {
    content: 'P';
    line-height: 16px;
    color: #111;
}

.ess-areap {
    overflow: hidden;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}
.ess-areap > span {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 11px;
    text-align: center;
    border: 1px solid white; 
    border-radius: 50%;
}
.ess-proc,
.ess-procw {
    overflow: hidden;
    display: inline-block;
    height: 14px; 
    line-height: 14px;
    vertical-align: middle;
}
.ess-procw[data-type="1"] { height: 14px; line-height: 14px; }
.ess-procw[data-type="2"] { height: 14px; line-height: 14px; }
.ess-procw > span {
    display: inline-block;
    width: 13px;
    height: 13px;
    line-height: 13px;
    font-size: 10px;
    vertical-align: top;
    border: 1px solid white; 
    border-radius: 50%;
}
.ess-procw[data-size="14"] > span {
    width: 13px;
    height: 13px;
    line-height: 13px;
    font-size: 11px;
}
.ess-procw > img {
    width: 13px;
    height: 13px;
    vertical-align: top;
}

.ess-vmap {
    overflow: hidden;
    right: 100%; 
    width: 50px;
    text-align: center;
}
.ess-fbtn,
.ess-remove,
.ess-vmap-a,
.ess-vmap > a {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0;
    border-radius: 50%;
}
.ess-vmap-a > img,
.ess-vmap > a > img {
    max-height: 22px; 
    margin-top: 4px;
    content: url('/static/img/icon_gmap.png');
}
.ess-vmap-r {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 100%; 
    width: 30px;
    margin-top: -12px; 
    margin-left: 5px;
    text-align: center;
}
.ess-vmap-r > a {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0;
    border-radius: 50%;
}
.ess-vmap-r > a > i {
    line-height: 24px;
    font-size: 18px;
}

.ess-mod[data-use="0"],
.ess-mod:not([data-use]),
.ess-fbtn:not([data-use]),
.ess-remove:not([data-use]),
.ess-vmap:not([data-use]),
.ess-vmap-a:not([data-use]),
.ess-vmap-r:not([data-use]) {
    display: none !important;
}

.ess-mod {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; 
    right: 0;
    line-height: 14px;
    color: #f9f779;/*#f59c1a;*/
    background: rgb(36 42 48 / 70%);/*#242a30;*/
    border-radius: 3px;
}
.ess-mod.editable {
    background: rgb(117 121 125 / 70%);/*#75797d;*/
}
.ess-over {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; 
    right: 0;
    text-align: left;
}
.ess-over > img {
    max-width: 28px;
    content: url('/static/img/icon_overtime.png');
}
.ess-remove > i {
    line-height: 30px;
    font-size: 16px;
}

.ess-add[data-type="delay"],
.ess-add[data-type="procm"],
.ess-add[data-type="proct"],
.ess-add[data-type="menu"] {
    position: absolute;
    top: 0;
    left: 0; 
    right: 0;
}
.ess-add[data-type="delay"] {
    z-index: 10;
    overflow: hidden;
    bottom: 0; 
    left: auto;
    max-width: 100%;
    background: url('/static/img/bg_delayed.png');
    background-repeat: repeat-x;
}
.ess-add.rev[data-type="delay"] {
    background: url('/static/img/bg_hurry.png');
}
.ess-add[data-type="procm"] {
    overflow: hidden;
    bottom: 0;
}
.ess-add[data-type="proct"] {
    height: 14px;
    line-height: 14px;
}
.ess-add[data-type="procm"] .procm-content {
    display: inline-block;
    line-height: 18px;;
}
.ess-add[data-type="procm"] .procm-content.lh28 {
    line-height: 28px;
}
.ess-add[data-type="menu"] {
    overflow: hidden;
    bottom: 0; 
    line-height: 28px;
    color: white;
    background: rgba(0,0,0,0.5);
}

.ess-add[data-type="time"] {
    position: absolute;
    bottom: 0;
    left: 0; 
    right: 0;
    height: 14px;
    font-size: 11px;
}
.ess-add[data-type="edit"] {
    left: 100%;
    width: 100px;
    padding-left: 5px;
    text-align: left;
}

.ess-add i {
    vertical-align: middle;
}



.taxi_pay_wrapper {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.move-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
}

.move-icon .move-icon-up,
.move-icon .move-icon-down,
.move-icon .move-icon-left,
.move-icon .move-icon-right {
    display: none;
    position: absolute;
    opacity: 0.3;
}

.move-icon-all .move-icon-up,
.move-icon-all .move-icon-down,
.move-icon-all .move-icon-left,
.move-icon-all .move-icon-right,
.move-icon-updown .move-icon-up,
.move-icon-updown .move-icon-down {
    display: block;
}
.move-icon-up {
    bottom: 0;
    left: 50%;
    width: 16px;
    height: 8px;
    margin-bottom: 2px;
    margin-left: -8px;
    background-image: url("/static/img/ani_icon_arrow_up.png");
}
.move-icon-down {
    top: 28px;
    left: 50%;
    width: 16px;
    height: 8px;
    margin-top: 2px;
    margin-left: -8px;
    background-image: url("/static/img/ani_icon_arrow_down.png");
}
.move-only .move-icon-down {
    top: 18px;
}
.move-icon-left {
    top: 5px;
    right: 100%;
    width: 8px;
    height: 16px;
    margin-right: 2px;
    background-image: url("/static/img/ani_icon_arrow_left.png");
}
.move-icon-right {
    top: 5px;
    left: 100%;
    width: 8px;
    height: 16px;
    margin-left: 2px;
    background-image: url("/static/img/ani_icon_arrow_right.png");
}
.move-only .move-icon-left,
.move-only .move-icon-right {
    top: 1px;
}

.move-icon-ani .move-icon-up,
.move-icon-ani .move-icon-down,
.move-icon-ani .move-icon-left,
.move-icon-ani .move-icon-right {
    animation-delay: 0.5s;
    animation-duration: 0.8s;
    animation-iteration-count: 2;
    animation-timing-function: ease-in-out;
}
.move-icon-ani .move-icon-up {
    animation-name: move_icon_up;
}
.move-icon-ani .move-icon-down {
    animation-name: move_icon_down;
}
.move-icon-ani .move-icon-left {
    animation-name: move_icon_left;
}
.move-icon-ani .move-icon-right {
    animation-name: move_icon_right;
}
.emp-schedule-spot.schedule-not-started.preview-schedule-view,
.emp-schedule-spot.schedule-not-started.preview-schedule-edit {
    border: 2px dashed navy;
    z-index: 50;
}
.emp-schedule-spot.move-taxi.schedule-not-started.preview-schedule-view,
.emp-schedule-spot.move-taxi.schedule-not-started.preview-schedule-edit {
    border: 2px solid navy;
    z-index: 50;
}
.emp-schedule-spot.preview-schedule-edit .spot-status {
    border: 1px solid navy;
}
.emp-schedule-spot.preview-schedule-edit.removed {
    border: 2px dotted navy;
    opacity: 0.5;
}
.emp-schedule-spot.preview-schedule-edit.removed .spot-status {
    border: 1px dotted navy;
}
.preview-schedule-right {
    z-index: 60;
}


.emp-schedule-spot-reserved.preview-schedule-view,
.emp-schedule-spot.preview-schedule-view,
.emp-schedule-spot.schedule-not-started.preview-schedule-view {
    animation: blink_border_blue 0.8s ease-in-out 5;/* infinite -> 5 */
}

.emp-schedule-spot.schedule-start-watch {
    animation: schedule_st_watch_blink var(--blink-time-1-5) ease-in-out 5;/* infinite -> 5 */
}
.emp-schedule-spot.schedule-start-watched {
    background-color: blue;
}
.emp-schedule-spot.schedule-end-watch {
    animation: schedule_ed_watch_blink var(--blink-time-1-5) ease-in-out 5;/* infinite -> 5 */
}
.emp-schedule-spot.schedule-end-watched {
    background-color: #111111;
}
.emp-schedule-spot.schedule-move-watch {
    animation: schedule_mv_watch_blink var(--blink-time-1-5) ease-in-out 5;/* infinite -> 5 */
}
.emp-schedule-spot.schedule-move-watched {
    background-color: red;
}

.emp-schedule-spot.schedule-start-watch.preview-schedule-view {
    animation: schedule_st_watch_blink2 0.8s ease-in-out 5;/* infinite -> 5 */
}
.emp-schedule-spot.schedule-start-watched.preview-schedule-view {
    background-color: blue; 
    border-color: #00A2E8;
}
.emp-schedule-spot.schedule-end-watch.preview-schedule-view {
    animation: schedule_ed_watch_blink2 0.8s ease-in-out 5;/* infinite -> 5 */
}
.emp-schedule-spot.schedule-end-watched.preview-schedule-view {
    background-color: #111111; 
    border-color: #00A2E8;
}
.emp-schedule-spot.schedule-move-watch.preview-schedule-view {
    animation: schedule_mv_watch_blink2 0.8s ease-in-out 5;/* infinite -> 5 */
}
.emp-schedule-spot.schedule-move-watched.preview-schedule-view {
    background-color: red; 
    border-color: #00A2E8;
}
.emp-schedule-spot.with-chain {
    border: 2px dashed #E947E7;
}
.emp-schedule-spot.with-chain:after,
.emp-schedule-spot.with-chain:after {
    position: absolute;
    top: 50%;
    left: -12px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background-color: transparent;
    background-image: url('/static/img/icon_drv_chains.png');
    background-repeat: no-repeat;
    background-size: 22px 22px;
    content: '';
}
.emp-schedule-spot.with-chain {
    animation: blink_border_pink 0.8s ease-in-out 5;
}


/*.emp-schedule-spot.move-emp.preview-schedule-edit {
    min-width: 96px;
}
*/
.emp-schedule-spot-req-timer,
.emp-schedule-spot-view-only {
    position: absolute;
    top: -2px;
    bottom: -2px;
    z-index: 50;
}
.emp-schedule-spot-req-timer {
    display: block;
    left: 100%;
    width: 60px;
    margin-left: 5px;
    text-align: left;
}
.req-remain-time {
    display: inline-block;
    width: 50px;
    line-height: 32px;
    color: red;
    font-weight: 700;
}

.move-only .emp-schedule-spot-view-only {
    top: -7px;
    bottom: -7px;
}
.emp-schedule-spot .emp-schedule-spot-view-only {
    display: none;
}
/* .emp-schedule-spot.preview-schedule-view .emp-schedule-spot-view-only.ess-vmap, */
.emp-schedule-spot.preview-schedule-view .emp-schedule-spot-view-only.spot-delayed,
.emp-schedule-spot.preview-schedule-edit .emp-schedule-spot-view-only {
    display: block;
}
.emp-schedule-spot.preview-schedule-editing .emp-schedule-spot-view-only {
    display: none;
}

.emp-schedule-spot.preview-schedule-editing .emp-schedule-spot-req-timer {
    display: none;
}

.emp-schedule-action-off,
.emp-schedule-action-nothing,
.emp-schedule-action-selected,
.emp-schedule-action-choice {
    display: none;
}

.emp-schedule-row.changed .emp-schedule-profile-wrapper {
    animation: blink_bg_red var(--blink-time) ease-in-out 5;
}

.emp-schedule-row.changed-act .emp-schedule-action-wrapper {
    animation: blink_bg_red var(--blink-time) ease-in-out 5;
}

/*.emp-schedule-row.schedule-workoff .emp-schedule-action-default,*/
.emp-schedule-row.input-off      .emp-schedule-action-default,
.emp-schedule-row.input-nothing  .emp-schedule-action-default,
.emp-schedule-row.input-selected .emp-schedule-action-default,
.emp-schedule-row.input-choice   .emp-schedule-action-default {
    display: none;
}

.emp-schedule-row.input-nothing  .emp-schedule-action-nothing,
.emp-schedule-row.input-selected .emp-schedule-action-selected,
.emp-schedule-row.input-choice   .emp-schedule-action-choice {
    display: inline-block;
}

.emp-schedule-row                .emp-schedule-action-lock-off,
.emp-schedule-row.input-lock     .emp-schedule-action-lock {
    display: none;
}
.emp-schedule-row.input-lock     .emp-schedule-action-lock-off {
    display: block;
    text-align: center;
}
.emp-schedule-row.input-off      .emp-schedule-action-lock-off,
.emp-schedule-row.input-off      .emp-schedule-action-lock {
    display: none;
}

.emp-schedule-row .emp-schedule-action-worktmp,
.emp-schedule-row.schedule-worktmp .emp-schedule-action-default,
.emp-schedule-row.schedule-worktmp .emp-schedule-action-off,
.emp-schedule-row.schedule-worktmp .emp-schedule-action-nothing,
.emp-schedule-row.schedule-worktmp .emp-schedule-action-selected,
.emp-schedule-row.schedule-worktmp .emp-schedule-action-choice,
.emp-schedule-row.schedule-worktmp .emp-schedule-action-lock,
.emp-schedule-row.schedule-worktmp .emp-schedule-action-lock-off {
    display: none;
}
.emp-schedule-row.input-off        .emp-schedule-action-off,
.emp-schedule-row.schedule-worktmp .emp-schedule-action-worktmp {
    display: block;
    max-width: 80px;
    line-height: 18px;
    padding-left: 5px;
    font-size: 11px;
    color: red;
    text-align: center;
}

.emp-schedule-row.input-old .emp-schedule-action-default,
.emp-schedule-row.input-old .emp-schedule-action-nothing,
.emp-schedule-row.input-old .emp-schedule-action-selected,
.emp-schedule-row.input-old .emp-schedule-action-choice,
.emp-schedule-row.input-old .emp-schedule-action-lock,
.emp-schedule-row.input-old .emp-schedule-action-lock-off,
.emp-schedule-row.input-old .emp-schedule-action-off,
.emp-schedule-row.input-old .emp-schedule-action-worktmp {
    display: none;
}
.emp-schedule-row.input-old .emp-schedule-action-default[data-btn-type="12"] {
    display: inline-block;
}

.emp-schedule-action-wrapper.ng-drv {
    background-color: #FFF766;
}

.emp-schedule-action-wrapper a.btn,
.emp-schedule-action-wrapper button {
    float: left;
    line-height: 26px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0;
    font-size: 11px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.emp-schedule-action-wrapper a.btn img,
.emp-schedule-action-wrapper button img {
    max-height: 24px;
}

.emp-schedule-action-wrapper a.btn-img {
    position: relative;
    width: 39px;
    height: 32px;
    margin-left: 1px;
    margin-right: 0;
    border: none;
    box-shadow: none;
    background-repeat: no-repeat;
}
.emp-schedule-action-wrapper a.btn-img img {
    max-height: 32px;
}

.emp-schedule-action-wrapper a.btn-img[data-cnt]:after {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    color: white;
    background: red;
    border-radius: 50%;
    content: attr(data-cnt);
}

.emp-schedule-action-wrapper a.btn-img[data-cnt=""]:after,
.emp-schedule-action-wrapper a.btn-img[data-cnt="0"]:after {
    display: none !important;
}

/* default */
.emp-schedule-action-wrapper a.btn[data-btn-type="01"]        { background-image: url('/static/img/btn_sche_add_spot.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="01"]:hover  { background-image: url('/static/img/btn_sche_add_spot_over.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="01"]:active { background-image: url('/static/img/btn_sche_add_spot_active.png'); }
/* nothing */
.emp-schedule-action-wrapper a.btn[data-btn-type="02"]        { background-image: url('/static/img/btn_sche_cast_select.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="02"]:hover  { background-image: url('/static/img/btn_sche_cast_select_over.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="02"]:active { background-image: url('/static/img/btn_sche_cast_select_active.png'); }
/* selected, choice */
.emp-schedule-action-wrapper a.btn[data-btn-type="03"]        { background-image: url('/static/img/btn_sche_cancel.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="03"]:hover  { background-image: url('/static/img/btn_sche_cancel_over.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="03"]:active { background-image: url('/static/img/btn_sche_cancel_active.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="04"]        { background-image: url('/static/img/btn_sche_cancel.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="04"]:hover  { background-image: url('/static/img/btn_sche_cancel_over.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="04"]:active { background-image: url('/static/img/btn_sche_cancel_active.png'); }
/* lock (keep) */
.emp-schedule-action-wrapper a.btn[data-btn-type="05"]        { background-image: url('/static/img/btn_sche_add_keep.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="05"]:hover  { background-image: url('/static/img/btn_sche_add_keep_over.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="05"]:active { background-image: url('/static/img/btn_sche_add_keep_active.png'); }
/* lock-off (keep release) */
.emp-schedule-action-wrapper a.btn[data-btn-type="06"]        { background-image: url('/static/img/btn_sche_keeping.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="06"]:hover  { background-image: url('/static/img/btn_sche_keeping_over.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="06"]:active { background-image: url('/static/img/btn_sche_keeping_active.png'); }

/* default (move only) */
.emp-schedule-action-wrapper a.btn[data-btn-type="11"]        { background-image: url('/static/img/btn_sche_drv_move.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="11"]:hover  { background-image: url('/static/img/btn_sche_drv_move_over.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="11"]:active { background-image: url('/static/img/btn_sche_drv_move_active.png'); }
/* default (chain) */
.emp-schedule-action-wrapper a.btn[data-btn-type="12"]        { background-image: url('/static/img/btn_sche_drv_route.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="12"]:hover  { background-image: url('/static/img/btn_sche_drv_route_over.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="12"]:active { background-image: url('/static/img/btn_sche_drv_route_active.png'); }
/* nothing, selected */
.emp-schedule-action-wrapper a.btn[data-btn-type="13"]        { background-image: url('/static/img/btn_sche_drv_select.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="13"]:hover  { background-image: url('/static/img/btn_sche_drv_select_over.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="13"]:active { background-image: url('/static/img/btn_sche_drv_select_active.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="14"]        { background-image: url('/static/img/btn_sche_drv_select.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="14"]:hover  { background-image: url('/static/img/btn_sche_drv_select_over.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="14"]:active { background-image: url('/static/img/btn_sche_drv_select_active.png'); }
/* selected */
.emp-schedule-action-wrapper a.btn[data-btn-type="15"]        { background-image: url('/static/img/btn_sche_cancel.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="15"]:hover  { background-image: url('/static/img/btn_sche_cancel_over.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="15"]:active { background-image: url('/static/img/btn_sche_cancel_active.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="21"]        { background-image: url('/static/img/btn_sche_cancel.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="21"]:hover  { background-image: url('/static/img/btn_sche_cancel_over.png'); }
.emp-schedule-action-wrapper a.btn[data-btn-type="21"]:active { background-image: url('/static/img/btn_sche_cancel_active.png'); }

.emp-schedule-action-wrapper a.btn-img.img-grayscale {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.emp-schedule-action-wrapper a.btn-img.bg-blink {
    animation: blink_bg_img 1.0s ease-in-out 5; /* infinite -> 5 */
}

.emp-schedule-row .waiting-display-info {
    display: none;
}
.emp-schedule-row.waiting-in-car .waiting-display-info {
    display: block;
}
.disp-schedule-info {
    /* pull-right f-s-12 l-h-20 p-5 bg-black-lighter div-hidden text-white */
    float: right;
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 244px;
    min-height: 75px;
    line-height: 20px;
    padding: 5px;
    color: white;
    font-size: 12px;
    background-color: #555555;
    border: 2px solid black;
    border-radius: 5px;  
    z-index: 100;
}
.disp-schedule-info.shared {
    color: #111111;
    background-color: #FFFFBB;
}

.sales-stat-cast-wrapper table thead tr th {
    vertical-align: middle;
    border: 1px solid #777;
}
/* .sales-stat-cast-wrapper table thead tr th.text-primary,
.sales-stat-cast-wrapper table thead tr th.text-warning,
.sales-stat-cast-wrapper table thead tr th.text-info,
.sales-stat-cast-wrapper table thead tr th.text-success,
.sales-stat-cast-wrapper table thead tr th.text-danger,
.sales-stat-cast-wrapper table thead tr th span.text-primary,
.sales-stat-cast-wrapper table thead tr th span.text-warning,
.sales-stat-cast-wrapper table thead tr th span.text-info,
.sales-stat-cast-wrapper table thead tr th span.text-success,
.sales-stat-cast-wrapper table thead tr th span.text-danger {
    text-shadow: 0 0 1px #000;
} */
.sales-stat-cast-wrapper table tbody tr td {
    vertical-align: middle;
    border: 1px solid #bbb;
}
.sales-stat-cast-wrapper table tfoot tr th {
    vertical-align: middle;
    border: 1px solid #999;
}

table.sales-stat-border-table thead tr th {
    vertical-align: middle;
    border: 1px solid #999 !important;
}
table.sales-stat-border-table tbody tr td {
    vertical-align: middle;
    border: 1px solid #bbb;
}
table.sales-stat-border-table tfoot tr th {
    vertical-align: middle;
    border: 1px solid #999;
}


.sales-report-category-title,
.sales-report-category-content {
    overflow: hidden;
}
.sales-report-category-content-toggle .category-toggle-close ,
.sales-report-category-content-toggle.collapsed .category-toggle-open {
    display: block;
}
.sales-report-category-content-toggle .category-toggle-open ,
.sales-report-category-content-toggle.collapsed .category-toggle-close {
    display: none;
}
.sales-report-category-content input {
    border: 1px solid grey;
}

.input-label {
    border: none !important;
    background-color: transparent !important;
}

.sales-report-form-wrapper {
    position: absolute;
    overflow-x: hidden;
    /*overflow-y: scroll;*/
    background-color: #eee;
    z-index: 2000;
    -webkit-transition-duration: 0.5s, 0.5s;
    -moz-transition-duration: 0.5s, 0.5s;
    transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.sales-report-form-wrapper.top {
    top: 0;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 0;
}
.sales-report-form-wrapper.top.opened {
    bottom: 0;
    height: 100%;
}

.sales-report-form-wrapper.bottom {
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
}
.sales-report-form-wrapper.bottom.opened {
    top: 0;
    height: 100%;
}

.sales-report-form-wrapper.left {
    top: 0;
    bottom: 0;
    left: 0;
    right: 100%;
    width: 0;
}
.sales-report-form-wrapper.left.opened {
    right: 0;
    width: 100%;
}

.sales-report-form-wrapper.right {
    top: 0;
    bottom: 0;
    left: 100%;
    right: 0;
    width: 0;
}
.sales-report-form-wrapper.right.opened {
    left: 0;
    width: 100%;
}

.sales-report-form-wrapper.center {
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
    width: 0;
    height: 0;
}
.sales-report-form-wrapper.center.opened {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.sales-report-form-wrapper.fadeIn {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
}
.sales-report-form-wrapper.fadeIn.opened {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.sales-report-form-wrapper.scrolled {
    overflow-x: auto;
}

.report-checkbox {
    display: none;
}

.report-checkbox-label {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 00;
  padding-left: 30px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}
.report-checkbox-label:hover {
  background-color: #e2edd7;
}
.report-checkbox-label:hover:after {
  border-color: #53b300;
}
.report-checkbox-label:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin-top: -9px;
  width: 16px;
  height: 16px;
  border: 2px solid orangered;
  border-radius: 6px;
  content: '';
}
.report-checkbox-label:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 11px;
  display: block;
  margin-top: -6px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.report-checkbox:checked + .report-checkbox-label:before {
  opacity: 1;
}

.report-checkbox-label-readonly {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 00;
  padding-left: 30px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}
.report-checkbox-label-readonly:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin-top: -9px;
  width: 16px;
  height: 16px;
  border: 2px solid grey;
  border-radius: 6px;
  content: '';
}
.report-checkbox-label-readonly:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 11px;
  display: block;
  margin-top: -6px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #9FB78B;
  border-bottom: 3px solid #9FB78B;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

tr.emp-report-data-row td {
    position: relative;
}
tr.emp-report-data-row.payment-locked td:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.2);
}
tr.emp-report-data-row.payment-locked td:nth-child(1):after {
    content: attr(data-status);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.2);
    line-height: 80px;
    color: red;
    font-weight: 700;
    text-align: center;
}

.emp-report-data-row:nth-child(even) {
    background-color: #EDF8F3;
}
.emp-report-data-row:nth-child(odd) {
    background-color: #E6F4FC;
}

.report-recalc-btn.loading .btn-info-loaded,
.report-recalc-btn .btn-info-loading {
    display: none;
}
.report-recalc-btn.loading .btn-info-loading {
    display: inline-block;
}

/*.mgr-checker + .report-checkbox-label:after,
.drv-checker + .report-checkbox-label:after,
.outdrv-checker + .report-checkbox-label:after {
    border: 2px solid red;
}
.mgr-checker.div-hidden + .report-checkbox-label:after,
.drv-checker.div-hidden + .report-checkbox-label:after,
.outdrv-checker.div-hidden + .report-checkbox-label:after {
    border: 2px solid #bbb;;
}*/

.div-table {
    display: table;
    overflow: hidden;
}
.div-tr {
    display: table-row;
    overflow: hidden;
}
.div-td {
    display: table-cell;
    overflow: hidden;
}
.div-td.text-vertical {
    vertical-align: middle;
}
.div-td.head, .div-td.foot {
    font-weight: 700;
}
.div-absolute-wrapper {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.empinfo-win-work .empinfo-win-work-editable,
.empinfo-win-work-edit .empinfo-win-work-disp {
    display: none;
}
.empinfo-win-work-edit .empinfo-win-work-editable {
    display: block;
}

.guest-rate .rate-off,
.guest-rate.rate-not-exists .rate-on {
    display: none;
}
.guest-rate.rate-not-exists .rate-off,
.guest-rate .rate-on {
    display: block;
}

.guest-rate .rate-on:hover {
    cursor: pointer;
}

.input-back-addr-list {
    width: 96vw;
    min-width: 310px;
    max-width: 540px;
    height: auto;
    min-height: 300px;
    max-height: 600px;
}

.input-back-addr-list.type-0 {
    min-width: 320px;
    max-width: 480px;
}
.input-back-addr-list.type-1,
.input-back-addr-list.type-2,
.input-back-addr-list.type-3 {
    min-width: 480px;
    max-width: 640px;
}
.input-back-addr-list.type-4 {
    min-width: 640px;
    max-width: 800px;
}

.move-addr-pop .move-addr-pop-body {
    overflow: hidden;
    position: relative;
    height: calc(100% - 70px);
}
.move-addr-pop.with-footer .move-addr-pop-body {
    height: calc(100% - 115px);
}

.move-addr-pop .move-addr-pop-footer {
    display: none;
}
.move-addr-pop.with-footer .move-addr-pop-footer {
    display: block;
}

.spot-follow-wrapper-drv,
.spot-follow-wrapper-spot,
.spot-follow-wrapper-back {
    border: 2px solid #444444;
}
.spot-follow-wrapper-drv {
    max-width: 180px;
    margin: 0 auto;
    background-color: #A9C5E7;
    border-radius: 5px;
}
.spot-follow-wrapper-drv.go-drv {
    border-top-right-radius: 40px;
}
.spot-follow-wrapper-drv.bk-drv {
    border-top-left-radius: 40px;
}
.spot-follow-wrapper-spot {
    max-width: 96%;
    margin: 0 auto;
    background-color: #FFD54F;
    border-radius: 25px;
}
.spot-follow-wrapper-spot.limited-spot {
    max-width: 250px;
    margin: 0 auto;
}
.spot-follow-wrapper-spot .linker {
    display: inline-block;
    max-width: 100px;
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: middle;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #222222;
}
.spot-follow-wrapper-spot .linker.editable {
    padding-left: 2px;
    padding-right: 24px;
    background-image: url('/static/img/icon_menu.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 24px 24px;
}
.spot-follow-wrapper-spot .linker:hover {
    cursor: pointer;
    background-color: #EEEEEE;
}
.spot-follow-wrapper-back {
    position: relative;
    max-width: 250px;
    margin: 0 auto;
    /* background-color: #7CB342; */
    background-color: #FFD0FF;
    border-radius: 10px;
}
.spot-follow-wrapper-back.drv-back {
    /* background-color: #AED581; */
    background-color: #C2DFFA;
}
.spot-follow-wrapper-back .linker {
    background-color: #FFFFFF;
    border: 1px solid #222222;
}
.spot-follow-wrapper-back .linker.editable {
    padding-right: 24px;
    background-image: url('/static/img/icon_menu.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 24px 24px;
}
.spot-follow-wrapper-back .linker:hover {
    cursor: pointer;
    background-color: #EEEEEE;
}
.spot-follow-wrapper-back.area-checked:before {
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border: 3px dotted red;
    content: '';
}
.spot-follow-wrapper-back.area-checked:after {
    position: absolute;
    top: -35px;
    right: 60px;
    width: 30px;
    height: 32px;
    content: url('/static/img/icon_area_checked.gif');
}



.spot-follow-wrapper .type-arrow,
.spot-follow-wrapper .type-item {
    position: absolute;
}
.spot-follow-wrapper .type-group {
    position: relative;
    float: left;
    width: 29%;
    height: 100%;
}
.input-back-addr-list.type-0 .spot-follow-wrapper .type-group {
    width: 75%;
}
.input-back-addr-list.type-1 .spot-follow-wrapper .type-group,
.input-back-addr-list.type-2 .spot-follow-wrapper .type-group,
.input-back-addr-list.type-3 .spot-follow-wrapper .type-group {
    width: 42%;
}
.spot-follow-wrapper .type-arrow {
    top: 0;
    left: 50%;
    width: 4px;
    margin-left: -2px;
}
.spot-follow-wrapper .type-arrow .type-arrow-end {
    position: absolute;
    bottom: 0;
    left: -20px;
    right: -20px;
    height: 16px;
    text-align: center;
}
.spot-follow-wrapper .type-item {
    /*overflow: hidden;*/
    left: 10%;
    right: 10%;
    height: 30px;
    line-height: 26px;
    text-align: center;
    border: 2px solid #444;
    border-radius: 10px;
}
.spot-follow-wrapper .type-item .selected-area {
    display: none;
}
.spot-follow-wrapper .type-item.selected .selected-area {
    display: block;
    position: absolute;
    top: -10px;
    bottom: -8px;
    left: -8px;
    right: -77px;
    border: 2px dotted red !important;
    background: rgba(0,0,0,0.1) !important;
    z-index: 1;
}


.spot-follow-wrapper .type-time {
    /*overflow: hidden;*/
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
}
.spot-follow-wrapper .type-step-1 {
    top: 0;
}
.spot-follow-wrapper .type-step-2 {
    top: 50px;
}
.spot-follow-wrapper .type-step-3 {
    top: 100px;
}
.spot-follow-wrapper .type-step-4 {
    top: 150px;
}
.spot-follow-wrapper .type-step-5 {
    top: 200px;
}
.spot-follow-wrapper .type-step-6 {
    top: 250px;
}
.spot-follow-action-select-1,
.spot-follow-action-select-3 {
    padding-left: 5px;
}
.spot-follow-action-select-2,
.spot-follow-action-select-4 {
    padding-left: 20px;
}

.spot-follow-cast-name,
.spot-follow-go-drv-name,
.spot-follow-bk-drv-name {
    max-width: 80px;
}

.spot-follow-action {
    display: block;
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 5%;
    width: 90%;
    line-height: 20px;
    z-index: 2;
}
.spot-follow-action-search {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: 100%;
    margin-left: 5px;
    width: 70px;
    z-index: 2;
}

.spot-follow-action.bootstrap-select.btn-group {
    height: 25px;
    margin-bottom: 0 !important;
    border-radius: 10px;
}

.spot-follow-action button.dropdown-toggle {
    height: 25px;
    padding-top: 3px;
    padding-left: 5px;
    padding-bottom: 0;
    border: none;
}
.spot-follow-action.bootstrap-select.btn-group .dropdown-menu {
    max-width: 100%;
}
.spot-follow-action.bootstrap-select.btn-group .bootstrap-select-searchbox input {
    height: 24px;
    padding: 2px 5px;
}

.spot-follow-empty-msg {
    position: absolute; 
    top: 20px; 
    left: 20px; 
    right: 20px; 
    height: 50px; 
    line-height: 50px; 
    text-align: center;
    font-weight: 700;
    z-index: 10; 
    background: #FFD7D7;
}

.spot-follow-go-bg,
.spot-follow-bk-bg {
    position:absolute; 
    top:0; 
    bottom:0; 
    left:60px; 
    right:0; 
    z-index:1; 
}
.spot-follow-go-bg {
    background:#E2EFFD;
}
.spot-follow-bk-bg {
    background:#FFD7D7;
}
.spot-follow-left-time {
    float: left;
    position:relative; 
    width:60px; 
    padding-bottom:10px;
}
.spot-follow-left-time-content {
    padding-top: 15px;
    text-align: center;
    font-weight: 700;
}

.spot-follow-title-index {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 65px;
    width: calc(100% - 365px);
    z-index: 2;
    display: none;
}
.spot-follow-title-index-name {
    padding-top: 15px;
    font-weight: 700;
    color: #222;
}
.spot-follow-title-index-name > div {
    display:table; 
    width:100%; 
    height:100%;
}
.spot-follow-title-index-name > div > div {
    display:table-cell; 
    vertical-align:middle;
}
.spot-follow-main-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60px;
    right: 0;
    color: #222;
}
.spot-follow-main-content .lv1 {
    position:absolute; 
    padding-top:15px; 
    z-index:20;
}
.spot-follow-main-content .lv1-line {
    position:absolute; z-index:5;
}
.spot-follow-main-content .lv1-line .line {
    width:0; height:100%; margin:0 auto;
}
.spot-follow-main-content .lv1-line .arrow {
    position:absolute; bottom:0; width:100%; text-align:center; font-size:20px; vertical-align:bottom;
}

.spot-follow-main-content .lv1 .lv2-line {
    position:absolute; top:0; width:100%; height:15px; z-index:1;
}
.spot-follow-main-content .lv1 .lv2-line > div {
    width:0; height:100%; margin:0 auto;
}

.spot-follow-main-content .lv1 .lv2-line2 {
    position:absolute; top:47px; width:100%; height:15px; z-index:1;
}
.spot-follow-main-content .lv1 .lv2-line2 > div {
    width:0; height:100%; margin:0 auto; border:2px dotted #FF5F5F;
}

.spot-follow-main-content .lv1 .lv2-wrapper {
    text-align: center;
    width:100%;
    z-index:5;
}
.spot-follow-main-content .lv1 .lv2-wrapper .lv3 {
    position:relative;
    height: 24px;
    line-height: 24px;
    padding:2px 5px 0;
    font-weight: 700;
}
.spot-follow-main-content .lv1 .lv2-wrapper .lv3 .lv4,
.spot-follow-main-content .lv1 .lv2-wrapper .lv3 .lv4-link {
    width:calc(100% - 85px); height:22px; line-height:20px;
}
.spot-follow-main-content .lv1 .lv2-wrapper .lv3 .lv4-link.wide {
    width:calc(100% - 40px);
}
.spot-follow-main-content .lv1 .lv2-wrapper .lv3 .lv4a,
.spot-follow-main-content .lv1 .lv2-wrapper .lv3 .lv4-link,
.spot-follow-main-content .lv1 .lv2-wrapper .lv3 .lv4-link-icon {
    display: inline-block;
    vertical-align: middle;
}
.spot-follow-main-content .lv1 .lv2-wrapper .lv3 .lv4-link-icon {
    line-height: 24px;
    font-size: 16px;
}
.spot-follow-main-content .lv1 .lv2-wrapper .lv3 .lv4-link .lv5 {
    overflow:hidden;
    display: inline-block;
    max-width:100px; 
    vertical-align:middle;
}

.spot-follow-main-content .lv1 .lv2-wrapper .lv4a {
    position:relative; height:26px;
}
.spot-follow-main-content .lv1 .lv2-wrapper .lv4a .lv5 {
    position:relative; width:26px; height:26px; margin:0 auto; background:#DDDDDD; border-radius:50%;
}
.spot-follow-main-content .lv1 .lv2-wrapper .lv4a .lv5 .lv6n {
    width:46px; line-height:24px; margin-left:-10px; font-size:90%;
    font-weight:700;
}
.spot-follow-main-content .lv1 .lv2-wrapper .lv4a .lv5 .lv6i {
    position:absolute; bottom:-2px; right:-7px; width:16px; height:16px; border-radius:50%; border:1px solid #111111; background:#FFFFFF;
}
.spot-follow-main-content .lv1 .lv2-wrapper .lv4a .lv5 .lv6i i {
    position:absolute; top:1px; left:2px;
}

.spot-follow-main-content .lv1 .lv2-wrapper .lv4a .lv5 .lv6n-img {
    width:22px; height:22px; margin:0 auto; border-radius:50%;
    overflow: hidden;
}
.spot-follow-main-content .lv1 .lv2-wrapper .lv4a .lv5 .lv6n-img img {
    float: left;
    max-width: 22px;
}


@media (min-width: 640px) {
    .spot-follow-title-index {
        display: block;
    }
    .spot-follow-main-content {
        left: auto;
        width: 340px;
    }
}

.spot-follow-wrapper-cast {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 36px;
    margin: 0 auto;
    background-color: #DDDDDD;
    border-radius: 20px;
    border: 2px solid #444444;
    text-align: center;
    font-weight: 700;
}
.spot-follow-wrapper-cast div {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.spot-follow-wrapper-cast div.no-img {
    width:76px; 
    margin-left:-20px;
}
.spot-follow-wrapper-cast div img {
    max-width: 36px;
}
.spot-follow-wrapper-cast div.up-dn {
    position:absolute; 
    bottom:-3px; 
    right:-3px; 
    width:16px; 
    height:16px; 
    border-radius:50%; 
    border:1px solid #111111; 
    background:#FFFFFF;
}
.spot-follow-wrapper-cast div.up-dn i {
    position:absolute; 
    top:1px; 
    left:2px;
}

.spot-follow-wrapper-cast-spot {
    border: 2px solid #FF00FF;
}




.edit-wrapper-0 .mod-type-1,
.edit-wrapper-0 .mod-type-2,
.edit-wrapper-1 .mod-type-0,
.edit-wrapper-1 .mod-type-2,
.edit-wrapper-2 .mod-type-0,
.edit-wrapper-2 .mod-type-1 {
    display: none;
}
.edit-wrapper-1 select {
    background: #ccc;
}

.nav-tabs>li>a {
    background: #575d63 !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background: #eee !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.7);
}

.emp-tabs>li.active>a, .emp-tabs>li.active>a:focus, .emp-tabs>li.active>a:hover,
.goods-tabs>li.active>a, .goods-tabs>li.active>a:focus, .goods-tabs>li.active>a:hover {
    border-top: 2px solid red !important;
}

.spot-guest-rate-result:hover {
    background: rgba(255,0,0,0.3);
}

.spot-guest-rate-result.rate-count-0 .guest-rate-1,
.spot-guest-rate-result.rate-count-0 .guest-rate-2,
.spot-guest-rate-result.rate-count-0 .guest-rate-3,
.spot-guest-rate-result.rate-count-1 .guest-rate-2,
.spot-guest-rate-result.rate-count-1 .guest-rate-3,
.spot-guest-rate-result.rate-count-2 .guest-rate-3 {
    display: none !important;
}

.emp-schedule-action-wrapper-onoff {
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 40px;
    height: 40px;
    margin-top: -7px;
    margin-right: 5px;
    z-index:60;
    /*border-right: 1px solid white;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;*/
}
.emp-schedule-action-wrapper-onoff a {
    border: 1px solid white !important;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}
.emp-schedule-action-wrapper-onoff.on {
    margin-right: 85px;
}

.emp-schedule-action-wrapper-onoff.on .fa-chevron-left,
.emp-schedule-action-wrapper-onoff .fa-chevron-right {
    display: none;
}
.emp-schedule-action-wrapper-onoff.on .fa-chevron-right {
    display: inline-block;
}

@media (min-width: 1024px) {
    .emp-schedule-action-wrapper-onoff.on {
        display: none;
    }
}
/*
@media (min-width: 768px) {
    .emp-schedule-action-wrapper-onoff {
        margin-right: 15px;
    }
    .emp-schedule-action-wrapper-onoff.on {
        margin-right: 95px;
    }
}
*/
#ztoast-container {
    font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif !important;
    bottom: 20% !important;
    left: 50%;
    right: 0 !important;
    width: 30rem !important;
    line-height: 1.3rem !important;
    margin-left: -15rem;
    font-size: 1.2rem !important;
    z-index: 999999 !important;
}

#ztoast-container > div.ztoast-content {
    text-align: center;
    background: rgba(20,20,20,0.8);;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

@media (min-width: 769px) {
    #ztoast-container {
        width: 360px !important;
        margin-left: -180px;
    }
}
@media (max-width: 768px) {
    #ztoast-container {
        width: 360px !important;
        margin-left: -180px;
    }
}
@media (max-width: 400px) {
    #ztoast-container {
        width: 300px !important;
        margin-left: -150px;
    }
}

.right-options {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    background-color: #ddd;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.right-options.opened {
    width: 20rem;
}

.info-title-empinfo.private-type-0 .private-type-1-visible,
.info-title-empinfo.private-type-1 .private-type-0-visible {
    display: none !important;
}

.info-body-empinfo.private-type-0 .private-type-1-visible,
.info-body-empinfo.private-type-1 .private-type-0-visible {
    display: none !important;
}

.info-title-empinfo.emp-type-0 .emp-type-1-visible,
.info-title-empinfo.emp-type-1 .emp-type-0-visible,
.info-body-empinfo.emp-type-0 .emp-type-1-visible,
.info-body-empinfo.emp-type-1 .emp-type-0-visible,
.info-title-empinfo .grp-shared-hidden,
.info-body-empinfo .grp-shared-hidden {
    display: none !important;
}

/* schedule panel */
.place-area-color-icon {
    position: absolute;
    top: 21px;
    left: 21px;
    width:  12px;
    height: 12px;
    border: 1px solid white;
    border-radius: 50%;
}
/* right sidebar */
.place-area-color-icon2 {
    position: absolute;
    bottom: 0;
    right: -2px;
    width: 10px;
    height: 10px;
    border: 1px solid white;
    border-radius: 50%;
}
/* emp list row */
.place-area-color-icon3 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 14px;
    height: 14px;
    border: 1px solid white;
    border-radius: 50%;
}
/* emp list thumb */
.place-area-color-icon4 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    border: 1px solid white;
    border-radius: 50%;
}
/* schedule panel : .ess-procw > span */
.place-area-color-sche {
    display: inline-block;
}

.place-area-color-0 {
    background-color: rgba(240,240,240,1.0);
}
.place-area-color-icon-0 {
    /* display: none; */
    background-color: rgba(240,240,240,1.0);
}
/* .emp-schedule-spot .place-area-color-0,
.spot-data-row .place-area-color-0 {
    background-color: rgba(88, 88, 88, 1.0);
} */

.place-area-color-1,
.place-area-color-icon-1,
.place-area-color-icon-11 {
    background-color: rgba(255,98,92,1.0);/* #FF625C */
}
.place-area-color-2,
.place-area-color-icon-2,
.place-area-color-icon-12 {
    background-color: rgba(109,203,80,1.0);/* #6DCB50 */
}
.place-area-color-3,
.place-area-color-icon-3,
.place-area-color-icon-13 {
    background-color: rgba(249,165,71,1.0);/* #F9A547 */
}
.place-area-color-4,
.place-area-color-icon-4,
.place-area-color-icon-14 {
    background-color: rgba(75,184,244,1.0);/* #4BB8F4 */
}
.place-area-color-5,
.place-area-color-icon-5,
.place-area-color-icon-15 {
    background-color: rgba(244,206,74,1.0);/* #F4CE4A */
}
.place-area-color-6,
.place-area-color-icon-6,
.place-area-color-icon-16 {
    background-color: rgba(208,138,225,1.0);/* #D088E1 */
}
.place-area-color-9,
.place-area-color-icon-9,
.place-area-color-icon-19 {
    background-color: rgba(180,180,180,1.0);
}
.place-area-color-9[data-region-cnt="1"] {
    background-color: rgba(90,90,90,0.7);
}
.place-area-color-9[data-region-cnt="2"] {
    background-color: rgba(90,90,90,0.7);
}
.place-area-color-9[data-region-cnt="3"] {
    background-color: rgba(90,90,90,0.7);
}
.place-area-color-9[data-region-cnt="4"] {
    background-color: rgba(90,90,90,0.7);
}
.place-area-color-9[data-region-cnt="5"] {
    background-color: rgba(90,90,90,0.7);
}

.place-area-color-x {
    background-color: rgba(10,10,10,0.7);
}

.place-area-legend.type-area.selecting,
.place-area-legend.type-area.selecting,
.place-area-legend.type-area.selecting,
.place-area-legend.type-area.selecting,
.place-area-legend.type-area.selecting,
.place-area-legend.type-area.selecting,
.place-area-legend.type-area.selecting {
    animation: area_blink var(--blink-time) 5;
}

.place-area-legend.type-region[data-region-cnt="1"] {
    border: 1px solid rgba(90,90,90,0.7);
    border-radius: 3px;
}
.place-area-legend.type-region.selected[data-region-cnt="1"],
.place-area-legend.type-region.selecting[data-region-cnt="1"] {
    border: 1px solid black;
}
.place-area-legend.type-region[data-region-cnt="2"] {
    border: 1px solid red;
    border-radius: 9px;
}
.place-area-legend.type-region[data-region-cnt="3"] {
    border: 1px solid blue;
    border-radius: 9px;
}
.place-area-legend.type-region[data-region-cnt="4"] {
    border: 1px solid orange;
    border-radius: 9px;
}
.place-area-legend.type-region[data-region-cnt="5"] {
    border: 1px solid purple;
    border-radius: 9px;
}

.place-area-legend.type-region.selected {
    background-color: rgba(255,255,255,0.7);
}
.navbar-region-shortcut .place-area-legend.type-region.selecting,
.navbar-region-shortcut .place-area-legend.type-region.selected {
    background-color: rgba(240,240,240,1.0) !important;
}
/* .place-area-legend.type-region.type-office.selected {
    background-color: rgba(150,150,150,0.7);
} */
.place-area-legend.type-region.type-office {
    border-radius: 3px;
}

.place-area-legend.type-region.selecting {
    animation: region_blink var(--blink-time) 5;
}


.place-area-color-icon-list {
    display: inline-block;
    width:  14px;
    height: 14px;
    line-height: 14px;
    color: white;
    font-size: 11px;
    text-align: center;
    border: 1px solid #666;
    border-radius: 50%;
}
.emp-schedule-spot .place-area-color-0 {
    color: #111111;
}

.place-area-color-icon-11:after,
.place-area-color-icon-12:after,
.place-area-color-icon-13:after,
.place-area-color-icon-14:after,
.place-area-color-icon-15:after,
.place-area-color-icon-16:after,
.place-area-color-icon-19:after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px;
    border-radius: 50%;
    background-color: white;
    content: '';
}

.place-area-type-0 {
    background-color: rgba(240,240,240,0.2);
    border-color: rgba(255,255,255,0.8);
}
.place-area-type-1 {
    background-color: rgba(255,98,92,0.2);/* #FF625C */
    border-color: rgba(255,98,92,0.8);
}
.place-area-type-2 {
    background-color: rgba(109,203,80,0.2);/* #6DCB50 */
    border-color: rgba(109,203,80,0.8);
}
.place-area-type-3 {
    background-color: rgba(249,165,71,0.2);/* #F9A547 */
    border-color: rgba(249,165,71,0.8);
}
.place-area-type-4 {
    background-color: rgba(75,184,244,0.2);/* #4BB8F4 */
    border-color: rgba(75,184,244,0.8);
}
.place-area-type-5 {
    background-color: rgba(244,206,74,0.2);/* #F4CE4A */
    border-color: rgba(244,206,74,0.8);
}
.place-area-type-6 {
    background-color: rgba(208,138,225,0.2);/* #D088E1 */
    border-color: rgba(208,138,225,0.8);
}
.place-area-type-9 {
    background-color: rgba(180,180,180,0.2);
    border-color: rgba(180,180,180,0.8);
}

.place-area-legend {
    position: relative;
    width: 26px;
    height: 26px;
    margin-bottom: 5px;
    padding: 0;
    border: 1px solid white;
    border-radius: 50%;
}
@media (max-width: 500px) {
    .place-area-legend {
        margin-bottom: 2px;
    }
}
.place-area-legend img {
    max-width: 24px;
}
.place-area-legend i {
    line-height: 24px;
    font-size: 18px;
}
.place-area-legend .spot-cnt-label {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 26px;
    color: #111;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
.place-area-legend.spot-exists {
    background-image: url('/static/img/icon_place_36_9_blank.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 24px 24px;
}
.place-area-legend.spot-exists.type-region {
    background-image: url('/static/img/icon_place_36_region.png');
}
.place-area-legend.spot-exists.type-office {
    background-image: url('/static/img/icon_place_36_9_blank.png');
}
.place-area-legend.spot-exists.type-office .spot-cnt-label,
.place-area-legend.spot-exists.type-region .spot-cnt-label {
    color: #111;
}
.place-area-legend.spot-exists img {
    display: none;
}
.place-area-legend.spot-exists .spot-cnt-label {
    display: block;
}

/* @media (min-width: 768px) {
    .place-area-legend {
        width: 32px;
        height: 32px;
    }
    .place-area-legend img {
        max-width: 30px;
    }
    .place-area-legend i {
        line-height: 30px;
        font-size: 24px;
    }
    .place-area-legend .spot-cnt-label {
        line-height: 32px;
        font-size: 14px;
    }
    .place-area-legend.spot-exists {
        background-image: url('/static/img/icon_place_36_9_blank.png');
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 30px 30px;
    }
} */

.tbl-emp-batch-list[data-type="0"] .type-emp-hidden,
.tbl-emp-batch-list[data-type="1"] .type-drv-hidden {
    display: none;
}

input.batch-items {
    border: 1px solid grey;
}
.batch-items.value-changed {
    color: red;
    font-weight: bold;
    background-color: #C3FFFE;
}

.time-select-item {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 36px;
    margin: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    border-radius: 10px;
    border: 2px solid #999999;
}
.time-select-item.active {
    border: 2px solid red;
}
.time-select-item:hover {
    cursor: pointer;
}
.time-select-item-m1 {
    margin-left: 20px;
}
.time-select-item-m1:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 25px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    content: ':';
}

.time-select-num {
    float: left;
    width: 34px;
    height: 34px;
    line-height: 30px;
    margin: 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border-radius: 7px;
    border: 2px solid #999999;
}

.page-sidebar-minified .sidebar li.sidebar-list-wrapper:hover>.sub-menu,
.page-sidebar-minified .sidebar li.sidebar-list-wrapper:focus>.sub-menu,
.page-sidebar-minified .sidebar li.has-sub:hover>.sub-menu,
.page-sidebar-minified .sidebar li.has-sub:focus>.sub-menu
{
    display: none !important;
}

.move-emp-title .mode-change-btn-go,
.move-emp-title .mode-change-btn-bk {
    width: 75px;
    height: 32px;
    line-height: 35px;
    padding: 0;
    font-size: 11px;
    border-radius: 3px;
    border: 1px solid white;
}
.move-emp-title .mode-change-btn-go {
    border-top-right-radius: 25px 15px;
}
.move-emp-title .mode-change-btn-bk {
    border-top-left-radius: 25px 15px;
}
.move-emp-title .mode-change-btn-bk.move-next {
    border-top-left-radius: 3px;
    border-top-right-radius: 25px 15px;
}

.move-emp-title.order-status-2 .mode-change-btn-go,
.move-emp-title.order-status-1 .mode-change-btn-bk {
    width: 60px;
    height: 25px;
    line-height: 27px;
    margin-top: 8px;
}

.move-emp-title.order-status-1 .mode-change-btn-go {
    font-size: 13px;
    border-top-right-radius: 30px 20px;
}
.move-emp-title.order-status-2 .mode-change-btn-bk {
    font-size: 13px;
    border-top-left-radius: 30px 20px;
}
.move-emp-title.order-status-2 .mode-change-btn-bk.move-next {
    font-size: 13px;
    border-top-left-radius: 3px;
    border-top-right-radius: 30px 20px;
}

.move-emp-title.order-status-1 .mode-change-btn-go,
.move-emp-title.order-status-2 .mode-change-btn-bk {
    animation: blink_2_navy var(--blink-time) 5;
}

.move-emp-title .gmap-btn-wrapper {
    display: none;
}
.move-emp-title.btn-only .gmap-btn-wrapper {
    display: block;
}
.move-emp-title .gmap-btn-go,
.move-emp-title .gmap-btn-bk {
    width: 75px;
    height: 24px;
    line-height: 22px;
    font-size: 11px;
    border-radius: 3px;
    border: 1px solid white;
}

.move-emp-title .gmap-btn-go {
    border-bottom-left-radius: 15px 15px;
}
.move-emp-title .gmap-btn-bk {
    border-bottom-right-radius: 15px 15px;
}

.move-emp-title.order-status-2 .gmap-btn-go,
.move-emp-title.order-status-1 .gmap-btn-bk {
    display: none;
}


#move-emp-title {
    background: #f9ff07;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
}
#move-emp-title.btn-only {
    background-color: transparent;
    box-shadow: none;
}
#move-emp-title.btn-only .move-emp-title-info {
    display: none;
}

#move-emp-legend-pairs {
    position: absolute;
    bottom: 50px; 
    right: 35px;
    width: 160px;
    padding: 5px;
    background: rgba(255, 222, 101, 0.9);
    border-radius: 3px;
}
@media (max-width: 400px) {
    #move-emp-legend-pairs {
        right: 5px;
    }
}

#map-canvas #move-emp-legend .top-btns {
    width: 170px;
    height: 32px;
    padding-bottom: 5px;
    text-align: center;
}
#map-canvas #move-emp-legend .top-btns .top-btn-wrapper {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 1px;
    vertical-align: middle;
}
#map-canvas #move-emp-legend .top-btns a {
    width: 30px; 
    height: 30px; 
    border-radius: 50%; 
    border: 2px solid white;
}
#map-canvas.overwrap-content-open-map #move-emp-legend a.spot-save-btn {
    display: none;
}
#map-canvas.overwrap-content-open-map #map-bottom-legend {
    display: none;
}
@media (max-width: 767px) {
    #map-canvas #map-bottom-legend {
        display: none;
    }
}

.spot-list-info-title span.spot-list-title-type1,
.spot-list-info-title span.spot-list-title-type2 {
    display: inline-block;
    min-width: 115px;
}
.spot-list-info-title[data-type="1"] .spot-list-title-type2,
.spot-list-info-title[data-type="2"] .spot-list-title-type1 {
    display: none;
}

.list-info-body-scroll.dragging  { cursor:ew-resize; }
.list-info-body-scroll.dragging2 { cursor:ns-resize; }

.spot-status-filter-group button {
    position: relative;
    width: 35px;
    padding: 1px;
}
.spot-status-filter-group button[data-type="1"].btn-warning span,
.spot-status-filter-group button[data-type="2"].btn-warning span,
.spot-status-filter-group button[data-type="9"].btn-warning span {
    animation: selecting_blink var(--blink-time) 5;
}

.spot-status-filter-group button[data-type="2"][data-cnt="0"] {
    color: black;
    border-color: #9AA1A5;
    background: #9AA1A5 !important;
}
.spot-status-filter-group button[data-type="2"]:after {
    position: absolute;
    top: -1px;
    right: -8px;
    width: 14px;
    height: 14px;
    line-height: 12px;
    color: white;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    content: attr(data-cnt);
    animation: selecting_blink var(--blink-time) 5;
}
.spot-status-filter-group button[data-type="2"].btn-danger:after {
    background-color: black;
}
.spot-status-filter-group button[data-cnt="0"]:after {
    display: none !important;
}

/* spot info win */
.nav-tabs>li.active>a.spotinfo-win-spot-tab,
.nav-tabs>li.active>a.spotinfo-win-spot-tab:focus,
.nav-tabs>li.active>a.spotinfo-win-spot-tab:hover {
    background-color: #eef !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.7);
}
.nav-tabs>li.active>a.spotinfo-win-guest-tab,
.nav-tabs>li.active>a.spotinfo-win-guest-tab:focus,
.nav-tabs>li.active>a.spotinfo-win-guest-tab:hover {
    background-color: #efe !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.7);
}
@media (min-width: 700px) {
    .spotinfo-win-content {
        position: absolute;
        top: 5px;
        bottom: 10px;
        left: 50%;
        width: 674px;
        margin-left: -337px;
    }
}

.spotinfo-win-detail-type-1 {
    color: #ff5b57;
}
.spotinfo-win-detail-type-2 {
    color: #f7b048;
}

#order_addr_place_memo_btn.memo-enabled .memo-empty-icon,
#order_addr_place_memo_btn.memo-empty .memo-enabled-icon {
    display: none;
}

.spot-info-mod-wrapper #order-addr-meet-btn,
.spot-info-mod-wrapper #order-addr-parking-btn {
    text-decoration: none;
}
.spot-info-mod-wrapper #order-addr-meet-btn img,
.spot-info-mod-wrapper #order-addr-parking-btn img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.spot-info-mod-wrapper.mod-type-0 #order-addr-meet-btn .editable-icon-1,
.spot-info-mod-wrapper.mod-type-1 #order-addr-meet-btn .editable-icon-0,
.spot-info-mod-wrapper.mod-type-0 #order-addr-parking-btn .editable-icon-1,
.spot-info-mod-wrapper.mod-type-1 #order-addr-parking-btn .editable-icon-0 {
    display: none;
}

#order-addr-meet-btn.meet-on .meet-off,
#order-addr-meet-btn.meet-off .meet-on,
#order-addr-meet-btn.exchange-on  .exchange-off,
#order-addr-meet-btn.exchange-off .exchange-on,
#order-addr-parking-btn.pos-empty .pos-only,
#order-addr-parking-btn.pos-empty .pos-parking,
#order-addr-parking-btn.pos-only .pos-empty,
#order-addr-parking-btn.pos-only .pos-parking,
#order-addr-parking-btn.pos-parking .pos-empty,
#order-addr-parking-btn.pos-parking .pos-only {
    display: none;
}


.info-body-admin-info .admin-type-4-visible,
.info-body-admin-info .admin-type-5-visible,
.info-body-admin-info .admin-type-6-visible {
    display: none;
}
.info-body-admin-info.admin-type-0 .admin-type-0-hidden,
.info-body-admin-info.admin-type-1 .admin-type-1-hidden,
.info-body-admin-info.admin-type-2 .admin-type-2-hidden,
.info-body-admin-info.admin-type-3 .admin-type-3-hidden,
.info-body-admin-info.admin-type-4 .admin-type-4-hidden,
.info-body-admin-info.admin-type-5 .admin-type-5-hidden,
.info-body-admin-info.admin-type-6 .admin-type-6-hidden,
.info-body-admin-info.admin-type-7 .admin-type-7-hidden,
.info-body-admin-info.admin-type-8 .admin-type-8-hidden,
.info-body-admin-info.admin-type-9 .admin-type-9-hidden {
    display: none;
}

.info-body-admin-info.admin-type-2 .admin-type-2-over-hidden,
.info-body-admin-info.admin-type-3 .admin-type-2-over-hidden,
.info-body-admin-info.admin-type-4 .admin-type-2-over-hidden,
.info-body-admin-info.admin-type-5 .admin-type-2-over-hidden,
.info-body-admin-info.admin-type-6 .admin-type-2-over-hidden,
.info-body-admin-info.admin-type-7 .admin-type-2-over-hidden,
.info-body-admin-info.admin-type-8 .admin-type-2-over-hidden,
.info-body-admin-info.admin-type-9 .admin-type-2-over-hidden {
    display: none;
}

.info-body-admin-info.admin-type-5 .admin-type-5-over-hidden,
.info-body-admin-info.admin-type-6 .admin-type-5-over-hidden,
.info-body-admin-info.admin-type-7 .admin-type-5-over-hidden,
.info-body-admin-info.admin-type-8 .admin-type-5-over-hidden,
.info-body-admin-info.admin-type-9 .admin-type-5-over-hidden {
    display: none;
}

.info-body-admin-info.admin-type-4 .admin-type-4-visible,
.info-body-admin-info.admin-type-5 .admin-type-5-visible,
.info-body-admin-info.admin-type-6 .admin-type-6-visible {
    display: block;
}

.smail-item.collapsed .fa-chevron-up,
.smail-item .fa-chevron-down {
    display: none;
}
.smail-item.collapsed .fa-chevron-down {
    display: block;
}
.smail-dept-item.collapsed .fa-chevron-up,
.smail-dept-item .fa-chevron-down {
    display: none;
}
.smail-dept-item.collapsed .fa-chevron-down {
    display: block;
}
#smail-dept-list input, #smail-dept-list select {
    border: 1px solid #bbb;
    padding: 1px;
}
#smail-dept-list input:focus, #smail-dept-list select:focus {
    border: 1px solid orange;
    background-color: #edd;
}
#smail-dept-list input:disabled, #smail-dept-list select:disabled {
    background: #E9E9E9;
}

#smail-hist div.accordion-inner p {
    margin: 0 0 5px;
}

input.smail-to-input-email:read-only {
    background-color: #e3e3e3;
}

.smail-check-info .smail-check-info-item {
    display: none;
}
.smail-check-info.type-0.status-0 .smail-check-info-item.type-0.status-0,
.smail-check-info.type-1.status-0 .smail-check-info-item.type-1.status-0,
.smail-check-info.status-1 .smail-check-info-item.status-1 {
    display: inline-block;
}


.smail-status-info .smail-status-info-item {
    display: none;
}
.smail-status-info.type-0.status-0 .smail-status-info-item.type-0.status-0,
.smail-status-info.type-0.status-1 .smail-status-info-item.type-0.status-1,
.smail-status-info.type-1.status-0 .smail-status-info-item.type-1.status-0,
.smail-status-info.type-1.status-1 .smail-status-info-item.type-1.status-1 {
    display: inline-block;
}

.emp-list-info-body.viewtype-list {
    overflow-x: auto;
}
.emp-list-info-body.viewtype-list  .thumb-view,
.emp-list-info-body.viewtype-thumb .list-view {
    display: none;
}

.emp-list-info-body .btn-warning.schedule-updated {
    background: #8b5835;
    border-color: #673e21;
}

.emp-data-row {
    background-color: #e5e5e5;
}
/* キャスト、勤務中 */
.emp-data-row.emp-type-0 {
    background-color: #b1c7c7;
}
/* ドライバー、勤務中 */
.emp-data-row.emp-type-1 {
    background-color: #E3DBCF;
}
/* キャスト、勤務中、当日予定あり */
.emp-data-row.emp-type-0.filter-type-0 {
    background-color: #bde4e4;
}
/* ドライバー、勤務中、当日予定あり */
.emp-data-row.emp-type-1.filter-type-0 {
    background-color: #fddcac;
}
/* 勤務停止（キャスト、ドライバー）*/
.emp-data-row.work-type-2 {
    background-color: #c5c5c5;
}
.emp-data-row.nc-emp {
    background: #f9bcbc;
}

.emp-data-thumb {
    float: left;
    overflow: hidden;
    position: relative;
    width: 120px;
    height: 160px;
    margin: 9px;
    background-color: #e5e5e5;
    border: 2px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 7px rgba(0,0,0,0.5);
}
/* キャスト、勤務中 */
.emp-data-thumb.emp-type-0 {
    background-color: #b1c7c7;
}
/* ドライバー、勤務中 */
.emp-data-thumb.emp-type-1 {
    background-color: #E3DBCF;
}
/* キャスト、勤務中、当日予定あり */
.emp-data-thumb.emp-type-0.filter-type-0 {
    background-color: #bde4e4;
}
/* ドライバー、勤務中、当日予定あり */
.emp-data-thumb.emp-type-1.filter-type-0 {
    background-color: #fddcac;
}
/* 勤務停止（キャスト、ドライバー）*/
.emp-data-thumb.work-type-2 {
    background-color: #c5c5c5;
}
.emp-data-thumb.emp-type-9 {
    background-color: #C7D0FF;
    border-radius: 30px;
}
.emp-data-thumb.emp-type-9 .rt-schedule-week-btn {
    display: none;
}
.emp-data-thumb.emp-type-1 {
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.emp-data-thumb.nc-emp {
    background-color: #f9bcbc;
}
/* 選択中 */
.emp-data-thumb.selected {
    background-color: #EFFD8C !important;
    border: 2px solid #FFCA10;
}

.emp-data-thumb-img-wrapper {
    float: left;
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    margin: 2px 0 0 2px;
}
.emp-data-thumb-img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 50%;
    border: 2px solid white;
}
.emp-data-thumb-img.virtual-dept {
    border: 2px solid #FFB9D7;
}

.emp-data-thumb-img img {
    overflow: hidden;
    max-width: 100%;
}
.emp-data-thumb-img-wrapper .status-wrapper {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: white;
}

.emp-schedule-img-wrapper .work-type-wrapper,
.emp-data-thumb-img-wrapper .work-type-wrapper,
.emp-data-row-img-wrapper .work-type-wrapper {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 14px;
    height: 14px;
}
.emp-data-thumb-img-wrapper .work-type-wrapper {
    width: 18px;
    height: 18px;
}
.emp-schedule-img-wrapper .work-type-wrapper img,
.emp-data-thumb-img-wrapper .work-type-wrapper img,
.emp-data-row-img-wrapper .work-type-wrapper img {
    vertical-align: top;
    border-radius: 50%;
    border: 1px solid #fff;
}
.work-type-wrapper.wk-type-shared img.type-term,
.work-type-wrapper.wk-type-term img.type-shared {
    display: none;
}


.sidebar-img-wrapper .self-move-wrapper,
.emp-schedule-img-wrapper .self-move-wrapper,
.emp-data-thumb-img-wrapper .self-move-wrapper,
.emp-data-row-img-wrapper .self-move-wrapper {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: green;
    background-image: url('/static/img/icon_move_by_walk_self.png');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
}
.sidebar-img-wrapper .self-move-wrapper {
    width: 11px;
    height: 11px;
}
.emp-data-thumb-img-wrapper .self-move-wrapper {
    width: 18px;
    height: 18px;
}
.sidebar-list-item[data-self-move="0"] .sidebar-img-wrapper .self-move-wrapper,
.emp-schedule-row[data-self-move="0"] .emp-schedule-img-wrapper .self-move-wrapper,
.emp-data-thumb[data-self-move="0"] .emp-data-thumb-img-wrapper .self-move-wrapper,
.emp-data-row[data-self-move="0"] .emp-data-row-img-wrapper .self-move-wrapper {
    display: none;
}


.emp-data-thumb-info-right {
    float: right;
    overflow: hidden;
    width: 60px;
    height: 50px;
    margin-top: 2px;
    line-height: 16px;
}
.emp-data-thumb-info-right.w-full {
    width: 100%;
}
.emp-data-thumb-info {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right:0;
    height: 100px;
    line-height: 16px;
    background-color: rgba(255,255,255,0.7);
}
.emp-data-thumb.work-type-2 .emp-data-thumb-info {
    background-color: rgba(255,255,255,0.1);
}
.emp-data-thumb.selected .emp-data-thumb-info {
    background-color: rgba(255,255,255,0.7);
}

.normal-drv-img-border,
.normal-cast-img-border {
    border: 2px solid white;
}
.self-cast-img-border {
    /* border: 2px solid #0A9245; */
    border: 2px solid white;
}

.nonauth-cast-img-border {
    /* border: 2px solid #333333; */
    border: 2px solid white;
}
.nonauth-cast-name-color {
    color: #333333;
}

.virtual-dept-img-border {
    /* border: 2px solid #FFB9D7; */
    border: 2px solid white;
}
.virtual-dept-name-color {
    color: hotpink;
}

/* .sidebar-img-wrapper[data-region="1"] .sidebar-img */
.emp-schedule-row[data-region="1"] .emp-schedule-profile-img,
.emp-data-thumb[data-region="1"] .emp-data-thumb-img,
.emp-data-row[data-region="1"] .emp-data-row-img,
.emp-batch-data-row[data-region="1"] .ebr-img-wrapper,
.sales-data-row[data-region="1"] .sales-data-row-img {
    border: 2px solid white;
}
.emp-schedule-row[data-region="2"] .emp-schedule-profile-img,
.emp-data-thumb[data-region="2"] .emp-data-thumb-img,
.emp-data-row[data-region="2"] .emp-data-row-img,
.emp-batch-data-row[data-region="2"] .ebr-img-wrapper,
.sales-data-row[data-region="2"] .sales-data-row-img {
    border: 2px solid red;
}
.emp-schedule-row[data-region="3"] .emp-schedule-profile-img,
.emp-data-thumb[data-region="3"] .emp-data-thumb-img,
.emp-data-row[data-region="3"] .emp-data-row-img,
.emp-batch-data-row[data-region="3"] .ebr-img-wrapper,
.sales-data-row[data-region="3"] .sales-data-row-img {
    border: 2px solid blue;
}
.emp-schedule-row[data-region="4"] .emp-schedule-profile-img,
.emp-data-thumb[data-region="4"] .emp-data-thumb-img,
.emp-data-row[data-region="4"] .emp-data-row-img,
.emp-batch-data-row[data-region="4"] .ebr-img-wrapper,
.sales-data-row[data-region="4"] .sales-data-row-img {
    border: 2px solid orange;
}
.emp-schedule-row[data-region="5"] .emp-schedule-profile-img,
.emp-data-thumb[data-region="5"] .emp-data-thumb-img,
.emp-data-row[data-region="5"] .emp-data-row-img,
.emp-batch-data-row[data-region="5"] .ebr-img-wrapper,
.sales-data-row[data-region="5"] .sales-data-row-img {
    border: 2px solid purple;
}

.emp-info-image-wrapper {
    position: relative; 
    overflow: hidden; 
    float: left;
    width: 95px; 
    height: 120px;
    padding-left: 5px;
    text-align: center;
}
.emp-info-image-wrapper-in {
    position: relative;
    overflow: hidden;
}
.emp-info-image-border {
    overflow: hidden; 
    width: 90px; 
    height: 90px;
    margin: 0 auto;
    text-align: center;
    border: 4px solid white;
    border-radius: 50%;
}

.emp-info-image-wrapper .emp-img-self-move,
.emp-info-image-wrapper .emp-img-work-type {
    position: absolute;
    left: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
}
.emp-info-image-wrapper .emp-img-self-move {
    top: 0;
    background-color: green;
    background-image: url('/static/img/icon_move_by_walk_self.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.emp-info-image-wrapper .emp-img-work-type {
    bottom: 0;
    border: 2px solid #fff;
    background-image: url('/static/img/icon_jpy2.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.emp-info-image-wrapper[data-self-move="0"] .emp-img-self-move,
.emp-info-image-wrapper[data-work-type="0"] .emp-img-work-type {
    display: none;
}

.emp-info-image-wrapper-right {
    position: relative; 
    overflow: hidden; 
    float: left;
    width: calc(100% - 95px); 
    min-height: 60px;
}

.emp-info-self-move-wrapper[data-type="1"],
.emp-info-self-move-wrapper[data-type="2"],
.emp-info-self-move-wrapper[data-type="3"] {
    background-color: #AFE5C0;
}
.emp-info-self-move-wrapper .emp-info-self-move-unchecked,
.emp-info-self-move-wrapper .emp-info-self-move-checked {
    display: none;
    margin-right: 3px;
}
.emp-info-self-move-wrapper[data-type="0"] .emp-info-self-move-unchecked,
.emp-info-self-move-wrapper[data-type="1"] .emp-info-self-move-checked,
.emp-info-self-move-wrapper[data-type="2"] .emp-info-self-move-checked,
.emp-info-self-move-wrapper[data-type="3"] .emp-info-self-move-checked {
    display: inline-block
}
.emp-info-self-move-wrapper .emp-info-self-move-icon {
    display: inline-block;
    width: 18px;
    height: 22px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.emp-info-self-move-wrapper[data-type="0"] .emp-info-self-move-icon {
    background-image: url('/static/img/travel_x_b.png');
}
.emp-info-self-move-wrapper[data-type="1"] .emp-info-self-move-icon {
    background-image: url('/static/img/travel_w_b.png');
}
.emp-info-self-move-wrapper[data-type="2"] .emp-info-self-move-icon {
    background-image: url('/static/img/travel_d_b.png');
}
.emp-info-self-move-wrapper[data-type="3"] .emp-info-self-move-icon {
    background-image: url('/static/img/travel_r_b.png');
}

.use-end-ymd-wrapper .ui-datepicker-trigger {
    display: none;
}

@media (min-width: 1024px) {
    .emp-info-image-wrapper {
        width: 125px; 
        height: 150px;
    }
    .emp-info-image-border {
        overflow: hidden; 
        width: 120px; 
        height: 120px;
    }
    .emp-info-image-wrapper .emp-img-self-move,
    .emp-info-image-wrapper .emp-img-work-type {
        width: 36px;
        height: 36px;
    }
    .emp-info-image-wrapper-right {
        width: calc(100% - 125px); 
    }
}

.btn-work-ing-0,
.btn-work-ing-1 {
    display: none;
}
.empinfo-win-work.work-ing-0 .btn-work-ing-1,
.empinfo-win-work.work-ing-1 .btn-work-ing-0 {
    display: inline-block;
}

.nav-tabs>li.active>a.empinfo-win-basic-tab,
.nav-tabs>li.active>a.empinfo-win-basic-tab:focus,
.nav-tabs>li.active>a.empinfo-win-basic-tab:hover {
    background-color: #eef !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.7);
}
.nav-tabs>li.active>a.empinfo-win-dept-tab,
.nav-tabs>li.active>a.empinfo-win-dept-tab:focus,
.nav-tabs>li.active>a.empinfo-win-dept-tab:hover {
    background-color: #efe !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.7);
}

.empinfo-win-btns {
    position: absolute;
    top: 0;
    right: 0;
}
@media (min-width: 700px) {
    .empinfo-win-content {
        position: absolute;
        top: 5px;
        bottom: 10px;
        left: 50%;
        width: 664px;
        margin-left: -332px;
    }
    .empinfo-win-btns {
        position: absolute;
        top: 5px;
        right: calc(50% - 332px);
    }
}

span.version-checked {
    position: relative;
}
span.version-checked:after {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 16px;
    margin-left: -6px;
    margin-top : -8px;
    line-height: 16px;
    color: red;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    content: '!';
}

.emp-batch-data-row {
    background-color: #e3e3e3;
}
.emp-batch-data-row:nth-child(even) {
    background-color: #EDF8F3;
}
.emp-batch-data-row:nth-child(odd) {
    background-color: #E6F4FC;
}

div.note-editable {
    height: 150px;
}
div.note-editable p {
    line-height: 22px;
    margin: 0;
}
div.note-editing-area div.note-editable {
    height: calc(100vh - 400px) !important;
    min-height: 120px;
}
#pop-guide-content div.note-editing-area div.note-editable {
    height: calc(100% - 85px) !important;
}
.note-popover {
    z-index: 101060;
}

@media (max-width: 768px) {
    #admin-msg-popup .notice-content-wrapper .notice-content-main {
        width: 750px;
    }
}
#admin-msg-popup .notice-content-wrapper p,
#admin-notice-popup .notice-content-wrapper p {
    line-height: 22px;
    margin: 0;
}

.note-editor .note-btn-group button.btn-sm {
    padding: 2px 5px;
}
.note-editor.panel {
    margin-bottom: 5px;
}
.panel-heading.note-toolbar {
    padding-top: 5px;
    background-color: #444 !important;
}

.dept-info-item.collapsed .fa-chevron-up,
.dept-info-item .fa-chevron-down {
    display: none;
}
.dept-info-item.collapsed .fa-chevron-down {
    display: block;
}
a.dept-info-item {
    overflow: hidden;
    position: relative;
    display: block;
    padding: 10px;
    background-color: #d4e5f7;
    text-decoration: none;
}
a.dept-info-item.dept-deleted-already,
a.dept-info-item.dept-deleted {
    background-color: #FFB7B7;
}
a.dept-info-item .dept-deleted-info {
    display: none;
    margin-left: 20px;
    color: orangered;
}
a.dept-info-item.dept-deleted .dept-deleted-info {
    display: inline-block;
}
a.dept-info-item.dept-deleted .dept-del-btn {
    display: none !important;
}
a.dept-info-item.virtual {
    background-color: #B4B6B9;
}
a.dept-info-item .virtual-flag {
    display: none;
    margin-left: 20px;
    color: orangered;
}
a.dept-info-item.virtual .virtual-flag {
    display: inline-block;
}

.dept-info-portal-item {
    padding: 1px 0 2px;
}
.dept-info-portal-item[data-type="5"] {
    background: #cccccc;
}

.guest-icon-wrapper.guest-type-2 {
    display: none;
}
.guest-icon-wrapper.guest-type-0,
.guest-icon-wrapper.guest-type-1 {
    display: block;
}

.guest-icon-wrapper.guest-type-0 .repeat-guest-icon,
.guest-icon-wrapper.guest-type-1 .new-guest-icon {
    display: none;
}

.guest-ng-btn[data-ng="0"],
.guest-ng-btn[data-ng=""] {
    display: none !important;
}
.guest-ng-btn[data-type="1"] {
    background-color: #FFE082;
    color: #222;
}
.guest-ng-btn[data-type="1"]:hover, 
.guest-ng-btn[data-type="1"]:focus, 
.guest-ng-btn[data-type="1"]:active, 
.guest-ng-btn[data-type="1"].active {
    background: #ecc85b;
}

.guest-old-search-btn[data-type="0"],
.guest-old-search-btn[data-type=""] {
    display: none !important;
}

#mng-scout-calc-popup-body table {
    border-collapse: collapse;
}
#mng-scout-calc-popup-body table td {
    border: 1px solid #999;
}

.sub-dept-detail-btn.opened .fa-chevron-down,
.sub-dept-detail-btn .fa-chevron-up {
    display: none;
}
.sub-dept-detail-btn.opened .fa-chevron-up {
    display: inline-block;
}

.emp-dept-check-wrapper .disabled-wrapper {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: red;
    font-weight: 700;
    background-color: rgba(0,0,0,0.5);
}
.emp-dept-check-wrapper.disabled .disabled-wrapper {
    display: block;
}

#mng-pay-master-view-form input,
#mng-pay-master-view-form select,
#mng-pay-master-reg-form input,
#mng-pay-master-reg-form select {
    border: 1px solid #999 !important;
}
.mng-pay-calc-wrapper[data-type="0"] .mng-pay-calc-type-1,
.mng-pay-calc-wrapper[data-type="1"] .mng-pay-calc-type-0 {
    display: none;
}

.fill-pay-exists {
    background: #f4f6f7;
    border: 1px solid #ccc;
}

.call-info-row:nth-child(even) {
    background-color: #EDF8F3;
}
.call-info-row:nth-child(odd) {
    background-color: #E6F4FC;
}

.call-hist-type-0,
.call-hist-type-1,
.call-hist-type-2 {
    padding: 0 5px;
    font-weight: 700;
    border-radius: 5px;
}
.call-hist-type-0 {
    background-color: #53A3EC;
}
.call-hist-type-1 {
    background-color: #F59C1A;
}
.call-hist-type-2 {
    background-color: #E9FB65;
}

.guest-spot-row .action-btn {
    width: 60px;
    height: 32px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0;
    font-size: 11px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

.fixed-font {
    font-family: 'MS Gothic', 'MS ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif !important;
}


#update_report_form option:disabled {
    color: red;
    background-color: #ddd;
}

select.admin-device-type  option:disabled {
    color: red;
    background-color: #ddd;
}


.privacy-page-link {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 500px;
    height: auto;
    padding: 10px 0;
    text-align: center;
}

@media (max-width: 768px) {
    .privacy-page-link {
        left: 0;
        width: auto;
    }
}

.privacy-agreement-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: #eee;
}

.user-select-group-btn {
    position: absolute;
    top: -12px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    border-radius: 10px;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}

.user-select-group-btn:hover {
    cursor: pointer;
}

.user-select-group-btn.group-btn-dept,
.user-select-group-btn.group-btn-member {
    background: rgba(52, 143, 226, 0.95);
}

.user-select-group-btn.group-btn-taxi,
.user-select-group-btn.group-btn-admin {
    background: rgba(0, 172, 172, 0.95);
}

.user-select-group-btn.group-btn-common {
    background: rgba(245, 156, 26, 0.95);
}

.taxi-select-btn {
    position: relative;
}
.taxi-select-btn.drv-ng:after {
    position: absolute;
    top: 1px;
    right: 2px;
    padding: 1px 2px;
    color: white;
    font-size: 10px;
    font-weight: 700;
    background: red;
    border-radius: 4px;
    content: 'NG';
    animation: blink_hidden var(--blink-time) 5;
}

#taxi-select-reload-btn {
    position: relative;
}
#taxi-select-reload-btn.changed:after {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: white;
    font-size: 12px;
    font-weight: 700;
    background: red;
    border-radius: 50%;
    content: '❢';
}


.input-md {
    height: 40px;
    padding: 8px 15px;
    font-size: 18px;
    line-height: 22px;
    border-radius: 6px;
}

/*
   visible-1 : non-edit:hidden, edit:visible
   visible-2 : move-only:hidden, normal:visible;
   visible-3 : non-edit:hidden, move-only:hidden, edit:visible
 */

/*
  mod
  登録：mod-read(確認), mod-new(新規登録), mod-edit(変更)
  区分：mod-normal(一般), mod-move(移動指示)
  プロセス別：mod-ready(サービス前), mod-ing(サービス中), mod-end(完了)
  data-type: 0(待合せ), 1(一般), 9(移動指示)
 */
.spot-info-mod-wrapper.mod-move   .mod-move-hidden,
.spot-info-mod-wrapper.mod-normal .mod-normal-hidden,
.spot-info-mod-wrapper.mod-read   .mod-read-hidden,
.spot-info-mod-wrapper.mod-new    .mod-new-hidden,
.spot-info-mod-wrapper.mod-edit   .mod-edit-hidden {
    display: none !important;
}


.spot-info-mod-wrapper.mod-type-1  .editable-visible-1,
.spot-info-mod-wrapper.mod-type-1  .editable-visible-3 {
    display: none !important;
}

.spot-info-mod-wrapper.mod-move    .editable-move-only-hidden,
.spot-info-mod-wrapper.mod-move    .editable-visible-3 {
    display: none !important;
}

.spot-info-mod-wrapper.mod-type-0  .editable-shadow {
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
}


/* icon1 : non-edit:blue, edit:red
   icon2 : non-end:blue, end:grey
   icon3 : non-edit:blue, edit:red, end:grey;
*/
.spot-info-mod-wrapper.mod-type-0  .editable-icon-1,
.spot-info-mod-wrapper.mod-type-0  .editable-icon-3,
.spot-info-mod-wrapper.mod-type-0  .editable-icon-4 {
    color: #ff5b57 !important;
}

.spot-info-mod-wrapper.mod-type-1  .editable-icon-1,
.spot-info-mod-wrapper.mod-type-1  .editable-icon-3,
.spot-info-mod-wrapper.mod-type-1  .editable-icon-4,
.spot-info-mod-wrapper  .editable-icon-2 {
    color: #348fe2 !important;
}

.spot-info-mod-wrapper.mod-ing  .editable-icon-4 {
    color: #348fe2 !important;
}

.spot-info-mod-wrapper.mod-end  .editable-icon-2,
.spot-info-mod-wrapper.mod-end  .editable-icon-3,
.spot-info-mod-wrapper.mod-end  .editable-icon-4 {
    color: #999999 !important;
}
.spot-info-mod-wrapper.mod-type-0  .editable-icon-1.place-fixed {
    color: #348fe2 !important;
}

.mod-read .input_readonly_type,
.spot-info-mod-wrapper.mod-read input.input_readonly_type,
.spot-info-mod-wrapper input:readonly,
.spot-info-mod-wrapper select:readonly,
.spot-info-mod-wrapper textarea:readonly {
    background: #E5E5E5 !important;
}

.spot-info-mod-wrapper input:disabled,
.spot-info-mod-wrapper select:disabled,
.spot-info-mod-wrapper textarea:disabled {
    background: #E5E5E5 !important;
}

.spot-info-mod-wrapper[data-type="0"] a#go_drv1_marker i.fa-map-marker-alt,
.spot-info-mod-wrapper[data-type="0"] a#go_drv1_addr_setting i.fa-flag-checkered,
.spot-info-mod-wrapper[data-type="0"] a#bk_drv1_marker i.fa-map-marker-alt {
    color: #999999 !important;
}

.place-search-type[data-region="1"] a.btn {
    border: 1px solid white !important;
}
.place-search-type[data-region="2"] a.btn {
    border: 1px solid red !important;
}
.place-search-type[data-region="3"] a.btn {
    border: 1px solid blue !important;
}
.place-search-type[data-region="4"] a.btn {
    border: 1px solid orange !important;
}
.place-search-type[data-region="5"] a.btn {
    border: 1px solid purple !important;
}


.top-input-wrapper input:readonly,
.top-input-wrapper select:readonly,
.top-input-wrapper textarea:readonly {
    background: #E5E5E5 !important;
}

.top-input-wrapper input:disabled,
.top-input-wrapper select:disabled,
.top-input-wrapper textarea:disabled {
    background: #E5E5E5 !important;
}

.discount-setting-btn {
    position: absolute;
    top: 3px;
    right: 2px;
    width: 16px;
    height: 16px;
    background-image: url('/static/img/icon_discount_1.png');
    background-size: 16px 16px;
}
.spot-info-mod-wrapper.mod-type-0 .discount-setting-btn {
    background-image: url('/static/img/icon_discount_2.png');
}


.nosche-icon:hover  .nosche-icon-1,
.nosche-icon:active .nosche-icon-1,
.nosche-icon .nosche-icon-2 {
    display: none;
}
.nosche-icon:hover  .nosche-icon-2,
.nosche-icon:active .nosche-icon-2 {
    display: block;
}

.emp-work-stop-data,
.emp-spot-select-data,
.emp-nosche-data {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 125px;
    height: 44px;
    margin: 3px;
    padding: 3px;
    border: 1px solid #999;
    border-radius: 5px;
}

.emp-work-stop-data.emp-type-0,
.emp-spot-select-data.emp-type-0,
.emp-nosche-data.emp-type-0 {
    background-color: #9CD2D2;
}
.emp-work-stop-data.emp-type-1,
.emp-spot-select-data.emp-type-1,
.emp-nosche-data.emp-type-1 {
    background-color: #FFDBA6;
}
.emp-work-stop-data.emp-type-0:hover,
.emp-spot-select-data.emp-type-0:hover,
.emp-nosche-data.emp-type-0:hover {
    padding: 2px;
    background-color: #55BBBB;
    border: 2px solid red;
}
.emp-work-stop-data.emp-type-1:hover,
.emp-spot-select-data.emp-type-1:hover,
.emp-nosche-data.emp-type-1:hover {
    padding: 2px;
    background-color: #D3A35D;
    border: 2px solid red;
}

.emp-spot-select-data.work-on {
    background-color: #9CD2D2;
}
.emp-spot-select-data.work-off {
    background-color: #D0CAC2;
}
.emp-spot-select-data.work-on:hover {
    padding: 2px;
    background-color: #55BBBB;
    border: 2px solid red;
}
.emp-spot-select-data.work-off:hover {
    padding: 2px;
    background-color: #B3B1AE;
    border: 2px solid red;
}

.emp-work-stop-data.selected,
.emp-spot-select-data.selected {
    padding: 2px;
    border: 2px dotted red;
}

#sub-win-popup {
    min-height: 240px;
}
#sub-win-popup.mode-spot {
    min-height: 360px;
}

.notice-use-end-emp-list table thead tr th,
.notice-use-end-emp-list table tbody tr td {
    vertical-align: middle;
    border: 1px solid #999;
}
.notice-use-end-emp-list table thead tr th {
    border-bottom: 1px solid #777 !important;
}

.schedule-panel-filter-btn:active > i {
    color: green !important;
}

.sales-date-detail-row {
    background-color: #E3E3E3;
}
.sales-date-detail-row:nth-child(even) {
    background-color: #F3F4F3;
}
.sales-date-detail-row:nth-child(odd) {
    background-color: #F1F4FC;
}

.sales-report-btn {
    position: relative;
}
.sales-report-btn.with-unfixed::after {
    position: absolute;
    top: -4px;
    right: -6px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    background-color: red;
    content: '!';
}


table.guest-spot-info-content {
    margin-bottom: 10px;
    border: 2px solid #222222;
}

table.guest-spot-info-content tbody tr td {
    padding: 5px;
    border: 1px solid #999999;
}

table.guest-spot-info-content tbody tr td.t {
    min-width: 80px;
    text-align: center;
    background-color: #dddddd;
}


#user-cancel-confirm-wrapper {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background-color:rgba(0,0,0,0.5);
}
#user-cancel-confirm-wrapper.on {
    display: block;
}
#user-cancel-confirm-wrapper .user-cancel-confirm-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 360px;
    line-height: 30px;
    margin-top: -140px;
    margin-left: -180px;
    padding: 10px;
    text-align: center;
    background: #FFF39F;
    border-radius: 10px;
}
#user-cancel-confirm-wrapper .user-cancel-close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 32px;
    height: 32px;
    line-height: 30px;
    padding: 0;
    border-radius: 50%;
}
#user-cancel-confirm-wrapper .user-cancel-close-btn i {
    line-height: 30px;
}

#common-confirm-wrapper {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background-color:rgba(0,0,0,0.5);
}
#common-confirm-wrapper.on {
    display: block;
}
#common-confirm-wrapper .common-confirm-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top:-100px;
    color: #2d353c;
    text-align: center;
}
#common-confirm-wrapper .common-confirm-content-inner {
    position: relative;
    background: #FFF9D3;
    border-radius: 10px;
}
#common-confirm-wrapper .common-confirm-content-title {
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    background: #f98c8c;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;;
}

.btn-box-style {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.btn-round {
    border-radius: 30px;
}
.btn-round-square {
    border-radius: 50%;
}

.emp-image-upload-btn:after {
    position: absolute;
    top: -4px;
    right: -8px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 9px;
    text-align: center;
    border-radius: 50%;
    background-color: red;
    content: attr(data-cnt);
}
.emp-image-upload-btn[data-cnt="0"]:after {
    /* display: none !important; */
    background-color: grey;
}

.emp-image-upload-btn.top-0:after {
    top: -1px;
}
.emp-image-upload-list {
    overflow-x: scroll;
    width: 100%;
    max-width: 680px;
    height: 200px;
    margin: 0 auto;
}

.emp-image-upload-list ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.emp-image-upload-list[data-count=0] ul { width: 280px; }
.emp-image-upload-list[data-count=1] ul { width: 280px; }
.emp-image-upload-list[data-count=2] ul { width: 420px; }
.emp-image-upload-list[data-count=3] ul { width: 560px; }
.emp-image-upload-list[data-count=4] ul { width: 700px; }
.emp-image-upload-list[data-count=5] ul { width: 840px; }
.emp-image-upload-list[data-count=6] ul { width: 980px; }
.emp-image-upload-list[data-count=7] ul { width: 1120px; }
.emp-image-upload-list[data-count=8] ul { width: 1260px; }
.emp-image-upload-list[data-count=9] ul { width: 1260px; }



.emp-image-upload-list ul li {
    /* 3:4 image rate */
    overflow: hidden;
    position: relative;
    float: left;
    width: 124px;
    height: 164px;
    line-height: 160px;
    margin: 5px;
    border: 2px solid #ccc;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    background-color: #EEDDDD;
    background-image: url('/static/img/bg_02.png');
    background-repeat: repeat;
}

.emp-image-upload-list ul li img {
    max-width: 120px;
}

.emp-image-upload-list ul li .order-menu,
.emp-image-upload-list ul li .img-menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    padding: 5px;
    background-color: rgba(255,255,255,0.3);
}
.emp-image-upload-list ul li .order-menu {
    top: 0;
}
.emp-image-upload-list ul li .img-menu {
    bottom: 0;
}
.emp-image-upload-list ul li:hover .order-menu,
.emp-image-upload-list ul li:hover .img-menu {
    display: block;
}

.emp-image-upload-list ul li .order-menu .btn,
.emp-image-upload-list ul li .img-menu .btn {
    width: 30px;
    height: 30px;
    line-height: 28px;
    padding: 0;
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.emp-image-upload-list ul li .order-menu .btn i,
.emp-image-upload-list ul li .img-menu .btn i {
    line-height: 28px;
    font-size: 14px;
}

.emp-image-upload-list ul li.emp-image-item:first .btn-order-up,
.emp-image-upload-list ul li.emp-image-item:last  .btn-order-dn {
    display: none !important;
}

.btn-title-notify i {
    vertical-align: middle;
}
.btn-title-notify[data-type="1"] i.fa-times,
.btn-title-notify[data-type="1"] i.fa-volume-off,
.btn-title-notify[data-type="0"] i.fa-volume-up {
    display: none !important;
}

.spot-chat-icon {
    position: relative;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.spot-chat-icon:after {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: white;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    background-color: red;
    content: attr(data-cnt);
}
.spot-chat-icon[data-cnt="0"]:after {
    display: none !important;
}

.spot-chat-icon:before {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: white;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    background-color: orange;
    content: '未';
}
.spot-chat-icon[data-end="1"]:before {
    display: none !important;
}
.spot-chat-icon-g {
    position: relative;
}
.spot-chat-icon-g:after {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: white;
    font-size: 8px;
    text-align: center;
    border-radius: 50%;
    background-color: red;
    content: attr(data-cnt);
}
.spot-chat-icon-g[data-cnt="0"]:after {
    display: none !important;
}

.chat-msg-list {
    overflow: hidden;
    position: relative;
    color: #111111;
}
.chat-msg-list .chat-msg-list-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    padding-top: 10px;
    padding-left: 10px;
}

.chat-msg-list-content {
    overflow-y: auto;
    height: 50vh;
    min-height: 100px;
    margin: 65px 10px 110px;
    border: 1px solid #cccccc;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}
.chat-msg-list-content.guest-all {
    width: 500px;
    height: 400px;
    margin: 5px;
}

.chat-msg-list-content .chats {
    padding: 5px 5px 40px;
}
.chat-msg-list-content .chats > li + li {
    margin-top: 5px;
}
.chat-msg-list-content .chats > li.left + li.right,
.chat-msg-list-content .chats > li.right + li.left {
    margin-top: 10px;
}

.chat-msg-list-content .chats a.image {
    position: relative;
    width: 40px;
    height: 32px;
    overflow: visible;
}
.chat-msg-list-content .chats a.image:after {
    content: attr(data-name);
    position: absolute;
    top: -14px;
    left: 5px;
    width: 100px;
    line-height: 14px;
    color: #111;
    font-size: 80%;
    font-weight: 700;
}
.chat-msg-list-content .chats a.image .image-wrapper {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.chat-msg-list-content .chats > li.left + li.left a.image .image-wrapper,
.chat-msg-list-content .chats > li.left + li.left a.image:after {
    display: none;
}
.chat-msg-list-content .chats .right a.image {
    display: none;
}

.chat-msg-list-content .chats .date-time {
    float: left;
    width: 40px;
    height: 32px;
    line-height: 14px;
    margin: 0;
    padding-top: 2px;
    font-size: 80%;
    text-align: left;
}
.chat-msg-list-content .chats .right .date-time {
    float: right;
    text-align: right;
}
.chat-msg-list-content .chats .chat-date-divider {
    clear: both;
    width: 140px;
    line-height: 20px;
    margin: 10px auto 15px;
    color: white;
    font-size: 90%;
    text-align: center;
    border-radius: 20px;
    background: #5da5e8;
}

.chat-msg-list-content .chats .left .message {
    float: left;
    max-width: calc(100% - 95px);
    margin-left: 10px;
    margin-right: 5px;
}
.chat-msg-list-content .chats .right .message {
    float: right;
    max-width: calc(100% - 55px);
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
    background-color: #FFFCCC;
}

.chat-msg-list-content .chats li.unread .read-text,
.chat-msg-list-content .chats li .unread-text {
    display: none;
}
.chat-msg-list-content .chats li.unread .unread-text {
    display: inline-block;
}
.chat-msg-list-content .chats .read-text {
    color: blue;
}
.chat-msg-list-content .chats .unread-text {
    color: red;
}

.chat-msg-list-content .chats .date-time {
    color: #777777;
}
.chat-msg-list-content .chats .message {
    border: 1px solid #777777;
    border-radius: 12px;
}
.chat-msg-list-content .chats .message.color-0 {
    background: #d9fde6;
}
.chat-msg-list-content .chats .message.color-1 {
    background: #dbedfd;
}
.chat-msg-list-content .chats .message:before {
    left: -14px;
    border-right-color: #777777;
}
.chat-msg-list-content .chats .message:after {
    border-right-color: #FFFFFF;
}
.chat-msg-list-content .chats .message.color-0:after {
    border-right-color: #d9fde6;
}
.chat-msg-list-content .chats .message.color-1:after {
    border-right-color: #dbedfd;
}

.chat-msg-list-content .chats .right .message.color-0 {
    background: #9bf1bc;
}
.chat-msg-list-content .chats .right .message.color-1 {
    background: #b1d6f8;
}
.chat-msg-list-content .chats .right .message:before {
    left: auto;
    right: -14px;
    border-left-color: #777777;
    border-right-color: transparent;
}
.chat-msg-list-content .chats .right .message:after {
    border-left-color: #FFFCCC;
    border-right-color: transparent;
}
.chat-msg-list-content .chats .right .message.color-0:after {
    border-left-color: #9bf1bc;
}
.chat-msg-list-content .chats .right .message.color-1:after {
    border-left-color: #b1d6f8;
}

.chat-msg-list-content-loader {
    position: absolute;
    top: 90px;
    bottom: 60px;
    left: 0;
    right: 0;
}
.chat-msg-list-content-loader > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50%;
    margin-top: -25px;
    margin-left: -25px;
}

.chat-msg-list-content-loader > div i {
    line-height: 50px;
    font-size: 40px;
}

.chat-all-list-title {
    line-height: 30px;
    margin-right: 60px;
    padding: 1px 5px;
    color: #111111;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.chat-all-list {
    overflow-y: auto;
    min-height: 270px;
    max-height: 70vh;
    margin-top: 5px;
    padding: 5px;
    color: #111111;
    background-color: #eedddd;
}
.chat-all-list .chat-all-item {
    border-bottom: 1px solid #aaaaaa;
}
.chat-all-list .chat-all-item td {
    position: relative;
    padding: 7px 2px 3px;
}
.chat-all-list .chat-all-item td > div.text-ellipsis {
    position: absolute;
    top: 7px;
    bottom: 3px;
    left: 2px;
    right: 2px;
}

.notice-list-content-wrapper {
    overflow: hidden; 
    max-height: calc(100vh - 80px);
}
.notice-list-content {
    overflow: auto;
    max-height: calc(100vh - 147px); 
    -webkit-overflow-scrolling: touch; 
}

.notice-all-list-loader,
.bbs-all-list-loader,
.chat-all-list-loader {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
}
.notice-all-list-loader.active,
.bbs-all-list-loader.active,
.chat-all-list-loader.active{
    display: block;
}
.notice-all-list-loader > div,
.bbs-all-list-loader > div,
.chat-all-list-loader > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    color: white;
}
.notice-all-list-loader > div i,
.bbs-all-list-loader > div i,
.chat-all-list-loader > div i {
    line-height: 50px;
    font-size: 40px;
}

.user-cancel-select-btn {
    position: relative;
}

.user-cancel-select-btn.editing:after {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    color: red;
    font-size: 14px;
    font-weight: 700;
    content: attr(data-admin);
    background-color: rgba(255,255,255,0.8);
    animation: blink_hidden var(--blink-time) 5;
}

.cancel-select-popup-extra-msg {
    display: none;
}

.cancel-select-popup-extra-msg.on {
    display: block;
    margin-top: 5px;
    padding: 5px;
}

.cancel-select-popup-type2.disabled-cancel .disabled-cancel,
.cancel-select-popup-type2.disabled-p .disabled-p {
    display: none;
}

/*
.event-list-body[view-type="1"] .event-row.event-type-2,
.event-list-body[view-type="1"] .event-row.event-type-3 {
    display: none;
}

.event-list-body[view-type="2"] .event-row.event-type-1,
.event-list-body[view-type="2"] .event-row.event-type-3 {
    display: none;
}

.event-list-body[view-type="3"] .event-row.event-type-1,
.event-list-body[view-type="3"] .event-row.event-type-2 {
    display: none;
}
*/

.event-list-body thead th  {
    border-bottom: 2px solid #999;
}
.event-list-body .coupon-row td,
.event-list-body .event-row td {
    border-bottom: 1px solid #bbb;
}

.event-list-body .event-row.event-type-1 {
    background-color: #F3F9FF;
}
.event-list-body .event-row.event-type-2 {
    background-color: #FEF8FF;
}
.event-list-body .event-row.event-type-3,
.event-list-body .coupon-row.coupon-type-0 {
    background-color: #FFF3F3;
}
.event-list-body .coupon-row.coupon-type-1,
.event-list-body .coupon-row.coupon-type-2 {
    background-color: #ECF1F1;
}
.event-list-body .coupon-row td {
    line-height: 18px;
}

.event-list-body .coupon-row .coupon-term,
.event-list-body .event-row .event-term {
    position: relative
}
.event-list-body .coupon-row.coupon-new .coupon-term:before,
.event-list-body .event-row.event-new .event-term:before {
    position: absolute;
    top: -5px;
    left: -8px;
    width: 32px;
    height: 17px;
    background-image: url('/static/img/icon_decomoji_new.png');
    background-size: 32px 17px;
    background-repeat: no-repeat;
    content: '';
}

.event-type1-only {
    display: none;
}
.event-info-content[data-type="1"] .event-type1-only {
    display: block;
}
.event-type3-only {
    display: none;
}
.event-info-content[data-type="3"] .event-type3-only {
    display: block;
}
.event-info-content select[value="discount_with_usable"] option[value="0"] {
    color: red;
}
.event-info-content select[value="0"] {
    color: red;
}

.timesale-content-list .timesale-item {
    overflow: hidden;
    position: relative;
    margin-top: 5px;
    padding: 5px;
    /*border-bottom: 2px solid #999;*/
}
.timesale-content-list .timesale-item .timesale-onoff-0,
.timesale-content-list .timesale-item .timesale-onoff-1 {
    display: block;
    float: left;
    position: relative;
    width: 40px;
    line-height: 24px;
    color: white;
    font-weight: 700;
    text-align: center;
}
.timesale-content-list .timesale-item .timesale-onoff-0 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.timesale-content-list .timesale-item .timesale-onoff-1 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.timesale-content-list > div:odd {
    background-color: #eeffff;
}
.timesale-content-list > div:even {
    background-color: #ffffee;
}

.timesale-content-list .timesale-item .timesale-onoff a,
.timesale-content-list .timesale-item .timesale-onoff a:hover,
.timesale-content-list .timesale-item .timesale-onoff a:active {
    text-decoration: none;
}
.timesale-content-list .timesale-item[data-onoff="1"] .timesale-onoff-0,
.timesale-content-list .timesale-item[data-onoff="0"] .timesale-onoff-1 {
    background-color: grey;
}
.timesale-content-list .timesale-item[data-onoff="0"] .timesale-onoff-0 {
    background-color: red;
}
.timesale-content-list .timesale-item[data-onoff="1"] .timesale-onoff-1 {
    background-color: green;
}
.timesale-content-list .timesale-item .timesale-item-setting {
    overflow: hidden;
    clear: both;
    position: relative;
    padding-left: 5px;
    background-color: #eeffee;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -webkit-transition-duration: 0.5s, 0.5s;
    -moz-transition-duration: 0.5s, 0.5s;
    transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-timing-function: linear, ease-in;
    transition-timing-function: linear, ease-in;
}
.timesale-content-list .timesale-item[data-onoff="0"] .timesale-item-setting {
    width: 0;
    height: 0;
}
.timesale-content-list .timesale-item[data-onoff="1"] .timesale-item-setting {
    width: 100%;
    height: 120px;
}


.event-system-content .event-system-item .system-onoff-0,
.event-system-content .event-system-item .system-onoff-1 {
    display: block;
    float: left;
    position: relative;
    width: 40px;
    line-height: 24px;
    color: white;
    font-weight: 700;
    text-align: center;
}
.event-system-content .event-system-item .system-onoff-0 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.event-system-content .event-system-item .system-onoff-1 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.event-system-content .event-system-item .system-onoff a,
.event-system-content .event-system-item .system-onoff a:hover,
.event-system-content .event-system-item .system-onoff a:active {
    text-decoration: none;
}
.event-system-content .event-system-item[data-onoff="1"] .system-onoff-0,
.event-system-content .event-system-item[data-onoff="0"] .system-onoff-1 {
    background-color: grey;
}
.event-system-content .event-system-item[data-onoff="0"] .system-onoff-0 {
    background-color: red;
}
.event-system-content .event-system-item[data-onoff="1"] .system-onoff-1 {
    background-color: green;
}
.event-system-content input,
.event-system-content select {
    border: 1px solid #aaa;
}
.event-system-content input:disabled,
.event-system-content select:disabled {
    background-color:#ddd;
}


.event-item {
    position: relative;
    width: calc(100% - 20px);
    max-width: 300px;
    min-height: 120px;
    margin: 10px auto;
    padding: 8px 10px 0 10px;
    border-top: 2px dashed #666;
}
.event-item.selectable {
    padding: 8px 10px 0 20px;
}
/* .event-item.type-3,
.event-item.type-3s {
    min-height: 160px;
} */
.event-item.type-dummy {
    height: 5px;
    min-height: 5px;
}
.event-item .event-dept {
    position: relative;
    max-height: 20px;
    line-height: 20px;
    padding-left: 5px;
    font-size: 90%;/*11px;*/
    font-weight: 700;
    clear: both;
}
.event-item.type-new .event-dept:before {
    position: absolute;
    top: 0;
    left: -20px;
    width: 24px;
    height: 13px;
    background-image: url('/static/img/icon_decomoji_new.png');
    background-size: 24px 13px;
}
.event-item .event-type {
    float: left;
    position: relative;
    width: 22%;
    height: 110px;
    background-color: #007AAE;
    border-right: 2px dotted #111;
}
/* event 青 */
.event-type-1-color,
.event-item.type-1 .event-type {
    background-color: #007AAE;
}
/* timesale 紫 */
.event-type-2-color,
.event-item.type-2 .event-type {
    background-color: #B52ECC;
}
/* coupon(広告) 赤 */
.event-type-3-color,
.event-item.type-3 .event-type {
    background-color: #BD3633;
}
/* coupon(システム自動発行) 緑 */
.event-type-3s-color,
.event-item.type-3s .event-type {
    background-color: #008A8A;
}

/* 無効 */
.event-item.type-disabled .event-type {
    background-color: #999999;
}
.event-item .event-type:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 20px;
    line-height: 20px;
    color: white;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    content: '';
}
.event-item.type-1 .event-type:before {
    content: 'EVENT';
}
.event-item.type-2 .event-type:before {
    content: 'TIME SALE';
}
.event-item.type-3 .event-type:before {
    content: 'P-COUPON';
}
.event-item.type-3s .event-type:before {
    content: 'COUPON';
}
.event-item .event-type .event-type-circle {
    position: absolute;
    top: 50%;
    left: -15px;
    width: 30px;
    height: 40px;
    margin-top: -20px;
    background-color: #d1e4ec;
    border-radius: 50%;
}
.event-item .event-type .event-selectable-checker {
    display: none;
    position: absolute;
    top: 50%;
    left: -18px;
    width: 30px;
    height: 34px;
    margin-top: -17px;
    color: #909090;
    text-align: center;
    background-color: #A0A0A0;
    border-radius: 50%;
}
.event-item.selectable .event-type .event-selectable-checker {
    display: block;
}
.event-item.selectable .event-type .event-selectable-checker i {
    line-height: 36px;
    font-size: 20px;
}
.event-item.selectable.check-on .event-type .event-selectable-checker {
    color: #E91E63;
    background: white;
}
.event-item .event-type .event-use-btn {
    overflow: hidden;
    position: absolute;
    right: 15px;
    bottom: -10px;
    width: 64px;
    height: 64px;
    background-image: url('/static/img/btn_coupon_use.png');
    background-size: 100% 100%;
}


.event-item .event-content {
    float:right;
    position: relative;
    width: 78%;
    height: 110px;
    background-color: white;
}
.event-item.type-disabled .event-content {
    background-color: #c0c0c0;
}
.event-item .event-content .event-content-tri {
    position: absolute;
    top: 0;
    left: -9px;
    width: 16px;
    height: 16px;
    border-top: 8px solid #d1e4ec;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.event-item .event-content .event-content-circle {
    position: absolute;
    top: 50%;
    right: -15px;
    width: 30px;
    height: 40px;
    margin-top: -20px;
    background-color: #d1e4ec;
    border-radius: 50%;
}
.event-item .event-content .event-end {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 150px;
    height: 20px;
    line-height: 20px;
    font-size: 90%;/*11px;*/
    color: blue;
}
.event-item .event-content .event-off {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    padding-right: 15px;
    height: 50px;
    text-align: center;
}
.event-item .event-content .event-off > div {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 5px;
    color: #007AAE;
    font-size: 28px;
    font-weight: 700;
    border-bottom: 3px solid #aaaaaa;
}
.event-item.type-2 .event-content .event-off > div {
    color: #B52ECC;
}
.event-item.type-3 .event-content .event-off > div {
    color: #BD3633;
}
.event-item.type-3s .event-content .event-off > div {
    color: #008A8A;
}
.event-item.type-disabled .event-content .event-off > div {
    color: #111111;
}
.event-item .event-content .conditions {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    height: 28px;
    line-height: 16px;
    padding-right: 15px;
    font-size: 90%;/*11px;*/
    text-align: center;
}
.event-item .event-content .event-rate {
    position: absolute;
    top: -20px;
    right: -12px;
    width: 64px;
    height: 64px;
    line-height: 16px;
    padding-top: 20px;
    color: #007AAE;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    background-image: url('/static/img/bg_discount_rate.png');
    background-size: 64px 64px;
}
.event-item.type-2 .event-content .event-rate {
    color: #B52ECC;
}
.event-item.type-3 .event-content .event-rate {
    color: #BD3633;
}
.event-item.type-3s .event-content .event-rate {
    color: #008A8A;
}
.event-item.type-disabled .event-content .event-rate {
    color: #ffffff;
    background-image: url('/static/img/bg_discount_rate_disabled.png');
}
.event-item .event-content .event-rate.rate-nothing {
    display: none;
}
.event-item .event-notify {
    max-height: 20px;
    line-height: 20px;
    font-size: 90%;/*11px;*/
    text-align: center;
    clear: both;
}
/* .event-item.type-1 .event-notify,
.event-item.type-2 .event-notify,
.event-item.type-3 .event-notify {
    display: none;
} */

.guest-list-pager {
    display: inline-block;
    min-width: 20px;
    height: 20px;
    margin: 2px;
    line-height: 18px;
    color: #111111;
    text-align: center;
    background-color: #eeddcc;
    border: 1px solid #999999;
    border-radius: 3px;
    text-decoration: none;
}
.guest-list-pager.selected {
    font-weight: 700;
}
.guest-list-pager:active,
.guest-list-pager:focus,
.guest-list-pager:hover {
    color: #111111;
    background-color: #ccddcc;
    text-decoration: none;
}


.list-pager {
    display: inline-block;
    min-width: 20px;
    height: 20px;
    margin: 2px;
    line-height: 18px;
    color: #111111;
    text-align: center;
    background-color: #eeddcc;
    border: 1px solid #999999;
    border-radius: 3px;
    text-decoration: none;
}
.list-pager.selected {
    font-weight: 700;
}
.list-pager:active,
.list-pager:focus,
.list-pager:hover {
    color: #111111;
    background-color: #ccddcc;
    text-decoration: none;
}

.search-highlight {
    color: #ff5b57;
    font-weight: 700;
    background: #e9fb65;
}

.search-list-result {
    min-width: 310px;
    margin: 10px 0 5px;
    color: #222222;
}

.emp-review-list-item {
    overflow: hidden;
    position: relative;
    min-height: 60px;
    margin-top: 7px;
    padding: 3px;
    background-color: #ddddee;
    border: 1px solid #aaaaaa;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

#system-top-popup_background {
    z-index: 100010 !important;
}
#system-top-popup_wrapper {
    z-index: 100011 !important;
}

#admin-notice-popup_background,
#common-500-popup_background,
#common-600-popup_background {
    z-index: 100020 !important;
}
#admin-notice-popup_wrapper,
#common-500-popup_wrapper,
#common-600-popup_wrapper {
    z-index: 100021 !important;
}

#event-time-popup_background,
#sub-win-popup_background,
#cancel-select-popup_background,
#common-400-popup_background,
#common-popup_background {
    z-index: 100030 !important;
}
#event-time-popup_wrapper,
#sub-win-popup_wrapper,
#cancel-select-popup_wrapper,
#common-400-popup_wrapper,
#common-popup_wrapper {
    z-index: 100031 !important;
}

#input-calc-result_background,
#common-img-popup_background,
#common-msg-popup_background {
    z-index: 100050 !important;
}
#input-calc-result_wrapper,
#common-img-popup_wrapper,
#common-msg-popup_wrapper {
    z-index: 100051 !important;
}

#common-msg2-popup_background {
    z-index: 100100 !important;
    background-color: rgb(10, 22, 65) !important;
    background-image: url('/static/img/bg_popup_click_closed.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}
#common-msg2-popup_wrapper {
    z-index: 100101 !important;
}

#common-top-popup_background {
    z-index: 100200 !important;
}
#common-top-popup_wrapper {
    z-index: 100201 !important;
}
#common-top2-popup_background {
    z-index: 100300 !important;
}
#common-top2-popup_wrapper {
    z-index: 100301 !important;
}
#common-top9-popup_background {
    z-index: 300300 !important;
}
#common-top9-popup_wrapper {
    z-index: 300301 !important;
}

.help-stamp-img img {
    display:none;
    max-width: 155px;
}
.help-stamp-img[data-stamp="5"]  img.stamp-img-5,
.help-stamp-img[data-stamp="10"] img.stamp-img-10 {
    display:inline-block;
}


#batch-upload-btns[data-proc="1"] a.btn[data-proc="2"],
#batch-upload-btns[data-proc="1"] a.btn[data-proc="3"],
#batch-upload-btns[data-proc="2"] a.btn[data-proc="1"],
#batch-upload-btns[data-proc="2"] a.btn[data-proc="3"],
#batch-upload-btns[data-proc="3"] a.btn[data-proc="1"],
#batch-upload-btns[data-proc="3"] a.btn[data-proc="2"] {
    display: none;
}


.text-ellipsis-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.text-ellipsis-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

#bbs-reg-form-category-list {
    overflow: hidden;
    padding: 0 5px 10px;
    min-height: 100px; 
    background: #e6e6e6;
}
.bbs-reg-form-category-item {
    overflow: hidden;
    margin-top: 15px;
    border-radius: 5px; 
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

#bbs-reg-form-category .bbs-category-title {
    padding: 5px;
    color: white;
    font-size: 120%;
    font-weight: 700;
    background: #566d58;
}
#bbs-reg-form-category ul {
    overflow: hidden;
    margin: 0;
    padding: 6px;
    background: #ffffff;
    list-style: none;
}
#bbs-reg-form-category ul>li {
    float: left;
    line-height: 28px;
    margin: 5px;
}
#bbs-reg-form-category ul>li a.bbs-category-item {
    width: 175px;
    height: 30px;
    line-height: 28px;
    padding: 0;
    color: #222222;
    font-size: 13px;
    background: #ccdcd6;
    border: 1px solid #a0a0a0;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}
#bbs-reg-form-category ul>li a.bbs-category-item:hover,
#bbs-reg-form-category ul>li a.bbs-category-item:active,
#bbs-reg-form-category ul>li a.bbs-category-item.active {
    color: #f0f0f0;
    background: #4aca48 !important;
}

#bbs-reg-form-search-result-list {
    overflow: hidden;
    min-height: 150px; 
    padding: 0 8px 10px; 
    background: #e6e6e6;
}
.bbs-reg-form-search-result-item {
    margin-top: 8px;
}
#bbs-reg-form-search-result a[data-toggle="collapse"] i.fa-plus,
#bbs-reg-form-search-result a.collapsed[data-toggle="collapse"] i.fa-minus {
    display: none;
}
#bbs-reg-form-search-result a.collapsed[data-toggle="collapse"] i.fa-plus {
    display: inline-block;
}
.bbs-reg-form-search-result-collapse-content {
    overflow: hidden;
    position: relative;
    padding: 5px 70px 5px 5px;
    background: #C2DFFA;
    border: 1px solid #999; 
    border-bottom-left-radius: 8px; 
    border-bottom-right-radius: 8px;
}
.bbs-reg-form-search-result-collapse-content .like-btn {
    position: absolute;
    top: 50%; 
    right: 10px;
    width: 48px;
    height: 48px;
    margin-top: -24px;
}
.bbs-reg-form-search-result-collapse-content .like-btn a {
    width: 48px; 
    height: 48px;
    padding: 10px;
    border-radius: 50%;
}

.bg-talk-bubble-q,
.bg-talk-bubble-a,
.bg-talk-bubble {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 16px;
    color: white;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    background-image: url('/static/img/icon_talk_bubble.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-talk-bubble-q {
    background-image: url('/static/img/icon_talk_bubble_b.png');
}
.bg-talk-bubble-a {
    background-image: url('/static/img/icon_talk_bubble_r.png');
}

.bbs-input-files-item {
    position: relative;
    float: left;
    max-width: 200px;
    line-height: 16px;
    margin: 0 8px 5px 0;
    padding: 4px 20px 4px 5px;
    color: white;
    /* font-weight: 700; */
    background: #e0a72a;
    border: 1px solid #999999;
    border-radius: 5px;
}
.bbs-input-files-item.slim {
    margin: 0 5px 5px 0;
    padding: 3px 5px;
    background: #6aa5d6;
}
.bbs-input-files-item.uploaded {
    background: #6aa5d6;
}
.bbs-input-files-item a.text-link {
    color: white !important;
    text-decoration: none;
}
.bbs-input-files-item .bbs-input-files-item-del {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 20px;
    line-height: 24px;
    color: red !important;
    text-align: center;
}
.bbs-qna-content {
    float: left;
    position: relative;
    min-height: 20px;
    line-height: 15px;
    padding: 5px 30px 5px 5px;
    width: calc(100% - 30px);
    background: #fafafa; 
    border: 1px solid #999; 
    border-radius: 5px;
}
.bbs-qna-content .with-file {
    position: absolute;
    top: 50%; 
    right: 0;
    width: 30px;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    text-align: center;
}

#sales-stat-cast-tab-wrapper {
    overflow: hidden;
    height: 30px;
    padding: 3px 10px 0;
    border-bottom: 2px solid #999;
}
#sales-stat-cast-tab-wrapper a.btn {
    min-width: 75px;
    height: 20px;
    line-height: 18px;
    margin-top: 5px;
    padding: 0 3px;
    color: #141414;
    font-size: 12px;
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#sales-stat-cast-tab-wrapper[data-type="1"] a.btn[data-type="1"],
#sales-stat-cast-tab-wrapper[data-type="2"] a.btn[data-type="2"],
#sales-stat-cast-tab-wrapper[data-type="3"] a.btn[data-type="3"] {
    height: 25px;
    line-height: 23px;
    margin-top: 0;
    color: white;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0px -1px 5px rgba(0,0,0,0.5);
}

#sales-emp-tab-wrapper {
    overflow: hidden;
    height: 30px;
    padding: 3px 10px 0;
    border-bottom: 2px solid #999;
}
#sales-emp-tab-wrapper a.btn {
    width: 90px;
    height: 20px;
    line-height: 18px;
    margin-top: 5px;
    padding: 0;
    color: #141414;
    font-size: 12px;
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#sales-emp-tab-wrapper[data-type=cast]  a.btn[data-type=cast],
#sales-emp-tab-wrapper[data-type=drv]   a.btn[data-type=drv],
#sales-emp-tab-wrapper[data-type=admin] a.btn[data-type=admin] {
    height: 25px;
    line-height: 23px;
    margin-top: 0;
    color: white;
    font-size: 13px;
    font-weight: 700;
    box-shadow: 0px -1px 5px rgba(0,0,0,0.5);
}

.selectable-car-list-content {
    overflow: hidden;
    padding: 0 10px 20px; 
}
.selectable-car-list-content a {
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding: 5px;
    background: #f4f4f4;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.selectable-car-list-content a div.img-wrapper {
    overflow: hidden;
    float: left;
    width: 82px; 
    height: 42px;
    text-align: center;    
    background: #bbb;
    border: 1px solid #999;
    border-radius: 5px;
}
.selectable-car-list-content a div.img-wrapper img {
    max-width: 80px; 
    max-height: 40px; 
}
.selectable-car-list-content a div.car-info {
    float: right;
    width: calc(100% - 82px);
    line-height: 42px;
    padding-left: 10px;
    font-size: 120%;
    font-weight: 700;
    text-align: left; 
}

.kasikoi-panel-container {
    overflow: hidden;
    position: relative; 
    display: table; 
    width: 100%; 
    height: 100%;
    color: #222;
}
.kasikoi-panel-title {
    position: relative; 
    display: table-row; 
    height: 2%;
}
.kasikoi-panel-title-content {
    overflow: hidden;
    position: relative; 
    line-height: 25px;
    border-bottom: 2px solid #666;
}
.kasikoi-panel-title-content-text {
    font-size: 16px;
    font-weight: 700;
}
.kasikoi-panel-body {
    position: relative; 
    display: table-row; 
    height: 100%;
    background: #f9f9f9;
}
.kasikoi-panel-body-content {
    overflow: hidden;
    position: relative; 
    width: 100%;
    height: 100%;
    padding: 5px;
}



.box-shadow-3 {
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.box-shadow-5 {
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.box-shadow-7 {
    box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
}

.label-rounded-3 {
    border-radius: 3px;
}
.label-rounded-5 {
    border-radius: 5px;
}
.label-rounded-7 {
    border-radius: 7px;
}
.label-rounded-8 {
    border-radius: 8px;
}
.label-rounded-10 {
    border-radius: 10px;
}

.float-btn-r30 {
    position: absolute;
    top: 50%;
    right: 0;
}

.float-btn-r30 {
    width: 30px;
    height: 30px;
    margin-top: -15px;
}

.close-btn-tr,
.close-btn-l0,
.close-btn-l5,
.close-btn-x0,
.close-btn-x5 {
    position: absolute;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 50%;
}
.close-btn-tr {
    top: -10px;
    right: -10px;
}
.close-btn-l0 {
    top: 0;
    left: 0;
}
.close-btn-l5 {
    top: 5px;
    left: 5px;
}
.close-btn-x0 {
    top: 0;
    right: 0;
}
.close-btn-x5 {
    top: 5px;
    right: 5px;
}
.close-btn-tr i,
.close-btn-l0 i,
.close-btn-l5 i,
.close-btn-x0 i,
.close-btn-x5 i {
    line-height: 28px;
    font-size: 20px;
}

.btn-circle-shadow-48 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.btn-circle-shadow-36 {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.btn-circle-shadow-30 {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.btn-rounded-shadow {
    border-radius: 20px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.checkbox-14 {
    width: 14px;
    height: 14px;
    margin-top: 0 !important;
    vertical-align: middle !important;
}
.checkbox-16 {
    width: 16px;
    height: 16px;
    margin-top: 0 !important;
    vertical-align: middle !important;
}

.selected-moveto-list-title,
.selected-moveto-list,
.selected-moveto-list-memo {
    min-width: 250px; 
    background: #E2EFFD;
}

.selected-moveto-list-title {
    padding: 5px 0;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
.selected-moveto-list-memo {
    padding-bottom: 5px;
    color: #FF5B57;
    font-weight: 700;
}
.selected-moveto-list {
    overflow-y: auto;
    height: 85px; 
    text-align: center;
}

.popup-select-moveto-emp {
    overflow: hidden;
    display: inline-block;
    position: relative; 
    width: 50px; 
    height: auto;
    margin: 3px;
    padding: 0;
}
.popup-select-moveto-emp.with-p::after,
.popup-select-moveto-emp.with-p-ban::after {
    position: absolute;
    top: 20px;
    right: 0;
    width: 18px;
    height: 18px;
    content: '';
    background-size: 18px 18px;
}
.popup-select-moveto-emp.with-p::after {
    background-image: url('/static/img/icon_act_type_wait.png');
}
.popup-select-moveto-emp.with-p-ban::after {
    background-image: url('/static/img/icon_act_type_wait_ban.png');
}

.popup-select-moveto-emp .img-wrapper {
    overflow: hidden;
    width: 40px; 
    height: 40px; 
    line-height: 40px; 
    margin: 0 auto; 
    border-radius: 50%; 
    border: 2px solid #CCCCCC;
}
.popup-select-moveto-emp .img-wrapper img {
    max-width: 36px; 
    max-height: 36px; 
    vertical-align: top;
}

.selectable-moveto-list {
    overflow-y: auto; 
    min-width: 250px; 
    min-height: 100px; 
    max-height: 300px; 
    text-align: center;
    background: #F5CCA5;
}

.popup-portal-btn {
    width: 120px;
    height: 30px;
    line-height: 24px;
    margin: 5px;
    padding: 2px;
    font-size: 12px;
}

.spot-info-portal-input-title {
    color: #000000;
    background: #929ba1;
}

.blink-reverse {
    animation: blink_bg_dark_white var(--blink-time-1-5) 5;
}

.spot-place-search-result {
    overflow: hidden;
    width: 100%; 
    margin: 0;
    padding-top: 5px;
    padding-left: 0;
    list-style: none;
}
.spot-place-search-result .psr-pl
{
    float: left;
    overflow: hidden;
    min-width: 160px;
    padding: 3px;
}
.spot-place-search-result .psr-gh,
.spot-place-search-result .psr-gh2 {
    float: left;
    overflow: hidden;
    position: relative;
    width: 166px;
    padding: 3px;
}
.spot-place-search-result .psr-gh {
    width: 100%;
    min-width: 160px;
}

.spot-place-search-result .psr-pl a.btn,
.spot-place-search-result .psr-gh a.btn,
.spot-place-search-result .psr-gh2 a.btn {
    float: left;
    width: 160px;
    min-width: 50px;
    height: 24px;
    line-height: 20px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: left;
}
.spot-place-search-result .psr-pl .area-icon,
.spot-place-search-result .psr-gh .area-icon,
.spot-place-search-result .psr-gh2 .area-icon {
    display: inline-block;
    width: 14px;
    height: 20px;
    padding-top: 3px;
    padding-left: 2px;
    vertical-align: middle;
}
.spot-place-search-result .psr-pl .area-icon > div,
.spot-place-search-result .psr-gh .area-icon > div,
.spot-place-search-result .psr-gh2 .area-icon > div {
    width: 12px; 
    height: 12px; 
    border: 1px solid white; 
    border-radius: 50%;
}
.spot-place-search-result .psr-gh .guest-addr
{
    float: right;
    width: calc(100% - 165px);
    line-height: 24px;
    color: #2d353c;
}
.spot-place-search-result .place-search-type-2 {
    min-width: 249px;
}
.spot-place-search-result .place-search-type-2.btn-4cols {
    width: 249px;
}
.spot-place-search-result .place-search-type-2.btn-3cols {
    width: 332px;
}
.spot-place-search-result .place-search-type-2.btn-2cols {
    width: 452px;
}
.spot-place-search-result .place-search-type-2 a.btn {
    width: 100%;
}

@media (max-width: 500px) {
    .spot-place-search-result .place-search-type-2.btn-4cols,
    .spot-place-search-result .place-search-type-2.btn-3cols,
    .spot-place-search-result .place-search-type-2.btn-2cols,
    .spot-place-search-result .place-search-type-2 a.btn {
        width: 100%;
    }
}

.map-name-label {
    font-size: 13px;
}

.drv-route-container {
    z-index: 30;
}
#drv-route-close-btn {
    position: absolute;
    top: 0;
    right: 0;
}
#drv-route-act-list {
    position: absolute;
    min-width: 300px;
    color: #111111;
    background: #ffffff; 
    border: 2px solid #222;
}
#drv-route-act-list-main {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

@media (max-width: 500px) {
    #drv-route-act-list {
        bottom: 50px;
        left: 0;
        right: 0;
        width: auto;
    }
    #drv-route-act-list-main {
        max-height: 210px;
        overflow-y: auto;
    }
}
@media (max-height: 500px) {
    #drv-route-act-list {
        top: 0;
        right: 0;
        max-height: calc(100vh - 50px);
    }
}
@media (min-width: 501px) and (min-height: 501px) {
    #drv-route-act-list.pc-minimize {
        top: auto !important;
        bottom: 50px !important;
        left: auto !important;
        right: 36px !important;
        height: 60px !important;
    }
}
@media (min-width: 1024px) and (min-height: 501px) {
    #drv-route-act-list.pc-minimize {
        top: auto !important;
        bottom: 15px !important;
        left: auto !important;
        right: 36px !important;
        height: 60px !important;
    }
}

.drv-route-act-list-row.in-car-cast {
    background-color: #F7CDF9;
}
.drv-route-act-list-row.in-car-cast.with-border {
    border: 2px solid #B254B7;
}

.drv-route-act-list-row.completed::after {
    position: absolute;
    top: 50%;
    left: 3px;
    width: 24px;
    height: 24px;
    line-height: 26px;
    margin-top: -12px;
    color: white;
    font-size: 16px; 
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    background-color: #666666;
    content: '完';
}
.drv-route-act-list-row.completed.diff-act::after {
    content: '❕';
}

/* bg_color_org   = ["#B21016", "#E20CE4", "#239930"];  red, purple, green  */
.drv-route-bgcolor-1 {
    background: #FCE6FD;/* purple rgba(226,12,228,0.1) */
}
.drv-route-bgcolor-2 {
    background: #E8F5EA; /* green rgba(35,153,48,0.1) */
}
.drv-route-bgcolor-0 {
    background: #F7E6E7; /* red rgba(35,153,48,0.1) */
}
.drv-route-bgcolor-9 {
    background: #DDDDDD;
}

.drv-route-bgcolor-1.selected {
    background: #F6B5F7; /* rgba(226,12,228,0.3) */
}
.drv-route-bgcolor-2.selected {
    background: #BCE0C0; /* rgba(35,153,48,0.3) */
}
.drv-route-bgcolor-0.selected {
    background: #E8B6B8; /* rgba(178,16,22,0.3) */
}

.drv-route-bgcolor-1.selected.reg-read {
    background: #FCE6FD;/* purple rgba(226,12,228,0.1) */
}
.drv-route-bgcolor-2.selected.reg-read {
    background: #E8F5EA; /* green rgba(35,153,48,0.1) */
}
.drv-route-bgcolor-0.selected.reg-read {
    background: #F7E6E7; /* red rgba(35,153,48,0.1) */
}

.drv-route-btn-1 {
    color: #111;
    background: #FCE6FD;
    border-color: #C67579;
}
.drv-route-btn-1.selected {
    background: #F6B5F7;
}
.drv-route-btn-1:hover,
.drv-route-btn-1:focus,
.drv-route-btn-1:active,
.drv-route-btn-1.active {
    background: #DEAEDF;
    border-color: #C970CB;
}

.drv-route-btn-2 {
    color: #111;
    background: #E8F5EA;/* E8B6B8 */
    border-color: #5CBC66;
}
.drv-route-btn-2.selected {
    background: #BCE0C0;
}
.drv-route-btn-2:hover,
.drv-route-btn-2:focus,
.drv-route-btn-2:active,
.drv-route-btn-2.active {
    background: #8ECF95;
    border-color: #45A24F;
}

.drv-route-btn-0 {
    color: #111;
    background: #F7E6E7;
    border-color: #CB8689;
}
.drv-route-btn-0.selected {
    background: #E8B6B8;
}
.drv-route-btn-0:hover,
.drv-route-btn-0:focus,
.drv-route-btn-0:active,
.drv-route-btn-0.active {
    background: #D8ABAD;
    border-color: #C87A7D;
}

.drv-shift-btns a.enabled-btn,
.drv-shift-btns.disabled a.disabled-btn {
    display: inline-block;
}
.drv-shift-btns.disabled a.enabled-btn,
.drv-shift-btns a.disabled-btn {
    display: none;
}

.route-fs-hidden.on {
    display: none !important;
}
.content-with-route-fullscreen {
    top: 0 !important;
    bottom: 0 !important;
    margin-right: 0 !important;
}
#content.map-extended .content-map-fullscreen,
.content-map-fullscreen {
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 767px) {
    .page-content-full-height .content-with-footer.content-with-route-fullscreen {
        bottom: 0 !important;
    }
    .page-content-full-height .content.content-with-route-fullscreen {
        top: 0 !important;
    }
}

.content-with-route-fullscreen #map-canvas .map-controls-area {
    top: 50px;
}

.route-kasikoi-logo {
    display: none;
}
.content-with-route-fullscreen .route-kasikoi-logo {
    display: block;
}

.call-taxi-btn.disabled {
    display: none !important;
}

/* 
 * drv_line_colors = ["#00A2E8", "#22B14C", "#FFF200", "#FF7F27", "#ED1C24"];
 */
#drv-select-list tr:nth-child(3) {
    background-color: rgba(0,162,232,0.1);
}
#drv-select-list tr:nth-child(4) {
    background-color: rgba(34,177,76,0.1);
}
#drv-select-list tr:nth-child(5) {
    background-color: rgba(255,242,0,0.1);
}
#drv-select-list tr:nth-child(6) {
    background-color: rgba(255,127,39,0.1);
}
#drv-select-list tr:nth-child(7) {
    background-color: rgba(237,28,36,0.1);
}
.drv-select-row:hover {
    background-color: #FFFFFF !important;
}
/* .drv-select-row.ng-drv {
    background-color: #FFFCCC;
}
.drv-select-row.ng-drv:hover {
    background-color: #FFFA99;
} */

.rr-ng-drv-btn,
.rr-img-up-btn {
    position: relative;
}

.rr-ng-drv-btn:after,
.rr-img-up-btn:after {
    position: absolute;
    top: -4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: white;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    background-color: red;
    content: attr(data-cnt);
}
.rr-ng-drv-btn:after {
    left: -5px;
    background-color: #2196f3;
}
.rr-img-up-btn:after {
    right: -5px;
}
.rr-ng-drv-btn[data-cnt="0"]:after,
.rr-img-up-btn[data-cnt="0"]:after {
    display: none !important;
}

.drv-select-map-schedule-btn .type-1,
.drv-select-map-schedule-btn .type-2 {
    display: none;
}
.drv-select-map-schedule-btn[data-type="1"] .type-1,
.drv-select-map-schedule-btn[data-type="2"] .type-2 {
    display: inline-block;
}

.call-hist-row:nth-child(even) {
    background-color: #e6f0f9;
}
.call-hist-row:nth-child(odd) {
    background-color: #f9fcfd;
}

#guest-list-search-reg-pop
{
    position: absolute; 
    top: 0; 
    left: 50%; 
    width: 520px; 
    /* height: 160px;  */
    margin-left: -260px;
    margin-top: calc(50vh - 120px); 
    padding: 5px;
    border-radius: 5px; 
    background: #e0e0e0;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
@media (max-width: 520px) {
    #guest-list-search-reg-pop { width: 280px; margin-left: -140px; margin-top: calc(50vh - 200px);  padding-left: 15px; }
}

.kasikoi-logo-wrapper {
    position: relative;
}
.kasikoi-logo-wrapper:before {
    position: absolute;
    top: 0;
    left: -2px;
    width: 8px;
    height: 8px;
    z-index: 1;
    content: '';
    border-radius: 50%;
}
.kasikoi-logo-wrapper[data-status="1"]:before {
    background: red;
}
.kasikoi-logo-wrapper[data-status="2"]:before {
    background: orange;
}
.kasikoi-logo-wrapper[data-status="3"]:before {
    background: yellow;
}
.kasikoi-logo-wrapper[data-status="4"]:before {
    background: blue;
}

.place-search-type {
    position: relative;
}
.with-new-place2:after {
    position: absolute;
    top: 0;
    left: 0; 
    width: 14px;
    height: 14px;
    background-image: url('/static/img/icon_new_guest.png');
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
}

.with-new-place:after {
    position: absolute;
    top: -5px;
    left: -5px; 
    width: 14px;
    height: 14px;
    background-image: url('/static/img/icon_new_guest.png');
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
}
.sidebar-place-row .with-new-place:after {
    top:-3px;
    left: -4px;
}

.page-sidebar-minified .sidebar .nav > li.has-sub.active > a, .page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a {
    background: #232a2f;
}
.sidebar .nav>li.active>a, .sidebar .nav>li.active>a:focus, .sidebar .nav>li.active>a:hover {
    color: #a8acb1;
    background: #232a2f;
}
.page-sidebar-minified .sidebar .nav > li.has-sub.expand > a, .page-sidebar-minified .sidebar .nav > li.has-sub.expand:hover > a {
    background: #00acac;
}
.sidebar .nav>li.expand>a, .sidebar .nav>li.expand>a:focus, .sidebar .nav>li.expand>a:hover {
    color: #fff;
    background: #00acac;
}
.sidebar .nav>li>a i {
    margin-right: 10px;
}

.sidebar .sub-menu > ul > li.active > a, 
.sidebar .sub-menu > li.active > a {
    font-weight: normal;
}

.sidebar #emp-list::-webkit-scrollbar,
.sidebar #spot-list::-webkit-scrollbar,
.sidebar #place-list::-webkit-scrollbar {
    display: none;
}

.cash-data-row[data-type="0"] {
    background-color: #EBE2EB;
}
.cash-data-row[data-type="1"] {
    background-color: #E5F6FF;
}

.move-dupulicated-select-pop {
    width: 530px;
    margin: 0 auto;
}
@media (max-width: 500px) {
    .move-dupulicated-select-pop {
        width: 430px;
        margin: 0 auto;
    }
}

.with-self-move-icon {
    position: relative;
}
.with-self-move-icon:after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: white;
    text-align: center;
    background-color: #00ACAC;
    border-radius: 50%;
    background-image: url('/static/img/icon_move_by_walk_self.png');
    background-repeat: no-repeat;
    background-size: 18px 18px;
    content: '';
}

.header {
    z-index: 1040;
}

#overwrap-content-popup-body-refresh {
    position: absolute; 
    bottom: 10px; 
    right: 10px; 
    width: 40px; 
    height: 40px; 
    text-align: center;
    border-radius: 50%; 
    background-color: rgba(0,0,0,0.5);
}
.agent-qna-wrapper {
    position: absolute; 
    bottom: 60px; 
    right: 0; 
    left: auto;
    width: 40px; 
    height: 40px; 
    padding: 10px 4px 4px; 
    text-align: center;
    border-radius: 50%; 
    background-color: rgba(0,0,0,0.4);
    z-index: 100;
}
.agent-qna-wrapper.bottom-0 {
    bottom: 50px; 
}

@media (max-width: 767px) {
    #overwrap-content-popup-body-refresh {
        right: 5px;
    }
    .agent-qna-wrapper {
        display: none;
    }
    .agent-qna-wrapper {
        position: absolute; 
        bottom: 10px; 
        left: 0; 
        right: auto;
        width: 40px; 
        height: 40px; 
        padding: 10px 4px 4px; 
        text-align: center;
        border-radius: 50%; 
        background-color: rgba(0,0,0,0.4);
        z-index: 100;
    }
    .agent-qna-wrapper.bottom-0 {
        bottom: 0; 
    }
}

.overwrap-right-toggle {
    display: none;
}
@media (max-width: 767px) {
    .overwrap-right-toggle {
        display: block;
        position: absolute;
        bottom: 50px;
        right: 40px;
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 50%; 
        background-color: rgba(0,0,0,0.4);
        z-index: 200;
    }
    .with-right-icon .overwrap-right-toggle {
        right: 225px;
    }
    .with-right-icon.page-sidebar-minified .overwrap-right-toggle {
        right: 40px;
    }

    .overwrap-right-toggle .fa-angle-double-left {
        display: inline-block;
    }
    .overwrap-right-toggle .fa-angle-double-right {
        display: none;
    }

    .with-right-icon .overwrap-right-toggle .fa-angle-double-left {
        display: none;
    }
    .with-right-icon .overwrap-right-toggle .fa-angle-double-right {
        display: inline-block;
    }

    .with-right-icon.page-sidebar-minified .overwrap-right-toggle .fa-angle-double-left {
        display: inline-block;
    }
    .with-right-icon.page-sidebar-minified .overwrap-right-toggle .fa-angle-double-right {
        display: none;
    }
}

.emp-car-no {
    display: inline-block;
    line-height: 16px;
    padding: 0 5px;
    color: darkgreen;
    vertical-align: middle;
    background-color: white;
    border: 2px solid darkgreen;
    border-radius: 6px;
}

.warn-ble-off:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 12px;
    line-height: 12px;
    color: white;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    content: '❕';
    animation: blink_icon_label var(--blink-time) 5;
}
.bg-trans {
    background-color: transparent;
}
.link-with-underline {
    text-decoration: underline;
}
.link-with-none {
    text-decoration: none;
}
.link-with-none:hover,
.link-with-none:active,
.link-with-none:focus {
    text-decoration: none;
}

@media (max-width: 1023px) {
    #push-status-delay {
        overflow: hidden;
        border-radius: 50%;
    }
}

.emp-tabs-detail {
    position: relative;
}
.emp-tabs-detail[data-check="1"]:after {
    position: absolute;
    top: -3px;
    right: 1px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    color: white;
    font-size: 11px;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    content: '❕';
    animation: blink_icon_label var(--blink-time) 5;
}
.emp-tabs-detail[data-check="0"]:after {
    display: none;
}

.dept-tel-wrapper[data-tel-type="0"] .dept-tel-cti-hidden,
.dept-tel-wrapper[data-tel-type="1"] .dept-tel-cti {
    display: none;
}

.voice-search-btn[data-voice="0"] i.fa-stop,
.voice-search-btn[data-voice="1"] i.fa-microphone {
    display: none;
}
.voice-search-input {
    background-image: url('/static/img/bg_search_progress.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 0 100%;
}
.voice-search-input.progress-0   { background-size: 0 0; }
.voice-search-input.progress-5   { background-size:  5% 100%; }
.voice-search-input.progress-10  { background-size: 10% 100%; }
.voice-search-input.progress-15  { background-size: 15% 100%; }
.voice-search-input.progress-20  { background-size: 20% 100%; }
.voice-search-input.progress-25  { background-size: 25% 100%; }
.voice-search-input.progress-30  { background-size: 30% 100%; }
.voice-search-input.progress-35  { background-size: 35% 100%; }
.voice-search-input.progress-40  { background-size: 40% 100%; }
.voice-search-input.progress-45  { background-size: 45% 100%; }
.voice-search-input.progress-50  { background-size: 50% 100%; }
.voice-search-input.progress-55  { background-size: 55% 100%; }
.voice-search-input.progress-60  { background-size: 60% 100%; }
.voice-search-input.progress-65  { background-size: 65% 100%; }
.voice-search-input.progress-70  { background-size: 70% 100%; }
.voice-search-input.progress-75  { background-size: 75% 100%; }
.voice-search-input.progress-80  { background-size: 80% 100%; }
.voice-search-input.progress-85  { background-size: 85% 100%; }
.voice-search-input.progress-90  { background-size: 90% 100%; }
.voice-search-input.progress-95  { background-size: 95% 100%; }
.voice-search-input.progress-100 { background-size: 100% 100%; }

.place-addr-check-btn-wrapper[data-type="1"] a.btn-type-1,
.place-addr-check-btn-wrapper[data-type="2"] a.btn-type-2 {
    border: 2px solid navy;
}

.google-maps-link .type0,
.google-maps-link .type1 {
    background: transparent;
}
.google-maps-link.active .type0 {
    /* background: rgba(156,210,210,0.3); */
    background: rgb(48 166 249 / 20%);
}
.google-maps-link.active .type1 {
    /* background: rgba(255,98,92,0.3); */
    background: rgb(255 59 52 / 20%);
}


table.data-old-1-hidden th.data-old-1,
table.data-old-1-hidden td.data-old-1,
table.data-old-2-hidden th.data-old-2,
table.data-old-2-hidden td.data-old-2 {
    display: none;
}
#table-sales-ranking.data-old-1-hidden .old-1-hidden, 
#table-sales-ranking.data-old-2-hidden .old-2-hidden {
    display: none;
}
#table-sales-ranking .old-1-visible, 
#table-sales-ranking .old-2-visible {
    display: none;
}
#table-sales-ranking.data-old-1-hidden .old-1-visible, 
#table-sales-ranking.data-old-2-hidden .old-2-visible {
    display: inline-block;
}
#table-sales-ranking tbody tr:first-child td {
    border-top: 1px solid #666;
}

.portal-cols-btn i,
.ranking-sort-btn i,
.basic-sort-btn i {
    color: #444;
}
.portal-cols-btn.active i,
.ranking-sort-btn.active i,
.basic-sort-btn.active i {
    color: red;
}
.ranking-data-row td.data-old-2c {
    background: #F4FDF4;
}
.ranking-data-row.selected td.data-old-2c,
.ranking-data-row.selected {
    background: #FFEDED !important;
}

.ranking-data-row td.with-rank-icon {
    position: relative;
}
.ranking-data-row.rank-1 td.with-rank-icon:after,
.ranking-data-row.rank-2 td.with-rank-icon:after,
.ranking-data-row.rank-3 td.with-rank-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
}
.ranking-data-row.rank-1 td.with-rank-icon:after {
    content: '1';
    background-color: gold;
}
.ranking-data-row.rank-2 td.with-rank-icon:after {
    content: '2';
    background-color: silver;
}
.ranking-data-row.rank-3 td.with-rank-icon:after {
    content: '3';
    background-color: coral;
}
.sales-stat-cast-portal-row .portal-cols.sorted,
.sales-cast-basic-row .sort-col.sorted,
.ranking-data-row .sort-col.with-rank-icon {
    background: #FFEDED !important;
}

.onclick-pointer {
    cursor: pointer;
}

.list-info-body-scroll {
    -webkit-overflow-scrolling: touch;
} 


@keyframes blink {
    /* 10% { visibility: hidden; } */
    20% { opacity: 0; }
}
@keyframes blink_icon_label {
    20% { opacity: 0; }
}
@keyframes blink_trans {
    0%   { opacity: 1.0; }
    100% { opacity: 0.1; }
}
@keyframes selecting_blink {
    20% { opacity: 0.1; }
}
@keyframes blink_2s {
    50% { opacity: 0; }
}

@keyframes blink_3s {
    55% { visibility: visible; }
    99% { visibility: hidden; }
}

@keyframes blink_hidden {
    50% { visibility: hidden; }
}

@keyframes blink_bg_trans {
    20%  { background: transparent; }
}
@keyframes blink_bg_white {
    90%  { background: #F9F9F9; }
}
@keyframes blink_bg_yellow {
    90%  { background: #FFFF00; }
}
@keyframes blink_bg_yellow_lightest {
    90%  { background: #F5F59F; }
}
@keyframes blink_bg_green {
    90%  { background: #90dbdb; }
}
@keyframes blink_bg_red {
    90%  { background: #ff5b57; }
}
@keyframes blink_bg_purple {
    40% { background-color: #ae02b1; /*purple*/ }
}

@keyframes blink_bg_dark_white {
    50%  { background: #444444; color: #eeeeee; }
}
@keyframes blink_bg_trans_black {
    50% { background-color: transparent; color: black; }
}

@keyframes schedule_st_watch_blink {
    50% { background-color: blue; }
}
@keyframes schedule_ed_watch_blink {
    50% { background-color: #111111; }
}
@keyframes schedule_mv_watch_blink {
    50% { background-color: red; }
}
@keyframes schedule_st_watch_blink2 {
    50% { background-color: blue; border-color: #00A2E8; }
}
@keyframes schedule_ed_watch_blink2 {
    50% { background-color: #111111; border-color: #00A2E8; }
}
@keyframes schedule_mv_watch_blink2 {
    50% { background-color: red; border-color: #00A2E8; }
}
@keyframes area_blink {
    50% { background-color: rgba(255,255,255,1.0); }
}
@keyframes region_blink {
    50% { background-color: rgba(255,255,255,0.7); }
}


@keyframes blink_bg_img {
    50%  { background-image: none; }
}

@keyframes blink_r2b {
    0%   { color: red; }
    50%  { color: black; }
}
@keyframes blink_b2r {
    0%   { color: blue; }
    50%  { color: red; }
}
@keyframes blink_w2r {
    50%  { color: red; }
}
@keyframes blink_b2b {
    50%  { color: brown; }
}
@keyframes blink_2_navy {
    50% { color: navy; }
}


@keyframes blink_border_w2r {
    0%   { border-color: white; }
    50%  { border-color: red; }
}
@keyframes blink_border_blue {
    50% { border-color: #00A2E8; } /* blue*/
}
@keyframes blink_border_pink {
    50% { border-color: #ffacfe; } /* purple or pink */
}

@keyframes move_icon_up {
    from { margin-bottom: -3px; opacity: 0.3; }
    to   { margin-bottom:  2px; opacity: 1.0; }
}
@keyframes move_icon_down {
    from { margin-top: -3px; opacity: 0.3; }
    to   { margin-top:  2px; opacity: 1.0; }
}
@keyframes move_icon_left {
    from { margin-right: -3px; opacity: 0.3; }
    to   { margin-right:  2px; opacity: 1.0; }
}
@keyframes move_icon_right {
    from { margin-left: -3px; opacity: 0.3; }
    to   { margin-left:  2px; opacity: 1.0; }
}