body{
    font-weight: bold !important; 
}
.form-title > p {
    font-size: 25px;
    text-align: center;
    color: #282828;
}
.well {
    background-color: #EDEEE5;
    margin: auto;
    padding: 24px 25px 10px 25px;
    /*border-radius: 10px;*/
    /* border: 1px solid #9bb0d9;
    box-shadow: 0 0 3px #9bb0d9; */
    /*border: 1px solid #282828;*/
    /*box-shadow: 1px 1px 5px #8e8e8f;*/
    width: 50%;
}
@media (max-width:1200px){
    .well{
       width: 100%; 
       margin-bottom: 1rem;
    }
    
}
#layoutSidenav_content {
    /*background-color: #FFFEFA;*/
    background: url(/images/bg0923.png) #FFFEFA;
}
.editPlace-box{
    display:flex;
    width:100%;
    justify-content:center;
    gap:1rem;
    flex-wrap:wrap;
}
.editPlace-item {
    background-color: #EDEEE5;
    padding: 1.5rem 1rem;
    width: 32.6%;
    margin-bottom: 1rem;
    /*border-radius: 10px;*/
    /* border: 1px solid #9bb0d9;
    box-shadow: 0 0 3px #9bb0d9; */
    border: 2px solid #EDEEE5;
    /*box-shadow: 1px 1px 5px #8e8e8f;*/
}
@media (max-width:1200px){
    .editPlace-item{
        width: 100%;
    }
    .editPlace-item-textEditor{
        width: 100%;
    }
}
/* .btn-main{
    background-color:#b0b4f5e3 ;
}
.btn-main:hover{
    background-color: #bbbff7e3;
} */
.button {
    padding: 0.5rem 1.5rem;
    border: 0px solid #080808;
    border-radius: 25px;
    /* background-color: #c3d4f9;
    color: black;  */
    /* background-color: #5c62ade3; */
    /* background-color: #001c93; */
    background-color: #c9a881;
    color: black;
    font-weight: bold;
    transition: 0.3s;
}

.button-left {
    padding: 0.5rem 1.5rem;
    border: 0px solid #080808;
    border-radius: 25px;
    /* background-color: #5c62ade3; */
    /* background-color: #001c93; */
    background-color: #c9a881;
    color: black;
    font-weight: bold;
    transition: 0.3s;
}
.button-clear {
    color: black;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 25px;
    border: 1px solid #DBC7AE;
    border-radius: 25px;
    transition: 0.3s;
    background-color: transparent;
}
.button-clear:hover {
    background-color: #DBC7AE;
}
.button-o {
    border: 0px solid #DBC7AE;
    background-color: transparent;
}
.button-o  a{
    color: black;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 25px;
    border: 1px solid #DBC7AE;
    border-radius: 25px;
    transition: 0.3s;

}
.button-o a:hover {
    background-color: #DBC7AE;
}
.button-center {
    border: 0px solid #DBC7AE;
    background-color: transparent;
}

.button-center a {
    color: black;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 25px;
    border: 1px solid #DBC7AE;
    border-radius: 25px;
    transition: 0.3s;
    }
.button-center a:hover {
        background-color: #DBC7AE;
}
.button-p {
    border: 0px solid #080808;
    transition: 0.3s;
    background-color: transparent;
}

.button-p a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 24px;
    background-color: #766254;
    border-radius: 25px;
    transition: 0.3s;
}
.button-p a:hover {
    background-color: #6a584c;
}
.button-right {
    border: 0px solid #080808;
    transition: 0.3s;
    background-color: transparent;
}

    .button-right a {
        color: white;
        text-decoration: none;
        font-weight: bold;
        padding: 10px 24px;
        background-color: #766254;
        border-radius: 25px;
        transition: 0.3s;
    }

        .button-right a:hover {
            background-color: #6a584c;
        }
.button:hover {
    background-color: #DBC7AE;
    color: black;
}

.button a{
    color:black;
    text-decoration: none;
}
.btn:focus{
    box-shadow: unset;
}

