body{font-size:14px;}
h4{margin-bottom:1rem;}
.order-heading h4{ color: #AAAAAA; }
.order-heading ol li {line-height:2;}
.full-width-image img {  width: 100%;}
.cen-bg-content {margin-top:-130px; color:#fff; position:relative;}
.cen-bg-content h2{color: #fff!important;}
.sect {padding-bottom:30px;}
.uacacc-tabs .col-md-3.mb-3 {border-right: 1px solid #DCDCDC;}
.uacacc-tabs .nav-pills {border-bottom:1px solid #DCDCDC;}
.uacacc-tabs .nav-pills .nav-link:hover {color:#000; font-weight:700;}
.uacacc-tabs .nav-pills .nav-link.active, .uacacc-tabs .nav-pills .show>.nav-link {background:none; color:#000; font-weight:700; border-bottom:1px solid #E07253; border-radius:0px;}
.uacacc-tabs  h6 {color:#000; font-weight:500; text-decoration:underline;}
.uacacc-tabs ol li {font-size:12px;}
/* Buttons */
.btn-primary {background-color:#015845; border-color:#015845; font-size:12px;}
.btn-primary:hover , .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background-color:#116b57; border-color:#015845; }
.btn-primary.focus, .btn-primary:focus {background-color: #116b57;border-color:#015845;  box-shadow : 0 0 0 0.2rem rgba(35, 140, 117,0.5);}
.uacacc-tabs {padding-top:30px;}
.myTabUacacc .form-group { margin-bottom: 1.5rem;}
.btn-add + span {position:relative; top: -25px; left:40px;}
			.sect-inverse h5.subhead{border-bottom:1px solid #E1E2E6;}
@media only screen and (max-width: 767px) {
	h2 {font-size: 16px!important; }
.cen-bg-content {padding:0px;}
.sect{padding-top:10px; padding-bottom:10px;}
}

.searchpostborder, .addPostDiv {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}

.imgsection {
    width: 100px;
    padding: 10px;
    border-right-color: transparent;
}

    .imgsection img {
        /*padding: 10px;*/
        border: 1px solid #cdcdcd;
        border-radius: 5px;
        width: 100px
    }

#GCAA_Response {
    margin: 0;
    text-align: initial;
}

#myModalNPA .close {
    min-width: 20px;
}

.UtcClass {
    float: right;
}

.savebtn {
    display: none
}

.addPostDiv, .searchPostDiv {
    font-size: 14px;
}

.uacacc-tabs .fade {
    opacity: 1
}

.mypostupdate {
    overflow: hidden
}

    .mypostupdate .updaterdetailes {
        width: 79%;
        float: left;
    }

.mypostupdate1 button {
    display: none
}

.mypostupdate button {
    display: inline-block
}

.mypostupdate .savebtn {
    display: none
}

.ui-widget-header .ui-icon {
    background-image: url(/en/szc/SiteAssets/EPublicationPages/imgs/ui-icons_444444_256x240.png) !important;
}

.dataTable {
    font-size: 14px;
}

table#viewpost {
    font-size: 14px;
    border:1px solid #464646;
    width:100%;
}

ul#relativeLinks {
    display: none;
}

h4 {
    margin-bottom: 1rem;
}

.order-heading h4 {
    color: #AAAAAA;
}

.order-heading ol li {
    line-height: 2;
}

.full-width-image img {
    width: 100%;
}

.cen-bg-content {
    color: #fff;
    padding: 30px 15px;
}

.marquee {
    display: flex;
    position: relative;
    animation: scroll 15s linear infinite;
    padding: 10px;
}

.marqueetext {
    height: 68px;
}

.marqueecontent {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.marquee:hover {
    animation-play-state: paused
}

.marqueediv {
    padding: 10px;
    background-color: #f6f6f6;
    margin: 3px;
}

.marquee {
    overflow: hidden;
    position: relative;
}

    .marquee .marqueediv {
        width: 250px;
        text-align: center;
        border: 1px solid;
        display: inline-block;
        border-radius: 5px;
        color: #fff;
        background-color: #464646;
        /* Starting position */
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
/* Move it (define the animation) */
@-moz-keyframes marquee {
    0% {
        -moz-transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes marquee {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}


/* Make it move 
@keyframes scroll{
0% {left:800px;}
100% {left:0px;}
}*/

.chart-container {
    position: relative;
    margin: auto;
    height: 80vh;
    width: 80vw;
}

.sect {
    padding-bottom: 30px;
    padding-top: 15px;
    text-align: justify;
}

.myTabUacacc .fa-square:before {
    content: "\f0c8";
    font-size: 12px;
}

button#GCAA_UACACCSubmitBTN {
    padding: 5px 22px !important;
}

.addPostDiv textarea, .addPostDiv input, .Notificationdiv textarea {
    border: 1px solid #cdcdcd !important;
}

.uacacc-tabs label {
    font-weight: bold;
}
/* .uacacc-tabs .nav-pills {border-bottom:1px solid #DCDCDC;} */
.uacacc-tabs .nav-pills .nav-link:hover {
    color: #000;
    font-weight: 700;
}

.uacacc-tabs .nav-pills .nav-link.active, .uacacc-tabs .nav-pills .show > .nav-link {
    background: none;
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid #E07253;
    border-radius: 0px;
}

.uacacc-tabs h6 {
    color: #000;
    font-weight: 500;
    text-decoration: underline;
}

/* .uacacc-tabs ol li {
    font-size: 12px;
} */
/* Buttons */
.btn-primary {
    background-color: #015845;
    border-color: #015845;
    font-size: 12px;
}

    .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        background-color: #116b57;
        border-color: #015845;
    }

    .btn-primary.focus, .btn-primary:focus {
        background-color: #116b57;
        border-color: #015845;
        box-shadow: 0 0 0 0.2rem rgba(35, 140, 117,0.5);
    }

.uacacc-tabs {
    padding-top: 30px;
}

.myTabUacacc .form-group {
    margin-bottom: 1.5rem;
}

.relatedLinks {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    color: #434343;
}

div.Notificationdiv {
    width: 100%;
    height: 110px;
    padding: 7px 17px;
    position: relative;
}

textarea.Notification, textarea.OMAA_Notification {
    text-align: initial !important;
    color: maroon;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    resize: none;
}

#myTab .nav-link {
    padding: 10px 0;
}

i.fa.fa-edit {
    position: absolute;
    right: 5px;
    top: 2px;
    display: none;
}

table#parkingtable td, table.deptStopped td {
    position: relative;
}

    table#parkingtable td input, textarea.Notification, textarea.OMAA_Notification, table.deptStopped td input {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        margin: 0;
        height: 100%;
        width: 100%;
        border: none;
        padding: 10px;
        box-sizing: border-box;
        min-height: 40px;
    }

    table#parkingtable td input {
        text-align: center !important;
        font-weight: 700;
        font-size: 18px;
    }

.gj-picker-md table tr, .gj-picker-md table tr td, .gj-picker-md table tr th {
    border: none !important;
}

i.form-control-search.fa.fa-search {
    position: absolute;
    right: 20px;
    top: 10px;
}

    i.form-control-search.fa.fa-search.archive-search {
        position: relative !important;
        right: 25px;
        top: auto !important;
    }

.hrborder {
    width: 100%;
    margin: 0;
}

.ZDSNote {
    margin-left: 10px;
}

;
.ms-rtestate-field > p {
    display: none;
}

.viewBTN {
    margin-top: 23px;
}

.uacacc-tabs .collapse:not(.show) {
    display: block;
}

.validLabel {
    margin-top: 5px;
    margin-right: 15px;
}

@media only screen and (min-width:1024px) {
    .uacacc-tabs .col-md-3.mb-3 {
        border-right: 1px solid #DCDCDC;
    }

    #myModalNPA .modal-content {
        width: 900px !important
    }
}

@media only screen and (max-width:1023px) {
    .bannerContent {
        padding-top: 0px;
        font-size: 14px !important;
    }

    .full-width-image img {
        height: 135px;
    }
}

@media only screen and (max-width: 767px) {
    h2 {
        font-size: 16px !important;
    }

    .sect {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .form-inline.mb-3 button {
        margin: 23px auto 0px;
    }

    .searchBTN {
        margin-right: 10px !important;
    }

    .resetBTN {
        margin-left: 10px !important;
    }

    div.Notificationdiv {
        height: 66px;
    }

    /*.cen-bg-content {
        margin-top: -90px;
    }*/

    .full-width-image img {
        height: 100px;
    }

    #GCAA_ZoneSlots, #GCAA_ZoneDeparture {
        float: none !important;
    }

    .ZDSNote {
        margin-left: 0px;
    }

    .uacacc-tabs .navbar {
        display: block;
    }

    .uacacc-tabs li.nav-item {
        width: 100%
    }

    .uacacc-tabs .flex-column {
        flex-direction: row !important;
    }

    .uacacc-tabs .collapse:not(.show) {
        display: none;
    }
}


@media only screen and (min-width:768px) and (max-width:1023px) {
    .uacacc-tabs {
        padding-top: 0px;
    }

    .searchBTN, .resetBTN {
        z-index: 2;
    }

    textarea.Notification, textarea.OMAA_Notification {
        font-size: 14px !important;
    }
}

.myTabUacacc .light-grey-btn, .myTabUacacc .grey-btn {
    padding: 5px 20px !important;
    border-radius: 5px !important;
}

.ViewPostedDetails {
    margin-top: 15px;
}

.PostDetails {
    padding: 10px;
}

th.viewpostheader {
    background-color: #333;
    padding: 16px 10px;
    color: #fff;
    line-height: 24px;
}

table#viewpost tr {
    background-color: #fff;
}

table#zoneTable tr td:first-child, table#zoneTable tr th:first-child, table#parkingtable tr td:first-child, table#parkingtable tr th:first-child {
    background-color: #966900;
    color: #fff;
}

#datepicker1, #datepicker2 {
    border-radius: 0px !important;
}

.gj-datepicker input {
    font-size: 11px;
    height: 22px;
    border-radius: inherit;
}

i.fa.fa-square.redParking {
    color: transparent;
    margin: 6px 5px 2px 0px;
    border: 1px solid #b1aeae;
    background: rgba(255, 0, 0, 0.26);
}

i.fa.fa-square.yellowParking {
    color: transparent;
    margin: 6px 5px 2px 5px;
    border: 1px solid #b1aeae;
    background: rgba(200, 200, 0, 0.26);
}

i.fa.fa-square.greenParking {
    color: transparent;
    margin: 6px 5px 2px 5px;
    border: 1px solid #b1aeae;
    background: rgba(16, 255, 0, 0.26);
}

i.fa.fa-square.whiteParking {
    color: transparent;
    margin: 6px 5px 2px 10px;
    border: 1px solid #b1aeae;
    background: rgba(16, 255, 0, 0.26);
}

#GCAA_ZoneSlots, #GCAA_ZoneDeparture {
    float: left;
    margin-top: 5px;
}

