.loggedin-time{position: absolute;right: 20px;margin-top:10px;border:1px solid black;/* display: none; */}


.margin-top-admin{margin-top:10px!important;}
.margin-bottom-admin{margin-bottom:10px!important;}
.margin-left-admin{margin-left:10px!important;}
.margin-right-admin{margin-right:10px!important;}
.margin-less-admin{margin:0!important;}

.btn-green{background:#4da150!important;}

.loggedin-time>a {
	
padding:0 10px;
    display: block;
    text-align: center;
}

.loggedin-time>a.a-heading{
    background:black; 
    color:rgb(238, 237, 237)!important;
}


.option-menu-admin .maintenance-div{
    border: 1px solid #009688;
    text-align: center;
    /* font-family: 'Kanit', sans-serif; */
}

.option-menu-admin .maintenance-div > h5 {
    font-size: 1.2em;
    color: rgb(238, 237, 237);
    background: #009688;
    border-bottom: 1px solid;
    padding: 10px 0;
    margin-top: 0;
    letter-spacing: .5px;
    text-align: center;
}

.admin-property-heading {
    border: 1px solid #2d988c;
    margin: 0 0 20px 0;
    background: #1e998d;
    color: #ffffff;
}

form > p {
    padding-left: 10px;
}

.option-menu-admin .maintenance-div > form {
    /* padding-left: 10px; */
}

.option-menu-admin .content-pages{
    border: 1px solid #009688;
    margin: 10px 0;
    width: 100%;
}

.option-menu-admin .content-pages > a {
    display: block;
    text-decoration: 	none;
    color: black;
    padding: 5px 0 6px 10px;
    display: 	block;
    font-size: 1.5rem;
    letter-spacing: 1px;
  }

james-test:before {
}

.top-margin {
    margin-bottom: 80px;
}

@media only screen and (max-width:767px)
{
 .top-margin {
    margin-bottom: 122px;
}
}

.attraction-edit-panel {
    padding: 10px 10px 10px 10px;
}

.attraction-edit-panel .row {
    margin: 20px 0;
}

.attraction_backend_div {
    padding: 10px 0;
}

.add_tag_panel {
    border: 1px solid #1a514c;
}

.option-menu-admin .content-pages > a:hover{
	background-color: rgb(26, 81, 76);
	color: #ffffff;
}

.option-menu-admin .content-pages > p{
	 font-size: 1.2em;
	 color: rgb(238, 237, 237);
	 background: #009688;
	 border-bottom: 1px solid;
	 margin-bottom: 0rem;
	 letter-spacing: .5px;
	 text-align: center;
	 padding: 5px 0;
}

.data_table > p {
    text-align: center;
}

#room_data .row {margin-right: 0;margin-left: 0;margin: 20px 0;}

#select-page-row .row {
    margin: 20px 0;
}

.option-menu-admin > a
{
    font-size: 1.1em;
    color: rgb(238, 237, 237)!important;
    background: #1e9587;
    border-bottom: 1px solid;
    padding: 4px 11px;
    margin: 11px 0;
    text-decoration: none;
    width: 100%;
    display: block;
    letter-spacing: .5px;
    text-align: center;
}

.james-test {
    background: #1a514c!important;
    color: white!important;
}

.james-test {
    background: pink;
    color: black;
}

.edit-panel{
	border: 1px solid #1a514c;
	margin-bottom: 5px;
	padding:0;
}

.color-container {
    margin: 15px 0;
}

table > tbody > tr > td {padding:5px 10px;}
input[type='text'], input[type='password'], textarea {padding-left:4px;width: 100%;}

.diff-fields {
    margin: 10px 0px;
}

.diff-fields input[type=text], .diff-fields input[type=password] {
    font-size: 17px;
    letter-spacing: 2px;
}

.data_table > h2 {
    background: #1a514c;
    color: white;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid black;
    padding: 10px 0;
}

.page-name-head {
    background: #1a514c;
    padding: 8px 0;
    border-bottom: 1px solid #1a514c;
    color: #ffffff;
}

.page-name-head h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.confirm-box-div {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #06060666;
    z-index: 100;
    display: none;
}

