@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/Open-Sans-regular/Open-Sans-regular.eot');
  src: url('fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),
       local('Open Sans'),
       local('Open-Sans-regular'),
       url('fonts/Open-Sans-regular/Open-Sans-regular.woff2') format('woff2'),
       url('fonts/Open-Sans-regular/Open-Sans-regular.woff') format('woff'),
       url('fonts/Open-Sans-regular/Open-Sans-regular.ttf') format('truetype'),
       url('fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  src: url('fonts/Open-Sans-600/Open-Sans-600.eot');
  src: url('fonts/Open-Sans-600/Open-Sans-600.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Semibold'),
       local('Open-Sans-600'),
       url('fonts/Open-Sans-600/Open-Sans-600.woff2') format('woff2'),
       url('fonts/Open-Sans-600/Open-Sans-600.woff') format('woff'),
       url('fonts/Open-Sans-600/Open-Sans-600.ttf') format('truetype'),
       url('fonts/Open-Sans-600/Open-Sans-600.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: italic;
  src: url('fonts/Open-Sans-italic/Open-Sans-italic.eot');
  src: url('fonts/Open-Sans-italic/Open-Sans-italic.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Italic'),
       local('Open-Sans-italic'),
       url('fonts/Open-Sans-italic/Open-Sans-italic.woff2') format('woff2'),
       url('fonts/Open-Sans-italic/Open-Sans-italic.woff') format('woff'),
       url('fonts/Open-Sans-italic/Open-Sans-italic.ttf') format('truetype'),
       url('fonts/Open-Sans-italic/Open-Sans-italic.svg#OpenSans') format('svg');
}



/* General class */
.link {
	cursor: pointer;
	color: #428bca;
}
a {
	color: #369;
}
.green {
	color: #009900;
}
.red {
	color: #990000;
}
.show {
	display: block !important;
}
.fullwidth {
	width: 100%;
}
.block {
	display: block;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
tr.small_tr  td{
	padding:0px !important;
	margin:0px;
}
.disabled {
	pointer-events: none;
	opacity: 0.4;
	background: #eee;
}
.center2 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.indent {
	padding-left: 36px !important;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.light {
	opacity: 0.5;
}
.inline {
	display:inline-block !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
}
div.delete {
	margin-top: 30px;
	text-align: right;
}
i.delete {
	font-size: 22px;
}
.pull-right {
	text-align: right;
}

/* MEDIA QUERY */
.col-sm-8 {
	width: 100%;
}

.ng-modal-dialog {
	max-height: 100vh;
	overflow-y: auto;
}


/* Header */
html {
	background: #f5f6f8;
}
body {
	max-width: 100vw;
	min-width: 300px;
    min-height: 768px;
    margin: 0 auto;
    overflow-x: hidden;
}
#page-inner {
	position: relative;
}
#wrapper {
	overflow-x: hidden;
}
div#container.disabled, {
	display: none;
}
div#container.disabled {
	display: none;
}
#main-menu li.disabled {
	display: none;
}


/* Group view */
.group-container {
	margin-top: 10px;
	font-size: 1.5em;
}
ul.child {
	margin-left: 24px;
}
li.group-item > div {
	min-height: 36px;
	border-bottom: 1px solid #eee;
}
i.tree-expand {
	display: inline-block;
	width: 20px;
}
.group-item .actions {
	font-size: .8em;
	float: right;
}
.group-item i {
	cursor: pointer;
	color: #555;
	margin-left: 5px;
}
.group-item i:first-child {
	margin-left:10px;
}
.group-item .count {
	font-size: .7em;
	color: #bbb;
	display: inline-block;
    position: relative;
    top: -2px;
}
.group-item .count > i {
	margin: 0;
}


/***** MEMBER VIEW *****/
.mobile-row{
	display:flex; 
	justify-content: space-between;
	;}

.mobile-row2{
	float: left;
	display: inline-block;
}

