.lity-active body {
    overflow: hidden;
}
.lity-inline .lity-content > * {
    max-height: none !important;
}
.lity-inline .lity-wrap {
    overflow: auto;
}
.lity-inline .lity-content {
    margin: 20px 0;
}
body {
  background-color: #f8f8f8;
}
#wrapper {
  width: 100%;
}
#page-wrapper {
  padding: 0 15px;
  min-height: 568px;
  background-color: white;
}
form.form.loginform input {
    width: 100%;
}
.page-header {
    padding-bottom: 5px;
    margin: 10px 0 0px;
    border-bottom: 1px solid #eee;
    font-size: 25px;
}
.form-group {
    margin-bottom: 0px;
}

.form-control{
	width: u;
}
.well{
	background-color:#fdfaf6;
}
.well.text-center.filter-form .form-inline label {
    width: 24%;
}
.well.text-center.filter-form .form-inline .form-control {
    width: 70%!important;
}
.form.form-inline>div.row>div {
    text-align: left;
}
td {
    word-break: break-word;
}
table.table.table-striped.table-bordered.table-condensed>tbody>tr:nth-of-type(odd) {
    background-color: #f1e5c9;
}
table.table.table-striped.table-bordered.table-condensed>tbody>tr:hover {
    background: #f9f7e1;
    text-shadow: 1px 1px #ac97728f;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #a6915f;
    border-color: #ded2b3;
}
.pagination>li>a, .pagination>li>span {
     color: #806b37;
     border: 1px solid #dfd1b3;
}
.control-display {
    padding-top: 7px;
    line-height: 28px;
}
a {
    color: #423b29;
}
a.view_link {
    text-decoration: underline;
    color: #694d1c;
}
.lity-container {
    max-width: 90%!important;
}
.lity-iframe-container {
    min-height: 90vh;
}
.c-tab {
    background: #a5905f;
    color: #fff;
    margin: 10px 0 10px 0;
    border-radius: 20px;
    border: 2px solid #a5905f
}
table#customFields tr {
    text-align: center;
}

table#customFields th {
    text-align: center;
    padding-top:5px;
    padding-bottom:5px;
}
.c-tab.active, .c-tab:hover {
    background: #eadbc4;
    box-shadow: 0px 3px #e6c498bd;
    color: #694a23;
    border: 2px solid #756040;
}
.form-group-view>label {
    font-weight: 200;  
    font-size: 14px;
}
.form-group-view>label.form-value {
    font-weight: 400;
    font-size: 15px;
}
label.form-value-head {
    font-weight: 400;
    font-size: 16px;
}
.row.sectiontab {
    /* border-top: 1px solid #694a23; */
    border-radius: 20px;
    padding: 10px 0 5px 0;
    margin-bottom: 10px;
    margin-top: 5px;
}
.typetab {
    display: flex;
    flex-direction: column;
}
div#companytab, div#persontab, div#contacttab {
    padding-top: 0px;
}
table#customer_car_table,table#customer_visit_table {
    margin-top: 10px;
}
.tab-c-header {
    /* background: linear-gradient(45deg, #a08a6d, #eadcb9ba); */
    padding-top: 5px;
    /* border-radius: 20px 20px 0 0; */
    /* color: #fff; */
    margin-bottom: 10px;
    border-bottom: 2px solid #a08a6d75;
    font-weight: 800;
}
.navbar-default {
    background-color: #fdfaf6;
    border-color: #6b4c25;
    /* border: 2px solid; */
}
.form-group>label {
    line-height: 28px;
}
img.loginlogo {
    width: 100%;
}
#wrapper a.navbar-brand {
    padding: 5px 15px 5px 15px;
}
img.loginlogo-header {
    max-height: 40px;
    max-width: 150px;
    display: inline-block;
}
.navbar-brand>span {
  
    vertical-align: sub;
    display: inline-block;
}
fieldset>.row {
    margin-bottom: 5px;
}
table#newRow {
  display: none
}

.radio-inline>input{
    margin-top: 7px;
}

input.fee1 {
    text-align: right;
}

