header#header {
 background-color: #525252;
 position: static;
 z-index: 1;
 transition: .2s;
 height: 30px;
 overflow: visible;
 position: absolute;
 width: 100%;
}

header.header2 {
 background: #11085a !important;
 height: 50px !important;
 position:inherit !important;
 width:auto!important;
}
header.header2 ul:first-child {
    float: left;
    width: auto !important;

}

header#header ul {
 float: right;
 color: #dfdfdf;
 font-size: 11px;
 font-weight: 700;
 margin: 0;
 padding: 0 20px;
}

header#header ul:first-child {
    float: left;
    width: 86%;
}

header#header ul li {
 float: left;
 line-height: 30px;
 height: 30px;
 margin: 0;
}

header.header2 ul li {
 float: left;
 line-height: 50px !important;
 ;
 height: 50px !important;
 ;
 margin: 0;
}

header#header ul li a {
 display: inline-block;
 color: #dfdfdf;
 width: 100%;
 height: 100%;
 padding: 0 10px;
 font-size: 14px;
font-weight: 400;
}

header.header2 ul li a {
 display: inline-block;
 color: #dfdfdf;
 width: 100%;
 height: 100%;
 padding: 0 10px;
 font-size: 14px;
 font-weight: 400;
}
.sigin-bg-login {
 background-image: url(../images/bg-login.jpg);
 background-color: #ececec;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
 background-position: 50% 50%;
}
.sigin-bg {
 /* background-image: url(../images/bg-login.jpg); */
 background-color: #ececec;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
 background-position: 50% 50%;
}

#main {
 height: 100%;
}

#main,
body,
html {
 min-height: 100%;
 height: calc(100% - 30px);
}

#main .as-table {
 width: 100%;
 height: 100%;
 display: table;
}

#main .as-table-cell {
 display: table-cell;
}

#main .as-table-cell-middle {
 vertical-align: middle;
}

.signin-panel {
 width: 975px;
 background-color: rgba(64, 64, 64, .9);
 border-radius: 3px;
 overflow: hidden;
 margin: 0 auto;
}

.signin-panel-form-wrapper {
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px;
 width: 625px !important;
 float: right;
 background-color: #fff;
}

.signin-panel-features a {
 color: #dfdfdf;
}

.signin-panel-feature-wrapper-img {
 display: block;
 width: 270px;
 margin: 12px 40px 10px;
}

.signin-panel-feature-wrapper-img .signin-panel-feature a > img {
 width: 260px;
 margin: 30px 0px;
}

.signin-panel-features h5 {
 margin: 50px 40px 0;
}

.signin-panel-feature a {
 display: block;
 margin-bottom: 15px;
 color: #dfdfdf;
}

.signin-panel-feature h6 {
 color: #fff;
 margin: 10px 0;
}

.signin-panel-feature p {
 color: #dfdfdf;
 line-height: 22px;
 margin: 0;
}

.content {
 max-width: 63.87rem;
 padding-left: 1.305rem;
 padding-right: 1.305rem;
 margin-left: auto;
 margin-right: auto;
}

.form--signin {
 display: table;
 width: 100%;
 padding: 50px 40px;
}

.cv-signin-header-text {
 font-size: 35px;
 align-items: center;
 margin-bottom: 20px;
 font-weight: 300;
 color: #000;
}

.form-heading {
 display: inline-block;
 font-size: 16px;
 font-weight: 600;
 color: #626262;
 padding-top: 15px;
 height: 45px;
 line-height: 1.2;
 margin-bottom: 0;
}

.form .form-control-link {
 font-weight: 400;
 text-transform: none;
 font-size: 16px;
 line-height: 1.2;
 border: none;
 padding: 15px 0 0;
}

.form .form-control-right {
 float: right;
 width: auto;
}

.form .form-row {
 margin-bottom: 10px;
}

.form .form-field {
 display: block;
 background: #fff;
 border-radius: 0;
 border: 1px solid #D2D2D2;
 font-weight: 400;
 font-size: 16px;
 color: #404040;
 padding: 5px 9px;
}

.form .form-control,
.form .form-field {
 height: 45px;
}

.form .form-row,
form.pretty .form-row {
 position: relative;
}

