@font-face {
    font-family: "RTA Bold";
    src: url(fonts/RTA-Bold.eot);
    src: url(fonts/RTA-Bold.eot?#iefix) format("embedded-opentype"), url(fonts/RTA-Bold.woff2) format("woff2"), url(fonts/RTA-Bold.woff) format("woff"), url(fonts/RTA-Bold.ttf) format("truetype"), url(fonts/RTA-Bold.otf) format("opentype"), url(fonts/RTA-Bold.svg#RTA-Bold) format("svg");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FEFC
}

.applying-card h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    font-weight: 700
}

.seasonalParkingPermit .heading-section {
    padding-right: 75px
}

.seasonalParkingPermit .heading-section.refund-card img {
    top: 6px
}

.seasonalParkingPermit .vehicleNumberBox {
    margin-top: 40px;
    padding: 0 0 25px;
    background-color: #fff
}

.seasonalParkingPermit .vehicleNumberBox ul li {
    display: inline-block;
    text-align: right;
    width: 30%
}

.smart-body .alert {
    z-index: 99
}

.seasonalParkingPermit .vehicleNumberBox ul li a {
    display: inline-block;
    outline: 0
}

.seasonalParkingPermit .vehicleNumberBox ul li span.vehicleNumberIconBox {
    margin-bottom: 21px;
    display: inline-block
}

.seasonalParkingPermit .vehicleNumberBox ul li span.vehicleNumberIconBox img.active {
    display: none
}

.seasonalParkingPermit .vehicleNumberBox ul li span.vehicleNumberText {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #53565a
}

.seasonalParkingPermit .vehicleNumberBox ul li:hover span.vehicleNumberIconBox img.inActive {
    display: none
}

.seasonalParkingPermit .vehicleNumberBox ul li:hover span.vehicleNumberIconBox img.active {
    display: inline-block
}

.seasonalParkingPermit .vehicleNumberBox ul li:hover span.vehicleNumberText {
    color: #1b0e92
}

.seasonalParkingPermit .vehicleNumberBox ul li a.active span.vehicleNumberIconBox img.inActive {
    display: none
}

.seasonalParkingPermit .vehicleNumberBox ul li a.active span.vehicleNumberIconBox img.active {
    display: inline-block
}

.seasonalParkingPermit .vehicleNumberBox ul li a.active span.vehicleNumberText {
    color: #1b0e92
}

.seasonalParkingPermit .vehicleNumberDetailBox {
    display: none
}