@media(max-width:1200px){
    .button {
        padding: 0.5rem 1.25rem;
    }
    .button-left {
        padding: 0.5rem 1rem;
    }
    .button-o a{
        padding:10px 19px;
    }
    .button-center a {
        padding: 10px 15px;
    }
    .button-p a {
        padding: 10px 16px;
    }
    .button-right a {
        padding: 10px 6px;
    }
}
input {
    width: 55%;
    /*border-radius: 4px;*/
    /* border:1px solid #9bb0d9; */
    border: 1px solid #282828;
    /* background-color: #E0EAFF; */
    padding: 0.25rem 0.75rem;
    font-size: 15px;
    font-weight: bold;
}
.editContent{
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
}
.editContent-c{
    display:flex;
    justify-content:space-between;
    align-items:center;
    
}
@media(max-width:576px){
    .editContent-c{
        flex-wrap:wrap;
    }
}
.editBox{
    /*width: 90%;*/
    margin: 0 auto;
}

form{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    /*justify-content: center;*/
}
.p-red {
    /* border-bottom: 2px solid #ff8888; */
    border-bottom: 2px solid #282828;
}
.p-orange{
    /* border-bottom: 2px solid #f3bc58; */
    border-bottom: 2px solid #6E85E8;
}
.p-yellow{
    /* border-bottom: 2px solid #DFD77D; */
    border-bottom: 2px solid #6E85E8;
}
.p-green{
    /* border-bottom: 2px solid #A4D3B8; */
    border-bottom: 2px solid #6E85E8;
}
img{
    width: 100%;
}
textarea {
    width: 55%;
    /*border-radius: 4px;*/
    border: 1px solid #282828;
    /* background-color: #E0EAFF; */
    padding: 0.25rem 0.75rem;
    font-size: 15px;
    resize: none;
    font-weight: bold;
}

.btn-group{
    width: 100%;
    justify-content: center;
    margin-top: 1rem;
}
.label-title {
    font-size: 18px;
    width:35%
}
.label-title-c{
    font-size:18px;
    width:unset;
}
@media (max-width:576px){
    .label-title {
        width: 100%;
    }
    
}
.file{
    padding: 0;
}
.select {
    width: 55%;
    /* border: 1px solid #9bb0d9; */
    border: 1px solid #282828;
    /*border-radius: 0.25rem;*/
    padding: 0.25rem 0.5rem;
    font-weight: bold;
    font-size:15px;
}
.disabled {
    background-color: transparent;
}



.subSize{
    position: static;
    color: black;
    margin-left:0.5rem;
}

@media (max-width:576px){
    textarea{
        width: 100%;
    }
    .select{
        width: 100%;
    }
    .editContent{
        flex-direction: column;
        align-items:flex-start;
    }
    input{
        width: 100%;
    }
    .editBox{
        width: 100%;
    }
}
.tipBox{
    width:10%;
    text-align:right;
}
.select-option {
    width: 15%;
    border: 1px solid #282828;
    padding: 0.25rem 0.75rem;
    font-weight: bold;
}
.long-select-option {
    width: 55%;
    border: 1px solid #282828;
    padding: 0.25rem 0.75rem;
    font-weight: bold;
}
@media(max-width:1200px){
    .select-option{
        width:100%;
/*        margin-bottom:5px;*/
    }
    .long-select-option {
        width: 100%;
        margin-bottom: 5px;
    }
    
}
.optionInput{
    width:69%;
}
.pl-30 {
    padding: 0px 0px 0px 30px;
}
@media(max-width:576px){
    .pl-30 {
        padding: 0px;
    }
}
@media(max-width:1200px){
    .optionInput {
        width: 100%;
    }
}
.pl-30 {
    padding: 0px 0px 0px 30px;
}
@media(max-width:576px){
    .pl-30 {
        padding: 0px;
    }
}
.nav-li {
    background-color: #ddd0c0;
}
canvas{
    width:100% !important;
    height:100% !important;
}

.front-url {
    text-decoration: none;
    color: black;
    cursor: pointer;
}
.front-url:hover{
    color:black;
    text-decoration:underline;
}
.link-box {
    display: flex;
    align-items: center;
    width: 84%;
    justify-content: space-between;
}
.required:after {
    content: '*';
    color: red;
    margin-left: 5px;
}
.readOnly {
    background-color: #EDEEE8;
    outline: 0px;
    color: #585857;
    
}
.preview-box{
    width:55%;
}