.content .grid-12 {
 width: 100%;
 float: right;
 margin-right: 0;
 display: inline;
 margin-bottom: 15px;
}

.form .form-label-type-reveal {
 position: absolute;
 top: 10px;
 right: 10px;
 opacity: 0;
}

.form .form-label {
 display: block;
 font-size: 14px;
 color: #989898;
 font-weight: 600;
}
.not-y-store {
    text-transform: inherit !important;
    color: #256DAA;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding-right: 0 !important;
}
.h-t-signing{
 
 text-transform: inherit !important;
    color: #256DAA;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding-left: 0 !important;
}
.form .form-control {
 display: inline-block;
 font-size: 14px;
 text-transform: uppercase;
 font-weight: 600;
 cursor: pointer;
 border: none;
 border-radius: 3px;
 padding: 7px 24px;
}

.form .form-control-green {
 color: #fff;
 background-color: #009d12;
 transition-duration: .2s;
}

.form .form-control-green:hover {
 background-color: #008e10;
}

.form .form-control-large {
 height: 50px;
 font-size: 16px;
}

.form .form-control-xlong {
 width: 220px;
}

.form .form-control-left {
 float: left;
 width: auto;
}

.form .form-row::after,
.form .form-row::before {
 display: table;
 content: "";
 line-height: 0;
}

/*== Login page CSS START ==*/

/*myside navbar*/
#nv-sidenav {
 transform: translateX(0);
 transition: transform .2s ease-in-out;
 display: block;
 height: calc(100% - 50px);
 z-index: 0;
 width: 100px;
 float: left;
}

.nv-sidenav-content {
 background: linear-gradient(90deg, #e5eaed 0, #e5eaed 85px, #fff 0, #fff 145px);
 width: auto;
 overflow-y: auto;
 overflow-x: hidden;
 height: 100%;
 display: table;
 box-shadow: 1px 0 0 0 #e5eaed;
}

.vd-sidebar-tabs {

 flex-direction: column;
 flex-shrink: 0;
 z-index: 101;
 box-sizing: border-box;
 width: 85px;
 height: 100%;
 background-color: #e5eaed;
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
 font-size: 12px;
 color: #3a4953;
}

.vd-sidebar-tabs ul {
 padding: 0;
}

.vd-sidebar-tabs ul li a {
 height: 75px;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 width: 85px;
 font-size: 12px;
 line-height: 12px;
 color: #3a4953;
}

.vd-sidebar-tabs ul li a > i {
 display: block;
 font-size: 20px;
 line-height: 26px;
}

.vd-sidebar-tabs ul li a:hover {
 background: #f0f4f4;
}

.vd-sidebar-tabs ul li:nth-child(1) a > i {
 color: #a059b5;
}

.vd-sidebar-tabs ul li:nth-child(2) a > i {
 color: #56bad6;
}

.vd-sidebar-tabs ul li:nth-child(3) a > i {
 color: #44b773;
}

.vd-sidebar-tabs ul li:nth-child(4) a > i {
 color: #f3c276;
}

.vd-sidebar-tabs ul li:nth-child(5) a > i {
 color: #f5765f;
}

.vd-sidebar-tabs ul li:nth-child(6) a > i {
 color: #a059b5;
}

.vd-sidebar-tabs ul li:nth-child(7) a > i {
 color: #485770;
}

.vd-sidebar-drawer hr {
 width: 100%;
 margin:0;
}

.vd-sidebar-drawer {
 display: table-cell;
 width: 145px;
 height: 100%;
 background-color: #fff;
 border-right: 1px solid #e5eaed;
 height: -webkit-min-content;
 height: min-content;
 vertical-align: top;
}

.vd-sidebar-drawer > a h2 {
 font-size: 18px;
 font-weight: 400;
 line-height: 18px;
 text-align: left;
 color: #3a4953;
 padding: 15px 10px 10px;
min-height: 75px;
}

.vd-sidebar-drawer > a h2 span {
 display: block;
 font-size: 12px;
}

#vd-main-content-container {
 box-sizing: border-box;
 height:100%;
 /* background: #f0f0f0; */
 width: auto;
 padding: 20px 48px;
 /* margin-left: 85px; */
}

.vd-main-content-inner-container {
 position: relative;
}

