@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'roboto-black';
	src: local('☺'), url('../fonts/roboto-black-webfont.woff') format('woff'), url('../fonts/roboto-black-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'roboto-regular';
	src: local('☺'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'roboto-medium';
	src: local('☺'), url('../fonts/roboto-medium-webfont.woff') format('woff'), url('../fonts/roboto-medium-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'roboto-bold';
	src: local('☺'), url('../fonts/roboto-bold-webfont.woff') format('woff'), url('../fonts/roboto-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



body { background:#dbdbdb; color:#555; font-family: 'roboto-regular'; font-size:18px; margin:0px 0px}

a{ color:#278cd0; outline:none; text-decoration:none; transition:all 0.6s ease; -webkit-transition:all 0.6s ease}
a:hover{ color:#007cc1}
h1,h2,h3,h4,h5{ font-weight:normal}

h1,h2,h3,h4,h5,p,form,ul{ margin:0px; padding:0px;}

.pull-right{ float:right}

.pull-left{ float:left}

.clear{ clear:both; height:1px;}

.container{height: 100%;align-content: center;}

.blue-bg { background: #278cd0!important}

.header { background: #000; padding:10px 0  9px 0; display: table; width: 100%}
.header .logo {float:left; padding: 0 20px; }
.header .logo img {float:left; margin-top: 3px; margin-right: 8px; width: 100px;}
.header .logo span {display:inline-block; color:#fff; padding-top: 0px; font-size: 25px;}
.header .logo  a {color:#fff; text-decoration: none}
.header .navigation { display: none; position: absolute; top:50px; width:100%; z-index: 100;}
.header .navigation ul { margin: 0px; padding:0px; list-style: none;}
.header .navigation ul li { display: block; border-bottom: 1px solid #353535; width: 100%}
.header .navigation ul li a {color:#fff; display: block; background: rgba(0,0,0,0.8); padding:15px 20px}
.header .navigation ul li a:hover {  text-decoration: none }
.menu-icon {background: #278cd0; cursor: pointer; color: #fff; font-size: 16px;  right: 20px; top:12px; 0 #000; padding:4px 12px; position: absolute;  }
.header .cart-link { position:absolute; right:84px; top:15px;}
.header .cart-link  a { color:#fff;}
.container { margin-top: 30px; padding-bottom: 30px}
.inner-container .card { height: 100%; width: 80%}

.table { background: #fff; border-radius: 5px; color:#555;}
.form-inline { display: block;}
.table-striped tbody tr:nth-of-type(odd) {}
.parent-flex { display: flex;  justify-content: space-between }
.btn-primary { background:#278cd0; padding-left: 20px; padding-right: 20px; }
.packages-wrapper { margin-bottom: 20px;}
.packages-wrapper .btn-danger{ background: rgba(228,8,25,0.5)!important;}
.packages-wrapper .btn { margin: 10px 0; text-align: left; padding: 20px 20px}
.packages-wrapper .btn-primary{font-size:18px;border-color:#c3c2c2; background: #fff; color: #555;
    -webkit-box-shadow: 0px 9px 4px -4px rgba(194,194,194,1);
    -moz-box-shadow: 0px 9px 4px -4px rgba(194,194,194,1);
    box-shadow: 0px 9px 4px -4px rgba(194,194,194,1);

}

.while-link { color:#fff; text-decoration: underline}
.table td, .table th { vertical-align: middle}
.form-group label {font-family: 'roboto-medium';}
.form-control {padding:10px 10px;}
.container h2 { font-size: 24px; font-family: 'roboto-medium'; line-height: 46px;}
.container h3 { font-size: 20px; font-family: 'roboto-medium'; }
.list-group-item .fa-check { display: none}
.list-group-item.active { background: #000;    border-color: #000;}
.list-group-item.active .fa-check { color:#35b350; display: block}
hr{margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border: 1px solid #c3c2c2!important}

.cart .table .btn-decrement, .cart .table .btn-increment {    border-color: #ced4da; min-width: .5rem!important;    /* padding: 0.175rem .5rem!important*/}
.cart-wrapper { font-size: 16px;}
.cart-wrapper .pack-name { min-width: 115px;}
.payment-buttons .payment-button {border-color:#8d8d8d; background: #8d8d8d; color: #fff; margin:5px 4px; width: 46%; min-height: 80px}
.payment-buttons h3 { line-height:46px;} 
.mt-10 { margin-top: 10px;}
.mt-30 { margin-top: 30px;}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color:#fff; ;border-color:#278cd0;   background: #278cd0;
}
.btn-primary:focus {color:#fff; background: #278cd0; }
.tc {padding-left:25px; padding-bottom: 20px;}
p { padding:10px 0}
.terms {}
.terms ul { padding-left: 20px}
.terms ul li { padding:8px 0}
.empty-row10 { clear: both; height: 10px;;}
div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate{
    text-align: left;
}
.update-total-wrapper { display:none;}
.final-wrapper { display:none}
.p-relative { position:relative}
.p-absolute { position: absolute;}
.cart-loader{ right:2px; top:-8px}
.spinner-ajax { display:none}
.alert-non { display:none}
.split-wrapper { display:none; padding-top:25px;}
.col-total { width:55px; text-align:right;}
.delete-item { font-size:20px; float:right; cursor:pointer}
.term-button { cursor:pointer}
.term-condition {}
.term-condition .card-body { padding:6px 15px;}
.term-condition ul { padding:0px 0px; margin-left:20px;}
.term-condition ul li { margin:10px 0;}
.term-condition .custom-checkbox { margin:10px 0}
.term-condition label {font-family: 'roboto-regular'; margin-bottom:0px;}
.term-condition hr { border:none!important; border-top:1px solid #c3c2c2!important}

.term-condition .modal-body ul { list-style:none; padding:0px 0px; margin-left:5px; margin-top:-10px;}
.term-condition .modal-body ul li { padding:10px 0; margin:0px; border-top: 1px solid #c3c2c2;}
.term-condition .modal-body ul li:first-child{ border:none}


.customer-sign-wrapper {text-align:center; width:100%}
.customer-sign-wrapper .form-group { margin:15px; margin-top:0px; margin-bottom:30px;}
.customer-sign-wrapper canvas { margin:auto; margin-bottom:0px;}
.p-l-r-4{ padding-left:4px!important; padding-right:4px!important;}
.p-r-0{ padding-right:0px!important}
.quantity {}
.modal-lg { min-width:80%}
.sale-details { font-size:14px;}
.sale-details label { font-weight:bold;}
.sale-details .row { margin-bottom:15px}
.sale-details h4 { font-size:18px; font-weight:bold}   
.sale-details hr { border:none!important; height:1px; border-bottom:1px solid #dee2e6!important}
.search-wrapper { display:none; padding-bottom:20px;}
.term-cname:first-letter { text-transform:capitalize;}
.table thead th { font-weight:normal; font-family: 'roboto-medium'; }
.txt-capitalize { text-transform:capitalize}
.invoice-customer-info label {font-family: 'roboto-medium';}
.canvas-wrapper  img{ width:100%}