*,
*:focus,
*:active,
*:visited {
    outline: none !important;
}

* {
    outline: none !important;
    font-family: 'Raleway', sans-serif;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
}

body {
    background: #f4f7f8
}

#main-content {
    background: #f4f7f8
}
#card_error{
    display: inline-block;
    margin-bottom: 15px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}

a,
.btn,
input[type="button"],
button {
    -webkit-transition: all ease-in-out 400ms;
    -moz-transition: all ease-in-out 400ms;
    -ms-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
}

.bootstrap-select .dropdown-toggle:focus,
select:focus,
option:focus,
select::-moz-focus-inner,
option::-moz-focus-inner,
select::-webkit-focus-inner,
option::-webkit-focus-inner {
    outline: none !important;
}

.th-add {
    width: 250px;
}

.th-veh {
    width: 250px;
}

.th-contact {
    width: 150px;
}

.padding-left-15px {
    padding-left: 15px
}

select[disabled],
select[disabled="disabled"] {
    cursor: not-allowed !important
}

.input-group span.form-control {
    line-height: 35px;
}

.not-allow {
    cursor: not-allowed;
}

.badge {
    white-space: normal;
}

.label {
    padding: 5px;
    font-size: 13px;
    font-weight: 400;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.Management.alert-success {
    padding: 15px;
    font-size: 14px;
    margin-bottom: 15px;
}


/* Sidebar */

#sidebar {
    background: #1b1e24;
    margin-top: 50px;
    height: 100%;
    position: fixed;
    width: 266px;
    left: 0;
    -webkit-transition: all ease-in-out 400ms;
    -moz-transition: all ease-in-out 400ms;
    -ms-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
}

.mini-sidebar #sidebar {
    margin-left: -266px;
}

.mini-sidebar #main-content {
    margin-left: 0;
}

.sidebarwrap {}

#sidebar .user_profile figure,
.user_profile figcaption {
    display: inline-block;
    vertical-align: middle;
}

#sidebar .user_profile figcaption h3 b,
.user_profile figcaption h3 span {
    font-weight: 500
}

#sidebar .user_profile figcaption h3 {
    font-size: 18px;
    margin: 0 0 3px 0;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-weight: 300;
}

#sidebar ul.sidebar-menu li a span {
    float: left;
}

.user_profile .btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    margin-top: 10px;
    background-color: #53535f;
    border: none;
    color: #fff;
}

.user_profile .btn.btn-default {
    background-color: #53535f;
    border-radius: 3px;
    background-color: #e65555;
    margin-left: 5px;
    color: #fff;
}

#sidebar ul.sidebar-menu li>a>p {
    margin: 0;
    display: inline-block;
    margin: 0;
    width: 80%;
    vertical-align: middle
}

#sidebar .user_profile {
    display: inline-block;
    padding: 31px 21px;
    width: 100%;
}

#sidebar .user_profile h3,
.user_profile h3 b {
    font-size: 22px;
    margin: 0;
    font-family: 'Raleway', sans-serif;
    color: #fff;
}

#sidebar ul.sidebar-menu {
    display: inline-block;
}

#sidebar ul.sidebar-menu li a {
    /*color: #8b91a0;*/
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    outline: medium none;
    padding: 15px 0 15px 15px;
    font-weight: 400;
    border-left: 3px solid rgba(0, 0, 0, 0);
    position: relative;
    height: auto;
    line-height: normal;
    border-left: 2px solid rgba(0, 0, 0, 0);
}

#sidebar ul.sidebar-menu li a.active,
#sidebar ul.sidebar-menu li a:hover,
#sidebar ul.sidebar-menu li a:focus,
#sidebar ul.sidebar-menu li.active>a {
    border-color: #F96868;
    background: #070a0a;
    color: #C11111;
}

#sidebar ul.sidebar-menu li a:hover>.fa,
#sidebar ul.sidebar-menu li.active a>.fa {
    color: #fff;
}

ul.sidebar-menu li.active p,
ul.sidebar-menu li:hover p,
ul.sidebar-menu li:focus p {
    color: #fff;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

#sidebar ul.sidebar-menu li {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}

.iconsimg {
    height: 26px;
    background-image: url(../img/sidebar-icons.png);
    background-repeat: no-repeat;
    width: 40px
}

.payment-icon {
    background-position: -53px -3px;
}

.create-parking-icon {
    background-position: -53px -73px;
}

.view-parking-icon {
    background-position: -53px -138px;
}

.contact-icon {
    background-position: -53px -197px;
}
.contact-icon {
    background-position: -53px -197px;
}
.faq-icon {
    background-position: -53px -445px;
}


.register_prop_icon {
    background-position: -53px -309px;
}

.user_account_icon {
    background-position: -53px -374px;
}

a:hover .register_prop_icon {
    background-position: -53px -340px
}

a:hover .payment-icon {
    background-position: -53px -38px
}

a:hover .create-parking-icon {
    background-position: -53px -102px
}

a:hover .view-parking-icon {
    background-position: -53px -168px
}

a:hover .contact-icon {
    background-position: -53px -222px;
}

a:hover .user_account_icon {
    background-position: -53px -404px;
}

#sidebar ul.sidebar-menu li a span {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.sidebar-menu>li>.treeview-menu {
    margin: 0;
}

#sidebar ul.sidebar-menu li.active span,
#sidebar ul.sidebar-menu li:hover span.iconsimg,
#sidebar ul.sidebar-menu li:focus span.iconsimg {
    background-position: 0 -30px;
}

#sidebar ul.sidebar-menu li span.iconsimg.my-vehicles-icon {
    background-position: 0 -62px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.my-vehicles-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.my-vehicles-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.my-vehicles-icon {
    background-position: 0 -92px;
}

#sidebar ul.sidebar-menu li span.iconsimg.guest-vehicles-icon {
    background-position: 0 -125px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.guest-vehicles-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.guest-vehicles-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.guest-vehicles-icon {
    background-position: 0 -148px;
}

#sidebar ul.sidebar-menu li span.iconsimg.my-parking-permits-icon {
    background-position: 0 -185px;
}

#sidebar ul.sidebar-menu li a.active span.iconsimg.my-parking-permits-icon,
#sidebar ul.sidebar-menu li a:hover span.iconsimg.my-parking-permits-icon,
#sidebar ul.sidebar-menu li a:focus span.iconsimg.my-parking-permits-icon {
    background-position: 0 -216px;
}

#sidebar ul.sidebar-menu li span.iconsimg.parking-police-icon {
    background-position: 0 -250px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.parking-police-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.parking-police-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.parking-police-icon {
    background-position: 0 -280px;
}

#sidebar ul.sidebar-menu li span.iconsimg.don-not-towrequest-icon {
    background-position: 0 -310px;
}

#sidebar ul.sidebar-menu li.active span.don-not-towrequest-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.don-not-towrequest-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.don-not-towrequest-icon {
    background-position: 0 -340px;
}

#sidebar ul.sidebar-menu li span.iconsimg.oncall-patroll-icon {
    background-position: 0 -375px;
}

#sidebar ul.sidebar-menu li.active span.oncall-patroll-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.oncall-patroll-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.oncall-patroll-icon {
    background-position: 0 -405px;
}

#sidebar ul.sidebar-menu li span.iconsimg.user-history-system-icon {
    background-position: 0 -442px;
}

#sidebar ul.sidebar-menu li.active span.user-history-system-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.user-history-system-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.user-history-system-icon {
    background-position: 0 -473px;
}

#sidebar ul.sidebar-menu li.active span.payment-icon,
#sidebar ul.sidebar-menu li:hover span.payment-icon,
#sidebar ul.sidebar-menu li:focus span.payment-icon {
    background-position: -53px -38px
}

#sidebar ul.sidebar-menu li.active span.create-parking-icon,
#sidebar ul.sidebar-menu li:hover span.create-parking-icon,
#sidebar ul.sidebar-menu li:focus span.create-parking-icon {
    background-position: -53px -102px
}

#sidebar ul.sidebar-menu li.active span.view-parking-icon,
#sidebar ul.sidebar-menu li:hover span.view-parking-icon,
#sidebar ul.sidebar-menu li:focus span.view-parking-icon {
    background-position: -53px -168px
}

#sidebar ul.sidebar-menu li.active span.register_prop_icon,
#sidebar ul.sidebar-menu li:hover span.register_prop_icon,
#sidebar ul.sidebar-menu li:focus span.register_prop_icon {
    background-position: -53px -340px
}

#sidebar ul.sidebar-menu li.active span.user_account_icon,
#sidebar ul.sidebar-menu li:hover span.user_account_icon,
#sidebar ul.sidebar-menu li:focus span.user_account_icon {
    background-position: -53px -404px;
}


/* 28-12-2016 */

#sidebar ul.sidebar-menu li span.iconsimg.user-newuser {
    background-position: 0 -1128px;
}

#sidebar ul.sidebar-menu li.active span.user-newuser,
#sidebar ul.sidebar-menu li:hover span.iconsimg.user-newuser,
#sidebar ul.sidebar-menu li:focus span.iconsimg.user-newuser {
    background-position: 0 -1150px;
}

#sidebar ul.sidebar-menu li span.iconsimg.ManageProperty {
    background-position: 0 -1028px;
}

#sidebar ul.sidebar-menu li.active span.ManageProperty,
#sidebar ul.sidebar-menu li:hover span.iconsimg.ManageProperty,
#sidebar ul.sidebar-menu li:focus span.iconsimg.ManageProperty {
    background-position: 0 -1052px;
}

#sidebar ul.sidebar-menu li span.iconsimg.contact {
    background-position: 0 -916px;
}

#sidebar ul.sidebar-menu li.active span.contact,
#sidebar ul.sidebar-menu li:hover span.iconsimg.contact,
#sidebar ul.sidebar-menu li:focus span.iconsimg.contact {
    background-position: 0 -947px;
}

#sidebar ul.sidebar-menu li.active span.contact-icon,
#sidebar ul.sidebar-menu li:hover span.contact-icon,
#sidebar ul.sidebar-menu li:focus span.contact-icon {
    background-position: -53px -222px;
}


/* ============ */

#sidebar ul.sidebar-menu li span.iconsimg.qa-icon {
    background-position: 0 -505px;
}

#sidebar ul.sidebar-menu li.active span.qa-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.qa-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.qa-icon {
    background-position: 0 -537px;
}

#sidebar ul.sidebar-menu li span.iconsimg.feedback-icon {
    background-position: 0 -566px;
}

#sidebar ul.sidebar-menu li.active span.feedback-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.feedback-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.feedback-icon {
    background-position: 0 -598px;
}

#sidebar ul.sidebar-menu li span.iconsimg.make-a-payment-icon {
    background-position: 0 -633px;
}

#sidebar ul.sidebar-menu li.active span.make-a-payment-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.make-a-payment-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.make-a-payment-icon {
    background-position: 0 -664px;
}


/* 21-10-2016 */

#sidebar ul.sidebar-menu li span.iconsimg.patrolsystem-icon {
    background-position: 0 -125px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.patrolsystem-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.patrolsystem-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.patrolsystem-icon {
    background-position: 0 -149px;
}

#sidebar ul.sidebar-menu li span.iconsimg.my-residentbl-icon {
    background-position: 0 -852px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.my-residentbl-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.my-residentbl-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.my-residentbl-icon {
    background-position: 0 -882px;
}

#sidebar ul.sidebar-menu li span.iconsimg.my-resdvehicles-icon {
    background-position: 0 -916px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.my-resdvehicles-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.my-resdvehicles-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.my-resdvehicles-icon {
    background-position: 0 -947px;
}


/* Header */

header.header.black-bg .logo-box {
    background: #020f18;
    color: #ffffff;
    float: left;
    font-size: 40px;
    margin-top: -1px;
    max-width: 266px;
    padding: 9px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    width: 100%;
}

.dropdown_pro {
    background: #32323a;
    display: none;
    position: absolute;
    right: 0;
    top: 59px;
    width: 200px;
    box-shadow: 0 2px 4px #505050;
    -webkit-box-shadow: 0 2px 4px #505050;
    -moz-box-shadow: 0 2px 4px #505050;
    -ms-box-shadow: 0 2px 4px #505050;
}

header.header .nav.navbar-nav.navbar-right>li {
    margin: 11px 15px 11px 10px;
}

header.header.black-bg .collapse.navbar-collapse {
    box-shadow: 0 0 3px #606060;
    text-align: center;
}

header.header.black-bg .nav.navbar-nav.navbar-right p {
    display: inline-block;
    cursor: default;
    margin-bottom: 0
}

.nav.navbar-nav.navbar-right>li .msg a i.iconsimg {
    height: 24px;
    width: 19px;
    position: relative;
    top: 5px;
    display: inline-block;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

header.header.black-bg .nav.navbar-nav.navbar-right span a img {
    border-radius: 50%;
    border: 2px solid #d7d7d7;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

header.header.black-bg .nav.navbar-nav.navbar-right span a.active img,
header.header.black-bg .nav.navbar-nav.navbar-right span a:hover img,
header.header.black-bg .nav.navbar-nav.navbar-right span a:focus img {
    border-radius: 50%;
    border: 2px solid #1B1E24;
    box-shadow: 0 2px 3px #5c5c5c;
    -webkit-box-shadow: 0 2px 3px #5c5c5c;
    -moz-box-shadow: 0 2px 3px #5c5c5c;
    -ms-box-shadow: 0 2px 3px #5c5c5c;
}

.nav.navbar-nav.navbar-right>li .msg a i.iconsimg.glyphiconbell {
    background-position: -5px -690px;
}

.nav.navbar-nav.navbar-right>li .msg a.active i.iconsimg.glyphiconbell,
.nav.navbar-nav.navbar-right>li .msg a:hover i.iconsimg.glyphiconbell,
.nav.navbar-nav.navbar-right>li .msg a:focus i.iconsimg.glyphiconbell {
    background-position: -5px -713px;
}

.nav.navbar-nav.navbar-right>li .msg a i.iconsimg.glyphiconenvelope {
    height: 21px;
    top: 4px;
    width: 27px;
}

.nav.navbar-nav.navbar-right>li .msg a i.iconsimg.glyphiconenvelope {
    background-position: -3px -733px;
}

.nav.navbar-nav.navbar-right>li .msg a.active i.iconsimg.glyphiconenvelope,
.nav.navbar-nav.navbar-right>li .msg a:hover i.iconsimg.glyphiconenvelope,
.nav.navbar-nav.navbar-right>li .msg a:focus i.iconsimg.glyphiconenvelope {
    background-position: -3px -752px;
}

header.header.black-bg .logo-box span {
    color: #879195;
    cursor: pointer;
    font-size: 23px;
    font-weight: 300;
    position: absolute;
    right: -50px;
    top: 17px;
    -webkit-transition: color ease-in-out 350ms;
    -moz-transition: color ease-in-out 350ms;
    -ms-transition: color ease-in-out 350ms;
    transition: color ease-in-out 350ms;
}

header.header.black-bg .logo-box span:hover {
    color: #e14444;
}

.sidebar-menu>li>a>.fa {
    bottom: 0;
    font-size: 12px;
    height: 15px;
    margin: auto;
    padding: 0;
    position: relative;
    right: 10px;
    top: 5px;
    width: 15px;
    -webkit-transition: color ease-in-out 350ms;
    -moz-transition: color ease-in-out 350ms;
    -ms-transition: color ease-in-out 350ms;
    transition: color ease-in-out 350ms;
}

.navbar-right .msg .dropdown-menu {
    border: 0 none;
    border-radius: 0;
    left: auto;
    right: -55px;
    top: 57px;
}

.notifications-info .firstletteralp {
    background: #f96868;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    color: #ffffff;
    float: left;
    font-size: 18px;
    height: 37px;
    line-height: 2;
    text-align: center;
    width: 37px;
    font-family: "Lato", sans-serif;
    font-weight: 600
}

.firstletteralp {
    background: none;
    height: 37px;
    width: 37px;
    float: left
}

.firstletteralp img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    width: 100%;
}

.notifications-info .firstletter-color-bgtwo {
    background: #f8c514;
}

.notifications-info .firstletter-color-bgthree {
    background: #4ec194;
}

.notifications-info .firstletter-color-bgfour {
    background: #736086;
}

.notifications-info .firstletter-color-bgfive {
    background: #62a8ea;
}

.notifications-info .firstletter-color-bgsix {
    background: #0aa699;
}

.notification-content h4.item-title {
    font-size: 14px;
    font-weight: 400;
    color: #2d2d2d;
    font-family: "Lato", sans-serif;
    margin: 0
}

.notification-content h4.item-title>span {
    font-size: 12px;
    font-weight: 300;
    color: #b0b0b0;
    font-family: "Lato", sans-serif;
}

.nav.navbar-nav.navbar-right>li .notification-item {
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.nav.navbar-nav.navbar-right>li .notifications a.content {
    background: none;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    border-top: 1px solid #efefef;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    color: #707070;
    line-height: 100%;
}

.notification-header {
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.notification-header .viewall {
    background: #f96868;
    border-radius: 35px;
    color: #ffffff;
    line-height: 100%;
    float: right;
    font-size: 13px;
    margin: 0;
    padding: 5px 10px;
}

.notification-header .viewall:hover {
    background: #1B1E24;
    color: #fff
}

.notification-header>p {
    color: #707070;
    float: left;
    line-height: 100%;
    margin-top: 7px;
    font-size: 12px;
}

.navbar-right>li .notification-item .notification-content {
    float: right;
    width: 80%;
}

.navbar-right>li .notification-item .notification-content p.item-info {
    color: #b0b0b0;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    font-weight: 300
}

.nav.navbar-nav.navbar-right>li .notifications {
    min-width: 300px;
    padding: 0;
    border-top: 2px solid #f96868
}

.nav.navbar-nav.navbar-right>li .msg .notifications::before {
    border-bottom: 8px solid #f96868;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    right: 53px;
    top: -10px;
}

.nav.navbar-nav.navbar-right>li .msg.notifications-info .notifications::before {
    right: 10px
}

.navbar-right .msg.notifications-info .dropdown-menu {
    right: -10px;
}


/* Page Header */

.page-header.wlcome {
    background: #fff;
    padding: 13px 24px;
    margin-bottom: 30px;
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
    position: relative;
    display: inline-block;
    width: 100%;
}

.page-header.wlcome::after {
    background: #ffffff;
    content: "";
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    box-shadow: 10px 0 3px #ccc;
    -webkit-box-shadow: 10px 0 3px #ccc;
    -moz-box-shadow: 10px 0 3px #ccc;
    -ms-box-shadow: 10px 0 3px #ccc;
}

.page-header.wlcome .wlcm-heading h3 {
    display: inline-block;
    margin: 0;
    padding-top: 3px;
    color: #e64545;
    font-size: 24px
}

.wlcm-heading .btn-default {
    float: left;
    margin-left: 15px;
}

.page-header.wlcome .select-items {
    max-width: 350px;
    width: 100%;
    float: right;
    margin-top: -2px;
    position: relative
}

.page-header.wlcome .select-items span.input-group-addon {
    bottom: 0;
    display: inline-block;
    font-size: 25px;
    height: 28px;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 0;
    width: 0;
    z-index: 9;
    border: 0;
    background: none;
    color: #caccd0
}

.page-header.wlcome .select-items select {
    width: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #6d6d6d;
    height: 37px;
    background: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 300
}


/* Permits */

.user-listing.listing-box {
    padding: 0
}

.user-listing>ul>li.permits {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    /*min-height: 250px;*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 2px 3px #dcdcdc;
    -webkit-box-shadow: 0 2px 3px #dcdcdc;
    -moz-box-shadow: 0 2px 3px #dcdcdc;
    -ms-box-shadow: 0 2px 3px #dcdcdc;
}

.user-listing ul li h2 {
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #fff;
    margin-top: 0;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.bg-bluebg {
    background: #62A8EA !important;
}

.bg-lightredbg {
    background: #f96868 !important
}

.bg-reddark {
    background: #DD524B !important
}

.bg-lightgreenbg {
    background: #0aa699 !important
}

.bg-lightpurple {
    background: #736086 !important
}

.bg-lightyellow {
    background: #EECA5A !important
}

.bg-lighter-green {
    background: #75B749 !important
}

.bg-lighter-rafuji {
    background: #4AB2B3 !important
}

.bg-yellowdr {
    background: #FCA73A !important
}

.bg-lighter-green {
    background: #75B749 !important
}

.bg-lighter-rafuji {
    background: #4AB2B3 !important
}

.bg-brown {
    background: #AC8363 !important
}

.bg-darkblue {
    background: #1D283A !important
}

.bg-lighter-aqua {
    background: #66B5D6 !important
}

.bg-lighter-orange {
    background: #E87352 !important
}

.bg-lighter-greenesh {
    background: #5FCE9B !important
}

.bg-darkpurple {
    background: #8F44AD !important
}

.bg-lighter-blue {
    background: #75B749 !important
}

.bg-lighter-grey {
    background: #78818A !important
}

.bg-darkpurple .progress {
    background: #6B359C
}

.bg-yellowdr .progress {
    background: #C88629
}

.bg-darkblue .progress {
    background: #17202F
}

.bg-reddark .progress {
    background: #B1413D
}

.bg-brown .progress {
    background-color: #8B694E
}

.bg-lighter-aqua .progress {
    background-color: #5191AA
}

.bg-lighter-orange .progress {
    background: #BA5C42
}

.bg-lighter-greenesh .progress {
    background: #4DA57D
}

.bg-lighter-rafuji .progress {
    background: #3B9596
}

.bg-lighter-grey .progress {
    background: #60676F
}

.bg-lightyellow .progress {
    background-color: #BDA249;
}

.bg-lighter-green .progress {
    background-color: #5D9238;
}

.bar-content {
    display: inline-block;
    width: 100%;
}

.progress {
    background-color: #4e86bb;
    border-radius: 4px;
    border: 0;
    height: 4px;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
    width: 100%;
}

.permits.bg-lightredbg .progress {
    background-color: #c75353;
}

.permits.bg-lightgreenbg .progress {
    background-color: #08857a;
}

.permits.bg-lightpurple .progress {
    background-color: #5c4d6b;
}

.progress-white {
    background: #fff
}

.user-listing ul li .bar-content span {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 70px;
    position: relative;
}

.user-listing ul li .bar-content p.bar-icon {
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    height: 84px;
    text-align: center;
    width: 84px;
    position: relative;
    display: inline-block;
}

.bar-icon>img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.permits-content>p {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 0
}

.permits-content>p a {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
}

.permits-content>p a:hover {
    background: #fff;
    color: #868686;
}


/* Search Result */

.floatnone {
    display: inline-block;
    float: none;
}

.search-residents {
    padding: 24px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 2px 3px #dcdcdc;
    -webkit-box-shadow: 0 2px 3px #dcdcdc;
    -moz-box-shadow: 0 2px 3px #dcdcdc;
    -ms-box-shadow: 0 2px 3px #dcdcdc;
}

.search-residents h2 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #e64545;
    margin-top: 0
}

.search-residents>span {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e4eaec;
    margin-bottom: 16px;
}

.search-residents>span input {
    background: rgba(0, 0, 0, 0);
    color: #494848;
    font-size: 16px;
    width: 90%;
    padding: 16px 0;
    border: 0 none;
}

.search-residents>span button {
    background: rgba(0, 0, 0, 0);
    border: 0 none;
    padding: 0;
    font-size: 20px;
    color: #c4c4c4;
    margin-top: 15px;
}

.searchresult {
    margin: 0 -20px;
}

.searchresult li {
    padding: 10px 30px;
    border-bottom: 1px solid #e4eaec;
}

.searchresult li a:hover .resultitem:after {
    right: -8px;
    opacity: 1
}

.resultitem {
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.resultitem:after {
    position: absolute;
    right: 0;
    content: "\f105";
    font-family: 'FontAwesome';
    color: #37474f;
    opacity: 0.4;
    top: 15px;
    height: 100%;
    bottom: 0;
    font-size: 20px;
    margin: 0;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.resultitem>img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    margin-right: 12px
}

.resultitem .result-content p {
    color: #37474f;
    margin: 0;
    font-size: 16px;
    font-weight: 300;
}

.resultitem .result-content span {
    color: #a3afb7;
    font-size: 13px;
    font-weight: 300;
}

.result-content {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
}

.loadmore {
    display: inline-block;
    font-size: 16px;
    margin-top: 7px;
    color: #e64545;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.loadmore:hover {
    color: #202026;
    text-shadow: 1px 1px 0px #9c9c9c;
    -webkit-text-shadow: 1px 1px 0px #9c9c9c;
    -moz-text-shadow: 1px 1px 0px #9c9c9c;
    -ms-text-shadow: 1px 1px 0px #9c9c9c;
}

.loadmore i {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.loadmore:hover i {
    margin-left: 8px;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: none
}


/* Table */

.tablecontent {
    background: #ffffff;
    border: 1px solid #ebebeb;
    padding: 15px 19px;
    margin-bottom: 30px;
    box-shadow: 0 2px 3px #ececec;
    -webkit-box-shadow: 0 2px 3px #ececec;
    -moz-box-shadow: 0 2px 3px #ececec;
    -ms-box-shadow: 0 2px 3px #ececec;
}

.headingpage {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #e64545;
    margin-top: 0
}

.tabledata {
    width: 100%;
}

table.dataTable.nowrap th,
table.tablecustom thead tr th {
    color: #37474f;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-align: center;
    padding: 15px;
    white-space: normal;
    vertical-align: middle
}

table.tablecustom tbody tr {
    border-color: #e9eaeb;
    border-style: solid none;
    border-width: 1px 0;
}

table.tablecustom tbody tr:nth-of-type(2n+1) {
    background: #fafafa
}

table.tablecustom tbody tr td {
    vertical-align: middle;
    color: #7c8387;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    padding: 10px 15px
}

.table-responsive {
    display: inline-block;
    /*overflow-x: auto; overflow-y: hidden;*/
    width: 100%;
}


/*Custom Table Setting */

.cst-tbl-sec {
    padding-left: 0;
    padding-right: 0;
}

.tbl-head {
    padding: 0 20px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.tbl-head .btn-default {
    padding: 4px 13px;
    font-size: 14px;
}

.cst-tbl-sec .headingpage,
.cst-tbl-sec h1 {
    padding-right: 20px;
    display: inline-block;
    margin-bottom: 0;
}

.cst-tbl-sec .headingpage {
    margin-top: 5px;
}

.lbl-hdn,
.cst-tbl-sec .lbl-hdn {
    display: none;
}

.cst-tbl-sec .loadmore {
    padding-left: 20px;
    margin-top: 0;
}

.cst-tbl-sec .table {
    margin-bottom: 10px;
}

.tabl-card-view label.th-head {
    color: #37474f;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    padding: 0 10px 0 0;
    vertical-align: middle;
    border-bottom: 0;
    width: 50%;
    float: left;
    margin: 0;
}

table.dataTable thead .sorting {
    white-space: normal;
    word-break: normal;
}


/* external_security@gmail.com 26-09-2016 */


/* ============   Page Heading Top Bar -================ */

.pageheading {
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
    width: 100%;
    margin-bottom: 25px;
}

.pageheading span {
    background: #e64545;
    float: left;
    height: 70px;
    text-align: center;
    width: 70px;
}

.pageheading h3 {
    color: #e64545;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-size: 21px;
    font-weight: bold;
    margin: 23px;
}

.pageheading figure {
    border: 1px solid #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    display: inline-block;
    height: 50px;
    line-height: 3.8;
    vertical-align: middle;
    width: 50px;
    margin-top: 10px
}

.selectproperty {
    float: right;
    margin: 12px 20px 0 0;
    max-width: 450px;
    width: 100%;
}

.selectproperty label {
    color: #e64545;
    font-size: 18px;
    font-weight: 500;
    margin-top: 9px;
    margin-right: 15px;
}

.selectproperty select {
    max-width: 300px;
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #6d6d6d;
    font-size: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    font-family: "Lato", sans-serif;
    background-color: inherit;
    background-image: url(../img/pageheadingicon-select.png) !important;
    background-repeat: no-repeat !important;
    background-position: 96% center !important;
    padding: 0 15px;
    float: right;
}

.errorproperty {
    display: inline-block;
    margin: 70px auto;
}

.label-error {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border: 1px solid #dd5b57;
    display: block;
    font-size: 25px;
    padding: 15px;
    color: #e64545;
    background: #f9dada;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    letter-spacing: 1.4px;
    line-height: 1.2;
    margin-top: 15px
}


/* Check In Page */

.dataheading {
    display: block;
    margin-bottom: 20px
}

.dataheading h1 {
    color: #e14444;
    font-size: 30px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    padding-left: 20px;
}

.cst-bg-wrap .dataheading h1 {
    float: left;
    padding-left: 20px;
    margin-bottom: 0;
}

.with-border.dataheading .pull-right.btn.btn-default {
    margin-right: 20px;
}

.card-head h1 {
    padding-left: 0;
}

.edit-profile-pg .dataheading {
    text-align: center;
}

.no-data {
    background-color: #f9f9f9;
    color: #7c8387;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    padding: 10px 15px;
    vertical-align: middle;
    border-top: 1px solid #ebecec;
    border-bottom: 1px solid #ebecec;
    line-height: 1.42857143;
}

.no-data h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.checkin .Property_Details h4 {
    background: #e14444;
    color: #fff;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    display: inline-block;
    padding: 13px;
    margin-bottom: 0
}

.Property_Details .detailbox {
    display: inline-block;
    width: 100%;
}

ul.userparkingprmt h2.bg-gray.disabled.color-palette.a {
    color: #000;
    font-size: 20px;
    margin-top: 5px;
}

.detailbox,
.block-sec {
    padding: 19px 13px;
    background: #f4f7f8;
    border: 1px solid #d4d4d4
}

.detailbox h3 {
    margin-top: 0px;
}

.detailbox li,
.block-sec li {
    display: inline-block;
    width: 100%;
    margin-bottom: 18px;
    padding-left: 18px;
    position: relative
}

.detailbox li:last-child,
.block-sec li:last-child {
    margin-bottom: 0
}

.detailbox li:before,
.block-sec li:before {
    position: absolute;
    left: 0;
    height: 8px;
    width: 8px;
    background: #E14444;
    top: 9px;
    margin: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    content: ""
}

.detailbox li b,
.block-sec li b {
    color: #1b1e24;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.detailbox li p,
.block-sec li p {
    float: right;
    color: #8c999d;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin: 0
}

.detailbox li:first-child b {
    color: #1b1e24;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.detailbox li:first-child p {
    float: right;
    /* color: #e14444; */
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.checkin-section {
    background: #334d5c;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
    margin-top: 51px;
    padding: 35px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    border: 1px solid #d4d4d4
}

/*.checkin-section:hover .checkicon {*/
/*    border-color: #E64545;*/
/*}*/

/*.checkin-section:hover .checkicon figure {*/
/*    background-position: 0 -108px*/
/*}*/

.checkicon {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    border: 3px solid #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    display: block;
    height: 136px;
    margin: 0 auto;
    width: 136px;
    text-align: center
}

.checkicon figure {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    background-image: url(../img/checkin.png);
    background-repeat: no-repeat;
    width: 77px;
    height: 102px;
    margin-top: 19px;
    display: inline-block
}

.btn-check {
    font-size: 27px;
    color: #fff;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    font-weight: 300;
    max-width: 291px;
    width: 100%;
    padding: 15px 0
}

/*.checkin-section:hover .btn-check {*/
/*    border-color: #E64545;*/
/*    background-color: transparent;*/
/*    color: #E64545;*/
/*    !* box-shadow: 0 2px 3px #202020;*/
/*    -webkit-box-shadow: 0 2px 3px #202020;*/
/*    -moz-box-shadow: 0 2px 3px #202020;*/
/*    -ms-box-shadow: 0 2px 3px #202020;*!*/
/*}*/

.btn-checkout {
    font-size: 27px;
    color: #fff;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    font-weight: 300;
    width: 291px;
    padding: 10px 0;
    margin-top: -6px;
}

.btn-checkout .gonot {
    display: none;
    background-position: 0 -20px;
}

.modal-footer .btn-checkout .gonot {
    display: inline-block;
}

.modal-footer .check_popup .btn-checkout {
    width: auto;
    line-height: 1.5;
    float: right;
    padding: 0 2rem;
    font-size: 14px;
    margin-top: 0 !important;
}

.modal-footer .btn-checkout:hover .gonot {
    background-position: 0 0;
}


/* After Checkin */

.form-section.margin-top {
    background-image: url(../img/searchbg.png);
    background-repeat: repeat;
    position: relative;
    overflow: hidden;
    padding: 67px 0
}

.form-section.margin-top>form.form-horizontal.Patrolling {
    border: 0;
    width: 100%;
    padding: 25px 21px;
    margin: 0
}

.form-section.margin-top::after,
.form-section.margin-top::before {
    background: rgba(0, 0, 0, 0) url("../img/searchbg.png") repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: -15px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 15px;
}

.form-section.margin-top::after {
    right: -15px;
    left: inherit
}

form.serachplate {
    max-width: 871px;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

@media only screen and (max-width: 600px) {
    .searchinput {
        background: #fff;
        width: 100%;
        display: inline-block !important;
    }
}

.searchinput {
    /*background: #fff;*/
    /*width: 100%;*/
    /*display: inline-block*/
    display: flex;
}

.searchinput .form-control.form-big {
    border-radius: 0;
    border-right: 0 none;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    height: 60px;
    width: 72%;
}

.searchinput .btn.form-big.form-control {
    float: right;
    border: 0;
    width: auto;
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 0 20px;
    position: relative;
}

.btn.btn-default.form-big.form-control::before {
    background: #e64545;
    content: "";
    height: 100%;
    left: -10px;
    position: absolute;
    top: 0;
    width: 10px;
}

.btn.btn-default.form-big.form-control::after {
    content: "";
    left: -31px;
    position: absolute;
    top: 0;
    border-right: 12px solid #e64545;
    border-left: 12px solid rgba(0, 0, 0, 0);
    border-top: 12px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid rgba(0, 0, 0, 0);
    bottom: 0;
    margin: auto;
    height: 0
}

.sendnote {
    background: #62a8ea;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 52px;
    padding: 16px;
    border: 1px solid #d4d4d4
}

.sendnote.realtime {
    background: #0aa699
}

.sendnote>span {
    float: left;
}

.sendnote-content {
    display: inline-block;
    padding-left: 21px;
    width: 69%;
}

.sendnote p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}

.sendnote-content a {
    background: #fff;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    color: #62a8ea;
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
}


/* ========== .user-listing ======== */

.user-listing:first-child {
    margin-top: 0;
}

.user-listing {
    margin-top: 30px;
    box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -ms-box-shadow: 0 1px 2px #ccc;
}

.box-solid.tabs_add {
    padding-left: 15px;
    padding-right: 15px;
}

.cst-user {
    padding-left: 0;
    padding-right: 0;
}

.no_card {
    color: #7c8387;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    padding: 10px 15px;
    margin-bottom: 10px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #ebecec;
    border-top: 1px solid #ebecec;
}

.card-add-req {
    font-weight: 600;
}


/* Table */

table.dataTable.no-footer {
    border-bottom-color: #ebecec;
    margin-bottom: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.search-table .dataheading {
    margin-bottom: 15px;
}

.search-table .dataheading h1 {
    font-size: 18px;
    text-transform: uppercase;
}

.table thead tr th {
    color: #37474f;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    padding: 15px;
    vertical-align: middle;
    border-bottom: 0;
}

.table thead tr th a {
    color: #37474f;
}

.table tbody tr td {
    color: #7c8387;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    padding: 10px 15px;
    vertical-align: middle;
    white-space: normal;
    word-wrap: break-word;
    border-top-color: #ebecec;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.table tbody tr td a {
    /*    color: #7c8387*/
}

.table tbody tr td a:hover {
    color: #e64545
}

#accordion .table tbody tr:hover td {
    background: #1b1e24;
    color: #fff;
}

#accordion .table tbody tr:hover a.btn-default-outline {
    background: #e64545;
    color: #ffffff;
}


/* Send Note */

.selectproperty a.btn.btn-default.btn-checkout {
    font-size: 16px;
    margin-top: -1px;
    padding: 13px;
    width: auto;
    float: right;
}

form.form-horizontal .form-group.message_box label {
    background: #e14444;
    color: #fff;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    display: inline-block;
    padding: 13px;
    margin-bottom: 0
}

.textarea {
    background: #f4f7f8;
    border: 1px solid #d4d4d4
}

.textarea textarea {
    border: 1px solid #d4d4d4;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    min-height: 283px;
}

.textarea {
    background: #f4f7f8;
    border: 1px solid #d4d4d4;
    display: inline-block;
    padding: 18px;
    width: 100%;
}

/*#camera_wrapper {
    padding: 5px;

    background: rgb(201, 135, 248);

    background: -moz-linear-gradient(-45deg, rgba(201, 135, 248, 1) 0%, rgba(65, 178, 157, 1) 100%);

    background: -webkit-linear-gradient(-45deg, rgba(201, 135, 248, 1) 0%, rgba(65, 178, 157, 1) 100%);

    background: linear-gradient(135deg, rgba(201, 135, 248, 1) 0%, rgba(65, 178, 157, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c987f8', endColorstr='#41b29d', GradientType=1);

    display: inline-block;
    width: 100%;
    position: relative
}*/

#camera_wrapper>#camera {
    padding: 10px;
    background: #fff
}

embed#webcam_movie {
    width: 75%;
}

.images_captured>img {
    border: 2px solid #ccc;
    border-radius: 4px;
}

.images_captured .fa-times-circle-o {
    background: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    color: #e64545;
    cursor: pointer;
    padding: 2px;
}

.red .btn.bg-black {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 0 none;
    box-shadow: none;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 9;
    width: 100%;
    height: 100%;
}

.btn.btn-default {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
}

.submitcancle ul li {
    display: inline-block;
    margin-left: 25px;
}

.btn-default-outline {
    border: 2px solid #E64545;
    color: #E64545;
    background: #fff;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    padding: 6px 25px
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
}

td .btn-xs+.btn-xs {
    margin-top: 10px;
}

.table tbody tr td a.btn-default-outline {
    color: #E64545;
}

.btn-default-outline:hover,
.btn-default-outline:focus,
.table tbody tr td a.btn-default-outline:hover,
.table tbody tr td a.btn-default-outline:focus {
    color: #fff;
    background: #E64545
}


/* Comon */

.bg-whitebtn {
    background: #fff;
    color: #000000;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    border-radius: 0;
    box-shadow: 2px 2px 3px #dcdcdc;
    -webkit-box-shadow: 2px 2px 3px #dcdcdc;
    -moz-box-shadow: 2px 2px 3px #dcdcdc;
    -ms-box-shadow: 2px 2px 3px #dcdcdc;
    padding: 5px 15px
}

#accordion table {
    border: 1px solid #ebecec
}

tbody tr {
    border-bottom: 1px solid #ebecec
}

.table tr:hover .bgactive {
    background: #40c67a;
    color: #fff;
    box-shadow: none;
}

.table tr:hover .bgnoactive {
    background: #E64545;
    color: #fff;
}

.searchplt .btn.btn-app.link_btn.btn-default {
    font-size: 18px;
    font-weight: 500;
    padding: 15px 18px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
}

.bg-green {
    margin: 0 auto 3%;
    padding: 16px;
    width: auto;
    background: rgba(64, 198, 122, 1);
    border: 0;
    border-radius: 0;
    color: #fff;
}

.bg-red {
    background: #E64545;
    border: 0;
    border-radius: 0;
    margin: 0 0 0 0;
    padding: 16px;
    width: auto;
}

.bg-yellow {
    margin: 0 auto 3%;
    padding: 16px;
    width: auto;
    color: #32323A;
    background: #ffff00;
    border: 0;
    border-radius: 0;
}

.bg-orange {
    margin: 0 auto 3%;
    padding: 16px;
    width: auto;
    color: #fff;
    background: #FF6801;
    border: 0;
    border-radius: 0;
}

.bg-aqua {
    margin: 0 auto 3%;
    padding: 16px;
    width: auto;
    color: #fff;
    background: #00AFF0;
    border: 0;
    border-radius: 0;
}

.bg-grey {
    margin: 0 auto 3%;
    padding: 16px;
    width: auto;
    color: #fff;
    background: grey;
    border: 0;
    border-radius: 0;
}

.bg-info {
    background: #31b0d5;
    font-size: 20px;
    margin: 0 auto 3%;
    padding: 16px;
    width: auto;
    border: 0;
    border-radius: 0;
    color: #fff;
}


/*  Patroling Details */

.hgroup.bg-red {
    background: #fadddf;
    border: 1px solid #e14444;
    margin-top: 52px
}

.hgroup.bg-red h1 {
    font-size: 28px;
    color: #e14444;
    font-weight: 400;
    margin: 0
}

.hgroup.bg-red h3 {
    font-size: 32px;
    color: #e14444;
    font-weight: bold;
    margin-top: 12px
}

.nonresident-icon {
    float: left
}

.nonguest-icon {
    float: right
}

.non-guest-content {
    display: inline-block;
}

#accordion .panel.panel-default {
    box-shadow: none;
    border: 0
}

.vehicle_status #accordion .panel-heading.active-tab {
    background: #e14444;
    color: #fadddf;
    font-size: 23px
}

.vehicle_status #accordion .panel-heading {
    border: 1px solid #d4d4d4;
    color: #1b1e24;
    background: #f4f7f8;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 15px
}

.vehicle_status #accordion .panel-heading.active-tab .numbers-fcont {
    color: #fadddf
}

