/* Write your custom CSS here */

#wrapper{margin-top:50px}
.container-header{width:100%;margin:0 auto}
.search-area{float:left;width:100%;margin:0 auto 25px auto;clear:both; background:#fff;}
.search-area .form-group i{margin:0 5px}
.seach-area-header{padding:10px 0;font-family:'Oswald',sans-serif}
.seach-area-header h4{font-size:20px;font-weight:400; padding:0 30px;}
.panel .panel-heading .panel-title{font-family:'Oswald',sans-serif;font-size:20px;font-weight:400}
.btn fa{margin-right:10px}
.data-display-area{background:#fff;float:left;width:100%;margin:0 auto;padding:15px;margin:15px 0 0 0;border:#fafafa 1px solid}
.edit-button{color:#047c07;margin:2px;font-size:16px}
.delet-button{color:#dc0404;margin:2px;font-size:16px}
.table th{background-color:#f0f0f0;color:#0063bf}
.project-stats .table th{border:0}
.project-stats .table td{border:0;border-bottom:#c6c6c6 1px solid}
.cssPager td{padding-top:15px}
.gridpager table td{border:none!important}
.gridpager table{float:left;text-align:left;}
.cssPager td{padding:5px 4px!important}
.gridpager a,.gridpager span{display:inline-block;height:25px;width:25px;font-weight:bold;text-align:center;text-decoration:none;border-radius:4px;padding-top:3px!important}
.gridpager a{background-color:#0090cb;color:#fff}
.gridpager span{background-color:#0063bf;color:#fff}
.white-panel{background:#f9f9f9}
.page-login{background:0;background:url(../images/exceed-login-bg.jpg) center top no-repeat fixed}
.logo-text{color:#fff;font-size:50px;font-weight:bold}
.page-style-one{background:0}


.magin-one{margin-top:50px}
.magin-two{margin-top:23px}
.magin-three{margin-top:10px}
.magin-four{margin-top:5px}
.magin-five{margin-top:30px}
.magin-six{margin-top:15px}
.magin-lower-one{ margin-bottom:10px;}


.page-right{text-align:right}
#grid-seach{float:right}
#grid-seach label{float:inherit;width:100%}
#grid-seach select{width:auto;border:1px solid #dce1e4;background:#fff;border-radius:0;box-shadow:none!important;font-size:13px;padding:6px 10px!important;color:#555;height:34px}
#RoomOcupencyList th{background-color:#87a9bd;color:#fff}
#RoomOcupencyList td,#RoomOcupencyList th{padding:5px!important}
#RoomOcupencyList .fc-day-grid-event{border:0;background:0;padding:0}
#RoomOcupencyList a div{color:#fff;text-decoration:none}
#RoomOcupencyList a div:hover{color:#fff;text-decoration:underline}
#RoomOcupencyList .fc-booked-content{float:left;width:100%;text-align:center;background:#ff5657;padding:10px}
#RoomOcupencyList .fc-avail-content{float:left;width:100%;text-align:center;background:#22baa0;padding:10px}
#RoomOcupencyList .fc-select-content{float:left;width:100%;text-align:center;background:#a4bac0;padding:10px}
#RoomOcupencyList tbody th{position:fixed;width:50px;height:44px}
#display-tables{float:left;width:100%;text-align:center;margin:10px auto}
#display-tables li{list-style:none;display:inline-block;font-family:'Oswald',sans-serif;font-size:20px;font-weight:500;margin:20px 10px}
#display-tables a{background:#adc822;color:#fff;text-align:center;padding:15px 25px;line-height:40px;border-radius:6px;text-decoration:none}
#display-tables a:hover{background:#ff2f2f;color:#fff;text-decoration:none}
#display-tables li.active{background:#adc822}
.food-display-box{float:left;width:30%;display:inline-block;margin:10px}
.food-display-box-content{float:left;width:100%; height:auto; overflow:hidden;}
.food-display-box-content h2{ float:left; width:100%; text-align:left; margin:0 auto; font-family: 'Oswald',sans-serif; font-size:25px; font-weight:400; color:#5c7227; border-bottom:#e2e2e2 1px solid; padding:0 0 10px 0;}
.food-display-area{float:left;width:100%;background:#f9f9f9;border:#e2e2e2 1px solid;border-radius:6px;padding:15px}
.food-display-area:hover{background:#fff;border:#f25656 1px solid;cursor:pointer}
.food-display-area h2{float:left;width:100%;text-align:center;margin:0 auto 10px auto}
.food-display-area h2 img{width:50%}
.food-display-area h3{float:left;width:70%;text-align:left;margin:0 auto 10px auto;font-family:'Oswald',sans-serif;font-size:16px;font-weight:500;color:#0294ae}
.food-display-area h4{float:left;width:30%;text-align:right;margin:0 auto 10px auto;font-family:'Oswald',sans-serif;font-size:25px;font-weight:500;color:#f25656}
.food-display-area p{float:left;width:100%;text-align:left;margin:0 auto 10px auto;font-size:14px;font-weight:300;color:#333}
.food-display-area button{float:left;width:100%;margin:10px auto;font-family:'Oswald',sans-serif;font-size:20px;font-weight:300;text-align:center;padding:10px;background-color:#ff3b3b;color:#fff;border:0;outline:0}
.food-display-area button:hover{background-color:#2b546b}
.qty .count{display:inline-block;vertical-align:top;font-family:'Oswald',sans-serif;font-size:25px;font-weight:500;color:#000;line-height:30px;padding:0 2px;min-width:35px;text-align:center;background:0}
.qty .plus{cursor:pointer;display:inline-block;vertical-align:top;width:30px;height:30px;font-size:25px;font-weight:500;color:#000;text-align:center;border-radius:50%}
.qty .minus{cursor:pointer;display:inline-block;vertical-align:top;width:30px;height:30px;font-size:25px;font-weight:500;color:#000;text-align:center;border-radius:50%;background-clip:padding-box}
.minus:hover{color:#31617b}
.plus:hover{color:#31617b}
span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.qty input{border:0;width:2%}
nput::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input:disabled{background-color:white}
.display-price-area{float:left;width:100%;background-color:#f1f1f1;height:auto;overflow:hidden;padding:20px}
.display-price-area h2{float:left;width:100%;text-align:left;margin:0 auto 25px auto;font-family:'Oswald',sans-serif;font-size:25px;font-weight:500;color:#333}
.display-price-list{float:left;width:100%;height:auto;overflow:hidden;padding:5px 0;margin:10px auto;border-top:#a5a5a5 1px dotted}
.display-price-list h3{float:left;width:60%;text-align:left;margin:0 auto 10px auto;font-family:'Oswald',sans-serif;font-size:16px;font-weight:500;color:#0294ae}
.display-price-list h4{float:left;width:20%;text-align:right;margin:0 auto 10px auto;font-family:'Oswald',sans-serif;font-size:20px;font-weight:500;color:#f25656}
.display-price-list h5{float:right;width:20%;text-align:center;margin:0 auto 10px auto;font-size:20px;font-weight:500}
.display-price-list p{float:left;width:100%;text-align:left;margin:0 auto;font-size:14px;font-weight:300;color:#333;padding:0}
.display-price-list button{background:0;border:0}
.display-price-list .checkbox{position:relative;display:block;margin-top:0;margin-bottom:0}
.display-price-list .checkbox label{padding-left:0;font-size:16px;font-weight:500}
.display-price-list .checker{vertical-align:text-top}
.display-price-list .form-group{float:left;width:100%}
.display-price-list .form-group label{margin-top:5px;float:left;padding:0 15px 0 0;font-family:'Oswald',sans-serif;font-size:16px;font-weight:500;color:#000}
.display-price-list .form-group .form-control{float:left;width:100px;background:0;border:0;border-bottom:1px solid #333;font-family:'Oswald',sans-serif;font-size:16px;font-weight:500;color:#000}
.display-details-price{float:left;width:100%;height:auto;overflow:hidden;padding:10px 0 0 0;margin:10px auto;border-top:#333 1px solid}
.display-details-price .label-small{float:left;width:60%;text-align:right;margin:0 auto 10px auto;font-size:18px;font-weight:500;color:#000}
.display-details-price .value-small{float:left;width:40%;text-align:right;margin:0 auto 10px auto;font-size:18px;font-weight:500;color:#000}
.display-details-price .label-large{float:left;width:60%;text-align:right;margin:0 auto 10px auto;font-size:30px;font-weight:500;color:#f25656}
.display-details-price .value-large{float:left;width:40%;text-align:right;margin:0 auto 10px auto;font-size:30px;font-weight:500;color:#f25656}
.boder-top{border-top:#a5a5a5 1px dotted}

::-webkit-scrollbar { width: 0 !important }
.div-one{ float:left; width:48%;}
.div-two{ float:right; width:48%;}




.right-main-content-section{float:left; width:100%; margin:0 auto; padding:0px;}
.right-main-content-section h2{float:left; width:100%; font-family: 'Oswald',sans-serif; font-size: 20px; font-weight: 400; color: #4E5E6A; text-align:left; margin:0 0 25px 0; padding:0 15px 5px 15px; border-bottom:#dcdcdc 1px solid;;}
.left-text-portion{float:left; width:100%; margin:0 auto; padding:15px; border:#e3ad6b 2px dotted; border-radius:6px;}
.left-text-portion h2{float:left; width:100%; font-family: 'Oswald',sans-serif; font-size: 40px; font-weight: 500; color: #e3ad6b; text-align:center; margin:0px; padding:5px 0px; border:none;}
.left-text-portion h3{float:left; width:100%; font-family: 'Oswald',sans-serif; font-size: 25px; font-weight: 400; color: #0294ae; text-align:center; margin:0px; padding:5px 0px;}
.left-text-portion h4{float:left; width:100%; font-family: 'Oswald',sans-serif; font-size: 20px; font-weight: 400; color: #db3c36; text-align:center; margin:0px; padding:5px 0px;}
.left-text-portion h5{float:left; width:100%; font-family: 'Oswald',sans-serif; font-size: 16px; font-weight: 400; color: #ff5657; text-align:center; margin:0px; padding:5px 0px;}
.left-text-portion img{width:100%}

.right-top-portion{ float:left; width:100%; margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:#87a9bd 1px dashed;}

.right-main-content-left{float:left; width:100%; margin:0 auto; padding:0 15px;}
.right-main-content-left h2{float:left; width:70%; font-family: 'Oswald',sans-serif; font-size: 18px; font-weight: 400; color: #db3c36; text-align:left; margin:0px; padding:10px 0px; border:none;}
.right-main-content-left h3{float:right; width:30%; text-align:right; margin:0px; padding:8px 0px;}
.right-main-content-left p{font-family: Ubuntu, sans-serif; font-size:13px; font-weight:500; color: #000000; float:left; padding:0 0 5px 0; margin:0 20px 0 0;}
.right-main-content-left button{ background:none; border:none; font-size:20px; margin:0 10px;}

.right-main-content-left-two p{width:30%}
.text-two{color:#069}
.text-three{font-size:22px}
.text-four{color:#000000}
.text-five{color:#db3c36}
.text-six{color:#db3c36; margin-right:15px;}
.right-top-portion{width:100%;padding-bottom:15px}
.lower-content-label{float:left; width:100%; margin:0px auto; padding:0 15px;}
.lower-content-label .text-one{font-weight: 500; color: #000000;}


.date-box {
    float: left;
    width: 90%;
}

.icon-image-one {
    float: right;
    margin: 8px auto 0 auto;
}

.devider-border{ border-bottom:#cfcccc 1px solid;}


/*Custom Text Box CSS Start*/
.com-name-header{ float:left; width:100%; margin:0 0 15px 0; clear:both; display:block; padding:8px 15px; text-align:center; background:#ededed; font-family: 'Oswald',sans-serif; font-size: 20px; font-weight: 400; color: #007694;}
.login-box img{ width:100%;}
.inner-boder-top{ border-top:#dcdcdc 1px solid; margin-top:10px;}
.image-upload-area{ border:#dce1e4 2px dotted; width:150px; height:80px; outline:0;}

/*Custom Text Box CSS End*/


/*Custom Grid CSS START*/
.mt-20{ margin-top:20px;}
.mb-20{ margin-bottom:20px;}

.grid-aea{ float:left; width:100%;}
.grid-display-aea{ float:left; width:100%; margin:5px auto; padding:5px 0px; border-bottom:#ddd 1px dotted;}
.grid-display-aea:last-child{ border-bottom:none;}
.grid-left{padding:10px; border-radius:4px; text-align:center; background:#f1f1f1;word-break:break-word;}
.grid-left h2{font-family:'Oswald',sans-serif;font-size:20px;font-weight:300; color:#94170f;}
.grid-right{margin:15px 0 0 0; padding:15px 30px; text-align:left;}
.grid-right p{ color:#676767; font-size:16px; font-weight:300; float:left; padding:0px; margin:0 30px 10px 0;}
.grid-last{margin:15px 0 0 0; padding:0px; text-align:center;}
.grid-last p{font-size:25px; font-weight:300; float:left; display:inline-block padding:0px; margin:0 10px; text-align:center;}
.grid-last p a{ text-decoration:none;}
.grid-last p a:hover{ text-decoration:none;}
.txt-1{ color:#141414; font-weight:400;}
.cr{ color:#d00d01;}
.cg{ color:#7cb305;}

/*Custom Grid CSS END*/



















/*Kamalendu CSS Start*/
.collapsible {
    background-color: #f1f1f1;
    color: #333333;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px; 
}
#ContentPlaceHolder1_pnlCollapsable {
    float: left;
    width: 100%;
    margin: 15px auto;
    padding: 0px; clear:both;
}
.collapsible-body{ background:#f7f7f7; float:left; width:100%; margin:0 auto; padding:15px;}
/*.active, .collapsible:hover {
                background-color: #555;
            }*/
.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f7f7f7;
}


#tableDataRoomDetails th, #tableDataRoomDetails td {
    padding: 8px 5px !important; font-size:12px;
}
#tableDataRoomDetails .form-control {
    font-size: 12px;
}
#tableDataRoomDetails th {
    border-bottom: #c6c6c6 1px solid;
}





#tableDataRoomDetails1 th, #tableDataRoomDetails1 td {
    padding: 8px 5px !important;
    font-size: 12px;
}

#tableDataRoomDetails1 .form-control {
    font-size: 12px;
}

#tableDataRoomDetails1 th {
    border-bottom: #c6c6c6 1px solid;
}




.table-border {
    border: #c6c6c6 1px solid;
}
.delete-btn {
    color: #f25656;
    font-size: 20px;
}
/*Kamalendu CSS End*/
/* Akash CSS Start*/
.field-validation-error {
    color: red;
}
.card-footer nav{text-align:center;}
.pagination > li:first-child > a{border-radius:15px;}
.pagination > li > a{margin-left:2px;}
.pager-record-count{padding-top: 50px;font-weight: bold;}
/* Akash CSS End*/
/*Responsive CSS Start*/
@media only screen and (max-width: 1680px) {
    .food-display-box{ width:46%;}
}
@media only screen and (max-width: 1500px) {
	.food-display-box{ width:46%;}
}
@media only screen and (max-width: 1365px) {
	.food-display-box{ width:45%;}
	.display-price-list h3{ width:100%;}
    .display-price-list h4{ float:left; text-align:left; width:70%;}
    .display-price-list h5{ width:30%;}
	.qty{width: 100%; display: inline-block; text-align: center; margin:10px auto;}
	.food-display-box-content{ padding:0 15px;}
}



@media only screen and (max-width: 1200px) {
	#ContentPlaceHolder1_GridRoom{ width:1920px !important;}
}
@media only screen and (max-width: 1000px) {
	.food-display-box{ width:47%;}
	.food-display-box-content{ margin-bottom:20px;}
	.food-display-box-content{ padding:0 15px;}
}

@media only screen and (max-width: 767px) {
    #layout-static .static-content{ width:100% !important;}
    /*body.leftbar-collapsed .static-leftbar-wrapper { width:100%;}*/
    /*.static-leftbar{ position:unset !important;}*/
    body.leftbar-collapsed .widget nav.widget-body > ul > li:hover > ul { left:30px; }
	
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ position:unset;}
	
	
	.food-display-box{width: 100%;}
	.div-one, .div-two{ float:left; width:100%;}
	.right-main-content-section, .right-main-content-left, .lower-content-label{ padding:0px;}
	.right-main-content-left h2{ width:100%; line-height:36px;}
	.right-main-content-left h3{ width:100%;}
	.right-main-content-left p{float:left; width:100%;}

}
@media only screen and (max-width: 480px) {

.food-display-box{ margin:10px auto;}
.display-price-list h3{ width:100%;}
.display-price-list h4{ float:left; text-align:left; width:70%;}
.display-price-list h5{ width:30%;}
.qty{width: 100%; display: inline-block; text-align: center; margin:10px auto;}
.display-details-price .label-large, .display-details-price .value-large{width: 50%; font-size: 20px;}
.display-details-price .label-small, .display-details-price .value-small{ width:50%; font-size: 16px;}
}

.modal-title{font-size:17px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}