[data-toggle="collapse"].collapsed .if-not-collapsed,
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {display: none;}

.btn-grad {
	background-image: linear-gradient(to right, #bcf7e4 0%, #b8f3fd  61%, #bcf7e4  100%);
}
.btn-grad2 {
	background-image: linear-gradient(to right, #def5f7 0%, #FFFFFF  51%, #ECE9E6  100%);
}
         
.btn-grad3 {
	background-image: linear-gradient(to right,  #ffdde1, #fbbcc5,  #ffdde1);
}
.btn-grad4 {
	background-image: linear-gradient(90deg, rgba(252,250,168,1) 0%, rgba(251,196,109,1) 50%, rgba(252,249,163,1) 100%);;
}
         
        
.btn-grad span, .btn-grad2 span,
.btn-grad3 span, .btn-grad4 span {
    color: #403d3d;
    
    text-shadow: 1px 1px #ded3babf;
}
.btn-grad span.if-not-collapsed{
    color: #6d2f11;
}
         
 span.if-collapsed {
    color: #403d3d;
}        
.btn-grad,.btn-grad2,
.btn-grad3,.btn-grad4 {
            margin-top: 5px;
            text-align: left;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: #171414!important;           
            box-shadow: 0 0 20px #eee;
            border-radius: 10px 10px 0px 0px;   		
    		font-weight: 400;
            display: block;        
    font-size: 16px;
}

.btn-grad:hover, .btn-grad2:hover, 
.btn-grad3:hover, .btn-grad4:hover {
	background-position: right center; /* change the direction of the change here */
	text-decoration: none;
}

fieldset#comp_data>div.row.comp_header {
    background: #6acbd4;
    color: #fff;
    padding: 10px 0px;
    box-shadow: 1px 1px #bcdfe29e, 0px 0px #c0ecf1bf;
    /* font-size: 13px; */
}

fieldset#comp_data>div.row {
    /* border-bottom: 1px solid #a4c5c5b5; */
    padding: 10px;
    box-shadow: 5px 1px #bcdfe29e, 2px 3px #c0ecf1bf;
}
fieldset#comp_data>div.row>div:nth-child(5) {
    text-align: center;
}    
#collapseContentlast >.card.card-body {
    border: 1px solid #e4e0e0;
    padding: 5px;
    margin-top:5px;
    border-radius: 10px  10px 10px 10px;
}   
              

.card.card-body {
    border: 1px solid #e4e0e0;
    padding: 5px;
    border-radius: 0px  0px 10px 10px;
}
.btn-tab {
    background: linear-gradient(180deg, #a1c0da, #31353ac4);
    color: #fff!important;
    font-weight: 600;
    border-radius: 10px 10px 0px 0px;
    border: 0px solid #ccc;
}
.btn-check {
    color: #fff;
    background-color: #6acbd4;
    border-color: #6acbd4;
}
.btn-check:hover {
    color: #fff!important;
    background: #56a2a9;
}
.btn {
    padding: 2px 6px;
}
.btn-xl {
    padding: 6px 6px;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 0px solid #ddd;
}
.table-bordered {
    border: 0px solid #113c7b;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 0px solid #101d73;
}
.form-group.text-center {
    padding-top: 10px;
    padding-bottom: 10px;
}
button.loginField {
    text-align: center;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
a.dropdown-toggle {
    padding-right: 10px;
}
#norTable tr {
    border-bottom: 1px solid #a1abd6;
}
.form-value>a {
    word-break: break-all;
}

.calendar {
    display: flex;
    flex-flow: column;
}
.calendar .header .month-year {
    font-size: 20px;
    font-weight: bold;
    color: #636e73;
    padding: 20px 0;
    
    display: inline-block;
}
.calendar .days {
    display: flex;
    flex-flow: wrap;
}
.calendar .days .day_name {
    width: calc(100% / 7);
    border-right: 1px solid #2c7aca;
    padding: 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #818589;
    color: #fff;
    background-color: #448cd6;
}
.calendar .days .day_name:nth-child(7) {
    border: none;
}
.calendar .days .day_num {
    display: flex;
    flex-flow: column;
    width: calc(100% / 7);
    border-right: 1px solid #e6e9ea;
    border-bottom: 1px solid #e6e9ea;
    padding: 15px;
    font-weight: bold;
    color: #7c878d;
    cursor: pointer;
    min-height: 100px;
}
.calendar .days .day_num span {
    display: inline-flex;
    width: 30px;
    font-size: 14px;
}
.calendar .days .day_num .event {
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
    padding: 3px 6px;
    border-radius: 4px;
    background-color: #f7c30d;
    color: #fff;
    word-wrap: break-word;
}
.calendar .days .day_num .event.green {
    background-color: #51ce57;
}
.calendar .days .day_num .event.blue {
    background-color: #518fce;
}
.calendar .days .day_num .event.red {
    background-color: #ce5151;
}
.calendar .days .day_num:nth-child(7n+1) {
    border-left: 1px solid #e6e9ea;
}
.calendar .days .day_num:hover {
    background-color: #fdfdfd;
}
.calendar .days .day_num.ignore {
    background-color: #fdfdfd;
    color: #ced2d4;
    cursor: inherit;
}
.calendar .days .day_num.selected {
    background-color: #f1f2f3;
    cursor: inherit;
}

@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 150px;
    padding: 0 30px 20px;
    border-left: 1px solid #e7e7e7;
  }
}
.navbar-top-links {
  margin-right: 0;
}
.navbar-top-links li {
  display: inline-block;
}
.navbar-top-links li:last-child {
  margin-right: 15px;
}
.navbar-top-links li a {
  padding: 15px;
  min-height: 50px;
}
.navbar-top-links .dropdown-menu li {
  display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}
