.nav-horizontal-container{
	background: #efefef;
	border: 1px solid #dddddd;
	border-radius: 3px;
}

.tab-loading {
	width: 100%;
	height: 100%;
	background: #ffffffd1;
	position: fixed;
	z-index: 999;
	align-items: center;
	justify-content: center;
	display: none;
	padding-top: 200px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	backdrop-filter: blur(2px);
}

.tab-loading img{
	background: #fff;
	padding: 10px;
	border-radius: 5px;
}

.loading-img{
	text-align:center;
}

.datagrid .dropdown-menu{
	background: #fff !important;
}


	.ibis-color-red{
		color:#BB0022;
	}

	.ibis-bg-red{
		background:#BB0022;
	}

	.info-circle-icon{
		margin-left: 5px;
		cursor:help;
		color:#BB0022;
	}

	input[type=checkbox]{
		height:20px !important;
	}

	.ui-autocomplete {
		z-index: 9999 !important;
	}

	#frm-loginForm-email{
		display: none;
	}

	.btndesc {
		text-transform: uppercase;
		font-size: 10px;
		padding-top: 3px;
	}

	.checkboxlist label{
		background: #efefef;
		padding: 5px;
		margin: 5px;
	}

	.checkboxlist {
		display: inline-flex;
	}

	.display-3{
		font-size:30px ;
	}

	.tooltip {
		pointer-events: none;
	}

	.navigation{
		height:1000px;
		width: auto;
		background-color:#272727 !important;
	}

	a{
		text-decoration: none;
	}
	a:hover{
		text-decoration: underline;
	}
	.navigation a{
		color: white;
	}
	.navigation a:hover{
		background: #404040;
		color: white;
		text-decoration: none;
		border-radius: 0 5px 5px 0;
	}
	.navigation a:focus{
		color: white;
	}

	.modal-header .close{
		position: absolute;
		right: 20px;
		top: 10px;
		border: 0;
		background: 0;
		font-size: 30px;
	}

.flash{
	background: #ffffff;
	padding: 25px;
	color: #000000;
	width: 100%;
	margin: 20px;
	border-radius: 20px;
	box-shadow: 0 0 20px 5px #00000024;
	font-weight: 500;
	max-width: 500px;
}