.vehicle_status #accordion .panel-heading h4::after,
.vehicle_status #accordion .panel-heading.active-tab h4::after {
    content: "";
    font-size: 25px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 12px;
    width: 28px;
    background-image: url(../img/tabsicon.png);
}

.vehicle_status #accordion .panel-heading.active-tab h4::after {
    background-image: url(../img/tabsicon-not.png);
    /*
    bottom: inherit;
    top: 22px;
*/
}

.vehicle_status #accordion .panel-heading.active-tab h4 {
    color: #fadddf;
    font-size: 23px
}

.vehicle_status #accordion .panel-heading h4 {
    color: #1b1e24;
    position: relative;
    font-size: 23px
}

.text-center.bg-info {
    border: 4px solid #147bc0;
    background: #3498db;
    font-size: 40px;
    color: #fff;
    padding: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    display: inline-block;
    width: 100%;
    margin-top: 30px
}

.text-center.bg-info a {
    border: 0;
    background: #fff;
    color: #3498db;
    font-size: 22px;
    font-weight: 500;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    padding: 10px 30px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    width: 100%;
}

.text-center.bg-info a:hover {
    box-shadow: 3px 5px 0 #147bc0;
    -webkit-box-shadow: 3px 5px 0 #147bc0;
    -moz-box-shadow: 3px 5px 0 #147bc0;
    -ms-box-shadow: 3px 5px 0 #147bc0;
}


/* Add Violation */

ul.submitviolation li .form-group {
    padding: 0
}

.submitviolation label {
    color: #e64545;
    font-size: 18px;
    font-weight: 500;
    margin-right: 10px;
}

.submitviolation select {
    width: 254px;
    height: 44px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #6d6d6d;
    font-size: 15px;
    -moz-appearance: none;
    font-family: "Lato", sans-serif;
    background-color: inherit;
    background-image: url(../img/pageheadingicon-select.png);
    background-repeat: no-repeat;
    background-position: 225px center;
    padding-left: 10px;
}

.submitviolation>li {
    float: left;
    width: 49%;
}

.submitviolation .select-items {
    float: left;
}

.submitviolation>li:nth-of-type(2n+2) {
    float: right;
}

.select-items .form-control,
.input-group .form-control,
.form-control.input-lg,
input.form-control {
    background-color: #ffffff;
}


/* Violation Details */

.violationdetails_content {
    background: #e14444;
    color: #ffffff;
    float: left;
    padding: 35px;
    text-align: center;
    position: relative;
    width: 30%;
}

.violationdetails_content:after {
    position: absolute;
    right: -30px;
    top: 0;
    border-left: 15px solid #e14444;
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-bottom: 15px solid rgba(0, 0, 0, 0);
    border-top: 15px solid rgba(0, 0, 0, 0);
    content: ""
}

.violationdetails_content h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px
}

.violationdetails .detailbox,
.rgt-detail {
    display: inline-block;
    width: 70%;
}

.tow-car-imgs li {
    float: left;
    margin-bottom: 3%;
    margin-right: 3%;
    width: 48%;
}

/*.tow-car-imgs li:nth-of-type(2n+2) {
    float: right;
    margin-right: 0;
}*/

.tow-car-imgs img {
    width: 100%;
    height: 280px;
}

#accordion .panel-body {
    border: 0
}

.numbers-fcont {
    font-size: 23px;
    color: #969696;
    font-weight: 500
}

.tablelayout {
    table-layout: fixed;
}

.tableresponsive {
    overflow-x: auto;
    width: 100%
}

.tablescroll {
    width: 1500px;
}

.table-listing .pagination {
    float: right;
}

.table-listing .pagination li span,
.table-listing .pagination li a {
    border: 0;
    font-size: 16px;
    color: #666;
    line-height: 100%
}

.table-listing .pagination li.active span {
    color: #fff
}

select.bg-whitebtn {
    -moz-appearance: none;
    border: 0;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

select.bg-whitebtn:hover {
    background: #1B1E24;
    color: #fff;
}

select.bg-whitebtn:hover option {
    background: #fff;
    color: #000
}

select.bg-whitebtn option {
    background: #fff;
    color: #000
}

.pageheading .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    box-shadow: 0 0 3px #acacac;
    color: #a94442;
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

#camera_wrapper>div#camera.camera_after::before {
    background: #ffffff;
    content: "";
    height: 96%;
    left: 1%;
    position: absolute;
    top: 2%;
    width: 98%;
}

.box.box-default.violation_content form.form-horizontal .box-body.form-cntnr #camera_wrapper #camera {
    border: 0;
}

#camera_wrapper>div#camera::after {
    /*border: 3px dashed #CCCCCC;*/
    bottom: 0;
    content: "";
    height: 92%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 95%;
}

#camera_wrapper button p {
    color: #cccccc;
    font-size: 27px;
    font-weight: bold;
    margin-top: 20px;
}

.camerabtn {
    background: #1b1e24 none repeat scroll 0 0;
    border-radius: 0;
    bottom: 0;
    color: #ffffff;
    font-size: 20px;
    height: 93%;
    margin: auto;
    padding: 10px 25px;
    position: absolute;
    right: 16px;
    top: 0;
    width: 162px;
}

.camerabtn img {
    width: 120px;
}

#camera_wrapper button.camerabtn-st p {
    color: #fff;
}


/*  */

.vehicleeditname {
    float: left;
    text-align: center;
    width: 24%;
}

.vehicleeditname h2 {
    font-size: 29px;
    color: #1b1e24;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0
}

.vehicleeditname h2 a.btn.btn-default-outline {
    margin-top: 10px
}

.detailbox .detailbox {
    border-left: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
    border-right: 1px solid #ccc;
    display: inline-block;
    padding: 0 15px;
    width: 48%;
}

.detailbox .detailbox li {
    padding: 0;
    margin-bottom: 0
}

.detailbox .detailbox li b {
    font-size: 1.3em;/*14px;*/
    color: #1b1e24
}

.detailbox .detailbox li p {
    font-size: 1.3em;/*14px;*/
    color: #818181
}

.detailbox .detailbox li::before {
    display: none
}

.activeresident .bg-red {
    background: none;
    padding: 0;
    font-size: 16px;
    color: #e14444
}

.detailbox.userparkingprmt {
    padding: 0;
    float: right;
    text-align: center;
    border: 0;
    width: 24%;
}

.detailbox.userparkingprmt .bg-aqua {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #40c67a;
    float: left;
    font-size: 16px;
    padding: 0;
    text-align: left;
    white-space: initial;
    word-wrap: break-word;
}

.detailbox .detailbox.userparkingprmt li {
    padding-left: 9px;
}

.vehicleeditname h2 a.btn.btn-default-outline:hover .edittag {
    background-position: 0 -22px
}

.edittag {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    background-image: url(../img/edit-name.png);
    display: inline-block;
    height: 18px;
    width: 18px;
    position: relative;
    top: 3px
}

.Licence_updatenumb {
    display: inline-block;
    width: 60%;
}

.update-icon {
    float: right;
    margin: -65px 0 0;
    padding: 15px;
    text-align: center;
    width: 40%;
    background: #09BC92
}

.update-icon>span {
    margin: auto;
    margin-bottom: 20px;
    display: block;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.update-icon span i {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    background-image: url("../img/updateicon.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 50px;
    margin-top: 14px;
    width: 50px;
}

.update-icon:hover span i {
    background-position: 0 -56px
}

.update-icon:hover span {
    border-color: #E64545
}

.panel.panel-default:first-child {
    margin-top: 15px;
}

.table tr:hover .bggracebtn {
    background: #F5B73C;
}

.table tr:hover .bggracebtn.bg-whitebtn {
    color: #fff
}

.user-listing.usr-list-sec.listing-box>ul>li {
    text-align: left;
}

.user-listing.usr-list-sec.listing-box {
    box-shadow: none;
}

#sidebar ul.sidebar-menu li>a>p {
    width: 70%;
}

.dataheading-span {
    color: #898989;
    font-weight: 500;
    font-size: 28px;
}

.profilepicupload #capture_btn>p {
    font-size: 20px
}

.formheading {
    font-size: 22px;
    color: #e64545;
    margin-top: 0
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: #fff;
    font-size: 15px;
    font-family: "Lato", sans-serif;
    font-weight: 300
}

.edit-profile-pg form .verifynumber-link {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 15px 30px;
}

.verifynumber-link img {
    float: left;
}

.edit-profile-pg form .verifynumber-link label {
    color: #1b1e24;
    font-size: 18px;
    font-weight: 500
}

.verifynumber-link>span {
    display: inline-block;
}

.edit-profile-pg form .verifynumber-link label {
    color: #1b1e24;
    float: right;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    width: 86%;
}

.edit-profile-pg form .edit-link p a.text-veri,
.edit-profile-pg form .edit-link p a.phn-veri {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    font-size: 13px;
    font-weight: 500;
}

.edit-pro-details {
    border-bottom: 1px solid rgba(27, 30, 36, 0.2);
    display: inline-block;
    width: 100%
}