.vd-sidebar-drawer .tab ul li a {
 font-size: 14px;
 padding: 20px 10px;
 display: table;
 line-height: 16px;
 color: #3a4953;
 width: 100%;
}

.vd-sidebar-drawer .tab li.active a {
 color: #6692b0;
 background: #f0f4f4;
}

.vd-sidebar-drawer .tab ul li a:hover {
 background: #f0f4f4;
}

.tab-active {
 background: #ffffff;
}

/* End myside navbar*/


/*Tab Content box */
.has-search .form-control-feedback {
 right: initial;
 left: 0;
 color: #ccc;
 padding: 19px 14px;
}

.has-search .form-control {
 padding-right: 12px;
 padding-left: 34px;
}

.has-search input::placeholder {
 color: #6692b0 !important;

}

.vd-main-content-inner-container .tabcontent label {
 font-size: 15px;
 margin-bottom: 1g8px;
 color: #fff;
 padding-top: 5px;
}

.has-search input {
 cursor: text;
 color: #3a4953;
 font-weight: 400;
 font-size: 15px;
 word-break: normal;
 width: 100%;
 margin: 0;
 padding: 24px 15px;
 box-sizing: border-box;
 outline: none;
 box-shadow: none;
 background-color: #fff;
 border: 2px solid #e5eaed;
 border-radius: 3px;
 transition: all .2s;
 transition-property: all;
 transition-property: border-color, box-shadow;
}

.quick-key-yellow {

 background-color: #f2c17b;

}

.quick-key-blue {

 background-color: #99c8d4;

}

.quick-key-red {

 background-color: #d77173;

}

.quick-key-purple {

 background-color: #aa88b5;

}

.quick {

 padding: 0;

}
.box-tb {

    padding-left: 0;
    padding-right: 0;

}

.quick-box {

 padding: 10px;

}

.quick-key {

 display: flex;
 border-radius: 3px;
 min-width: 75px;
 width: 100%;
 height: 90px;
 box-sizing: border-box;
 cursor: pointer;
 margin: 4px 0;
 position: relative;
 box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .1);
 display: table-cell;
}

.quick-key .quick-inner {

 background: #fff;
 border-radius: 0 0 3px 3px;
 margin-top: 8px;
 display: table;

 height: 100%;
}

.quick-key .quick-inner:hover {

 opacity: .8;

}

.quick-key .quick-key-label {

 box-sizing: border-box;
 width: 100%;
 font-size: 20px;
 line-height: 1.3;
 text-align: center;
 overflow: hidden;
 word-wrap: break-word;
 word-break: break-word;
 padding: 4px;
 display: table-cell;
 color: #3a4953;

 vertical-align: middle;

}

.btn-section {

 margin-top: -10px;
 margin-bottom: 10px;
 min-height: 44px;
 display: block;


}

.vd-btn-text-supplementary {
 
 color: #fff;
 background-color: #206AAD
}

.vd-btn-text-supplementary:hover {

 color: #fff;
 background-color: #206AAD;

}

.vd-btn-text-supplementary:active {

 background-color: #408ACD;
 box-shadow: 0 0 3px 2px rgba(102, 146, 176, .35);

}

.vd-btn-text-supplementary:focus {

 box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .8), 0 0 3px 3px rgba(102, 146, 176, .35), 0 0 0 3px rgba(102, 146, 176, .6);

}

.btn-group .dropdown {

    padding: 0px !important;

}
.vd-btn, .btn-group > .dropdown { 
 word-break: break-word;
 margin: 0;
 font-size: 15px;
 line-height: 1.2;
 font-weight: 700;
 border-radius: 3px;
 border: 1px solid transparent;
 box-sizing: border-box;
 cursor: pointer;
 display: inline-block;
 outline: none;
 padding: 12px 33px;
 position: relative;
 text-align: center;
 transition-property: background, color, border, box-shadow;
 transition: all .2s;
}

.sale {
 display: block;
 justify-content: space-between;
 border: 1px solid #e5eaed;
 border-radius: 3px;
 background-color: #fff;
 min-height: 250px;

}

.sale-inner .form-group {

 padding: 5px;

}

.sale-inner .form-control-feedback {

 right: initial;
 left: 0;
 color: #ccc;
 padding: 24px 14px 0;

}

