.no-margin{
    margin:0 !important;
}
.vouchers, .vouchers div, .vouchers li{
       box-sizing:border-box;
}

.vouchers {

    width: 100%;
    float: left;

}

.vouchers ul li{
	float:left;
	list-style:none;
}


.vchr-row{
	width:100%;
	float:left;
	margin-bottom:5px;
	background:#fff;
	padding:10px 0;	
	padding-left:20px;
	border:#e5e5e5 solid thin;
	border-right:none;
	border-left:transparent solid 3px;
	position:relative;
}

.vchr-row:hover{
	border-left:#00a9b4 solid 3px;
	z-index:1;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
}

.vchr-dtl, .vchr-amnt, .vchr-create-approve, .vchr-status{
	display:inline-block;
	vertical-align:middle;
	border-right:#ccc solid thin;
	padding:5px 15px;	
	position:relative;
	margin-left:-4px;
	min-height:80px;
}

.vchr-status{
    border-right:0;
}

.vchr-dtl{
	padding-left:60px;
	width:29%;
}

.vchr-dtl .date{
	color:#333;
    font-size:13px;
    
    padding:3px 0;
}

.vchr-dtl .date span{
	color:#666;	
}


.vchr-create-approve{
	width:20%
}

.vchr-create-approve li{
	display:block;
	width:100%;
}

.vchr-amnt{
	width:40%;
	padding-top:20px;
	text-align:center;
}

.vchr-amnt h4{
    color:#666;
    
    font-size:13px;
}

.vchr-amnt li{
	padding:0 3%;
	width:31%;
	text-align:left;
	float:none;
	display:inline-block;
}

.vchr-amnt li .amnt{
	font-size:14px;	
    line-height:normal;
    font-family:"montserrat";
}

.vchr-amnt li.advance .amnt{
	color:#7f75b9;	
}

.vchr-amnt li.expense .amnt{
	color:#00a9b4;	
}

.vchr-amnt li.receivable .amnt{
	color:#000;	
}

.vchr-create-approve li{
	position:relative;	
	padding-right:10px;
	margin-bottom:2px;
}

.vchr-inr-dtl h3{
	color:#000;
    font-size:15px;
    margin:0;
    line-height:normal;
}

.vchr-inr-dtl h3 span{
	color:#00a9b4;	
    display:block;
}

.create-img {

    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 50%;
    overflow: hidden;

}

.create-img img{
    width:100%;
}

.vouchers .btn {

    width: auto;
    padding: 8px 20px;
    background: none;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
   
    border-radius: 30px;

}

.vouchers .btn-purple-outline {

    background: #fff;
    border: #00a9b4 solid thin;
    color: #00a9b4;

}

.vouchers .btn-center {

    display: inline-block;
    float: none;

}

.vouchers .btn-small {

    font-size: 13px;
    padding: 5px 10px;

}

.vouchers .btn-purple-outline:hover {

    background: #00a9b4;
    color: #fff;

}

span.rupee{
    font-weight:normal;
    font-size:13px;
}

.voucher-form {

    width: auto;
    float: left;

}

.voucher-form .form-group {

    width: 100%;
    float: left;
    margin-bottom: 25px;
    position: relative;

}

.form-group-inline {

    position: relative;

}

.form.form-inline-block .form-col-3 .form-group-inline{
    box-sizing:border-box;
}

.form.form-inline-block .form-col-1 .form-group-inline {
    width:100%;
    margin:0;
}

.voucher-form .form-group .form-group-inline {

    float: left;
    margin-right: 10px;

}

.voucher-form .form-col-4 .form-group-inline {

    width: auto;

}

.voucher-form .form-group .label {

    line-height: 30px;
    font-size: 13px;
    float: left;
    width: auto;
    display: block;
    
    color: #666;
    background:none;

}
.voucher-form .inpt {

    width: auto;
    float: left;
    display: block;
    position: relative;

}

.vchr-btn .btn{
    white-space:normal;
    text-align:center;
    font-size:12px;
    margin-bottom:5px;
}