.box-footer.col-md-6 .passwordchange {
    background: #fdfdfd none repeat scroll 0 0;
    padding: 49px 25px;
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.margin-bottom-10 {
    margin-bottom: 10px !important
}

.margin-bottom-15 {
    margin-bottom: 15px !important
}

.margin-bottom-20 {
    margin-bottom: 20px !important
}

.login-page .login-box {
    margin: 0 auto
}

.login-page,
.register-page {
    background-image: url(../img/login-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.hold-transition.login-page .login-box-body.login_now {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.3);
    box-shadow: none;
    max-width: 378px;
    width: 100%;
    height: 542px;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.hold-transition.login-page .login-box-body.login_now:before,
.hold-transition.login-page .login-box-body.login_now:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.hold-transition.login-page .login-box-body.login_now:before {
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 2px;
    -moz-background-size: 100% 2px;
    background-size: 100% 2px;
    background-image: -webkit-linear-gradient(to right, #be4f0a 0%, #493721 100%), -webkit-linear-gradient(right, #be4f0a 0%, #493721 100%);
    background-image: -moz-linear-gradient(to right, #be4f0a 0%, #493721 100%), -moz-linear-gradient(right, #be4f0a 0%, #493721 100%);
    background-image: -o-linear-gradient(to right, #be4f0a 0%, #493721 100%), -o-linear-gradient(right, #be4f0a 0%, #493721 100%);
    background-image: linear-gradient(to right, #be4f0a 0%, #493721 100%), linear-gradient(to left, #be4f0a 0%, #493721 100%);
}

.hold-transition.login-page .login-box-body.login_now:after {
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    -webkit-background-size: 2px 100%;
    -moz-background-size: 2px 100%;
    background-size: 2px 100%;
    background-image: -webkit-linear-gradient(top, #be4f0a 0%, #493721 100%), -webkit-linear-gradient(to top, #493721 0%, #be4f0a 100%);
    background-image: -moz-linear-gradient(top, #be4f0a 0%, #493721 100%), -moz-linear-gradient(to top, #493721 0%, #be4f0a 100%);
    background-image: -o-linear-gradient(top, #be4f0a 0%, #493721 100%), -o-linear-gradient(to top, #493721 0%, #be4f0a 100%);
    background-image: linear-gradient(to bottom, #be4f0a 0%, #493721 100%), linear-gradient(to top, #493721 0%, #be4f0a 100%);
}

.login-box .login_now input.form-control {
    -moz-border-bottom-colors: #3d3d3d;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    width: 256px;
    color: #fff;
    border-radius: 0;
}

.login-box .login_now form {
    margin: 45px auto 0;
    width: 256px;
}

.login-box .login_now form button {
    border-radius: 0;
}

.btn.active.selected_product.dotowcheck {
    float: left;
    left: inherit;
    margin-right: 11px;
    position: inherit;
    line-height: 0
}

.hold-transition.login-page .login-box-body.login_now .rembr i {
    color: #E64545
}

.rembr p {
    color: #fff;
    font-size: 14px;
}

.hold-transition.login-page .login-box-body.login_now .rembr input {
    height: auto;
    left: 0;
    position: absolute;
    width: auto;
}

.hold-transition.login-page .login-box-body.login_now .rembr {
    display: block;
    margin-bottom: 30px;
    margin-top: 10px;
    position: relative;
}

.login_now ul {
    padding-top: 60px;
    padding-left: 0;
    position: relative
}

.login_now ul:before {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    width: 54px;
    height: 1px;
    background: #3d3d3d;
    margin: auto;
    content: ""
}

.login_now ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.login_now ul li a.createact {
    color: #E64545
}

.login_now ul li a:hover {
    color: #E64545;
}

.login_now ul li a.createact:hover {
    color: #fff
}

.login_now ul li {
    display: inline-block;
}

.login-box span.form-control-feedback {
    font-size: 15px;
    left: 0;
    right: inherit;
    background-image: url(../img/loginpage-icon.png);
    background-repeat: no-repeat;
    height: 18px;
    width: 15px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.hold-transition.login-page .login-box-body.login_now input {
    height: 42px;
    padding-left: 25px;
    padding-right: 0;
}

.login-box span.form-control-feedback.fakey {
    background-position: 0 -40px;
}

.focus span.form-control-feedback.fakey {
    background-position: 0 -60px;
}

.focus .glyphiconenvelope {
    background-position: 0 -20px;
}

button .falock {
    background-image: url("../img/loginpage-icon.png");
    background-position: -1px -77px;
    display: inline-block;
    height: 18px;
    line-height: 100%;
    width: 13px;
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}


/* 30-09-2016 */

.residentfrnd {
    padding: 24px 20px;
}

.btn-default-outline.addfrn {
    float: right;
    border: 1px solid;
    border-radius: 3px;
    color: #1b1a1a;
    font-size: 11px;
    font-weight: 400;
    padding: 5px;
    position: relative;
    right: -6px;
    text-transform: capitalize;
}

.btn-default-outline.addfrn:hover {
    color: #fff;
    border-color: #E64545;
}

.bg-lightpurple .permitsbtn-cont .btn.btn-default-outline {
    background: #836b9b none repeat scroll 0 0;
    border: 1px solid #a682c8;
    border-radius: 0;
    color: #ffffff;
}

.bg-lightpurple .permitsbtn-cont .btn.btn-default-outline:hover {
    background-color: #8d41ad;
}

.bg-darkpurple .permitsbtn-cont .btn.btn-default-outline {
    background: #A653C9;
    border: 1px solid #C576E4;
    border-radius: 0;
    color: #ffffff;
}

.bg-darkpurple .permitsbtn-cont .btn.btn-default-outline:hover {
    background: #A653C9;
}

.bg-lighter-rafuji .permitsbtn-cont .btn.btn-default-outline {
    background: #4AC7C9;
    border: 1px solid #48DCDE;
    border-radius: 0;
    color: #ffffff;
}

.bg-lighter-rafuji .permitsbtn-cont .btn.btn-default-outline:hover {
    background: #3ab5b7;
}

.pull-right.startptroling {
    width: 44%;
}

.pull-right.startptroling a.btn.btn-default {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

.page-header.wlcome.text-center a.btn.btn-default {}

.bg-whitesuccess {
    background: #fff;
    color: #000;
    /*font-size: 15px;
    padding: 5px 15px
    border-radius: 0;*/
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    box-shadow: 2px 2px 3px #dcdcdc;
    -webkit-box-shadow: 2px 2px 3px #dcdcdc;
    -moz-box-shadow: 2px 2px 3px #dcdcdc;
    -ms-box-shadow: 2px 2px 3px #dcdcdc;
}

.bg-whitecoming {
    background-color: #428bca;
    color: #fff;
}

table tbody tr:hover {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

table tbody tr:hover .label-success.bg-whitesuccess {
    background: #1ECA6B;
    color: #fff;
    box-shadow: none
}

.table_select.pull-right {
    width: 380px;
}

.table_select.pull-right li {
    float: right;
}

.table_select.pull-right li input {
    float: left;
    margin-right: 0px;
    border: 1px solid #ccc;
    color: #6d6d6d;
    height: 40px;
}

.table_select.pull-right li input.full-input {
    width: 100%;
}

.table_select.pull-right li select {
    height: 40px;
    padding-right: 25px;
}

.table_select.pull-right li.selcetveriunve {
    width: 38%;
    margin-right: 15px;
    float: left;
}

.btn.btn-default.btn-searching {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    float: right;
    font-size: 16px;
    padding: 7px 12px;
}

table tbody tr:hover .bg-whitecoming {
    background: #428BCA;
    color: #fff;
    box-shadow: none
}

table tbody tr select.bg-whitebtn {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}

table tbody tr select.bg-whitebtn option {
    text-align: left;
}

table tbody tr:hover select.bg-whitebtn {
    background: #E64545;
    color: #fff;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}

.table_elect.pull-right {
    width: 100%;
}

.table_elect.pull-right .form-control.input-sm {
    float: left;
    margin: 0;
    width: 84%;
}

.dataheading .table-listing {
    float: right;
    margin-top: -15px;
    width: 40%;
}

.dataheading .table_select.pull-right {
    float: right;
    position: inherit;
    right: 0;
    top: 0;
    margin-right: 20px;
    margin-top: -4px;
}

.dataheading .table_select.pull-right.adbtn {
    margin-top: 0;
}

.dataheading .table_select.pull-right>ul {
    float: left;
    width: 100%;
    margin: 0;
}

.table {
    table-layout: auto;
}


/**** 03-10-2016 ****/

.responsive-tabs__list__item {
    background: #f4f7f8 none repeat scroll 0 0;
    color: #1b1e24;
    border: none;
    margin-bottom: -2px;
}

.responsive-tabs__list__item.responsive-tabs__list__item--active {
    color: #ff0000;
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ffffff;
    border-top: 3px solid #e64545;
    border-left: 2px solid #dddddd;
    border-right: 2px solid #dddddd;
}

.responsive-tabs__list {
    border-bottom: 2px solid #dddddd;
}

.tabs_add .form-control.license-search {
    background: #ffffff none repeat scroll 0 0;
    margin-bottom: 30px;
}

.tabs_add .formdonewrng>span {
    line-height: 69px;
    padding: 25px;
}

.tabs_add .form-control.license-search {
    color: #6d6d6d;
    font-weight: 300;
    text-transform: capitalize;
}

.tabs_add .tab-pane {
    float: left;
    padding-right: 40px;
    width: 65%;
}

.rigth_div {
    background: #15ba98 none repeat scroll 0 0;
    border: 1px solid #dddddd;
    margin-top: 35px;
    overflow: hidden;
    padding: 59px 0;
    text-align: center;
}

.tabs_add .ul-limange>li {
    margin-bottom: 20px;
}

#registration .ul-limange>li {
    margin-bottom: 0;
}

.tabs_add .input-group-addon {
    background-color: #ffffff;
}

.tabs_add #startDate.form-control,
.tabs_add #expirationDate.form-control {
    border-right: medium none;
}

.tabs_add .text-center {
    text-align: left;
}

.tabs_add #registration.form-margin .btn.btn-primary.btn-padding.btn-font-25 {
    margin: 0;
}

.tabs_add .select_yaer {
    text-transform: capitalize;
}

.tabs_add .clnder_start .ul-limange>li {
    float: left;
    width: 25%;
}

.box.box-solid.tabs_add.add_vehicle.tabs_add .clnder_start ul.ul-limange>li:nth-of-type(2n+2) {}


/**** 4-oct-16 ******/

.parking_permit {
    background: #02a8f4;
    color: #ffffff;
    padding: 40px 20px;
    text-align: center;
    border: 1px solid #e7e7e7;
}

.parking_permit .span10>p {
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    padding-top: 10px;
}


/* .parking_section thead tr, .responsive-tabs--enabled thead tr { background: #2c3e4f; border: 1px solid #2c3e4f; } */

.parking_section .table thead tr td,
.responsive-tabs--enabled .table thead tr td {
    color: #ffffff;
    font-size: 33px;
}


/* .parking_section table tbody tr td, .responsive-tabs--enabled .table tbody tr td { text-align: left; }
.parking_section table tbody tr td:last-child, .responsive-tabs--enabled .table tbody tr td:last-child { text-align: right } */

.parking_section .table thead tr .per_font {
    font-size: 29px;
    font-weight: 500;
}

.parking_section table.table.tr-styling tbody tr .first_year {
    color: #647389;
    font-size: 18px;
    font-weight: 500;
}

.parking_section table.table.tr-styling tbody tr .first_price {
    color: #2d3542;
    font-size: 18px;
    font-weight: bold;
}

.per_font span {
    color: #b0caf1;
    font-size: 21px;
    font-style: italic;
}

.parking_section table tbody tr:hover {
    background: none;
    color: #212121
}

.innertable.table.tr-styling td {
    font-size: 14px;
    text-align: center;
    padding: 15px 10px;
    font-weight: 600
}

.label_danger {
    color: #e64545;
    background: none;
    font-weight: 600
}

.label_success {
    color: #04c14b;
    background: none;
    font-weight: 600
}

.text-right>span#subtotal_price {
    background: #f5f5f5 none repeat scroll 0 0;
    display: inline-block;
    padding: 0 10px;
    width: 80%;
    color: #2c3e4f;
    font-size: 35px;
    text-align: left
}

.text-right>span#subtotal_price img {
    float: right;
    margin-top: 6px
}

.btn-whitebtn-radius {
    font-size: 35px;
    padding: 5px 28px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    background: #f4f7f8;
    color: #e64545
}

table.tr-styling thead tr td,
table.table.tr-styling>tbody>tr>td {
    padding: 15px 40px;
}

.tab-pane #saved_card_div1 {
    padding: 0 20px;
}

.tab-pane #saved_card_div1 .paytt {
    width: 65%;
    float: left
}

.tab-pane .payt-row {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    float: right;
    padding: 27px 25px;
    width: 32%;
}

.tab-pane .payt-row .pay th {
    border: 0 none;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.tab-pane .payt-row table.table.tr-styling tfoot {
    background: none
}

.tab-pane .payt-row tfoot.pay tr {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    background: #E64545
}

.tab-pane .payt-row tfoot.pay tr:last-child {
    background: #2c3e4f;
    display: inline-block;
    width: 100%;
    margin-bottom: 0
}

.tab-pane .payt-row .pay tr:last-child th:last-child {
    padding: 30px 18px;
}

.tab-pane .payt-row .pay tr:last-child th:last-child .btn-whitebtn-radius {
    font-size: 28px;
}

.tab-pane .payt-row .pay tr:last-child th:first-child {
    display: none
}

.paymtd .radiobtn:hover,
.paymtd tbody tr:nth-of-type(2n+2) {
    background: none;
}

.paymtd .btn-default {
    float: right;
}

.paymtd .radiobtn table {
    width: 95%;
}

.paymtd .btn-default {
    display: block;
    float: none;
    margin: 0 auto;
}

.paymtd tbody tr {
    border-bottom: medium none;
}

.paymtd .paymentmakebtn_class {
    background: #2c3e4f none repeat scroll 0 0;
    padding: 15px;
    margin-bottom: 20px;
    width: 100%;
}

.paymtd .btn.selected_card1 p {
    margin: 0;
    color: #fff;
    text-align: left;
    float: left;
}

.paymtd .auto-pay-popup.btn.btn-default-outline {
    float: right;
}

.paymtd .btn.active.selected_card1.pull-left {
    width: 100%;
}

.paymtd .radiobtn {
    padding: 10px 0;
}

.paymtd table.payment-tbl {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid rgba(204, 204, 204, 0.52);
    margin-bottom: 15px;
}

.paymtd .table.table-striped.table-bordered.dt-responsive.nowrap th {
    color: #ffffff;
}

.paymtd .table.table-striped.table-bordered.dt-responsive.nowrap td {
    text-align: center;
}

.Vehicle-tb .table.table-striped.nowrap tr {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    text-align: center
}

.Vehicle-tb .table.table-striped.nowrap tr td {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.pull-right.btn.btn-block.btn-default.add-rs.AddNewPaymentMethod {
    display: inline-block;
    float: right;
    width: auto;
    margin-right: 20px;
}

.form-group.has-feedback .formdonewrng {
    bottom: 0;
    height: 20px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 0;
}

ul.ul-limange li .select-items select {
    width: 100%;
    height: 44px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #6d6d6d;
    font-size: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    font-family: "Lato", sans-serif;
    background-color: inherit;
    background-image: url(../img/pageheadingicon-select.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    padding-left: 10px;
    float: right;
}

.parking_permit>h4 {
    line-height: 1.5;
}

.select_property .parking_permit {
    padding: 20px;
}

.innertable.table.tr-styling thead tr,
.table.tr-styling thead tr,
.table.tr-styling thead tr th {
    background: #2c3e4f none repeat scroll 0 0;
    border: 1px solid #2c3e4f;
    color: #fff
}

.select_property .user-listing.parking-polcy {
    padding: 0;
    box-shadow: none
}

.select_property .table thead tr th {
    color: #ffffff;
    font-size: 29px;
}

.violationdetails_content .btn-whitebtn-radius {
    font-size: 25px;
    padding: 5px 15px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    background: #f4f7f8;
    color: #e64545;
    border: 0;
}

.violationdetails_content .btn-whitebtn-radius:hover {
    box-shadow: 3px 3px 0 #a10404;
    -webkit-box-shadow: 3px 3px 0 #a10404;
    -moz-box-shadow: 3px 3px 0 #a10404;
    -ms-box-shadow: 3px 3px 0 #a10404;
}

.rnew {
    display: inline-block;
    margin-top: 25px;
    width: 100%;
}


/****** 5-oct-16 *****/

.do_not table.dataTable thead>tr>th {
    color: #ffffff;
    font-size: 29px;
}

.adbtn {
    float: right;
    margin-top: 5px;
}

.table.over_view {
    table-layout: inherit;
}

.table.over_view thead tr th {
    vertical-align: middle;
}

.month_detail table,
.Previous-Guest-Vehicle {
    border: 0;
}

.tabpane .Previous-Guest-Vehicle tbody tr td,
.tabpane .Previous-Guest-Vehicle tbody tr td:last-child {
    text-align: center;
}

.table-pay-mth table.payment-tbl {
    background: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.datepicker .table-condensed tr {
    background: none;
    border: 0;
}

.tabs_add .formdonewrng>span {
    line-height: 100%;
    padding: 0;
}

.tabpane .Previous-Guest-Vehicle thead tr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #cccccc;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
}

.picupld #camera_wrapper>#camera {
    background: #ffffff none repeat scroll 0 0;
    padding: 33px 10px;
}

.picupld #camera_wrapper label {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 9
}

.picupld #camera p {
    color: #cccccc;
    font-size: 17px;
    font-weight: 600;
    margin: 14px;
    text-align: center;
}

.form-group.datpik {
    width: 48%;
}

.holdon ul.submitviolation .checkbox label {
    font-size: 14px;
    color: #acacac;
    font-weight: 400;
}

.submit-patrol-holder li {
    margin: 10px 0;
}

.cr-icon.fa.fa-check::before {
    background: #E14444;
    bottom: 0;
    content: "";
    height: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    z-index: 9;
}


/* PROPERTY REGISTER */

.login-box.rt-form {
    max-width: 613px;
    width: 100%
}

.register-page,
.resident_form {
    background-image: url("../img/loginformbg.jpg");
    background-color: inherit;
    background-size: cover;
    padding-bottom: 80px
}

.resident_form .form-iocn {
    display: inline-block;
    height: 220px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding: 20px;
    position: absolute;
    right: 0;
    top: -89px;
    width: 220px;
    z-index: 2;
}

.resident_form .form-iocn:before,
.resident_form .form-iocn::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    margin: auto;
    width: 80%;
    height: 80%;
    background: #1b2021;
    z-index: -1;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
}

.resident_form .form-iocn::after {
    background: #fdfdfd;
    height: 70%;
    width: 70%;
}

.form-iocn>h2 {
    color: #454545;
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
    margin-top: 14px;
}

.resident_form .rt-form .login-box-body {
    background-color: #F4F4F4;
    border: 1px solid #d8d8d8;
    box-shadow: none;
    position: relative;
    padding: 21px 15px;
    margin-top: 23%;
    background-image: url(../img/form-ptrn.jpg);
    background-repeat: repeat
}

.resident_form .login-box-body form {
    margin-top: 105px
}

.bootstrap-select.form-control.input-group-btn,
.resident_form .login-box .login-box-body fieldset .input-group .select-items .form-control,
.resident_form .login-box .login-box-body fieldset .select-items .form-control,
.select-items select.form-control,
.state-select select.form-control,
.select-items .bootstrap-select {
    background-position: 96% center !important;
    background-image: url(../img/form-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-color: #fff;
    cursor: pointer
}

.login-box .rgistrog span.form-control-feedback {
    background: none;
    bottom: 0;
    height: inherit;
    left: inherit;
    margin: auto;
    right: 10px;
    top: 0;
}

.login-box .login-box-body form#registration fieldset .radio p {
    font-size: 15px;
    line-height: 100%;
    margin: 0;
}

.resident_form .renter_owner .btn.active.selected_product.dotowcheck,
.resident_form .active_military .btn.active.selected_product.dotowcheck {
    line-height: 1.9;
}

.bootstrap-datetimepicker-widget table tbody tr:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #000;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #e64545 !important;
    border-radius: 0;
    cursor: pointer;
    color: #fff !important;
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active.active:hover {
    background-color: #e64545 !important;
    color: #ffffff !important;
    border-radius: 0;
}

.datepicker td.active.disabled,
.datepicker td.active.disabled:hover,
.datepicker td.active[disabled],
.datepicker td.active[disabled]:hover {
    background: none !important;
}


/* Ankit */

.sideheading>h3 {
    background: #DB4849;
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-right-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    color: #fff;
    font-size: 22px;
    margin: 0;
    padding: 10px 5px;
}

.sideheading span.heading-bd {
    background: #fff;
    padding: 60px 25px;
    width: 100%;
}

.sideheading span.heading-bd img {
    width: auto;
    display: block;
    margin: auto;
}

.sideheading .heading-bd>h3 {
    border-top: 1px solid #ccc;
    display: inline-block;
    margin-top: 12px;
    padding-top: 12px;
}

.tow_request .box-body {
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
    padding: 25px;
}

.sideheading {
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
}

.select-items span.input-group-addon {
    bottom: 0;
    display: inline-block;
    font-size: 25px;
    height: 28px;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 0;
    width: 0;
    z-index: 3;
    border: 0;
    background: none;
    color: #caccd0
}

.select-items select {
    width: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border: 1px solid #e4eaec;
    font-size: 16px;
    color: #707070;
    height: 37px;
    background: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 300
}

.bs-caret span.caret {
    display: none;
}

.cntctinfo {
    width: 49%;
}

.select-items {
    display: inline-block;
    position: relative;
    width: 100%;
}

header.black-bg .select-items {
    /*margin: 16px 0 0 80px;
    max-width: 250px;*/
    margin: 0;
    max-width: 350px;
}

.date-picker2>#date-picker2 {
    float: right;
    margin: 10px;
    width: 200px;
}

.resident_group .input-group {
    margin: 0 0 15px 0;
    width: 49%;
}

.submitviolation>li.license_full {
    width: 100%;
}

.towre .squared_parent .squaredOne {
    left: -24px;
    position: absolute;
}

.towre .squaredOne,
.towre .squaredOne label::after {
    width: 24px;
}

.towre .squaredOne label::after {
    background: rgba(0, 0, 0, 0) url("../img/checked.png") no-repeat scroll 0 0 / 63% auto;
}

.squaredOne .disable_check+label:after {
    opacity: 1
}

.towre .licensechecklabel.btn.btn-default.nerequert_btn.well.enterdatesdiv {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    width: 100%;
}

ul.cntctinfo.pull-right li .input-group .select-items {
    float: left;
}

.sideheading {
    margin-bottom: 25px;
}

.edit-profile-pg form label {
    color: #32323a;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    text-align: left;
}

.form-cntnr .select-items select {
    width: 100%;
    height: 44px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #6d6d6d;
    font-size: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    font-family: "Lato", sans-serif;
    background-color: inherit;
    background-image: url(../img/pageheadingicon-select.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-color: #fff
}

.exceptions>.textarea textarea {
    min-height: 200px;
}

.manage_table .table.tr-styling.custom-tbl-style th {
    color: #fff;
}

.manage_table .table {
    margin: 0;
    table-layout: inherit;
}

a.restriction_popup {
    display: inline-block;
    margin: 5px 0;
}

span.td-lb.label_danger {
    display: block;
}

#example1_boot_length {
    display: none;
}

.badge.user_v_statusno {
    color: #e64545;
    background: none;
    font-size: 15px;
    width: 100%;
}

.badge.user_v_status {
    color: #40c67a;
    background: none;
    font-size: 15px;
    width: 100%;
}

.detailbox .a {
    width: 100%;
    float: left;
}


/* 06-10-2016 */

.friendfamilyitem {
    background: #fafbfc;
    border: 1px solid #cccccc;
    display: inline-block;
    width: 100%;
}

.aftersearch .searchresult {
    display: inline-block;
    margin: 0;
    width: 100%;
}

.aftersearch.search-residents>span {
    float: right;
    margin-top: -20px;
    width: 65%;
}

.friendfamilyitem figure {
    float: left;
}

.friendfamilyitem figcaption {
    float: right;
    padding: 10px 10px 0 0;
    width: 63%;
}

.friendfamilyitem ul {
    margin-bottom: 0
}

.friendfamilyitem li {
    display: inline-block;
    width: 100%;
    margin-bottom: 6px
}

.friendfamilyitem li:last-child {
    margin: 0px
}

.friendfamilyitem img {
    height: 161px;
    width: 166px;
}

.friendfamilyitem b {
    color: #37474f;
    font-weight: 500;
}

.friendfamilyitem p {
    float: right;
    color: #7a7a7a;
    margin: 0;
    width: 47%;
    white-space: normal;
    word-wrap: break-word;
}

.pagination {
    float: right;
    margin: 0;
}

.cst-tbl-sec .pagination,
.cst-tbl-sec .dataTables_wrapper .dataTables_paginate {
    padding-right: 15px;
}

.pagination>.disabled>span,
.pagination li span,
.pagination li a {
    border: 0;
    font-size: 16px;
    color: #666;
    background-color: transparent;
    line-height: 100%
}

.pagination li span {
    -webkit-transition: all ease-in-out 400ms;
    -moz-transition: all ease-in-out 400ms;
    -ms-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
}

.pagination li.active span {
    color: #fff
}

.pagination>li>a:hover,
.pagination>li>a[rel="prev"]:hover,
.pagination>li>a[rel="next"]:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.pagination li:first-child span:hover,
.pagination li:first-child a:hover span,
.pagination li:last-child a:hover span,
.pagination li:first-child a:focus span,
.pagination li:last-child a:focus span {
    background-color: #E64545;
    border: 0;
    color: #fff;
}

.pagination li:first-child span,
.pagination li:first-child a,
.pagination li:last-child a,
.pagination li:last-child span {
    border-radius: 0;
    color: #E64545
}

.selectproperty.addmb {
    margin: 17px 15px 0 0;
}

.myaccountbanner .bannerbg {
    position: absolute;
    z-index: 1;
    width: 100%
}

.bannerbg img {
    width: 100%
}

.account-details {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px#ccc;
    display: inline-block;
    width: 100%;
    z-index: 9;
    position: relative;
    margin-top: 85px;
}

.accountdt {
    left: 25px;
    position: relative;
    top: -35px;
}

.accountdt>figure {
    float: left;
}

.accountdt>figcaption {
    float: right;
    width: 70%;
    padding-right: 20px;
    margin-top: 50px
}

.accountname {
    color: #1f2836;
    font-size: 24px;
    font-weight: 600;
}

.accountdt ul li {
    font-size: 16px
}

.accountdt ul li span {
    display: inline-block;
    width: 45%;
    color: #5a5a5b;
}

.accountdt ul li p {
    display: inline-block;
    vertical-align: top;
    width: 54%;
    color: #1f2836;
    font-weight: 500
}

.accountproinfo {
    display: inline-block;
    width: 100%;
    padding-left: 35px;
}

.account-details h4 {
    color: #e64545;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500
}

.accountproinfo .accountdt>figcaption {
    float: left;
    width: 100%;
    padding-right: 0;
    margin: 0
}

.accountproinfo .accountdt {
    position: inherit;
}

.accountproinfo .accountdt ul li span {
    width: 36%;
}

.account-details .btn-group {
    width: 100%;
    background: #f7f7f7;
    border-left: 1px solid #dedede;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
}

.account-details .btn-group ul li {
    margin: 25px;
    text-align: center;
}

.towaccoutn {
    margin: 50px 0 0 25px;
}

.towaccoutn ul li {
    text-align: left;
    margin: 0
}


/* 07-10-2016 */

.modal-body .submitviolation label {
    display: block;
    text-align: left;
    color: #212121;
    font-size: 15px
}


/* 10-10-2016 */

.shownomorepro>.submitviolation {
    border: 1px solid #cccccc;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 15px;
}

.shownomorepro>.submitviolation>li {
    float: none;
    width: 100%;
    display: inline-block;
    margin: auto;
    text-align: left;
}

.shownomorepro>.submitviolation>li {
    float: none;
    width: 100%;
    display: inline-block;
    margin: auto;
}

.shownomorepro {
    display: inline-block;
    text-align: left;
    width: 60%;
}

.shownomorepro .dataheading {
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.shownomorepro .dataheading h1 {
    background: #e64545 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.shownomorepro .dataheading h1::after {
    border-left: 15px solid #e64545;
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-top: 48px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
}

.shownomorepro .dataheading h1::before {
    border-right: 14px solid #e64545;
    border-top: 48px solid rgba(0, 0, 0, 0);
    content: "";
    left: -14px;
    position: absolute;
    top: 0;
}

.shownomorepro .form-group label.control-label {
    font-size: 15px;
}

.shownomorepro .form-group.message_box label.control-label {
    font-weight: 400;
    padding: 8px 15px;
}

.searchplsndnt .dataheading {
    margin-bottom: 0;
}


/* 17-10-2016 */

.search-residents.white-bg.residentfrnd-serh>h2 {
    display: inline-block;
    width: 100%;
}

.residentfrnd-serh h2 span {
    position: relative;
    width: 100%;
    max-width: 250px;
}

.residentfrnd-serh span button {
    background: none;
    border: 0 none;
    bottom: 0;
    color: #cccccc;
    height: 20px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
}

.residentfrnd-serh ul li:last-child {
    border-bottom: 0
}

.residentfrnd-serh ul li {
    list-style: none;
    padding: 30px 0 0;
    display: inline-block;
    width: 100%;
}

.residentfrnd-serh ul li img {
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}

.resultitemdtl {
    display: inline-block;
    width: 80%;
}

.residentfrnd-serh ul li .resultitemdtl ul li {
    border: 0 none;
    color: #ababab;
    padding: 0;
}

.residentfrnd-serh ul li .resultitemdtl>h4 {
    color: #616161;
    font-size: 16px;
    margin-bottom: 0;
}

.residentfrnd-serh .resultitem::after {
    height: 21px;
    margin: auto;
    top: 0;
}


/* 19-10-2016 */

.rltimrept .friendfamilyitem img {
    box-shadow: 0 0 3px #cccccc;
    -webkit-box-shadow: 0 0 3px #cccccc;
    -moz-box-shadow: 0 0 3px #cccccc;
    -ms-box-shadow: 0 0 3px #cccccc;
    height: 161px;
    padding: 5px;
    width: 166px;
}

.rltimrept .friendfamilyitem figcaption {
    display: inline-block;
    padding: 10px 10px 10px 13px;
    float: none;
    width: 66%;
    border: 1px solid #ccc;
}

.rltimrept .badge.bg-whitebtn.bgnoactive {
    font-size: 13px;
    padding: 9px 8px;
}

.rltimrept .btn.btn-default-outline.fav_mem_action {
    
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    font-size: 12px;
    padding: 5px 10px;
}

.rltimrept .friendfamilyitem li p.btnvl {
    float: right;
    width: auto;
}

.rltimrept .friendfamilyitem p {
    float: right;
    text-align: right;
    width: 60%;
}

.rltimrept .friendfamilyitem {
    border: 0 none;
    min-height: 200px;
    background: none;
}

.rltimrept figcaption:hover {
    background: #f5f5f5;
}

.rltimrept figcaption:hover .badge.bg-whitebtn.bgnoactive {
    background: orange;
    color: #fff;
}

.rltimrept figcaption:hover .btn.btn-default-outline.fav_mem_action {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
}

.radius-img>img {
    border-radius: 50%;
}


/* 19-10-2016 */

.table_select.pull-right form {
    width: 100%;
    float: left;
}

.table_select.pull-right li.selcttabltr {
    float: left;
    width: 30%;
}

.custom_wrapper .table_select.pull-right li.selcttabltr,
.custom_wrapper .table_select.pull-right li.selcetveriunve {
    float: right;
}


/* 19-10-2016 Sartaj */

#user-content.addrolenw {
    background: #fff;
    border: 1px solid #ccc !important;
    margin: 20px 0 10px 0;
    padding: 17px !important;
}

.remove-icon.remove_user {
    position: absolute;
    right: 0;
    top: -4px;
    z-index: 9;
}


/* 19-10-2016 Sandeep */

.account-details .btn-group .towaccoutn ul li {
    margin: 0;
    text-align: left;
}

.account-details .btn-group ul li .btn-default-outline,
.btn-group li .btn-default {
    width: 100%
}

.account-details .btn-group ul li .btn-default-outline:hover {
    background: #e64545;
    color: #ffffff;
}

.btn-group li .btn-default-outline {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e64545;
    color: #e64545;
    font-size: 20px;
}

.btn-group li .btn-default {
    background: #e64545;
    color: #fff;
    font-size: 20px;
    border: 1px solid #e64545;
}

.rightsidebtngrp .btn-default:hover {
    background-color: transparent;
    color: #e64545;
}

ul.btnactnnw {
    margin-top: 60px
}

.towaccoutn img {
    width: 100%;
}

.towaccoutn>span.cmpnybdr:last-child {
    display: none
}

.accountdt>span.accountdtsp {
    display: inline-block;
    margin: auto;
    text-align: center;
    width: 100%;
}

.accountdt figcaption ul li .form-group {
    float: right;
    margin: 0;
    width: 54%;
}

.accountdt figcaption ul li .form-group .radio {
    float: left;
    margin: 0;
    width: 35%;
}

.accountdt figcaption ul li {
    display: inline-block;
    font-size: 15px;
    width: 100%;
}

.friendfamilyitem li.btnlist ul li {
    display: inline-block;
    width: auto;
    margin: 0 1px;
}

.friendfamilyitem li.btnlist ul li a {
    font-size: 13px;
    padding: 6px 17px;
    border: 2px solid #e64545;
}

.friendfamilyitem {
    margin-bottom: 25px;
}

.tablecontent.tablecontent-nw thead tr {
    /*    background: #f5f5f5*/
}

.tablecontent.tablecontent-nw tbody tr {
    background: #ffffff none repeat scroll 0 0;
}

.tablecontent-nw th,
.tablecontent-nw td {
    border-left: 1px solid #dddddd;
}

.tablecontent.tablecontent-nw table tr th {
    border-bottom: 0 none;
}

.tablecontent-nw th:nth-of-type(2),
.tablecontent-nw th:first-child,
.tablecontent-nw td:first-child {
    border-left: 0
}

.modal-defult .modal .modal-dialog {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    height: inherit;
}

.payt-row .innertable.table.tr-styling {
    margin-bottom: 0
}

.paytt table.table tbody tr td:last-child {
    text-align: center
}


/* 20-10-2016 Sandeep */

.proprtinfo .violationdetails .detailbox {
    background: none
}

.proprtinfo .violationdetails_content {
    padding: 5.4% 40px;
}

.proprtinfo .violationdetails_content {
    text-align: left
}


/*.proprtinfo .violationdetails_content::after,*/

.proprtinfo .detailbox li::before {
    display: none
}

.proprtinfo .violationdetails_content h2 {
    font-size: 25px;
    font-weight: 600;
}

.proprtinfo .responsive-tabs__panel {
    padding: 0
}

.proprtinfo .responsive-tabs__panel .detailbox h3 {
    color: #E14444;
    font-size: 20px
}

.proprtinfo .responsive-tabs__panel .detailbox p {
    color: #5A5A5A;
    font-size: 18px;
    float: left;
    line-height: 1
}

.proprtinfo .responsive-tabs__panel .detailbox>ul {
    float: left;
    width: 100%;
}

.proprtinfo .responsive-tabs__panel .detailbox li {
    padding: 0
}

.proprtinfo .responsive-tabs__panel .detailbox li:first-child .radio {
    float: left;
    margin: 0 0 0 20px;
}

.proprtinfo .responsive-tabs__panel .detailbox li>p {
    color: #5A5A5A;
    font-size: 15px;
    float: left
}

.proprtinfo .responsive-tabs__panel .detailbox li>span {
    float: right;
    font-size: 14px;
    margin-right: 25px;
}

.proprtinfo .responsive-tabs__panel .detailbox ul>li {
    float: left;
    width: 50%;
}

.proprtinfo .responsive-tabs__panel .detailbox li>ul>li {
    float: left;
    width: 100%;
}

.proprtinfo .responsive-tabs__panel .detailbox li:first-child {
    float: left;
    width: 100%;
}

.proprtinfo .detailbox ul li .btn.active.selected_product.dotowcheck {
    margin-left: 13px;
}


/* 18-10-2016 */

form .customfile.previousimgabc {
    text-align: center;
    margin: 0;
}

.customfile.previousimgabc .form-control.input-lg {
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 1px;
    z-index: 1;
}

#camera.edtpr img {
    width: 100%;
}

.edtpr p {
    font-size: 20px;
    color: #cdcdcd;
}

.customfile.previousimgabc label[for="AddMemberForm_profile_pic_fav"] {
    border: 0 none;
    border-radius: 0;
    background: none;
    text-align: center;
    display: inline-block;
    height: auto;
    margin: auto;
    width: 100%;
    z-index: 1;
}

.onhover-edt {
    opacity: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    z-index: 99;
}

#camera.edtpr .onhover-edt .previousimgabc label img {
    width: 150px;
}

.edtpr:hover .onhover-edt {
    opacity: 1;
}

.uptodt {
    font-size: 20px;
    margin: 15px 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #1B1E24;
}


/* 17-10-2016 BOny */

.responsive-tabsdesign .tab-content.rt-form.prop_tab_check form .secondstep .input-group {
    width: 49%;
    margin: 0 0 15px;
    position: relative;
}

.full-width {
    width: 100% !important;
}

.responsive-tabsdesign .tab-content.rt-form.prop_tab_check form .secondstep .input-group .input-pricing-input .form-control {
    text-indent: 6px;
}

.responsive-tabsdesign .tab-content.rt-form.prop_tab_check form .secondstep .input-group .input-pricing-input span {
    font-size: 12px;
    left: 10px;
    margin: auto;
    position: absolute;
    top: 15px;
    z-index: 91;
}

.responsive-tabsdesign .tab-content.rt-form.prop_tab_check form .secondstep ul li .input-group {
    width: 100%
}

.responsive-tabsdesign .show-inputtext {
    padding: 0;
    border: 0;
    width: 97%;
    margin-bottom: 0;
}

.responsive-tabsdesign #tablist1-panel4 li {
    display: inline-block;
    width: 100%;
}

.responsive-tabsdesign .radio.editable {
    display: inline-block;
    float: left;
}

.responsive-tabsdesign #tablist1-panel4 p {
    line-height: 2.1;
    margin-left: 26px;
}

.freeRollout .input-group {
    float: left;
}

.freeRollout .input-group:nth-of-type(2n+2) {
    float: right;
}

.responsive-tabsdesign .select-items select.form-control {
    background-image: url("../img/form-arrow.png") !important;
    background-position: 96% center !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.proprtinfo .responsive-tabs__list__item {
    /*    font-size:16px;
    padding: 5px 15px;*/
}

.proprtinfo .violationdetails .detailbox {
    background: none
}

.proprtinfo .violationdetails_content {
    padding: 5.4% 40px;
}

.proprtinfo .violationdetails_content {
    text-align: left
}


/*.proprtinfo .violationdetails_content::after,*/

.proprtinfo .detailbox li::before {
    display: none
}

.proprtinfo .violationdetails_content h2 {
    font-size: 20px;
    word-wrap: break-word;
    font-weight: 600;
}

.proprtinfo .responsive-tabs__panel {
    padding: 0
}

.proprtinfo .responsive-tabs__panel .detailbox h3 {
    color: #E14444;
    font-size: 20px
}

.proprtinfo .responsive-tabs__panel .detailbox p {
    color: #5A5A5A;
    font-size: 18px;
    float: left;
    line-height: 1
}

.proprtinfo .responsive-tabs__panel .detailbox>ul {
    float: left;
    width: 100%;
}

.proprtinfo .responsive-tabs__panel .detailbox li {
    padding: 0
}

.proprtinfo .responsive-tabs__panel .detailbox li:first-child .radio {
    float: left;
    margin: 0;
}

.proprtinfo .responsive-tabs__panel .detailbox li:first-child .radio p {
    width: auto;
    margin-right: 10px;
}

.proprtinfo .responsive-tabs__panel .detailbox li>p {
    color: #5A5A5A;
    font-size: 16px;
    width: auto;
    float: left
}

.proprtinfo .responsive-tabs__panel .detailbox li>span {
    float: right;
    font-size: 15px;
    margin-right: 25px;
}

.proprtinfo .responsive-tabs__panel .detailbox ul>li {
    float: left;
    width: 100%;
}

.proprtinfo .responsive-tabs__panel .detailbox li>ul>li {
    float: left;
    width: 100%;
}

.proprtinfo .responsive-tabs__panel .detailbox li:first-child {
    float: left;
    width: 100%;
}

.proprtinfo .detailbox ul li .btn.active.selected_product.dotowcheck {
    margin-left: 5px;
}


/*  */


/* 20-10-2016 */

#sidebar img {
    width: 81px;
    height: 81px;
}

.account_detailInfo img {
    width: 30px;
    height: 30px;
}


/* 21-10-2016 */

.sendDispute .btn.bg-black {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.sendDispute #camera_wrapper .btn.bg-black p {
    font-size: 19px;
}

.sendDispute .form-group.message_box {
    margin-left: 0;
    margin-right: 0;
}

.sendDispute .message_box p {
    font-size: 15px;
    font-weight: 600;
}

.userparkingprmt .bgnoactive {
    color: #e64545;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 700;
}

.userparkingprmt .bgactive {
    color: #40c67a;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 700;
}

.activeresident .bgactive {
    color: #40c67a;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 700;
}

.activeresident .bgnoactive {
    color: #e64545;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 700;
}

.b .badge.user_v_statusno {
    color: #e64545;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 700;
}

.b .badge.user_v_status {
    color: #40c67a;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 700;
}


/* 21-10-2016 */

.sendDispute .btn.bg-black {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.sendDispute #camera_wrapper .btn.bg-black p {
    font-size: 19px;
}

.sendDispute .form-group.message_box {
    margin-left: 0;
    margin-right: 0;
}

.sendDispute .message_box p {
    font-size: 15px;
    font-weight: 600;
}

.sendDispute #camera_wrapper embed#webcam_movie {
    width: 65%;
}

.sendDispute #camera_wrapper .camerabtn {
    width: 124px;
    height: 90%
}

