@import 'inc.colorlist.css';

/*color
#b90505
*/

.billtype4 {
    background-color: rgba(255, 0, 0, 0.05);
}

.card{
	height: 100%;
}

.form-group div.mce-fullscreen {
    z-index: 1031;
}
.manage a {
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #DCDCDC;
    background: white;
    border-radius: 3px;
	text-decoration: none;
}

.manage{
	text-align: center;
}

.currentCus{
	position: fixed;
	z-index: 99;
	bottom: 0;
	left: 10px;
}

.hide{
	display: none;
}

#_alertModal{
    z-index: 9999999;
}

#myPromo{
	margin-top: 0;
}

body{
	padding-top: 80px;
	padding-bottom: 120px;
	color: rgba(0,0,0,1);
}

body,div,a,span,p,td,th,input,select,textarea,button,option,optgroup{
	font-family: 'Prompt', Verdana;
}

a{
	outline: none;
	transition: color 1s;
	text-decoration: none;
}

a:hover{
	color: rgba(0,0,0,0.5);
	text-decoration: none;
}

a.close {
    text-decoration: none !important;
    font-size: 18px !important;
    line-height: 1.2;
	color: inherit;
}

#modalFrame{
	width: 100%;
	height: 100%;
}

.vertical-menu {
    width: 200px; /* Set a width if you like */
	position: absolute;
	box-shadow: 3px 3px 1px #DCDCDC;
	border: 1px solid #DCDCDC;
	background: white;
	z-index: 1040;
}

.vertical-menu a {
    color: black; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
	background-color: rgba(185,5,5,1);
    color: white;
}

.vertical-menu a.active{
	color: #b90505;
}

.vertical-menu a.active:hover{
	color: white;
}




.navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler {
    right: 15px;
    top: 15px;
    font-size: 200%;
    border: none;
}


a.navbar-brand.ui-link {
    display: none;
}

.ui-loader{
	display: none;
}

.ui-tooltip-content {
  position: relative;
  padding: 1em;
}

.ui-tooltip-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
}

.top .ui-tooltip-content::after {
  top: -10px;
  bottom: auto;
  border-color: #666 transparent;
  border-width: 0 10px 10px;
}

.bottom .ui-tooltip-content::after {
  bottom: -10px;
  border-color: #666 transparent;
  border-width: 10px 10px 0;
}

.col-1-10,
.col-xs-1-10,
.col-sm-1-10 {
  position: relative;
  min-height: 1px;
}

.col-xs-1-10 {
  width: 25%;
  float: left;
}

	nav#menupos{
		background: white;
		width: 100%;
		padding: 0;
	}

	nav#menupos div ul li a{
		width: 100%;
		padding: 10px;
	}

	nav#menupos div ul li a:hover, nav#menupos div ul li.active a{
		background: #b90505;
		color: white;
	}

	nav#menupos.fixed-top{
		margin-top: 47px;
		z-index: 999;
	}


.error {
    border: 1px solid red;
}

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.pagination{
	float: right;
}



.rowsep{
    border-bottom:1px solid #DCDCDC;
	height: 1px;
	margin: 10px 0;
}

.pricerange{
    border: 0;
    color: #000000;
    font-size: x-small;
}

.breadcrumb {
    background: white;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

li.breadcrumb-item {
    font-size: 12px;
}

li.breadcrumb-item a {
    color: #9AA2A7;
}

li.breadcrumb-item a:hover {
    color: black;
}

li.breadcrumb-item.active{
    color: black;
}

.navbar{
    min-height: 60px;
}

.click-hover div{
	cursor: pointer;
}

.click-hover:hover div, .click-hover:hover span{
	background-color: #fafafa;
}

.input-group-addon, .input-group-text {
    min-width: 40px;
    background-color: #292b2c;
    color: white;
}

.input-group-addon a {
    color: white;
}

.input-group-addon a:hover{
	color: rgba(255,255,255,0.5);
}

.form-control{
    border: 1px solid rgba(0,0,0,0.5);
}

.form-control:focus{
	border: 1px solid #5cb3fd;
	background-color: #DDF0FF;
}

@media (max-width: 991px){
	.navbar-toggleable-md>.container {
		padding: 0;
		margin: 0;
		display: table;
		width: initial;
		margin-left: -20px;
	}

	#menupos{
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
		margin-top: 47px;
	}

}

@media (max-width: 767px){
    .navbar-brand {
        font-size:22px !important        ;
    }
}

@media (max-width: 450px){
	.ig-f{
		float: left;
		line-height: initial !important;
		margin-bottom: 20px;
	}
}

@media (min-width: 768px) {
  .col-sm-1-10 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-1-10 {
    width: 10%;
    float: left;
  }

	#navbarCollapse.menu{
		width: initial !important;
	}

	#myCart{
		margin-left: -120px;
	}

	.vertical-menu {
		margin-left:-170px;
	}
	nav#menupos{
		background: white;
	}

	nav#menupos div ul li a:hover, nav#menupos div ul li.active a{
		background: white;
		color: #b90505;
	}

}

@media (min-width: 1200px) {
  .col-lg-1-10 {
    width: 10%;
    float: left;
  }

	.container {
		width: 1920px;
		max-width: 100%;
	}


}

@media (min-width: 1920px){
	.carousel-inner>.carousel-item>img, .carousel-inner>.carousel-item>a>img {
		display: block;
		height: auto;
		max-width: 100%;
		line-height: 1;
		width: 100%;
	}
}
.hidden{
	display: none !important;
}

#gotoTop{
	display: none;
}

#gotoTop i{
    position: fixed;
    right: 10px;
    bottom: 10px;
    display: block;
    border: 2px solid #DCDCDC;
    border-radius: 20px;
    padding: 10px;
    background: rgba(255,255,255,0.6);
}

.alert{
    position: relative;
}

.alert a.close {
    font-size: 16px;
    text-decoration: none !important;
    /*font-size: 30px !important;*/
    line-height: 1.2;
    color: inherit;
    position: absolute;
    top: 5px;
    right: 10px;
}

input.error {
    border: 1px solid red;
}

a.delbill {
    /* color: red; */
    position: absolute;
    margin-left: -16px;
	margin-top:-2px;
}

a.delbill i{
	color: red;
}

.pr-pic{
	width: 80px;
	margin-right: 5px;
}

body.isCalBody .container{
	padding: 0 !important;
	margin: 0 !important;
    width: calc(100% - 16px);
}

.input-group-text label{
	margin: 0;
}

.hotkey-help {
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #292b2c;
    padding: 0 10px;
    border-radius: 2px;
    box-shadow: 1px 1px 1px #ffffff;
    line-height: 15px;
    color: white;
    z-index: 5;
}

.btn .hotkey-help {
    margin-top: -15px;
    margin-left: -20px;
}

.sub-header label {
    display: block;
    float: left;
    margin: 0;
}

.sub-header span{
    border-bottom:1px dashed black;
    display:block;
    width:calc(100% - 20px);
    float:left;
    padding: 0 10px;
    font-size:14px;
    line-height:25px;
    min-height:25px;
    margin-bottom:10px;
}

.gray{
	filter: grayscale(100%);
}

.detail .table-bordered td, .detail .table-bordered th, .detail .table-bordered{
	border: 1px solid black;
}

.noborder{
	border: none !important;
}

tr.status0 {
    background-color: #f9f9f9;
}

tr.status0 td{
    text-decoration:line-through;
}

tr.status0 td.manage a{
    display:none;
}

tr.status1 .cancel, tr.status2 .cancel{
	display:none;
}

tr.status0 .cancel{
	display: inline;
	text-decoration: none;
}