.confirm-box-show {
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirmation-box {
    height: 200px;
    width: 350px;
    background: #0f8c80f0;
    display: block;
    border-radius: 10px;
    position: relative;
    transform: scale(0);
    transition: scale 2s;
}

.scale-1 {
    transform: scale(1);
}

.confirmation-box > button {width: 100px;background: #cc2960;border: none;color: white;position: absolute;top: 60%;left: 50%;transform: translate(-50%,0);}

.confirmation-box p {
    font-size: 2rem;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-75%);
    width: 100%;
    display: block;
    text-align: center;
}

.flex-div {
    display: flex;
    align-items: center;
}

@media screen and (max-width:767px) {

    .flex-div {
    display: block;
    align-items: center;
}
}

.button_center {
    text-align: center;
}

.data_table .row {
    margin-right: 0;
    margin-left: 0;
}

.field-value {
    margin: 10px 0;
}

.create-new-room label {
    margin-left: 10px!important;
}

input[type='submit'] {margin:0 auto;}

#login-form {
    border: 1px solid black;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 320px;
    width: 250px;
}

.submit-td{text-align: 	center;}


input[type='submit']{
    border: none;
    background: #4da150;
    color: white;
    padding: 5px 30px;
    cursor: pointer;
    margin: 10px 10px;
    letter-spacing: .5px;
    font-size: 1.6rem;
}

.btn-css-james {
    border: none;
    background: #4da150;
    color: white;
    padding: 5px 30px;
    cursor: pointer;
    margin: 10px 10px;
    letter-spacing: .5px;
    font-size: 1.6rem;
}

.delete-btn {
    background: #ec2121!important;
}

input[type='number']
{margin:auto 10px;text-align:center; width:50px;}

form > h2 {text-align: center;border-bottom: 1px solid black;background-color: #eeeded;}

td>img{
	max-height:100px;max-width:150px;height:auto;width:auto;
}

.update-btn{
	    border: none;
    background: black;
    color: white;
    padding: 5px 30px;
    cursor: pointer;
    margin-bottom: 10px;
    text-decoration: none;
}

select.change-page-list{/* display: block; *//* margin: 10px auto; */text-align: center;}

.edit-image-panel {
    margin: 0;
    padding: 30px 10px;
}

select#add_tag_type {
    display: inline-block;
    text-align: center;
}

.tag-btn {
    color: #ffffff;
    background: #673AB7;
    border: none;
    margin: 0 13px;
    padding: 4px 16px;
    letter-spacing: .5px;
}

.btn-gkcss {
    border: none;
    background: #b5178b;
    color: white;
    padding: 5px 30px;
    cursor: pointer;
    margin-bottom: 10px;
    letter-spacing: .5px;
}

.btn-center {
    display: block;
    margin: 10px auto!important;
}

.text_block_css {
    margin: 10px 0;
}

.tag_box_container {
    text-align: center;
    display: block;
}

.tag_box_container button#abc {
    padding: 2px 9px;
}

.show-img-on-choose{position:relative;height: 220px;width: 315px;border: 1px solid;display: block;margin: 14px auto;/* padding: 5px; */box-sizing: border-box;border-radius: 3px;}

.show-img-on-choose:hover, .show-imgs-on-choose:hover {
    background: rgba(158, 158, 158, 0.16);
}

.show-img-on-choose > p, .show-imgs-on-choose > p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* width: 100%; */
    display: block;
}

.img-para-choose {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* width: 100%; */
    display: block;
}

.show-img-on-choose > img{
        /* border: 1px solid black; */
        position: absolute;
        height: auto;
        width: auto;
        max-height: 200px;
        max-width: 300px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
}

input[type='file'].input-type-file{
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    opacity: 0;
    border: 1px solid black;
    cursor: pointer;
    padding: 0px 0;
}

.border-james {
    border: 1px solid black;
    border-color: #a7a0a0 transparent #a7a0a0 transparent;
    padding: 15px 0;
    text-align: left;
}

.row.border-james {
    margin-right: 0;
    margin-left: 0;
}

input.input-type-file {}

.add-image-panel {
    border: 1px solid #1a514c;
    padding: 13px 0;
    margin: 0 0 13px 0;
    text-align: center;
}

.edit-image-panel-2 {
    border: 1px solid #1a514c;
}



.show-imgs-on-choose{position:relative;min-height: 175px;width: 90%;border: 1px solid;display: block;margin: 14px auto;/* padding: 5px; */box-sizing: border-box;border-radius: 3px;text-align: center;}

.show-imgs-on-choose > .img_container > img{
        border: 1px solid black;
        position: absolute;
        width: 90%;
        height: 140px;
        width: 150px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
}

.show-imgs-on-choose > .img_container{
    display: inline-block;
    height: 140px;
    width: 180px;
    margin: 14px 5px;
    /* border: 1px solid; */
    position: relative;
    /* padding: 5px; */
}


.change-look-div{}