.sendDispute #camera_wrapper .camerabtn img {
    width: 70px;
}

.sendDispute #camera_wrapper button.camerabtn-st p {
    font-size: 18px
}

.selectproperty.calllogs {
    width: auto;
    margin: 0;
}

.calllogs .btn-default.pull-right {
    font-size: 24px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

#sidebar ul.sidebar-menu>li:last-child {
    margin-bottom: 85px;
}

.no-more-tables table.tablecustom tbody tr:nth-of-type(2n+1) {
    background: #ffffff;
}

form.ng-pristine .box-body.edit-profile-pg.cllg .form-group {
    margin: 0 0 20px;
}

form.ng-pristine .box-body.edit-profile-pg.cllg .form-group .control-label {
    padding: 11px 18px;
}

.btn-active-status {
    font-size: 25px;
}

.btn-active-status .btn-active {
    background: #2FBC32;
    color: #fff;
    border: 0;
    padding: 6px 35px;
    font-size: 25px;
    font-weight: 300;
    box-shadow: 0 2px 3px #9c9c9c;
    -webkit-box-shadow: 0 2px 3px #9c9c9c;
    -moz-box-shadow: 0 2px 3px #9c9c9c;
    -ms-box-shadow: 0 2px 3px #9c9c9c;
}

#sidebar .user_profile figcaption {
    width: 60%;
}


/* 25-10-2016 */

#submit_form_btn.btn.btn-default.sendemail.Width-50 {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
}


/* 26-10-2016 */

.newmagr .rt-form {
    display: inline-block;
    padding: 8px;
}

.tow_request .newmagr .box-body {
    max-width: 790px;
    width: 100%;
    padding: 0;
    box-shadow: none;
    margin: auto;
}

.newmagr .scroller {
    padding: 4px 7px;
    display: none;
    position: absolute;
    left: -1px;
}

.newmagr .scroller ul li {
    display: inline-block;
    width: 100%;
    padding: 2px 6px;
}

.newmagr .scroller ul li:hover {
    background: #FF0000;
    color: #fff;
}

.newmagr .scroller .searchBox {
    padding: 4px 8px;
    width: 100%;
}

.newmagr .title {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* non-prefixed version, currently
                                    not supported by any browser */
}

.newmagr .dropper {
    max-width: 400px;
    width: 100%;
    display: inline-block;
}

.newmagr .scroller {
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    padding: 13px;
    width: 100%;
    z-index: 1;
    height: 250px;
    overflow-y: auto;
}

.newmagr .dropper {
    position: relative;
    cursor: pointer;
    height: 32px;
}

.newmagr .arrowDown {
    z-index: 3;
    background: #E64545;
    bottom: 0px;
    color: #fff;
    float: right;
    font-size: 24px;
    padding: 0 11px;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
}

.Properties_search .scroller ul li .checkboxc label.btn.active {
    display: none;
}

.Properties_search .scroller ul li .checkboxc p {
    width: 100%;
}

.input-group.input-email.create-manager-div {
    position: relative;
}

.serchico {
    background: rgb(255, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 21px;
    padding: 8px 15px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: #000 !important
}

.login_now input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important
}


/* Noti */

.allnoti .label-info {
    border-radius: 35px;
    color: #fff;
    padding: 3px 9px;
}

.allnoti .resultitemdtl {
    float: right;
    width: 86%;
}

.allnoti .resultitem::after {
    display: none;
}

.residentfrnd-serh ul.allnoti li {
    border-bottom: 1px solid #ececec;
}

.residentfrnd-serh ul.allnoti li:last-child {
    border: 0;
}

.allnoti .resultitem .notinumbr {
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    height: 35px;
    left: -5px;
    position: absolute;
    width: 35px;
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
    color: #fff;
    top: -6px;
}

.allnoti .resultitemdtl p {
    color: #8c8c8c;
}

.newmagr.newmagr_selectr .scroller {
    height: auto;
    padding: 0;
}

.newmagr.newmagr_selectr .scroller ul {
    margin-bottom: 0
}

.newmagr.newmagr_selectr .dropper {
    width: 130px
}


/* 26-10-2016 bony */

.resident_form .login-box .login-box-body fieldset .input-group .select-items .form-control,
.resident_form .login-box .login-box-body fieldset .select-items .form-control,
.select-items select.form-control,
.state-select select.form-control {
    /*    line-height: 100%;*/
}


/* end 26-10-2016 bony */

.newmagr.newmagr_selectr .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.table.table-striped tr td .newmagr.newmagr_selectr .btn.btn-default.dropdown-toggle {
    z-index: 4;
    background: none !important;
    border: 0 none;
    border-radius: 0;
    font-size: 16px;
    transition: all 0.5s ease-in-out 0s;
    color: #000 !important;
    width: 100%;
    padding: 0;
}

.table.table-striped tr td .newmagr.newmagr_selectr .btn.btn-default.dropdown-toggle {
    padding: 4px 40px 4px 4px;
}

.table.table-striped tr td .newmagr.newmagr_selectr .btn.btn-default.dropdown-toggle:hover {
    box-shadow: none;
}

.table.table-striped tr td .newmagr.newmagr_selectr .btn.btn-default.dropdown-toggle span {
    color: #6d6d6d;
    font-size: 14px;
}

.table.table-striped tr td .newmagr.newmagr_selectr .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.table.table-striped tr td .newmagr.newmagr_selectr .title.form-control {
    height: auto;
    padding: 0;
    position: relative;
    margin: auto;
}


/*.table.table-striped tr td .newmagr .title{ width: 126px;}*/


/* 27-10-2016 */

#costumModal10 table.table-bordered thead tr th,
#costumModal10 table.table-bordered tr.month_detail thead td {
    color: #fff
}

.modal-dialog {
    max-width: 600px;
    width: 90%;
    margin-bottom: 30px
}

.actreq {
    border: 1px solid #ffffff;
    display: inline-block;
    margin: auto;
    padding: 5px;
    font-weight: 300;
    cursor: pointer;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    bottom: 100%;
    left: inherit;
    margin-bottom: 1px;
    right: 0;
    top: auto;
}

.dotable table {
    table-layout: inherit
}

.all_message .messages_block ul li:first-child {
    margin-top: 0
}

.all_message .messages_block ul li .message_action span {
    max-width: 178px
}

.all_message .messages_block ul.pagination {
    width: auto
}

.all_message .messages_block ul.pagination a:hover {
    background: #CD0100;
    color: #fff
}

.all_message .messages_block ul.pagination a,
.all_message .messages_block ul.pagination li span,
.all_message .messages_block ul.pagination li {
    background: none
}

.btn.btn-edit.btn-default.aadbutton {
    padding: 6px 15px
}

.tableset .bg-whitebtn {
    display: inline-block;
    white-space: normal;
    width: 100%;
    word-wrap: break-word;
}


/* 02-11-2016 */

.tabs_add .Previous-Guest-Vehicle ul.thumb li {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 10px;
    padding: 6px;
    width: 31%;
}

.btn-primary-outline {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border: 2px solid #32323A;
}

.btn-primary-outline:hover {
    background-color: transparent;
}


/* 03-11-2016 */

b.numberextra {
    font-size: 25px;
    position: absolute;
    right: -10px;
    top: 10px;
}

label.actreq:hover {
    background: #fff;
    color: #868686;
}


/* 04-11-2016 */

p.maximumnuber {
    padding: 91px 50px;
    background: #f5f5f5;
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
    text-align: center;
    font-size: 25px;
    color: #7f827f;
}

span.not-found {
    display: block;
    text-align: center;
    padding: 10px;
    margin-top: 15px;
    font-size: 25px;
    margin-bottom: 15px;
}

fieldset.payment-option .credit-card-box .panel-heading img {
    max-width: 190px;
}

.travelling_info .itme-img img {
    width: 90% !important;
}

.submitviolation.parkingLimitationsPolicy label {
    font-size: 15px;
    color: #000;
}


/* 07-11-2016 */


/* =============== */

.violationdetails form.guestVehicleRequests ul li .radio.editable {
    float: left;
}

.violationdetails form.guestVehicleRequests ul li {
    width: 100%;
    display: inline-block;
}

.violationdetails form.guestVehicleRequests ul li p {
    margin: 0 0 0 35px;
    line-height: 2.5;
}

.violationdetails form.guestVehicleRequests ul li .show-inputtext {
    border: 0;
    padding: 0;
}

.violationdetails form.guestVehicleRequests ul li .show-inputtext select {
    margin-bottom: 10px
}


/* 09-11-2016 */


/* =============== */

#sidebar .user_profile figcaption span {
    color: #fff
}


/* 11-10-2016 */

.Show_Properties {
    margin-top: 10px
}

.Show_Properties .submit-patrol-holder {
    border: 15px solid #f4f7f8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    box-shadow: 0 0 1px #d4d4d4;
    -webkit-box-shadow: 0 0 1px #d4d4d4;
    -moz-box-shadow: 0 0 1px #d4d4d4;
    -ms-box-shadow: 0 0 1px #d4d4d4;
    height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
}

.Show_Properties .btn.selected_product.dotowcheck {
    margin-right: 2px;
}

.Show_Properties .radio.rembr p {
    color: #212121;
}

.Show_Properties .submit-patrol-holder>li {
    float: left;
    margin: 2px 5px;
    width: 47%;
}


/*10-11-2016 */


/* =============== */

table#example tbody tr td,
table.example tbody tr td {
    table-layout: auto;
    border-top: 1px solid #ebecec;
    white-space: normal;
}

#extension_msg1 {
    display: none;
}

/*.dataTables_wrapper .dataTables_filter {*/
/*    position: absolute;*/
/*    right: 15px;*/
/*    top: -60px;*/
/*    width: auto;*/
/*    z-index: 9*/
/*}*/

.dataTables_wrapper #example_filter input,
.dataTables_wrapper #example1_filter input {
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    height: 40px;
    padding: 8px;
    width: auto;
    font-size: 14px;
    color: #6d6d6d;
    float: none;
    vertical-align: middle;
}

.dataTables_wrapper .dataTables_filter#example_filter>label,
.dataTables_wrapper .dataTables_filter#example1_filter>label {
    font-size: 20px;
    color: #e14444;
}

.dataTables_wrapper #example_filter input:focus,
.dataTables_wrapper #example1_filter input:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #666;
    background: none;
    font-size: 16px;
    padding: 6px 12px;
    border: none;
}

#example_info,
#example1_info,
#example_length,
#example1_length {
    display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #E64545;
    padding: 6px 12px;
    border: none;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #E64545;
    color: #fff !important;
    border: none;
}

.pull-right.tableingsearch {
    text-align: right;
    width: 320px;
}

.pull-right.tableingsearch>label {
    font-size: 18px;
    color: #e14444;
    margin: 10px;
}

.pull-right.tableingsearch>input {
    width: auto;
    float: right
}


/* 21-11-2016 */

.delts {
    display: inline-block;
    width: 100%;
}

.detailbox.text-left .badge.bg-whitebtn.bgactive {
    display: inline-block;
    text-align: center;
    width: 100%;
}

ul.detailbox.userparkingprmt>li.b.text-left>h2.bg-gray.disabled.color-palette.a {
    margin-bottom: 0;
    margin-top: 0
}

.customfile.previousimgabc label[for="AddMemberForm_profile_pic_fav"] {
    cursor: pointer
}

ul.thumb.text-center.favlist_container li .edit-frm {
    min-height: 135px;
}

span#subtotal_price1 .btn.btn-whitebtn-radius.checkout_button.PreviewPayment {
    font-size: 20px;
    /*    width: 80%;*/
    text-align: center;
}


/* 22-11-2016 */

.btn-checkck {
    border-radius: 35px;
    color: #ffffff;
    font-size: 27px;
    font-weight: 300;
    max-width: 291px;
    padding: 15px 0;
    width: 100%;
}

.proprtinfo .responsive-tabs__panel .detailbox {
    border: 0;
    padding-bottom: 0
}

.tableset {
    table-layout: auto;
}

.parking_section table.table.tr-styling tbody tr .first_year {
    text-align: left
}

.parking_section table.table.tr-styling>tbody tr .first_price {
    text-align: right
}

.pageheading h3,
.sideheading .heading-bd>h3 {
    text-transform: capitalize
}

form.chat-input textarea {
    overflow: hidden;
    width: 72% !important;
}


/* 11-11-2016 */

.parkinlist {
    padding: 22px 19px 22px 25px;
}

.parkinlist>li {
    font-size: 15px;
    padding: 5px 0 0 5px;
}


/* 15-11-2016 */

.btnactarea {
    width: 180px;
}

*,
*:focus,
*:active,
*:visited {
    outline: none !important;
}

* {
    outline: none !important;
    font-family: 'Raleway', sans-serif;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
}

body {
    background: #f4f7f8
}

#main-content {
    background: #f4f7f8
}

a,
.btn,
input[type="button"],
button {
    -webkit-transition: all ease-in-out 400ms;
    -moz-transition: all ease-in-out 400ms;
    -ms-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
}

.bootstrap-select .dropdown-toggle:focus,
select:focus,
option:focus,
select::-moz-focus-inner,
option::-moz-focus-inner,
select::-webkit-focus-inner,
option::-webkit-focus-inner {
    outline: none !important;
}

input[readonly="true"],
input[disabled="disabled"],
.not-allow {
    background-color: #eaeaea !important;
    color: #6d6d6d !important;
}

.padding-left-15px {
    padding-left: 15px
}

.input-group span.form-control {
    line-height: 26px;
}

.not-allow {
    cursor: not-allowed;
}

.label {
    padding: 5px;
    font-size: 13px;
    font-weight: 400;
}

.datpik .input-group-addon:last-child {
    border-left: 1px solid #ccc;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.Management.alert-success {
    padding: 15px;
    font-size: 14px;
    margin-bottom: 15px;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: medium none;
    outline-offset: 0;
}


/* Sidebar */

#sidebar {
    background: #1b1e24;
    margin-top: 110px;
    height: 100%;
    position: fixed;
    width: 266px;
    left: 0;
    -webkit-transition: all ease-in-out 400ms;
    -moz-transition: all ease-in-out 400ms;
    -ms-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
}

.mini-sidebar #sidebar {
    margin-left: -266px;
}

.mini-sidebar #main-content {
    margin-left: 0;
}

.sidebarwrap {}

#sidebar .user_profile figure,
.user_profile figcaption {
    display: inline-block;
    vertical-align: middle;
}

#sidebar .user_profile figcaption h3 b,
.user_profile figcaption h3 span {
    font-weight: 500
}

#sidebar .user_profile figcaption h3 {
    font-size: 18px;
    margin: 0 0 3px 0;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-weight: 300;
    text-transform: capitalize;
}

#sidebar ul.sidebar-menu li a span {
    float: left;
}

.user_profile .btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    margin-top: 10px;
    background-color: #53535f;
    border: none;
    color: #fff;
}

.veh-actions .btn{
    margin:0 3px;
    background-color: #868690;
}
.veh-actions .vehicle-act{
    background-color: #2e2e31;
    color: #fff;
}

td.user_profile .request_action:hover,
.top_heading .user_profile .request_action:hover {
    color: #fff;
    background-color: #2e2e31;
}

td.user_profile .btn.btn-default:hover,
.top_heading .user_profile .btn.btn-default:hover {
    color: #fff;
    background-color: #cc4444;
}

.user_profile .btn.btn-default {
    background-color: #53535f;
    border-radius: 3px;
    background-color: #e65555;
    margin-left: 5px;
    color: #fff;
}

#sidebar ul.sidebar-menu li>a>p {
    margin: 0;
    display: inline-block;
    margin: 0;
    width: 80%;
    vertical-align: middle
}

#sidebar .user_profile {
    display: inline-block;
    padding: 10px 10px;
    width: 100%;
}

#sidebar .user_profile h3,
.user_profile h3 b {
    font-size: 22px;
    margin: 0;
    font-family: 'Raleway', sans-serif;
    color: #fff;
}

#sidebar ul.sidebar-menu {
    display: inline-block;
}

#sidebar ul.sidebar-menu li a {
    /*color: #8b91a0;*/
    color: #FFFFFF;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    outline: medium none;
    padding: 15px 0 15px 15px;
    font-weight: 400;
    border-left: 3px solid rgba(0, 0, 0, 0);
    position: relative;
    height: auto;
    line-height: normal;
    border-left: 2px solid rgba(0, 0, 0, 0);
}

#sidebar ul.sidebar-menu li a.active,
#sidebar ul.sidebar-menu li a:hover,
#sidebar ul.sidebar-menu li a:focus,
#sidebar ul.sidebar-menu li.active>a {
    border-color: #F96868;
    background: #070a0a;
    color: #C11111;
}

#sidebar ul.sidebar-menu li a:hover>.fa,
#sidebar ul.sidebar-menu li.active a>.fa {
    color: #fff;
}

ul.sidebar-menu li.active p,
ul.sidebar-menu li:hover p,
ul.sidebar-menu li:focus p {
    color: #fff;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

#sidebar ul.sidebar-menu li {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}

.iconsimg {
    height: 26px;
    background-image: url(../img/sidebar-icons.png);
    background-repeat: no-repeat;
    width: 40px
}

.payment-icon {
    background-position: -53px -3px;
}

.create-parking-icon {
    background-position: -53px -73px;
}

.view-parking-icon {
    background-position: -53px -138px;
}

.contact-icon {
    background-position: -53px -197px;
}

.register_prop_icon {
    background-position: -53px -309px;
}

.user_account_icon {
    background-position: -53px -374px;
}

a:hover .register_prop_icon {
    background-position: -53px -340px
}

a:hover .payment-icon {
    background-position: -53px -38px
}

a:hover .create-parking-icon {
    background-position: -53px -102px
}

a:hover .view-parking-icon {
    background-position: -53px -168px
}

a:hover .contact-icon {
    background-position: -53px -222px;
}

a:hover .user_account_icon {
    background-position: -53px -404px;
}

#sidebar ul.sidebar-menu li a span {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.sidebar-menu>li>.treeview-menu {
    margin: 0;
}

#sidebar ul.sidebar-menu li.active span,
#sidebar ul.sidebar-menu li:hover span.iconsimg,
#sidebar ul.sidebar-menu li:focus span.iconsimg {
    background-position: 0 -30px;
}
#sidebar ul.sidebar-menu li.active span.faq-icon, #sidebar ul.sidebar-menu li:hover span.faq-icon, #sidebar ul.sidebar-menu li:focus span.faq-icon{
    background-position: -53px -475px;
}

#sidebar ul.sidebar-menu li span.iconsimg.my-vehicles-icon {
    background-position: 0 -62px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.my-vehicles-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.my-vehicles-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.my-vehicles-icon {
    background-position: 0 -92px;
}

#sidebar ul.sidebar-menu li span.iconsimg.guest-vehicles-icon {
    background-position: 0 -125px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.guest-vehicles-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.guest-vehicles-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.guest-vehicles-icon {
    background-position: 0 -148px;
}

#sidebar ul.sidebar-menu li span.iconsimg.my-parking-permits-icon {
    background-position: 0 -185px;
}

#sidebar ul.sidebar-menu li a.active span.iconsimg.my-parking-permits-icon,
#sidebar ul.sidebar-menu li a:hover span.iconsimg.my-parking-permits-icon,
#sidebar ul.sidebar-menu li a:focus span.iconsimg.my-parking-permits-icon {
    background-position: 0 -216px;
}

#sidebar ul.sidebar-menu li span.iconsimg.parking-police-icon {
    background-position: 0 -250px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.parking-police-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.parking-police-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.parking-police-icon {
    background-position: 0 -280px;
}

#sidebar ul.sidebar-menu li span.iconsimg.don-not-towrequest-icon {
    background-position: 0 -310px;
}

#sidebar ul.sidebar-menu li.active span.don-not-towrequest-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.don-not-towrequest-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.don-not-towrequest-icon {
    background-position: 0 -340px;
}

#sidebar ul.sidebar-menu li span.iconsimg.oncall-patroll-icon {
    background-position: 0 -375px;
}

#sidebar ul.sidebar-menu li.active span.oncall-patroll-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.oncall-patroll-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.oncall-patroll-icon {
    background-position: 0 -405px;
}

#sidebar ul.sidebar-menu li span.iconsimg.user-history-system-icon {
    background-position: 0 -442px;
}

#sidebar ul.sidebar-menu li.active span.user-history-system-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.user-history-system-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.user-history-system-icon {
    background-position: 0 -473px;
}
#sidebar ul.sidebar-menu li span.iconsimg.user-patrol-system-icon {
    background-position: 0 -373px;
}
#sidebar ul.sidebar-menu li.active span.user-patrol-system-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.user-patrol-system-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.user-patrol-system-icon {
    background-position: 0 -404px;
}

#sidebar ul.sidebar-menu li.active span.payment-icon,
#sidebar ul.sidebar-menu li:hover span.payment-icon,
#sidebar ul.sidebar-menu li:focus span.payment-icon {
    background-position: -53px -38px
}

#sidebar ul.sidebar-menu li.active span.create-parking-icon,
#sidebar ul.sidebar-menu li:hover span.create-parking-icon,
#sidebar ul.sidebar-menu li:focus span.create-parking-icon {
    background-position: -53px -102px
}

#sidebar ul.sidebar-menu li.active span.view-parking-icon,
#sidebar ul.sidebar-menu li:hover span.view-parking-icon,
#sidebar ul.sidebar-menu li:focus span.view-parking-icon {
    background-position: -53px -168px
}

#sidebar ul.sidebar-menu li.active span.register_prop_icon,
#sidebar ul.sidebar-menu li:hover span.register_prop_icon,
#sidebar ul.sidebar-menu li:focus span.register_prop_icon {
    background-position: -53px -340px
}

#sidebar ul.sidebar-menu li.active span.user_account_icon,
#sidebar ul.sidebar-menu li:hover span.user_account_icon,
#sidebar ul.sidebar-menu li:focus span.user_account_icon {
    background-position: -53px -404px;
}


/* 28-12-2016 */

#sidebar ul.sidebar-menu li span.iconsimg.user-newuser {
    background-position: 0 -1128px;
}

#sidebar ul.sidebar-menu li.active span.user-newuser,
#sidebar ul.sidebar-menu li:hover span.iconsimg.user-newuser,
#sidebar ul.sidebar-menu li:focus span.iconsimg.user-newuser {
    background-position: 0 -1150px;
}

#sidebar ul.sidebar-menu li span.iconsimg.ManageProperty {
    background-position: 0 -1028px;
}

#sidebar ul.sidebar-menu li.active span.ManageProperty,
#sidebar ul.sidebar-menu li:hover span.iconsimg.ManageProperty,
#sidebar ul.sidebar-menu li:focus span.iconsimg.ManageProperty {
    background-position: 0 -1052px;
}

#sidebar ul.sidebar-menu li span.iconsimg.contact {
    background-position: 0 -916px;
}

#sidebar ul.sidebar-menu li.active span.contact,
#sidebar ul.sidebar-menu li:hover span.iconsimg.contact,
#sidebar ul.sidebar-menu li:focus span.iconsimg.contact {
    background-position: 0 -947px;
}

#sidebar ul.sidebar-menu li.active span.contact-icon,
#sidebar ul.sidebar-menu li:hover span.contact-icon,
#sidebar ul.sidebar-menu li:focus span.contact-icon {
    background-position: -53px -222px;
}


/* ============ */

#sidebar ul.sidebar-menu li span.iconsimg.qa-icon {
    background-position: 0 -505px;
}

#sidebar ul.sidebar-menu li.active span.qa-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.qa-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.qa-icon {
    background-position: 0 -537px;
}

#sidebar ul.sidebar-menu li span.iconsimg.feedback-icon {
    background-position: 0 -566px;
}

#sidebar ul.sidebar-menu li.active span.feedback-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.feedback-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.feedback-icon {
    background-position: 0 -598px;
}

#sidebar ul.sidebar-menu li span.iconsimg.make-a-payment-icon {
    background-position: 0 -633px;
}

#sidebar ul.sidebar-menu li.active span.make-a-payment-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.make-a-payment-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.make-a-payment-icon {
    background-position: 0 -664px;
}


/* 21-10-2016 */

#sidebar ul.sidebar-menu li span.iconsimg.patrolsystem-icon {
    background-position: 0 -125px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.patrolsystem-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.patrolsystem-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.patrolsystem-icon {
    background-position: 0 -149px;
}

#sidebar ul.sidebar-menu li span.iconsimg.my-residentbl-icon {
    background-position: 0 -852px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.my-residentbl-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.my-residentbl-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.my-residentbl-icon {
    background-position: 0 -882px;
}

#sidebar ul.sidebar-menu li span.iconsimg.my-propertyinfo-icon {
    background-position: -49px -309px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.my-propertyinfo-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.my-propertyinfo-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.my-propertyinfo-icon {
    background-position: -49px -309px;
}

#sidebar ul.sidebar-menu li span.iconsimg.my-resdvehicles-icon {
    background-position: 0 -916px;
}

#sidebar ul.sidebar-menu li.active span.iconsimg.my-resdvehicles-icon,
#sidebar ul.sidebar-menu li:hover span.iconsimg.my-resdvehicles-icon,
#sidebar ul.sidebar-menu li:focus span.iconsimg.my-resdvehicles-icon {
    background-position: 0 -947px;
}


/* Header */

header.header.black-bg .logo-box {
    background: #020f18;
    color: #ffffff;
    float: left;
    font-size: 40px;
    margin-top: -1px;
    max-width: 266px;
    padding: 9px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 1px;
    width: 100%;
}

.dropdown_pro {
    background: #32323a;
    display: none;
    position: absolute;
    right: 0;
    top: 59px;
    width: 200px;
    box-shadow: 0 2px 4px #505050;
    -webkit-box-shadow: 0 2px 4px #505050;
    -moz-box-shadow: 0 2px 4px #505050;
    -ms-box-shadow: 0 2px 4px #505050;
}

header.header .nav.navbar-nav.navbar-right>li {
    margin: 11px 15px 11px 10px;
}

header.header.black-bg .collapse.navbar-collapse {
    box-shadow: 0 0 3px #606060;
}

header.header.black-bg .nav.navbar-nav.navbar-right p {
    display: inline-block;
    cursor: default;
    margin-bottom: 0;
    word-wrap: break-word;
    width: 221px;
}

