/*top space between rows*/
.top-buffer { margin-top:10px; }
.top-buffer-60{margin-top: 60px}
.bottom-buffer { margin-bottom:10px; }
.bottom-buffer-30{margin-bottom: 30px}
.bottom-buffer-60{margin-bottom: 60px}
.btn-custom{
    background-color: #45818e !important;
}
.btn-custom:hover{
    color:white !important;
}

.btn-pink{
    background-color: #E62148;
    color: #fff;
}

.btn-sky{
    background-color: #a4c2f4;
    color: #222;
}

.btn-sky:hover{
    background-color: #8fa9d4;
}
.btn-book{
    background-color: #FBFAF5;
    padding: 15px;
    color: #145791;
    font-weight: bold
}

.btn-orange{
    background-color: #EA854F;
    color: #fff
}

.btn-orange:hover,.btn-orange:active,.btn-orange:focus{
    color: #fff;
    background-color: #ef6f2b;
}

.btn-info-faint{
    background-color: #a2cad4;
    border-color: #5eb9d0;
}

.btn-info-faint:hover,.btn-info-faint:focus{
    background-color: #97bac3;
}
/* CSS for label */
.label-new{
    background-color: rgb(255, 0, 0);
}
.label-block{
    display: block;
    padding: 12px;
}

.label-block-top-bottom{
    display: block;
    padding: 12px 0px 12px 0px;
}
.label-credit-only{
    background-color: #7f6000;
    color: #fff;
}
.label-free{
    background-color: #93c47d;
    color: #fff;
}

.friday-loading{
    background-image: url('../../media/icon/loading.gif');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 15px;
    width: 20px;
    display: inline-block;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
    background-color: #228d9c !important;
    border: 1px solid transparent
}

/* CSS for sidebar box */
.box-sidebar{
    border-top: 1px solid #d2d6de !important;
}

.dashed-xs-primary{
    border: 1px dashed #0B85A1 !important
}

.dashed-sm-primary{
    border: 2px dashed #0B85A1 !important
}

.dashed-md-primary{
    border: 3px dashed #0B85A1 !important
}

.dashed-lg-primary{
    border: 4px dashed #0B85A1 !important
}

.dashed-xs-default{
    border: 1px dashed #ddd !important
}

.dashed-sm-default{
    border: 2px dashed #ddd !important
}

.dashed-md-default{
    border: 3px dashed #ddd !important
}

.dashed-lg-default{
    border: 4px dashed #ddd !important
}

/* CSS for color */
.text-white{color: #fff}

.text-blurry{
    color: transparent !important;
    text-shadow: 0 0 5px rgba( 0, 0, 0, 0.5);
}

.text-limit{
    display:inline-block;
    width:100%;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.text-require:after{
    content: "※必須";
    color: #D6134F;
    float: right!important
}

.text-orange{
    /*color: #C65B0D!important;*/
    color: #EA854F!important;
    font-weight: bold;
    line-height: 34px;
    font-size: 16px;
}

.white-space{
    white-space: pre-wrap;
}

/*Link color*/
.link-gray{
    color: #333 !important;
}
.link-gray:hover,
.link-gray:active,
.link-gray:visited{
    color: gray !important;
}

/* CSS for admin page */
.admin-friday-pagination{}
.admin-friday-pagination .pagination{
    margin: 0;
}

/* CSS for user site */
.box-user-sidebar{
    border-top: 1px solid #d2d6de !important;
}

.box-user-sidebar .box-header{
    background: #303130;
    color: #fff;
}
.box-user-sidebar .box-header .label{
    border-radius: 10px;
    padding: 3px 10px;
    letter-spacing: 1.5px;
    margin-left: 10px;
}


.box-callout-header{
    border-left: 3px solid #d72727;
}
.box-callout-header > *{
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
    margin-left: 5px;
    padding: 5px;
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
}

/* CSS for line height */
.line-height-md{
    line-height: 30px;
}

/* Large desktops and laptops */
/*@media (min-width: @screen-lg-min) {}*/
@media (min-width: 1200px) {}

/* Landscape tablets and medium desktops */
/*@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {}*/
@media (min-width: 992px) and (max-width: 1199px) {}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {}

/* CSS for PC and Ipad */
@media (min-width: 768px){
    .mobile-element{
        display: none !important;
    }
}

/* Landscape phones and portrait tablets */
/*@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {}*/
@media (max-width: 767px) {
    .padding-sm{
        padding: 5px;
    }

    .mobile-hidden{
        display: none;
    }
    
    .pc-element{
        display: none !important;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .padding-sx{
        padding: 3px;
    }
}