.mobile-left{
	float: left !important;
}
.mobile-right{
	float: right !important;
}
.member-container {
	border-radius: 9px;
	padding: 10px;
	margin: 0px 15px;
	font-size: 1.1em;
}
.member-container .item-name {
	margin-left: -40px;
    font-weight: 700;
}
.member-container .optionset-name {
	margin-left: -30px;
    font-weight: 500;
    opacity: .6;
}
.member-container .report .name {
	width: calc(100% - 150px);
}
.member-container .report .row {
	/*display: flex;*/
}
body.responsive .member-container .report .price {
	/*width: 35%;*/
}
.member-container .report .price {
	width: 100px;
}
body.responsive .member-container .report .qty {
	width: 50px;
}
.member-container .report .qty {
	width: 6%;
}
.member-container.visit {
	background: #f5fbff;
	margin: 15px 0 30px 0;
}
.member-container.visit h4{
	margin: 0;
}
.member-container h4 {
	font-size: 1.2em;
    text-align: left;
    border-bottom: 1px solid #ddd;
    letter-spacing: .2em;
    padding-bottom: 10px;
    margin: 5px 15px 15px -15px;
    text-transform: uppercase;
}
.member-container label {
	display: inline-block;
	width: 150px;
	min-height: 32px;
	margin-left:5px;
	float: left;
}
.member-container .form-group.noinput,
.member-container .form-group.noinput label {
	min-height: 20px;
	margin-bottom: 0;
}
.form-group datepicker {
	font-size: inherit;
	min-width: 260px;
	padding: 0;
	width: auto;
}
._720kb-datepicker-calendar-day {
	padding: 0;
}
._720kb-datepicker-calendar {
	width: 300px;
}
.map-icon {
	font-size: 1.8em;
    margin-left: 8px;
    color: #ff9900;
}
li.done {
	color: #009900;
	font-weight: 600;
}
.member-container input[type=checkbox] {
	font-size: 16px;
	margin-left:10px;
	margin-right: 5px;
}
.form-group textarea {
	line-height: normal;
	padding: 15px;
}
.crop-result > div {
	float:right;
}
.crop-result img {

}
.caption {
	font-size: .7em;
    display: block;
    color: #c00;
    text-transform: uppercase;
}
.status.added, .status.failed {
	display: none;
}
.count.link {
	margin-right: 5px;
}
.hour-price {
	display: inline-block;
	padding: 2px;
}

/* MESSAGE */
#pop-box .ng-modal-overlay {
    opacity: 0.5;
}
.modal-body {
	padding: 0;
}
.modal-body h2 {
	font-size: 22px;
	padding: 0 15px 15px 15px;
	border-bottom: 1px solid #eee;
}
.modal-body .footer {
	background: #fff;
    padding: 15px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
}
.modal-body .pop-container {
	padding: 0 15px;
}
.modal-body {
	padding: 0;
	min-width: 300px;
	text-align: center;
}
.modal-body .title{
	font-weight: 600;
    font-size: 1.2em;
    padding: 16px 10px 0px 10px;
}
.modal-body .content{
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #ddd;
    line-height: normal;
}
.modal-body .button-container > button.link,
.message .button-container > button.link {
	font-size: 1.2em;
	color: #0071FF;
	text-align: center;
	border: none;
	background: transparent;
	width: 100%;
	display: inline-block;
	height: 44px;
	padding: 7px;
	float: left;
}
.message .button-container > button.link.block {
	display: block;
	width: 100%;
}
.modal-body .button-container.confirm > button,
.message .button-container.confirm > button {
	width: 50%;
}
.modal-body .button-container.confirm > button.ok,
.message .button-container.confirm > button.ok {
	width: 50%;
	border-left: 1px solid #ddd;
}


/* SETTING */
.setting-container [class^='col-'] {
	padding: 0 10px;
}
.big-button {
	width: 100%;
    height: 150px;
    background: #6a777f;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.2em;
    cursor: pointer;
    transition: background 0.2s;
    -webkit-transition: background 0.2s;
}
.big-button:hover, 
.big-button:focus {
	background: #9fabb3;
}
.big-button > div {
	transform: translateY( -50%);
	position: relative;
	top: 50%;
}
.big-button > div > i {
	display: block;
    font-size: 2em;
}
.big-button > div > span {

}
.hour.group {
	padding: 10px 0;
}

/* LOGIN */
#login-container {
	margin: 0;
	text-align: center;
    padding: 15px;
    min-height: 1050px;
}
#login-container .panel {
	max-width: 300px;
	margin: auto;
	border-color: #612121;
	margin-top: 60px;
}
#login-container .panel .panel-heading{
	background-color: #612121;
	color: #fff;
	border-color: #612121;
	font-size: 1.2em;
}
#login-container input[type=tel] {
    -webkit-text-security: disc;
}
#login-container .input-group {
	width: 100%;
	
}
#login-container input:not([type=checkbox]) {
	font-size: 1.2em;
	width: 100%;
	padding: 10px;
}
#login-container .checkbox {
	text-align: left;
}
#login-container .checkbox input {
	font-size: 16px;
}
#login-container button,
.import-text button {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}
button {
	outline: none !important;
}
body button.btn {
	border-radius: 999px;
}
body .search-container button,
body .ng-binding > button {
	border-radius: 0;
}
select {
	background: #fff;
    height: 36px;
    border-color: #ccc;
}


