@font-face {
font-family: Abril;
src: url(../css/Abril/AbrilFatface-Regular.ttf);
}

@font-face {  
    font-family: "MrDeHaviland"; 
    src: url(../js/ckeditor/customFont/mr-de-haviland/MrDeHaviland-Regular.eot); /* IE */  
    src: local("MrDeHaviland"), url("../js/ckeditor/customFont/mr-de-haviland/MrDeHaviland-Regular.ttf") format("truetype"); /*non-IE*/  
 }

.login-box, .register-box {
    width: 100%;
    margin: 7% auto;
}

.brand-image {
    float: none;
    line-height: .8;
    max-height: 34px;
    width: auto;
    margin-left: .8rem;
    margin-right: .5rem;
    margin-top: -3px;
}


#upload-file .form-control-file, .form-control-range {
    display: block;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}


.border-form {

    border: 1px dashed #000;
    padding: 30px 0;
    margin-bottom: 20px;
}


.card-margin-top {
    margin-top:15%;
}


.event-page{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: normal;
}

th {
  
    font-weight: normal;
}

.color_white{
    color:#fff;
}

.mb20{
    margin-bottom:20px;
}

.divider {
    margin:20px auto;
    width:200px;
    height :2px;
    background: #fff;
}

.mb0 {
    margin-bottom:0px;
}

.o9 {
    opacity:0.9;
}

.ftno{
    font-size: 200px;
    font-family: Abril,display;
    font-weight: 800;
}


.f50{
    font-size: 50px;
}

.df{
    display: flex;
}

.jcc {
    justify-content : center;
}

.box {
    Background: #9e9e9e;
    padding: 15px;
    border :2px solid #000;
    margin-bottom:10px;
}

.card-background {
    background:rgba(255, 255, 255, .7);
}

.btn-more {
    background:rgba(255, 255, 255, .7);
    color: #333;
    border-radius:60px;
    text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.4);
}

.btn-more:hover  {
    background:rgba(255, 255, 255, .7);
    color: #333;
    border-radius:60px;
    text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.4);
}

.special-font {

    font-family: 'Times New Roman',Georgia,"Times New Roman",serif;
    text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.4);


}


.text-shadow {
    text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.4);
}


.white-box {
    background:#fff;
    padding:20px;
    margin:20px 0;
}

.br60 {
    border-radius:60px;
}

/* Tab pane */
.btn-tab {
    padding: 5px 15px;
    border: 1px solid #007bff;
    border-radius: 5px;
    margin-right: 15px;
}

.btn-tab:hover, .active.btn-tab {
    background: #007bff;
    color: #ffffff;
}

.caption {
    line-height: 38px;
    margin-bottom: 0;
}

.img-path {
    padding-bottom: 15px;
    padding-right: 15px;
}

.img-path img,
.plan-img img {
    width: 100%;
}

.plan-img {
    padding-bottom: 20px;
}

.error {
    color: red;
    font-size: 12px;
}

/* Event */
.questionType-container{
    column-gap:25px;
}

/* Album (Reorder Sequence) */
#album-reorder-sequence-container .background-cover{
    display:flex;
    align-items:center;
    position:relative !important;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
}
#album-reorder-sequence-container .img-container.cover{
    text-align: center !important;
    
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -25%);
    display: inline-flex;
    height: 65%;
    width:150px;
}
#album-reorder-sequence-container .img-container img{
    object-fit: cover;
    object-position: center;
    max-width: 100%;
    width: 300px;

    flex-direction: column;
    display: flex;
}
#album-reorder-sequence-container .img-container.cover img{
    object-position: center;
    width: 100%;
    max-width: 100%;
}   
#album-reorder-sequence-container .img-container.image1 img{
    height: 300px !important;
}
#album-reorder-sequence-container .img-container.image2 img{
    height: 150px !important;
}
#album-reorder-sequence-container .img-container.image3 img{
    height: 100px !important;
}
#album-reorder-sequence-container .img-container.video1{
    height: 300px !important;
}
#album-reorder-sequence-container .img-container.video1 video{
    background-color: #fff;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width:767px) {
    .btn-tab {
        padding: 5px 12px;
        margin-right: 2px;
        margin-bottom: 5px;
        display: flex;
    }
}