.filter{
    float:right;
}
.filter .label{
   line-height: 30px;

font-size: 13px;

float: left;

width: auto;

display: block;



color: #666;

background: none;
text-shadow:none;
}

.form-text .form-group {

    margin-bottom: 15px;

}

.form-group{
	width:100%;
	float:left;
}
	

.vchr-dtl {

    padding: 0;
    border: 0;

}
.vchr-inr-dtl {

    padding-left: 60px;

}


.form .form-group .label {
    line-height: 30px;
    font-size: 13px;
    float: left;
    width: 100%;
    display: block;
    background:none;
    color:#000;
    text-align:left;
    padding:0 !important;
}

.vchr-inr-dtl h3 {
    font-family: "montserrat";
    color: #000;
    font-size: 15px;

}

.vchr-inr-dtl h3 span {

    color: #00a9b4;

}

.form.form-inline-block .form-group-inline .inpt span{
    position:relative;
    right:auto;
}

.report-view{
    width:100%;
    float:left;
}

.creator{
    color:#000;
}

.department-nm{
    color:#43a1da;
}

.status {
    padding:2px 5px;
    border-radius:3px;
}

.status.approve{
   color: #155724;



border-color: #c3e6cb;
}

.status.reject{
color: #721c24;

background-color: #f8d7da;

border-color: #f5c6cb;
}

.status.pending{
color: #856404;

background-color: #fff3cd;

border-color: #ffeeba;
}

.status.hold{
color: #004085;

background-color: #cce5ff;

border-color: #b8daff;
}
.pop-top-inr-head {
    margin-top: 20px;
    float: left;
    padding-top:10px;
    border-top:#ccc solid thin;
}

.aprv-prsns {
    border:#ccc solid thin;
    box-sizing:border-box;
    margin-top: 10px;
    background: #fff;
    width: 32%;
    margin: 0 0.5% 20px;
    display: inline-block;
    vertical-align: top;
    border-radius:3px;

}

.prsn-row {

    width: 100%;
    padding: 10px;

}

.aprv-img, .prsn-row h3 {

    display: inline-block;
    vertical-align: middle;

}

.aprv-img {

    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;

}

.prsn-row h3 {

    width: 70%;
    color: #424951;
    font-size: 14px;

}

.prsn-row h3 span {

    color: #00a9b4;

}

.tble-dsgn {

    width: 100%;
    float: left;

}

.tble-dsgn th, .tble-dsgn td {

    border-bottom: thin solid #a9aeb4;
    padding: 13px 5px;

}

.tble-dsgn td {

    color: #424951;
   
    font-size: 13px;
    font-weight: normal;
    text-align: left;

}

.aprv-prsns td {

    font-size: 14px;
    padding: 5px 5px;
   

}

.aprv-prsns table td {

    font-size: 12px !important;
    border: none;
    border-top: #ccc solid thin;

}

.aprv-prsns td span {

    margin-right: 5px;
    color: #766cb4;

}

input.invisible {
    display:none !important;
}

.input-btn-inline input, .input-btn-inline a{
    display:inline-block;
    width:auto !important;
    float:left;
}

.input-btn-inline a{
    margin-left:10px;
}

.input-btn-inline input{
    width:75% !important;
    border:#ccc solid thin;
}

.validate-lbl{
   color: #ff0000 !important;

text-shadow: none;

position: absolute !important;

top: 31px !important;

left: 0;
}

.mt70{
    margin-top:70px;
}

.no-padding-top{
    padding-top:0;
}

.PopUp .vchr-create-approve{
    width:30%;
    border-right:none;
}

.inline-form.form-group .form-group-inline{
    width:auto;
}

.inline-form.form-group .form-group-inline .label-new{
    width:auto;
    margin-right:10px;
    line-height:30px;
}

.inline-form.form-group .form-group-inline .inpt{
    width:250px;
}

.inline-form.form-group .btn-green, .inline-form.form-group .btn-success, .inline-form.form-group .btn-danger{
    margin-left:10px;
    margin-top:3px;
}

