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

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/css?family=Khula:400,700);
* {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}

html{height: 100%;}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.7;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background: #fff;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	text-align:justify;
}

p{font-size: 16px;
    line-height: 1.6; font-weight: 300; color:#677280;}

::selection {
	color: #fff;
	background: #00a9ee;
}

::-moz-selection {
 color: #fff;
 background: #00a9ee;
}

a{ cursor:pointer !important;}

.clr{ clear:both;}

.fitImage {
	max-width: 100%;
	vertical-align: middle;
	display: inline-block;
}

.dsh-body-bg{background: #f1f5f6;}

.fullimage{ width:100%;}



.top-left-part {
    width: 265px;
    float: left;
}

.top-left-part a {
    color: #fff;
    font-size: 18px;
    padding-left: 0;
    text-transform: uppercase;
}

.logo b {
    height: 60px;
    display: inline-block;
    width: 60px;
    line-height: 60px;
    text-align: center;
	margin: 0 10px;
}

.logo-text{display: inline-block;}


.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: .25rem;
	
	-webkit-box-shadow: 6px 6px 5px 0px rgba(212,212,212,1) !important;
    -moz-box-shadow: 6px 6px 5px 0px rgba(212,212,212,1) !important;
    box-shadow: 6px 6px 5px 0px rgba(212,212,212,1) !important;
    -webkit-box-shadow: 1px 1px 11px 1px rgba(109,109,109,0.2) !important;
    box-shadow: 1px 1px 11px 1px rgba(109,109,109,0.2) !important;
}

.card-m-b{margin-bottom: 30px;}

.admin-set{    padding-bottom: 10px;}


.border-bottom {
    border-bottom: 1px solid #dee2e6!important;
}

.m-t-10 {
    margin-top: 10px;
}

.m-zero{margin: 0;}

.m-t-30 {
    margin-top: 30px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-r-15{margin-right: 15px;}

.m-b-10{margin-bottom: 10px;}

.p-r-zero{padding-right: 0;}

.row-mr-set{margin-right: 0;
    margin-left: 0;}

.use-inner-card-2 tr td {
    line-height: 26px;
    font-size: 14px;
}

.use-inner-card-2 tr td:nth-child(even) {
    padding-left: 20px;
}

.admin-set a.link {
    color: #455a64;
}


.info-box {
    background: #fff;
    padding: 40px 30px 35px 25px;
   
}


.info-box .media {
    padding: 0;
    border: none;
    margin: 0;
}


.info-box .media-left {
    padding-right: 30px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.info-box .icoleaf {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 1px 12px;
    font-size: 28px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
	background: #007d1f;
}

.bg-primary {
    background-color: #0283cc!important;
    color: #fff;
}

.text-white {
    color: #fff!important;
}

.info-box .info-count {
    font-size: 30px;
    margin-top: -5px;
    margin-bottom: 5px;
}

.text-blue {
    color: #0078bc!important;
}

.text-red{color:#ab2323;}
.text-nor{color:#434343;}

.info-box .info-text {
    text-transform: uppercase;
}

.font-12 {
    font-size: 12px!important;
}

.info-box .hr-line {
    width: 35px;
}

.hr-line {
    display: inline-block;
    height: 2px;
    width: 100%;
    background-color: #e5ebec;
    margin: 16px 0;
}

.info-box .info-ot {
    margin: 4px 0 0;
}

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

.info-box .info-ot .label {
    margin-left: 5px;
    font-size: 14px;
    border-radius: 4px;
    padding: 0 4px;
    min-width: 35px;
    height: 20px;
    font-weight: 600;
}

.label-success {
    background-color: #2ecc71;
}

.m-b-30{margin-bottom: 30px;}


.footer {
    bottom: 0;
    color: #67757c;
    left: 0px;
    text-align: center;
    padding: 17px 15px;
    position: fixed;
    right: 0;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
    background: #d0d2d1;
    height: 50px;
}


.menu-bg{background: rgba(100,19,18,1);
background: -moz-linear-gradient(left, rgba(100,19,18,1) 0%, rgba(221,20,20,1) 50%, rgba(100,19,18,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(100,19,18,1)), color-stop(50%, rgba(221,20,20,1)), color-stop(100%, rgba(100,19,18,1)));
background: -webkit-linear-gradient(left, rgba(100,19,18,1) 0%, rgba(221,20,20,1) 50%, rgba(100,19,18,1) 100%);
background: -o-linear-gradient(left, rgba(100,19,18,1) 0%, rgba(221,20,20,1) 50%, rgba(100,19,18,1) 100%);
background: -ms-linear-gradient(left, rgba(100,19,18,1) 0%, rgba(221,20,20,1) 50%, rgba(100,19,18,1) 100%);
background: linear-gradient(to right, rgba(100,19,18,1) 0%, rgba(221,20,20,1) 50%, rgba(100,19,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#641312', endColorstr='#641312', GradientType=1 );
border-bottom: 1px solid #ff9708;
border-top: 1px solid #ff9708;
margin-bottom: 15px;
	
	z-index: 10;
    position: fixed;
    width: 100%;
    padding-top: 60px;
    top: 0;
}

.menu-bg .navbar-nav li a{color:#fff;}

.menu-bg .navbar-nav li a:hover, .menu-bg .navbar-nav li a:focus{
	background-color: #ff9708; 
	color: #000 !important;
}
.menu-bg .navbar-nav .dropdown-menu > li > a{    color: #333;     padding: 3px 15px;}
.menu-bg .navbar-nav li a i{    font-size: 18px;
    margin-right: 6px;}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #ff9708;
    color: #000 !important;
}

.topbar {
        position: fixed;
    width: 100%;
    z-index: 50;
    -webkit-box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.5);
	margin-bottom: 0;
	border-radius: 0;
	top: 0;
	border: none;
}

.page-wrap{    margin-top: 130px; margin-bottom: 50px;}

.navbar-top-links .frst{padding: 0 24px;
    border-right: 1px solid rgba(255,255,255,.2);     color: #a51414;}

.navbar-top-links .frst i{margin-right: 6px;}

.navbar-top-links>li>a {
    /*color: rgba(255,255,255,.7);*/
	
    line-height: 60px;
    min-height: 60px;
}

.navbar-top-links .open>a, .navbar-top-links .open>a:focus, .navbar-top-links .open>a:hover {
    background: rgba(0,0,0,.1);
    border-color: rgba(255,255,255,.2);     color: #bd1414 !important;
}

.navbar-top-links .dropdown-menu{margin: -1px 0 0 !important;}



@media (max-width: 767px){
	.card-m-b{margin-bottom: 10px;}
	
	.logo-text{display: none;}
	
	.topbar .navbar-toggle{float: none;}
	
	.top-left-part {
    width: 70px;
    border-right: 1px solid #ddd;
}
	
	
	.logo b {
    height: 50px;
    width: 50px;
    line-height: 50px;
	}
	
.navbar-top-links .frst {
    padding: 0 8px;
}
	
	.navbar-top-links>li>a {
    line-height: 50px;
    min-height: 50px;
}
	
	.menu-bg{    margin-bottom: 5px;     padding-top: 49px;}
	
	
	.navbar-toggle {
    padding: 4px 3px;
    margin: 13px 10px;
		
		background: rgba(100,19,18,1);
background: -moz-linear-gradient(left, rgba(100,19,18,1) 0%, rgba(221,20,20,1) 50%, rgba(100,19,18,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(100,19,18,1)), color-stop(50%, rgba(221,20,20,1)), color-stop(100%, rgba(100,19,18,1)));
background: -webkit-linear-gradient(left, rgba(100,19,18,1) 0%, rgba(221,20,20,1) 50%, rgba(100,19,18,1) 100%);
background: -o-linear-gradient(left, rgba(100,19,18,1) 0%, rgba(221,20,20,1) 50%, rgba(100,19,18,1) 100%);
background: -ms-linear-gradient(left, rgba(100,19,18,1) 0%, rgba(221,20,20,1) 50%, rgba(100,19,18,1) 100%);
background: linear-gradient(to right, rgba(100,19,18,1) 0%, rgba(221,20,20,1) 50%, rgba(100,19,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#641312', endColorstr='#641312', GradientType=1 );
}
	
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
	
.page-wrap {
    margin-top: 58px;
}
	
}

/*Login start--------------------------------------*/
.login-body{background: rgba(99,17,16,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(99,17,16,1) 0%, rgba(226,25,21,1) 0%, rgba(99,17,16,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(99,17,16,1)), color-stop(0%, rgba(226,25,21,1)), color-stop(100%, rgba(99,17,16,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(99,17,16,1) 0%, rgba(226,25,21,1) 0%, rgba(99,17,16,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(99,17,16,1) 0%, rgba(226,25,21,1) 0%, rgba(99,17,16,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(99,17,16,1) 0%, rgba(226,25,21,1) 0%, rgba(99,17,16,1) 100%);
background: radial-gradient(ellipse at center, rgba(99,17,16,1) 0%, rgba(226,25,21,1) 0%, rgba(99,17,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#631110', endColorstr='#631110', GradientType=1 );}

.p-zero{padding: 0;}
.m-zero{margin: 0;}



.login-contaner{ display: table;     height: 100vh;
    width: 100%;}
.login-left{display: table-cell; vertical-align: middle; text-align: center; width: 40%; color: #000; background: url(../images/login-left-bg.png) top right no-repeat; background-size: 100% 100vh;}
.login-right{display: table-cell; vertical-align: middle; text-align: center;  width: 60%;}

.login-heading{color: #515151; font-weight: 600;
    font-size: 27px;}

.lable-login{color: #d8a736; font-weight: 600;  font-size: 19px; margin-bottom: 20px;}

.login-right .form-control{border: 1px solid #d8a736;     background-color: rgba(201, 24, 21, 0.3); color: #fff;}

.btn-them{color: #fff;
    background-color: #d8a736;
    border-color: #d29814;
    font-weight: 600;}

.btn-them:hover{background-color: #d29814; color: #000;}

.login-right input::placeholder { color: #d4a7a7; font-size: 1em; font-style: italic; }


@media (max-width: 767px){
	.login-left{    display: block;
    width: 100%;
    padding: 50px 0;
    height: 26%;
    background-image: linear-gradient(#fff, #fff);
    transform: skewY(-11deg);
    transform-origin: top left;
	
	}
	
	.login-left .row{ transform: skewY(11deg);}
	.login-right{display: block; width: 100%; padding: 19px 0;     vertical-align: middle;}
	
	.login-heading{font-size: 13px;
    margin-top: 4px;
    margin-bottom: 0;}
	
	.login-left .fitImage{    max-width: 18%;}
	
	.login-right .fitImage{ max-width: 23%;}
	
}
/*Login end--------------------------------------*/

/*add customer start-------------------------------------------------------*/
.form-card{padding: 5px 15px;}

.breadcrumb-set{margin-top: -10px;}
.breadcrumb-set .breadcrumb{margin-bottom: 7px; padding: 0;}

.box-title {
    margin: 10px 0 12px;
    font-weight: 600;
    font-size: 18px;
	color: #455a64;
}

.required {color: red;}

.form-card .form-control{border-radius: 0;}

@media (max-width: 767px){.breadcrumb-set{margin-top: 0px;}}
/*add customer end-------------------------------------------------------*/

/*sort-by-set start-----------------------------------------------------*/
.sort-by-set .panel-group, .sort-by-body-set .panel-group{margin-bottom: 0;}

.sort-by-set .panel-default > .panel-heading{    background-color: transparent;
    border-color: transparent;}

.sort-by-set  .panel-default {
    border-color: transparent;  box-shadow: none;
}

.sort-by-set .panel-title > a{
    color: #9e9c9c; text-decoration: none;
}

.sort-by-set .panel-title > a:hover{
    text-decoration: none;
}


.sort-by-set .panel-title > a span{
    margin-left: 10px;
}

.sort-by-body-set .panel-default{border-color: transparent;     box-shadow: none;}
.sort-by-body-set  .panel-body {
    padding: 10px;     -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); 
}

.sort-by-body-set  .panel-body .form-control, .sort-by-body-set  .panel-body .form-group{margin-bottom: 5px;}

.export-exl span{color: #808080;
    border: 1px solid #808080;
    /* height: 32px; */
    /* width: 32px; */
    padding: 9px 12px 9px 12px;
    border-radius: 50%;
    line-height: 39px;}

.export-exl a{text-decoration: none; color: #808080;}
.export-exl a:hover{color:#323131;}

.custab{
    border: 1px solid #ccc;
    padding: 5px;
    margin: 1% 0;
    box-shadow: 3px 3px 2px #ccc;
    transition: 0.5s;
    }

/*sort-by-set end-----------------------------------------------------*/


/*add sale start-----------------------------------------------------------*/
.m-set .modal-content {
    background-color: rgba(255, 255, 255) !important;
    border: 1px solid #bce8f1 !important;
	text-align: left;
}

.m-set .modal-content .modal-header {
    color: #31708f !important;
    background-color: #d9edf7 !important;
    border-color: #bce8f1 !important;
    padding: 10px 15px !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}


.m-set .modal-content .modal-header h4 {
    font-size: 16px !important; text-align: left;
}


@media (min-width: 768px) {
.modal-dialog {
    width: 800px !important;
}
}

.table-h-set-fix{max-height:400px;}

/*packing slip start--------------------------------------------------------*/
.wb-sales-overview {
    background: #fff;
}

.wb-sales-overview {
    border: 1px solid #eee;
    padding: 15px;
}

.order-details h2 {
    display: inline-block;
    font-size: 28px;
    line-height: 40px;
    margin: 0;
	font-weight: bold;
}

.order-details .btn.btn-default {
    background: #f6f6f6;
    border: 1px solid #f1f1f1;
    margin-left: 15px;
    padding: 0 12px 0 0;
    text-transform: uppercase;
}

.order-details .btn.btn-default span {
    border-right: 1px solid #ddd;
    display: inline-block;
    font-size: 20px;
    margin-right: 12px;
    padding: 3px 10px;
    vertical-align: sub;
	font-weight: bold;
}

.order-brief {
    border: 1px solid #eee;
    display: inline-block;
    margin-top: 5px;
    width: 100%;
}

.billto, .detail-brief {
    padding: 0;
}
.order-brief h3 {
    border-bottom: 1px solid #eee;
    font-size: 20px;
    margin: 0;
    padding: 10px;
	font-weight: bold;
}

.detail-brief > ul, .billto ul {
    margin-top: 7px;
}

.order-brief ul {
    margin-bottom: 20px;
    padding-left: 10px;
}

.billto h4 {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 7px;
    padding-left: 10px;
	font-weight: bold;
}

.billto ul li:first-child {
    margin-bottom: 12px;
}

.billto ul li {
    margin-top: 0;
}

.order-brief ul li {
    clear: both;
    display: inline-block;
    font-size: 16px;
    list-style: none;
    margin-top: 4px;
    width: 100%;
}

.billto li span {
    display: inline-block;
    float: left;
    font-size: 20px;
    line-height: 26px;
    width: 30px;
}

.billto li strong {
    float: left;
    font-weight: normal;
}

.sales-overview.table-view {
    margin-bottom: 30px;
    padding: 15px;
}

.sales-overview {
    box-shadow: 0 0 3px #ddd;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

.sales-overview.table-view > span {
    display: inline-block;
    width: 100%;
}

.table-view h1 {
    display: inline-block;
	font-weight: bold;
    font-size: 28px;
    margin: 0 0 20px;
}

.total-grand.terms {
    padding-left: 0;
}

.total-grand ul {
    padding: 0;
}

.total-grand.terms ul li {
    display: inline-block;
    width: 100%;
}

.total-grand li {
    border-bottom: 1px solid #eee;
    font-size: 16px;
    line-height: 1.3;
    list-style: none;
    padding: 10px 0;
}

.total-grand.terms li span {
    width: 160px;
}

.total-grand li span {
    display: inline-block;
    float: left;
    text-align: left;
    width: 120px;
}

.total-grand.terms ul li .instructions {
    width: calc(100% - 160px);
}

.total-grand li.grand-total {
    border-bottom: 0;
    font-family: opensans-bold;
    font-size: 20px;
    padding: 6px 0;
}

.add-stok{    padding: 7px 5px;
    margin-top: 5px;}

.print-f li{ font-size: 12px !important;}

.print-table .table > thead > tr > th, .print-table .table > tbody > tr > th, .print-table .table > tfoot > tr > th, .print-table .table > thead > tr > td, .print-table .table > tbody > tr > td, .print-table .table > tfoot > tr > td{padding: 3px !important;     font-size: 12px;}