.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}
.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
}

.page-action-links{
  margin:10px 0px 10px 0px
}


.sidebar .sidebar-nav.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.sidebar ul li {
  border-bottom: 1px solid #e7e7e7;
}
.sidebar ul li a.active {
  background-color: #eeeeee;
}
.sidebar .arrow {
  float: right;
}
.sidebar .fa.arrow:before {
  content: "\f104";
}
.sidebar .active > a > .fa.arrow:before {
  content: "\f107";
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: none !important;
}
.sidebar .nav-second-level li a {
  padding-left: 37px;
}
.sidebar .nav-third-level li a {
  padding-left: 52px;
}
@media (min-width: 768px) {
  .sidebar {
    z-index: 1;
    position: absolute;
    width: 150px;
    margin-top: 51px;
  }
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
  
  
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}

.login-panel {
  margin-top: 25%;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}
.show-grid {
  margin: 15px 0;
}
.huge {
  font-size: 30px;
}
.medi {
  font-size: 20px;
}

.btn-primary {
    color: #fff;
    background-color: #4d9ade;
    border-color: #4d9ade;
}

.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}

label.error {
    color: red;
    text-align: right;
    width: 100%;
    line-height: normal;
    font-size: smaller;
    margin: 0px;
}

#export-section{
 text-align: right;
  margin-bottom: 20px;
}
footer.page-footer {
    position: fixed;
    /* height: 40px; */
    bottom: 0px;
    /* width: 100%; */ 
    padding-left: 15px;
    font-size: 12px;
}

input.renewal_date {
    max-width: 33%!important;
}
#contact_form .control-label {
    padding-top: 0px!important; 
    margin-bottom: 0;
    text-align: right;
    margin-top: 2px;
    margin-bottom: 2px;
}

@media (max-width: 768px) {


body {
    font-size: 18px; 
}
.form-control {
    font-size: 18px;
}
.form-group-view>label {
    font-size: 18px;
}
.form-group-view>label.form-value {
    font-size: 18px;
}

#POtable th:nth-child(2), #POtable td:nth-child(2),
#POtable th:nth-child(6), #POtable td:nth-child(6) {
    display: none;
}
 
table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.well.text-center.filter-form .form-inline .form-control {
    width: 100%!important;
}
footer.page-footer {
    position: static;
    /* height: 40px; */
    bottom: 0px;
    /* width: 100%; */
    padding-left:0px;
}
.row.v_button_div>div>div {
    padding-left: 1px;
    padding-right: 1px;
    /* font-size: 12px; */
}