.navbar-light .navbar-toggler-icon.toggler-custom-icon {
    background-image: none;
    font-size: 12px;
    border: 1px solid;
    border-radius: 5px;
    padding: 3px;
}
/* Table scroll icon*/
table.deptStopped td {
    padding: 0px !important;
    min-width: 64px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px
}

    table.deptStopped td:first-child {
        padding: 5px !important;
    }

    table.deptStopped td textarea {
        min-height: 74px;
        resize: none;
        padding-top: 12px;
        font-size: 12px;
        width: 97px;
        color: #434343;
    }

.scroll-wrapper {
    position: relative;
}

.scroll, .scrollchart, .scrollpdf {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #828282;
    font-size: 30px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .scroll:hover, .scrollchart:hover, .scrollpdf:hover {
        color: gray;
        cursor: pointer;
    }

.left-scroll, .left-chart, .left-pdf {
    left: -15px;
    z-index: 10;
    display: none;
}

.right-scroll, .right-chart, .right-pdf {
    right: -15px;
    z-index: 10;
    display: none;
}

.chartwrapper, .custompdf {
    overflow-x: auto;
}

.chartContainer, .pdfcontainer {
    position: relative;
    width: 825px;
}

.fluid-banner1 {
    background-image: url("/en/szc/SiteAssets/UACACC/img/bg-ban2.jpg");
    background-color: #434343;
    margin-bottom: 15px;
}
@media (min-width:320px) and (max-width:1199px) {
    .left-scroll, .right-scroll, .left-chart, .right-chart, .left-pdf, .right-pdf {
        display: block;
    }

    .customDataTable1 .table thead th {
        min-width: 150px
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    table#parkingtable td input, textarea.Notification, textarea.OMAA_Notification, table.deptStopped td input {
        min-height: 45px
    }
}

@media only screen and (min-width:768px) and(max-width:1199px) {
    .scrollchart, .scrollpdf {
        top: 35%;
    }
}