.nav.navbar-nav.navbar-right>li .msg a i.iconsimg {
    height: 24px;
    width: 19px;
    position: relative;
    top: 5px;
    display: inline-block;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

header.header.black-bg .nav.navbar-nav.navbar-right span a img {
    border-radius: 50%;
    border: 2px solid #d7d7d7;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

header.header.black-bg .nav.navbar-nav.navbar-right span a.active img,
header.header.black-bg .nav.navbar-nav.navbar-right span a:hover img,
header.header.black-bg .nav.navbar-nav.navbar-right span a:focus img {
    border-radius: 50%;
    border: 2px solid #1B1E24;
    box-shadow: 0 2px 3px #5c5c5c;
    -webkit-box-shadow: 0 2px 3px #5c5c5c;
    -moz-box-shadow: 0 2px 3px #5c5c5c;
    -ms-box-shadow: 0 2px 3px #5c5c5c;
}

.nav.navbar-nav.navbar-right>li .msg a i.iconsimg.glyphiconbell {
    background-position: -5px -690px;
}

.nav.navbar-nav.navbar-right>li .msg a.active i.iconsimg.glyphiconbell,
.nav.navbar-nav.navbar-right>li .msg a:hover i.iconsimg.glyphiconbell,
.nav.navbar-nav.navbar-right>li .msg a:focus i.iconsimg.glyphiconbell {
    background-position: -5px -713px;
}

.nav.navbar-nav.navbar-right>li .msg a i.iconsimg.glyphiconenvelope {
    height: 21px;
    top: 4px;
    width: 27px;
}

.nav.navbar-nav.navbar-right>li .msg a i.iconsimg.glyphiconenvelope {
    background-position: -3px -733px;
}

.nav.navbar-nav.navbar-right>li .msg a.active i.iconsimg.glyphiconenvelope,
.nav.navbar-nav.navbar-right>li .msg a:hover i.iconsimg.glyphiconenvelope,
.nav.navbar-nav.navbar-right>li .msg a:focus i.iconsimg.glyphiconenvelope {
    background-position: -3px -752px;
}

header.header.black-bg .logo-box span {
    color: #879195;
    cursor: pointer;
    font-size: 23px;
    font-weight: 300;
    position: absolute;
    right: -50px;
    top: 17px;
    -webkit-transition: color ease-in-out 350ms;
    -moz-transition: color ease-in-out 350ms;
    -ms-transition: color ease-in-out 350ms;
    transition: color ease-in-out 350ms;
}

header.header.black-bg .logo-box span:hover {
    color: #e14444;
}

.sidebar-menu>li>a>.fa {
    bottom: 0;
    font-size: 12px;
    height: 15px;
    margin: auto;
    padding: 0;
    position: relative;
    right: 10px;
    top: 5px;
    width: 15px;
    -webkit-transition: color ease-in-out 350ms;
    -moz-transition: color ease-in-out 350ms;
    -ms-transition: color ease-in-out 350ms;
    transition: color ease-in-out 350ms;
}

.navbar-right .msg .dropdown-menu {
    border: 0 none;
    border-radius: 0;
    left: auto;
    right: -55px;
    top: 57px;
}

.notifications-info .firstletteralp {
    background: #f96868;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    color: #ffffff;
    float: left;
    font-size: 18px;
    height: 37px;
    line-height: 2;
    text-align: center;
    width: 37px;
    font-family: "Lato", sans-serif;
    font-weight: 600
}

.firstletteralp {
    background: none;
    float: left;
}

.firstletteralp img {
    height: 37px;
    width: 37px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}

.notifications-info .firstletter-color-bgtwo {
    background: #f8c514;
}

.notifications-info .firstletter-color-bgthree {
    background: #4ec194;
}

.notifications-info .firstletter-color-bgfour {
    background: #736086;
}

.notifications-info .firstletter-color-bgfive {
    background: #62a8ea;
}

.notifications-info .firstletter-color-bgsix {
    background: #0aa699;
}

.notification-content h4.item-title {
    font-size: 14px;
    font-weight: 400;
    color: #2d2d2d;
    font-family: "Lato", sans-serif;
    margin: 0
}

.notification-content h4.item-title>span {
    font-size: 12px;
    font-weight: 300;
    color: #b0b0b0;
    font-family: "Lato", sans-serif;
}

.nav.navbar-nav.navbar-right>li .notification-item {
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.nav.navbar-nav.navbar-right>li .notifications a.content {
    background: none;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    border-top: 1px solid #efefef;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    color: #707070;
    line-height: 100%;
}

.notification-header {
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.notification-header .viewall {
    background: #f96868;
    border-radius: 35px;
    color: #ffffff;
    line-height: 100%;
    float: right;
    font-size: 13px;
    margin: 0;
    padding: 5px 10px;
}

.notification-header .viewall:hover {
    background: #1B1E24;
    color: #fff
}

.notification-header>p {
    color: #707070;
    float: left;
    line-height: 100%;
    margin-top: 7px;
    font-size: 12px;
}

.navbar-right>li .notification-item .notification-content {
    float: right;
    width: 80%;
}

.navbar-right>li .notification-item .notification-content p.item-info {
    color: #b0b0b0;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    font-weight: 300
}

.nav.navbar-nav.navbar-right>li .notifications {
    min-width: 300px;
    padding: 0;
    border-top: 2px solid #f96868
}

.nav.navbar-nav.navbar-right>li .msg .notifications::before {
    border-bottom: 8px solid #f96868;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    right: 53px;
    top: -10px;
}

.nav.navbar-nav.navbar-right>li .msg.notifications-info .notifications::before {
    right: 10px
}

.navbar-right .msg.notifications-info .dropdown-menu {
    right: -10px;
}


/* Page Header */

.page-header.wlcome {
    background: #fff;
    padding: 13px 0 13px 24px;
    margin-bottom: 30px;
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
    position: relative;
    display: inline-block;
    width: 100%;
}

.page-header.wlcome::after {
    background: #ffffff;
    content: "";
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    box-shadow: 10px 0 3px #ccc;
    -webkit-box-shadow: 10px 0 3px #ccc;
    -moz-box-shadow: 10px 0 3px #ccc;
    -ms-box-shadow: 10px 0 3px #ccc;
}

.page-header.wlcome .wlcm-heading h3 {
    display: inline-block;
    margin: 0;
    padding-top: 3px;
    color: #e64545;
    text-transform: capitalize;
    font-size: 24px
}

.wlcm-heading .btn-default {
    float: left;
    margin-left: 15px;
}

.page-header.wlcome .select-items {
    max-width: 350px;
    width: 100%;
    float: right;
    margin-top: -2px;
    position: relative
}

.page-header.wlcome .select-items span.input-group-addon {
    bottom: 0;
    display: none;
    font-size: 25px;
    height: 28px;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 0;
    width: 0;
    z-index: 9;
    border: 0;
    background: none;
    color: #caccd0
}

.page-header.wlcome .select-items select {
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #6d6d6d;
    height: 37px;
    background: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}


/* Permits */

.user-listing.listing-box {
    padding: 0
}

.user-listing>ul>li.permits {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    /*min-height: 262px;*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 2px 3px #dcdcdc;
    -webkit-box-shadow: 0 2px 3px #dcdcdc;
    -moz-box-shadow: 0 2px 3px #dcdcdc;
    -ms-box-shadow: 0 2px 3px #dcdcdc;
}

.user-listing ul li h2 {
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #fff;
    margin-top: 0;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.bg-bluebg {
    background: #62A8EA !important;
}

.bg-lightredbg {
    background: #f96868 !important
}

.bg-reddark {
    background: #DD524B !important
}

.bg-lightgreenbg {
    background: #0aa699 !important
}

.bg-lightpurple {
    background: #736086 !important
}

.bg-lightyellow {
    background: #EECA5A !important
}

.bg-lighter-green {
    background: #75B749 !important
}

.bg-lighter-rafuji {
    background: #4AB2B3 !important
}

.bg-yellowdr {
    background: #FCA73A !important
}

.bg-lighter-green {
    background: #75B749 !important
}

.bg-lighter-rafuji {
    background: #4AB2B3 !important
}

.bg-brown {
    background: #AC8363 !important
}

.bg-darkblue {
    background: #1D283A !important
}

.bg-lighter-aqua {
    background: #66B5D6 !important
}

.bg-lighter-orange {
    background: #E87352 !important
}

.bg-lighter-greenesh {
    background: #5FCE9B !important
}

.bg-darkpurple {
    background: #8F44AD !important
}

.bg-lighter-blue {
    background: #75B749 !important
}

.bg-lighter-grey {
    background: #78818A !important
}

.bg-darkpurple .progress {
    background: #6B359C
}

.bg-yellowdr .progress {
    background: #C88629
}

.bg-darkblue .progress {
    background: #17202F
}

.bg-reddark .progress {
    background: #B1413D
}

.bg-brown .progress {
    background-color: #8B694E
}

.bg-lighter-aqua .progress {
    background-color: #5191AA
}

.bg-lighter-orange .progress {
    background: #BA5C42
}

.bg-lighter-greenesh .progress {
    background: #4DA57D
}

.bg-lighter-rafuji .progress {
    background: #3B9596
}

.bg-lighter-grey .progress {
    background: #60676F
}

.bg-lightyellow .progress {
    background-color: #BDA249;
}

.bg-lighter-green .progress {
    background-color: #5D9238;
}

.bar-content {
    display: inline-block;
    width: 100%;
}

.progress {
    background-color: #4e86bb;
    border-radius: 4px;
    border: 0;
    height: 4px;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
    width: 100%;
}

.permits.bg-lightredbg .progress {
    background-color: #c75353;
}

.permits.bg-lightgreenbg .progress {
    background-color: #08857a;
}

.permits.bg-lightpurple .progress {
    background-color: #5c4d6b;
}

.progress-white {
    background: #fff
}

.user-listing ul li .bar-content span {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 70px;
    position: relative;
}

.user-listing ul li .bar-content p.bar-icon {
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    height: 84px;
    text-align: center;
    width: 84px;
    position: relative;
    display: inline-block;
}

.bar-icon>img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.permits-content>p {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 0
}

.permits-content>p a {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
}

.permits-content>p a:hover {
    background: #fff;
    color: #868686;
}


/* Search Result */

.floatnone {
    display: inline-block;
    float: none;
}

.search-residents {
    padding: 10px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0 2px 3px #dcdcdc;
    -webkit-box-shadow: 0 2px 3px #dcdcdc;
    -moz-box-shadow: 0 2px 3px #dcdcdc;
    -ms-box-shadow: 0 2px 3px #dcdcdc;
}

.search-residents h2 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #e64545;
    margin-top: 0
}

.search-residents>span {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e4eaec;
    margin-bottom: 16px;
}

.search-residents>span input {
    background: rgba(0, 0, 0, 0);
    color: #494848;
    font-size: 14px;
    width: 90%;
    padding: 12px 0;
    border: 0 none;
}

.search-residents>span button {
    background: rgba(0, 0, 0, 0);
    border: 0 none;
    padding: 0;
    font-size: 20px;
    color: #c4c4c4;
    margin-top: 15px;
}

.search-residents>div>span {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e4eaec;
    margin-bottom: 16px;
}

.search-residents>div>span input {
    background: rgba(0, 0, 0, 0);
    color: #494848;
    font-size: 14px;
    width: 90%;
    padding: 12px 0;
    border: 0 none;
}

.search-residents>div>span button {
    background: rgba(0, 0, 0, 0);
    border: 0 none;
    padding: 0;
    font-size: 20px;
    color: #c4c4c4;
    margin-top: 15px;
}

.searchresult {
    margin: 0 -20px;
}

.searchresult li {
    padding: 10px 30px;
    border-bottom: 1px solid #e4eaec;
}
ul.searchResidentResult li {
    display:none;
}
ul.searchResidentResult li:nth-child(1),ul.searchResidentResult li:nth-child(2),ul.searchResidentResult li:nth-child(3),ul.searchResidentResult li:nth-child(4),ul.searchResidentResult li:nth-child(5) {
    display: block !important;
}

.searchresult li a:hover .resultitem:after {
    right: -8px;
    opacity: 1
}

.resultitem {
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.resultitem:after {
    position: absolute;
    right: 0;
    content: "\f105";
    font-family: 'FontAwesome';
    color: #37474f;
    opacity: 0.4;
    top: 15px;
    height: 100%;
    bottom: 0;
    font-size: 20px;
    margin: 0;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.resultitem>img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    margin-right: 12px
}

.resultitem .result-content p {
    color: #37474f;
    margin: 0;
    font-size: 16px;
    font-weight: 300;
}

.resultitem .result-content span {
    color: #a3afb7;
    font-size: 13px;
    font-weight: 300;
}

.result-content {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
}

.loadmore {
    display: inline-block;
    font-size: 16px;
    margin-top: 7px;
    color: #e64545;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.loadmore:hover {
    color: #202026;
    text-shadow: 1px 1px 0px #9c9c9c;
    -webkit-text-shadow: 1px 1px 0px #9c9c9c;
    -moz-text-shadow: 1px 1px 0px #9c9c9c;
    -ms-text-shadow: 1px 1px 0px #9c9c9c;
}

.loadmore i {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.loadmore:hover i {
    margin-left: 8px;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: none
}


/* Table */

.tablecontent {
    background: #ffffff;
    border: 1px solid #ebebeb;
    padding: 15px 19px;
    margin-bottom: 30px;
    box-shadow: 0 2px 3px #ececec;
    -webkit-box-shadow: 0 2px 3px #ececec;
    -moz-box-shadow: 0 2px 3px #ececec;
    -ms-box-shadow: 0 2px 3px #ececec;
}

.headingpage {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #e64545;
    margin-top: 0
}

.tabledata {
    width: 100%;
}

table.dataTable.nowrap th,
table.tablecustom thead tr th {
    color: #37474f;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-align: center;
    padding: 15px;
    white-space: normal;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

table.tablecustom tbody tr {
    border-color: #e9eaeb;
    border-style: solid none;
    border-width: 1px 0;
}

table.tablecustom tbody tr:nth-of-type(2n+1) {
    background: #fafafa
}

table.tablecustom tbody tr td {
    vertical-align: middle;
    color: #7c8387;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    padding: 10px 15px
}

.table-responsive {
    display: inline-block;
    /*overflow-x: auto; overflow-y: hidden;*/
    width: 100%;
}


/*Custom Table Setting */

.cst-tbl-sec {
    padding-left: 0;
    padding-right: 0;
}

.tbl-head {
    padding: 0 20px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.tbl-head .btn-default {
    padding: 4px 13px;
    font-size: 14px;
}

.cst-tbl-sec .headingpage,
.cst-tbl-sec h1 {
    padding-right: 20px;
    display: inline-block;
    margin-bottom: 0;
}

.cst-tbl-sec .headingpage {
    margin-top: 5px;
}

.lbl-hdn,
.cst-tbl-sec .lbl-hdn {
    display: none;
}

.cst-tbl-sec .loadmore {
    padding-left: 20px;
    margin-top: 0;
}

.cst-tbl-sec .table {
    margin-bottom: 10px;
}

.tabl-card-view label.th-head {
    color: #37474f;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    padding: 0 10px 0 0;
    vertical-align: middle;
    border-bottom: 0;
    width: 50%;
    float: left;
    margin: 0;
}

table.dataTable thead .sorting {
    white-space: normal;
    word-break: normal;
}


/* external_security@gmail.com 26-09-2016 */


/* ============   Page Heading Top Bar -================ */

.pageheading {
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
    width: 100%;
    margin-bottom: 25px;
}

.pageheading span {
    background: #e64545;
    float: left;
    height: 70px;
    text-align: center;
    width: 70px;
}

.pageheading h3 {
    color: #e64545;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-size: 21px;
    font-weight: bold;
    margin: 23px;
}

.pageheading figure {
    border: 1px solid #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    display: inline-block;
    height: 50px;
    line-height: 3.8;
    vertical-align: middle;
    width: 50px;
    margin-top: 10px
}

.selectproperty {
    float: right;
    margin: 12px 20px 0 0;
    max-width: 450px;
    width: 100%;
}

.selectproperty label {
    color: #e64545;
    font-size: 18px;
    font-weight: 500;
    margin-top: 9px;
    margin-right: 15px;
}

.selectproperty select {
    max-width: 300px;
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #6d6d6d;
    font-size: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    font-family: "Lato", sans-serif;
    background-color: inherit;
    background-image: url(../img/pageheadingicon-select.png) !important;
    background-repeat: no-repeat !important;
    background-position: 96% center !important;
    padding: 0 15px;
    float: right;
}

.errorproperty {
    display: inline-block;
    margin: 70px auto;
}

.label-error {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border: 1px solid #dd5b57;
    display: block;
    font-size: 25px;
    padding: 15px;
    color: #e64545;
    background: #f9dada;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    letter-spacing: 1.4px;
    line-height: 1.2;
    margin-top: 15px
}


/* Check In Page */

.dataheading {
    display: block;
    margin-bottom: 20px
}

.dataheading h1 {
    color: #e14444;
    font-size: 28px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    padding-left: 20px;
}

.cst-bg-wrap .dataheading h1 {
    float: left;
    padding-left: 20px;
    margin-bottom: 0;
}

.with-border.dataheading .pull-right.btn.btn-default {
    margin-right: 20px;
}

.violation_content .dataheading h1 {
    padding-left: 0;
}

.card-head h1 {
    padding-left: 0;
}

.edit-profile-pg .dataheading {
    text-align: center;
}

.no-data {
    background-color: #f9f9f9;
    color: #7c8387;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    padding: 10px 15px;
    vertical-align: middle;
    border-top: 1px solid #ebecec;
    border-bottom: 1px solid #ebecec;
    line-height: 1.42857143;
}

.no-data h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.checkin .Property_Details h4 {
    background: #e14444;
    color: #fff;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    display: inline-block;
    padding: 13px;
    margin-bottom: 0
}

.Property_Details .detailbox {
    display: inline-block;
    width: 100%;
}

.Property_Details .detailbox li p {
    text-align: right;
}

ul.userparkingprmt h2.bg-gray.disabled.color-palette.a {
    color: #000;
    font-size: 20px;
    margin-top: 5px;
}

.detailbox,
.block-sec {
    padding: 19px 20px;
    background: #f4f7f8;
    border: 1px solid #d4d4d4
}

.detailbox h3 {
    margin-top: 0px;
}

.detailbox li,
.block-sec li {
    display: inline-block;
    width: 100%;
    margin-bottom: 18px;
    padding-left: 18px;
    position: relative
}

.detailbox li:last-child,
.block-sec li:last-child {
    margin-bottom: 0
}

.detailbox li:before,
.block-sec li:before {
    position: absolute;
    left: 0;
    height: 8px;
    width: 8px;
    background: none;
    top: 9px;
    margin: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    content: ""
}

.detailbox li b,
.block-sec li b {
    color: #1b1e24;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.detailbox li p,
.block-sec li p {
    float: right;
    color: #8c999d;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin: 0
}

.detailbox li:first-child b {
    color: #1b1e24;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.detailbox li:first-child p {
    float: right;
    /* color: #e14444; */
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.sub-custom-list li li {
    margin: 5px 0 0;
}

.sub-custom-list li li:before {
    content: '';
    display: none;
}

.checkin-section {
    background: #334d5c;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
    margin-top: 51px;
    padding: 35px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    border: 1px solid #d4d4d4
}

/*.checkin-section:hover .checkicon {*/
/*    border-color: #E64545;*/
/*}*/

/*.checkin-section:hover .checkicon figure {*/
/*    background-position: 0 -108px*/
/*}*/

.checkicon {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    border: 3px solid #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    display: block;
    height: 136px;
    margin: 0 auto;
    width: 136px;
    text-align: center
}

.checkicon figure {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    background-image: url(../img/checkin.png);
    background-repeat: no-repeat;
    width: 77px;
    height: 102px;
    margin-top: 19px;
    display: inline-block
}

.btn-check {
    font-size: 27px;
    color: #fff;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    font-weight: 300;
    max-width: 291px;
    width: 100%;
    padding: 15px 0
}

/*.checkin-section:hover .btn-check {*/
/*    border-color: #E64545;*/
/*    background-color: transparent;*/
/*    color: #E64545;*/
/*    !* box-shadow: 0 2px 3px #202020;*/
/*    -webkit-box-shadow: 0 2px 3px #202020;*/
/*    -moz-box-shadow: 0 2px 3px #202020;*/
/*    -ms-box-shadow: 0 2px 3px #202020;*!*/
/*}*/

.btn-checkout {
    font-size: 27px;
    color: #fff;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    font-weight: 300;
    width: 291px;
    padding: 10px 0;
    margin-top: -6px;
}


/* After Checkin */

.form-section.margin-top {
    background-image: url(../img/searchbg.png);
    background-repeat: repeat;
    position: relative;
    overflow: hidden;
    padding: 67px 0
}

.form-section.margin-top>form.form-horizontal.Patrolling {
    border: 0;
    width: 100%;
    padding: 25px 21px;
    margin: 0
}

.form-section.margin-top::after,
.form-section.margin-top::before {
    background: rgba(0, 0, 0, 0) url("../img/searchbg.png") repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: -15px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 15px;
}

.form-section.margin-top::after {
    right: -15px;
    left: inherit
}

form.serachplate {
    max-width: 871px;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

@media only screen and (max-width: 600px) {
    .searchinput {
        background: #fff;
        width: 100%;
        display: inline-block !important;
    }
}

.searchinput {
    /*background: #fff;*/
    /*width: 100%;*/
    /*display: inline-block*/
    display: flex;
}

.searchinput .form-control.form-big {
    border-radius: 0;
    border-right: 0 none;
    float: left;
    font-family: "Raleway", sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    height: 60px;
    width: 72%;
}

.searchinput .btn.form-big.form-control {
    float: right;
    border: 0;
    width: auto;
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 0 20px;
    position: relative;
}

.btn.btn-default.form-big.form-control::before {
    background: #e64545;
    content: "";
    height: 100%;
    left: -10px;
    position: absolute;
    top: 0;
    width: 10px;
}

.btn.btn-default.form-big.form-control::after {
    content: "";
    left: -31px;
    position: absolute;
    top: 0;
    border-right: 12px solid #e64545;
    border-left: 12px solid rgba(0, 0, 0, 0);
    border-top: 12px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid rgba(0, 0, 0, 0);
    bottom: 0;
    margin: auto;
    height: 0
}

.sendnote {
    background: #62a8ea;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 52px;
    padding: 16px;
    border: 1px solid #d4d4d4
}

.sendnote.realtime {
    background: #0aa699
}

.sendnote>span {
    float: left;
}

.sendnote-content {
    display: inline-block;
    padding-left: 21px;
    width: 69%;
}

.sendnote p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}

.sendnote-content a {
    background: #fff;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    color: #62a8ea;
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
}


/* ========== .user-listing ======== */

.user-listing:first-child {
    margin-top: 0;
}

.user-listing {
    margin-top: 30px;
    box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -ms-box-shadow: 0 1px 2px #ccc;
}

.user-listing .db-block,
.db-block {
    display: block;
    float: none;
    padding: 0;
    box-shadow: none;
    margin: 0
}

.db-block table.dataTable.no-footer,
.db-block table {
    width: 100%;
    margin-bottom: 0 !important;
    padding-bottom: 0;
    margin-top: 0 !important;
}
.db-block.margin-top-15{
    margin-top: 15px;
}

.box-solid.tabs_add {
    padding-left: 15px;
    padding-right: 15px;
}

.user-listing.tb-border {
    box-shadow: none;
    border: 1px solid #ebecec;
    padding: 0;
    margin-bottom: 20px;
}


/* Table */

table.dataTable.no-footer {
    border-bottom-color: #ebecec;
    margin-bottom: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.search-table .dataheading {
    margin-bottom: 15px;
}

.search-table .dataheading h1 {
    font-size: 18px;
    text-transform: uppercase;
}

.table thead tr th {
    color: #37474f;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    padding: 15px;
    vertical-align: middle;
    border-bottom: 0;
}

.table thead tr th a {
    color: #37474f;
}

.table tbody tr td {
    color: #7c8387;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    padding: 10px 15px;
    vertical-align: middle;
    white-space: normal;
    word-wrap: break-word;
    border-top-color: #ebecec;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.table tbody tr td .btn-group+.btn-pay>.btn {
    margin-top: 10px;
}

.table tbody tr td a {
    /*    color: #7c8387*/
}

.table tbody tr td .lbl {
    display: block
}

.table tbody tr td a:hover {
    color: #e64545
}

#accordion .table tbody tr:hover td {
    background: #1b1e24;
    color: #fff;
}

#accordion .table tbody tr:hover a.btn-default-outline {
    background: #e64545;
    color: #ffffff;
}


/* Send Note */

.selectproperty a.btn.btn-default.btn-checkout {
    font-size: 16px;
    margin-top: -1px;
    padding: 8px 15px;
    width: auto;
    float: right;
}

form.form-horizontal .form-group.message_box label {
    background: #e14444;
    color: #fff;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    display: inline-block;
    padding: 13px;
    margin-bottom: 0
}

.textarea {
    background: #f4f7f8;
    border: 1px solid #d4d4d4
}

.textarea textarea {
    border: 1px solid #d4d4d4;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    min-height: 283px;
}

.textarea {
    background: #f4f7f8;
    border: 1px solid #d4d4d4;
    display: inline-block;
    padding: 18px;
    width: 100%;
}

#camera_wrapper {
    padding: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c987f8+0,41b29d+100 */
    background: rgb(201, 135, 248);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(201, 135, 248, 1) 0%, rgba(65, 178, 157, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(201, 135, 248, 1) 0%, rgba(65, 178, 157, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(201, 135, 248, 1) 0%, rgba(65, 178, 157, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c987f8', endColorstr='#41b29d', GradientType=1);*/
    /* IE6-9 fallback on horizontal gradient */
    display: inline-block;
    width: 100%;
    position: relative
}

#camera_wrapper>#camera {
    padding: 10px;
    background: #fff
}

embed#webcam_movie {
    width: 75%;

}

.images_captured>img {
    border: 2px solid #ccc;
    border-radius: 4px;
}

.images_captured .fa-times-circle-o {
    background: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    color: #e64545;
    cursor: pointer;
    padding: 2px;
}

.red .btn.bg-black {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 0 none;
    box-shadow: none;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 9;
    width: 100%;
    height: 100%;
}

.btn.btn-default {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
}

.submitcancle ul li {
    display: inline-block;
    margin-left: 25px;
}

.btn-default-outline {
    border: 2px solid #E64545;
    color: #E64545;
    background: #fff;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    padding: 6px 25px
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
}

td .btn-xs+.btn-xs {
    margin-top: 10px;
}

.table tbody tr td a.btn-default-outline {
    color: #E64545;
}

.btn-default-outline:hover,
.btn-default-outline:focus,
.table tbody tr td a.btn-default-outline:hover,
.table tbody tr td a.btn-default-outline:focus {
    color: #fff;
    background: #E64545
}


/* Comon */

.bg-whitebtn {
    background: #fff;
    color: #000000;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    border-radius: 0;
    box-shadow: 2px 2px 3px #dcdcdc;
    -webkit-box-shadow: 2px 2px 3px #dcdcdc;
    -moz-box-shadow: 2px 2px 3px #dcdcdc;
    -ms-box-shadow: 2px 2px 3px #dcdcdc;
    padding: 5px 15px
}

#accordion table {
    border: 1px solid #ebecec
}

tbody tr {
    border-bottom: 1px solid #ebecec
}

.table tr:hover .bgactive {
    background: #40c67a;
    color: #fff;
    box-shadow: none;
}

.table tr:hover .bgnoactive {
    background: #E64545;
    color: #fff;
}

.searchplt .btn.btn-app.link_btn.btn-default {
    font-size: 18px;
    font-weight: 500;
    padding: 15px 18px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
}

.bg-green {
    margin: 0 auto 3%;
    padding: 16px;
    width: auto;
    background: rgba(64, 198, 122, 1);
    border: 0;
    border-radius: 0;
    color: #fff;
}

.bg-red {
    background: #E64545;
    border: 0;
    border-radius: 0;
    margin: 0 0 0 0;
    padding: 16px;
    width: auto;
}

.bg-yellow {
    margin: 0 auto 3%;
    padding: 16px;
    width: auto;
    color: #32323A;
    background: #ffff00;
    border: 0;
    border-radius: 0;
}

.bg-orange {
    margin: 0 auto 3%;
    padding: 16px;
    width: auto;
    color: #fff;
    background: #FF6801;
    border: 0;
    border-radius: 0;
}

.bg-aqua {
    margin: 0 auto 3%;
    padding: 16px;
    width: auto;
    color: #fff;
    background: #00AFF0;
    border: 0;
    border-radius: 0;
}

.bg-grey {
    margin: 0 auto 3%;
    padding: 16px;
    width: auto;
    color: #fff;
    background: grey;
    border: 0;
    border-radius: 0;
}

.bg-info {
    background: #31b0d5;
    font-size: 20px;
    margin: 0 auto 3%;
    padding: 16px;
    width: auto;
    border: 0;
    border-radius: 0;
    color: #fff;
}


/*  Patroling Details */
.hgroup.bg-green1 {
    background: #afefaf;
    border: 1px solid #ccc;
    padding:10px;
}
.hgroup.bg-green1 h1 {
    margin: 0;
    float: left;
}

.hgroup.bg-green1 h3 {
    font-size: 28px;
    color: #000;
    margin-top: 12px;
}
.bottom_tag h3 {
    display: inline-block;
}
.bottom_tag a {
    display: inline-block;
    border: 2px solid #009300;
    color: #000;
}

.non-guest-content1 {
    display: inline-block;
    width: 70%;
}

.non-guest-content1 h1.a.text-center {
    float: none;
}
.bottom_tag {
    width: 100%;
}




.hgroup.bg-red {
    background: #fadddf;
    border: 1px solid #e14444;
    margin-top: 0px
}

.hgroup.bg-red h1 {
    font-size: 28px;
    color: #e14444;
    font-weight: 400;
    margin: 0
}

.hgroup.bg-red h3 {
    font-size: 32px;
    color: #e14444;
    font-weight: bold;
    margin-top: 12px
}

.nonresident-icon {
    float: left
}

.nonguest-icon {
    float: right
}

.non-guest-content {
    display: inline-block;
}

#accordion .panel.panel-default {
    box-shadow: none;
    border: 0
}

.vehicle_status #accordion .panel-heading.active-tab {
    background: #e14444;
    color: #fadddf;
    font-size: 23px
}

.vehicle_status #accordion .panel-heading {
    border: 1px solid #d4d4d4;
    color: #1b1e24;
    background: #f4f7f8;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 15px
}

.vehicle_status #accordion .panel-heading.active-tab .numbers-fcont {
    color: #fadddf
}

.vehicle_status #accordion .panel-heading h4::after,
.vehicle_status #accordion .panel-heading.active-tab h4::after {
    content: "";
    font-size: 25px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 12px;
    width: 28px;
    background-image: url(../img/tabsicon.png);
}

.vehicle_status #accordion .panel-heading.active-tab h4::after {
    background-image: url(../img/tabsicon-not.png);
    /*
    bottom: inherit;
    top: 22px;
*/
}

.vehicle_status #accordion .panel-heading.active-tab h4 {
    color: #fadddf;
    font-size: 23px
}

.vehicle_status #accordion .panel-heading h4 {
    color: #1b1e24;
    position: relative;
    font-size: 23px
}

.text-center.bg-info {
    border: 4px solid #147bc0;
    background: #3498db;
    font-size: 40px;
    color: #fff;
    padding: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    display: inline-block;
    width: 100%;
    margin-top: 30px
}

.text-center.bg-info a {
    border: 0;
    background: #fff;
    color: #3498db;
    font-size: 22px;
    font-weight: 500;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    padding: 10px 30px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    width: 100%;
}

.text-center.bg-info a:hover {
    box-shadow: 3px 5px 0 #147bc0;
    -webkit-box-shadow: 3px 5px 0 #147bc0;
    -moz-box-shadow: 3px 5px 0 #147bc0;
    -ms-box-shadow: 3px 5px 0 #147bc0;
}


/* Add Violation */

ul.submitviolation li .form-group {
    padding: 0
}

.submitviolation label {
    color: #e64545;
    font-size: 18px;
    font-weight: 500;
    margin-right: 10px;
}

.submitviolation select {
    width: 254px;
    height: 44px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #6d6d6d;
    font-size: 15px;
    -moz-appearance: none;
    font-family: "Lato", sans-serif;
    background-color: inherit;
    background-image: url(../img/pageheadingicon-select.png);
    background-repeat: no-repeat;
    background-position: 225px center;
    padding-left: 10px;
}

.submitviolation>li {
    float: left;
    width: 49%;
}

.submitviolation .select-items {
    float: left;
}

.submitviolation>li:nth-of-type(2n+2) {
    float: right;
}

.select-items .form-control,
.input-group .form-control,
.form-control.input-lg,
input.form-control {
    background-color: #ffffff;
}


/* Violation Details */

.violationdetails_content {
    background: #e14444;
    color: #ffffff;
    float: left;
    padding: 35px;
    text-align: center;
    position: relative;
    width: 30%;
}

.violationdetails_content:after {
    position: absolute;
    right: -30px;
    top: 0;
    border-left: 15px solid #e14444;
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-bottom: 15px solid rgba(0, 0, 0, 0);
    border-top: 15px solid rgba(0, 0, 0, 0);
    content: ""
}

.violationdetails_content h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px
}

.violationdetails .detailbox,
.rgt-detail {
    display: inline-block;
    width: 70%;
}

.rgt-detail .block-sec h3 {
    margin-top: 0;
}

.tow-car-imgs li {
    float: left;
    margin-bottom: 3%;
    margin-right: 1%;
    width: 24%;
}

