body{background-color:#f9f9f9; color:#000; width:100%;margin:0px;padding:0px;max-width:100%; font-weight:500;}
header{border-bottom:none;text-align:center;}
header img{width:100%;}
.cl{clear:both !important;}
button:hover, button:focus{outline:none;}
.formbtnbox{margin:10px auto 0; float:right;}
.formbtnbox button,.adminpage button, .exportbtn button, .modal-footer button{background:#1f93f6;margin:0;padding:4.5px 15px;line-height:21px;color:#fff;transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;border-radius:6px;text-transform:uppercase;border:1px solid #e2dede;width:100%;font-style:normal;font-weight:600;}
.formbtnbox button:hover, .formbtnbox button:focus, .modal-footer button:focus, .modal-footer button:hover{color:#fff;outline:none;text-decoration:none; opacity:0.8;}
.formbtnbox a{float:left; /*margin-left:5px;*/}
.formbtnbox.fl a{margin-right:1px; margin-left:0;}
.formbtnbox.fl button, .formbtnbox.fr button{border-radius:6px 6px 0 0; border:none;}
.formbtnbox button.active{background:#f6821f;}
.feature-activity{padding:0px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mwid30 {min-width: 30px !important;}
.formfiledbox input, .formfiledbox select, .formfiledbox input[type="text"]:disabled, .formfiledbox textarea, .formfiledbox input.form-control{width:100%;padding:5px 10px;line-height:20px;height:32px;border:1px solid #eaeaea;background:#fff;border-radius:4px;box-shadow:none;float:left;font-size:12px;}
.formfiledbox input[type="date"]{margin-top:5px;}
.formfiledbox{float:left; width:100%;position: relative;}
.formfiledbox textarea{min-height:80px;resize:none;overflow:auto;}
.formfiledbox select{line-height:20px;padding:6.5px 10px;float:left;}
.formfiledbox textarea:focus, .formfiledbox label:focus{outline:none;}
input[type="radio"]:checked, input[type="radio"]:not(:checked){position:absolute;left:-9999px;}
input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label{position:relative;padding-left:18px;cursor:pointer;line-height:15px;display:inline-block;color:#666; padding-right:7px; font-size:12px;}
input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before{content:'';position:absolute;left:0;top:0;width:14px;height:14px;border:1px solid #cdd0d5;border-radius:100%;background:#fff;}
input[type="radio"]:checked + label:after, input[type="radio"]:not(:checked) + label:after{content:'';width:8px;height:8px;background:#f56e4e;position:absolute;top:3px;left:3px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
input[type="radio"]:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
input[type="radio"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.formfiledbox input:focus, .formfiledbox select:focus, .formfiledbox textarea:focus{outline:none !important;border-color:#f6821f;box-shadow:0px 0px 10px 1px rgba(0,174,236,0.05);}
.samrpanform, .listpage, .printreceiptbox{margin:0;padding:60px 20px 50px;background:#fff;box-shadow:0px 0px 10px 1px rgba(0,0,0,0.025);border-radius:6px;position:relative;}
.printreceiptbox{padding:20px 0;}
.samrpanform:after, .samrpanform:before, .listpage:after, .listpage:before{content:'';width:100%;height:30px;background:#f6821f;display:block;position:absolute;top:0;left:0;border-radius:0 6px 0 0;}
.samrpanform:before, .listpage:before{top:30px;height:5px;background:#00AEEC;border-radius:0;}
.loginbox:after{border-radius:6px 6px 0 0;}
.formfiledbox label{display:block;font-weight:600;margin:0;padding:0;font-size:13px;}
.receiptbox{max-width:250px;position:relative;padding-left:95px;}
.formfiledbox.receiptbox label{position:absolute;z-index:9;line-height:40px;left:0;}
.radiobox > label{margin-bottom:10px;}
.indicate-option label{margin-bottom:0px;}
.listlinkbox{width:750px;text-align:right;margin:0px auto;}
.indicate-option label{margin-right:15px;}
.mw750px{max-width:750px; margin:0px auto;}
.mw970px{max-width:970px; margin:0px auto;}
.modal-footer button{float:right; width:auto;}
.addbtn{width:40px; height:auto; text-align:center; font-size:14px;}
.logo{margin:0; padding:0 0 5px;}
header img{width:auto;}
/*========= List page ===========*/
.searchtable .addbtn, .searchtable .viewbox{width:auto; float:left; margin:0 3px;}
.minw70{max-width:70px;}
.minw80{min-width:70px;}
.minwidth80{min-width:80px !important;}
.minw40{max-width:40px;}
.minw72{min-width:72px !important;}
.minw72 .viewbox{float:left;}
.maxw110{max-width:110px;}
.minwidth110 {min-width: 110px !important;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.mb10{ margin-bottom:10px;}
.mt20{ margin-top:20px;}
.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.mr2{margin-right:2px !important;}
.ml5{margin-left:5px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mlnop{margin-left:0px !important;}
.ptnop{padding-top:0px;}
.bordernop{border:none !important;}
.textright, td.textright{text-align:right !important;}
i.fa.fa-file-export {color: #fff; float:none;}
.searchtable .viewbox{float:left;margin-top:2px;}
.listpage{max-width:100%;}
.listpage table{border:none;font-size:11px;}
.listpage table td, .listpage table th, .searchtable table td, .searchtable table th{padding:5px;}
.receiptlist table td, .receiptlist table th{padding:5px 3px;}
.listpage table td:first-child, .listpage table th:first-child, .searchtable table td:first-child, .searchtable table th:first-child{min-width:30px;font-weight:bold;text-align:center;}
.tablebox{overflow:auto;min-height: 250px;}
.tablebox.minheight{min-height: auto;}
.listpage table th, .searchtable table th{background:#eaeaea;}
.tablebox tbody tr:nth-child(odd){background:#f5f5f5;}
.tablebox tbody td:nth-child(12){min-width:71px;}
.tablebox tbody td:nth-child(17){min-width:200px;}
.listpage{padding:50px 15px 30px;}
.searchtable{padding:50px 0px 30px;}
 .searchtable table{border:none;min-width:100%;font-size:11px;}
#pledge{display:block;}
/*.listpage:after{border-radius:0 6px 0 0;}*/
.listbtnbox button{background:#000000; border:none; border-radius:6px 6px 0px 0px; line-height:30px; width:90px; color:#fff; font-weight:600; text-transform:uppercase; font-size:12px; margin-bottom:0;}
.listbtnbox button.active{background:#f6821f;}
.listbtnbox button:hover{opacity:0.8;}
 .exportbtn button:hover{opacity:0.6;}
.listbtnbox{float:left;}
.exportbtn{float:right;margin-top:10px; margin-left:5px;}
.exportbtn button{background:#eaeaea; color:#000; line-height:18px; font-size:12px;}

.boxspacer30 {
    height: 30px;
	width: 100%;}
.mergepopup h4 {
    margin: 0px;
    padding: 0;
    color: #1f93f6;
    text-align: center;
    font-weight: bold;
}

	.formfiledbox{
    float: left;
    width: 100%;
	position: relative;}
.fromdatebox{margin:30px 0;padding:20px 15px;background:#fff;box-shadow:0px 0px 10px 1px rgba(0,0,0,0.025);border-radius:6px;position:relative;}
.fromdatebox .formfiledbox {
    margin: 0px auto;
    text-align: center;
    float: none;
}

.fromdatebox .formfiledbox label, .receiptnobox .formfiledbox label {
    float: left;
    max-width: 150px;
    line-height: 35px;
	margin-right: 15px;}
.fromdatebox .formfiledbox input, .receiptnobox .formfiledbox input {
    width: 60%;margin-right: 15px;
    float: left;max-width:180px;
}
.fromdatebox .formbtnbox, .receiptnobox .formbtnbox {
    float: left;
    margin: 5px 0 0 0;
}

/*============= Login ==============*/
.fl{float:left;}
.loginbox{max-width:400px; margin:50px auto;padding:60px 20px 50px !important;}
.searchbox{margin-top:0px;}
.searchtable{display:block;}
.viewbox{position:relative; width:20px; text-align:center; line-height:20px; cursor:pointer; margin:0px auto; float:left;}
.tablebox td i{float:left; color:#1f93f6;}
.uesrprofile{float:left; width:100%;}
.uesrprofile ul{list-style-type:none; margin:0; padding:0;}.uesrprofile ul li{float:left; width:50%; line-height:35px; font-size:12px; border-bottom:1px solid #f5f5f5;}
.uesrprofile ul li span:first-child{font-weight:600; width:35%; display:inline-block;}
.viewdetails .modal-header{background:#1f93f6; width:100%; font-weight:600; border-radius:4px 4px 0 0; padding:10px;}
.viewdetails h6.modal-title{color:#fff; font-size:14px; text-align:left; text-transform:uppercase; font-weight:600;}
.viewdetails .modal-header button{color:#fff; opacity:1; font-weight:400;}
.viewdetails .modal-dialog{width:70%;}
.viewdetails .listpage{display:block; margin:5px 20px 20px; border-radius:6px; padding:10px; min-height:150px; max-height:150px; overflow:auto;}
.viewdetails h5{padding:20px 20px 0; text-transform:uppercase; font-weight:bold; margin:0;}
.viewdetails .listpage:after, .viewdetails .listpage:before{display:none;}
.searchbox .samrpanform{max-width:100%; padding-bottom:10px;}
.paginationbox > table{width:100%; max-width:570px; margin:10px 0;}
.pagination-count strong{font-size:12px; background:#ffffff; padding:0; border-radius:4px; width:25px; height:25px; display:inline-block; color:#414141; margin:0 2px; line-height:24px; border:1px solid #dbdbdb;}
.pagination-count strong a:hover{background:#f6821f; color:#fff;}
a.plan_td:hover{opacity:0.8;}
a.plan_td{background:#00adeb; margin:0; padding:5px 10px; font-weight:400; color:#fff; border-radius:4px; float:left;}
.paginationbox table td{float:left; margin:0 2px 0; padding:0;}
.sampleform_tablebody table{margin:0px;}
.record{text-align:center;color:green;min-height:150px;font-size:16px; padding-top:50px;}
.record .formbtnbox{float:none; clear:both; display:table;}
.record .formbtnbox button{font-size:14px; width:120px;}
.editdetails .modal-dialog{max-width:800px;}
.bgorange{background:#f6821f !important;}
.drtmp{width:100%; float:left; background:#fffdfb; padding:10px; border-radius:6px; border:1px solid #fbf2ea; margin-bottom:10px;}
.gobtn{float:right; margin-top:20px;}
.fillterbtn{margin-bottom:10px; background:#00adeb; color:#fff; padding:10px; border-radius:6px; cursor:pointer;}
.fillterbox{padding:5px 15px 15px;}
.amountoption{float:left; max-width:111px; border-radius:6px 0 0 6px !important; background:#f5f5f5 !important; padding-left:5px !important; padding-right:5px !important; border-color:#eaeaea !important; border-right:0px !important;}
.amountoption:focus, .amountoption:hover, .amountboxwidth input:focus, .amountboxwidth input:hover, .amountboxwidth input:focus, .amountboxwidth input:hover{border-color:#eaeaea !important;border-left-color:#f5f5f5 !important;}
.amountbox, .amountboxwidth{position:relative;}
.amountboxwidth{float:left;width:calc(100% - 111px);}
.amountboxwidth input{border-radius:0 6px 6px 0px !important; border-color:#eaeaea !important; border-left-color:#f5f5f5 !important;}
.amountbox i, .totalbox i{position:absolute; z-index:99; width:30px; height:30px; line-height:32px; text-align:center; background:#f5f5f5; top:6px; left:1px; border-radius:4px 0 0 4px; color:#7b7b7b;}
.amountboxwidth i{border-radius:0;}
.amountbox input[type="text"], .totalbox input[type="text"], .amountbox input[type="text"]:disabled{padding-left:40px;}
.fillterbtn i.arrowicon{transition:all ease-in-out 0.5s;transform:rotate(180deg);}
.fillterbtn i.rotate{transform:rotate(0deg); transition:all ease-in-out 0.5s;}
.edate {float: left;width: 100%; margin-bottom:10px;}
.edate i{line-height:30px !important; text-align:center; width:25px; padding:0; height:30px; border:none; border-radius:4px 0 0 4px; position:absolute; top:6px; left:1px; z-index:9;}
.edate input{padding-left:30px !important; border-radius:4px !important;}
.edate .input-group{display:block;}
span.error{color:red; font-weight:500; display:block; font-size:11px; position:relative; bottom:5px; left:0px; float:left;}
.formfiledbox label + span.error{bottom:-15px;}
.edate + span.error{bottom:-6px;}
.donationpopbtn label {
    color: #038cbd;
    font-size: 12px;
    text-transform: uppercase;
    margin: 5px 0 15px; cursor: pointer;
}
.formbtnbox.addbtnbox {
    margin-top:5px; width:23%
}
.formbtnbox.addbtnbox .removbtn{background:red;}
.formfiledbox.totalbox {max-width: 99%;}
label.totalbox {
    float: right;
    line-height: 36px;
}
.formfiledbox.amountbox {
    float: left;
    max-width:72%;
}
.addbtnbox button {
    text-align: center;
    width: 100%;
    padding: 0;
    height: 30px;
    font-size: 11px; max-width:30px;
}
.formfiledbox.modepay {
    margin-top: 12px;
}
.moblabel{ display:none !important;}
th svg {
    max-width:8px;
    max-height:8px;
    position: relative;margin: 0 2px;
    top: -2px;/* display: none;*/
}
.sort-ztoa{position: relative;}

.sort-ztoa.AscDesc_Order:after {transform: rotate(180deg);}

a.AscDesc_Order{position:relative;}
a.AscDesc_Order:after {
    content: '';
    position: absolute;
    left: -2px;
    top: -1px;
    width: 16px;
    height: 16px;
    border: 2px solid #1557a9;
    border-radius: 100%;

/*
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #03418f;
*/
}
.sort-ztoa svg{transform: rotate(180deg);}

.listpage table th td {
    min-width: auto !important;
    background: #eaeaea;
}

.viewbtn .useredit {
  width:100%; float:left;
}
.viewbtn .useredit .viewbox {
    float: right;
    margin: 0px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height:30px;
    background: #1f93f6;
    border-radius: 4px;
}
.viewbtn .useredit .viewbox a {
    display: inline-block;
    
}

.viewbtn .useredit .viewbox a i {
    color: #fff;
}

.orderbox .viewbox {
    float: left;
}

.welcomebox {
    float: right;
    margin: 12px 0 0; text-align:right;
}
.welcomebox p {
    float: right;
    line-height: 30px;
    font-size: 12px;
    font-weight: 600;
}
.welcomebox img {
    max-width: 30px;
    max-height: 30px;
    border-radius: 100%;
    float: left;
    margin-right:10px;
}
.welcomebox span.usernamebox {
    color: #00adeb;
}

.printreceipt {
    border: 1px solid #000;
    padding: 10px;
    font-size: 12px;
}
/*.printreceipt:last-child{margin-bottom:0px;}*/
.receiptbrif {
    float: left;
    width: 100%;
    padding:19px 0 25px;
}
.receiptbrif p {
    line-height: 24px;
}
.receiptbrif strong{font-size:20px;}
.receiptbrif ul li {
    width: 50%;
    float: left;
}
.receiptbrif {
    float: left;
    width: 100%;
    padding:74px 10px 65px;
    position: relative;
    overflow: hidden;margin-bottom: 10px;
}
/*
.receiptbrif:after {
    content: '......................................................................................................................................................................................................................................................................................................................................................';
    width: 100%;
     overflow: hidden; 
    padding: 0;
    position: absolute;
    bottom: 36px;
    display: block;
    width: 100%;
    height: 1px;
}
*/
.cuticon {
    position: absolute;
    bottom:13px;
    right: 0px;
    transform: rotate(180deg);
    background: #fff;
    padding: 5px;
    z-index: 9; display:none;
}
.cuticon .fa {
	font-size: 16px;}
.receipthead {
    float: left;
    width: 100%;
    text-align: center;
}
.receipthead h4 {
    text-transform: uppercase;
    font-weight: 600; margin: 0;
}
.receipthead p {
    font-size:10px;
    line-height:14px;
    font-weight: 500;    letter-spacing: -0.015rem;
}
.receipthead span {background: #000;
    width: 3px;
    height: 3px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 7px;
}
.receiptnumber {
    float: right;font-family: 'Special Elite', cursive; font-size:18px;
    font-weight: 600;
}
.receiptdate, .folioid {
    float: right;
    margin-top:8px;
    clear: both;
}
.receiptdate label, .folioid label {
    float: left;
    width: 45px;
    line-height:8px;
    margin: 3px 0 0; font-weight:normal;
}
.receiptdate .edate, .folioid .idnum{
    float: right;
    width:75px;
}
.receiptdate span, .fromreceived span, .folioid span {
   font-size: 12px;
    text-align: left !important;
    line-height:14px;
    border-bottom: 1px solid #000;
    height:16px;
    width: 100%;
    display: block;
}
.folioid {float: right; margin-top:0;}
.folioid label{width:62px;}

.fromreceived label {
    float: left;
    width:91px;
    font-weight: normal;
    margin-bottom:0;
}
span.reformwid {
    width:82%;
    float: right;
}
.fromreceived span {
    margin: 0 0 10px;
    display: inline-block;
}
.fromfieldreceipt {
    float: left;
    width: 100%;
    margin:0;
}
.checktext span.valuebox {
    height: 14px;
}
.rsbox {
    border: 1px solid #000;
    line-height: 15px;
    padding: 5px 10px;margin-bottom: 6px;
}
.checktext {
    float: left;
    width:auto; height:20px;
    margin:0 10px 0px 0;
}
.mt5{
	margin-top:3px;
}
span.checklot {
    width: 15px;
    height: 15px;
    border: 1px solid #000;
	float:left;
    margin-right: 5px;
}
span.valuebox, span.checkvalue {
    border-bottom: 1px solid #000;
    display: inline-block;
    width:70px;
    margin-left: 10px;height:21px;
    line-height:21px;
}
.boxspacer10{ height:10px; width:100%; display: block;}
span.checkvalue{ width:60px;margin-left:0px; height:18px;}
.purpose, .event, .bysign {
    margin-top:5px;text-align: left;
}
.purpose label, .event label, .bysign label {
    font-weight: normal;
}
.purpose .valuebox{width:75%;}
.event .valuebox{width:80%;}
.bysign .valuebox{width:88%;}
.recmeractive {
    border: 2px solid #1f93f6 !important;
}
i.fa.fa-check {
    font-size: 11px;
    line-height: 15px;
    position: relative;
    top: -2px;
    left: 1px;
}
.prayimg {
    margin:-5px 0 0;
}
.expdatabtn {
    float: right;
    padding: 5px 10px;
    background:#1557a9;
    border-radius: 4px; margin-bottom:5px;
}
.expdatabtn a {
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}

.listpage td:last-child, .searchtable table th:last-child, .searchtable table td:last-child, .listpage th:last-child {
    text-align: center;
}
.meregtd .viewbox{float:none;}
.separatebox {
    padding: 20px 0;
    border: 3px solid #f5f5f5;
}
.mop label {
    float: left;
    margin-bottom: 5px;
}
.checknmbr {
/*    width:100px !important;*/
    top:-7px;margin: 0px !important;
}
.checkbox-gser {
    float: left;
    width: 20px !important;
    line-height: 20px !important;
}
.checkbox-gser + label{line-height: 20px !important; cursor: pointer;}
.modepay label {
    float: left;
    margin-top: 2px;
}
.checknmbr-popup, .checknmbr{max-width:57%;
    border-color: #1f93f6 !important;
    float: left;
    margin-top: -4px !important;
    margin-bottom: 0 !important;
}
.checknmbr-popup{max-width:47%;}
.checknmbr {max-width:55%;}
.checknmbr-popup span, .checknmbr span {
    float: left;
    font-weight:600;
    font-size: 12px; line-height:28px; color: #666;
}
.checknmbr span {line-height:24px;}
.checknmbr-popup input, .checknmbr input {
    float: left;
    max-width:85%;
    margin: -1px 0 0 2px;
}
.checknmbr input {margin: -3px 0 0 2px;max-width:85%;}
.adminview .viewbox {
    margin: 0;
	width: 20px;}
.listpage th, .searchtable th{
    min-width:120px;
}
.listpage th{font-size:10px;}
.listpage th:nth-child(2){ min-width:80px;}
.listpage th:nth-child(6) {min-width:150px;}
.listpage th:nth-child(8) {min-width:90px;}
.listpage th:last-child, .searchtable th:last-child{min-width:auto !important;}
.orderbox th:nth-child(2), .searchtable th:nth-child(2){min-width:90px;}
.orderbox th:nth-child(5), .orderbox th:nth-child(6), .orderbox th:nth-child(11),.searchtable th:nth-child(5), .searchtable th:nth-child(6), .searchtable th:nth-child(11){ min-width:100px;}
.orderbox th:nth-child(7), .searchtable th:nth-child(8){min-width:65px;}
.searchtable th:nth-child(7){min-width:80px;}
.mergetable th:nth-child(8){min-width:80px;}
.mergetable th:nth-child(5){min-width:100px;}
.mergetable th:nth-child(9){min-width:125px;}
.mergetable th:nth-child(11){min-width:130px;}

/*
.adminlinkbox {
    float: right;
}
.adminlinkbox ul {
    list-style-type: none;
    margin: 0px;
	padding: 0;}
.adminlinkbox ul li {
    float: left;
    margin: 0;
    padding:19px 0;
}
.adminlinkbox ul li a {
    padding: 0 10px;
    line-height: 10px;
    color: #00adeb;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    border-right: 2px solid #00adeb;
}
.adminlinkbox ul li:last-child a {
    border: none;
    padding-right: 0;
}
.adminlinkbox ul li:hover a, .adminlinkbox ul li.active a{color:#1557a9;}
*/
.row .error {width: 100%; line-height: 14px;}
.orderbox th:last-child {
    min-width: 80px !important;
}
.logout svg {
    width: 28px;
    height:26px;
    position: static;
    max-width: 100%;
    max-height: 100%;
    transform: rotate(180deg);
    color: red;
}

table.minwidthbox {
    width: 100% !important;
    background:red;
}
table.minwidthbox tr:nth-child(odd) {
    background: #eaeaea;
}
.minwidthbox td {float: left;
    width:15px; line-height:25px;
    padding: 0 !important;
}
.minwidthbox td:nth-child(2) {
    width: 55px;
    text-align: center; line-height:14px;
}
.receiptlist th:nth-child(3), .receiptlist th:nth-child(6),.receiptlist th:nth-child(7),.receiptlist th:nth-child(8){
    min-width:90px;
}
.receiptlist table td:first-child, .receiptlist table th:first-child{min-width:20px;}
.linkbtn {
    float: left;
    margin-top: 20px;
}

.event-list {
    background: #fff;
    float: left;
    width: 100%;
    border-radius: 0 0 4px 4px;
    padding: 5px 0;
    margin: 0;
    position: absolute;
    top:53px;
    border: 1px solid #eaeaea;
    z-index:9;
    font-weight: normal;
/*	box-shadow: 0 4px 6px 0 rgba(32,33,36,0.28);*/
}

.event-list ul {
    list-style-type: none;
    margin: 0px;
    padding: 0;
}
.event-list ul li {
    float: left;
    width: 100%; padding:0 10px;
}
.event-list ul li:hover{ background: #f5f5f5;}
.tablebox.purposetable th:first-child, .tablebox.purposetable td:first-child {
    max-width: 40px !important;
    min-width: 40px !important;
    width: 40px;
}
.tablebox.purposetable th:last-child, .tablebox.purposetable td:last-child {
    max-width:80px !important;
    min-width:80px !important;
    width:80px;
}
.viewbtn_purpose_add .modal-dialog, .viewbtn_purpose .modal-dialog {
    max-width:400px; margin:40px auto !important;
}

.addfoliolink .modal-dialog{max-width:650px;}

.viewbtn_purpose .modal-footer{padding-right:0;}
/*.successmsg {text-align: center; color: #0dc90d; margin: 0 0 20px; display:none;}*/
.successmsg {
    text-align: center;
    position: fix;
    left: 0;
    right: 0;
    top: 0;
    background:#0dc90d;
    color: #fff;
    height: 50px;
    z-index: 999;
    line-height: 50px;
}
.logout {
    max-width: 33px;
    overflow: hidden;
}
.flbox, .search-flbox{ float:left;}
.foliosbox th:last-child, .foliosbox td:last-child {
    max-width: 80px;
    min-width: 70px;
 	text-align: center;
}
.multiplechk {
    float: left;margin-right: 3px !important;
    margin-top: 2px !important;
    
}
.foliosbox th:nth-child(4), .foliosbox td:nth-child(4) {
    min-width: 110px;
}
.modal-content .formbtnbox{ margin-left:5px;}
.searchtable td:last-child, .searchtable th:last-child {
    min-width: 80px;
}
.mergetable th:nth-child(11){min-width:90px !important;}
.optionaltag {
    line-height:20px;
    text-align: center;
    font-weight: 700;
    color: #f6821f;
    font-size: 18px; margin-top:37px; float:left; width:100%;
}
.formbtnbox.addfamily {
    float: left;
    margin:5px 0 0;
}
.formbtnbox.addfamily button {
    margin: 0 !important;
}
.whitebox {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0 15px;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.025);
	border-radius: 6px;}
.whitebox .searchtable {
    padding: 20px 0 15px;
}
.addefamilylist h5 {
    color: #1f93f6;
    font-weight: 600;
}
.addefamilylist {
    margin: 0;
    padding: 15px 0;
    width: 100%;
    float: left;
}
.addefamilylist tr{ background:none !important; border-bottom:1px solid #f5f5f5;}

.addefamilylist td {
    border: none;
    font-weight: 600;
    line-height:25px;
	text-align: left !important; min-width:auto !important;}
.addefamilylist td:first-child {
    width: 25px;
    min-width: 25px !important;
}
.addefamilylist th:nth-child(2){min-width:40px !important;}
.addefamilylist th:nth-child(3){min-width:40px !important;}
.addefamilylist th:nth-child(4){min-width:150px !important;}
.addefamilylist th:last-child{min-width:80px;}
.addefamilylist th:nth-last-of-type(2){min-width:70px;}

.fromdatebox span.error {position: absolute;/* bottom: 5px; */}


.changepassword{padding:100px 0;}
.changepassword label{line-height: 35px; text-align: right;}

.familylist-view .listpage, .familylist-edit .listpage {
/*    height: 50% !important;*/
    max-height:100% !important;
}
.familylist-view .modal-dialog, .familylist-edit .modal-dialog {
    width: 100%;
    max-width: 1280px;
}
.familylist-view th {
    max-width: 150px !important;
    min-width: 80px;
}
.familylist-view th:nth-child(2), .familylist-view th:nth-child(3){min-width:80px;}
.familylist-view th:nth-child(4){width:80px;}
.familylist-view th:nth-child(5){min-width:100px;}
.familylist-view th:nth-child(6),.familylist-view th:nth-child(7){min-width:70px;}
.familylist-view th:nth-child(8){min-width:50px;}
.receiptnobox {
    margin: 0 auto 20px;
    max-width: 760px;
    float: none;padding:0 15px;
}
.addbtnbox i {
    color: #fff;
    margin: 0;
    float: none;
}

.receiptnobox .row .error {
	width: auto;}
.receiptnobox span.mobrecord {
    position: relative;
    float: left;
    width: 100%;
    max-width: 330px;
}
.receiptnobox .row .error {
        width: 170px;float: right; margin-right: 8px;}

.statusbox label {
    margin-bottom: 12px;
}
.widthlmt td:nth-child(2) {
    padding: 0px !important;
    max-width: 40px;
}


.mobilephone-modal .modal-dialog {
    width: 100%;
    max-width: 500px;
}
.mphonecss{ cursor:pointer;}
.mobilephone-modal label {
    line-height: 30px;
}
.mobilephone-modal label span {
    font-weight: 400;
    color:#1f93f6;
}

.signbox {
    float: left;
    margin: 2px 0px 0 0;
}
.checksignbox {
    background: #f5f5f5;
    float: left;
    width: 100%;
    padding: 15px;
}
.checkiconbox {
    float: left;
    margin-right: 10px;
}
.checksignbox .formfiledbox {
/*    width: calc(100% - 30px);*/
	width:100%;
}
.checksignbox textarea {
	min-height: 40px;
}
.pledgelist th:nth-child(2){min-width:30px;}
.pledgelist th:nth-child(3){min-width:80px;}
.pledgelist th:nth-child(4), .pledgelist th:nth-child(6){min-width:100px;}

.formfiledbox .fminput {
    float: left;
    margin-right: 10px;
    line-height: 30px !important;
    margin-top: 0;
}
.formfiledbox .fmlabel {
    line-height: 30px !important;
}

.usercategory {
    display: block;
    line-height: 5px;
    margin-bottom: 15px;
    text-align: right;
}
.reportbanks {
    padding: 0;
    box-shadow: none;
    border-radius: 0px;
    max-width:600px;
    margin: 0px auto;
}
.reportbanks:after, .reportbanks:before {
    display: none;
}
.reportbanks th{text-align:left !important;}
.reportbanks th:first-child{text-align:center !important;}
/*.reportbanks th:nth-child(2), .reportbanks th:nth-child(3), .reportbanks th:last-child{min-width:100px !important; width:100px !important;}*/
.reportbanks th:last-child, .reportbanks td:last-child {
     text-align:right !important; 
}

.reportbanks th:nth-child(2){min-width:45px !important;}
.reportbanks th:nth-child(3){min-width:150px !important; width:150px !important;}

.reportbanks th:last-child{min-width:100px !important; width:100px !important;}
.bysign .valuebox{font-family: 'Beth Ellen', cursive;}
.printbtn {
    margin-right:6px;
    background: #f6821f;
}

.h5tag{text-align: center;
    margin: 10px 0;
    color: #f6821f;
    text-transform: uppercase;
    font-weight: bold;}

.reportbanks th {
    background: #000 !important;
    color: #fff !important;
}
.reportbanks tr:nth-child(odd) {
    background: #adacac !important;
    color: #fff;
}

/* new css */
.textright{text-align:right !important;}
.textleft{text-align:left !important;}
.textcenter{text-align:center !important;}
.width20{min-width:2rem;width:2rem;}
.width30{min-width:3rem;width:3rem;}
.width40{min-width:4rem;width:4rem;}
.width50{min-width:5rem;width:5rem;}
.width60{min-width:6rem;width:6rem;}
.width70{min-width:7rem !important;width:7rem !important;}
.width75{min-width:7.5rem !important;width:7.5rem !important;}
.width80{min-width:8rem;width:8rem;}
.width90{min-width:9rem !important;width:9rem !important;}
.width100{min-width:10rem;width:10rem !important;}
.width110{min-width:11rem !important;width:11rem !important;}
.width120{min-width:12rem !important;width:12rem !important;}
.width130{min-width:13rem !important;width:13rem !important;}
.width140{min-width:13rem !important;width:14rem !important;}
.width150{min-width:15rem !important;width:15rem !important;}
.width160{min-width:16rem !important;width:16rem !important;}
.width170{min-width:17rem !important;width:17rem !important;}
.width180{min-width:18rem !important;width:18rem !important;}
.width200{min-width:20rem !important;width:20rem !important;}
.width250{min-width:25rem !important;width:25rem !important;}
.width300{min-width:30rem;width:30rem !important;}
.width350{min-width:35rem;width:35rem;}
.width400{min-width:40rem;width:40rem;}
.width450{min-width:45rem;width:45rem;}
.width600{min-width:60rem;width:60rem;}
.widthfree{width:auto;}
.listsection {
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 15px;
}

/* seat section */
.seats-booking {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom:50px;
}
.seats-boxes {
    max-width:1170px;
    margin: 0px auto;
    
}
.seats-boxes-mobsection {
    padding:0 15px;
}
.seats-boxes-mobsection .row {
    padding-left: 15px;
}
.seats-boxes .seat-box {
    float: left;
    width: 24px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin: 0 3px 10px;
    box-sizing: border-box;
    border:1px solid #0dc90d;
    background:#ffffff;color: #0dc90d !important;
    cursor: pointer;
    font-size: 12px;
    color:rgba(0, 0, 0, 0.7);
}
.seats-boxes .seat-box.greenbox {
    color: #ffffff !important;
}
.seats-boxes .seat-box.disabledbox, .seats-boxes .seat-box.disabledbox:hover{background:#f5f5f5 !important;border-color:#cccccc !important;color:rgba(0, 0, 0, 0.4) !important;}
.seats-boxes .seat-box.confirmoragebox, .seats-boxes .seat-box.confirmoragebox:hover{background:#f5821f !important;border-color:#cccccc !important;color:rgba(0, 0, 0, 0.4) !important;}

.seats-boxes .seat-box:hover
.seats-boxes-mobsection .col-md-4:nth-child(2) {
    padding-left:30px;
}
.seats-boxes .row-section {
    float: left;
    width:10px;
    height:25px;
    text-align: center;
    line-height:25px;
    margin: 0 5px 10px;
    box-sizing: border-box;
}
.seats-boxes .row:last-child .row-section,
.seats-boxes .row:nth-last-of-type(2) .row-section,
.seats-boxes .row:nth-last-of-type(3) .row-section,
.seats-boxes .row:nth-last-of-type(4) .row-section {
    width:20px;
    margin: 0 0 10px;
}
/* .seats-boxes .row:nth-child(5n+1){margin-top:30px;}
.seats-boxes .row:nth-last-of-type(2){margin-top:0;} */
/* .seats-boxes .row .col-md-4:nth-child(2) {padding-left: 25px;} */
.vyaspith-title {
    width: 100%;
    font-size: 18px;
    background: #092c4b;
    line-height: 40px;
    color: #ffffff;
    text-transform: uppercase;
    max-width: 1140px;
    margin: 0px auto;
    text-align:center;
}
.vyaspith-date {
    max-width: 1140px;
    margin: 0px auto;
    
}
.vyaspith-date input {
    float:left;
    width:240px;
    margin: 0px auto;
    line-height: 40px;
    margin-bottom:10px;
}
.assignbox {
    float: right;
    margin-top:5px;
}
  .assignbox strong {
    float: left;
    margin-right: 5px;
    font-weight:600;
  }
  .assignbox p {
    float: left;  
    margin-left: 10px;
    line-height: 24px;
  }
  
  .assignbox span {
    padding: 0px 5px;
    display: inline-block;
    border: 1px solid #CCCCCC;
    font-weight: bold;
    color:#7a7a7a;
  }
  .purplebox{background:purple !important;color:#ffffff;}
  .assignbox .assigned{color:#0dc90d; border-color: #0dc90d;}
.greenbox{background: #0dc90d !important;}
.greenbrd{border:1px solid #0dc90d !important;background:#ffffff !important;color: #0dc90d !important;}
.disabledbox{background:#f5f5f5 !important;color:rgba(0, 0, 0, 0.4) !important;}
.confirmoragebox{background:#f5821f !important;color:rgba(0, 0, 0, 0.4) !important;}
.yellowbox {background: #ffff85 !important;}
.oragebox{background: #f5821f !important;} 
label{font-weight:normal;}
.modal input{height:34px; font-size:14px; border-radius:6px;}
.mr7{margin-right:7px;}
.modal-footer button{float:none;margin:0 !important;}
.modal-footer button:hover{color:#000000;}
.topnav {
    float: left;
    margin-top:15px;
    position: relative;
  }
  
  .topnav a {
    background:#00AEEC; padding:4.5px 15px;text-decoration:none;color:#fff; font-size:14px; line-height:21px;text-transform:uppercase;font-weight:600; border-radius:6px 6px 0 0; transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;margin-right:2px;float: left;
  }
  
  .topnav a:hover {
    opacity:0.8;
  }
  
  .topnav a.active {
    background-color:#f6821f;
    color: white;
  }
  
  .topnav .icon {
    display: none;
  }
/*  .submenubox {
    position: absolute;
    bottom: -30px;
    z-index: 9;
}
.submenubox a {
    background: none;
    color:#ffffff;
    position: relative;
}
.submenubox a.active{color:#000000;}
.submenubox a:after{
    content: '|';
    display: block;
    position: absolute;
    top: 0;
    right:-3px;
    line-height: 30px;
    color: #000000;
    opacity: 0.2;
}*/
.modal .modal-header {
    background: #00AEEC;
    width: 100%;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    padding: 10px;
}
.modal .modal-header button {
    color: #fff;
    opacity: 1;
    font-weight: 400;
}
.modal h4.modal-title {
    color: #fff;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
}
/*.submenubox a:last-child:after, .submenubox a:last-child:before{display:none;}*/
.receiptlist tr:last-child .humburgerpart,
.receiptlist tr:nth-last-of-type(2) .humburgerpart,
.receiptlist tr:nth-last-of-type(3) .humburgerpart,
.receiptlist tr:nth-last-of-type(4) .humburgerpart {
    top:inherit;
    bottom:2rem;
}
  
.seat-number {
    float: left;
    font-size: 40px;
    margin-top: 10px;
    font-weight:600;
}
label.assignedbox {
    float: right;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
}

.Unassignbtn {
    background: red !important;
}
.modal strong{font-weight:600;}
@media screen and (min-width: 991px) {
	.seats-boxes .seat-box:hover{background: #0dc90d;color:#ffffff !important;}
}
  @media screen and (max-width: 600px) {
    /* .topnav a:not(:first-child) {display: none;} */
    .icon {
        float: left;
        display: block;
        height: 2px;
        margin: 2px 10px 0 0;
        width: 30px;
        background: red;
        position: relative;
    }
    .icon:after, .icon:before {
        content: '';
        height: 2px;
        width: 100%;
        display: block;
        background: red;
        position: absolute;
        top: 8px;
        left: 0;
    }
    .icon:after {
        top: 16px;
    }
    .topnav {display:none;
    }
    .topnav.responsive {
        display: block;
        position: absolute;
        left: 0;
        top: 36px;
        max-width: calc(100% - 30px);
        right: 0;
        margin: 0px auto;
        z-index:9;
    }
    .topnav a, .topnav a:not(:first-child) {
        width: 100%;
        display: block;
        border-radius: 0;
        border-bottom:1px solid #ffffff;
        
    }
    .topnav a:hover{opacity:1;}
    .seats-booking{padding-top:20px;}
    .seats-booking h3.section-title {
        margin-bottom: 0;
    }
/*    .submenubox {
        position: static;
        background: #00AEEC;
        z-index: 9;
        float: left;
        width: 100%;
        color: #fff !important;
    }
    .submenubox a.active {
        background: none;
        opacity: 0.5;
    }
    .submenubox a{color:#ffffff;padding-left: 30px;}*/
    .samrpanform:after, .listpage:after {
         border-radius: 6px 6px 0 0;
    }
  }
  
  
   #sucessmsg{
 color: #0dc90d;
text-align: center;
font-size: 17px;
  } 
  .modelcustomeassign{
    background: #d1fcd1;
}

  /* page title css */
h1.page_title{font-family: 'Montserrat';font-weight: 700;margin:0;color: #f56e4e;text-transform: uppercase;position: relative;}
h1.page_title::before {background: #e1e1e1 none repeat scroll 0 0;bottom: -5px;content: "";height: 1px;left: 50%;margin-left: -50px;position: absolute;width: 100px;}
h1.page_title::after{background: #f56e4e none repeat scroll 0 0;bottom: -6px;content: "";height: 3px;left: 50%;position: absolute;width: 30px;margin-left: -14px;}
h2.page-sub-title{font-family: 'Montserrat';margin:0;}
  
 
  .event-pricepage{float:left;width:100%;margin:20px auto 0;}
  .event-pricepage:after, .event-pricepage:before{display:none;}
  .event-details {
    float: left;
    width: 100%;
    margin:0 0 40px;
}
.event-details .artist-name {
    font-size:50px;
    line-height:58px;
    font-weight: bold;
    text-transform: uppercase;
    color: #f5821f;
    margin: 0 0 0px;
}
.event-details .artist-name span {
    display: block;
    font-size:48px;
    color: #000000;
}
.event-details .event-date,
.event-details .event-time {
    font-size:24px;
    line-height:36px;
    margin: 0 0 5px;
}
.event-triger {
    float: none;
}
.event-triger ul{list-style-type:none;margin:0; padding:0;}
.event-triger ul li {
    float: left;
    padding: 10px;
    text-align: center;
}
.event-triger button, .event-triger button a {
    color: #ffffff;
    text-align: center;
    padding: 5px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    float: none;
}
.event-triger {
    float: none;
    max-width: 500px;
}
.book-tickets-text p {
    font-size:22px;
}
.section-tag {
    float: left;
    width: 100%;
    padding: 15px 0 5px;
    margin: 0 0 15px;
    border-bottom: 1px solid #cccc;
    font-weight: 600;
}
.seats-position {
    float: right;
    text-align: center;
    padding: 5px 0;
    margin-top: 0;
    margin-right: 70px;
}
.seats-position ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.seats-position ul li {
    margin: 0 10px;
    display: inline-block;
}
.seats-position ul li span {
    width: 12px;
    height: 13px;
    float: left;
    border: 1px solid #ccc;
    margin: 5px 5px 0 0;
}
.select-seat-messagebox {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0px auto;
    text-align: center;
    background: #ffffff;
    padding:15px 0;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,0.4);
    z-index:999;
}
.total-seats span {
    display: inline-block;
    margin: 0 40px  0 0;
}
button{background: #1f93f6;
    margin: 0 0 0 10px;
    padding: 4.5px 15px;
    line-height: 21px;
    color: #fff;
    transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    border-radius: 6px;
    text-transform: uppercase;
    border: 1px solid #e2dede;
    
    font-style: normal;
    font-weight: 600;
}
.total-seats button a{color:#ffffff;}
.seats-form-boxes {
    max-width: 1170px;
    margin: 0px auto;
    padding: 40px 15px;
}
.fr{float:right;}
.your-booked-tickets {
    float: left;
    width: 100%;
    padding: 0 15px;
}
.ybt-tag {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 10px;
}
.your-booked-tickets ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.your-booked-tickets ul li {
    float: left;
    width: 100%;
    padding:10px 10px;
    margin:0;
    border-bottom: 1px solid #eaeaea;
}
.your-booked-tickets ul li .ybt-box {
    float: left;
    width: 100%;
}
.your-booked-tickets ul li .ybt-box span.ticketname {
    display: inline-block;
    width:300px;
    text-align: left;
}
.your-booked-tickets ul li .ybt-box span.price {
    float: right;
    font-weight: 600;
    margin:0 !important;
    padding:0;
}
.your-booked-tickets ul li.totalprice {
    background: #f5f5f5;
}
.your-booked-tickets ul li.totalprice .ybt-box {
    font-weight: bold;
}
.total-seats {
    max-width: 650px;
    margin: 0px auto;
    padding: 10px;
    background: #ffdd42;
    border-radius: 8px;
    font-size: 18px;
}
.samrpanform {
    padding-bottom:140px !important;
}
#qrpopup .modal-dialog {
    max-width: 450px;
    top: 15%;
    margin: 0px auto;
}
.qrcodebox {
    max-width: 100px;
    margin: 20px auto;
}
.textcenter{text-align:center;}
#loader .modal-dialog {
    max-width:110px;
    top: 45%;
    margin: 0px auto;
    overflow: hidden;
    border-radius:8px;
}


#suceccfulloader .modal-dialog {
    max-width:110px;
    top: 45%;
    overflow: hidden;
    text-align:center;
    margin: 0px auto;
}
#suceccfulloader .modal-content{height:110px; padding-top: 2px}
#suceccfulloader .modal-dialog img {
  max-width: 110px;
  width: 100px;
}
/* #suceccfulloader .modal-content{border-radius:100%;} */
/* .event-details .event-time{font-size:16px;font-weight: bold;} */
.fl{float:left !important;}

.fr{float:right !important;}


label.btn.btn-primary.cambtn {
   background: #00AEEC;
margin: 0;
padding: 4.5px 15px;
line-height: 21px;
color: #fff;
transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
border-radius: 6px;
text-transform: uppercase;
border: 1px solid #e2dede;

font-style: normal;
font-weight: 600;
}
label.btn.btn-primary.cambtn:hover {
    background: #00AEE0;
}


.okbtn:hover, .okbtn:active, .okbtn:focus {
    background: #1f93f6 !important;;
}
#errorqrpopup .modal-dialog {
  top: 45%;
}


.instraction {text-align:center; display:none;
    position: sticky;
    top: 50px;
    z-index: 999;
    background: #ffffff;
}
.instraction p {
    margin: 0px auto;
    display: inline-block;
    padding: 8px 14px;
    background: red;
    border-radius: 0.4rem;
    color: #ffffff;
    font-weight: 600;
    animation: animate 1s linear infinite;
}
@keyframes animate{
    0%{
      opacity:0.4;
    }
    50%{
      opacity:1;
      background-color: red;;
    }
    100%{
      opacity:0.4;
    }
  }