.accordion-toggle:after {
 font-family: 'FontAwesome';
 content: "\f105";
 float: left;
 padding-top: 5px;
}

.accordion-opened .accordion-toggle:after {
 content: "\f107";
}

#accordion2 ul.points {
 display: inline-block;
}

#accordion2 ul.points li {

 display: inline-block;
 font-size: 15px;
 color: #3a4953;
 font-weight: 500;
 padding: 0 10px;

}

.accordion-group {

 border-bottom: 1px solid #e5eaed;

}

.accordion-heading {

 padding: 10px 16px 10px;

}

#accordion2 ul.points > li:nth-child(2) {

 width: 290px;
 vertical-align: middle;

}

.del-btn:hover {
 border-color: #e6643c;
 background-color: #e6643c;
 color: #fff;
}

.del-btn:focus {
 box-shadow: 0 0 3px 2px rgba(230, 100, 60, .35);
}

.del-btn {

 background: transparent;

}

.sale-list-footer {
 border-top: 2px solid #e5eaed;
 padding-top: 45px;
 display: table;
 width: 100%
}

.sale-totals {
 margin: 0 16px;
 padding: 5px 0 0;
}

.sale-add-line:not(:last-child) {
 border-bottom: 1px solid #e5eaed;
}

.sale-total-line {
 align-items: center;
 text-align: right;
 display: flex;
 justify-content: space-between;
 flex-flow: row wrap;
 padding: 5px 0 5px 4px;
 height: 56px;
}

.vd-text-signpost {
 font-size: 15px;
 font-weight: 900;
 letter-spacing: .15em;
 text-transform: uppercase;
 color: #3a4953;

}

.sale-total-header--link {

 padding-left: 15px;

}

.vd-link,
.vd-link:visited {

 color: #008ae8;

}

.vd-link {

 text-decoration: none;
 cursor: pointer;
 transition: color .2s;
 color: #008ae8 !important;

}

.vd-text-label {

 font-size: 15px;
 font-weight: 700;
 color: #3a4953;

}

.sale-footer {

 border-top: 2px solid #e5eaed;
 padding: 15px 20px;

}

.vd-button.vd-button-primary {

 background-color: #41af4b;
 color: #fff;

}

.vd-button.vd-button-big {
 line-height: 1.22222;
 font-size: 18px;
 padding: 16px 32px;
 width: 100%;

}

.vd-flex {

 display: flex;
 flex: 1;

}

.vd-button.vd-button-primary {

 color: #fff;

}

.label-and-items-container {

 display: flex;
 align-items: baseline;

}

.pay-action-label,
.pay-action-value {

 font-size: 20px;
 font-weight: 700;

}

.btn-pay .vd-text-sub {

 margin-left: 10px;

}

.vd-text-sub {

 font-size: 12px;

}

.pay-action-value {

 margin-left: auto;
 text-align: right;
 flex-grow: 1;

}

.pay-action-label,
.pay-action-value {

 font-size: 20px;
 font-weight: 700;

}

.vd-button.vd-button-primary:hover {

 background-color: #50be5a;

}

.vd-button.vd-button-primary:active {

 background-color: #3da446;
 box-shadow: 0 0 3px 2px rgba(65, 175, 75, .35);
 border-color: #41af4b;

}

.vd-button.vd-button-primary:focus {

 box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .8), 0 0 3px 3px rgba(65, 175, 75, .35), 0 0 0 3px rgba(65, 175, 75, .6);
 border: 1px solid #41af4b;
 border-top-color: rgb(65, 175, 75);
 border-right-color: rgb(65, 175, 75);
 border-bottom-color: rgb(65, 175, 75);
 border-left-color: rgb(65, 175, 75);

}

.sale-point {
 overflow-x: scroll;
 /* height: 280px; */
 overflow-x: hidden;
}

.vd-input {
 cursor: text;
 color: #3a4953;
 font-family: lato, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
 font-weight: 400;
 font-size: 15px;
 word-break: normal;
 width: 100%;
 margin: 0;
 padding: 12px;
 height: 50px;
 box-sizing: border-box;
 outline: none;
 box-shadow: none;
 background-color: #fff;
 border: 2px solid #e5eaed;
 border-radius: 3px;
 transition: all .2s;
 transition-property: all;
 transition-property: border-color, box-shadow;
}