/* SETTING */
.member-container .cols button {

}
select.datatype {
	min-width: 100px;
	margin-left: 10px;
}
.row.datatype {
	margin-bottom: 20px;
}
.import-text textarea {
	width: 100%;
	font-size: .8em;
	height: 300px;
	line-height: normal;
	white-space: pre;
	overflow-wrap: normal;
	overflow-x: scroll;
}
.os-line .actions i {
	margin-right: 10px;
} 
td.actions i {
	font-size: 1.3em;
	margin: 0 5px;
}

/* PRODUCT */
.os-line {
	text-transform: uppercase;
    letter-spacing: .1em;
}
.o-line {
	text-transform: none;
    letter-spacing: 0em;
	margin-left:2em;
	position: relative;
	line-height: 2.5em;
}
.o-line .price,
.os-line .actions, 
.o-line .actions {
	position: absolute;
	width: 70px;
	left: 170px;
}
.o-line .price {
	text-align: right;
}
.os-line .actions {
	width:150px;
	left: 300px;
	letter-spacing: 0;
}
.o-line .actions {
	width: 130px;
	left: 260px;
}

/* RESULTS SCREENS */
.results {
    float: right;
    text-align: right;
    margin-top: 10px;   
}
.results .total-count{
	font-size: .5em;
    color: #999;
    font-style: italic;
}
.results .export{
	margin-top: 1em;
	font-size: .5em;
	text-transform: uppercase;
}
.cancellation-policy {
	padding: 3px;
	height: 100px;
}

/* ORDER DETAILS */
.order-details .item {
}
.order-details .name {
	color: #369;
    font-weight: 600;
}
.order-details .price {
	color: #aaa;
	font-size: .9em;
	margin-right: 25px;
}
.order-details .optionsets {
	margin-top: -5px;
    margin-bottom: 5px;
}
.order-details .optionset {
	font-size: .8em;
	color: #999;
}
.order-details .option {

}
.price-col {
	line-height: normal !important;
}
.price-col > span:not(.price){
	color: #999;
	font-size: .9em;
}

.selectprinter {
	padding: 20px;
}
.select-printer > div {
	display: inline-block;
	padding: 4px;
}
.select-printer > div.printerName {
	width: 100px;
	font-size:1.2em;
}


#adminButton {
	width: 60px;
	height: 60px;
	position: absolute;
	z-index: 1;
	left:0;
}


@media print {
	.card-container table td.lbl,
	.card-container table th {
		background-color: #CCCCCC !important;
		-webkit-print-color-adjust: exact; 
	}
	.no-print, .no-print *
    {
        display: none !important;
    }
    #page-wrapper, #page-inner, #wrapper, .card-container{
    	margin: 0 auto !important;
    	padding: 0 !important;
    	min-height: initial;
    	width: 720px;
    	border: none !important;
    }
    .card-container table {
		width: 720px !important;
	}
}
.card-container table {
	width: 100%;
}


body .modal-body .pop-container.inactivity,
body.inactivity .modal-body .pop-container:not(.inactivity) {
	display: none;
}
body.inactivity .modal-body .pop-container.inactivity {
	display: block;
}



@media(min-width:768px) {
    .sidebar-collapse.collapse{
        display: block;
    }
    .navbar-side {
        z-index: 1;
        position: absolute;
        width: 200px;
    }  
    .navbar-fixed-top, .navbar-fixed-bottom {
		position: relative;	
	}
    #wrapper {
		margin-top: 0px;
	}
	.wide768 {
		display:none;
	}
}
@media(max-width:400px) {
	#page-wrapper {
	    padding: 15px 0px;
	}
}
@media(min-width:526px) {
	.col-sm-8 {
	    width: 66.66666667% !important;
	}
}
@media(max-width:525px) {
	.col-sm-8 {
	    width: 100% !important;
	}
	.member-container .form-group label{
		width: 100%;
	}
	.wideonly {
		display:none;
	}
}