.inline-form.form-group{
    margin:15px 0 25px;
    width:100%;
    float:left;
}

.by-prsn {

    font-size: 13px;

}

.by-prsn span {

    font-family: "montserrat";

}

.PopUpBackColor {

    opacity: 0.70;
    zoom: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: Black;
   z-index: 9999;
    position: fixed;
    

}

.PopUp {
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    height:70%;
    background-color: White;
    width: 75%;
    z-index: 10000;

}

.row-fluid::before, .row-fluid::after {

    display: table;
    content: "";

}

.row-fluid::after {

    clear: both;

}

.box {

    border: 1px solid #DEDEDE;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    margin-bottom: 10px;
    box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
    -webkit-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
    -moz-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);

}

.row-fluid [class*="span"] {

    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.564102564%;
    *margin-left: 2.510911074638298%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}

.row-fluid .span12 {

    width: 100%;
    *width: 99.94680851063829%;

}

.row-fluid [class*="span"]:first-child {

    margin-left: 0;

}

.well {

    min-height: 20px;
    padding: 19px;
        padding-top: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

}

.box-header {

    border: none;
    padding: 10px 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom:10px;
    font-size: 16px;
    font-family:"montserrat";
}

.box-content {
    width:100%;
    padding: 10px;

}

.PopUp .box-content{
    position:absolute;
    left:0;
    height:90%;
    overflow:auto;
}

.box-header h2 {

    font-size: 15px;
    width: auto;
    line-height: 25px;

}

.box-icon {

    position:absolute;
    width:30px;
    height:30px;
    background:#00a9b4;
    border-radius:50%;
    border:#fff solid 2px;
    box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
    text-align:center;
    top:-10px;
    right:-15px;
}

.box-icon img{
    width:70%;
    padding-top:5px;
}

.btn-round{
    padding:0 !important;
}

table {

    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;

}

.row-fluid_N table tr td {

    text-align: left;

}

.clearfix::before, .clearfix::after {

    display: table;
    content: "";

}

.clearfix::after {

    clear: both;

}

.aprv-img img{
    width:100%;
}


.btn-success, .btn-danger{
    height: auto !important;

border: none !important;

border-radius: 30px;

line-height: normal !important;

padding: 5px 15px !important;

width: auto !important;

font-family: montserrat-light;

text-transform: uppercase;
}

.btn-round{
    padding:0;
}

.select2-container{
    z-index:10000;
}

.select2-container--default .select2-search--inline .select2-search__field{
    border:none !important;
}

.pop-top-inr-head{
    width:100%;
    float:left;
}

.check-width span{
    float:left;
    width:auto;
}

.check-width span.designed input{
    height:auto;
}

.check-width span.designed{
    margin-right:10px;
}

.form.form-inline-block .form-group-inline .inpt span.select2-selection__arrow{
    position:absolute !important;
    right:0 !important;
}

.cat-sel .select2-container{
    width:100% !important;
}

.PopUp .scroll-table{
    margin-top:20px;
}

/* pre-approval row */

.pre-aprv-row .advance{
    display:none;
}

.pre-aprv-row .form-group:first-child .advance{
    display:block;
    margin-bottom:5px;
}

.pre-aprv-row .amnt{
    font-weight:bold;
}


.pre-aprv-row .form-group{
    border-bottom:#ccc solid thin;
    padding-bottom:10px;
    margin-bottom:10px;
}

.pre-aprv-row{
    width:70%;
    margin-left:10px;
}

.form-group


@media only screen and (max-width:1280px){
    .vchr-inr-dtl h3 span{
        display:block;
    }

    .vchr-amnt{
        width:38%;
    }

    .vchr-amnt li{
        width:32%;
    }
    .PopUp{
        width:90%
    }

}

@media only screen and (max-width:1090px) {
    .vouchers ul li{
        width:100%;
        margin-bottom:10px;
    }

    .vouchers ul li:last-child {
        margin-bottom:0;
    }

    .vchr-amnt {
        width: 30%;
    }
}