/*.tow-car-imgs li:nth-of-type(2n+2) {
    float: right;
    margin-right: 0;
}*/

.tow-car-imgs img {
    width: 100%;
    height: auto;
}

#accordion .panel-body {
    border: 0
}

.numbers-fcont {
    font-size: 23px;
    color: #969696;
    font-weight: 500
}

.tablelayout {
    table-layout: fixed;
}

.tableresponsive {
    overflow-x: auto;
    width: 100%
}

.tablescroll {
    width: 1500px;
}

.table-listing .pagination {
    float: right;
}

.table-listing .pagination li span,
.table-listing .pagination li a {
    border: 0;
    font-size: 16px;
    color: #666;
    line-height: 100%
}

.table-listing .pagination li.active span {
    color: #fff
}

select.bg-whitebtn {
    -moz-appearance: none;
    border: 0;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

select.bg-whitebtn:hover {
    background: #1B1E24;
    color: #fff;
}

select.bg-whitebtn:hover option {
    background: #fff;
    color: #000
}

select.bg-whitebtn option {
    background: #fff;
    color: #000
}

.pageheading .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    box-shadow: 0 0 3px #acacac;
    color: #a94442;
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    margin-bottom: 10px;
}

#camera_wrapper>div#camera.camera_after::before {
    background: #ffffff;
    content: "";
    height: 96%;
    left: 1%;
    position: absolute;
    top: 2%;
    width: 98%;
    z-index: 2;
}

.box.box-default.violation_content form.form-horizontal .box-body.form-cntnr #camera_wrapper #camera {
    border: 0;
}

#camera_wrapper>div#camera::after {
    /*   border: 3px dashed #CCCCCC;*/
    bottom: 0;
    content: "";
    height: 92%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 95%;
}

#camera_wrapper button p {
    color: #cccccc;
    font-size: 27px;
    font-weight: bold;
    margin-top: 20px;
}

.camerabtn {
    background: #1b1e24 none repeat scroll 0 0;
    border-radius: 0;
    bottom: 0;
    color: #ffffff;
    font-size: 20px;
    height: 93%;
    margin: auto;
    padding: 10px 25px;
    position: absolute;
    right: 16px;
    top: 0;
    width: 162px;
}

.camerabtn img {
    width: 120px;
}

#camera_wrapper button.camerabtn-st p {
    color: #fff;
}


/*  */

.vehicleeditname {
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 15px;
}

.vehicleeditname h2 {
    font-size: 29px;
    color: #1b1e24;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0
}

.vehicleeditname h2 a.btn.btn-default-outline {
    margin-top: 0;
    float: right;
}

.detailbox .detailbox {
    border-left: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
    border-right: none;
    display: inline-block;
    padding: 0 15px;
    width: 48%;
}

.Property_Details .detailbox .detailbox {
    border-left: 0;
    padding: 0 15px 0 0;
    width:80%;
}
span.actcls {
    color: #008000;
    font-weight: 700;
}

span.deactivecls {
    color: #e64545;
    font-weight: 700;
}

.detailbox .detailbox li {
    padding: 0;
    margin-bottom: 0
}

.detailbox .detailbox li b {
    font-size: 1.3em;/*14px;*/
    color: #1b1e24
}

.detailbox .detailbox li p {
    font-size: 1.3em;/*14px;*/
    color: #818181
}

.detailbox .detailbox li::before {
    display: none
}

.activeresident .bg-red {
    background: none;
    padding: 0;
    font-size: 16px;
    color: #e14444
}

.detailbox.userparkingprmt {
    padding: 0;
    float: right;
    text-align: center;
    border: 0;
    width: 24%;
}

.detailbox.userparkingprmt .bg-aqua {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #40c67a;
    float: left;
    font-size: 16px;
    padding: 0;
    text-align: left;
    white-space: initial;
    word-wrap: break-word;
}

.detailbox .detailbox.userparkingprmt li {
    padding-left: 9px;
}

.vehicleeditname h2 a.btn.btn-default-outline:hover .edittag {
    background-position: 0 -22px
}

.edittag {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    background-image: url(../img/edit-name.png);
    display: inline-block;
    height: 18px;
    width: 18px;
    position: relative;
    top: 3px
}

.Licence_updatenumb {
    display: inline-block;
    width: 60%;
}

.update-icon {
    float: right;
    margin: -65px 0 0;
    padding: 15px;
    text-align: center;
    width: 40%;
    background: #09BC92
}

.update-icon>span {
    margin: auto;
    margin-bottom: 20px;
    display: block;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.update-icon span i {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    background-image: url("../img/updateicon.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 50px;
    margin-top: 14px;
    width: 50px;
}

.update-icon:hover span i {
    background-position: 0 -56px
}

.update-icon:hover span {
    border-color: #E64545
}

.panel.panel-default:first-child {
    margin-top: 15px;
}

.table tr:hover .bggracebtn {
    background: #F5B73C;
}

.table tr:hover .bggracebtn.bg-whitebtn {
    color: #fff
}

.user-listing.usr-list-sec.listing-box>ul>li {
    text-align: left;
}

.user-listing.usr-list-sec.listing-box {
    box-shadow: none;
}

#sidebar ul.sidebar-menu li>a>p {
    width: 70%;
}

.dataheading-span {
    color: #898989;
    font-weight: 500;
    font-size: 28px;
}

.profilepicupload #capture_btn>p {
    font-size: 20px
}

.formheading {
    font-size: 22px;
    color: #e64545;
    margin-top: 0
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: #fff;
    font-size: 15px;
    font-family: "Lato", sans-serif;
    font-weight: 400
}

.edit-profile-pg form .verifynumber-link {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 15px 30px;
}

.verifynumber-link img {
    float: left;
}

.edit-profile-pg form .verifynumber-link label {
    color: #1b1e24;
    font-size: 18px;
    font-weight: 500
}

.verifynumber-link>span {
    display: inline-block;
}

.edit-profile-pg form .verifynumber-link label {
    color: #1b1e24;
    float: right;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    width: 86%;
}

.edit-profile-pg form .edit-link p a.text-veri,
.edit-profile-pg form .edit-link p a.phn-veri {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    font-size: 13px;
    font-weight: 500;
}

.edit-pro-details {
    border-bottom: 1px solid rgba(27, 30, 36, 0.2);
    display: inline-block;
    width: 100%
}

.box-footer.col-md-6 .passwordchange {
    background: #fdfdfd none repeat scroll 0 0;
    padding: 49px 25px;
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.margin-bottom-10 {
    margin-bottom: 10px !important
}

.margin-bottom-15 {
    margin-bottom: 15px !important
}

.margin-bottom-20 {
    margin-bottom: 20px !important
}

.login-page .login-box {
    margin: 0 auto
}

/*
.login-page,
.register-page {
    background-image: url(../img/login-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}
*/

.hold-transition.login-page .login-box-body.login_now {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: none;
    max-width: 378px;
    width: 100%;
    height: 650px;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.hold-transition.login-page .login-box-body.login_now:before,
.hold-transition.login-page .login-box-body.login_now:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.hold-transition.login-page .login-box-body.login_now:before {
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 2px;
    -moz-background-size: 100% 2px;
    background-size: 100% 2px;
    background-image: -webkit-linear-gradient(to right, #be4f0a 0%, #493721 100%), -webkit-linear-gradient(right, #be4f0a 0%, #493721 100%);
    background-image: -moz-linear-gradient(to right, #be4f0a 0%, #493721 100%), -moz-linear-gradient(right, #be4f0a 0%, #493721 100%);
    background-image: -o-linear-gradient(to right, #be4f0a 0%, #493721 100%), -o-linear-gradient(right, #be4f0a 0%, #493721 100%);
    background-image: linear-gradient(to right, #be4f0a 0%, #493721 100%), linear-gradient(to left, #be4f0a 0%, #493721 100%);
}

.hold-transition.login-page .login-box-body.login_now:after {
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    -webkit-background-size: 2px 100%;
    -moz-background-size: 2px 100%;
    background-size: 2px 100%;
    background-image: -webkit-linear-gradient(top, #be4f0a 0%, #493721 100%), -webkit-linear-gradient(to top, #493721 0%, #be4f0a 100%);
    background-image: -moz-linear-gradient(top, #be4f0a 0%, #493721 100%), -moz-linear-gradient(to top, #493721 0%, #be4f0a 100%);
    background-image: -o-linear-gradient(top, #be4f0a 0%, #493721 100%), -o-linear-gradient(to top, #493721 0%, #be4f0a 100%);
    background-image: linear-gradient(to bottom, #be4f0a 0%, #493721 100%), linear-gradient(to top, #493721 0%, #be4f0a 100%);
}

.login-box .login_now input.form-control {
    -moz-border-bottom-colors: #3d3d3d;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    width: 256px;
    color: #fff;
    border-radius: 0;
}

.login-box .login_now form {
    margin: 45px auto 0;
    width: 256px;
}

.login-box .login_now form button {
    border-radius: 0;
}

.btn.active.selected_product.dotowcheck {
    float: left;
    left: inherit;
    margin-right: 11px;
    position: inherit;
    line-height: 0
}

.hold-transition.login-page .login-box-body.login_now .rembr i {
    color: #E64545
}

.rembr p {
    color: #fff;
    font-size: 14px;
}

.hold-transition.login-page .login-box-body.login_now .rembr input {
    height: auto;
    left: 0;
    position: absolute;
    width: auto;
}

.hold-transition.login-page .login-box-body.login_now .rembr {
    display: block;
    margin-bottom: 30px;
    margin-top: 10px;
    position: relative;
}

.login_now ul {
    padding-top: 60px;
    padding-left: 0;
    position: relative
}

.login_now ul:before {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    width: 54px;
    height: 1px;
    background: #3d3d3d;
    margin: auto;
    content: ""
}

.login_now ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.login_now ul li a.createact {
    color: #E64545
}

.login_now ul li a:hover {
    color: #E64545;
}

.login_now ul li a.createact:hover {
    color: #fff
}

.login_now ul li {
    display: inline-block;
}

.login-box span.form-control-feedback {
    font-size: 15px;
    left: 0;
    right: inherit;
    background-image: url(../img/loginpage-icon.png);
    background-repeat: no-repeat;
    height: 18px;
    width: 15px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.hold-transition.login-page .login-box-body.login_now input {
    height: 42px;
    padding-left: 25px;
    padding-right: 0;
}

.login-box span.form-control-feedback.fakey {
    background-position: 0 -40px;
}

.focus span.form-control-feedback.fakey {
    background-position: 0 -60px;
}

.focus .glyphiconenvelope {
    background-position: 0 -20px;
}

button .falock {
    background-image: url("../img/loginpage-icon.png");
    background-position: -1px -77px;
    display: inline-block;
    height: 18px;
    line-height: 100%;
    width: 13px;
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}


/* 30-09-2016 */

.residentfrnd {
    padding: 24px 20px;
}

.btn-default-outline.addfrn {
    float: right;
    border: 1px solid;
    border-radius: 3px;
    color: #1b1a1a;
    font-size: 11px;
    font-weight: 400;
    padding: 5px;
    position: relative;
    right: -6px;
    text-transform: capitalize;
}

.btn-default-outline.addfrn:hover {
    color: #fff;
    border-color: #E64545;
}

.bg-lightpurple .permitsbtn-cont .btn.btn-default-outline {
    background: #836b9b none repeat scroll 0 0;
    border: 1px solid #a682c8;
    border-radius: 0;
    color: #ffffff;
}

.bg-lightpurple .permitsbtn-cont .btn.btn-default-outline:hover {
    background-color: #8d41ad;
}

.bg-darkpurple .permitsbtn-cont .btn.btn-default-outline {
    background: #A653C9;
    border: 1px solid #C576E4;
    border-radius: 0;
    color: #ffffff;
}

.bg-darkpurple .permitsbtn-cont .btn.btn-default-outline:hover {
    background: #A653C9;
}

.bg-lighter-rafuji .permitsbtn-cont .btn.btn-default-outline {
    background: #4AC7C9;
    border: 1px solid #48DCDE;
    border-radius: 0;
    color: #ffffff;
}

.bg-lighter-rafuji .permitsbtn-cont .btn.btn-default-outline:hover {
    background: #3ab5b7;
}

.pull-right.startptroling {
    width: 44%;
}

.pull-right.startptroling a.btn.btn-default {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

.page-header.wlcome.text-center a.btn.btn-default {}

.bg-whitesuccess {
    background: #fff;
    color: #000;
    /*font-size: 15px;
    padding: 5px 15px
    border-radius: 0;*/
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    box-shadow: 2px 2px 3px #dcdcdc;
    -webkit-box-shadow: 2px 2px 3px #dcdcdc;
    -moz-box-shadow: 2px 2px 3px #dcdcdc;
    -ms-box-shadow: 2px 2px 3px #dcdcdc;
}

.bg-whitecoming {
    background-color: #428bca;
    color: #fff;
}

table tbody tr:hover {
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

table tbody tr:hover .label-success.bg-whitesuccess {
    background: #1ECA6B;
    color: #fff;
    box-shadow: none
}

.table_select.pull-right {
    width: 43%;
}
.table_select.pull-right.adbtn {
    width: auto;
}


.table_select.pull-right li {
    float: right;
}
.searchuseritems input#searchtowresult {
    float: right;
}
.table_select.pull-right li input {
    float: left;
    margin-right: 0px;
    border: 1px solid #ccc;
    color: #6d6d6d;
    height: 40px;
    width: 73%;
}

.tablesearching label {
    float: left;
    margin: 5px 0 0 0;
    padding-right: 2px;
    font-size: 20px;
    font-weight: normal;
    color: #e14444;
    width: 23%;
}

.table_select.pull-right li input.full-input {
    width: 100%;
}

.table_select.pull-right li select {
    height: 40px;
    padding-right: 25px;
}

.table_select.pull-right li.selcetveriunve {
    width: 38%;
    margin-right: 15px;
    float: left;
}

.btn.btn-default.btn-searching {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    float: right;
    font-size: 16px;
    padding: 7px 12px;
}

table tbody tr:hover .bg-whitecoming {
    background: #428BCA;
    color: #fff;
    box-shadow: none
}

table tbody tr select.bg-whitebtn {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}

table tbody tr select.bg-whitebtn option {
    text-align: left;
}

table tbody tr:hover select.bg-whitebtn {
    background: #E64545;
    color: #fff;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}

.table_elect.pull-right {
    width: 100%;
}

.table_elect.pull-right .form-control.input-sm {
    float: left;
    margin: 0;
    width: 84%;
}

.dataheading .table-listing {
    float: right;
    margin-top: -15px;
    width: 40%;
}

.dataheading .table_select.pull-right {
    float: right;
    position: inherit;
    right: 0;
    top: 0;
    margin-right: 15px;
    margin-top: -4px;
}

.dataheading .table_select.pull-right.adbtn {
    margin-top: 0;
}

.dataheading .table_select.pull-right>ul {
    float: left;
    width: 100%;
    margin: 0;
}

.table {
    table-layout: auto;
}


/**** 03-10-2016 ****/

.responsive-tabs__list__item {
    background: #f4f7f8 none repeat scroll 0 0;
    color: #1b1e24;
    border: none;
    margin-bottom: -2px;
}

.responsive-tabs__list__item.responsive-tabs__list__item--active {
    color: #ff0000;
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ffffff;
    border-top: 3px solid #e64545;
    border-left: 2px solid #dddddd;
    border-right: 2px solid #dddddd;
}

.responsive-tabs__list {
    border-bottom: 2px solid #dddddd;
}

.tabs_add .form-control.license-search {
    background: #ffffff none repeat scroll 0 0;
    margin-bottom: 30px;
}

.tabs_add .formdonewrng>span {
    line-height: 69px;
    padding: 25px;
}

.tabs_add .form-control.license-search {
    color: #6d6d6d;
    font-weight: 300;
    text-transform: capitalize;
}

.tabs_add .tab-pane {
    float: left;
    padding-right: 40px;
    width: 65%;
}

.rigth_div {
    background: #15ba98 none repeat scroll 0 0;
    border: 1px solid #dddddd;
    margin-top: 35px;
    overflow: hidden;
    padding: 59px 0;
    text-align: center;
}

.tabs_add .ul-limange>li {
    margin-bottom: 20px;
}

#registration .ul-limange>li {
    margin-bottom: 0;
}

.tabs_add .input-group-addon {
    background-color: #ffffff;
}

.tabs_add #startDate.form-control,
.tabs_add #expirationDate.form-control {
    border-right: medium none;
}

.tabs_add .text-center {
    text-align: left;
}

.tabs_add #registration.form-margin .btn.btn-primary.btn-padding.btn-font-25 {
    margin: 0;
}

.tabs_add .select_yaer {
    text-transform: capitalize;
}

.tabs_add .clnder_start .ul-limange>li {
    float: left;
    width: 25%;
}

.box.box-solid.tabs_add.add_vehicle.tabs_add .clnder_start ul.ul-limange>li:nth-of-type(2n+2) {}


/**** 4-oct-16 ******/

.parking_permit {
    background: #02a8f4;
    color: #ffffff;
    padding: 40px 20px;
    text-align: center;
    border: 1px solid #e7e7e7;
}

.parking_permit .span10>p {
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    padding-top: 10px;
}


/* .parking_section thead tr, .responsive-tabs--enabled thead tr { background: #2c3e4f; border: 1px solid #2c3e4f; } */

.parking_section .table thead tr td,
.responsive-tabs--enabled .table thead tr td {
    color: #ffffff;
    font-size: 33px;
}


/* .parking_section table tbody tr td, .responsive-tabs--enabled .table tbody tr td { text-align: left; }
.parking_section table tbody tr td:last-child, .responsive-tabs--enabled .table tbody tr td:last-child { text-align: right } */

.parking_section .table thead tr .per_font,
#saved_card_div1 .table thead tr .per_font {
    font-size: 29px;
    font-weight: 500;
}

.parking_section table.table.tr-styling tbody tr .first_year,
#saved_card_div1 table.table.tr-styling tbody tr .first_year {
    color: #647389;
    font-size: 18px;
    font-weight: 500;
}

.parking_section table.table.tr-styling tbody tr .first_price,
#saved_card_div1 table.table.tr-styling tbody tr .first_price {
    color: #2d3542;
    font-size: 18px;
    font-weight: bold;
}

.per_font span {
    color: #b0caf1;
    font-size: 21px;
    font-style: italic;
}

.parking_section table tbody tr:hover {
    background: none;
    color: #212121
}

.innertable.table.tr-styling td {
    font-size: 14px;
    text-align: center;
    padding: 15px 10px;
    font-weight: 600
}

.label_danger {
    color: #e64545;
    background: none;
    font-weight: 600
}

.label_success {
    color: #04c14b;
    background: none;
    font-weight: 600
}

.text-right>span#subtotal_price {
    background: #f5f5f5 none repeat scroll 0 0;
    display: inline-block;
    padding: 0 10px;
    width: 80%;
    color: #2c3e4f;
    font-size: 35px;
    text-align: left
}

.text-right>span#subtotal_price img {
    float: right;
    margin-top: 6px
}

.btn-whitebtn-radius {
    font-size: 35px;
    padding: 5px 28px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    background: #f4f7f8;
    color: #e64545
}

table.tr-styling thead tr td,
table.table.tr-styling>tbody>tr>td {
    padding: 15px 40px;
}

table.mark-paid.tr-styling thead tr td, table.mark-paid.table.tr-styling > tbody > tr > td {
    padding: 15px 33px;
}

.tab-pane #saved_card_div1 {
    padding: 0 20px;
}

.tab-pane .payt-row {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    float: right;
    padding: 27px 25px;
    width: 32%;
}

.tab-pane .payt-row .pay th {
    border: 0 none;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.tab-pane .payt-row table.table.tr-styling tfoot {
    background: none
}

.tab-pane .payt-row tfoot.pay tr {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    background: #E64545
}

.tab-pane .payt-row tfoot.pay tr:last-child {
    background: #2c3e4f;
    display: inline-block;
    width: 100%;
    margin-bottom: 0
}

.tab-pane .payt-row .pay tr:last-child th:last-child {
    padding: 30px 18px;
}

.tab-pane .payt-row .pay tr:last-child th:last-child .btn-whitebtn-radius {
    font-size: 28px;
}

.tab-pane .payt-row .pay tr:last-child th:first-child {
    display: none
}

.paymtd .radiobtn:hover,
.paymtd tbody tr:nth-of-type(2n+2) {
    background: none;
}

.paymtd .btn-default {
    float: right;
}

.paymtd .radiobtn table {
    width: 95%;
}

.paymtd .btn-default {
    display: block;
    float: none;
    margin: 0 auto;
}

.paymtd tbody tr {
    border-bottom: medium none;
}

.paymtd .paymentmakebtn_class {
    background: #2c3e4f none repeat scroll 0 0;
    padding: 15px;
    margin-bottom: 20px;
    width: 100%;
}

.paymtd .btn.selected_card1 p {
    margin: 0;
    color: #fff;
    text-align: left;
    float: left;
}

.paymtd .auto-pay-popup.btn.btn-default-outline {
    float: right;
}

.paymtd .btn.active.selected_card1.pull-left {
    width: 100%;
}

.paymtd .radiobtn {
    padding: 10px 0;
}

.paymtd table.payment-tbl {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid rgba(204, 204, 204, 0.52);
    margin-bottom: 15px;
}

.payment-tbl .selected_card1 th {
    padding-bottom: 10px;
}

.paymtd .table.table-striped.table-bordered.dt-responsive.nowrap th {
    color: #ffffff;
}

.paymtd .table.table-striped.table-bordered.dt-responsive.nowrap td {
    text-align: center;
}

.Vehicle-tb .table.table-striped.nowrap tr {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    text-align: center
}

.Vehicle-tb .table.table-striped.nowrap tr td {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.pull-right.btn.btn-block.btn-default.add-rs.AddNewPaymentMethod {
    display: inline-block;
    float: right;
    width: auto;
    margin-right: 20px;
}

.form-group.has-feedback .formdonewrng {
    bottom: 0;
    height: 20px;
    margin: auto;
    position: absolute;right:11px; top:-10px;
    /* right: 15px;
     top: 0;*/
}

ul.ul-limange li .select-items select {
    width: 100%;
    height:40px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #6d6d6d;
    font-size: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    font-family: "Lato", sans-serif;
    background-color: inherit;
    background-image: url(../img/pageheadingicon-select.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    padding-left: 10px;
    float: right;
}

.parking_permit>h4 {
    line-height: 1.5;
}

.select_property .parking_permit {
    padding: 20px;
}

.innertable.table.tr-styling thead tr,
.table.tr-styling thead tr,
.table.tr-styling thead tr th {
    background: #2c3e4f none repeat scroll 0 0;
    border: 1px solid #2c3e4f;
    color: #fff
}

.select_property .user-listing.parking-polcy {
    padding: 0;
    box-shadow: none
}

.select_property .table thead tr th {
    color: #ffffff;
    font-size: 29px;
}

.violationdetails_content .btn-whitebtn-radius {
    font-size: 25px;
    padding: 5px 15px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    background: #f4f7f8;
    color: #e64545;
    border: 0;
}

.violationdetails_content .btn-whitebtn-radius:hover {
    box-shadow: 3px 3px 0 #a10404;
    -webkit-box-shadow: 3px 3px 0 #a10404;
    -moz-box-shadow: 3px 3px 0 #a10404;
    -ms-box-shadow: 3px 3px 0 #a10404;
}

.rnew {
    display: inline-block;
    margin-top: 25px;
    width: 100%;
}


/****** 5-oct-16 *****/

.do_not table.dataTable thead>tr>th {
    color: #ffffff;
    font-size: 29px;
}

.adbtn {
    float: right;
    margin-top: 5px;
}

.table.over_view {
    table-layout: inherit;
}

.table.over_view thead tr th {
    vertical-align: middle;
}

.month_detail table,
.Previous-Guest-Vehicle {
    border: 0;
}

.tabpane .Previous-Guest-Vehicle tbody tr td,
.tabpane .Previous-Guest-Vehicle tbody tr td:last-child {
    text-align: center;
}

.table-pay-mth table.payment-tbl {
    background: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.datepicker .table-condensed tr {
    background: none;
    border: 0;
}

.tabs_add .formdonewrng>span {
    line-height: 100%;
    padding: 0;
}

.tabpane .Previous-Guest-Vehicle thead tr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #cccccc;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
}

.picupld #camera_wrapper>#camera {
    background: #ffffff none repeat scroll 0 0;
    padding: 33px 10px;
}

.picupld #camera_wrapper label {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 9
}

.picupld #camera p {
    color: #cccccc;
    font-size: 17px;
    font-weight: 600;
    margin: 14px;
    text-align: center;
}

.form-group.datpik {
    width: 48%;
}

.holdon ul.submitviolation .checkbox label {
    font-size: 14px;
    color: #acacac;
    font-weight: 400;
}

.submit-patrol-holder li {
    margin: 10px 0;
}

.cr-icon.fa.fa-check::before {
    background: #E14444;
    bottom: 0;
    content: "";
    height: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    z-index: 9;
}


/* PROPERTY REGISTER */

.login-box.rt-form {
    max-width: 613px;
    width: 100%
}

.rt-form .login-logo {
    margin-top: 22px;
}

.register-page,
.resident_form {
    background-image: url("../img/loginformbg.jpg");
    background-color: inherit;
    background-size: cover;
    padding-bottom: 80px;
    padding-top: 30px;
}

.resident_form .form-iocn {
    display: inline-block;
    height: 220px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding: 20px;
    position: absolute;
    right: 0;
    top: -89px;
    width: 220px;
    z-index: 2;
}

.resident_form .form-iocn:before,
.resident_form .form-iocn::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    content: "";
    margin: auto;
    width: 80%;
    height: 80%;
    background: #1b2021;
    z-index: -1;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
}

.resident_form .form-iocn::after {
    background: #fdfdfd;
    height: 70%;
    width: 70%;
}

.form-iocn>h2 {
    color: #454545;
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
    margin-top: 11px;
}

.resident_form .rt-form .login-box-body {
    background-color: #F4F4F4;
    border: 1px solid #d8d8d8;
    box-shadow: none;
    position: relative;
    padding: 21px 15px;
    margin-top: 23%;
    background-image: url(../img/form-ptrn.jpg);
    background-repeat: repeat
}

.resident_form .login-box-body form {
    margin-top: 105px
}

.resident_form .login-box-body form .form-control {
    font-size: 15px;
    font-weight: 300;
    background-color: rgba(250, 250, 250, 0.3);
    border: 1px solid #d3d3d3;
    height: 47px;
    line-height: 47px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 3px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #6d6d6d;
    font-family: 'Raleway', sans-serif;
    -moz-appearance: none;
    margin: 0
}

.bootstrap-select.form-control.input-group-btn,
.resident_form .login-box .login-box-body fieldset .input-group .select-items .form-control,
.resident_form .login-box .login-box-body fieldset .select-items .form-control,
.select-items select.form-control,
.state-select select.form-control,
.select-items .bootstrap-select {
    background-position: 96% center !important;
    background-image: url(../img/form-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-color: #fff;
    cursor: pointer
}

.resident_form .login-box .login-box-body fieldset .input-group .select-items .form-control {
    background-color: transparent;
}

.login-box .rgistrog span.form-control-feedback,
.login-box .pr-dt span.form-control-feedback {
    background: none;
    bottom: 0;
    height: inherit;
    left: inherit;
    margin: auto;
    right: 10px;
    top: 0;
}

.login-box .login-box-body form#registration fieldset .radio p {
    font-size: 15px;
    line-height: 100%;
    margin: 0;
}

.resident_form .renter_owner .btn.active.selected_product.dotowcheck,
.resident_form .active_military .btn.active.selected_product.dotowcheck {
    line-height: 1.9;
}

.bootstrap-datetimepicker-widget table tbody tr:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #000;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #e64545 !important;
    border-radius: 0;
    cursor: pointer;
    color: #fff !important;
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active.active:hover {
    background-color: #e64545 !important;
    color: #ffffff !important;
    border-radius: 0;
}

.datepicker td.active.disabled,
.datepicker td.active.disabled:hover,
.datepicker td.active[disabled],
.datepicker td.active[disabled]:hover {
    background: none !important;
}


/* Ankit */

.sideheading>h3 {
    background: #DB4849;
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-right-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    color: #fff;
    font-size: 22px;
    margin: 0;
    padding: 10px 5px;
}

.sideheading span.heading-bd {
    background: #fff;
    padding: 60px 25px;
    width: 100%;
}

.sideheading span.heading-bd img {
    width: auto;
    display: block;
    margin: auto;
}

.sideheading .heading-bd>h3 {
    border-top: 1px solid #ccc;
    display: inline-block;
    margin-top: 12px;
    padding-top: 12px;
}

.tow_request .box-body {
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
    padding: 25px;
}

.sideheading {
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
}

.select-items span.input-group-addon {
    bottom: 0;
    display: inline-block;
    font-size: 25px;
    height: 28px;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 0;
    width: 0;
    z-index: 3;
    border: 0;
    background: none;
    color: #caccd0
}

.select-items select {
    width: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border: 1px solid #e4eaec;
    font-size: 16px;
    color: #707070;
    height: 37px;
    background: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 300
}

.bs-caret span.caret {
    display: none;
}

.cntctinfo {
    width: 49%;
}

.select-items {
    display: inline-block;
    position: relative;
    width: 100%;
}

.date-picker2>#date-picker2 {
    float: right;
    margin: 0;
    width: 200px;
}

.resident_group .input-group {
    margin: 0 0 15px 0;
    width: 49%;
}

.submitviolation>li.license_full {
    width: 100%;
}

.towre .squared_parent .squaredOne {
    left: -24px;
    position: absolute;
}

.towre .squaredOne,
.towre .squaredOne label::after {
    width: 24px;
}

.towre .squaredOne label::after {
    background: rgba(0, 0, 0, 0) url("../img/checked.png") no-repeat scroll 0 0 / 63% auto;
}

.squaredOne .disable_check+label:after {
    opacity: 1
}

.towre .licensechecklabel.btn.btn-default.nerequert_btn.well.enterdatesdiv {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    width: 100%;
}

ul.cntctinfo.pull-right li .input-group .select-items {
    float: left;
}

.sideheading {
    margin-bottom: 25px;
}

.edit-profile-pg form label {
    color: #32323a;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    text-align: left;
}

.form-cntnr .select-items select {
    width: 100%;
    height: 40px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    color: #6d6d6d;
    font-size: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    font-family: "Lato", sans-serif;
    background-color: inherit;
    background-image: url(../img/pageheadingicon-select.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-color: #fff
}

.exceptions>.textarea textarea {
    min-height: 200px;
}

.manage_table .table.tr-styling.custom-tbl-style th {
    color: #fff;
}

.manage_table .table {
    margin: 0;
    table-layout: inherit;
}

a.restriction_popup {
    display: inline-block;
    margin: 5px 0;
}

span.td-lb.label_danger {
    display: block;
}

#example1_boot_length {
    display: none;
}

.badge.user_v_statusno {
    color: #e64545;
    background: none;
    font-size: 15px;
    width: 100%;
}

.badge.user_v_status {
    color: #40c67a;
    background: none;
    font-size: 15px;
    width: 100%;
}

.detailbox .a {
    width: 100%;
    float: left;
}


/* 06-10-2016 */

.friendfamilyitem {
    background: #fafbfc;
    border: 1px solid #cccccc;
    display: inline-block;
    width: 100%;
    min-height:212px;
}

.aftersearch .searchresult {
    display: inline-block;
    margin: 0;
    width: 100%;
}

.aftersearch.search-residents>span {
    float: right;
    margin-top: -20px;
    width: 65%;
}

.friendfamilyitem figure {
    float: left;
}

.friendfamilyitem figcaption {
    float: right;
    padding: 10px 10px 10px 10px;
    width: 63%;
}

.friendfamilyitem ul {
    margin-bottom: 0
}

.friendfamilyitem li {
    display: inline-block;
    width: 100%;
    margin-bottom: 6px
}

.friendfamilyitem li:last-child {
    margin: 0px
}

.friendfamilyitem img {
    height: 161px;
    width: 166px;
}

.friendfamilyitem b {
    color: #37474f;
    font-weight: 500;
}

.friendfamilyitem p {
    float: right;
    color: #7a7a7a;
    margin: 0;
    width: 47%;
    white-space: normal;
    word-wrap: break-word;
}

.pagination {
    float: right;
    margin: 0;
}

.cst-tbl-sec .pagination,
.cst-tbl-sec .dataTables_wrapper .dataTables_paginate {
    padding-right: 15px;
}

.pagination>.disabled>span,
.pagination li span,
.pagination li a {
    border: 0;
    font-size: 16px;
    color: #666;
    background-color: transparent;
    line-height: 100%
}

.pagination li span {
    -webkit-transition: all ease-in-out 400ms;
    -moz-transition: all ease-in-out 400ms;
    -ms-transition: all ease-in-out 400ms;
    transition: all ease-in-out 400ms;
}

.pagination li.active span {
    color: #fff
}

.pagination>li>a:hover,
.pagination>li>a[rel="prev"]:hover,
.pagination>li>a[rel="next"]:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.pagination li:first-child span:hover,
.pagination li:first-child a:hover span,
.pagination li:last-child a:hover span,
.pagination li:first-child a:focus span,
.pagination li:last-child a:focus span {
    background-color: #E64545;
    border: 0;
    color: #fff;
}

.pagination li:first-child span,
.pagination li:first-child a,
.pagination li:last-child a,
.pagination li:last-child span {
    border-radius: 0;
    color: #E64545
}

.selectproperty.addmb {
    margin: 17px 15px 0 0;
}

.myaccountbanner .bannerbg {
    position: absolute;
    z-index: 1;
    width: 100%
}

.bannerbg img {
    width: 100%
}

.account-details {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px#ccc;
    display: inline-block;
    width: 100%;
    z-index: 9;
    position: relative;
    margin-top: 85px;
    margin-left: 15px;
}

.accountdt {
    left: 25px;
    position: relative;
    top: -35px;
}

.accountdt>figure {
    float: left;
}

.accountdt>figcaption {
    float: right;
    width: 70%;
    padding-right: 20px;
    margin-top: 50px
}

.accountname {
    color: #1f2836;
    font-size: 24px;
    font-weight: 600;
}

.accountdt ul li {
    font-size: 16px
}

.accountdt ul li span {
    display: inline-block;
    width: 45%;
    color: #5a5a5b;
}

.accountdt ul li p {
    display: inline-block;
    vertical-align: top;
    width: 54%;
    color: #1f2836;
    font-weight: 500
}

.accountproinfo {
    display: inline-block;
    width: 100%;
    padding-left: 35px;
}

.account-details h4 {
    color: #e64545;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500
}

.accountproinfo .accountdt>figcaption {
    float: left;
    width: 100%;
    padding-right: 0;
    margin: 0
}

.accountproinfo .accountdt {
    position: inherit;
}

.accountproinfo .accountdt ul li span {
    width: 36%;
}

.account-details .btn-group {
    width: 100%;
    background: #f7f7f7;
    border-left: 1px solid #dedede;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
}

.account-details .btn-group ul li {
    margin: 25px;
    text-align: center;
}

.towaccoutn {
    margin: 50px 0 0 25px;
}

.towaccoutn ul li {
    text-align: left;
    margin: 0
}


/* 07-10-2016 */

.modal-body .submitviolation label {
    display: block;
    text-align: left;
    color: #212121;
    font-size: 15px
}


/* 10-10-2016 */

.shownomorepro>.submitviolation {
    border: 1px solid #cccccc;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 15px;
}

.shownomorepro>.submitviolation>li {
    float: none;
    width: 100%;
    display: inline-block;
    margin: auto;
    text-align: left;
}

.shownomorepro>.submitviolation>li {
    float: none;
    width: 100%;
    display: inline-block;
    margin: auto;
}

.shownomorepro {
    display: inline-block;
    text-align: left;
    width: 60%;
}

.shownomorepro .dataheading {
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.shownomorepro .dataheading h1 {
    background: #e64545 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.shownomorepro .dataheading h1::after {
    border-left: 15px solid #e64545;
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-top: 48px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
}

.shownomorepro .dataheading h1::before {
    border-right: 14px solid #e64545;
    border-top: 48px solid rgba(0, 0, 0, 0);
    content: "";
    left: -14px;
    position: absolute;
    top: 0;
}

.shownomorepro .form-group label.control-label {
    font-size: 15px;
}

.shownomorepro .form-group.message_box label.control-label {
    font-weight: 400;
    padding: 8px 15px;
}

.searchplsndnt .dataheading {
    margin-bottom: 0;
}


/* 17-10-2016 */

.search-residents.white-bg.residentfrnd-serh>h2 {
    display: inline-block;
    width: 100%;
}

.residentfrnd-serh h2 span {
    position: relative;
    width: 100%;
    max-width: 250px;
}

.residentfrnd-serh span button {
    background: none;
    border: 0 none;
    bottom: 0;
    color: #cccccc;
    height: 20px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
}

.residentfrnd-serh ul li:last-child {
    border-bottom: 0
}

.residentfrnd-serh ul li {
    list-style: none;
    padding: 30px 0 0;
    display: inline-block;
    width: 100%;
}

.residentfrnd-serh ul li img {
    float: left;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}

.resultitemdtl {
    display: inline-block;
    width: 80%;
}

.residentfrnd-serh ul li .resultitemdtl ul li {
    border: 0 none;
    color: #ababab;
    padding: 0;
}

.residentfrnd-serh ul li .resultitemdtl>h4 {
    color: #616161;
    font-size: 16px;
    margin-bottom: 0;
}

.residentfrnd-serh .resultitem::after {
    height: 21px;
    margin: auto;
    top: 0;
}


/* 19-10-2016 */

.rltimrept .friendfamilyitem img {
    box-shadow: 0 0 3px #cccccc;
    -webkit-box-shadow: 0 0 3px #cccccc;
    -moz-box-shadow: 0 0 3px #cccccc;
    -ms-box-shadow: 0 0 3px #cccccc;
    height: 161px;
    padding: 5px;
    width: 166px;
}

.rltimrept .friendfamilyitem figcaption {
    display: inline-block;
    padding: 10px 10px 10px 13px;
    float: none;
    width: 66%;
    border: 1px solid #ccc;
}

.rltimrept .badge.bg-whitebtn.bgnoactive {
    font-size: 13px;
    padding: 9px 8px;
    border: 1px solid #ccc;
}

.rltimrept .btn.btn-default-outline.fav_mem_action {
    
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    font-size: 12px;
    padding: 5px 10px;
}

.rltimrept .friendfamilyitem li p.btnvl {
    float: right;
    width: auto;
}

.rltimrept .friendfamilyitem p {
    float: right;
    text-align: right;
    width: 60%;
}

.rltimrept .friendfamilyitem {
    border: 0 none;
    min-height: 200px;
    background: none;
}

.rltimrept figcaption:hover {
    background: #f5f5f5;
}

.rltimrept figcaption:hover .badge.bg-whitebtn.bgnoactive {
    background: orange;
    color: #fff;
}

.rltimrept figcaption:hover .btn.btn-default-outline.fav_mem_action {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
}

.radius-img>img {
    border-radius: 50%;
}


/* 19-10-2016 */

.table_select.pull-right form {
    width: 100%;
    float: left;
}

.table_select.pull-right li.selcttabltr {
    float: left;
    width: 30%;
}

.custom_wrapper .table_select.pull-right li.selcttabltr,
.custom_wrapper .table_select.pull-right li.selcetveriunve {
    float: right;
}


/* 19-10-2016 Sartaj */

#user-content.addrolenw {
    background: #fff;
    border: 1px solid #ccc !important;
    margin: 20px 0 10px 0;
    padding: 17px !important;
}

.remove-icon.remove_user {
    position: absolute;
    right: 0;
    top: -4px;
    z-index: 9;
}


/* 19-10-2016 Sandeep */

.account-details .btn-group .towaccoutn ul li {
    margin: 0;
    text-align: left;
}

.account-details .btn-group ul li .btn-default-outline,
.btn-group li .btn-default {
    width: 100%
}

.account-details .btn-group ul li .btn-default-outline:hover {
    background: #e64545;
    color: #ffffff;
}

.btn-group li .btn-default-outline {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e64545;
    color: #e64545;
    font-size: 20px;
}

.btn-group li .btn-default {
    background: #e64545;
    color: #fff;
    font-size: 20px;
    border: 1px solid #e64545;
}

.rightsidebtngrp .btn-default:hover {
    background-color: transparent;
    color: #e64545;
}

ul.btnactnnw {
    margin-top: 60px
}

.towaccoutn img {
    width: 100%;
}

.towaccoutn>span.cmpnybdr:last-child {
    display: none
}

.accountdt>span.accountdtsp {
    display: inline-block;
    margin: auto;
    text-align: center;
    width: 100%;
}

.accountdt figcaption ul li .form-group {
    float: right;
    margin: 0;
    width: 54%;
}

.accountdt figcaption ul li .form-group .radio {
    float: left;
    margin: 0;
    width: 35%;
}

.accountdt figcaption ul li {
    display: inline-block;
    font-size: 15px;
    width: 100%;
}

.friendfamilyitem li.btnlist ul li {
    display: inline-block;
    width: auto;
    margin: 0 1px;
}

.friendfamilyitem li.btnlist ul li a {
    font-size: 13px;
    padding: 6px 17px;
    border: 2px solid #e64545;
}

.friendfamilyitem {
    margin-bottom: 25px;
}

.tablecontent.tablecontent-nw thead tr {
    /*    background: #f5f5f5*/
}

.tablecontent.tablecontent-nw tbody tr {
    background: #ffffff none repeat scroll 0 0;
}

.tablecontent-nw th,
.tablecontent-nw td {
    border-left: 1px solid #dddddd;
}

.tablecontent.tablecontent-nw table tr th {
    border-bottom: 0 none;
}

.tablecontent-nw th:nth-of-type(2),
.tablecontent-nw th:first-child,
.tablecontent-nw td:first-child {
    border-left: 0
}

.modal-defult .modal .modal-dialog,
.modal.fade .modal-dialog,
.modal .modal-dialog {
    height: inherit;
    position: absolute;
    bottom: auto;
    right: auto;
    top: 10%;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.modal-defult .modal.pos-top .modal-dialog {
    /* top: 5%;
     -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); */
}

body .modal.in .modal-dialog {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.payt-row .innertable.table.tr-styling {
    margin-bottom: 0
}

.paytt table.table tbody tr td:last-child {
    text-align: center
}

.authorized-img{
    width:100%;
    text-align:center;
}
.authorized-img img{
    display:inline-block;
    max-width:100px;
}

/* 20-10-2016 Sandeep */

.proprtinfo .violationdetails .detailbox {
    background: none
}

.proprtinfo .violationdetails_content {
    padding: 5.4% 40px;
}

.proprtinfo .violationdetails_content {
    text-align: left
}


/*.proprtinfo .violationdetails_content::after,*/

.proprtinfo .detailbox li::before {
    display: none
}

.proprtinfo .violationdetails_content h2 {
    font-size: 25px;
    font-weight: 600;
}

.proprtinfo .responsive-tabs__panel {
    padding: 0
}

.proprtinfo .responsive-tabs__panel .detailbox h3 {
    color: #E14444;
    font-size: 20px
}

.proprtinfo .responsive-tabs__panel .detailbox p {
    color: #5A5A5A;
    font-size: 18px;
    float: left;
    line-height: 1
}

.proprtinfo .responsive-tabs__panel .detailbox>ul {
    float: left;
    width: 100%;
}

.proprtinfo .responsive-tabs__panel .detailbox li {
    padding: 0
}

.proprtinfo .responsive-tabs__panel .detailbox li:first-child .radio {
    float: left;
    margin: 0 0 0 20px;
}

.proprtinfo .responsive-tabs__panel .detailbox li>p {
    color: #5A5A5A;
    font-size: 15px;
    float: left
}

.proprtinfo .responsive-tabs__panel .detailbox li>span {
    float: right;
    font-size: 14px;
    margin-right: 25px;
}

.proprtinfo .responsive-tabs__panel .detailbox ul>li {
    float: left;
    width: 50%;
}

.proprtinfo .responsive-tabs__panel .detailbox li>ul>li {
    float: left;
    width: 100%;
}

.proprtinfo .responsive-tabs__panel .detailbox li:first-child {
    float: left;
    width: 100%;
}

.proprtinfo .detailbox ul li .btn.active.selected_product.dotowcheck {
    margin-left: 13px;
}


/* 18-10-2016 */

form .customfile.previousimgabc {
    text-align: center;
    margin: 0;
}

.customfile.previousimgabc .form-control.input-lg {
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 1px;
    z-index: 1;
}

#camera.edtpr img {
    width: 100%;
}

.edtpr p {
    font-size: 20px;
    color: #cdcdcd;
}

.customfile.previousimgabc label[for="AddMemberForm_profile_pic_fav"] {
    border: 0 none;
    border-radius: 0;
    background: none;
    text-align: center;
    display: inline-block;
    height: auto;
    margin: auto;
    width: 100%;
    z-index: 1;
}

.onhover-edt {
    opacity: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    z-index: 99;
}

#camera.edtpr .onhover-edt .previousimgabc label img {
    width: 150px;
}

.edtpr:hover .onhover-edt {
    opacity: 1;
}

.uptodt {
    font-size: 20px;
    margin: 15px 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #1B1E24;
}


/* 17-10-2016 BOny */

.responsive-tabsdesign .tab-content.rt-form.prop_tab_check  .secondstep .input-group {
    width: 49%;
    margin: 0 0 15px;
    position: relative;
}

.full-width {
    width: 100% !important;
}

.responsive-tabsdesign .tab-content.rt-form.prop_tab_check  .secondstep .input-group .input-pricing-input .form-control {
    text-indent: 6px;
}

.responsive-tabsdesign .tab-content.rt-form.prop_tab_check  .secondstep .input-group .input-pricing-input span {
    font-size: 12px;
    left: 10px;
    margin: auto;
    position: absolute;
    top: 11px;
    z-index: 91;
}

.responsive-tabsdesign .tab-content.rt-form.prop_tab_check  .secondstep ul li .input-group {
    width: 100%
}

.responsive-tabsdesign .show-inputtext {
    padding: 0;
    border: 0;
    width: 97%;
    margin-bottom: 0;
}

.responsive-tabsdesign #tablist1-panel4 li {
    display: inline-block;
    width: 100%;
}

.responsive-tabsdesign .radio.editable {
    display: inline-block;
    float: left;
}

.responsive-tabsdesign #tablist1-panel4 p {
    line-height: 2.1;
    margin-left: 26px;
}