.vd-input::placeholder {
 color: #6692b0 !important;
}

#accordion2 label {

 word-break: break-word;
 font-size: 15px;
 line-height: 1.33333;
 font-weight: 700;
 color: #3a4953;

}

 /* Park Sale Popup Section */
#parksale .modal-title {
    font-size: 24px;
    font-weight: 500;
    color: #3a4953;
}
#parksale .vd-p {
    display: block;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: 1.5;
}
#parksale .vd-field:last-child {
    margin-bottom: 0;
}
#parksale .vd-field {
    margin-bottom: 20px;
    font-size: 15px;   
}
#parksale .vd-textarea {
    display: block;
    resize: none;
    overflow: hidden;
    line-height: 19.99995px;
}
#parksale .vd-ptm {
    padding-top: 10px !important;
}
#parksale .vd-text-sub {
    font-size: 12px;
}
#parksale .vd-text-secondary {
    color: #6692b0;
}
#parksale .modal-header {
    padding: 15px;
    border-bottom: none;
}
#parksale .modal-content{padding: 29px;}
#parksale .modal-footer {
    border-top: none;
}
#parksale  .modal-dialog {

    width: 500px;
    margin: 10% auto 0;

}
.maingreenbtn{
 background-color: #41af4b;
color: #fff;
 margin: 4px;
 cursor: pointer;
font-size: 15px;
border-radius: 3px;
padding: 12px 20px;
text-align: center;
box-sizing: border-box;
display: inline-block;
min-width: 100px;
margin: 0 4px;
border: 1px solid transparent;
font-weight: 700;
transition: all .2s;
    transition-property: all;
transition-property: background,color,border;
outline: none;
 position: relative;
 }
.maingreenbtn:hover {
background-color: #50be5a;
}

.maingreenbtn:active {
 background-color: #3da446;
box-shadow: 0 0 3px 2px rgba(65,175,75,.35);
border-color: #41af4b;
}
.maingreenbtn:focus {
 box-shadow: 0 0 0 2px hsla(0,0%,100%,.8),0 0 3px 3px rgba(65,175,75,.35),0 0 0 3px rgba(65,175,75,.6);
border: 1px solid #41af4b;
}
.mainclosebtn {   
    position: absolute;
    top: 0;
    right: -60px;
    cursor: pointer;
    font-size: 20px;
    width: 50px;
    height: 50px;
 border: none;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 50%;
color: #6692b0;
padding: 10px;
text-decoration: none;
}
.retrieve-sale .retrieve-sale-inner {
    width: 500px;
 padding: 20px;
}
.retrieve-sale .retrieve-sale-inner ul li > .retrieve-text {

    font-size: 14px;
    float: left;
    display: block;
    width: 50%;
    color: #3a4953;
    line-height: 26px;

}
.retrieve-sale .retrieve-sale-inner ul li {

    border-bottom: 1px solid #e5eaed;
    display: table;
    width: 100%;
    padding: 10px 0;

}
.retrieve-sale .retrieve-sale-inner ul.p-sale-product li {

    border-bottom: none;
 display: inline-block;
float: left;

}
.retrieve-sale .retrieve-sale-inner ul.p-sale-product li:nth-child(1) {
width: 80px;
background: #f0f4f4;
margin-right: 10px;
border-radius: 10px;
height: 80px;
}
.retrieve-sale .retrieve-sale-inner ul.p-sale-product li:nth-child(2) {
width: 340px;
}
.retrieve-sale .retrieve-sale-inner ul.p-sale-product li:nth-child(3) {
width: 17px;
}
.retrieve-sale .retrieve-sale-inner ul.p-sale-product li:nth-child(1) img {

    width: 100%;

}
.retrieve-sale .retrieve-sale-inner ul.p-sale-product li > p {
    font-size: 15px;
    font-weight: 300;
 color:#3a4953;
}
.retrieve-sale .retrieve-sale-inner ul.p-sale-product li > span {
    font-size: 10px;
    font-weight: 300;
 color:#3a4953;
}


td, th {
	white-space: nowrap;
	overflow: hidden;
}