/**
 * GENERAL
 */


.no-bullets{
  list-style: none outside;
}

.text-underline{
  text-decoration: underline;
}

.row-less-padding {

    margin-left: -5px;
    margin-right: -5px;
  [class*="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}


.text-wrap{
	white-space: normal !important;
	overflow: visible !important;
}

.fixed-height{

	max-height: 450px;
	overflow-y: auto;
}

.card-body{


	&.table-responsive{
		padding-bottom: 120px;
	}
}

.underline {
	text-decoration: underline;

	&:hover {
		text-decoration: underline;
	}
}

#logs-page{
	.dropdown-menu{
		left: auto !important;
		right: 0px !important;
		
		// z-index: 5;
	}
	
	.date-picker.is-opened .dropdown-menu {
	  
	  margin-bottom: 5px !important;
	}
}

.legend {

	ul {
		list-style: none;

		li {
			padding-bottom: 10px;

			i {
				width: 15px;
			    height: 15px;
			    display: inline-block;
			    margin-right: 10px;
		        vertical-align: top;
			}
		}
	}
}


.account-name{
	font-weight: normal;
	font-size: 20px;
}

.form-group{

	.preloader{
		vertical-align: middle;
	}
}
.form-group.required {

	.control-label{

		font-weight: bold;

		&:after{

			color: red;
    		content: " *";

		}
	}
}

.filter-select-dropdown{
	.filter-cell{

		position: relative;


		&:before{

			position: absolute;
			  top: -1px;
			  content: "";
			  height: calc(100% - 1px);
			  width: 30px;
			  background-color: #FFF;
			  background-position: right calc(100% - 7px);
			  background-repeat: no-repeat;
			  background-image: url("../img/select.png");
			  pointer-events: none;
			  z-index: 5;
			  right: 0;

			}

		.filter-select{
			border-left: none;
			border-right: none;
			border-top: none;
		}

	}

}


.item-image {
	width: 120px;
	height: 120px;
	background-size: cover;
	border-radius: 65px;
	background-position: center center;
}


/*TextAngular styles*/

.ta-toolbar .btn-group {
    margin-bottom: 5px;
}



select option:empty { display:none }


#ug{

	.tab-nav{

		&.tn-vertical{

			> li{

				&.active{

					> a{
						background: #fff;
					}
				}

				> a{

					margin-right: -2px;
				}
			}
		}

	}
	.tab-content{
		border-left: 2px solid #eee;
	}
}

#create-menu {

	.tab-nav{

		&.tn-vertical{

			> li{

				&.active{

					> a{
						background: #fff;
					}
				}

				> a{

					margin-right: -2px;
				}
			}
		}

	}

	.tab-content {
		border-left: 2px solid #eee;
	}
}

#update-menu {

	.tab-nav{

		&.tn-vertical{

			> li{

				&.active{

					> a{
						background: #fff;
					}
				}

				> a{

					margin-right: -2px;
				}
			}
		}

	}

	.tab-content {
		border-left: 2px solid #eee;
	}
}

.chosen-container {
	width: 100% !important;
}

.block-header{
	margin-bottom: 15px;
	.actions{
		top: 0;

		a{
			position: relative;

			 .tmn-counts{
			  	position: absolute;
			    font-style: normal;
			    background: #f44336;
			    padding: 1px 5px;
			    border-radius: 2px;
			    right: 24px;
			    top: -3px;
			    font-size: 10px;
			    line-height: 15px;
			  }
		}
	}
}


.acc-logo{

	img{
		display: inline-block;
		max-width: 175px;
	}
}



.breadcrumb{

	border-bottom: 0;

	> li{
		font-size: 16px;
	}
}


table{

	td{

		> a{


			text-decoration: underline;
		}
	}


}

.filter:not(.filter-select-dropdown){

	.filter-cell{

		position: relative;

		&:before{
			content:'\f1c3';
			position: absolute;
			font-family: 'Material-Design-Iconic-Font';
			font-size: 18px;
		    left: 11px;
		   	color: #777;
		    top: 7px;
		}

		.input-filter{
			padding-left: 30px;
		}

	}

	&.plain-text-input {

		.filter-cell {
			&:before {
				content: none;
			}
		}
	}


}


