@charset "utf-8";
/*======================================
	Project Name:POS
	Creator     :FastTTechsoft.com
	Date        :2014-01-01
=======================================*/
body{
	font-family:Arial, sans-serif;
	font-size:12px;
	background: url(../images/bg01.png) repeat;
	}
/*===========@Global Styles ============*/
*{margin:0; padding:0; outline:none}
img,fieldset{border:0}
a{text-decoration:none}

/*==================================================================
								Header
=====================================================================*/
.headerMain{
	background:#EAEADA;
	}
.userPanel{
	width:320px;
	margin:20px auto;
	}
.userPanel img{
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
	}
h1.titelh1{
	text-align:center;
	color:#fff;
	}
	
	.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}

.mainmenu{
	margin-bottom:20px;
	}
.step {
    text-align: center;
}

 .step .col-md-2 {
     background-color: #fff;
     border: 1px solid #C0C0C0;
     /*border-right: none;*/
     width: 14.2%;
 }
  .step .col-md-1 {
     background-color: #fff;
     border: 1px solid #C0C0C0;
    /* border-right: none;*/
 }

 @media (max-width: 768px) {
 	 .step .col-md-2 {
 	 	width: 50%;
 	 }
 }

.step .col-md-2:last-child {
    border: 1px solid #C0C0C0;
}

.step .col-md-2:first-child {
    border-radius: 5px 0 0 5px;
}

.step .col-md-2:last-child {
    border-radius: 0 5px 5px 0;
}

.step .col-md-2:hover {
    color: #F58723;
    cursor: pointer;
}

.step .activestep {
    color: #F58723;
    /*height: 100px;
    margin-top: -7px;
    padding-top: 7px;
    border-left: 6px solid #5CB85C !important;
    border-right: 6px solid #5CB85C !important;
    border-top: 3px solid #5CB85C !important;
    border-bottom: 3px solid #5CB85C !important;*/
    vertical-align: central;
}

.step .fa {
    padding-top: 15px;
    font-size: 40px;
}
.step a{
	display:block;
	}
.step a span{
	display:block;
	}
.mainpage{
	background:#fff;
	}

/*------------------------Dashboard left menu------------------------*/
.mini-submenu{
  display:none;  
  background-color: rgba(0, 0, 0, 0);  
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;  
  /*position: relative;*/
  width: 42px;

}

.mini-submenu:hover{
  cursor: pointer;
}

.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}

.mini-submenu .icon-bar {
  background-color: #000;
}

#slide-submenu{
  background: rgba(0, 0, 0, 0.45);
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}

.contentArea h2{
background-color: #428bca;
    border-color: #428bca;
    color: #fff;
    z-index: 2;
	margin:0;
	padding:0;
	 border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.billingInfo{
	background:#428BCA;
	padding:10px;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
	}
.billingInfoEntryform{
	margin:10px 0;
	background:#EAF5D8;
	padding:10px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	}
.btn_fts{
	padding:5px;
	float:left;
	font-size:14px;
	}
.entryform{
	margin-bottom:20px;
	}
/*-------shorting table---------------*/
.filterable {
    margin-top: 15px;
}
.filterable .panel-heading .pull-right {
    margin-top: -20px;
}
.filterable .filters input[disabled] {
    background-color: transparent;
    border: none;
    cursor: auto;
    box-shadow: none;
    padding: 0;
    height: auto;
}
.filterable .filters input[disabled]::-webkit-input-placeholder {
    color: #333;
}
.filterable .filters input[disabled]::-moz-placeholder {
    color: #333;
}
.filterable .filters input[disabled]:-ms-input-placeholder {
    color: #333;
}
.margin_top{
    margin-top: 10px;
}
.fts_footer{
    margin-bottom: 0px;
    background-color: #428BCA;
    padding: 10px;
    color: #ffffff;
    text-align: center;


}

/* css for multistep form*/

.content{
	width:960px;
	margin:20px auto;
	}
	
.main{
	float:left;
	}
	
#progressbar{
	margin:0;
	padding-left:2%;
	font-size:18px;
	}
	
#active1{
	color:white;
	}
	.radio-padding{
		padding: 0 8px;
	}
	
fieldset{
	display:none;
        font-size: 18px;
	padding:20px;
	border-radius:5px;
	}

#first{
    display:block;
	
	padding:20px;

	border-radius:5px;

	}
	
.regform input[type=text],input[type=password]{
	width:100%;
	margin:10px 0;
	height:35px;
	padding:5px;
	border: 1px solid rgb(236, 176, 220);
	border-radius: 4px;
	}
	
textarea{
	width:100%;
	margin:10px 0;
	height:70px;
	padding:5px;
	/*border: 3px solid rgb(236, 176, 220);*/
	border-radius: 4px;
	}

  .highlight{
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }
    .highlight a{
        font-weight: 700;
    }
    .highlight-red{
        color: #fff!important;
        background-color: red;
        border-color: #d6e9c6;
    }
    .highlight-red a{
        font-weight: 700;
        color: #fff!important
    }
    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th{
      text-align: center!important;
      vertical-align: middle!important;
    }
	
	
/*h2,p{
	text-align:center;
	font-family: 'Droid Serif', serif;
	}*/
	
/*---------------------------------------------
	CSS For right side advertisement
-----------------------------------------------*/	
.formget{
	float:right;
	margin-top:30px;
	}	
@media print{
	.breadcrumb{
		display: none;
	}
	.panel-default{
		border: none;
	}
	.form-control{
		border: 1px solid #fff;
	}
	.no-print{
		display: none;
	}
	a[href]:after {
        content: none !important;
    }
	.container{
	     width: 100%;
	}
	.panel-footer{
	    display: none;
	}
}
@page {
    margin: 0;
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #c2c2c2;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}