.close-message i{
	box-shadow: 0 0 20px 0px #bcbcbc;
	border-radius: 66px;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.close-message i:hover{
	box-shadow: 0 0 20px 0px #434343;
	cursor: pointer;
}

.close-message{
	margin-left: auto;
}

.flash i{
	margin-right: 20px;
}

#snippet--flashes{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
}
.topbar{
	color: white;
	background-color: #206043;
	padding: 15px;
	text-align: right;
}
.topbar a{
	color: white;
}
.topbar .tbtn{
	background: #353535;
	padding: 8px;
	margin-left: 5px;
}

	@media (max-width: 576px){
		.flash {
			margin: 0 !important;
			width: auto;
		}
		#snippet--flashes{
			padding: 20px !important;
		}
		.datagrid{
			padding:0 !important;
			font-size:13px;
			overflow-y: scroll;
		}

	}

	@media (min-width: 576px){}


		/*.modal-dialog {
			max-width: 85%;
			margin: 1.75rem auto;
		}*/



		.navbar-nav{
			flex-direction: column !important;
		}



		.frm-loginForm-captcha{
			display:none;
		}

		.g-recaptcha{
			display: inline-block;
		}

		#snippet-productGrid-grid{
			overflow-y: scroll;
			max-height: 1700px;
		}

		#sidebar {
			min-width: 200px;
			height: 2000px !important;
		}

		.top-left{
			text-align:left;
		}
		.top-right{
			text-align:right;
		}

		.nav .dropdown-menu{
			background: #353535 ;
		}


		.login-box{
			text-align:center;

		}

		.login-col{
			background: #fff;
			width: 400px;
			text-align:center;
			max-width: 400px;
			padding: 30px;
			box-shadow: 0 0 1px 0px #909090;
		}

		.login-col table, input{
			width: 100%;
			text-align: center;
		}

		.login-col input{
			border-bottom: 1px solid #cfcfcf;

		}

		.login-box .button{
			width: 80%;
			cursor: pointer;
			margin-top: 10px;
			background: white;
			border: 1px solid #cfcfcf;
			margin-top: 20px;
		}

		input{
			border: 0;
		}

		.button{
			width: 100%;
			cursor: pointer;
		}


		.card{
			border:0;
		}



		footer{
			background: #353535;
			color: white;
			padding: 20px;
			text-align:center;
		}
		footer a{
			color: white;
		}
		footer a:hover{
			color: #bdbdbd;
		}


		/*order*/
		.order-list{
			text-align: center;
		}
		.order-list:hover{

		}

		.order-single{
		}

		.order-list-header{
			text-align: center;
		}

		/*menu*/
		.menuSetting{
			text-align:center;
		}

		.actions{
			margin: 20px 0;
		}

		.tickets{
		}

		.actions .dropdown-menu{
			z-index: 1045;
		}
		.actions .dropdown-item{
			padding: 0 !important;
			background: unset !important;
			box-shadow: unset !important;
			font-size: 14px;
			color: #000;
		}

		.dropdown-toggle-split:hover{
			opacity: 0.8;
		}

		.actions .dropdown-item:hover{
			color: #000 !important;
		}

		.actions .col-auto{
			padding: 0 3px;
		}

		.actions a, .actions button, #calendarDatePicker{
			background: #353535;
			padding: 6px 14px;
			color: white;
			text-align: center;
			display: block;
			text-decoration: none;
			transition: 0.2s;
			margin-bottom: 5px;
			border-radius: 4px;
			box-shadow: 0px 0 4px 0px #cecece;
		}

		.actions a:hover, .actions button:hover{
			background: #e00f00;
			color: white;
		}


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

		form, textarea, input{
			width:100%;
		}
		input[type=submit]{
			cursor: pointer;
		}


		.ticket textarea{
			resize: none;
			border: 0;
			border-top: 1px solid #dddddd;
			border-bottom: 1px solid #dddddd;
			border-left: 1px solid #dddddd;

		}
		.ticket fieldset div{
			padding: 0;
		}

		/* MODAL */

		.modal-header .close {
			padding: 0 !important;
			margin: 0 !important;
		}
		.modal-body {
			margin:0;
		}

		.modal-body table{
			width: 100%;
		}

		.modal-body select{
			width: 100%;
		}
		.modal-body textarea{
			height:100px;
		}

		.modal-body input{
			border: 1px solid #cecece;
			width: 100%;
		}

		.container{
			margin-top: 30px;
			margin-bottom: 30px;
		}

		h5{
			margin-top:20px;
		}

		.scroll-list{
			max-height:250px;
			overflow-y:auto;
			overflow-x: hidden;
		}

		.order-hours-toggle{
			border-top: 2px dashed #ababab;
			margin-top: 10px;
			padding-top: 10px;
		}



		/*GRID*/

		#snippet-inventoryDefGrid-tbody tr .table-bordered td{
			border: 0;
		}

		.datagrid{
			padding:0 !important;
			font-size:15px;
		}

		.datagrid-column-header-additions{
			display: none;
		}
		.col-action{
			text-align:center;
		}
		.datagrid .row-grid-bottom {
			border: 0 !important;
		}
		.form-control-sm {
			border-radius: 0;
		}
		.datagrid  .table td, .table th, .table thead th {
			border: 0;
		}

		.datagrid table{
			border: 1px solid #ebebeb;
			font-size: 13px;
		}

		.custom-combobox{
			position: relative;
		}

		.custom-combobox-toggle{
			text-align: center;
			width: 20px;
			height: 20px;
			display: block;
			position: absolute;
			top: 0px !important;
			right: 10px;
			cursor: pointer;
		}

		.ui-widget, .ui-widget-content {



		}

		.addItemToCartSelect, .addItemToCartQuantity{
			background: #ffffff !important;
		}

		.datepicker-dropdown {
			background: #ffffff !important;
		}

		.day-content{
			text-align: left;
			padding: 20px;
		}

		.calendar{
			overflow-y: scroll;
			max-height: 1500px;
		}

		.list-head{
			background: #dadada;
			padding: 5px;
			text-align:center;
		}

		.form-h{
			font-weight: 600;
			margin-bottom: 10px;
			margin-top: 20px;
		}

		.ticket-detail-block{
			background: #f5f5f5;
			padding: 20px;
			margin: 20px 0;

		}

		.ticket-detail-block h5{
			margin-top: 0;
		}

		.b{
			font-weight: 600;
		}

		#frm-cl1Form input, #frm-cl1Form select, #frm-cl2Form input, #frm-cl2Form select{
			border: 1px solid grey;
			width: 100%;
			margin-bottom: 7px;
		}

		.ci{
			padding: 30px;
		}

		.cl1-form-block-1, .cl2-form-block-1{
			padding: 5px;
			border: 1px solid white;
		}

		.cl1-form-block-2, .cl2-form-block-2{
			background: #f9f9f9;
			padding: 5px;
			border: 1px solid white;
		}

		.cl1-form-block-1 h5, .cl1-form-block-2 h5, .cl2-form-block-1 h5, .cl2-form-block-2 h5{
			margin-top: 10px;
		}

		.cl1-form-color-section, .cl2-form-color-section{
			margin-bottom: 20px;
		}

		.cl1-form-door-block, .cl2-form-door-block{
			background: #efefef;
			padding: 20px;
			margin: 10px;
		}

		.card-body{
			padding: 10px !important;
		}

		.room{
			position:relative;
			width: 1050px;
			left: 10px;
			text-align: center;
			background: url('../image/closet-room-4.png');
			background-repeat: no-repeat;
			background-size: cover;
			padding-top:4px;
		}

		.door_split_image_1{
			width:130px;
			height:206px;
			background: url('../image/door_split_1_wr.jpg');
		}

		.door_split_v_image_1{
			width:130px;
			height:206px;
			background: url('../image/door_split_v_1_wr.jpg');
		}

		.door_split_image_2{
			width:130px;
			height:206px;
			background: url('../image/door_split_2_wr.jpg');
		}

		.door_split_v_image_2{
			width:130px;
			height:206px;
			background: url('../image/door_split_v_2_wr.jpg');
		}

		.door_split_image_3{
			width:130px;
			height:206px;
			background: url('../image/door_split_3_wr.jpg');
		}

		.door_split_v_image_3{
			width:130px;
			height:206px;
			background: url('../image/door_split_v_3_wr.jpg');
		}

		.door-side{
			width:54px;
			height:380px;
			background: url('../image/door-side.png');
			position:absolute;
			top: 62px;
			margin-left: 2px;
		}

		.door-side-2{
			width:50px;
			height:415px;
			background: url('../image/door-side-4.png');
			position:absolute;
			top: 4px;
			margin-left: 2px;
			background-repeat: no-repeat;
			z-index: 2;
			background-position: top;
			background-size: cover;
		}

		.door-bottom{
			width:100%;
			height:35px;
			background: url('../image/door-bottom.png');
			position: absolute;
			top: 408px;
			background-repeat: no-repeat;
			margin-left: -4px;
		}

		.door-top{
			width: 100%;
			height:62px;
			background: url('../image/door-top.png');
			background-repeat: no-repeat;
			margin-left: -4px;
		}

		.door-top-2{
			width: 100%;
			height:28px;
			background: url('../image/door-top-6.png');
			background-repeat: no-repeat;
			position: absolute;
			z-index: 2;
			width: 204px;
		}
		.closet-top-left{
			height:28px;
			background: url('../image/closet-top-left.png');
			background-repeat: no-repeat;
			position: absolute;
			z-index: 2;
			width: 137px;
		}

		.closet-top-center{

			height:28px;
			background: url('../image/closet-top-center-3.png');
			background-repeat: no-repeat;
			position: absolute;
			z-index: 2;
			width: 137px;
		}

		.closet-top-right{

			height:28px;
			background: url('../image/closet-top-right-2.png');
			background-repeat: no-repeat;
			position: absolute;
			z-index: 2;
			width: 187px;
		}

		.door{
			display: inline-block;
			margin: 0 -3px;
		}


		.modal.modal-wide .modal-dialog {
			width: 90%;
		}

		.modal-wide .modal-body {
			overflow-y: auto;
		}

		@media (min-width: 992px){
			.modal-lg {
				max-width: 1100px !important;
			}
		}

		@media (min-width: 576px){
			.modal-lg .modal-dialog {
				max-width: unset;
			}
		}

		input:-webkit-autofill,
		input:-webkit-autofill:hover,
		input:-webkit-autofill:focus,
		input:-webkit-autofill:active {
			-webkit-box-shadow: 0 0 0 30px white inset !important;
		}