table#customersTable tr>th:nth-child(3), 
table#customersTable tr>th:nth-child(4), 
table#customersTable tr>td:nth-child(3), 
table#customersTable tr>td:nth-child(4) {
    display: none;
}

}

.remarksrow {
    margin-top: 10px;
}
.print-name {
	font-family: "FangSong" ,"STFangsong", "SimSun", "STSong", Arial, serif;
    text-align: center;
    font-size: 20px;
    width: 100%;
    font-weight: 400;
}

.print-header {
    text-align: center;
    font-size:20px;
    width:100%;
    font-weight:400;
}

span.fm-inline.ptitle {
    /*width: 120px;*/
    display: inline-block;
    text-align: justify;
    word-break: keep-all;
    
}

span.fm-inline.ptitle2 {
   /* width: 95px;*/
    display: inline-block;
    text-align: justify;
    word-break: keep-all;
    
}

span.fm-inline.pcolon {
    display: inline-block;
    width: 10px;
    
    vertical-align: text-bottom;
}

span.fm-inline.ptime {
    display: inline-block;
    width: 40px; 
    vertical-align: text-bottom;
}

span.fm-inline.ptablehead {
    width: 66%;
    display: inline-block;
    text-align: left;
}
span.fm-inline.ptablehead:nth-child(3) {
    text-align: right;
    width: 15%;
}
span.fm-inline.ptablecell {
    width: 66%;
    display: inline-block;
}
span.fm-inline.ptablefee {
    text-align: right;
    display: inline-block;
    width: 15%;
}
span.fm-inline.ptotalcell {
    width: 66%;
    display: inline-block;
    
    text-align: right;
}
span.fm-inline.ptotalfee {
    text-align: right;
    display: inline-block;
    width: 30%;
}
.topsingle {
    border-top: 1px solid;
}
.bottomsingle {
    border-bottom: 1px solid;
}
.bottomdouble {
    border-bottom: 3px double;
}
.pfooter {
    margin-top: 40px;
    color: blue;
}
.table1{
 margin-top: 10px;
   
}
div#forcetab .tab-c-header {
    border-bottom: 1px solid #888e2d;
    background: linear-gradient(45deg, #f4f5d4, transparent);
}
div#nortab .tab-c-header {
    border-bottom: 1px solid #55608f;
    background: linear-gradient(45deg, #e6edf7, transparent);
}
#norTable {
    margin-right: auto;
    width: 98%;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    /* display: table; */
}

#norTable th,
#norTable td {
  padding: 10px;
  
}
#norTable th {
  text-align: left;
	color: #fff;
}
#norTable th:th-child(3) {
  text-align: right;
	color: #fff;
}
#norTable thead th {
  background-color: #55608f;
}
#norTable thead th:nth-child(3) {
	
  text-align: right;
}

#norTable tbody tr:hover {
  background-color: #e6edf7;

}
.control-value{
	text-align: left;
    padding-top: 6px;
}
.col-lg-3.col-md-3.col-sm-3>.fm-inline:nth-child(3) {
    overflow: hidden;
    vertical-align: bottom;
   /* width: 150px;*/
    display: inline-block;
    white-space: nowrap;
    max-width: 200px;
}

@media print {


.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: left;
}
.col-sm-12 {
  width: 100%;
}
.col-sm-11 {
  width: 91.66666666666666%;
}
.col-sm-10 {
  width: 83.33333333333334%;
}
.col-sm-9 {
  width: 75%;
}
.col-sm-8 {
  width: 66.66666666666666%;
}
.col-sm-7 {
  width: 58.333333333333336%;
}
.col-sm-6 {
  width: 50%;
}
.col-sm-5 {
  width: 41.66666666666667%;
}
.col-sm-4 {
  width: 33.33333333333333%;
 }
 .col-sm-3 {
   width: 25%;
 }
 .col-sm-2 {
   width: 16.666666666666664%;
 }
 .col-sm-1 {
  width: 8.333333333333332%;
 }
 

  }