.seasonalParkingPermit .vehicleNumberDetailBox {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.seasonalParkingPermit .vehicleNumberDetailBox {
    display: none;
    padding: 35px 0 15px
}

.seasonalParkingPermit .vehicleNumbersearchBox {
    margin: 25px 0;
    width: 100%
}

.seasonalParkingPermit .vehicleNumbersearchBox a,
.seasonalParkingPermit .vehicleNumbersearchBox button {
    padding: 14px 39px !important;
    display: inline-block;
    height: 50px;
    text-align: center;
    color: #fff !important;
    background: #f62400 !important;
    border: 0 !important
}

.seasonalParkingPermit .vehicleSearchBox {
    padding: 0;
    margin-bottom: 30px
}

.seasonalParkingPermit .vehicleSearchBox p {
    font-size: 16px;
    color: #53565a
}

.platesList {
    margin-top: 30px
}

.platesList .owl-item {
    border-radius: 2px;
    border: solid 1px #eaeaea;
    padding: 12px 8px;
    text-align: center
}

.platesList .owl-item .plateNumber {
    border-radius: 6px;
    border: solid 2px #1c1819;
    background-color: #fff;
    padding: 7px;
    display: inline-block
}

.platesList .owl-item .plateNumber span.name {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #211f20;
    float: left;
    height: 26px;
    width: 26px;
    overflow: hidden;
    text-align: center
}

.valid.smart-step_open {
    background-image: none !important
}

.platesList .owl-item .plateNumber span.numberPLate {
    float: left;
    width: 30px;
    height: 26px;
    text-align: center;
    height: 26px;
    line-height: 27px
}

.platesList .owl-item .plateNumber span.numberPLate img {
    max-width: 76%;
    height: auto;
    line-height: 30px;
    display: inline-block
}

.platesList .owl-item .plateNumber span.plateNumberLetter {
    font-size: 14px !important;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: .6px;
    color: #211f20;
    float: left;
    height: 26px;
    width: 56px;
    overflow: hidden;
    text-align: right
}

.platesList .owl-item .plateNumber span.plateNumberLetter.exactNumber {
    font-size: 17px;
    line-height: 32px;
    text-align: center
}

.platesList .owl-item .numberPLateAction {
    margin-top: 18px
}

.platesList .owl-item .numberPLateAction a {
    background: #ececec;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #53565a;
    width: 100%;
    height: 42px;
    display: inline-block;
    line-height: 45px;
    text-decoration: none
}

.platesList .owl-item .numberPLateAction a span.addPlate {
    display: inline-block;
    line-height: 20px
}

.platesList .owl-item .numberPLateAction a .addedPlate {
    display: none
}

.platesList .owl-item .numberPLateAction a.added .addPlate {
    display: none
}

.platesList .owl-item .numberPLateAction a.added .addedPlate {
    display: inline-block;
    line-height: 20px
}

.smart-body .error.form-control {
    border-bottom: 2px solid #f30000 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0
}

.smart-body label.error {
    padding-left: 0
}

.platesList .owl-item .numberPLateAction a.added {
    background: #e00;
    color: #fff
}

.platesList .owl-item .numberPLateAction a:hover {
    background: #e00;
    color: #fff
}

.platesList .owl-dots {
    height: 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 15px
}

.platesList .owl-dots button.owl-dot {
    width: 8px;
    height: 8px;
    background-color: #cacaca;
    border-radius: 10px;
    margin: 0 2.5px
}

.platesList .owl-dots button.active {
    background: #1c188e !important
}

.platesList .owl-nav {
    display: none
}

.addNewNumberPlate {
    padding: 30px 0 15px
}

.m-t-0 {
    margin-top: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-t-5 {
    margin-top: 5px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-t-35 {
    margin-top: 35px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.m-t-45 {
    margin-top: 45px !important
}

.m-t-50 {
    margin-top: 50px !important
}

.m-t-55 {
    margin-top: 55px !important
}

.m-t-60 {
    margin-top: 60px !important
}

.box_wrap .form-control.error {
    border-bottom: 2px solid red !important;
    margin: 5px 0 10px !important
}

.box_wrap .form-control {
    margin-top: 5px !important
}

.seasonalParkingPermit .vehicleNumberBox.parkingCategoryBox ul li span.vehicleNumberText {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000
}

.seasonalParkingPermit .vehicleNumberBox.parkingCategoryBox ul li span.vehicleNumberText small {
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #000;
    width: 88%;
    padding-right: 12%;
    display: inline-block;
    margin-top: 15px
}

.parkingCategoryDetailBox {
    border-top: 1px solid rgba(0, 0, 0, .08);
    display: inline-block;
    padding-bottom: 35px;
    width: 100%
}

.parkingCategoryDetailBox .discr {
    padding: 35px 0 20px
}

.ck-button {
    margin: 4px;
    background-color: #efefef;
    border-radius: 0;
    border: 1px solid transparent;
    overflow: auto;
    float: left;
    cursor: pointer
}

.ck-button label {
    float: left;
    width: auto
}

.ck-button label span {
    text-align: center;
    padding: 3px 0;
    display: block;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #53565a;
    padding: 10.5px 39.411px;
    cursor: pointer
}

.ck-button label input {
    position: absolute;
    top: -20px;
    visibility: hidden
}

.ck-button input:hover+span {
    background-color: #ee00004d;
    padding: 10.5px 39.411px
}

.ck-button input:checked+span {
    background-color: #e00;
    color: #fff;
    padding: 10.5px 39.411px
}

.ck-button input:checked:hover+span {
    background-color: #e00;
    color: #fff;
    padding: 10.5px 39.411px
}

.parkingCartBtn .btn {
    padding: 10px 39px !important;
    cursor: pointer;
    color: #fff;
    background: #e60202;
    -webkit-transition: background .45s;
    -moz-transition: background .45s;
    -o-transition: background .45s;
    transition: background .45s;
    border-radius: 0;
    font-weight: 700;
    font-size: 20px
}

.parkingCartBasket {
    margin-left: 45px !important;
    margin-bottom: 60px;
    display: inline-block
}

.parkingCartBasket .basketBtn {
    background: #1b0f92;
    padding: 12px;
    width: 100%;
    display: inline-block;
    text-decoration: none;
    text-align: center
}

.parkingCartBasket .basketBtn span.btnImg {
    margin-right: 10px
}

.parkingCartBasket .basketBtn span.btnImg img {
    max-width: 100%
}

.parkingCartBasket .basketBtn span.btnText {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff
}

.parkingCartBasket a.basketBtn .cartItem {
    margin-left: 5px
}

.btnCartBox span.cartHeading {
    background: #f4f8fd;
    padding: 10px 15px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1d1d91
}

.btnCartBox p {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #000;
    padding: 10px 10px 15px
}

.btnCartBox ul.parkingCartList li div.plateNumber {
    border: solid 2px #1c1819;
    border-radius: 4px;
    padding: 7px 15px 2px;
    display: inline-block;
    font-weight: 700;
    float: right
}

.valid .ss-header {
    width: 100% !important
}

.plateSelected {
    cursor: not-allowed
}

.btnCartBox ul.parkingCartList li span.numberPLate {
    width: 34px;
    display: inline-block;
    margin: 0 2px
}

.btnCartBox ul.parkingCartList li span.numberPLate img {
    max-width: 100%
}

.btnCartBox ul.parkingCartList li {
    border-top: 2px solid rgba(0, 0, 0, .04);
    padding: 10px 10px;
    float: left;
    width: 100%
}

.btnCartBox ul.parkingCartList li .price {
    float: right;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    line-height: 28px;
    margin: 0 10px;
    width: 130px
}

.btnCartBox ul.parkingCartList li .delCart {
    float: left;
    width: 12px;
    line-height: 28px
}

.btnCartBox ul.parkingCartList li .delCart img {
    width: 16px
}

.btnCartBox ul.parkingCartList li.totalCart {
    padding: 14px 10px 20px
}

.btnCartBox ul.parkingCartList li.totalCart .totalItem {
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    width: 80%;
    float: right;
    text-align: right
}

.btnCartBox ul.parkingCartList li.totalCart .totalItemPrice {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #f62302;
    width: 20%;
    float: left;
    text-align: left
}

.btnCartBox .confirmBtn {
    width: 100%;
    background: #e00;
    padding: 12px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

.btnCartBox .confirmBtn:hover {
    background: #1b0f92
}

#parkingDate.parkingCategoryDetailBox {
    padding-bottom: 0;
    padding-top: 40px;
    margin-top: 40px
}

.p-l-15 {
    padding-left: 15px !important
}

.mainBtn button {
    background: #e00;
    border: 0;
    color: #fff;
    padding: 14px 39px !important;
    font-size: 18px;
    bottom: 15px;
    padding: 10px 39px !important;
    cursor: pointer;
    color: #fff;
    background: #e60202;
    -webkit-transition: background .45s;
    -moz-transition: background .45s;
    -o-transition: background .45s;
    transition: background .45s;
    border-radius: 0;
    font-weight: 700;
    font-size: 20px
}

.numberPLateAction .plateSelected .selectedplate {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    height: 42px;
    background: #e00;
    width: 100%
}

.numberPLateAction .plateSelected .addPlate {
    display: none !important
}

.numberPLateAction .selectedplate {
    display: none
}

.numberPLateAction .addPlate {
    display: inline-block
}

.abcdBox,
.bdBox {
    display: inline-block;
    width: 100%
}

.confirmationVehicleList .confirmationVehicleBox .heading {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%
}

.confirmationVehicleList .confirmationVehicleBox .heading h4 {
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #525659;
    margin-bottom: 0
}

.ForHide {
    display: none
}

#playList .owl-item {
    margin-bottom: 15px
}

#playList .col-sm-4 {
    padding: 0 8px
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo {
    margin-bottom: 20px;
    border: solid 1px #d9d9d9;
    padding: 17px 20px 16px 14px;
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 340px
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleHeader {
    margin-bottom: 20px
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleHeader img {
    max-width: 90%
}

.rtaBasketLogo {
    width: 200px
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehicleCode {
    width: 30%;
    float: right;
    text-align: right
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehicleCode span {
    font-size: 133px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: red
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehiclePlate {
    width: 40%;
    text-align: center;
    float: right
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehiclePlate .plateNumber {
    border-radius: 6px;
    border: solid 2px #1c1819;
    background-color: #fff;
    padding: 7px;
    display: inline-block;
    min-width: 162px;
    margin-bottom: 5px;
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehiclePlate .plateNumber .name {
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehiclePlate .plateNumber .numberPLate {
    width: 50px;
    display: inline-block;
    vertical-align: top
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehiclePlate .plateNumber .numberPLate img {
    width: 35px
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehiclePlate .plateNumber .plateNumberLetter {
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehicleType {
    width: 30%;
    text-align: right;
    float: right
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehicleType {
    border: 2px dashed #c5c5c5;
    padding: 78px 0;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
    display: inline-block;
    width: 118px;
    float: left;
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter {
    position: absolute;
    bottom: 20px
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter .plateIssueDate {
    float: left;
    width: 120px;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
    margin-right: 45px;
    margin-left: 35px
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter .date-box {
    display: inline-block;
    width: 100%
}

.confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter .plateExpiryDate {
    float: left;
    width: 120px;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a
}

.confirmPaymentInfo .heading {
    background-color: #f4f8fd;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1c188f;
    padding: 27px 25px;
    margin-left: 0;
    margin-right: 0
}

.confirmPaymentInfo {
    margin: 0
}

.paymentList {
    margin: 0 25px
}

.paymentList li .parkingName {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1c188f;
    float: right;
    width: 77%
}

.paymentList li .parkingPayment {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    width: 23%;
    float: right
}

.paymentList li {
    padding: 31px 0 25px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    display: inline-block;
    width: 100%
}

ul.userDetailRecap {
    padding: 0 25px
}

.userDetailRecap .heading {
    padding: 40px 25px 24px;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1c188f;
    background: 0 0
}

.userDetailRecap ul.userDetailRecap li {
    width: 100%;
    padding: 0 30px 10px;
    text-align: right;
    position: relative
}

.userDetailRecap ul.userDetailRecap li .label {
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    display: inline-block;
    width: 100%;
    padding: 0;
    text-align: right;
    border: 0
}

.userDetailRecap ul.userDetailRecap li .userInfo {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1c188f;
    display: inline-block;
    width: 100%
}

.userDetailRecap ul.userDetailRecap li:before {
    background: url(../../img/listIcon.svg) no-repeat;
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 0;
    background-position: right top;
    transform: rotate(-180deg);
}

.paymentList.lastLi ul li p {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    line-height: 22px;
    margin-bottom: 0
}

.paymentList.lastLi ul li {
    padding-top: 14px;
    padding-bottom: 13px;
    border-top: 1px solid rgba(0, 0, 0, .08);
    margin-top: 10px
}

.terms-condition-section.tajeer_term {
    padding: 25px;
    overflow: hidden
}

.smart-step_4 .totalCartPaymentBox {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-top: 20px solid #f7f7f7;
    display: block;
    width: auto;
    padding: 21px 25px 0;
    float: none;
    margin: 0 -30px;
    overflow: hidden
}

.smart-body .smart-step_4 .smart-step__body {
    padding: 20px 30px 10px;
    overflow: hidden
}

.totalCartPaymentBoxInner .totalCartPaymentBoxInner {
    overflow: hidden
}

.terms-condition .content strong {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #1b0e92
}

.paymentList.lastLi ul li .parkingName {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1c188f;
    width: auto;
    padding-left: 10px;
    padding-right: 20px
}

p.termsCondition,
p.termsCondition a {
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000
}

p.termsCondition a {
    text-decoration: underline
}

.paymentTermsConditionSection .custom-switch {
    float: right;
    margin-top: -16px
}

.totalCartPaymentBox {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-top: 20px solid #f7f7f7;
    display: inline-block;
    width: 100%;
    padding: 21px 25px;
    float: left
}

.totalCartPaymentBox .totalText {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    float: right
}

.totalCartPaymentBox .totalPayment {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #f62400;
    float: left
}

.topHeadingSection {
    border-top: 1px solid #dfdfdf;
    padding-top: 30px;
    width: 90%;
    padding-bottom: 45px;
    display: inline-block
}

.topHeadingSection h1 {
    font-size: 34px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.4px;
    color: #1b0f92;
    width: 90%;
    float: right
}

.topHeadingSection img.successfullIcon {
    max-width: 100%
}

.topHeadingSectionIcon {
    float: right;
    text-align: center;
    width: 10%
}

.successfullPayemntBox {
    position: relative;
    background: #f7f7f7;
    padding: 30px 30px;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

.successfullPayemntBoxInner {
    background: #fff
}

.successfullPayemntBoxInner .headerBox {
    background: #1b0f92;
    padding: 25px
}

.successfullPayemntBoxInner .headerBox .paymentSMHeading {
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px
}

.successfullPayemntBoxInner .headerBox .paymentmdHeading {
    font-family: RTA;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    width: 100%;
    display: inline-block
}

.successfullPayemntBoxInner .permitBox {
    padding: 25px
}

.successfullPayemntBoxInner .permitBox h2 {
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    padding-bottom: 18px;
    padding-top: 10px
}

.successfullPayemntBoxInner .permitBox .confirmationVehicleList {
    margin-top: 60px
}

.successfullPayemntBoxInner .permitBox .userInfoList li {
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
    position: relative;
    padding-right: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    padding-bottom: 20px
}

.successfullPayemntBoxInner .permitBox .userInfoList li:before {
    background: url(../../img/listIcon.svg) no-repeat;
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: -10px;
    top: -15px;
    background-position: right top;
    transform: rotate(-180deg);
}

.successfullPayemntBoxInner .permitBox .userInfoList li:last-child {
    border-bottom: 0;
    padding-left: 0;
    padding-top: 30px
}

.successfullPayemntBoxInner .permitBox .userInfoList li:last-child:before {
    display: none
}

.successfullPayemntBoxInner .permitBox .userInfoList li .totalText {
    float: right;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000
}

.successfullPayemntBoxInner .permitBox .userInfoList li .totalPrice {
    float: left;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #f62400
}

.downloadReceipt {
    background: #fff;
    padding: 18px 20px;
    margin-top: 30px;
    display: inline-block;
    width: 100%
}

.downloadReceipt .firstIcon {
    width: 60px;
    float: right
}

.downloadReceipt .firstIcon img {
    max-width: 100%;
    width: 35px
}

.downloadReceipt .heading {
    width: calc(100% - 150px);
    float: right
}

.downloadReceipt .heading h3 {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    margin-bottom: 5px
}

.downloadReceipt .heading h4 {
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    font-family: RTA, "Helvetica Neue", Helvetica, Arial, sans-serif !important
}

.downloadReceipt .lastIcon {
    width: 38px;
    float: right;
    margin-right: 30px;
    margin-top: 7px
}

.downloadReceipt .lastIcon img {
    max-width: 100%
}

.questionBox h3 {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1c188f;
    margin-bottom: 5px
}

.questionBox p {
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000
}

.questionBox {
    padding: 20px 30px;
    background-color: #f7f7f7;
    margin: 0 30px
}

.exploringBox {
    margin: 30px;
    padding: 30px
}

.exploringBox h2 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1c188f;
    margin-bottom: 5px
}

.exploringBox p {
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000
}

.exploringBox ul {
    margin-top: 30px;
    border-bottom: solid 1px #dfdfdf;
    float: left
}

.exploringBox ul li {
    border-top: solid 1px #dfdfdf;
    padding-top: 30px;
    padding-bottom: 30px;
    display: inline-block;
    width: 100%
}

.exploringBox ul li .iconBox {
    width: 45px;
    float: right;
    height: 50px
}

.exploringBox ul li .iconBox img {
    max-width: 100%;
    float: right
}

.exploringBox ul li h4 {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
    margin-bottom: 10px
}

.exploringBox ul li p {
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000
}

.exploringBox ul li.listWithPermit .leftBox {
    width: 70%;
    float: right
}

.exploringBox ul li.listWithPermit .rightBox {
    float: left
}

.exploringBox ul li.listWithPermit .rightBox .plateNumber {
    padding: 8px 10px 6px;
    border: solid 1px #e8e8e8;
    display: inline-block;
    border-radius: 4px;
    margin-top: 10px
}

.lookingSomethingElse {
    display: inline-block;
    margin-left: 30px;
    padding: 30px
}

.lookingSomethingElse h4 {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000
}

.lookingSomethingElse ul {
    margin-top: 20px
}

.lookingSomethingElse ul li {
    padding-right: 20px;
    margin-left: 30px;
    float: right;
    position: relative;
    line-height: 40px;
    font-size: 12px;
}

.lookingSomethingElse ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 6px;
    top: 15px;
    position: absolute;
    background: #1c188f;
    display: inline-block;
    right: 0
}

.completeStep legend {
    position: relative
}

.completeStep legend:before {
    position: absolute;
    right: 25px;
    background: url(../../img/tick.png) no-repeat;
    width: 46px;
    height: 46px;
    margin-top: 7px;
    display: inline-block;
    content: ""
}

.steps legend:before {
    display: none
}

.box-long {
    cursor: pointer
}

.box-long a {
    outline: 0;
    text-decoration: none
}

.permitSelect .btn-sele {
    background: #f9715a
}

.permitSelect1 .btn-sele {
    background: #f9715a
}

.btn-sele span.aco {
    display: none
}

.permitSelect .btn-sele span.aco {
    display: block
}

.permitSelect .btn-sele span.simp {
    display: none
}

.permitSelect1 .btn-sele span.aco {
    display: block
}

.permitSelect1 .btn-sele span.simp {
    display: none
}

.showBasket {
    display: block !important
}

.parkingCartBasket {
    width: calc(100% - 0px);
    position: fixed;
    right: auto;
    background: #fff;
    z-index: 99;
    top: 306px;
    margin-left: 0 !important;
    margin-bottom: 60px;
    display: inline-block;
    max-width: 330px;
    left: 100px;
    z-index: 99999
}

.parkingCartBasket.fixed-cart {
    top: 76px
}

.input-group.date .input-group-addon {
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 0;
    z-index: 9;
    border: none
}

#DeafTranslate>a {
    background: url(https://mindrocketsinc.com/api/imgs/deaficon.png) right 5px center no-repeat;
    background-size: 15%
}

.mr-deaf:hover {
    background: #fff;
    width: 110px
}

#DeafTranslate>a:hover {
    background: url(https://mindrocketsinc.com/api/imgs/deaficone00.png) right 5px center no-repeat;
    background-size: 15%
}

.mr-deaf {
    width: 110px
}

.vehicleSearchBoxInner .control-label-til {
    color: #1b0e92;
    font-weight: 600
}

.margin-bottom-till {
    color: #1b0e92;
    font-weight: 600
}

.margin-bottom-till {
    margin-bottom: 20px
}

#searchVehicleForm2 {
    padding: 0 15px
}

.vehicleSearchBoxInner .platesList {
    padding: 0 15px
}

.nextStepBtn2 a.smart-step_load {
    margin-left: 4px;
}

@media screen,
print {
    .printCssBreak {
        page-break-after: always
    }

    .printCssBreak .form-container .form-label {
        font-size: 16px
    }
}

.blind-color .mainBtn button,
.blind-color .platesList .owl-item .numberPLateAction a {
    background: #fff !important;
    color: #000 !important
}

.blind-color .platesList .owl-item .numberPLateAction a span {
    background: 0 0 !important;
    color: #000 !important
}

.blind-color .seasonalParkingPermit .vehicleNumbersearchBox a,
.blind-color .seasonalParkingPermit .vehicleNumbersearchBox button {
    background: #fff !important;
    color: #000 !important
}

.blind-color .platesList .owl-dots button.active {
    background: #6a6a71 !important
}

.blind-color .box_wrap .form-control.error {
    border-bottom: 2px solid #6a6a71 !important
}

.blind-color .totalCartPaymentBox {
    border-color: #000 !important
}

.blind-color .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter .plateExpiryDate {
    color: #fff !important
}

.blind-color .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter .plateIssueDate {
    color: #fff !important
}

.blind-color .paymentList li .parkingName {
    color: #fff !important
}

.blind-color .paymentList li .parkingPayment {
    color: #fff !important
}

.blind-color .btnCartBox ul.parkingCartList li div *,
.blind-color .btnCartBox ul.parkingCartList li.totalCart *,
.blind-color .userDetailRecap ul.userDetailRecap li .label {
    background: 0 0 !important
}

.blind-color .userDetailRecap ul.userDetailRecap li span {
    background: 0 0 !important
}

.blind-color .seasonalParkingPermit .vehicleNumberBox.parkingCategoryBox ul li span.vehicleNumberText small {
    color: #fff
}

.blind-color .parkingCartBasket .basketBtn {
    border: 1px solid #fff
}

.blind-color .paymentList.lastLi ul li .parkingName {
    color: #fff
}

.blind-green .seasonalParkingPermit .vehicleNumberBox ul li,
.blind-green .seasonalParkingPermit .vehicleNumberBox ul li a,
.blind-green .seasonalParkingPermit .vehicleNumberBox ul li span.vehicleNumberIconBox,
.blind-green .seasonalParkingPermit .vehicleNumberBox ul li span.vehicleNumberText {
    background: 0 0 !important
}

.blind-green .seasonalParkingPermit .vehicleSearchBox .form-label {
    color: #fff
}

.blind-green .mainBtn button,
.blind-green .platesList .owl-item .numberPLateAction a {
    background: #fff !important;
    color: #000 !important
}

.blind-green .platesList .owl-item .numberPLateAction a span {
    background: 0 0 !important;
    color: #000 !important
}

.blind-green .seasonalParkingPermit .vehicleNumbersearchBox a,
.blind-green .seasonalParkingPermit .vehicleNumbersearchBox button {
    background: #fff !important;
    color: #000 !important
}

.blind-green .platesList .owl-dots button.active {
    background: #6a6a71 !important
}

.blind-green .box_wrap .form-control.error {
    border-bottom: 2px solid #6a6a71 !important
}

.blind-green .totalCartPaymentBox {
    border-color: #3a5796 !important
}

.blind-green .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter .plateExpiryDate {
    color: #fff !important
}

.blind-green .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter .plateIssueDate {
    color: #fff !important
}

.blind-green .paymentList li .parkingName {
    color: #fff !important
}

.blind-green .paymentList li .parkingPayment {
    color: #fff !important
}

.blind-green .btnCartBox ul.parkingCartList li div *,
.blind-green .btnCartBox ul.parkingCartList li.totalCart *,
.blind-green .userDetailRecap ul.userDetailRecap li .label {
    background: 0 0 !important
}

.blind-green .userDetailRecap ul.userDetailRecap li span {
    background: 0 0 !important
}

.blind-green .seasonalParkingPermit .vehicleNumberBox.parkingCategoryBox ul li span.vehicleNumberText small {
    color: #fff
}

.blind-green .btnCartBox .confirmBtn,
.blind-green .parkingCartBasket .basketBtn {
    border: 1px solid #fff;
    text-decoration: none
}

.blind-green .btnCartBox ul.parkingCartList li .price {
    color: #fff !important
}

.blind-green .paymentList.lastLi ul li .parkingName {
    color: #fff
}

.blind-red .seasonalParkingPermit .vehicleNumberBox.parkingCategoryBox ul li span.vehicleNumberText small {
    color: #ff0
}

.blind-red .platesList .owl-dots button.active {
    background: #ff0 !important
}

.blind-red .seasonalParkingPermit .vehicleSearchBox .form-label {
    color: #ff0 !important
}

.blind-red .platesList .owl-item .numberPLateAction a {
    border: 1px solid #ff0 !important
}

.blind-red .seasonalParkingPermit .vehicleNumbersearchBox a,
.blind-red .seasonalParkingPermit .vehicleNumbersearchBox button {
    color: #000 !important;
    background: #ff0 !important
}

.blind-red .mainBtn button {
    color: #000 !important;
    background: #ff0 !important
}

.blind-red .paymentList.lastLi ul li .parkingName {
    color: #ff0
}

.blind-red .seasonalParkingPermit .vehicleNumberBox ul li span.vehicleNumberText {
    color: #ff0
}

.blind-red .seasonalParkingPermit .vehicleNumbersearchBox a,
.blind-red .seasonalParkingPermit .vehicleNumbersearchBox button {
    background: #ff0 !important;
    color: #000 !important
}

.blind-red .platesList .owl-dots button.active {
    background: #ff0 !important
}

.blind-red .box_wrap .form-control.error {
    border-bottom: 2px solid #ff0 !important
}

.blind-red .totalCartPaymentBox {
    border-color: #000 !important
}

.blind-red .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter .plateExpiryDate {
    color: #ff0 !important
}

.blind-red .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter .plateIssueDate {
    color: #ff0 !important
}

.blind-red .paymentList li .parkingName {
    color: #ff0 !important
}

.blind-red .paymentList li .parkingPayment {
    color: #ff0 !important
}

.blind-red .btnCartBox ul.parkingCartList li div *,
.blind-red .btnCartBox ul.parkingCartList li.totalCart *,
.blind-red .userDetailRecap ul.userDetailRecap li .label {
    background: 0 0 !important
}

.blind-red .userDetailRecap ul.userDetailRecap li span {
    background: 0 0 !important
}

.blind-red .seasonalParkingPermit .vehicleNumberBox.parkingCategoryBox ul li span.vehicleNumberText small {
    color: #ff0
}

.blind-red .parkingCartBasket .basketBtn {
    border: 1px solid #ff0
}

.blind-red .paymentList.lastLi ul li .parkingName {
    color: #ff0
}

.blind-red .btnCartBox ul.parkingCartList li .price {
    color: #ff0
}

.medium .seasonalParkingPermit .vehicleNumberBox ul li span.vehicleNumberText {
    font-size: 17px
}

.large .seasonalParkingPermit .vehicleNumberBox ul li span.vehicleNumberText {
    font-size: 18px
}

.small .seasonalParkingPermit .vehicleNumberBox ul li span.vehicleNumberText {
    font-size: 15px
}

.seasonalParkingPermit .vehicleNumberBox.parkingCategoryBox ul li span.vehicleNumberText small {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.62;
    letter-spacing: normal;
    color: #969696;
    width: 100%;
    padding-right: 4%;
    display: inline-block;
    margin-top: 15px
}

.seasonalParkingPermit .vehicleNumberBox ul li {
    display: inline-block;
    text-align: right;
    width: 47%;
    vertical-align: top
}

.info-in-blue {
    background: #1b0f92;
    padding: 25px 40px 15px;
    margin: 0px
}

.form-container {
    padding: 0
}

.alert a {
    float: left
}

.no-border-c {
    border: none;
    margin-top: 20px
}

.info-in-blue p {
    color: #fff;
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 26px
}

.box-long {
    border: 1px solid #eee;
    padding: 20px
}

.box-long h4 {
    font-size: 16px;
    color: #000;
    line-height: 24px
}

.btn-sele {
    background: #e00;
    color: #fff !important;
    text-align: center;
    border-radius: 0;
    display: block;
    padding: 9px;
    margin-top: 10px
}

.btn-sele:hover {
    background: #1b0f92
}

.fee-data-height {
    background: #f7f7f7;
    padding: 10px;
    margin: 35px 0px 0
}

.fee-amount {
    overflow: hidden
}

.fee-amount {
    overflow: hidden;
    padding: 25px 0 0
}

.fee-amount h4 {
    color: #333;
    float: right;
    font-size: 20px;
    margin-top: 3px;
    margin: 0
}

.terms-condition.tajer_c {
    margin: 5px 25px 30px
}

.smart-body .smart-step_2 .alert {
    padding: 5px 30px;
}

.smart-body .smart-step_2 .smart-step__body {
    padding: 20px 0px 0;
    overflow: visible
}

.smart-step_2 .fee-amount {
    overflow: hidden;
    padding: 12px 30px 8px;
    margin: 0 0px;
}

.smart-body .smart-step_2 .smart-step__box {
    box-shadow: none
}

.smart-body .smart-step_4 .smart-step__box {
    box-shadow: none
}

.fee-amount {
    overflow: hidden;
    padding: 16px 0 0;
    margin: 0 0px
}

.fee-amount h3 {
    color: #f62400;
    float: left;
    margin: 0;
    font-size: 20px;
    display: none
}

.parkingCategoryDetailBox {
    padding-bottom: 0
}

.smart-body a.info-link:focus,
.smart-body a.info-link:hover {
    opacity: 1
}

.info-link:hover .popinfo {
    display: block
}

.popinfo {
    border: 3px solid #c3c3c3;
    padding: 13px 18px;
    position: absolute;
    left: 23px;
    margin-top: 7px;
    z-index: 99;
    min-width: 600px;
    background: #fff;
    display: none
}

.info-link {
    position: relative
}

.pop-left {
    text-align: center;
    display: inline-block;
    padding-left: 15px;
    border-left: 1px solid #eee;
    padding-left: 15px;
    margin-left: 15px
}

.pop-right {
    text-align: center;
    display: inline-block
}

.popinfo ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.popinfo ul li {
    display: inline-block;
    padding: 0 4px
}

.popinfo h3 {
    color: #1b0f92;
    font-size: 15px
}

.loadMoreButton,
.removePlateListItem {
    text-align: center;
    display: inline-block;
    width: 100%
}

.loadMoreButton a,
.removePlateListItem a {
    background: #ececec;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #53565a;
    width: 100%;
    height: 42px;
    padding: 0 50px;
    display: inline-block;
    line-height: 45px;
    width: auto;
    margin-top: 30px;
    margin-bottom: 20px;
    text-decoration: none
}

.loadMoreButton a:hover {
    background: #e00;
    color: #fff
}

.removePlateListItem a:hover {
    background: #e00;
    color: #fff
}

.addNewNumberPlate11Show {
    display: inline-block !important
}

.step1 .btnTheme.nextStepBtn {
    bottom: 18px !important
}

.noteBox {
    padding: 20px 15px;
    background: #f4f8fd;
    font-size: 14px;
    color: #000;
    margin-bottom: 20px
}

.smart-body label.special-label {
    font-size: 1.25em;
    color: #53565a;
    padding-left: 15px;
    margin-top: 2px;
    margin-bottom: 18px
}

.special-label small {
    position: absolute;
    font-size: .675em
}

.form-container .form-label.positionedLabel {
    position: relative;
    top: 0;
    margin-top: -8px
}

.form-container .form-label.positionedLabel small {
    font-size: 12px;
    width: 100%;
    display: inline-block
}

.seasonalParkingPermit .vehicleSearchBox div.form-label {
    display: inline-block;
    color: #1b0e92;
    font-weight: 700;
    font-size: 19px;
    width: 100%;
    padding: 0 0 10px
}

.plateNumbetrRandom input {
    width: 32.5%;
    border: 0;
    margin: 0 1%;
    border-bottom: 2px solid #3d3e41 !important;
    font-size: 20px !important;
    text-align: center;
    color: #000
}

.blind-color .plateNumbetrRandom input {
    margin: 0 0
}

.blind-green .plateNumbetrRandom input {
    margin: 0 0
}

.blind-red .plateNumbetrRandom input {
    margin: 0 0
}

.blind-color .successfullPayemntBoxInner .permitBox .userInfoList li:before {
    background: url(../../img/listIcon-h.svg) no-repeat
}

.blind-green .successfullPayemntBoxInner .permitBox .userInfoList li:before {
    background: url(../../img/listIcon-h.svg) no-repeat
}

.blind-red .successfullPayemntBoxInner .permitBox .userInfoList li:before {
    background: url(../../img/listIcon-h.svg) no-repeat
}

.blind-color .successfullPayemntBoxInner .headerBox {
    border: 1px solid
}

.blind-green .successfullPayemntBoxInner .headerBox {
    border: 1px solid
}

.blind-red .successfullPayemntBoxInner .headerBox {
    border: 1px solid
}

.blind-red .downloadReceipt {
    border: 1px solid
}

.blind-green .downloadReceipt {
    border: 1px solid
}

.blind-color .downloadReceipt {
    border: 1px solid
}

.zero {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    display: none !important
}

.blind-color .icon-svg__check-blue_s16,
.blind-color .smart-body .list-check>li:before {
    background-image: url(../../img/list-arrow-white.png)
}

.blind-green .icon-svg__check-blue_s16,
.blind-green .smart-body .list-check>li:before {
    background-image: url(../../img/list-arrow-white.png)
}

.blind-red .icon-svg__check-blue_s16,
.blind-red .smart-body .list-check>li:before {
    background-image: url(../../img/list-arrow-white.png)
}

.blind-green .smart-body .alert {
    color: #fff
}

.blind-green .smart-body .ss-header__number {
    color: #fff
}

.blind-red .smart-body .alert {
    color: #fff
}

.blind-red .smart-body .ss-header__number {
    color: #fff
}

.blind-green .smart-body .ss-header__description {
    color: #fff
}

.blind-red .smart-body .ss-header__description {
    color: #fff
}

.blind-green .vehicleSearchBoxInner .control-label-til {
    color: #fff
}

.blind-red .vehicleSearchBoxInner .control-label-til {
    color: #fff
}

.blind-color .vehicleSearchBoxInner .control-label-til {
    color: #fff
}

.blind-color .smart-body .error.form-control {
    border-bottom: 2px solid #fff !important
}

.blind-red .smart-body .error.form-control {
    border-bottom: 2px solid #fff !important;
    color: #fff !important
}

.blind-green .smart-body .error.form-control {
    border-bottom: 2px solid #fff !important;
    color: #fff !important
}

.blind-color option {
    color: #fff
}

.blind-red option {
    color: #fff
}

.blind-green option {
    color: #fff
}

.blind-red .smart-body select option {
    color: #fff !important
}

.blind-color .smart-body select option {
    color: #fff !important
}

.blind-green .smart-step__content select.form-control {
    background: url(../../img/select-arrow-blind.png) no-repeat;
    -webkit-appearance: none;
    background-position: center 10px;
    font-size: 13px;
    background-position: center right 1px;
    background-size: 22px;
    padding-right: 23px;
    color: #fff !important
}

.blind-red .form-control {
    border-color: #ff0 !important;
    color: #fff !important
}

.form-color {
    border-color: #fff !important;
    color: #fff !important
}

.form-green {
    border-color: #fff !important;
    color: #fff !important
}

.blind-green .smart-body .btn-danger {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #fff
}

.blind-red .smart-body .btn-danger {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #fff
}

.blind-color .smart-body .btn-danger {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #fff
}

.blind-green .smart-body .btn-danger:hover {
    color: #000 !important;
    background-color: #ececec !important;
    border-color: #fff
}

.blind-red .smart-body .btn-danger:hover {
    color: #000 !important;
    background-color: #ececec !important;
    border-color: #fff
}

.blind-color .smart-body .btn-danger:hover {
    color: #000 !important;
    background-color: #ececec !important;
    border-color: #fff
}

.blind-color .seasonalParkingPermit .vehicleNumbersearchBox button:hover {
    color: #000 !important;
    background-color: #ececec !important;
    border-color: #fff
}

.blind-green .seasonalParkingPermit .vehicleNumbersearchBox button:hover {
    color: #000 !important;
    background-color: #ececec !important;
    border-color: #fff
}

.blind-red .seasonalParkingPermit .vehicleNumbersearchBox button:hover {
    color: #000 !important;
    background-color: #ececec !important;
    border-color: #fff
}

.blind-red .platesList .owl-item .numberPLateAction a.added .addedPlate {
    display: inline-block;
    line-height: 20px;
    background: #000 !important;
    color: #ff0 !important
}

.blind-green .platesList .owl-item .numberPLateAction a.added .addedPlate {
    display: inline-block;
    line-height: 20px;
    background: #fff !important;
    color: #000 !important
}

.blind-color .platesList .owl-item .numberPLateAction a.added .addedPlate {
    display: inline-block;
    line-height: 20px;
    background: #fff !important;
    color: #000 !important
}

.blind-red .smart-step__content select.form-control {
    background: url(../../img/select-arrow-blind.png) no-repeat;
    -webkit-appearance: none;
    background-position: center 10px;
    font-size: 13px;
    background-position: center right 1px;
    background-size: 22px;
    padding-right: 23px;
    color: #fff !important
}

.blind-color .smart-step__content select.form-control {
    background: url(../../img/select-arrow-blind.png) no-repeat;
    -webkit-appearance: none;
    background-position: center 10px;
    font-size: 13px;
    background-position: center right 1px;
    background-size: 22px;
    padding-right: 23px;
    color: #fff !important
}

.blind-color .btn-sele {
    background: #fff !important
}

.blind-red .btn-sele {
    background: #fff !important
}

.blind-green .btn-sele {
    background: #fff !important
}

.blind-color .btn-sele span {
    background: 0 0 !important;
    color: #000 !important
}

.blind-red .btn-sele span {
    background: 0 0 !important;
    color: #000 !important
}

.blind-green .btn-sele span {
    background: 0 0 !important;
    color: #000 !important
}

.blind-green .input-group.date img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: grey;
    -moz-filter: grey;
    filter: grey;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(1) invert(1) brightness(200%);
    filter: grayscale(-22)
}

.blind-red .input-group.date img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: grey;
    -moz-filter: grey;
    filter: grey;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(1) invert(1) brightness(200%);
    filter: grayscale(-22)
}

.blind-color .input-group.date img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: grey;
    -moz-filter: grey;
    filter: grey;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(1) invert(1) brightness(200%);
    filter: grayscale(-22)
}

.blind-green .delCart img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: grey;
    -moz-filter: grey;
    filter: grey;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(1) invert(1) brightness(200%);
    filter: grayscale(-22)
}

.blind-red .delCart img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: grey;
    -moz-filter: grey;
    filter: grey;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(1) invert(1) brightness(200%);
    filter: grayscale(-22)
}

.blind-color .delCart img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: grey;
    -moz-filter: grey;
    filter: grey;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(1) invert(1) brightness(200%);
    filter: grayscale(-22)
}

.blind-green .valid .ss-header {
    width: 100% !important;
    background: 0 0 !important
}

.blind-red .valid .ss-header {
    width: 100% !important;
    background: 0 0 !important
}

.blind-color .valid .ss-header {
    width: 100% !important;
    background: 0 0 !important
}

.blind-green #loadMore {
    background: #fff !important;
    color: #000 !important
}

.blind-red #loadMore {
    background: #fff !important;
    color: #000 !important
}

.blind-color #loadMore {
    background: #fff !important;
    color: #000 !important
}

.blind-green .smart-body .ss-header__body {
    margin-left: 50px;
    background-color: transparent !important
}

.blind-red .smart-body .ss-header__body {
    margin-left: 50px;
    background-color: transparent !important
}

.blind-color .smart-body .ss-header__body {
    margin-left: 50px;
    background-color: transparent !important
}

.blind-green .smart-body .ss-header__description {
    background: 0 0 !important
}

.blind-red .smart-body .ss-header__description {
    background: 0 0 !important
}

.blind-color .smart-body .ss-header__description {
    background: 0 0 !important
}

.smart-step_4 .ss-box-slim {
    padding: 0
}

.blind-color .userDetailRecap ul.userDetailRecap li:before {
    background: url(../../img/arrow-white.png) no-repeat
}

.blind-green .userDetailRecap ul.userDetailRecap li:before {
    background: url(../../img/arrow-white.png) no-repeat
}

.blind-red .userDetailRecap ul.userDetailRecap li:before {
    background: url(../../img/arrow-white.png) no-repeat
}

.btnCartBox {
    display: none !important
}

.open-bas .btnCartBox {
    display: block !important
}

.blind-color .seasonalParkingPermit .vehicleNumberBox ul li a.active span.vehicleNumberIconBox img.inActive {
    display: block;
}

.blind-color .seasonalParkingPermit .vehicleNumberBox ul li a.active span.vehicleNumberIconBox img.active {
    display: none;
}

.applying-card input[type=email].form-control.valid {
    background-image: none;
}

.applying-card input[type=number].form-control.valid {
    background-image: none;
}

.map-block {
    padding: 0 20px;
    margin-top: 50px;
}

.applying-card input[type=email].form-control.valid {
    background-image: none;
}

.applying-card input[type=number].form-control.valid {
    background-image: none;
}

.terms-condition-section .ss-switch {
    margin-top: -60px;
    float: left
}

.terms-condition-section.tajeer_term label {
    padding-left: 0
}

.smart-body .ss-switch input[type="checkbox"]+span:before {
    visibility: visible;
}

@media (max-width:767px) {
    .seasonalParkingPermit .vehicleNumberBox {
        padding: 0 0 25px
    }

    .seasonalParkingPermit .vehicleNumberBox ul li {
        width: 48%
    }

    .box_wrap.applying-card legend i span {
        font-size: 16px;
        width: 100%;
        padding-right: 87px;
        margin-right: 0;
        position: absolute
    }

    .box_wrap.applying-card legend span {
        margin-right: 12px
    }

    .form-container {
        padding: 0
    }

    .seasonalParkingPermit .vehicleSearchBox {
        padding: 0
    }

    .platesList .owl-item {
        padding: 20px 10px;
        margin-bottom: 10px;
        text-align: center
    }

    .info-in-blue {
        padding: 25px 20px 15px
    }

    .box-long {
        padding: 10px;
        text-align: center;
        margin-bottom: 15px
    }

    .parkingCartBtn .btn {
        padding: 10px 10px !important;
        font-size: 13px
    }

    .box_wrap .form-group {
        overflow: hidden
    }

    .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail {
        overflow: hidden
    }

    .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehicleCode {
        width: 100%;
        float: none;
        text-align: center
    }

    .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehiclePlate {
        width: 100%;
        text-align: center;
        float: none
    }

    .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehicleType {
        width: 100%;
        text-align: center;
        float: none
    }

    .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        margin-top: 20px
    }

    .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter .plateIssueDate {
        float: none;
        width: 100%
    }

    .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter .plateExpiryDate {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 15px
    }

    .parkingCartBasket {
        width: 100%
    }

    .parkingCartBasket {
        margin-left: 0 !important;
        margin-bottom: 60px;
        display: inline-block
    }

    .parkingCartBasket {
        width: calc(100% - 0px);
        position: relative;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 9;
        top: 0;
        margin-left: 0 !important;
        margin-bottom: 60px;
        display: inline-block
    }

    .form-container .form-label.positionedLabel {
        margin-top: 0
    }

    .box_wrap.applying-card .valid legend i span {
        width: 80%
    }

    .smart-step_2 .alert {
        padding: 10px 0
    }

    .popinfo {
        right: 0;
        min-width: 100%;
        padding: 13px 0;
        left: -310px;
        text-align: center
    }

    .popinfo ul li {
        padding: 0 4px
    }

    .popinfo ul li img {
        width: 50px
    }

    .pop-left {
        text-align: center;
        display: inline-block;
        padding-right: 15px;
        border-right: none;
        padding-left: 15px;
        margin-right: 15px;
        margin-bottom: 25px
    }

    .info-in-blue {
        margin: 0
    }

    .fee-amount {
        margin: 0
    }

    .smart-body .btn-lg {
        margin-bottom: 10px
    }

    .smart-body .h4,
    .smart-body h4 {
        font-size: 1.025em
    }

    .smart-body .smart-step_4 .smart-step__body {
        padding: 20px 0 10px;
        overflow: hidden
    }

    .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleDetail .confirmationVehicleType {
        margin-top: 15px
    }

    .confirmationVehicleList .confirmationVehicleBox .confirmationVehicleInfo .confirmationVehicleFooter .plateIssueDate {
        margin-left: 0
    }

    .confirmPaymentInfo {
        margin: 0
    }

    .paymentList li .parkingName {
        width: 60%
    }

    .paymentList li .parkingPayment {
        width: 40%
    }

    .terms-condition-section .ss-switch {
        margin-top: -110px;
        float: right
    }

    .smart-step_4 .totalCartPaymentBox {
        margin: 0
    }

    .smart-body .page-header h1 {
        margin: 0;
        font-size: 18px
    }

    .topHeadingSection h1 {
        font-size: 25px;
        margin-bottom: 0
    }

    .successfullPayemntBox {
        padding: 6px 6px
    }

    .successfullPayemntBoxInner .permitBox .userInfoList li .totalText {
        font-size: 16px
    }

    .successfullPayemntBoxInner .permitBox .userInfoList li .totalPrice {
        font-size: 17px
    }

    .questionBox {
        margin: 0
    }

    .exploringBox {
        margin: 0;
        padding: 30px 0
    }

    .lookingSomethingElse {
        margin-left: 0;
        padding: 30px 0
    }
}




/* Cart design update CSS start here */

.parkingCartBasket {
    display: none;
}

.btnCartBox {
    display: none;
}

.btnCartBox em {
    font-style: normal;
    text-align: left;
    float: left;
}

.btnCartBox p img {
    width: 16px;
    float: left;
    margin-left: 5px;
    opacity: .7;
}

.btnCartBox p img:hover {
    opacity: 1;
}

.btnCartBox p {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #000;
    padding: 14px 16px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .09);
}

.btnCartBox p b {
    font-size: 16px;
}

.btnCartBox ul.parkingCartList li {
    border-top: none;
}

.btnCartBox ul.parkingCartList li div.plateNumber {
    padding: 7px 5px 2px;
}

.btnCartBox ul.parkingCartList li div.plateNumber {
    padding: 10px 5px 10px;
    min-width: 32.533333%;
    font-size: 14px;
}

.btnCartBox ul.parkingCartList li .plateNumber:nth-child(2) {
    margin: 0 4px;
}

.parkingCartBasket {
    max-width: 365px;
}

.btnCartBox ul.parkingCartList li span.numberPLate {
    width: 20px;
    text-align: center;
}

.parkingCartList {
    overflow: hidden;
    margin: 0 0 5px 0;
}

.borderattach {
    border-top: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.totalAmountDue {
    border-top: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    padding: 15px 10px;
    margin-bottom: 10px;
}

.totalAmountDue span {
    color: #ee0000;
    float: left;
}

.totalAmountDue p {
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

.btn-row {
    padding: 10px;
}

.valid.smart-step_open {
    background-image: none !important;
    background-color: #F7F7F7 !important;
}

.dateCart {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding: 10px;
    font-size: 13px;
}

.dateCart span:last-child {
    float: left;
}

.totalAmountDue p {
    border: none;
}

.parkingCartBasket.open-bas {
    top: 26px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.parkingCartBasket.open-bas.fixed-cart {
    top: 40px;
}

.mCSB_inside>.mCSB_container {
    margin-left: 0 !important;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    margin-left: 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    margin-left: 0;
}

.btnCartBox ul.parkingCartList li div.plateNumber {
    text-align: center;
}

.parkingCartBasket.open-bas a.basketBtn {
    position: relative;
}

.parkingCartBasket.open-bas a.basketBtn::after {
    content: "";
    background: url(https://rta-prototype.netlify.com/services/_assets/images/sprite.svg#cart-btn-empty) no-repeat;
    position: absolute;
    right: 10px;
    top: 14px;
    width: 20px;
    height: 20px;
}

.parkingCartBasket.open-bas {
    top: 270px;
}

.parkingCartBasket.open-bas.fixed-cart {
    top: 87px;
}

@media(max-width:767px) {
    .parkingCartBasket .basketBtn span.btnText {
        font-size: 0px;
    }

    .parkingCartBasket .basketBtn span.btnText span {
        font-size: 16px;
    }

    .parkingCartBasket {
        width: calc(100% - 0px);
        position: fixed;
        left: auto;
        left: 17px;
        background: #fff;
        z-index: 9;
        top: 185px;
        margin-left: 0 !important;
        margin-bottom: 60px;
        display: inline-block;
        z-index: 999;
        max-width: 95px;
        right: auto;
    }

    .parkingCartBasket.open-bas {
        max-width: 100%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .parkingCartBasket.open-bas {
        top: 180px;
    }

    .parkingCartBasket.open-bas.fixed-cart {
        top: 57px;
    }

    .btnCartBox ul.parkingCartList li {
        padding: 10px 4px;
    }

    .btnCartBox ul.parkingCartList li .plateNumber:nth-child(2) {
        margin: 0 2px;
    }

    .btnCartBox ul.parkingCartList li div.plateNumber {
        text-align: center;
        font-size: 12px;
    }
}

/* Cart design update CSS end here */



/* Updated css */

.platesList .owl-item .plateNumber span.name.shamngo {
    width: 48px;
}

.AUH {
    display: none;
}

.AJM {
    display: none;
}

.FUJ {
    display: none;
}

.RAK {
    display: none;
}

.SHJ {
    display: none;
}

.UAQ {
    display: none;
}

.terms-condition {
    background-color: #F7F7F7;
    border: 1px solid #D8D8D8;
    padding: 20px;
    max-height: 300px;
    overflow-y: auto;
    color: #53565A;
    margin-top: 5px;
    margin-bottom: 20px;
    margin: 5px 25px 30px;
}
.content {
    padding: 0;
}
.smart-body .smart-step__body .collapse__body {
    padding-top: 0;
}
.terms-condition .content strong {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #1b0e92;
}
.terms-condition .content p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .3px;
    padding-top: 0;
    margin-top: 0;
    padding: .5rem 0;
    text-align: right !important;
}






/* new update css  */


/* Table css */
@media (min-width:768px) {
    .smart-body .table-block__title {
        padding-top: 0;
        padding-bottom: 0
    }

    .smart-body .table-block__title>span {
        display: table-cell;
        vertical-align: middle;
        height: 60px
    }
}

.smart-body .table-block__value {
    padding-right: 20px;
    text-align: right
}

@media (min-width:768px) {
    .smart-body .table-block {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:768px) {
    .smart-body .table-block__row {
        margin: 0
    }

    .smart-body .table-block__group {
        padding: 0;
        display: block
    }

    .smart-body .table-block__group:after,
    .smart-body .table-block__group:before {
        content: "";
        width: 15px;
        height: 60px;
        position: absolute;
        top: 0;
        background-color: #f4f8fd
    }

    .smart-body .table-block__group:before {
        left: -15px
    }

    .smart-body .table-block__group:after {
        right: -15px
    }

    .smart-body .table-block__group:nth-of-type(odd) .table-block__title,
    .smart-body .table-block__group:nth-of-type(odd) .table-block__value {
        background-color: transparent
    }

    .smart-body .table-block__title,
    .smart-body .table-block__value {
        float: none;
        width: auto;
        padding-left: 15px;
        padding-right: 15px
    }

    .smart-body .table-block__title {
        background-color: #f4f8fd !important;
        overflow: hidden
    }

    .smart-body .table-block__value {
        text-align: left
    }
}

.smart-body .table-block+.alert {
    margin-top: -20px;
    border-top: 0 none
}

@media (min-width:1200px) {
    .smart-body .row-24>.col-lg-1 {
        width: 4.1666666667% !important
    }

    .smart-body .row-24>.col-lg-2 {
        width: 8.3333333333% !important
    }

    .smart-body .row-24>.col-lg-3 {
        width: 12.5% !important
    }

    .smart-body .row-24>.col-lg-4 {
        width: 16.6666666667% !important
    }

    .smart-body .row-24>.col-lg-5 {
        width: 20.8333333333% !important
    }

    .smart-body .row-24>.col-lg-6 {
        width: 25% !important
    }

    .smart-body .row-24>.col-lg-7 {
        width: 29.1666666667% !important
    }

    .smart-body .row-24>.col-lg-8 {
        width: 33.3333333333% !important
    }

    .smart-body .row-24>.col-lg-9 {
        width: 37.5% !important
    }

    .smart-body .row-24>.col-lg-10 {
        width: 41.6666666667% !important
    }

    .smart-body .row-24>.col-lg-11 {
        width: 45.8333333333% !important
    }

    .smart-body .row-24>.col-lg-12 {
        width: 50% !important
    }

    .smart-body .row-24>.col-lg-13 {
        width: 54.1666666667% !important
    }

    .smart-body .row-24>.col-lg-14 {
        width: 58.3333333333% !important
    }

    .smart-body .row-24>.col-lg-15 {
        width: 62.5% !important
    }

    .smart-body .row-24>.col-lg-16 {
        width: 66.6666666667% !important
    }

    .smart-body .row-24>.col-lg-17 {
        width: 70.8333333333% !important
    }

    .smart-body .row-24>.col-lg-18 {
        width: 75% !important
    }

    .smart-body .row-24>.col-lg-19 {
        width: 79.1666666667% !important
    }

    .smart-body .row-24>.col-lg-20 {
        width: 83.3333333333% !important
    }

    .smart-body .row-24>.col-lg-21 {
        width: 87.5% !important
    }

    .smart-body .row-24>.col-lg-22 {
        width: 91.6666666667% !important
    }

    .smart-body .row-24>.col-lg-23 {
        width: 95.8333333333% !important
    }

    .smart-body .row-24>.col-lg-24 {
        width: 100% !important
    }

    .smart-body .row-24 .col-lg-1,
    .smart-body .row-24 .col-lg-10,
    .smart-body .row-24 .col-lg-11,
    .smart-body .row-24 .col-lg-12,
    .smart-body .row-24 .col-lg-13,
    .smart-body .row-24 .col-lg-14,
    .smart-body .row-24 .col-lg-15,
    .smart-body .row-24 .col-lg-16,
    .smart-body .row-24 .col-lg-17,
    .smart-body .row-24 .col-lg-18,
    .smart-body .row-24 .col-lg-19,
    .smart-body .row-24 .col-lg-2,
    .smart-body .row-24 .col-lg-20,
    .smart-body .row-24 .col-lg-21,
    .smart-body .row-24 .col-lg-22,
    .smart-body .row-24 .col-lg-23,
    .smart-body .row-24 .col-lg-24,
    .smart-body .row-24 .col-lg-3,
    .smart-body .row-24 .col-lg-4,
    .smart-body .row-24 .col-lg-5,
    .smart-body .row-24 .col-lg-6,
    .smart-body .row-24 .col-lg-7,
    .smart-body .row-24 .col-lg-8,
    .smart-body .row-24 .col-lg-9 {
        float: left
    }

    .smart-body .row-24>.col-lg-pull-0 {
        right: auto
    }

    .smart-body .row-24>.col-lg-pull-1 {
        right: 4.1666666667%
    }

    .smart-body .row-24>.col-lg-pull-2 {
        right: 8.3333333333%
    }

    .smart-body .row-24>.col-lg-pull-3 {
        right: 12.5%
    }

    .smart-body .row-24>.col-lg-pull-4 {
        right: 16.6666666667%
    }

    .smart-body .row-24>.col-lg-pull-5 {
        right: 20.8333333333%
    }

    .smart-body .row-24>.col-lg-pull-6 {
        right: 25%
    }

    .smart-body .row-24>.col-lg-pull-7 {
        right: 29.1666666667%
    }

    .smart-body .row-24>.col-lg-pull-8 {
        right: 33.3333333333%
    }

    .smart-body .row-24>.col-lg-pull-9 {
        right: 37.5%
    }

    .smart-body .row-24>.col-lg-pull-10 {
        right: 41.6666666667%
    }

    .smart-body .row-24>.col-lg-pull-11 {
        right: 45.8333333333%
    }

    .smart-body .row-24>.col-lg-pull-12 {
        right: 50%
    }

    .smart-body .row-24>.col-lg-pull-13 {
        right: 54.1666666667%
    }

    .smart-body .row-24>.col-lg-pull-14 {
        right: 58.3333333333%
    }

    .smart-body .row-24>.col-lg-pull-15 {
        right: 62.5%
    }

    .smart-body .row-24>.col-lg-pull-16 {
        right: 66.6666666667%
    }

    .smart-body .row-24>.col-lg-pull-17 {
        right: 70.8333333333%
    }

    .smart-body .row-24>.col-lg-pull-18 {
        right: 75%
    }

    .smart-body .row-24>.col-lg-pull-19 {
        right: 79.1666666667%
    }

    .smart-body .row-24>.col-lg-pull-20 {
        right: 83.3333333333%
    }

    .smart-body .row-24>.col-lg-pull-21 {
        right: 87.5%
    }

    .smart-body .row-24>.col-lg-pull-22 {
        right: 91.6666666667%
    }

    .smart-body .row-24>.col-lg-pull-23 {
        right: 95.8333333333%
    }

    .smart-body .row-24>.col-lg-pull-24 {
        right: 100%
    }

    .smart-body .row-24>.col-lg-push-0 {
        left: auto
    }

    .smart-body .row-24>.col-lg-push-1 {
        left: 4.1666666667%
    }

    .smart-body .row-24>.col-lg-push-2 {
        left: 8.3333333333%
    }

    .smart-body .row-24>.col-lg-push-3 {
        left: 12.5%
    }

    .smart-body .row-24>.col-lg-push-4 {
        left: 16.6666666667%
    }

    .smart-body .row-24>.col-lg-push-5 {
        left: 20.8333333333%
    }

    .smart-body .row-24>.col-lg-push-6 {
        left: 25%
    }

    .smart-body .row-24>.col-lg-push-7 {
        left: 29.1666666667%
    }

    .smart-body .row-24>.col-lg-push-8 {
        left: 33.3333333333%
    }

    .smart-body .row-24>.col-lg-push-9 {
        left: 37.5%
    }

    .smart-body .row-24>.col-lg-push-10 {
        left: 41.6666666667%
    }

    .smart-body .row-24>.col-lg-push-11 {
        left: 45.8333333333%
    }

    .smart-body .row-24>.col-lg-push-12 {
        left: 50%
    }

    .smart-body .row-24>.col-lg-push-13 {
        left: 54.1666666667%
    }

    .smart-body .row-24>.col-lg-push-14 {
        left: 58.3333333333%
    }

    .smart-body .row-24>.col-lg-push-15 {
        left: 62.5%
    }

    .smart-body .row-24>.col-lg-push-16 {
        left: 66.6666666667%
    }

    .smart-body .row-24>.col-lg-push-17 {
        left: 70.8333333333%
    }

    .smart-body .row-24>.col-lg-push-18 {
        left: 75%
    }

    .smart-body .row-24>.col-lg-push-19 {
        left: 79.1666666667%
    }

    .smart-body .row-24>.col-lg-push-20 {
        left: 83.3333333333%
    }

    .smart-body .row-24>.col-lg-push-21 {
        left: 87.5%
    }

    .smart-body .row-24>.col-lg-push-22 {
        left: 91.6666666667%
    }

    .smart-body .row-24>.col-lg-push-23 {
        left: 95.8333333333%
    }

    .smart-body .row-24>.col-lg-push-24 {
        left: 100%
    }

    .smart-body .row-24>.col-lg-offset-0 {
        margin-left: 0
    }

    .smart-body .row-24>.col-lg-offset-1 {
        margin-left: 4.1666666667%
    }

    .smart-body .row-24>.col-lg-offset-2 {
        margin-left: 8.3333333333%
    }

    .smart-body .row-24>.col-lg-offset-3 {
        margin-left: 12.5%
    }

    .smart-body .row-24>.col-lg-offset-4 {
        margin-left: 16.6666666667%
    }

    .smart-body .row-24>.col-lg-offset-5 {
        margin-left: 20.8333333333%
    }

    .smart-body .row-24>.col-lg-offset-6 {
        margin-left: 25%
    }

    .smart-body .row-24>.col-lg-offset-7 {
        margin-left: 29.1666666667%
    }

    .smart-body .row-24>.col-lg-offset-8 {
        margin-left: 33.3333333333%
    }

    .smart-body .row-24>.col-lg-offset-9 {
        margin-left: 37.5%
    }

    .smart-body .row-24>.col-lg-offset-10 {
        margin-left: 41.6666666667%
    }

    .smart-body .row-24>.col-lg-offset-11 {
        margin-left: 45.8333333333%
    }

    .smart-body .row-24>.col-lg-offset-12 {
        margin-left: 50%
    }

    .smart-body .row-24>.col-lg-offset-13 {
        margin-left: 54.1666666667%
    }

    .smart-body .row-24>.col-lg-offset-14 {
        margin-left: 58.3333333333%
    }

    .smart-body .row-24>.col-lg-offset-15 {
        margin-left: 62.5%
    }

    .smart-body .row-24>.col-lg-offset-16 {
        margin-left: 66.6666666667%
    }

    .smart-body .row-24>.col-lg-offset-17 {
        margin-left: 70.8333333333%
    }

    .smart-body .row-24>.col-lg-offset-18 {
        margin-left: 75%
    }

    .smart-body .row-24>.col-lg-offset-19 {
        margin-left: 79.1666666667%
    }

    .smart-body .row-24>.col-lg-offset-20 {
        margin-left: 83.3333333333%
    }

    .smart-body .row-24>.col-lg-offset-21 {
        margin-left: 87.5%
    }

    .smart-body .row-24>.col-lg-offset-22 {
        margin-left: 91.6666666667%
    }

    .smart-body .row-24>.col-lg-offset-23 {
        margin-left: 95.8333333333%
    }

    .smart-body .row-24>.col-lg-offset-24 {
        margin-left: 100%
    }
}



.smart-body .row-24:after,
.smart-body .row-24:before {
    content: " ";
    display: table
}

.smart-body .row-24:after {
    clear: both
}

.smart-body .row-24>.col-xs-1 {
    width: 4.1666666667% !important
}

.smart-body .row-24>.col-xs-2 {
    width: 8.3333333333% !important
}

.smart-body .row-24>.col-xs-3 {
    width: 12.5% !important
}

.smart-body .row-24>.col-xs-4 {
    width: 16.6666666667% !important
}

.smart-body .row-24>.col-xs-5 {
    width: 20.8333333333% !important
}

.smart-body .row-24>.col-xs-6 {
    width: 25% !important
}

.smart-body .row-24>.col-xs-7 {
    width: 29.1666666667% !important
}

.smart-body .row-24>.col-xs-8 {
    width: 33.3333333333% !important
}

.smart-body .row-24>.col-xs-9 {
    width: 37.5% !important
}

.smart-body .row-24>.col-xs-10 {
    width: 41.6666666667% !important
}

.smart-body .row-24>.col-xs-11 {
    width: 45.8333333333% !important
}

.smart-body .row-24>.col-xs-12 {
    width: 50% !important
}

.smart-body .row-24>.col-xs-13 {
    width: 54.1666666667% !important
}

.smart-body .row-24>.col-xs-14 {
    width: 58.3333333333% !important
}

.smart-body .row-24>.col-xs-15 {
    width: 62.5% !important
}

.smart-body .row-24>.col-xs-16 {
    width: 66.6666666667% !important
}

.smart-body .row-24>.col-xs-17 {
    width: 70.8333333333% !important
}

.smart-body .row-24>.col-xs-18 {
    width: 75% !important
}

.smart-body .row-24>.col-xs-19 {
    width: 79.1666666667% !important
}

.smart-body .row-24>.col-xs-20 {
    width: 83.3333333333% !important
}

.smart-body .row-24>.col-xs-21 {
    width: 87.5% !important
}

.smart-body .row-24>.col-xs-22 {
    width: 91.6666666667% !important
}

.smart-body .row-24>.col-xs-23 {
    width: 95.8333333333% !important
}

.smart-body .row-24>.col-xs-24 {
    width: 100% !important
}

.smart-body .row-24 .col-xs-1,
.smart-body .row-24 .col-xs-10,
.smart-body .row-24 .col-xs-11,
.smart-body .row-24 .col-xs-12,
.smart-body .row-24 .col-xs-13,
.smart-body .row-24 .col-xs-14,
.smart-body .row-24 .col-xs-15,
.smart-body .row-24 .col-xs-16,
.smart-body .row-24 .col-xs-17,
.smart-body .row-24 .col-xs-18,
.smart-body .row-24 .col-xs-19,
.smart-body .row-24 .col-xs-2,
.smart-body .row-24 .col-xs-20,
.smart-body .row-24 .col-xs-21,
.smart-body .row-24 .col-xs-22,
.smart-body .row-24 .col-xs-23,
.smart-body .row-24 .col-xs-24,
.smart-body .row-24 .col-xs-3,
.smart-body .row-24 .col-xs-4,
.smart-body .row-24 .col-xs-5,
.smart-body .row-24 .col-xs-6,
.smart-body .row-24 .col-xs-7,
.smart-body .row-24 .col-xs-8,
.smart-body .row-24 .col-xs-9 {
    float: left
}

.smart-body .row-24>.col-xs-pull-0 {
    right: auto
}

.smart-body .row-24>.col-xs-pull-1 {
    right: 4.1666666667%
}

.smart-body .row-24>.col-xs-pull-2 {
    right: 8.3333333333%
}

.smart-body .row-24>.col-xs-pull-3 {
    right: 12.5%
}

.smart-body .row-24>.col-xs-pull-4 {
    right: 16.6666666667%
}

.smart-body .row-24>.col-xs-pull-5 {
    right: 20.8333333333%
}

.smart-body .row-24>.col-xs-pull-6 {
    right: 25%
}

.smart-body .row-24>.col-xs-pull-7 {
    right: 29.1666666667%
}

.smart-body .row-24>.col-xs-pull-8 {
    right: 33.3333333333%
}

.smart-body .row-24>.col-xs-pull-9 {
    right: 37.5%
}

.smart-body .row-24>.col-xs-pull-10 {
    right: 41.6666666667%
}

.smart-body .row-24>.col-xs-pull-11 {
    right: 45.8333333333%
}

.smart-body .row-24>.col-xs-pull-12 {
    right: 50%
}

.smart-body .row-24>.col-xs-pull-13 {
    right: 54.1666666667%
}

.smart-body .row-24>.col-xs-pull-14 {
    right: 58.3333333333%
}

.smart-body .row-24>.col-xs-pull-15 {
    right: 62.5%
}

.smart-body .row-24>.col-xs-pull-16 {
    right: 66.6666666667%
}

.smart-body .row-24>.col-xs-pull-17 {
    right: 70.8333333333%
}

.smart-body .row-24>.col-xs-pull-18 {
    right: 75%
}

.smart-body .row-24>.col-xs-pull-19 {
    right: 79.1666666667%
}

.smart-body .row-24>.col-xs-pull-20 {
    right: 83.3333333333%
}

.smart-body .row-24>.col-xs-pull-21 {
    right: 87.5%
}

.smart-body .row-24>.col-xs-pull-22 {
    right: 91.6666666667%
}

.smart-body .row-24>.col-xs-pull-23 {
    right: 95.8333333333%
}

.smart-body .row-24>.col-xs-pull-24 {
    right: 100%
}

.smart-body .row-24>.col-xs-push-0 {
    left: auto
}

.smart-body .row-24>.col-xs-push-1 {
    left: 4.1666666667%
}

.smart-body .row-24>.col-xs-push-2 {
    left: 8.3333333333%
}

.smart-body .row-24>.col-xs-push-3 {
    left: 12.5%
}

.smart-body .row-24>.col-xs-push-4 {
    left: 16.6666666667%
}

.smart-body .row-24>.col-xs-push-5 {
    left: 20.8333333333%
}

.smart-body .row-24>.col-xs-push-6 {
    left: 25%
}

.smart-body .row-24>.col-xs-push-7 {
    left: 29.1666666667%
}

.smart-body .row-24>.col-xs-push-8 {
    left: 33.3333333333%
}

.smart-body .row-24>.col-xs-push-9 {
    left: 37.5%
}

.smart-body .row-24>.col-xs-push-10 {
    left: 41.6666666667%
}

.smart-body .row-24>.col-xs-push-11 {
    left: 45.8333333333%
}

.smart-body .row-24>.col-xs-push-12 {
    left: 50%
}

.smart-body .row-24>.col-xs-push-13 {
    left: 54.1666666667%
}

.smart-body .row-24>.col-xs-push-14 {
    left: 58.3333333333%
}

.smart-body .row-24>.col-xs-push-15 {
    left: 62.5%
}

.smart-body .row-24>.col-xs-push-16 {
    left: 66.6666666667%
}

.smart-body .row-24>.col-xs-push-17 {
    left: 70.8333333333%
}

.smart-body .row-24>.col-xs-push-18 {
    left: 75%
}

.smart-body .row-24>.col-xs-push-19 {
    left: 79.1666666667%
}

.smart-body .row-24>.col-xs-push-20 {
    left: 83.3333333333%
}

.smart-body .row-24>.col-xs-push-21 {
    left: 87.5%
}

.smart-body .row-24>.col-xs-push-22 {
    left: 91.6666666667%
}

.smart-body .row-24>.col-xs-push-23 {
    left: 95.8333333333%
}

.smart-body .row-24>.col-xs-push-24 {
    left: 100%
}

.smart-body .row-24>.col-xs-offset-0 {
    margin-left: 0
}

.smart-body .row-24>.col-xs-offset-1 {
    margin-left: 4.1666666667%
}

.smart-body .row-24>.col-xs-offset-2 {
    margin-left: 8.3333333333%
}

.smart-body .row-24>.col-xs-offset-3 {
    margin-left: 12.5%
}

.smart-body .row-24>.col-xs-offset-4 {
    margin-left: 16.6666666667%
}

.smart-body .row-24>.col-xs-offset-5 {
    margin-left: 20.8333333333%
}

.smart-body .row-24>.col-xs-offset-6 {
    margin-left: 25%
}

.smart-body .row-24>.col-xs-offset-7 {
    margin-left: 29.1666666667%
}

.smart-body .row-24>.col-xs-offset-8 {
    margin-left: 33.3333333333%
}

.smart-body .row-24>.col-xs-offset-9 {
    margin-left: 37.5%
}

.smart-body .row-24>.col-xs-offset-10 {
    margin-left: 41.6666666667%
}

.smart-body .row-24>.col-xs-offset-11 {
    margin-left: 45.8333333333%
}

.smart-body .row-24>.col-xs-offset-12 {
    margin-left: 50%
}

.smart-body .row-24>.col-xs-offset-13 {
    margin-left: 54.1666666667%
}

.smart-body .row-24>.col-xs-offset-14 {
    margin-left: 58.3333333333%
}

.smart-body .row-24>.col-xs-offset-15 {
    margin-left: 62.5%
}

.smart-body .row-24>.col-xs-offset-16 {
    margin-left: 66.6666666667%
}

.smart-body .row-24>.col-xs-offset-17 {
    margin-left: 70.8333333333%
}

.smart-body .row-24>.col-xs-offset-18 {
    margin-left: 75%
}

.smart-body .row-24>.col-xs-offset-19 {
    margin-left: 79.1666666667%
}

.smart-body .row-24>.col-xs-offset-20 {
    margin-left: 83.3333333333%
}

.smart-body .row-24>.col-xs-offset-21 {
    margin-left: 87.5%
}

.smart-body .row-24>.col-xs-offset-22 {
    margin-left: 91.6666666667%
}

.smart-body .row-24>.col-xs-offset-23 {
    margin-left: 95.8333333333%
}

.smart-body .row-24>.col-xs-offset-24 {
    margin-left: 100%
}

@media (min-width:768px) {
    .smart-body .row-24>.col-sm-1 {
        width: 4.1666666667% !important
    }

    .smart-body .row-24>.col-sm-2 {
        width: 8.3333333333% !important
    }

    .smart-body .row-24>.col-sm-3 {
        width: 12.5% !important
    }

    .smart-body .row-24>.col-sm-4 {
        width: 16.6666666667% !important
    }

    .smart-body .row-24>.col-sm-5 {
        width: 20.8333333333% !important
    }

    .smart-body .row-24>.col-sm-6 {
        width: 25% !important
    }

    .smart-body .row-24>.col-sm-7 {
        width: 29.1666666667% !important
    }

    .smart-body .row-24>.col-sm-8 {
        width: 33.3333333333% !important
    }

    .smart-body .row-24>.col-sm-9 {
        width: 37.5% !important
    }

    .smart-body .row-24>.col-sm-10 {
        width: 41.6666666667% !important
    }

    .smart-body .row-24>.col-sm-11 {
        width: 45.8333333333% !important
    }

    .smart-body .row-24>.col-sm-12 {
        width: 50% !important
    }

    .smart-body .row-24>.col-sm-13 {
        width: 54.1666666667% !important
    }

    .smart-body .row-24>.col-sm-14 {
        width: 58.3333333333% !important
    }

    .smart-body .row-24>.col-sm-15 {
        width: 62.5% !important
    }

    .smart-body .row-24>.col-sm-16 {
        width: 66.6666666667% !important
    }

    .smart-body .row-24>.col-sm-17 {
        width: 70.8333333333% !important
    }

    .smart-body .row-24>.col-sm-18 {
        width: 75% !important
    }

    .smart-body .row-24>.col-sm-19 {
        width: 79.1666666667% !important
    }

    .smart-body .row-24>.col-sm-20 {
        width: 83.3333333333% !important
    }

    .smart-body .row-24>.col-sm-21 {
        width: 87.5% !important
    }

    .smart-body .row-24>.col-sm-22 {
        width: 91.6666666667% !important
    }

    .smart-body .row-24>.col-sm-23 {
        width: 95.8333333333% !important
    }

    .smart-body .row-24>.col-sm-24 {
        width: 100% !important
    }

    .smart-body .row-24 .col-sm-1,
    .smart-body .row-24 .col-sm-10,
    .smart-body .row-24 .col-sm-11,
    .smart-body .row-24 .col-sm-12,
    .smart-body .row-24 .col-sm-13,
    .smart-body .row-24 .col-sm-14,
    .smart-body .row-24 .col-sm-15,
    .smart-body .row-24 .col-sm-16,
    .smart-body .row-24 .col-sm-17,
    .smart-body .row-24 .col-sm-18,
    .smart-body .row-24 .col-sm-19,
    .smart-body .row-24 .col-sm-2,
    .smart-body .row-24 .col-sm-20,
    .smart-body .row-24 .col-sm-21,
    .smart-body .row-24 .col-sm-22,
    .smart-body .row-24 .col-sm-23,
    .smart-body .row-24 .col-sm-24,
    .smart-body .row-24 .col-sm-3,
    .smart-body .row-24 .col-sm-4,
    .smart-body .row-24 .col-sm-5,
    .smart-body .row-24 .col-sm-6,
    .smart-body .row-24 .col-sm-7,
    .smart-body .row-24 .col-sm-8,
    .smart-body .row-24 .col-sm-9 {
        float: left
    }

    .smart-body .row-24>.col-sm-pull-0 {
        right: auto
    }

    .smart-body .row-24>.col-sm-pull-1 {
        right: 4.1666666667%
    }

    .smart-body .row-24>.col-sm-pull-2 {
        right: 8.3333333333%
    }

    .smart-body .row-24>.col-sm-pull-3 {
        right: 12.5%
    }

    .smart-body .row-24>.col-sm-pull-4 {
        right: 16.6666666667%
    }

    .smart-body .row-24>.col-sm-pull-5 {
        right: 20.8333333333%
    }

    .smart-body .row-24>.col-sm-pull-6 {
        right: 25%
    }

    .smart-body .row-24>.col-sm-pull-7 {
        right: 29.1666666667%
    }

    .smart-body .row-24>.col-sm-pull-8 {
        right: 33.3333333333%
    }

    .smart-body .row-24>.col-sm-pull-9 {
        right: 37.5%
    }

    .smart-body .row-24>.col-sm-pull-10 {
        right: 41.6666666667%
    }

    .smart-body .row-24>.col-sm-pull-11 {
        right: 45.8333333333%
    }

    .smart-body .row-24>.col-sm-pull-12 {
        right: 50%
    }

    .smart-body .row-24>.col-sm-pull-13 {
        right: 54.1666666667%
    }

    .smart-body .row-24>.col-sm-pull-14 {
        right: 58.3333333333%
    }

    .smart-body .row-24>.col-sm-pull-15 {
        right: 62.5%
    }

    .smart-body .row-24>.col-sm-pull-16 {
        right: 66.6666666667%
    }

    .smart-body .row-24>.col-sm-pull-17 {
        right: 70.8333333333%
    }

    .smart-body .row-24>.col-sm-pull-18 {
        right: 75%
    }

    .smart-body .row-24>.col-sm-pull-19 {
        right: 79.1666666667%
    }

    .smart-body .row-24>.col-sm-pull-20 {
        right: 83.3333333333%
    }

    .smart-body .row-24>.col-sm-pull-21 {
        right: 87.5%
    }

    .smart-body .row-24>.col-sm-pull-22 {
        right: 91.6666666667%
    }

    .smart-body .row-24>.col-sm-pull-23 {
        right: 95.8333333333%
    }

    .smart-body .row-24>.col-sm-pull-24 {
        right: 100%
    }

    .smart-body .row-24>.col-sm-push-0 {
        left: auto
    }

    .smart-body .row-24>.col-sm-push-1 {
        left: 4.1666666667%
    }

    .smart-body .row-24>.col-sm-push-2 {
        left: 8.3333333333%
    }

    .smart-body .row-24>.col-sm-push-3 {
        left: 12.5%
    }

    .smart-body .row-24>.col-sm-push-4 {
        left: 16.6666666667%
    }

    .smart-body .row-24>.col-sm-push-5 {
        left: 20.8333333333%
    }

    .smart-body .row-24>.col-sm-push-6 {
        left: 25%
    }

    .smart-body .row-24>.col-sm-push-7 {
        left: 29.1666666667%
    }

    .smart-body .row-24>.col-sm-push-8 {
        left: 33.3333333333%
    }

    .smart-body .row-24>.col-sm-push-9 {
        left: 37.5%
    }

    .smart-body .row-24>.col-sm-push-10 {
        left: 41.6666666667%
    }

    .smart-body .row-24>.col-sm-push-11 {
        left: 45.8333333333%
    }

    .smart-body .row-24>.col-sm-push-12 {
        left: 50%
    }

    .smart-body .row-24>.col-sm-push-13 {
        left: 54.1666666667%
    }

    .smart-body .row-24>.col-sm-push-14 {
        left: 58.3333333333%
    }

    .smart-body .row-24>.col-sm-push-15 {
        left: 62.5%
    }

    .smart-body .row-24>.col-sm-push-16 {
        left: 66.6666666667%
    }

    .smart-body .row-24>.col-sm-push-17 {
        left: 70.8333333333%
    }

    .smart-body .row-24>.col-sm-push-18 {
        left: 75%
    }

    .smart-body .row-24>.col-sm-push-19 {
        left: 79.1666666667%
    }

    .smart-body .row-24>.col-sm-push-20 {
        left: 83.3333333333%
    }

    .smart-body .row-24>.col-sm-push-21 {
        left: 87.5%
    }

    .smart-body .row-24>.col-sm-push-22 {
        left: 91.6666666667%
    }

    .smart-body .row-24>.col-sm-push-23 {
        left: 95.8333333333%
    }

    .smart-body .row-24>.col-sm-push-24 {
        left: 100%
    }

    .smart-body .row-24>.col-sm-offset-0 {
        margin-left: 0
    }

    .smart-body .row-24>.col-sm-offset-1 {
        margin-left: 4.1666666667%
    }

    .smart-body .row-24>.col-sm-offset-2 {
        margin-left: 8.3333333333%
    }

    .smart-body .row-24>.col-sm-offset-3 {
        margin-left: 12.5%
    }

    .smart-body .row-24>.col-sm-offset-4 {
        margin-left: 16.6666666667%
    }

    .smart-body .row-24>.col-sm-offset-5 {
        margin-left: 20.8333333333%
    }

    .smart-body .row-24>.col-sm-offset-6 {
        margin-left: 25%
    }

    .smart-body .row-24>.col-sm-offset-7 {
        margin-left: 29.1666666667%
    }

    .smart-body .row-24>.col-sm-offset-8 {
        margin-left: 33.3333333333%
    }

    .smart-body .row-24>.col-sm-offset-9 {
        margin-left: 37.5%
    }

    .smart-body .row-24>.col-sm-offset-10 {
        margin-left: 41.6666666667%
    }

    .smart-body .row-24>.col-sm-offset-11 {
        margin-left: 45.8333333333%
    }

    .smart-body .row-24>.col-sm-offset-12 {
        margin-left: 50%
    }

    .smart-body .row-24>.col-sm-offset-13 {
        margin-left: 54.1666666667%
    }

    .smart-body .row-24>.col-sm-offset-14 {
        margin-left: 58.3333333333%
    }

    .smart-body .row-24>.col-sm-offset-15 {
        margin-left: 62.5%
    }

    .smart-body .row-24>.col-sm-offset-16 {
        margin-left: 66.6666666667%
    }

    .smart-body .row-24>.col-sm-offset-17 {
        margin-left: 70.8333333333%
    }

    .smart-body .row-24>.col-sm-offset-18 {
        margin-left: 75%
    }

    .smart-body .row-24>.col-sm-offset-19 {
        margin-left: 79.1666666667%
    }

    .smart-body .row-24>.col-sm-offset-20 {
        margin-left: 83.3333333333%
    }

    .smart-body .row-24>.col-sm-offset-21 {
        margin-left: 87.5%
    }

    .smart-body .row-24>.col-sm-offset-22 {
        margin-left: 91.6666666667%
    }

    .smart-body .row-24>.col-sm-offset-23 {
        margin-left: 95.8333333333%
    }

    .smart-body .row-24>.col-sm-offset-24 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .smart-body .row-24>.col-md-1 {
        width: 4.1666666667% !important
    }

    .smart-body .row-24>.col-md-2 {
        width: 8.3333333333% !important
    }

    .smart-body .row-24>.col-md-3 {
        width: 12.5% !important
    }

    .smart-body .row-24>.col-md-4 {
        width: 16.6666666667% !important
    }

    .smart-body .row-24>.col-md-5 {
        width: 20.8333333333% !important
    }

    .smart-body .row-24>.col-md-6 {
        width: 25% !important
    }

    .smart-body .row-24>.col-md-7 {
        width: 29.1666666667% !important
    }

    .smart-body .row-24>.col-md-8 {
        width: 33.3333333333% !important
    }

    .smart-body .row-24>.col-md-9 {
        width: 37.5% !important
    }

    .smart-body .row-24>.col-md-10 {
        width: 41.6666666667% !important
    }

    .smart-body .row-24>.col-md-11 {
        width: 45.8333333333% !important
    }

    .smart-body .row-24>.col-md-12 {
        width: 50% !important
    }

    .smart-body .row-24>.col-md-13 {
        width: 54.1666666667% !important
    }

    .smart-body .row-24>.col-md-14 {
        width: 58.3333333333% !important
    }

    .smart-body .row-24>.col-md-15 {
        width: 62.5% !important
    }

    .smart-body .row-24>.col-md-16 {
        width: 66.6666666667% !important
    }

    .smart-body .row-24>.col-md-17 {
        width: 70.8333333333% !important
    }

    .smart-body .row-24>.col-md-18 {
        width: 75% !important
    }

    .smart-body .row-24>.col-md-19 {
        width: 79.1666666667% !important
    }

    .smart-body .row-24>.col-md-20 {
        width: 83.3333333333% !important
    }

    .smart-body .row-24>.col-md-21 {
        width: 87.5% !important
    }

    .smart-body .row-24>.col-md-22 {
        width: 91.6666666667% !important
    }

    .smart-body .row-24>.col-md-23 {
        width: 95.8333333333% !important
    }

    .smart-body .row-24>.col-md-24 {
        width: 100% !important
    }

    .smart-body .row-24 .col-md-1,
    .smart-body .row-24 .col-md-10,
    .smart-body .row-24 .col-md-11,
    .smart-body .row-24 .col-md-12,
    .smart-body .row-24 .col-md-13,
    .smart-body .row-24 .col-md-14,
    .smart-body .row-24 .col-md-15,
    .smart-body .row-24 .col-md-16,
    .smart-body .row-24 .col-md-17,
    .smart-body .row-24 .col-md-18,
    .smart-body .row-24 .col-md-19,
    .smart-body .row-24 .col-md-2,
    .smart-body .row-24 .col-md-20,
    .smart-body .row-24 .col-md-21,
    .smart-body .row-24 .col-md-22,
    .smart-body .row-24 .col-md-23,
    .smart-body .row-24 .col-md-24,
    .smart-body .row-24 .col-md-3,
    .smart-body .row-24 .col-md-4,
    .smart-body .row-24 .col-md-5,
    .smart-body .row-24 .col-md-6,
    .smart-body .row-24 .col-md-7,
    .smart-body .row-24 .col-md-8,
    .smart-body .row-24 .col-md-9 {
        float: left
    }

    .smart-body .row-24>.col-md-pull-0 {
        right: auto
    }

    .smart-body .row-24>.col-md-pull-1 {
        right: 4.1666666667%
    }

    .smart-body .row-24>.col-md-pull-2 {
        right: 8.3333333333%
    }

    .smart-body .row-24>.col-md-pull-3 {
        right: 12.5%
    }

    .smart-body .row-24>.col-md-pull-4 {
        right: 16.6666666667%
    }

    .smart-body .row-24>.col-md-pull-5 {
        right: 20.8333333333%
    }

    .smart-body .row-24>.col-md-pull-6 {
        right: 25%
    }

    .smart-body .row-24>.col-md-pull-7 {
        right: 29.1666666667%
    }

    .smart-body .row-24>.col-md-pull-8 {
        right: 33.3333333333%
    }

    .smart-body .row-24>.col-md-pull-9 {
        right: 37.5%
    }

    .smart-body .row-24>.col-md-pull-10 {
        right: 41.6666666667%
    }

    .smart-body .row-24>.col-md-pull-11 {
        right: 45.8333333333%
    }

    .smart-body .row-24>.col-md-pull-12 {
        right: 50%
    }

    .smart-body .row-24>.col-md-pull-13 {
        right: 54.1666666667%
    }

    .smart-body .row-24>.col-md-pull-14 {
        right: 58.3333333333%
    }

    .smart-body .row-24>.col-md-pull-15 {
        right: 62.5%
    }

    .smart-body .row-24>.col-md-pull-16 {
        right: 66.6666666667%
    }

    .smart-body .row-24>.col-md-pull-17 {
        right: 70.8333333333%
    }

    .smart-body .row-24>.col-md-pull-18 {
        right: 75%
    }

    .smart-body .row-24>.col-md-pull-19 {
        right: 79.1666666667%
    }

    .smart-body .row-24>.col-md-pull-20 {
        right: 83.3333333333%
    }

    .smart-body .row-24>.col-md-pull-21 {
        right: 87.5%
    }

    .smart-body .row-24>.col-md-pull-22 {
        right: 91.6666666667%
    }

    .smart-body .row-24>.col-md-pull-23 {
        right: 95.8333333333%
    }

    .smart-body .row-24>.col-md-pull-24 {
        right: 100%
    }

    .smart-body .row-24>.col-md-push-0 {
        left: auto
    }

    .smart-body .row-24>.col-md-push-1 {
        left: 4.1666666667%
    }

    .smart-body .row-24>.col-md-push-2 {
        left: 8.3333333333%
    }

    .smart-body .row-24>.col-md-push-3 {
        left: 12.5%
    }

    .smart-body .row-24>.col-md-push-4 {
        left: 16.6666666667%
    }

    .smart-body .row-24>.col-md-push-5 {
        left: 20.8333333333%
    }

    .smart-body .row-24>.col-md-push-6 {
        left: 25%
    }

    .smart-body .row-24>.col-md-push-7 {
        left: 29.1666666667%
    }

    .smart-body .row-24>.col-md-push-8 {
        left: 33.3333333333%
    }

    .smart-body .row-24>.col-md-push-9 {
        left: 37.5%
    }

    .smart-body .row-24>.col-md-push-10 {
        left: 41.6666666667%
    }

    .smart-body .row-24>.col-md-push-11 {
        left: 45.8333333333%
    }

    .smart-body .row-24>.col-md-push-12 {
        left: 50%
    }

    .smart-body .row-24>.col-md-push-13 {
        left: 54.1666666667%
    }

    .smart-body .row-24>.col-md-push-14 {
        left: 58.3333333333%
    }

    .smart-body .row-24>.col-md-push-15 {
        left: 62.5%
    }

    .smart-body .row-24>.col-md-push-16 {
        left: 66.6666666667%
    }

    .smart-body .row-24>.col-md-push-17 {
        left: 70.8333333333%
    }

    .smart-body .row-24>.col-md-push-18 {
        left: 75%
    }

    .smart-body .row-24>.col-md-push-19 {
        left: 79.1666666667%
    }

    .smart-body .row-24>.col-md-push-20 {
        left: 83.3333333333%
    }

    .smart-body .row-24>.col-md-push-21 {
        left: 87.5%
    }

    .smart-body .row-24>.col-md-push-22 {
        left: 91.6666666667%
    }

    .smart-body .row-24>.col-md-push-23 {
        left: 95.8333333333%
    }

    .smart-body .row-24>.col-md-push-24 {
        left: 100%
    }

    .smart-body .row-24>.col-md-offset-0 {
        margin-left: 0
    }

    .smart-body .row-24>.col-md-offset-1 {
        margin-left: 4.1666666667%
    }

    .smart-body .row-24>.col-md-offset-2 {
        margin-left: 8.3333333333%
    }

    .smart-body .row-24>.col-md-offset-3 {
        margin-left: 12.5%
    }

    .smart-body .row-24>.col-md-offset-4 {
        margin-left: 16.6666666667%
    }

    .smart-body .row-24>.col-md-offset-5 {
        margin-left: 20.8333333333%
    }

    .smart-body .row-24>.col-md-offset-6 {
        margin-left: 25%
    }

    .smart-body .row-24>.col-md-offset-7 {
        margin-left: 29.1666666667%
    }

    .smart-body .row-24>.col-md-offset-8 {
        margin-left: 33.3333333333%
    }

    .smart-body .row-24>.col-md-offset-9 {
        margin-left: 37.5%
    }

    .smart-body .row-24>.col-md-offset-10 {
        margin-left: 41.6666666667%
    }

    .smart-body .row-24>.col-md-offset-11 {
        margin-left: 45.8333333333%
    }

    .smart-body .row-24>.col-md-offset-12 {
        margin-left: 50%
    }

    .smart-body .row-24>.col-md-offset-13 {
        margin-left: 54.1666666667%
    }

    .smart-body .row-24>.col-md-offset-14 {
        margin-left: 58.3333333333%
    }

    .smart-body .row-24>.col-md-offset-15 {
        margin-left: 62.5%
    }

    .smart-body .row-24>.col-md-offset-16 {
        margin-left: 66.6666666667%
    }

    .smart-body .row-24>.col-md-offset-17 {
        margin-left: 70.8333333333%
    }

    .smart-body .row-24>.col-md-offset-18 {
        margin-left: 75%
    }

    .smart-body .row-24>.col-md-offset-19 {
        margin-left: 79.1666666667%
    }

    .smart-body .row-24>.col-md-offset-20 {
        margin-left: 83.3333333333%
    }

    .smart-body .row-24>.col-md-offset-21 {
        margin-left: 87.5%
    }

    .smart-body .row-24>.col-md-offset-22 {
        margin-left: 91.6666666667%
    }

    .smart-body .row-24>.col-md-offset-23 {
        margin-left: 95.8333333333%
    }

    .smart-body .row-24>.col-md-offset-24 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .smart-body .row-24>.col-lg-1 {
        width: 4.1666666667% !important
    }

    .smart-body .row-24>.col-lg-2 {
        width: 8.3333333333% !important
    }

    .smart-body .row-24>.col-lg-3 {
        width: 12.5% !important
    }

    .smart-body .row-24>.col-lg-4 {
        width: 16.6666666667% !important
    }

    .smart-body .row-24>.col-lg-5 {
        width: 20.8333333333% !important
    }

    .smart-body .row-24>.col-lg-6 {
        width: 25% !important
    }

    .smart-body .row-24>.col-lg-7 {
        width: 29.1666666667% !important
    }

    .smart-body .row-24>.col-lg-8 {
        width: 33.3333333333% !important
    }

    .smart-body .row-24>.col-lg-9 {
        width: 37.5% !important
    }

    .smart-body .row-24>.col-lg-10 {
        width: 41.6666666667% !important
    }

    .smart-body .row-24>.col-lg-11 {
        width: 45.8333333333% !important
    }

    .smart-body .row-24>.col-lg-12 {
        width: 50% !important
    }

    .smart-body .row-24>.col-lg-13 {
        width: 54.1666666667% !important
    }

    .smart-body .row-24>.col-lg-14 {
        width: 58.3333333333% !important
    }

    .smart-body .row-24>.col-lg-15 {
        width: 62.5% !important
    }

    .smart-body .row-24>.col-lg-16 {
        width: 66.6666666667% !important
    }

    .smart-body .row-24>.col-lg-17 {
        width: 70.8333333333% !important
    }

    .smart-body .row-24>.col-lg-18 {
        width: 75% !important
    }

    .smart-body .row-24>.col-lg-19 {
        width: 79.1666666667% !important
    }

    .smart-body .row-24>.col-lg-20 {
        width: 83.3333333333% !important
    }

    .smart-body .row-24>.col-lg-21 {
        width: 87.5% !important
    }

    .smart-body .row-24>.col-lg-22 {
        width: 91.6666666667% !important
    }

    .smart-body .row-24>.col-lg-23 {
        width: 95.8333333333% !important
    }

    .smart-body .row-24>.col-lg-24 {
        width: 100% !important
    }

    .smart-body .row-24 .col-lg-1,
    .smart-body .row-24 .col-lg-10,
    .smart-body .row-24 .col-lg-11,
    .smart-body .row-24 .col-lg-12,
    .smart-body .row-24 .col-lg-13,
    .smart-body .row-24 .col-lg-14,
    .smart-body .row-24 .col-lg-15,
    .smart-body .row-24 .col-lg-16,
    .smart-body .row-24 .col-lg-17,
    .smart-body .row-24 .col-lg-18,
    .smart-body .row-24 .col-lg-19,
    .smart-body .row-24 .col-lg-2,
    .smart-body .row-24 .col-lg-20,
    .smart-body .row-24 .col-lg-21,
    .smart-body .row-24 .col-lg-22,
    .smart-body .row-24 .col-lg-23,
    .smart-body .row-24 .col-lg-24,
    .smart-body .row-24 .col-lg-3,
    .smart-body .row-24 .col-lg-4,
    .smart-body .row-24 .col-lg-5,
    .smart-body .row-24 .col-lg-6,
    .smart-body .row-24 .col-lg-7,
    .smart-body .row-24 .col-lg-8,
    .smart-body .row-24 .col-lg-9 {
        float: right
    }

    .smart-body .row-24>.col-lg-pull-0 {
        right: auto
    }

    .smart-body .row-24>.col-lg-pull-1 {
        right: 4.1666666667%
    }

    .smart-body .row-24>.col-lg-pull-2 {
        right: 8.3333333333%
    }

    .smart-body .row-24>.col-lg-pull-3 {
        right: 12.5%
    }

    .smart-body .row-24>.col-lg-pull-4 {
        right: 16.6666666667%
    }

    .smart-body .row-24>.col-lg-pull-5 {
        right: 20.8333333333%
    }

    .smart-body .row-24>.col-lg-pull-6 {
        right: 25%
    }

    .smart-body .row-24>.col-lg-pull-7 {
        right: 29.1666666667%
    }

    .smart-body .row-24>.col-lg-pull-8 {
        right: 33.3333333333%
    }

    .smart-body .row-24>.col-lg-pull-9 {
        right: 37.5%
    }

    .smart-body .row-24>.col-lg-pull-10 {
        right: 41.6666666667%
    }

    .smart-body .row-24>.col-lg-pull-11 {
        right: 45.8333333333%
    }

    .smart-body .row-24>.col-lg-pull-12 {
        right: 50%
    }

    .smart-body .row-24>.col-lg-pull-13 {
        right: 54.1666666667%
    }

    .smart-body .row-24>.col-lg-pull-14 {
        right: 58.3333333333%
    }

    .smart-body .row-24>.col-lg-pull-15 {
        right: 62.5%
    }

    .smart-body .row-24>.col-lg-pull-16 {
        right: 66.6666666667%
    }

    .smart-body .row-24>.col-lg-pull-17 {
        right: 70.8333333333%
    }

    .smart-body .row-24>.col-lg-pull-18 {
        right: 75%
    }

    .smart-body .row-24>.col-lg-pull-19 {
        right: 79.1666666667%
    }

    .smart-body .row-24>.col-lg-pull-20 {
        right: 83.3333333333%
    }

    .smart-body .row-24>.col-lg-pull-21 {
        right: 87.5%
    }

    .smart-body .row-24>.col-lg-pull-22 {
        right: 91.6666666667%
    }

    .smart-body .row-24>.col-lg-pull-23 {
        right: 95.8333333333%
    }

    .smart-body .row-24>.col-lg-pull-24 {
        right: 100%
    }

    .smart-body .row-24>.col-lg-push-0 {
        left: auto
    }

    .smart-body .row-24>.col-lg-push-1 {
        left: 4.1666666667%
    }

    .smart-body .row-24>.col-lg-push-2 {
        left: 8.3333333333%
    }

    .smart-body .row-24>.col-lg-push-3 {
        left: 12.5%
    }

    .smart-body .row-24>.col-lg-push-4 {
        left: 16.6666666667%
    }

    .smart-body .row-24>.col-lg-push-5 {
        left: 20.8333333333%
    }

    .smart-body .row-24>.col-lg-push-6 {
        left: 25%
    }

    .smart-body .row-24>.col-lg-push-7 {
        left: 29.1666666667%
    }

    .smart-body .row-24>.col-lg-push-8 {
        left: 33.3333333333%
    }

    .smart-body .row-24>.col-lg-push-9 {
        left: 37.5%
    }

    .smart-body .row-24>.col-lg-push-10 {
        left: 41.6666666667%
    }

    .smart-body .row-24>.col-lg-push-11 {
        left: 45.8333333333%
    }

    .smart-body .row-24>.col-lg-push-12 {
        left: 50%
    }

    .smart-body .row-24>.col-lg-push-13 {
        left: 54.1666666667%
    }

    .smart-body .row-24>.col-lg-push-14 {
        left: 58.3333333333%
    }

    .smart-body .row-24>.col-lg-push-15 {
        left: 62.5%
    }

    .smart-body .row-24>.col-lg-push-16 {
        left: 66.6666666667%
    }

    .smart-body .row-24>.col-lg-push-17 {
        left: 70.8333333333%
    }

    .smart-body .row-24>.col-lg-push-18 {
        left: 75%
    }

    .smart-body .row-24>.col-lg-push-19 {
        left: 79.1666666667%
    }

    .smart-body .row-24>.col-lg-push-20 {
        left: 83.3333333333%
    }

    .smart-body .row-24>.col-lg-push-21 {
        left: 87.5%
    }

    .smart-body .row-24>.col-lg-push-22 {
        left: 91.6666666667%
    }

    .smart-body .row-24>.col-lg-push-23 {
        left: 95.8333333333%
    }

    .smart-body .row-24>.col-lg-push-24 {
        left: 100%
    }

    .smart-body .row-24>.col-lg-offset-0 {
        margin-left: 0
    }

    .smart-body .row-24>.col-lg-offset-1 {
        margin-left: 4.1666666667%
    }

    .smart-body .row-24>.col-lg-offset-2 {
        margin-left: 8.3333333333%
    }

    .smart-body .row-24>.col-lg-offset-3 {
        margin-left: 12.5%
    }

    .smart-body .row-24>.col-lg-offset-4 {
        margin-left: 16.6666666667%
    }

    .smart-body .row-24>.col-lg-offset-5 {
        margin-left: 20.8333333333%
    }

    .smart-body .row-24>.col-lg-offset-6 {
        margin-left: 25%
    }

    .smart-body .row-24>.col-lg-offset-7 {
        margin-left: 29.1666666667%
    }

    .smart-body .row-24>.col-lg-offset-8 {
        margin-left: 33.3333333333%
    }

    .smart-body .row-24>.col-lg-offset-9 {
        margin-left: 37.5%
    }

    .smart-body .row-24>.col-lg-offset-10 {
        margin-left: 41.6666666667%
    }

    .smart-body .row-24>.col-lg-offset-11 {
        margin-left: 45.8333333333%
    }

    .smart-body .row-24>.col-lg-offset-12 {
        margin-left: 50%
    }

    .smart-body .row-24>.col-lg-offset-13 {
        margin-left: 54.1666666667%
    }

    .smart-body .row-24>.col-lg-offset-14 {
        margin-left: 58.3333333333%
    }

    .smart-body .row-24>.col-lg-offset-15 {
        margin-left: 62.5%
    }

    .smart-body .row-24>.col-lg-offset-16 {
        margin-left: 66.6666666667%
    }

    .smart-body .row-24>.col-lg-offset-17 {
        margin-left: 70.8333333333%
    }

    .smart-body .row-24>.col-lg-offset-18 {
        margin-left: 75%
    }

    .smart-body .row-24>.col-lg-offset-19 {
        margin-left: 79.1666666667%
    }

    .smart-body .row-24>.col-lg-offset-20 {
        margin-left: 83.3333333333%
    }

    .smart-body .row-24>.col-lg-offset-21 {
        margin-left: 87.5%
    }

    .smart-body .row-24>.col-lg-offset-22 {
        margin-left: 91.6666666667%
    }

    .smart-body .row-24>.col-lg-offset-23 {
        margin-left: 95.8333333333%
    }

    .smart-body .row-24>.col-lg-offset-24 {
        margin-left: 100%
    }
}

.smart-body {
    font-size: 16px;
    line-height: 1.25;
    color: #333 !important;
    background-color: #fff;
    clear: both;
    border-top: 1px solid #ebeaea;
    overflow-x: hidden;
    margin-right:15px;
/*     width:100% !important; */
}

.smart-body .ss-table__link-sort:after,
.smart-body .ss-table__link-sort:before {
    display: inline-block;
    height: 1em;
    background-position: center;
    background-size: cover
}

.smart-body .ss-table__link-sort:after {
    font-size: 1.6rem;
    width: 1em;
    background-image: url(../images/sprite.svg#arrow-down)
}

.smart-body .ss-table__link-sort:before {
    font-size: 1.6rem;
    width: 1em;
    background-image: url(../images/sprite.svg#arrow-top)
}

.smart-body .ss-table {
    margin-left: -20px;
    margin-right: -20px
}

@media (min-width:768px) {
    .smart-body .ss-table {
        margin-left: -20px;
        margin-right: -20px;
    }
}

.smart-body .ss-table__actions,
.smart-body .ss-table__tbody,
.smart-body .ss-table__thead {
    padding-left: 20px;
    padding-right: 20px
}

.smart-body .table-block__value {
    padding: 20px 15px;
}

.table-block h3 {
    color: #1b0e92;
    font-size: 18px;
    margin-bottom: 15px;
    padding: 0;
    font-weight: 700;
    line-height: 26px;
}

.table-block h4 {
    color: #1b0e92;
    font-size: 18px;
    margin-bottom: 15px;
    padding: 0;
    font-weight: 700;
    line-height: 26px;
}

.smart-body .ss-table {
    margin-bottom: 30px
}

.smart-body .ss-table__thead {
    font-weight: 700;
    background-color: #f4f8fd
}

.smart-body .ss-table__thead .ss-table__col {
    padding-top: 15px;
    padding-bottom: 15px
}

.smart-body .ss-table__thead .h1,
.smart-body .ss-table__thead .h2,
.smart-body .ss-table__thead .h3,
.smart-body .ss-table__thead .h4,
.smart-body .ss-table__thead .h5,
.smart-body .ss-table__thead .h6,
.smart-body .ss-table__thead h1,
.smart-body .ss-table__thead h2,
.smart-body .ss-table__thead h3,
.smart-body .ss-table__thead h4,
.smart-body .ss-table__thead h5,
.smart-body .ss-table__thead h6 {
    color: #1b0e92;
    margin: 0
}

.smart-body .ss-table__tbody .ss-table__col {
    padding-top: 15px;
    padding-bottom: 15px
}

.smart-body .ss-table__tbody .ss-table__row {
    border-bottom: 1px solid #d8d8d8
}

.smart-body .ss-table__link-sort {
    display: inline-block;
    position: relative;
    padding: 0 22px;
    cursor: pointer;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.smart-body .ss-table__link-sort:focus,
.smart-body .ss-table__link-sort:hover {
    opacity: .75
}

.smart-body .ss-table__link-sort:after,
.smart-body .ss-table__link-sort:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.smart-body .ss-table__link-sort:before {
    left: 0
}

.smart-body .ss-table__link-sort:after {
    right: 0
}

.smart-body .ss-table__actions {
    margin-top: 30px
}

.smart-body .ss-table_plate-price .ss-table__tbody {
    line-height: 50px
}

.smart-body .ss-table_plate-price .ss-table__tbody .vehicle-number {
    margin-bottom: 0
}

.smart-body .ss-table_reserved-plates .ss-table__tbody {
    line-height: 26px;
}

.smart-body .ss-table_reserved-plates .ss-table__tbody .vehicle-number {
    margin-bottom: 0
}

.smart-body .ss-table_reserved-plates .ss-table__tbody .btn-group .btn {
    font-size: 1em;
    margin-bottom: 0
}

.smart-body .ss-table_reserved-plates .ss-table__actions {
    margin-bottom: 10px
}

.smart-body .ss-table_reserved-plates .vehicle-number_sm .vehicle-number__value {
    width: 70px
}

.smart-body .ss-table_reserved-plates .link-add-calendar {
    float: none !important
}

.smart-body .ss-table_reserved-plates .link-add-calendar i {
    margin-top: 12px
}

.smart-body .ss-search__form {
    margin-top: 60px
}

.smart-body .table-block {
    margin-left: -20px;
    margin-right: -20px;
    /* border-bottom: 1px solid #d8d8d8; */
    margin-bottom: 20px
}

.smart-body .table-block.box {
    margin-bottom: 30px
}

.smart-body .table-block__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.smart-body .table-block__group:nth-of-type(odd) .table-block__title,
.smart-body .table-block__group:nth-of-type(odd) .table-block__value {
    background-color: #f4f8fd
}

.smart-body .table-block__title,
.smart-body .table-block__value {
    padding: 20px 15px;
    float: left;
    width: 50%
}

.smart-body .table-block__title {
    padding-left: 20px;
    font-weight: 700
}

.BtnAllPermit {
    text-align: left;
    margin-bottom: 20px;
    margin-top: 10px;
}

.BtnAllPermit a {
    background: #1b0f92;
    padding: 15px 25px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

.BtnAllPermit a:hover {
    background: #e00;
    color: #fff;
}
.BtnAllPermit a:focus{
    background: #1b0f92;
    color: #fff;
}

.BtnAllPermit.filpIcon img{
    transform: rotate(180deg);
}

.collapse{
    display: none;
}



.FeesBlock {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.FeesBlock .Alignment {
    text-align: right;
    font-weight: bold;
}

.FeeHead {
    color: #1b0f92;
}

@media (min-width:768px) {

    .smart-body .ss-table__actions,
    .smart-body .ss-table__tbody,
    .smart-body .ss-table__thead {
        padding-left: 30px;
        padding-right: 30px
    }
}



/* update css start here */
.smart-body .ss-table {
    margin-left: -40px;
    margin-right: -40px;
}

.confirmPaymentInfo .heading {
    padding: 16px 50px;
    margin-left: -46px;
    margin-right: -46px;
}

.smart-body .ss-table__actions,
.smart-body .ss-table__tbody,
.smart-body .ss-table__thead {
    padding-left: 45px;
    padding-right: 45px;
}

.table-block h4 {
    padding-left: 5px;
}

.paymentList {
    margin: 30px 0px;
}

.paymentList li {
    padding: 19px 0 12px;
}

.userDetailRecap .heading {
    background: #f4f8fd;
}

.userDetailRecap .userDetailRecap {
    padding-right: 0px;
    margin-top: 30px;
}

.MorePermitSample {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding-top: 30px;
}
.smart-body .ss-table.payment-margin{
    margin-left: -20px;
    margin-right: -20px;
}

@media(max-width:991px) {
    .terms-condition-section.tajeer_term {
        padding: 25px;
    }

    .terms-condition-section .ss-switch {
        margin-top: -65px;
    }
}

@media(max-width:768px) {
    .smart-body .row-24 {
        padding: 0px 10px;
    }

    .table-block h4 {
        padding-right: 5px;
    }

    .userDetailRecap .userDetailRecap {
        padding-right: 0px;
    }

    .terms-condition-section .ss-switch {
        margin-top: -83px;
        float: left;
    }

    .terms-condition-section.tajeer_term {
        padding: 0px;
        overflow: unset;
    }
    .smart-body .ss-table.payment-margin {
        margin-left: -10px;
        margin-right: -10px;
    }
    .smart-body .ss-table__actions, .smart-body .ss-table__tbody, .smart-body .ss-table__thead {
       padding-left: 27px;
        padding-right: 29px;
    }
    .smart-body .ss-table {
        margin-left: -10px;
        margin-right: -10px;
    }
    .successfullPayemntBoxInner .permitBox .userInfoList li .totalText {
        font-size: 14px;
    }
    .successfullPayemntBoxInner .permitBox .userInfoList li .totalPrice {
        font-size: 15px;
    }
}

.singleRow{

}

.table-block.singleRow .table-block__row {
    margin-left: -25px;
    margin-right: -25px;
}

.smart-body .table-block.singleRow .table-block__title, .smart-body .table-block.singleRow .table-block__value {
    float: none;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.smart-body .table-block.singleRow.table-block__value{
    background: #fff;text-align: right;
}

.smart-body .table-block.singleRow .table-block__group{
    display: table;
    width: 100%;text-align: right;
}

.smart-body .table-block.singleRow .table-block__title>span {
    display: block;
    vertical-align: middle;
    height: 20px;
    width: 100%;
    text-align: right;
}

.table-block.singleRow{
    margin-bottom: 0px;
}

.smart-body .table-block.singleRow .table-block__title, .smart-body .table-block.singleRow .table-block__value {
    float: none;
    width: auto;
    padding-left: 30px;
    padding-right: 15px;
}

.smart-body .table-block__group:nth-of-type(odd) .table-block__title, .smart-body .table-block__group:nth-of-type(odd) .table-block__value {
    background-color: #fff;
}

.table-block.singleRow .table-block__value{
    text-align: right;
}

@media(max-width:767px){
    .table-block.singleRow {
        margin: 0 0 15px 0;
    }

    .smart-body .table-block.singleRow .table-block__title, .smart-body .table-block.singleRow .table-block__value {
        float: right;
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
        text-align: right;
    }
    .smart-body .table-block__group:nth-of-type(odd) .table-block__title, .smart-body .table-block__group:nth-of-type(odd) .table-block__value {
        background-color: #f4f8fd;
    }
    .table-block.singleRow .table-block__row {
        margin-left: -40px;
        margin-right: -40px;
    }
    .table-block.singleRow .table-block__value{
        text-align: left !important;
    }
}


/* new css start */
.blind-red .userDetailRecap ul.userDetailRecap li span {
    background: 0 0 !important;
    color: yellow !important;
    filter: none;
}
.blind-red .smart-body .alert {
    color: yellow;
}
.blind-red .smart-body .ss-header__number {
    color: yellow;
}
.blind-red .smart-body .ss-header__description {
    color: yellow;
}
.blind-red .seasonalParkingPermit .vehicleNumberBox ul li span.vehicleNumberText {
    color: #ff0 !important;
    filter: none;
}
.blind-red .smart-step_4 .ss-table__thead .ss-table__col{
    color: yellow;
}
.blind-red .smart-step_4 .contentMore .ss-table__col{
    color: yellow;
}
.blind-red .BtnAllPermit a{
    border: 1px solid yellow;
}

.blind-green .smart-step_4 .ss-table__thead .ss-table__col{
    color: #fff;
}
.blind-green .smart-step_4 .contentMore .ss-table__col{
    color: #fff;
}
.blind-green .BtnAllPermit a{
    border: 1px solid #fff;
}
.blind-red .smart-step_3 .nextStepBtn4 button{
    background: none !important;
    color: yellow !important;
    border: 1px solid yellow;
}
.blind-green .smart-step_3 .nextStepBtn4 button{
    background: none !important;
    color: #fff !important;
    border: 1px solid #fff;
}
/* new css end */
/* update css end here */



label span {
    color: #EE0000;
}

.alert span{
    color: #EE0000;
}

.smart-body .alert {
    font-size: 16px;
}

.row-150 {
margin-right: 30px !important;
}

.glyphicon-chevron-right {
    background: url(../../img/arrow-white.png) no-repeat center center;
    width: 9px;
    text-indent: -999999px;
}

.glyphicon-chevron-left {
    background: url(../../img/arrow-white-ar.png) no-repeat center center;
    width: 9px;
    text-indent: -999999px;
}

/*change for button*/

.platesList .h24_plates-item .numberPLateAction {
    margin-top: 18px
}
.platesList .h24_plates-item  .numberPLateAction button {
    background: #ececec;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #53565a;
    width: 100%;
    height: 42px;
    display: inline-block;
    line-height: 45px;
    text-decoration: none;
	border: none;
}

.platesList .h24_plates-item  .numberPLateAction button span.addPlate {
    display: inline-block;
    line-height: 20px
}

.platesList .h24_plates-item  .numberPLateAction button .addedPlate {
    display: none
}

.platesList .h24_plates-item  .numberPLateAction button.added .addPlate {
    display: none
}

.platesList .h24_plates-item  .numberPLateAction button.added .addedPlate {
    display: inline-block;
    line-height: 20px
}


.smart-body .error.form-control {
    border-bottom: 2px solid #f30000 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0
}

.smart-body label.error {
    padding-right: 0
}


.platesList .h24_plates-item  .numberPLateAction button.added {
    background: #e00;
    color: #fff
}

.platesList .h24_plates-item  .numberPLateAction button:hover {
    background: #e00;
    color: #fff
}


.platesList .h24_plates-item .numberPLateAction {
    margin-right: 15%;
}

.platesList .h24_plates-item .numberPLateAction button span.addPlate {
   padding: 20px;
}
 
.platesList .h24_plates-item .numberPLateAction button span.selectedplate {
       padding: 0px 15px;
}

.platesList .h24_plates-item .numberPLateAction button span.addPlate.removePlate {
   padding: 0 28px !important;
   
}