.freeRollout .input-group {
    float: left;
}

.freeRollout .input-group:nth-of-type(2n+2) {
    float: right;
}

.responsive-tabsdesign .select-items select.form-control {
    background-image: url("../img/form-arrow.png") !important;
    background-position: 96% center !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.proprtinfo .responsive-tabs__list__item {
    /*    font-size:16px;
    padding: 5px 15px;*/
}

.proprtinfo .violationdetails .detailbox {
    background: none
}

.proprtinfo .violationdetails_content {
    padding: 5.4% 40px;
}

.proprtinfo .violationdetails_content {
    text-align: left
}


/*.proprtinfo .violationdetails_content::after,*/

.proprtinfo .detailbox li::before {
    display: none
}

.proprtinfo .violationdetails_content h2 {
    font-size: 20px;
    word-wrap: break-word;
    font-weight: 600;
}

.proprtinfo .responsive-tabs__panel{
    padding: 0
}
.add_vehicle_req.tabs_add .tab-two,
.add_vehicle.tabs_add .tab-two{
    padding: 10px 0;
}
.add_vehicle.tabs_add .tab-sec-three,
.add_vehicle_req.tabs_add .tab-sec-three{
    padding: 20px 0
}
.proprtinfo .responsive-tabs__panel .detailbox h3 {
    color: #E14444;
    font-size: 20px
}

.proprtinfo .responsive-tabs__panel .detailbox p {
    color: #5A5A5A;
    font-size: 18px;
    float: left;
    line-height: 1
}

.proprtinfo .responsive-tabs__panel .detailbox>ul {
    float: left;
    width: 100%;
}

.proprtinfo .responsive-tabs__panel .detailbox li {
    padding: 0
}

.proprtinfo .responsive-tabs__panel .detailbox li:first-child .radio {
    float: left;
    margin: 0;
}

.proprtinfo .responsive-tabs__panel .detailbox li:first-child .radio p {
    width: auto;
    margin-right: 10px;
}

.proprtinfo .responsive-tabs__panel .detailbox li>p {
    color: #5A5A5A;
    font-size: 16px;
    width: auto;
    float: left
}

.proprtinfo .responsive-tabs__panel .detailbox li>span {
    float: right;
    font-size: 15px;
    margin-right: 25px;
}

.proprtinfo .responsive-tabs__panel .detailbox ul>li {
    float: left;
    width: 100%;
}

.proprtinfo .responsive-tabs__panel .detailbox li>ul>li {
    float: left;
    width: 100%;
}

.proprtinfo .responsive-tabs__panel .detailbox li:first-child {
    float: left;
    width: 100%;
}

.proprtinfo .detailbox ul li .btn.active.selected_product.dotowcheck {
    margin-left: 5px;
}


/* 20-10-2016 */

#sidebar img {
    width: 81px;
    height: 81px;
}

.account_detailInfo img {
    width: 30px;
    height: 30px;
}


/* 21-10-2016 */

.sendDispute .btn.bg-black {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.sendDispute #camera_wrapper .btn.bg-black p {
    font-size: 19px;
}

.sendDispute .form-group.message_box {
    margin-left: 0;
    margin-right: 0;
}

.sendDispute .message_box p {
    font-size: 15px;
    font-weight: 600;
}

.userparkingprmt .bgnoactive {
    color: #e64545;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 700;
}

.userparkingprmt .bgactive {
    color: #40c67a;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 700;
}

.activeresident .bgactive {
    color: #40c67a;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 700;
}

.activeresident .bgnoactive {
    color: #e64545;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 700;
}

.b .badge.user_v_statusno {
    color: #e64545;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 700;
}

.b .badge.user_v_status {
    color: #40c67a;
    background: none;
    border: none;
    box-shadow: none;
    font-weight: 700;
}


/* 21-10-2016 */

.sendDispute .btn.bg-black {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index:9;
}

.sendDispute #camera_wrapper .btn.bg-black p {
    font-size: 19px;
}

.sendDispute .form-group.message_box {
    margin-left: 0;
    margin-right: 0;
}

.sendDispute .message_box p {
    font-size: 15px;
    font-weight: 600;
}

.sendDispute #camera_wrapper embed#webcam_movie {
    width: 65%;
}

.sendDispute #camera_wrapper .camerabtn {
    width: 124px;
    height: 90%
}

.sendDispute #camera_wrapper .camerabtn img {
    width: 70px;
}

.sendDispute #camera_wrapper button.camerabtn-st p {
    font-size: 18px
}

.selectproperty.calllogs {
    width: auto;
    margin: 0;
}

.calllogs .btn-default.pull-right {
    font-size: 24px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

#sidebar ul.sidebar-menu>li:last-child {
    margin-bottom: 85px;
}

.no-more-tables table.tablecustom tbody tr:nth-of-type(2n+1) {
    background: #ffffff;
}

form.ng-pristine .box-body.edit-profile-pg.cllg .form-group {
    margin: 0 0 20px;
}

form.ng-pristine .box-body.edit-profile-pg.cllg .form-group .control-label {
    padding: 11px 18px;
}

.btn-active-status {
    font-size: 25px;
}

.btn-active-status .btn-active {
    background: #2FBC32;
    color: #fff;
    border: 0;
    padding: 6px 35px;
    font-size: 25px;
    font-weight: 300;
    box-shadow: 0 2px 3px #9c9c9c;
    -webkit-box-shadow: 0 2px 3px #9c9c9c;
    -moz-box-shadow: 0 2px 3px #9c9c9c;
    -ms-box-shadow: 0 2px 3px #9c9c9c;
}

#sidebar .user_profile figcaption {
    width: 60%;
}


/* 25-10-2016 */

#submit_form_btn.btn.btn-default.sendemail.Width-50 {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
}


/* 26-10-2016 */

.newmagr .rt-form {
    display: inline-block;
    padding: 8px;
}

.tow_request .newmagr .box-body {
    max-width: 790px;
    width: 100%;
    padding: 0;
    box-shadow: none;
    margin: auto;
}

.newmagr .scroller {
    padding: 4px 7px;
    display: none;
    position: absolute;
    left: -1px;
}

.newmagr .scroller ul li {
    display: inline-block;
    width: 100%;
    padding: 2px 6px;
}

.newmagr .scroller ul li:hover {
    background: #FF0000;
    color: #fff;
}

.newmagr .scroller .searchBox {
    padding: 4px 8px;
    width: 100%;
}

.newmagr .title {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* non-prefixed version, currently not supported by any browser */
}

.newmagr .dropper {
    max-width: 400px;
    width: 100%;
    display: inline-block;
}

.newmagr .scroller {
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    padding: 13px;
    width: 100%;
    z-index: 1;
    height: 250px;
    overflow-y: auto;
}

.newmagr .dropper {
    position: relative;
    cursor: pointer;
    height: 32px;
}
.edit-delete-common.selectpicker {
    width: 100%;
    border: 0;
    height: 32px;
    position: relative;
    z-index: 2;
    background: transparent;
}
.newmagr .arrowDown {
    z-index:1;
    background: #E64545;
    bottom: 0px;
    color: #fff;
    float: right;
    font-size: 24px;
    padding: 0 11px;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
}

.Properties_search .scroller ul li .checkboxc label.btn.active {
    display: none;
}

.Properties_search .scroller ul li .checkboxc p {
    width: 100%;
}

.input-group.input-email.create-manager-div {
    position: relative;
}

.serchico {
    background: rgb(255, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 21px;
    padding: 8px 15px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: #000 !important
}

.login_now input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important
}


/* Noti */

.allnoti .label-info {
    border-radius: 35px;
    color: #fff;
    padding: 3px 9px;
}

.allnoti .resultitemdtl {
    float: right;
    width: 86%;
}

.allnoti .resultitem::after {
    display: none;
}

.residentfrnd-serh ul.allnoti li {
    border-bottom: 1px solid #ececec;
}

.residentfrnd-serh ul.allnoti li:last-child {
    border: 0;
}

.allnoti .resultitem .notinumbr {
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    height: 35px;
    left: -5px;
    position: absolute;
    width: 35px;
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
    color: #fff;
    top: -6px;
}

.allnoti .resultitemdtl p {
    color: #8c8c8c;
}

.newmagr.newmagr_selectr .scroller {
    height: auto;
    padding: 0;
}

.newmagr.newmagr_selectr .scroller ul {
    margin-bottom: 0
}

.newmagr.newmagr_selectr .dropper {
    width: 100px
}


/* 26-10-2016 bony */

.resident_form .login-box .login-box-body fieldset .input-group .select-items .form-control,
.resident_form .login-box .login-box-body fieldset .select-items .form-control,
.select-items select.form-control,
.state-select select.form-control {
    /*line-height: 100%;*/
}


/* end 26-10-2016 bony */

.newmagr.newmagr_selectr .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.table.table-striped tr td .newmagr.newmagr_selectr .btn.btn-default.dropdown-toggle {
    z-index: 4;
    background: none !important;
    border: 0 none;
    border-radius: 0;
    font-size: 16px;
    transition: all 0.5s ease-in-out 0s;
    color: #000 !important;
    width: 100%;
    padding: 0;
}

.table.table-striped tr td .newmagr.newmagr_selectr .btn.btn-default.dropdown-toggle {
    padding: 4px 40px 4px 4px;
}

.table.table-striped tr td .newmagr.newmagr_selectr .btn.btn-default.dropdown-toggle:hover {
    box-shadow: none;
}

.table.table-striped tr td .newmagr.newmagr_selectr .btn.btn-default.dropdown-toggle span {
    color: #6d6d6d;
    font-size: 14px;
}

.table.table-striped tr td .newmagr.newmagr_selectr .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.table.table-striped tr td .newmagr.newmagr_selectr .title.form-control {
    height: auto;
    padding: 0;
    position: relative;
    margin: auto;
}


/*.table.table-striped tr td .newmagr .title{ width: 126px;}*/


/* 27-10-2016 */

#costumModal10 table.table-bordered thead tr th,
#costumModal10 table.table-bordered tr.month_detail thead td {
    color: #fff
}

.modal-dialog {
    max-width: 600px;
    width: 90%;
    margin-bottom: 30px
}

.actreq {
    border: 1px solid #ffffff;
    display: inline-block;
    margin: auto;
    padding: 5px;
    font-weight: 300;
    cursor: pointer;
    color:white;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    bottom: 100%;
    left: inherit;
    margin-bottom: 1px;
    right: 0;
    top: auto;
}

.dotable table {
    table-layout: inherit
}

.all_message .messages_block ul li:first-child {
    margin-top: 0
}

.all_message .messages_block ul li .message_action span {
    max-width: 178px
}

.all_message .messages_block ul.pagination {
    width: auto
}

.all_message .messages_block ul.pagination a:hover {
    background: #CD0100;
    color: #fff
}

.all_message .messages_block ul.pagination a,
.all_message .messages_block ul.pagination li span,
.all_message .messages_block ul.pagination li {
    background: none
}

.btn.btn-edit.btn-default.aadbutton {
    padding: 6px 15px
}

.tableset .bg-whitebtn {
    display: inline-block;
    white-space: normal;
    width: 100%;
    word-wrap: break-word;
}


/* 02-11-2016 */

.tabs_add .Previous-Guest-Vehicle ul.thumb li {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 4px;
    padding: 4px;
    width: 32%;
}

.tabs_add .Previous-Guest-Vehicle .favlist_container.thumb li {
    background-color: transparent;
    margin: 0;
    border: none;
    padding: 10px;
    width: 33.33%;
}

.tabs_add .Previous-Guest-Vehicle .favlist_container.thumb li .edit-frm {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 0;
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.btn-primary-outline {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border: 2px solid #32323A;
}

.btn-primary-outline:hover {
    background-color: transparent;
}


/* 03-11-2016 */

b.numberextra {
    font-size: 25px;
    position: absolute;
    right: -10px;
    top: 10px;
}

label.actreq:hover {
    background: #fff;
    color: #868686;
}


/* 04-11-2016 */

p.maximumnuber {
    padding: 91px 50px;
    background: #f5f5f5;
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
    text-align: center;
    font-size: 25px;
    color: #7f827f;
}

span.not-found {
    display: block;
    text-align: center;
    padding: 10px;
    margin-top: 15px;
    font-size: 25px;
    margin-bottom: 15px;
}

fieldset.payment-option .credit-card-box .panel-heading img {
    max-width: 190px;
}

.travelling_info .itme-img img {
    width: 90% !important;
}

.submitviolation.parkingLimitationsPolicy label {
    font-size: 15px;
    color: #000;
}


/* 07-11-2016 */

.violationdetails form.guestVehicleRequests ul li .radio.editable {
    float: left;
}

.violationdetails form.guestVehicleRequests ul li {
    width: 100%;
    display: inline-block;
}

.violationdetails form.guestVehicleRequests ul li p {
    margin: 0 0 0 35px;
    line-height: 2.5;
}

.violationdetails form.guestVehicleRequests ul li .show-inputtext {
    border: 0;
    padding: 0;
}

.violationdetails form.guestVehicleRequests ul li .show-inputtext select {
    margin-bottom: 10px
}


/* 09-11-2016 */

#sidebar .user_profile figcaption span {
    color: #fff
}


/* 11-10-2016 */

.Show_Properties {
    margin-top: 10px
}

.Show_Properties .submit-patrol-holder {
    border: 15px solid #f4f7f8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    box-shadow: 0 0 1px #d4d4d4;
    -webkit-box-shadow: 0 0 1px #d4d4d4;
    -moz-box-shadow: 0 0 1px #d4d4d4;
    -ms-box-shadow: 0 0 1px #d4d4d4;
    height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
}

.Show_Properties .btn.selected_product.dotowcheck {
    margin-right: 2px;
}

.Show_Properties .radio.rembr p {
    color: #212121;
}

.Show_Properties .submit-patrol-holder>li {
    float: left;
    margin: 2px 5px;
    width: 47%;
}


/*10-11-2016 */

table#example tbody tr td,
table.example tbody tr td {
    table-layout: auto;
    border-top: 1px solid #ebecec;
    white-space: normal;
}

#extension_msg1 {
    display: none;
}

/*.dataTables_wrapper .dataTables_filter {*/
/*    position: absolute;*/
/*    right: 15px;*/
/*    top: -60px;*/
/*    width: auto;*/
/*    z-index: 9*/
/*}*/

.dataTables_wrapper #example_filter input,
.dataTables_wrapper #example1_filter input {
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    height: 40px;
    padding: 8px;
    width: auto;
    font-size: 14px;
    color: #6d6d6d;
    float: none;
    vertical-align: middle;
}

.dataTables_wrapper .dataTables_filter#example_filter>label,
.dataTables_wrapper .dataTables_filter#example1_filter>label {
    font-size: 20px;
    color: #e14444;
    margin:5px 0 0 0;
}