.menu-config{



	.card{

		.lv-item{

			&.ng-enter{
				 transition:0.5s linear all;
  				opacity:0;

  				&.ng-enter-active{
  					opacity:1;
  				}

			}


			&.ng-leave{
				transition:0.5s linear all;
  				opacity:1;

  				&.ng-leave-active{
  					opacity:1;
  				}

			}

		}

	}

}


.menu-search{

	position: relative;

	i{

		font-size: 22px;
		height: 40px;
		left: 0px;
		line-height: 37px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 40px;
	}

	input[type="text"]{
		padding-left: 40px !important;
		height: 40px;
	}


}

.order-form{

	.input-group-addon{

		.btn-icon{
			width: 20px;
			height: 20px;
		}
	}

}


.ta-toolbar{
	background: #eee none repeat scroll 0 0;
	border: 1px solid #ddd;
	margin: 0 0 10px;
	padding: 10px 10px 5px;

	.btn-group{
		margin-bottom: 10px;
	}
}

.addon-cell{
	border-top: none !important;
}

#order-invoice{
	display: none;

	position: fixed;
	  background: #fff;

	  width: 400px;
	  box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);

	  right: -420px;
	  top: 70px;
	  -webkit-transition: all;
	  -o-transition: all;
	  transition: all;
	  -webkit-transition-duration: 300ms;
	  transition-duration: 300ms;
	  z-index: 10;
	  opacity: 0;
	  filter: alpha(opacity=0);



	  &.toggled{
	  right: 0;
	  opacity: 1;
	  filter: alpha(opacity=100);
	  display: block;
	  }



	 .lv-title{
	 	font-size: 12px;
	 }

	 .card{
	 	height: 100%;
	 }


	 .card-body{

	 	overflow: hidden;
	 	overflow-y: auto;
	 	position: relative;

	 	.empty-cart{


	 	}
	 }
}



.order-checkout{

	.price{
		font-size: 50px;
		font-weight: 300;
		letter-spacing: -1px;

		sup{
			font-size: 30px;
		}
	}

	.order-checkout-actions{

	}
}


.lv-attrs{

		li{
			font-size: 14px;
    		padding: 8px;


		}
	}


/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.card ul[dnd-list],
.card ul[dnd-list] > li {
	position: relative;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.card ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.card ul[dnd-list] .dndDraggingSource {
    display: none;
    height: 0;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.card ul[dnd-list] .dndPlaceholder {
    display: block;
    background-color: #ddd;
    min-height: 42px;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.card ul[dnd-list] li {
    background-color: #fff;
   /* border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;*/
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    cursor: move;
}

/**
 * Show selected elements in green
 */
.card ul[dnd-list] li.selected {
    background-color: #dff0d8;
    color: #3c763d;
}


.invoice-trigger {
  width: 50px;
  height: 35px;
  cursor: pointer;

  &.open{

  		.line-wrap{
  			transform: rotate(0deg);
  			margin: 5px 5px;
  			margin-top: 12px;
  		}
  }
}

.invoice-trigger .line-wrap .line {
  background-color: #fff;
}

.invoice-trigger:before {
	  content: "";
	  position: absolute;
	  top: 15px;
	  left: 14px;
	  width: 45px;
	  height: 45px;
	  border-radius: 50%;
	  background: rgba(255, 255, 255, 0.22);
	  -webkit-transition: all;
	  -o-transition: all;
	  transition: all;
	  -webkit-transition-duration: 300ms;
	  transition-duration: 300ms;
	  -webkit-transform: scale(0);
	  -ms-transform: scale(0);
	  -o-transform: scale(0);
	  transform: scale(0);
	  z-index: 0;
}

.invoice-trigger.open:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/*
------------------------------
 ORDER CONFIG
------------------------------
*/


#list-view{

	.lv-title{
		overflow: visible;
		white-space: normal;

		sup{
			font-size: 22px;
			top: 0;
		}
	}


	small.help{
		font-size: 16px;
	}
}





/*
------------------------------
 PAYMENT
------------------------------
*/

#pay-wiz{

	.tab-content{

		ul.pgs{
			list-style: none outside;

			li{

			}
		}
	}

}


.tab-nav{

	li{

		&.disabled{

			> a{
				color: #eee;
			}
		}
	}
}


#cc-card{

	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}


.payment-summary{

	max-width: 400px;
	margin: 0 auto;
}


.t-details{


	list-style: none outside;

	li{
		font-size: 15px;
	}

}

/*
------------------------------
 FULL CALENDAR
------------------------------
*/


