@import url("js-lib/colorbox.css");


/* ================================= */
/*   HIDE                            */
/* ================================= */

.p-ex1-loading {
    display: none;
}

.p-ex1-error {
    display: none;
}

.p-ex1-delete {
    display: none;
}



.mypage_cancel_confirm .start_day {
    display: none;
}



.sb_timetable_index #ss_inqtitle {
    display: none;
}
.sb_timetable_index #ss_inq {
    display: none;
}





/* ================================= */
/*   PREVIEW PAGE PATCH              */
/* ================================= */


.p-ex1-icon {
    display: inline-block;
}


.imageside.right .p-ex-image img {
    max-width: 300px;
}


.p-ex-dev-section:hover {
    background-color: rgba(255, 0, 0, 0.2);
}


.p-ex-dev-section:hover::before {
    content: attr(data-where);
}
.p-ex-dev-section:hover::after {
    content: attr(data-where);
}


.p-ex-enquete-list .p-ex-unknwon-table th {
    display: none;
}

.p-ex-section {
    padding-top: 1em;
}


/* ================================= */
/*   FLOW PAGE PATCH                 */
/* ================================= */
/*
#p-ex-enq-form table th {
    display: none;
}


#p-ex-enq-form table {
    width: 100%;
} */


/* ================================= */
/*   ENQUETE MOD                     */
/* ================================= */

/* #p-ex-enq-form */


#p-ex-enq-form table {
    display: block;
    padding-top: 1em;
    padding-bottom: 1em;
}

#p-ex-enq-form tbody {
    display: block;
}
#p-ex-enq-form tr {
    display: block;
    padding-top: 1em;
}
#p-ex-enq-form td {
    display: block;
}
#p-ex-enq-form td input[type="text"],
#p-ex-enq-form td textarea {
    width: 100%;
}

#p-ex-enq-form th {
    padding: 0 0 8px 30px;
    position: relative;

    font-size: 28px;
    line-height: 36px;
    font-weight: normal;
    font-family: "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;

    display: block;
    text-align: left;
}

#p-ex-enq-form th:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-color: #17317E;
    z-index: 1;
}
#p-ex-enq-form th:after {
    position: absolute;
    top: 10px;
    left: 2px;
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-color: #FFF;
    border: 1px solid #17317E;
}
#p-ex-enq-form .label {
    margin-left: 1em;
    margin-bottom: 1em;
}

#p-ex-enq-form .dataCol > * {
    margin-bottom: 1em;
}

#p-ex-enq-form .ss_upComment {
    margin-bottom: 1em;
}


/* #p-ex-enq-form .label-warning {
    display: inline-block;
    font-size: 90%;
    line-height: 140%;
    color: #FFF;
    padding: 2px 6px;
    background-color: #C00;
    font-size: 14px;
} */


/* ================================= */
/*   DEV                             */
/* ================================= */


.dev-dump-data {
    /* display: none; */
    width: 1em;
    height: 1em;
    background-color: red;
    overflow: hidden;
    position: absolute;
}

.dev-colorbox-code {
    width: 800px;
    height: 600px;
    background-color: black;
    color: white;
    font-size: x-small;

    overflow: scroll;
}


.dev-include-overlay {
    pointer-events: none;
    border: 1px red dashed;

    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    font-size: xx-small;

    color: red;
    opacity: 0.5;
}

/* ================================= */
/*   SMP 移植                       */
/* ================================= */

.smp-data-error {
    background-color: yellow;
    color: maroon;
}

.ss_error_msg, .errorMsg {
	margin-left: 3px;
	/*color: #F89406;*/
  color: #C00;
	font-weight: bold;
}

/* ================================= */
/*   BOOTSTRAP 移植                   */
/* ================================= */

.label, .badge {
	display: inline-block;
	padding: 2px 4px;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	/*background-color: #999999;*/
}
.label {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align: top;
}
.badge {
	padding-right: 9px;
	padding-left: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
.label:empty, .badge:empty {
	display: none;
}
a.label:hover, a.label:focus, a.badge:hover, a.badge:focus {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
.label-important, .badge-important {
	background-color: #b94a48;
}
.label-important[href], .badge-important[href] {
	background-color: #953b39;
}
.label-warning, .badge-warning {
	/*background-color: #f89406;*/
  background-color: #C00;
}
.label-warning[href], .badge-warning[href] {
	background-color: #c67605;
}
.label-success, .badge-success {
	background-color: #468847;
}
.label-success[href], .badge-success[href] {
	background-color: #356635;
}
.label-info, .badge-info {
	background-color: #3a87ad;
}
.label-info[href], .badge-info[href] {
	background-color: #2d6987;
}
.label-inverse, .badge-inverse {
	background-color: #333333;
}
.label-inverse[href], .badge-inverse[href] {
	background-color: #1a1a1a;
}
.label-finished, .badge-finished {
	background-color: #6B00B3;
}
.label-before, .badge-before {
	background-color: #56a13e;
}
.btn .label, .btn .badge {
	position: relative;
	top: -1px;
}
.btn-mini .label, .btn-mini .badge {
	top: 0;
}