.dataTables_wrapper #example_filter input:focus,
.dataTables_wrapper #example1_filter input:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #666;
    background: none;
    font-size: 16px;
    padding: 6px 12px;
    border: none;
}

#example_info,
#example1_info,
#example_length,
#example1_length {
    display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #E64545;
    padding: 6px 12px;
    border: none;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #E64545;
    color: #fff !important;
    border: none;
}

.pull-right.tableingsearch {
    text-align: right;
    width: 320px;
}

.pull-right.tableingsearch>label {
    font-size: 18px;
    color: #e14444;
    margin: 10px;
}

.pull-right.tableingsearch>input {
    width: auto;
    float: right
}


/* 21-11-2016 */

.delts {
    display: inline-block;
    width: 100%;
}

.detailbox.text-left .badge.bg-whitebtn.bgactive {
    display: inline-block;
    text-align: center;
    width: 100%;
    text-align: left;
    padding-left: 0;
}

ul.detailbox.userparkingprmt>li.b.text-left>h2.bg-gray.disabled.color-palette.a {
    margin-bottom: 0;
    margin-top: 0
}

.customfile.previousimgabc label[for="AddMemberForm_profile_pic_fav"] {
    cursor: pointer
}

ul.thumb.text-center.favlist_container li .edit-frm {
    min-height: 135px;
}

span#subtotal_price1 .btn.btn-whitebtn-radius.checkout_button.PreviewPayment {
    font-size: 20px;
    /*    width: 80%;*/
    text-align: center;
}


/* 22-11-2016 */

.btn-checkck {
    border-radius: 35px;
    color: #ffffff;
    font-size: 27px;
    font-weight: 300;
    max-width: 291px;
    padding: 15px 0;
    width: 100%;
}

.proprtinfo .responsive-tabs__panel .detailbox {
    border: 0;
    padding-bottom: 0
}

.tableset {
    table-layout: auto;
}

.parking_section table.table.tr-styling tbody tr .first_year,
#saved_card_div1 table.table.tr-styling tbody tr .first_year {
    text-align: left
}

.parking_section table.table.tr-styling>tbody tr .first_price,
#saved_card_div1 table.table.tr-styling>tbody tr .first_price {
    text-align: right
}

.pageheading h3,
.sideheading .heading-bd>h3 {
    text-transform: capitalize
}

form.chat-input textarea {
    overflow: hidden;
    width: 72% !important;
}


/* 11-11-2016 */

.parkinlist {
    padding: 22px 19px 22px 25px;
}

.parkinlist>li {
    font-size: 15px;
    padding: 5px 0 0 5px;
}


/* 15-11-2016 */

.btnactarea {
    width: 180px;
}

.table_select.pull-right.table-adjst li.selcttabltr {
    width: 37%;
}

.table_select.pull-right.table-adjst li input {
    margin-right: 0;
}

.headerListIssue {
    z-index: 2;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
}

.account-details .btn-group.rightsidebtngrp ul li .btn-default-outline,
.btn-group.rightsidebtngrp li .btn-default {
    font-size: 16px;
}


/* 23-11-2016 */

.pay th {
    font-weight: 300;
    font-size: 25px;
    text-transform: capitalize
}

.btn.btn-whitebtn-radius.checkout_button.PreviewPayment>p {
    float: left;
    font-size: 19px;
    margin: 0
}

.btn.btn-whitebtn-radius.checkout_button.PreviewPayment>img {
    float: right;
}


/* 23-11-2016 */

.table_select.pull-right {
    z-index: 2
}

#ascrail2001 {
    z-index: 999 !important;
}


/*24-11-2016*/

.tablebox.table.table-striped tr td .newmagr.newmagr_selectr .title.form-control {
    width: auto;
}


/* 24-11-2016 */

.submitviolation.submitv>li {
    float: left;
    margin-right: 1%;
}


/* 30-11-2016 */

.wlcm-heading.text-center a.btn.btn-default {
    margin: 0;
}


/* 20-12-2016 */

.account-details .accountproinfo {
    width: 48%;
    float: left;
}

.account-details figcaption .mainClassOwnerDetail {
    width: 100%;
    padding-left: 0;
}

.account-details figcaption .mainClassOwnerDetail.mainClassinfo:before {
    display: none;
}

.account-details .accountdt .accountproinfo {
    width: 100%;
    padding-left: 0;
}

.accountdtsp {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.account-details .accountproinfo .accountdt ul li {
    margin-bottom: 10px
}

.account-details .accountproinfo .accountdt ul li p {
    float: right;
    text-align: left;
    width: 54%;
    margin: 0
}

.account-details .accountproinfo .accountdt ul li span {
    width: 45%;
}

.account-details .mainClassOwnerDetail {
    width: 48%;
    float: right;
}

.account-details .mainClassOwnerDetail .accountdt>figcaption {
    float: left;
    width: 100%;
    margin-top: 35px;
}

.account-details .mainClassOwnerDetail .accountproinfo .accountdt>figcaption ul li span {
    width: 55%;
}

.property-info .accountdt ul li span {
    width: 55%;
}

.property-info .accountdt ul li p {
    width: 40%;
}

.account-details .mainClassOwnerDetail .accountproinfo .accountdt>figcaption ul li p {
    width: 40%;
}

.account-details .mainClassOwnerDetail .accountdt>figcaption p {
    text-align: left;
}

.account-details .mainClassOwnerDetail .accountdt {
    left: 0px;
}

.account-details .mainClassOwnerDetail .accountdt ul li span {
    width: 46%;
}

.account-details .mainClassOwnerDetail .accountdt ul li p {
    width: 40%;
    word-wrap: break-word;
}


/* 21-12-2016 */

.Owner_Infom>li {
    margin-bottom: 10px;
}

.account-details .mainClassOwnerDetail h4 {
    float: left;
    width: 100%;
}

.account-details .mainClassOwnerDetail h4 span {
    float: right;
    text-transform: capitalize;
    font-size: 16px;
}

.mainClassOwnerDetail.mainClassinfo {
    position: relative;
}

.mainClassOwnerDetail.mainClassinfo:before {
    position: absolute;
    left: -15px;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 1px 0 3px #bcbcbc;
    -webkit-box-shadow: 1px 0 3px #bcbcbc;
    -moz-box-shadow: 1px 0 3px #bcbcbc;
    -ms-box-shadow: 1px 0 3px #bcbcbc;
}


/* 23-12-216 */

.terms-poli .terms-polilist {
    border: 1px solid #ccc;
    display: inline-block;
    max-height: 270px;
    overflow-y: auto;
    padding: 15px;
    background: #f5f5f5;
    width: 100%;
    text-align: center !important;
}


a.enable_policy_btn {
    border: 2px solid green;
    color: #666;
}
.terms-polilist li {
    color: #4c4c4c;
    list-style: inside none disc;
    margin: 5px 0;
}

.terms-poli .btn.active.selected_product.dotowcheck {
    width: 28px;
    margin: 0;
}

.terms-poli .checkbox {
    margin-bottom: 0;
}


/* 28-12-2016 */

.wlhead {
    display: inline-block;
    width: 100%;
}

.paymtd .radiobtn .btn-default {
    text-align: center
}

.edit-profile-pg form .edit-pro-details .btn-group.btn-group-vertical label.btn {
    display: inline-block;
    width: 47%;
}

.modal.main_comman_popup.modal-effect {
    z-index: 9992;
}

.form-group.has-feedback.customfile.previous_img_abc > label:first-child {
    border: 1px solid #e7e7e7;
    color: #6d6d6d;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 40px;
    padding: 7px 10px;
    width: 100%;
    background: white;
    border-radius: 3%;
}

.previous_img_abc label {
    position: relative;
    cursor: pointer;
}

.previous_img_abc label img {
    position: absolute;
    right: 3px;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
}

.select-items .form-group.has-feedback.customfile.previous_img_abc {
    margin-bottom: 0
}

.form-group.has-feedback.customfile.previous_img_abc>label i {
    color: #E64545
}

.select-items .form-group.has-feedback.customfile.previous_img_abc input[type="file"] {
    position: absolute
}


/* 29-12-2016 */

.contact-content .violationdetails_content {
    padding: 23px;
}

ul.detailbox hr:last-child {
    display: none;
}

.modal-body textarea#permit_replacement_note {
    width: 75%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px;
}

table#example tbody tr td,
table.example tbody tr td {
    word-wrap: break-word;
    word-break:break-all;
}

.edit-delete-commonn {
    display: inline-block;
}

.detailbox li:first-child b,
.detailbox li:first-child p {
    font-size: 15px;
    word-break: break-all;
}
.edt-icon {
    color: #000;
    display: inline-block;
    float: right;
    font-size: 15px;
    margin-left: 5px;
    padding: 1px 0;
}
.edt-icon:hover{
    color:#e14444
}

table.table.nowrap.example.dataTable.no-footer.table-striped {
    table-layout: inherit
}


/* 29-12-2016 */

.floatnone.myact .account-details .accountproinfo .accountdt ul li span {
    width: 52%;
}

.floatnone.myact .account-details .accountproinfo .accountdt ul li p {
    width: 43%;
}


/* 30-12-2016 */

.paymtd tbody .price-set,
.paymtd tbody .price-set td {
    border: 1px solid #ccc;
    background: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600
}

.pricesetcol .grand {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600
}

.Edit_Manager .rt-form {
    max-width: 100%;
}

.Edit_Manager .checkboxc>label {
    float: left;
    margin-right: 5px;
}

.Edit_Manager .checkboxc>p {
    overflow: hidden;
    width: auto;
    float: none;
    margin-bottom: 0;
}


/* 02-01-2017 */

.floatnone.myact .account-details .accountproinfo .accountdt ul li span {
    width: 52%;
}

.floatnone.myact .account-details .accountproinfo .accountdt ul li p {
    width: 43%;
}


/* 12-01-2017 */

.padding-left-15px {
    padding-left: 15px
}

.form-element-50 {
    position: relative;
}

.form-element-50 .abs-check {
    position: absolute;
    left: -25px;
}

.form-element-50 .input-group+.input-group {
    float: right;
}

.account-details .btn-group.rightsidebtngrp ul li .btn-default-outline,
.btn-group.rightsidebtngrp li .btn-default {
    white-space: normal
}

.display_block {
    display: block;
}

.hst-msng-table .form-group {
    margin-bottom: 0;
    text-align: left;
}

.empty-record {
    text-align: center;
}
.Vehicle-tb .empty-record{
    background-color: #f9f9f9;
    color: #7c8387;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    padding: 10px 15px;
    vertical-align: middle;
    white-space: normal;
    word-wrap: break-word;
    border-top:1px solid #ebecec;
    border-bottom:1px solid #ebecec;
}
.quick-img img {
    width: 24px;
    height: 24px;
}
.previous_img_abc img{
    margin-top: 10px;
}

.db-block table.dataTable.nowrap th{
    padding: 10px 15px;
}
.submitviolation{
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}
.form-inner-wrap{
    width:100%;
    float:left;
    background-color:#fff;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -ms-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
}
.form-inner-wrap h4{
    margin-top: 0;
    padding: 15px 10px 5px;
    font-size: 15px;
    font-weight: 600;
}
.lease-exp-wrap{
    text-align: center;
    padding: 50px;
    background-color: #e65555;
    position:relative;
}
.lease-exp{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 350px;
    padding: 15px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index:9999;
}

.lease-exp >h3{
    margin: 0 0 15px;
    text-transform: uppercase;
    font-size: 22px;
    color: #fff;
}
.lease-exp .form-control{
    border-color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
}
.parking-list-option{
    float: left;
    width: 100%;
    margin: 0;
}
.parking-list-option li{
    width: 100%;
    float:left;
    vertical-align: middle;
    padding: 10px 15px;
    border-top: 1px solid #ebecec;
}
.parking-list-option li:nth-child(odd){
    background-color: #f9f9f9;
}
.parking-list-option li label{
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 10px;
    width:100%;
    max-width: 350px;
}
.parking-list-option li input.form-control{
    max-width: 100px;
    display: inline-block;
    float: right;
    max-height: 35px;

}
.parking-list-option li label{
    width: auto;
    max-width: 100%;
    float: left;
}
.parking-spot-wrap .parking-list-option li input.form-control{
    float: left;
}
/*Slip Wrapper*/

.parking-spot-wrap .slip-wrap {
    width: 100%;
    display: inline-block;
}

.colored-img {
    width: 100%
}

.slip-header {
    padding: 10px 0 25px;
}
.slip-header .sip-info-slide+.sip-info-slide{
    border-top:none;
}

.slip-logo {
    width: 59%;
    display: inline-block;
    vertical-align: middle;
}

.slip-right-info {
    border-left: solid 1px #f3f3f4;
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}

.slip-infoBox-wrap {
    display: table;
    width: 100%;
}

.slip-infoBox-left,
.slip-infoBox-right {
    display: table-cell;
    width: 50%;
    height: 100%;
}

.slip-infoBox-left {
    padding-right: 2%;
}

.slip-infoBox-right {
    padding-left: 2%;
}
.slip-infoBox-left .slip-infoBox,
.slip-infoBox-right .slip-infoBox{
    height: 100%;
}
.slip-infoBox-left .sip-info-slide-wrap,
.slip-infoBox-right .sip-info-slide-wrap{
    height: calC(100% - 35px);
}
.slip-infoBox-heading {
    font-weight: 600;
    color: #000;
    margin-top: 5px;
}

.tag-heading {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #ED2029;
    padding: 0 5px;
}

.slip-infoBox {
    border: solid 1px #e4e4e4;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #231f20;
    background: #f7f7f7;
    padding:5px;
}

.sip-info-slide-wrap {
    background: #fff;
    border: 1px solid #dcdcdc;
}

.sip-info-slide {
    display: table;
    width: 100%;
}
.sip-info-slide+.sip-info-slide{
    border-top: 1px solid #ebecec;
}
.slip-label {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
    margin-bottom: 0;
    text-align: left;
    font-size: 13px;
    color: #231f20;
    font-weight: 500;
}

.slip-label-value {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
    text-align: right;
    color: #747474;
    font-size: 13px;
}
.slip-pr-info .user-listing{
    box-shadow: none;
    padding: 0;
    margin-top: 20px;
}
.product-det-wrap{
    margin: 20px 0;
}
.product-det-wrap tbody{
    border: solid 1px #ddd;
}
.product-det-wrap th{
    background: #434343;
    color: #fff;
    text-align: left;
    padding: 10px;
    text-transform: uppercase;
}
.product-det-wrap td{
    padding: 10px;
}
.product-price-total-wrap{
    width: 100%;
    display: inline-block;
}
.product-price-total-wrap .ft-img-wrap{
    width: 59%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.product-price-total-wrap .product-price-total{
    width: 40%;
    display: inline-block;
    vertical-align: middle;
}
.product-price-total tr{
    border: 0;
    font-size: 13px;
    line-height: 22px;
    color: #484848;
}
.product-price-total td{
    padding: 0px 10px;
    text-align: right;
}
.product-price-total th{
    font-weight: 500;
    text-transform: uppercase;
    text-align: right;
}
.slip-footer{
    display: inline-block;
    padding-top: 15px;
    width: 100%;
    font-weight: 600;
    text-align: center;
    background: #f7f7f7;
    border-top: solid 1px #e4e4e4;
    margin-top:20px;
}

.slip-heading{
    color: #ce070f;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    margin:20px 0 0;
}
.hr-sec {
    border-bottom: solid 2px #393939;
    height: 5px;
    border-top: 0;
    margin: 0 0 15px;
}
.user-listing .keywordlabel{
    padding-left:20px;
    padding-top:5px;
}
#image_form span.proof_msg {
    padding: 8px 15px;
    font-size: 15px;
    background: rgba(72, 22, 22, 0.38);
    border-radius: 5px;
    color: rgba(255,255,255,0.9);
    border: 1px solid rgba(72, 22, 22, 0.8);
    width: 100%;
    text-align: center;
    display: inline-block;
}
#image_form input#proof {
    position: absolute;
    top: 0;
}
#phone_number,#company_phone,#home_phone,#mobile_phone,.msk-phone{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.left-spot .parking-list-option.park-spot-width li label{
    width: 50%;
    max-width: 100%;
    float: left;
}
td.veh-actions .approve-btn-app.vehicle-act, td.veh-actions .approve-btn-app:hover, td.veh-actions .approve-btn-app:active, td.veh-actions .approve-btn-app:focus {
    background-color: #15ba98;
}
td.veh-actions .reject-btn-app.vehicle-act, td.veh-actions .reject-btn-app:hover, td.veh-actions .reject-btn-app:active, td.veh-actions .reject-btn-app:focus {
    background-color: #e65555;

}

.securityPin-info {
    position: relative;
}
.securityPin-info .securityPin-content {
    font-size: 20px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 52px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 9;
}
.securityPin-info i:hover{
    color: #000;
    cursor: pointer;
}
.submitviolation .datpik{position:relative;}


/* START TOOLTIP STYLES */
[tooltip] {
    position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
    text-transform: none; /* opinion 2 */
    font-size: 12px; /* opinion 3 */
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
[tooltip]::before {
    content: '';
    border: 5px solid transparent; /* opinion 4 */
    z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
    content: attr(tooltip); /* magic! */

    /* most of the rest of this is opinion */
    font-family: Helvetica, sans-serif;
    text-align: center;

    /*
      Let the content set the size of the tooltips
      but this will also keep them from being obnoxious
      */
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    -webkit-transform: translate(-50%, -.5em);
    transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    -webkit-transform: translate(-50%, .5em);
    transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    -webkit-transform: translate(-.5em, -50%);
    transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    -webkit-transform: translate(-.5em, -50%);
    transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    -webkit-transform: translate(.5em, -50%);
    transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    -webkit-transform: translate(.5em, -50%);
    transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@-webkit-keyframes tooltips-vert {
    to {
        opacity: .9;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}
@keyframes tooltips-vert {
    to {
        opacity: .9;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@-webkit-keyframes tooltips-horz {
    to {
        opacity: .9;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    -webkit-animation: tooltips-vert 300ms ease-out forwards;
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    -webkit-animation: tooltips-horz 300ms ease-out forwards;
    animation: tooltips-horz 300ms ease-out forwards;
}



.alert.alert-success {
    padding: 10px;
}
span.card-image {
    background-image: url('/img/cc-icons.png');
    width: 77px;
    height: 48px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 4px;
}
.MasterCard span.card-image {
    background-position: 61%;
}
.Discover span.card-image {
    background-position: 40%;
}
.AmericanExpress span.card-image {
    background-position: 19.5%;
}
.DinersClub span.card-image {
    background-position: 82%;
}
.JCB span.card-image {
    background-position: 101%;
}
@-moz-document url-prefix() {
    select, select:-moz-focusring, select::-moz-focus-inner {
        color: transparent !important;
        text-shadow: 0 0 0 #000 !important;
        background-image: none !important;
    }
}


/* 05-08-2017 */
.Previous-Guest-Vehicle.Vehicle-tb{
    text-align: center;
}
.Previous-Guest-Vehicle .label-warning {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ccc !important;
    display: inline-block;
    margin: auto;
}
table.table .dropdown-menu.open {
    left: auto;
    right: 0;

}

/* 11-05-2017 */
.hold-transition.login-page .login-box-body.login_now.reset_now {
    bottom: 0;
    display: inline-block;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}
.hold-transition.login-page .login-box-body.login_now.reset_now  .glyphicon-envelope::before{
    display: none;
}


/* 16-05-2017 */
.terms-msg {
    color: #e64545;
    display: inline-block;
    font-size: 12px;
}
.sevensteptable.sevenstep_final tr td.vehicle-header {
    background: #212121;
    color: #fff;
    font-size: 18px;

}

/* 17-05-2017 */
.modal-defult .modal-body p{  font-family: "Source Sans Pro",sans-serif;}
label.btn.selected_product.dotowcheck .error {
    bottom: -10px;
    font-size: 15px;
    font-weight: 600;
    position: absolute;
}
.modal.main_comman_popup .modal-body > label.frm-lb {
    margin-top: 35px;
}

ul.listcheck{position:relative; margin:8px 0 0 0;}
ul.listcheck .no-pro{color:#ccc; position:absolute; left:0; width:100%; top:20px; text-align:center;
    font-weight: bold !important; }
.ds-select-error-mg label.error {
    float: left;
    max-width: 100%;
    font-weight: bold;
    margin:2px 0 5px 0;
    font-size:13px;
}

.tag-pos .ds-select-error-mg.input-group{margin-bottom:0px;}


.property-filter label.error {
    position: absolute;
    top: -14px;
    font-size: 13px;
    font-weight: 600;
}
.cstom-download-btn i {
    border-radius: 4px;
    color: #333;
    display: inline-block;
    font-size: 28px;
    padding: 5px;
}
.download-pdf-doc {
    display: inline-block;
}
.download-pdf-doc a {
    display: block;
}
.manage-dow-icon.table-striped td:nth-child(3) {
    padding: 0 12px;
}
/*
*19-5-2017
*/
/*.tag-pos  {
	background: url('/img/tag.png') no-repeat right 0;
	height:32px;
  display: inline-block;

}*/
/*.resident-tag-pos  .form-control  {
background:rgba(0, 0, 0, 0) url("/img/tag.png") no-repeat scroll 98% 56%;
margin:0px 25px 0 0;
}
.has-feedback.tag-pos .form-control
{background:rgba(0, 0, 0, 0) url("/img/tag.png") no-repeat scroll 98% 56%;	 }*/

/*.manager-add-vehicle.has-feedback
{	background:rgba(0, 0, 0, 0) url("/img/tag.png") no-repeat scroll 99% 56%;

}*/

.resident-tag-pos .license-search{text-transform:capitalize;}
.tabs_add  .tag-pos .form-control.license-search{margin-bottom:0;}
.date-error-msg{ position:relative;}
.date-error-msg label.error {bottom: -25px;  left: 0;  position: absolute;  z-index: 5; font-weight:bold;}
/*22-5-2017*/
.select-items select.form-control{float:left !important;}
.form-group.has-feedback.resident-tag-pos .formdonewrng
{top:-10px}
.resident-tag-pos .formdonewrng span {
    display: inline-block;  font-size: 21px;  margin: 0 25px 0 0;}
.resident-tag-pos .license-search{text-transform:capitalize;}
/*5-23-2017*/
.residentfrnd-serh ul.pagination li {
    display: inline-block;  margin: 0;  padding: 0;  width: auto;}
.search-residents.white-bg.residentfrnd-serh h2 span {
    float: left;
    padding-top: 10px;
    margin-right: 10px;
}
.group_box .searchbtn1 {
    top: 9px;
}
.search-residents.white-bg.residentfrnd-serh .heading {
    float: left;
    padding-top: 18px;
}
.group_box select#search_category1 {
    height: 40px;
    color: #6d6d6d;
    font-weight: normal;
}
.group_box {
    float: right;
    width: 100%;
    max-width: 525px;
}
/*5-27-2017*/
/* accordion css */
.accordion{width:100%;   display:inline-block;}
.accordion-toggle { cursor: pointer;margin: 0;padding: 10px 0;position: relative;}
.accordion-toggle.active:after{content:"";position:absolute;right:10px;top:17px;width:0;height:0;border-bottom:10px solid #e64545;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);}
.accordion-toggle:before{content:"";position:absolute;right:10px;top:17px;width:0;height:0;border-top:10px solid #e64545;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0); display:none;}
.accordion-toggle.active:before{display:none;}
.accordion-content {display: none;}
.accordion-toggle.active {color: #e64545;}

/* accord end*/
.payment-detail-div .payment-bar-div{background:#222222; width:100%; display:inline-block; border-radius:0px;}
.payment-detail-div .panel-heading{padding:6px 35px 6px 15px;}
.payment-detail-div	.panel-heading h3.panel-title{color: #fff;font-family: "Lato",sans-serif;font-size: 18px;font-weight: 600;	padding:6px 15px 6px 15px;}
.payment-detail-div .panel-title.display-td {text-align: left;}
.panel.panel-default.credit-card-box.accordion.payment-detail-div {border: medium none;box-shadow: none;}
.panel.credit-card-box.accordion.payment-detail-div{margin:0;}
ul.custom-card-listing { display: inline-block;  text-align: left;  width: 100%; padding:15px 15px; position:relative;}

ul.custom-card-listing li {border: 1px solid #ddd;border-radius: 3px;display: inline-block;float: left;margin: 0 0 7px 7px;  min-width: 155px;  padding: 0 26px;}


ul.custom-card-listing li.radiobtn .btn-group.btn-group-vertical  > label.btn input[type="radio"]:checked ~ i.fa.fa-check-square-o, ul.custom-card-listing li.radiobtn .btn-group.btn-group-vertical > label.btn input[type="checkbox"]:checked ~ i.fa.fa-check-square-o
{color: #e14444;display: inline-block;font-size: 29px;margin: 9px 0 0;}

ul.custom-card-listing li.radiobtn .btn-group.btn-group-vertical > label.btn input[type="radio"] ~ i.fa.fa-square-o,
ul.custom-card-listing li.radiobtn .btn-group.btn-group-vertical > label.btn input[type="checkbox"] ~ i.fa.fa-square-o{font-size: 29px;margin: 9px 0 0; float:left;}

ul.custom-card-listing li:nth-child(2n){float:left;}
.card-des {  text-align: center;}
ul.custom-card-listing li .card-des > b,
ul.custom-card-listing li  .card-des > span
{display:block;}
.custom-div-crd-number .form-group {  margin: 0;}

.payment-detail-div fieldset.payment-option .panel.panel-default.credit-card-box .panel-body .form-group label
{float:left;}
.payment-detail-div .custom-div-crd-number .credit_card_number.form-control{
    max-width: 660px;
    width: 100%;
}

.custom-div-crd-number label.error {
    color: red;
    display: block;
    float: left;
    width: 100%;
}


.bgwarnactive{
    color:#f0ad4e;
    background:#f4f7f8;
    box-shadow:none;
}
.violation_content .bgwarnactive{
    color:#f0ad4e;
    background:transparent;
    box-shadow:none;
    font-size:25px;
    padding:0;
}

.violation_content .bgnoactive
{
    color:#e14444;
    background:transparent;
    box-shadow:none;
    font-size:25px;
    padding:0;

}
.violation_content .bgactive{
    color:#40c67a;
    background:transparent;
    box-shadow:none;
    font-size:25px;
    padding:0;

}
.card-type-wrap{float:left;}
/*5-31-2017*/
.payment-tbl  label.btn input[type="radio"] ~ i.fa.fa-square-o, label.btn input[type="checkbox"] ~ i.fa.fa-square-o,
.payment-tbl label.btn input[type="radio"]:checked ~ i.fa.fa-check-square-o, label.btn input[type="checkbox"]:checked ~ i.fa.fa-check-square-o
{font-size:20px;}
/*2-6-2017*/
.cstm-user-msg {  background: #315570 none repeat scroll 0 0;  padding: 6px 10px;}
.cstm-user-msg h3{color:#fff; font-size:20px; margin:0; display:inline-block; padding:0 0 0 15px; fon-weight:bold;}
.cstm-user-msg img {border-radius: 50%;max-width: 100px;}
.custom-card-listing .error { left: 23px;position: absolute; top: -11px;}
.card-type-wrap.card_type {float: left;padding: 6px 0;width: 100%;}

/* 5-30-2017*/

.friendfamilyitem li.btnlist ul li:last-child {
    margin: 10px 0 0px 0;
}

.lbl.label-success.label_success.cs-label-status{
    color: #fff;
    background: #428bca;
    font-weight: normal;
    border-radius: 3px;
}
.volated_class{
    margin-bottom:10px;
}

/* 09-06-2017 */
.dt-container {
    display: inline-block;
    width: 100%;
}
.dt-container .input-group.select-items {
    border: 2px solid #e64545 ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 6px 0;
    font-size: 17px;
}
.dt-container .input-group.select-items > label {
    display: inline-block;
    font-weight: 600;
    padding: 0;
    text-transform: capitalize;
}
textarea.form-control.cmnt {
    height: 90px;
}

/*14-6-2017*/
.register_footer   {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    position: relative;
    width: 100%;
}
.modal.main_comman_popup .register_footer button.close {
    color: #000;
    right: 63px;
    top: 0;
}
.date-picker .picker-switch.accordion-toggle::before {
    content: none;
}

/*15-6-2017*/
.date-picker2  >.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour {
    right: 0!important ;}

.do-not2-calander >.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour
{left:53%!important ; }
.select_role {position:relative;}
.select_role .error {
    left: 38%;
    position: absolute;
    top: 35px;
    transform: translateX(-11%);
    -webkit-transform: translateX(-11%);
    -moz-transform: translateX(-11%);
    -ms-transform: translateX(-11%);
    -o-transform: translateX(-11%);
}

.url-list-wrap .select-items .error {
    left: 26%;
    position: absolute;
    top: 40px;
    transform: translateX(-11%);
}



.submitviolation.edittow > li:nth-child(4)
{display:block !important;}


.form-iocn>h1 {
    color: #454545;
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
    margin-top: 11px;
}

.policy_container .website-Terms p {
    font-size:14px;
    text-align:left;
}
.policy_container .website-Terms li {
    font-size:14px;
}
.policy_container .website-Terms p a {
    color: #DD4B39;
}
.policy_container .website-Terms ul li {
    padding-left:10px;
}
.bootstrap-datetimepicker-widget.dropdown-menu {height: 255px;}
embed#webcam_movie {
    width: 75%;
    position: relative;
    z-index: 1;
}

.residentfrnd-serh .resident_select_option  span button {
    background: none;
    border: 0 none;
    bottom: 0;
    color: #fff;
    height: auto;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #ccc;
    padding: 10px 10px;
    line-height: 100%;
    background: #cccccc;
    border-radius: 3px;
}
.resident_select_option .searchArea {
    position: relative;
}
.resident_select_option div#search-cat1 {
    max-width: 83%;
    margin-top: 5px;
}
.resident_select_option div#search-cat {
    max-width: 83%;
    margin-top: 5px;
}
.resident_select_option div#search-cat1 >input {
    max-width: 47%;
    display: inline-block;
}

.datepicker-days tr th {
	border: none !important;
}
.datepicker-days tr td {
	border: none !important;
}
#resp-tab2 td, th {
	border: none !important;
}
#resp-tab3 td, th {
	border: none !important;
}
#resp-tab4 td, th {
	border: none !important;
}
#resp-tab2 th {
	border: none !important;
}
#resp-tab3 th {
	border: none !important;
}
#resp-tab4 th {
	border: none !important;
}