/*.fc-row .fc-content-skeleton {
	position: static;
	z-index: 1;
	padding-bottom: 2px;
}*/

#calendar {

	.fc-day-grid-event .fc-content {
		white-space: normal;
	}




	.fc-toolbar {

		.fc-right {

			position: relative;

			.fc-today-button {
				border-radius: 2px;
			    background-color: white;
			    color: #111;
			    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
			    position: absolute;
			    right: 0px;
			    width: auto;
			    padding: 0 12px;
			    text-transform: uppercase;
			    font-size: 13px;
			}
		}
	}


	&.orders {

		.fc-toolbar {
			height: 50px;
			background-image: none;
			padding: 8px 10px;

			.fc-center {
				margin-top: 0px;
			}
		}

		.fc-content {
			cursor: pointer;
      display: inline-block;
      font-weight: bold;
      vertical-align: middle;
		}

	}


	/* Order config calendar */
	&.config {

		.fc-toolbar {
			height: 50px;
			background-image: none;
			padding: 8px 10px;

			.fc-center {
				margin-top: 0px;
			}
		}

		.fc-event{

			margin-bottom: 15px;

			padding: 0px;

      &.afterHourHide{
        display: none !important;
      }

      &.dateWarning{
        margin-bottom: 0;
      }

			.fc-title{
				overflow: hidden;
				text-align: left;
				font-size: 13px;
				margin: 0;
				padding: 0;

				.info{
					vertical-align: middle;
				}
			}

			select {
				width: 100%;
			}
		}

		.fc-event-container {
			text-align: left;


			.lv-avatar {
				margin: 0 auto;

			}

			.btn-icon {
				height: 20px;

			    width: 20px;

			}

			.count-select {
				margin: 5px 0;


				.count {
					width: 30px;
					text-align: center;
					display: inline-block;
				}

			}

		}

	}

  .fc-row{

    table{

      .date-warning{
        background: #ffc878;
        color: red;
      }
    }
  }

}


/*
------------------------------
 LUNCH CARD
------------------------------
*/

.lunch-card {

	border: 2px dashed #ddd;

	p{
		margin-bottom: 10px;
	}

	.lv-title{
		white-space: normal;
	}

}

@media print {

	#lunch-card {

		.btn {
			display: none;
		}

		.filters {
			display: none;
		}

		.lunch-card {
			width: 50%;
			float: left;
			padding: 20px;
			box-sizing: border-box;

		}
	}
}


.ng-table {

	th.sortable {
		span {
			padding-right: 20px;
		}
	}
}


/*Dashboard overrides*/

.mini-charts-item:before {
	background: none;
}


/*Trigger text edit area*/
.trigger-edit {
	border: 1px solid #DDD;
	cursor: pointer;
	padding: 10px 15px;
	display: block;

  &.input-sm{
    height: 30px !important;
padding: 5px 10px !important;
font-size: 12px;
line-height: 1.5;

  }
}


/*Report table custom table rows.*/

.table {

	tbody {

		tr.odd {
			background-color: #f4f4f4;
		}

		tr {
			td {
				border: none;
			}
		}

	}
}

.report-actions {

	.btn {
		margin-bottom: 10px;
	}
}

.border-black-1 {
	border: 1px solid black;
}


/*-- Lunch card table styles --*/

.lcard-table.table {
	tr {
		td {
			border: 1px solid #444;
		}

		th {
			border: 1px solid #444;
		}
	}
}

.table {
	&.columned {
		tr {

			td, th {
				border: 1px solid #BBB !important;
			}
		}

	}
}


.lg-table{
  min-width: 1600px;
}

@media (max-width: 767px)  {
  .lg-table{
    min-width: 100%;
  }

}
.filterBox  {
	margin: 0;
	font-size: 14px;
	color: inherit;
	border-radius: inherit;
	border: 1px solid #555;
	width: 150px;
	padding: 10px 4px 10px 35px;
	border: 1px solid #E4E4E4;
    padding: 10px 15px;
    height: 40px;
}

.input-icons i {
	position: absolute;
  font-size: 15px;
  color: #777;
  font-weight: 100;
}
    
.input-icons {
    width: 100%;
    margin-bottom: 10px;
}
  
.icon {
    padding: 12px;  
    min-width: 50px;
    text-align: center;
}
  
.input-field {
   padding-left: 35px;
}