﻿/*#region Element Selectors*/
body {
    background: #cce1f0;
    background-image: url("../pcsofiles/images/bg.png");
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold !important;
}
/*#endregion Element Selectors*/

/*#region Customize Bootstrap*/
.btn {
    white-space: normal !important;
}

.container {
    min-height: inherit;
    background-color: #FFF;
    padding: 0 !important;
}

    .container .container-item {
        display: inline-block !important;
        padding: 0 !important;
        min-height: inherit;
        /*margin-bottom: 15px !important;*/
        width: 100%;
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    float: left;
    padding: 0 15px 20px 15px;
}

/*#endregion Customize Bootstrap*/

/*#region Carousel*/
.carousel-indicators {
    bottom: -10px !important;
}

.myCarouselMAPReport .carousel-inner img {
    max-height: 200px;
}
/*#endregion Carousel*/

/*#region FAQ*/
#faq {
    margin: 20px 0 100px 0 !important;
}

    #faq .panel-group {
        margin: 0 0 0 10px !important;
        border-left: solid 4px #AAA;
        border-radius: 4px 0 0 4px;
        border-bottom: solid 1px #DDD;
    }

    #faq .panel-heading {
        text-decoration: none !important;
        background-color: #EfEfEf !important;
        border: none !important;
        cursor: pointer;
        color: #2868a5;
    }

        #faq .panel-heading:hover {
            background-color: #fcf1c7 !important;
        }

        #faq .panel-heading a {
            text-decoration: none !important;
            font-size: 10px !important;
        }

        #faq .panel-heading .panel-title {
            text-decoration: none !important;
            font-size: small;
        }

        #faq .panel-heading a:hover {
            text-decoration: none;
        }

    #faq .panel-body {
        line-height: 20pt;
    }
/*#endregion FAQ*/

/*#region Top Navigation Bar*/
.navbar-default {
    background-color: #222 !important;
    border: none;
}

    .navbar-default .navbar-brand {
        color: #DDD;
    }

        .navbar-default .navbar-brand img {
            height: 30px;
            margin: 0;
            padding: 0;
        }

    .navbar-default .navbar-nav > li > a {
        color: #DDD !important;
    }

        .navbar-default .navbar-nav > li > a:hover {
            color: #DDD;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #444 !important;
        color: #777;
        font-weight: bold;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #777 !important;
    }

.navbar-fixed-bottom, .navbar-fixed-top {
    z-index: 100 !important;
}

.dropdown-menu > li {
    color: #333;
}

.navbar-template {
    padding: 40px 15px;
}

.dropdown-menu > li > a {
    padding: 8px 20px !important;
}

    .dropdown-menu > li > a:hover {
        background-color: #CCC !important;
    }

.container-navbar {
    background-color: #222 !important;
    padding-left: 5px;
    padding-right: 5px;
}

/*#endregion Top Navigation Bar*/

/*#region Header*/
header {
    color: #000;
    margin: 50px 0 10px 0;
    overflow: hidden;
    overflow-block: hidden;
    padding: 20px 0;
    border-bottom: groove 5px #000;
    width: 100%;
    /*background-color: #219fe5 !important;*/
    background: radial-gradient(#0098ff,#004689);
    -webkit-overflow-Y: hidden;
    -moz-overflow-Y: hidden;
    -o-overflow-Y: hidden;
    overflow-y: hidden;
    -webkit-animation: fadeIn 1 1s ease-out;
    -moz-animation: fadeIn 1 1s ease-out;
    -o-animation: fadeIn 1 1s ease-out;
    animation: fadeIn 1 1s ease-out;
}

    header #header-col1, header #header-col2, header #header-col3 {
        float: left;
        text-align: left;
        padding: 0 20px;
        vertical-align: middle;
    }

        header #header-col1 img {
            max-width: 110px;
        }

    header #header-col3 {
        float: right;
    }

        header #header-col3 img {
            max-width: 90px;
            margin: auto 10px;
        }

    header #header-col2 {
        padding-top: 15px;
    }

        header #header-col2 #header-col2-title1a {
            font-family: "Orator Std";
            font-size: 14px;
        }

        header #header-col2 #header-col2-title1b {
            font-family: "Orator Std";
            font-size: 20px;
            border-bottom: solid 1px #000;
            /*text-shadow: 1px 1px 1px #FFF;*/
            font-weight: bolder;
        }

        header #header-col2 #header-col2-title2 {
            font-family: "Goudy Old Style";
            font-style: normal;
            font-weight: bold;
            font-size: 38px;
            text-shadow: 1px 1px 2px #FFF;
            /*color: #fffa00;*/
        }

    header #header-col3 {
    }

    header .light {
        position: absolute;
        width: 0px;
        opacity: .75;
        background-color: white;
        box-shadow: #e9f1f1 0px 0px 20px 2px;
        opacity: 0;
        top: 100vh;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
    }

    header .x1 {
        -webkit-animation: floatUp 4s infinite linear;
        -moz-animation: floatUp 4s infinite linear;
        -o-animation: floatUp 4s infinite linear;
        animation: floatUp 4s infinite linear;
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -o-transform: scale(1.0);
        transform: scale(1.0);
    }

    header .x2 {
        -webkit-animation: floatUp 7s infinite linear;
        -moz-animation: floatUp 7s infinite linear;
        -o-animation: floatUp 7s infinite linear;
        animation: floatUp 7s infinite linear;
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -o-transform: scale(1.6);
        transform: scale(1.6);
        left: 15%;
    }

    header .x3 {
        -webkit-animation: floatUp 2.5s infinite linear;
        -moz-animation: floatUp 2.5s infinite linear;
        -o-animation: floatUp 2.5s infinite linear;
        animation: floatUp 2.5s infinite linear;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5);
        left: -15%;
    }

    header .x4 {
        -webkit-animation: floatUp 4.5s infinite linear;
        -moz-animation: floatUp 4.5s infinite linear;
        -o-animation: floatUp 4.5s infinite linear;
        animation: floatUp 4.5s infinite linear;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        left: -34%;
    }

    header .x5 {
        -webkit-animation: floatUp 8s infinite linear;
        -moz-animation: floatUp 8s infinite linear;
        -o-animation: floatUp 8s infinite linear;
        animation: floatUp 8s infinite linear;
        -webkit-transform: scale(2.2);
        -moz-transform: scale(2.2);
        -o-transform: scale(2.2);
        transform: scale(2.2);
        left: -57%;
    }

    header .x6 {
        -webkit-animation: floatUp 3s infinite linear;
        -moz-animation: floatUp 3s infinite linear;
        -o-animation: floatUp 3s infinite linear;
        animation: floatUp 3s infinite linear;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        left: -81%;
    }

    header .x7 {
        -webkit-animation: floatUp 5.3s infinite linear;
        -moz-animation: floatUp 5.3s infinite linear;
        -o-animation: floatUp 5.3s infinite linear;
        animation: floatUp 5.3s infinite linear;
        -webkit-transform: scale(3.2);
        -moz-transform: scale(3.2);
        -o-transform: scale(3.2);
        transform: scale(3.2);
        left: 37%;
    }

    header .x8 {
        -webkit-animation: floatUp 4.7s infinite linear;
        -moz-animation: floatUp 4.7s infinite linear;
        -o-animation: floatUp 4.7s infinite linear;
        animation: floatUp 4.7s infinite linear;
        -webkit-transform: scale(1.7);
        -moz-transform: scale(1.7);
        -o-transform: scale(1.7);
        transform: scale(1.7);
        left: 62%;
    }

    header .x9 {
        -webkit-animation: floatUp 4.1s infinite linear;
        -moz-animation: floatUp 4.1s infinite linear;
        -o-animation: floatUp 4.1s infinite linear;
        animation: floatUp 4.1s infinite linear;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        left: 85%;
    }

@-webkit-keyframes floatUp {
    0% {
        top: 100vh;
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        top: 0vh;
        opacity: .8;
    }

    75% {
        opacity: 1;
    }

    100% {
        top: -100vh;
        opacity: 0;
    }
}

@-moz-keyframes floatUp {
    0% {
        top: 100vh;
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        top: 0vh;
        opacity: .8;
    }

    75% {
        opacity: 1;
    }

    100% {
        top: -100vh;
        opacity: 0;
    }
}

@-o-keyframes floatUp {
    0% {
        top: 100vh;
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        top: 0vh;
        opacity: .8;
    }

    75% {
        opacity: 1;
    }

    100% {
        top: -100vh;
        opacity: 0;
    }
}

@keyframes floatUp {
    0% {
        top: 100vh;
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        top: 0vh;
        opacity: .8;
    }

    75% {
        opacity: 1;
    }

    100% {
        top: -100vh;
        opacity: 0;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    80% {
        opacity: .9;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    80% {
        opacity: .9;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    80% {
        opacity: .9;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    80% {
        opacity: .9;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes finalFade {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    80% {
        opacity: .9;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes finalFade {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    80% {
        opacity: .9;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes finalFade {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    80% {
        opacity: .9;
    }

    100% {
        opacity: 1;
    }
}

@keyframes finalFade {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    80% {
        opacity: .9;
    }

    100% {
        opacity: 1;
    }
}

/*#endregion Header*/

/*#region Agency Footer*/
footer {
    background-color: #222;
    min-height: 100px;
    color: #CCC;
    padding: 10px;
    z-index: 0;
}

.container-footer {
    background-color: #222 !important;
    padding-left: 5px;
    padding-right: 5px;
}

.footer-agency {
    margin: 0 auto 0 auto;
    padding: 10px;
    background-color: #222;
    font-family: Calibri;
    font-size: 10px;
    color: #d0cbcb;
    overflow: hidden;
}

    .footer-agency ul {
        list-style-type: none;
        padding: 0;
        margin: 0 0 0 0;
    }

        .footer-agency ul li {
            padding: 3px 0 0 20px;
        }

    .footer-agency h1 {
        margin: 2px 15px 2px 0;
        font-family: Arial;
        font-size: 12px;
        padding-bottom: 10px;
        width: inherit;
    }

    .footer-agency .fa-logo {
        overflow: hidden;
        text-align: center;
        float: left;
    }

        .footer-agency .fa-logo img {
            width: 100px;
            margin: 8px auto;
        }

        .footer-agency .fa-logo #pcso_iso,
        .footer-agency .fa-logo #pcso_iso_qr {
            width: 60%;
            margin: 20px auto;
            padding: 0;
            border-radius: 5px;
        }

.quicklinks a {
    margin-bottom: 10px;
    display: block;
}

    .quicklinks a img {
        width: 200px;
    }

/*#endregion Agency Footer*/

/*#region Feedback*/
#feedback {
    max-width: 350px;
    height: 100%;
    padding: 0 5px 0 10px;
}

    #feedback .emoticons {
        height: 100%;
        text-align: center;
        overflow: visible;
    }

    #feedback .icon {
        max-height: 40px;
    }

    #feedback .feedback-input-control, #feedback .feedback-notif, #feedback .feedback-button, #feedback .feedback-label {
        margin: 0px;
        width: 100%;
        font-size: 16px;
        padding: 2px;
        margin-top: 10px;
        margin-bottom: 5px;
        color: #000;
    }

    #feedback .feedback-label {
        color: #d1d1d1;
    }

    #feedback .feedback-button {
        border: none;
        background-color: #2966e2;
    }

        #feedback .feedback-button:hover {
            border: none;
            background-color: #4584d0;
        }

    #feedback .feedback-notif {
        text-align: center;
        color: green;
    }

.panel-default {
    border: none !important;
}

.table-feedback-list {
    text-align: left;
    /*width: 390px !important;*/
}

    .table-feedback-list th {
        background-color: #2868a5;
        color: #FFF;
        text-align: center;
    }

    .table-feedback-list b {
        font-weight: bolder;
        color: #0092ff;
    }

    .table-feedback-list tr:nth-child(even) {
        background-color: #cee9f5 !important;
    }


    .table-feedback-list tr td {
        text-wrap: normal;
        word-wrap: break-word !important;
        padding: 10px !important;
    }

    .table-feedback-list td:nth-child(3) {
        text-align: center;
    }

.div-feedback {
    word-wrap: break-word !important;
    padding: 0;
    margin: 0;
    max-width: 675px;
}

#tblStat td {
    padding: 10px 20px;
}

    #tblStat td:nth-child(1) {
        text-align: right;
    }
/*#endregion Feedback*/

/*#region Recent Posts*/
.pagination_custom {
    max-width: 400px;
    overflow: hidden;
    /*width: 100%;*/
    text-align: right;
    align-content: flex-end;
    align-items: flex-end;
    margin: 10px 5px;
}

.pagination_custom_control {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    float: left;
    padding: 5px 10px;
    border: solid 1px #DDD;
    background-color: #09F;
    color: #000;
}

#post-table .media-heading {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 17px;
    font-weight: bold;
}

#post-table .media-object {
    padding: 0;
    margin: 0;
    max-height: 150px;
    max-width: 100%;
}

#post-table .media-body {
    text-align: left;
}

    #post-table .media-body p {
        font-size: 13px;
    }

    #post-table .media-body .media-author {
        font-size: 10px;
        font-style: italic;
        font-weight: bold;
    }

#post-table thead, #post-table tfoot {
    display: none !important;
}
/*#endregion Recent Posts*/

/*#region Bidding*/
#bids-table {
    font-size: small;
}

    #bids-table thead tr {
        background-color: #093a7d !important;
        color: #FFF !important;
        text-align: center !important;
    }

    #bids-table th {
        text-align: center !important;
        border: solid 1px #093a7d !important;
    }

    #bids-table thead .sorting_asc:after {
        color: #FFF !important;
        opacity: 1;
        font-weight: normal;
    }

    #bids-table thead .sorting:after {
        color: #FFF !important;
        opacity: .7;
        font-weight: normal;
    }

.bid-date {
    font-family: Consolas !important;
    text-align: center;
}

.panel-heading .accordion-toggle:before {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\2212"; /* adjust as needed, taken from bootstrap.css (e114 - arrowdown, e080 - arrowforward) */
    float: left; /* adjust as needed */
    color: #555; /* adjust as needed */
    margin-top: 5px;
    margin-right: 10px;
    font-weight: lighter;
    font-size: 7px;
}

.panel-heading .accordion-toggle.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\2b"; /* adjust as needed, taken from bootstrap.css */
}

#bids-table .panel-heading .accordion-toggle {
    content: "\e114" !important;
}

    #bids-table .panel-heading .accordion-toggle div {
        margin-left: 1.5em;
        line-height: 1.5;
    }

#bids-table .panel-group {
    margin: 0;
    padding: 0;
}

#bids-table .panel {
    border: none !important;
}

    #bids-table .panel div:nth-child(2) {
        padding: 5px 10px 10px 20px;
    }

#bids-table .panel-heading {
    padding: 2px 2px 2px 0;
}

#bids-table .panel-title {
    font-size: small !important;
}

#bids-table ul li {
    margin-top: 5px;
}

    #bids-table ul li a {
        font-weight: bold;
    }

#bids-table span.biddocdate {
    font-style: italic;
    color: #027a2d;
    font-size: 11px;
    margin-left: 10px;
}

#bids-table_wrapper .col-sm-6, #bids-table .row {
    padding-top: 20px !important;
    padding-bottom: 0 !important;
}

#biddingpage .panel-body {
    padding: 0 !important;
}

#biddingpage .download-docs .tab-pane li {
    list-style: unset;
}

    #biddingpage .download-docs .tab-pane li > a:hover {
        text-decoration: underline;
    }

/*#endregion Bidding*/

/*#region Resopnsible Gaming Modal*/
.modalBackground {
    background-color: black;
    /*filter:alpha(opacity=90) !important;*/
    opacity: 0.85 !important;
    z-index: 20;
}

.modalpopup {
    position: relative;
    left: 340px;
    top: 230px;
    width: 30%;
    /*height: 50%;*/
    background-color: white;
    border: 1px solid black;
}

    .modalpopup .panel-title {
        padding: 20px;
        font-weight: bolder;
        font-size: x-large;
        background-color: #004689;
        color: #FFF;
        text-decoration: blink;
    }

    .modalpopup .panel-body {
        padding: 40px 20px;
        font-size: larger;
    }

        .modalpopup .panel-body span {
            display: block;
            padding-bottom: 20px;
        }

        .modalpopup .panel-body input {
            display: block;
            margin: 0 auto;
        }

    .modalpopup .panel-footer {
        /*padding: 40px 20px;*/
    }

#responsiblegaming .odds-of-winning-table {
    margin-top: 0px;
}

    #responsiblegaming .odds-of-winning-table tbody tr {
        border-bottom: solid 1px #0763b3;
    }

        #responsiblegaming .odds-of-winning-table tbody tr td {
            text-align: center;
            white-space: nowrap;
        }

.pcso-rdvideos {
    width: 100%;
    margin: auto;
}

    .pcso-rdvideos #video-list {
        display: flex;
        flex-direction: row;
    }

        .pcso-rdvideos #video-list > div:nth-child(1) {
            width: 100%;
            padding-right: 2.0px;
        }

        .pcso-rdvideos #video-list > div:nth-child(2) {
            width: 100%;
            padding-left: 2.0px;
        }

.pcso-rdvideos #video-list div a img {
    width: 100%;
    width: 100%;
    margin: auto;
}

.pcso-rdvideos #video-list div a {
    cursor: pointer;
    text-decoration: none;
    color: #0a406f;
}

.pcso-rdvideos #modals .modal-content .modal-footer {
    margin-top: 0;
    padding: 0 0 0 15px;
    border-top: none;
    text-align: left;
}

.pcso-rdvideos #modals .modal-content .modal-footer {
    margin-top: 0;
    padding: 0 0 0 15px;
    border-top: none;
    text-align: left;
}

.modal-footer-btnright {
    float: right !important;
}

.widget-content-full {
    padding: 10px 0px !important;
}

.pcso-rdvideosmain {
    width: 100%;
    margin: auto;
}

#video-listmain {
    display: flex;
    flex-direction: row;
}

#video-list > div {
    display: inline-block;
    margin: 10px 20px 10px 0;
    width: 100%;
    vertical-align: top;
    font-family: Calibri;
}

.pcso-rdvideosmain #video-listmain div a img {
    width: 100%;
    width: 100%;
    margin: auto;
}

.pcso-rdvideosmain #video-listmain div a {
    cursor: pointer;
    text-decoration: none;
    color: #0a406f;
}

.pcso-rdvideosmain #modalsmain .modal-content .modal-footer {
    margin-top: 0;
    padding: 0 0 0 15px;
    border-top: none;
    text-align: left;
}

.pcso-rdvideosmain #modalsmain .modal-content .modal-footer {
    margin-top: 0;
    padding: 0 0 0 15px;
    border-top: none;
    text-align: left;
}

.modal-footer-btnright {
    float: right !important;
}

@media (max-width: 767px) {
    #video-listmain {
        flex-direction: column;
    }
}

/*#endregion */

/*#region Message*/
#message {
    overflow: hidden;
    /*border-top: solid 2px;
    padding-top: 8px;
    padding: 8px;
    align-items: center;
    align-content: center;
    text-align: center;
    align-self: center;
    font-weight: bold;
    font-family: 'Franklin Gothic';
    font-size: 11px;*/
    display: inline-flex;
}

    #message > div {
        padding: 0px;
        margin: 5px !important;
    }

    #message .officer1 {
        float: left;
        /*margin: 6px;*/
        text-align: center;
        vertical-align: top;
    }

        #message .officer1 img {
            width: 150px;
            margin-bottom: 5px;
        }

    #message .officer2 {
        float: left;
        /*margin: 6px 6px 6px 6px;*/
        text-align: center;
        vertical-align: bottom;
    }

        #message .officer2 img {
            /*width: 120px;*/ /*120px;*/
            margin: 23px auto 5px auto;
        }

#pres-img1 {
    display: none;
}

#pres-img2 {
    display: unset;
}
/*#endregion Message*/

/*#region Section 2*/

#section2 {
    display: inline-flex !important;
}

    #section2 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        float: left;
        padding: 0 8px 20px 8px;
    }

    #section2 > div {
        min-height: 280px;
        margin: 5px !important;
        padding: 0px;
    }

        #section2 > div:first-child {
            /*width: 450px;*/
            margin-left: 8px;
        }

        #section2 > div:nth-child(n+2) {
            /*width: 205px;*/
        }

        #section2 > div:nth-child(n+3) {
            /*width: 265px;*/
        }

        #section2 > div:last-child {
            /*width: 205px;*/
            margin-right: 8px;
        }
/*#endregion*/

/*#region Infographics*/
.jackpotwinner {
    padding: 8px;
}

    .jackpotwinner .carousel-inner .item img {
        width: 100%;
        height: 208px;
    }

    .jackpotwinner .carousel-indicators {
        bottom: -10px !important;
    }

/*.carousel {
    width: 100%;
    margin: 0 auto;
}
*/
/*#endregion Infographics*/

/*#region Advisory*/
/*.advisory {
    padding: 8px;
}

    .advisory .carousel-inner .item img {
        width: 100%;
        height: 235px;
    }

    .advisory .carousel-indicators {
        bottom: -10px !important;
    }

    .advisory > div {
        margin-bottom: 20px;
    }
*/
/*#endregion Advisory*/

/*#region Draw Schedule */
.lotto-draw-sched {
    overflow: hidden;
    margin: 0 auto;
    align-content: center;
}

    .lotto-draw-sched h4 {
        text-align: center;
    }

    .lotto-draw-sched .draw-day {
        float: left;
        min-width: 14.25%;
        display: inline-block;
        margin: 0 auto;
        padding: 0;
    }

        .lotto-draw-sched .draw-day h3 {
            text-align: center;
            padding: 10px;
            color: #FFF;
            background-color: #333;
            font-size: 14px;
            font-weight: bold;
            font-family: Corbel;
        }

        .lotto-draw-sched .draw-day img {
            width: 70px;
            margin: 15px;
            display: block;
        }

#horse-race-sched h4 {
    text-align: center;
}

/*#endregion Draw Schedule */

/*#region From Wordpress*/
.transparency, .other-links, .ambulance, .pcsovideos {
    margin: 0 1rem 0 1rem;
}

.draw-update {
    margin: 0 .5rem 0 .5rem;
}

.transparency {
    text-align: center;
    font-size: 14px;
}

.entry-date {
    display: none;
}
/*#endregion From Wordpress*/

/*#region Lotto Agent Application*/
.laa-title {
    width: 500px;
}

.laa {
    text-align: center;
    margin-top: 50px;
}

    .laa img {
        padding-bottom: 8px;
    }

    .laa .laa-image1, .laa .laa-image4 {
        width: 250px;
        margin-bottom: 30px;
    }

        .laa .laa-image1:hover {
            cursor: pointer;
        }

    .laa .laa-image2 {
        width: 180px;
    }

        .laa .laa-image2:hover {
            cursor: pointer;
        }

    .laa .laa-image3 {
        width: 250px;
    }

.modal-laa .modal-header {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #050883;
    color: #efc80d !important;
}

    .modal-laa .modal-header .close {
        color: #FFF !important;
    }

.modal-laa li {
    font-family: Calibri;
    font-size: medium;
    margin-bottom: 5px;
}
/*#endregion Lotto Agent Application*/

/*#region Draw Widget*/
.draw-update {
    font-family: Consolas;
}

    .draw-update .draw-image img {
        width: 100px;
        margin: 5px;
    }

    .draw-update .draw-image {
        float: left;
    }

    .draw-update .draw-details {
        display: inline;
        text-align: center;
        font-size: 14px;
    }

        .draw-update .draw-details .draw-numbers {
            padding-top: 5px;
            color: #00F;
        }

        .draw-update .draw-details .draw-prize {
            color: #F00;
        }

        .draw-update .draw-details .draw-datewinners {
            font-weight: bold;
            color: #000;
        }
/*#endregion Draw Widget*/

/*#region Transparency Page*/
.panel-group-collapse {
    margin: 20px 0 100px 0 !important;
}

    .panel-group-collapse .panel-group {
        margin: 0 0 0 10px !important;
        border-left: solid 4px #AAA;
        border-radius: 4px 0 0 4px !important;
        border-bottom: solid 1px #DDD !important;
    }

    .panel-group-collapse .panel-heading {
        text-decoration: none !important;
        background-color: #EfEfEf !important;
        border-bottom: solid 2px #DDD !important;
        cursor: pointer;
        color: #2868a5;
    }

        .panel-group-collapse .panel-heading:hover {
            background-color: #fcf1c7 !important;
        }

        .panel-group-collapse .panel-heading .panel-title {
            text-decoration: none !important;
            font-size: small;
        }

            .panel-group-collapse .panel-heading .panel-title span {
                display: inline-block;
                width: 34px !important;
                text-align: right !important;
                margin-right: 8px;
            }

            .panel-group-collapse .panel-heading .panel-title a {
                font-weight: normal;
                text-decoration: underline !important;
            }

                .panel-group-collapse .panel-heading .panel-title a:hover {
                    font-weight: bold;
                    text-decoration: underline;
                }

    .panel-group-collapse .panel-body {
        /*line-height: 12pt;*/
        padding: 5px 10px 5px 40px !important;
    }

    .panel-group-collapse a {
        color: #00a;
    }

        .panel-group-collapse a:hover {
            text-decoration: underline;
        }

    .panel-group-collapse ul, .panel-group-collapse ol {
    }

    .panel-group-collapse li {
        margin: 10px 0 10px 0;
    }

    .panel-group-collapse blockquote {
        border: none;
        font-size: small;
        /*font-weight: bold;*/
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }

    .panel-group-collapse .div-mh-5 {
        max-height: 520px;
        overflow-y: auto;
    }
/*#endregion Transparency Page*/

/*#region CGS Page*/
#scorecard {
}

    #scorecard .panel-heading .panel-title {
        font-size: medium !important;
    }

        #scorecard .panel-heading .panel-title span {
            width: 12px !important;
        }

.check-icon {
    font-size: large;
}
/*#endregion CGS Page*/

/*#region Newsletter*/
.newsletters {
    display: block !important;
    overflow: hidden !important;
}

    .newsletters h4 {
        display: block !important;
        width: 100%;
        color: #FFF;
        background-color: #000;
        padding: 5px 10px;
    }

.newsletterthumbbox {
    /*border: solid 1px #000;*/
    padding: 10px;
    text-align: center;
    overflow: hidden;
    float: left;
    display: inline;
    margin-right: 20px;
}

    .newsletterthumbbox img {
        width: 115px;
        height: 178px;
        box-shadow: 1px 1px 4px #000;
    }

.newsletterthumbcaption {
    font-family: Calibri;
    font-size: 14px;
    margin-top: 8px;
}
/*#endregion Newsletter*/

/*#region Organizational Chart*/
.organization .row {
    text-align: center !important;
    width: 100%;
}

    .organization .row .off-item,
    .organization .row .off-item1 {
        text-align: center;
        vertical-align: top;
        padding: 0;
        width: 250px;
        max-width: 250px;
    }

    .organization .row .off-item {
        display: inline-block;
        margin: 20px;
    }

    .organization .row .off-item1 {
        padding: 5px 10px;
        display: table-cell;
    }


.off-div {
    text-align: center;
    margin: 0 auto 0 auto;
    width: 100%;
}

.img-officers {
    box-shadow: 4px 4px 5px 1px rgba(0,0,0,0.5);
    border-radius: 12px 12px 12px 12px;
    width: 90%;
    margin-bottom: 10px;
}

.off-name strong {
    display: block;
}

/*#endregion Organizational Chart*/

/*#region Public Advisory*/
/*.pls-link {
    padding: 8px;
    background-color: #03c75b;
    text-align: center;
}

    .pls-link .live {
        padding: 3px 4px;
        background-color: #ff0000;
        color: #fff;
        font-weight: bold;
        border-radius: 5px;
    }

    .pls-link a {
        text-decoration: none;
        font-weight: bold;
        text-shadow: 1px 1px 1px #000;
    }*/
/*#endregion Public Advisory*/

.alignleft {
    float: left;
    margin: 10px 10px 10px 0;
}

.alignright {
    float: right;
    margin: 10px 0 10px 10px;
}

.aligned-justify p {
    text-align: justify !important;
}

.container-default {
    clear: right;
    background-color: #FFF !important;
}

    .container h1, .container-default h1 {
        font-weight: bold;
    }

.def-page-padding {
    padding: 10px 50px;
}

.iframe-default {
    width: 100%;
    min-height: 60em;
    margin: 0 auto;
    border: none;
}

.iframe-glv {
    width: 95%;
    min-height: 300px;
    margin: 0 auto;
}

/*#region Default page*/

.default-page-content-row2 > div {
    padding: 5px;
}

    .default-page-content-row2 > div:first-child {
        padding-left: 15px;
    }

    .default-page-content-row2 > div:last-child {
        padding-right: 15px;
    }

.default-page-mid-row1 {
    display: block;
    max-height: 300px !important;
}

    .default-page-mid-row1 > div {
        padding: 0 5px !important;
    }

        .default-page-mid-row1 > div:first-child {
            padding-left: 15px !important;
        }

        .default-page-mid-row1 > div:last-child {
            padding-right: 15px !important;
        }

.default-page-mid-row2 {
    display: block;
    max-height: 300px !important;
}

    .default-page-mid-row2 > div {
        padding: 0 !important;
    }
/*#endregion*/

.minimum-height {
    min-height: 300px;
}

.fbkey {
    min-height: 200px;
    width: 100%;
    text-align: center;
}

.fbkey-control {
    padding: 3px 10px;
    margin: 0 auto 10px auto;
    display: block;
    width: 90%;
}

.tagline {
    display: block;
    width: 100%;
    font-family: 'Brush Script Std', 'Segoe Script';
    font-size: large;
    font-style: italic;
    font-weight: bolder;
    text-align: center;
    margin: 100px auto;
}

.pcsovideos {
    width: 100%;
    text-align: center;
}

    .pcsovideos a {
        color: #555;
        font-size: 12px;
    }

        .pcsovideos a:hover {
            color: #55F;
        }

/*#region IPP Videos*/
#ippvideo {
    margin: 10px 20px 20px 20px;
    border-top: solid 2px #000;
    border-bottom: solid 2px #000;
    overflow: auto;
    white-space: nowrap;
}

    #ippvideo .btn {
        padding: 3px 6px !important;
    }

    #ippvideo .video-item {
        display: inline-block;
        margin: 20px 10px;
        width: 210px;
        font-family: Calibri;
    }

        #ippvideo .video-item .video-title {
            margin-bottom: 2px !important;
            margin-top: 2px !important;
            padding: 0 !important;
            white-space: normal;
        }

        #ippvideo .video-item img {
            width: 100%;
        }
/*#endregion*/

h3.assistive-text {
    display: none;
}

#topTitle {
    /*width:280px;*/
    overflow: hidden;
    font: 18px 'Orator Std';
    text-align: left;
}

#bottomTitle {
    /*width:530px;*/
    overflow: hidden;
    margin: 0px 20px auto 0px;
    /*font:bold 30px 'Trajan Pro';*/
    font-style: normal;
    font: bold 38px 'Goudy Old Style';
    /* font-stretch: extra-condensed;*/
    border-top: 2px solid #0b8cd1;
    width: initial;
    padding-top: 12px;
    color: #114980;
    display: inline-block;
    text-align: left;
}

.mastheader {
    padding: 2px;
    background-color: #a7d3f2;
    width: 100%;
}

.mclo1 {
    text-align: right;
    background-color: #444;
}

.mclo2 {
    width: 200px;
    text-align: left;
}

.mclo3 {
    text-align: left;
}

.headimg1 {
    width: 120px;
    margin: 10px 30px 10px 30px;
}

.headimg2 {
    width: 100px;
    margin: 10px 5px 10px 5px;
}

/* topbar icon */
ul.title-area {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li.name1 {
    display: inline;
    overflow: hidden;
    float: left;
    margin-right: 20px;
}

/*
.entry-title {
position:absolute;
top:-9999px;
left:-9999px;
}
*/

.nowrap {
    white-space: nowrap;
}


.table-raw {
    width: 100%;
}

    .table-raw tr {
        background-color: inherit !important;
    }

        .table-raw tr td:nth-child(2) {
            text-align: right;
        }

.tbl-race td:nth-child(6n+1) {
    white-space: nowrap;
}

/* directories */
.tbl-directory {
    font-family: Calibri;
}

    .tbl-directory table {
        border-spacing: 0;
        width: 100% !important;
        border-bottom: solid 1px #C93;
    }

        .tbl-directory table td {
            padding: 8px;
            vertical-align: top;
        }

        .tbl-directory table tr:nth-child(even) {
            background-color: #fcf1c7;
        }

.subheader1 {
    background-color: #C93;
    font-weight: bold;
}

.tbl-directory table thead td, .tbl-directory table thead th {
    text-align: center;
    color: #FFF;
    background-color: #333;
    font-weight: bold;
    padding: 8px;
}

.tbl-directory table tr:hover {
    background-color: #9CF;
}


/*#region bidding */
.bidding {
    width: 90%;
    padding: 0;
    margin: 0;
}

    .bidding, .bidding a {
        font-family: Corbel;
        font-size: 16px;
        text-decoration: none;
    }

        .bidding .bid-post-date {
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #090;
            font-weight: normal;
            padding: 0;
            margin: 0 0 10px 0;
        }

        .bidding .file-icon {
            padding: 0;
            width: 16px;
            margin: 0;
            display: none;
        }

        .bidding .bid1, .bidding .bid2 {
            list-style-image: url(../wp-content/uploads/2015/05/icon-pdf.html);
        }

        .bidding .bid1 {
            font-weight: bold;
        }

        .bidding .bid2 {
            margin-left: 10px;
            font-weight: normal;
        }

/*#biddingpage {
    font-family: Calibri;
    font-size: 16px;
    color: #555;
    margin: 0 10px 0 30px;
}

    #biddingpage a {
        color: #00F;
        text-decoration: none;
    }

        #biddingpage a:hover {
            color: #008;
            font-weight: bold;
        }

    #biddingpage li {*/
/*list-style-type: none;*/
/*margin: 5px auto;
    }

        #biddingpage li:hover {
            list-style-type: disc;
            margin: 5px auto;
        }*/

/*#biddingpage .bid_category:hover {
        list-style-type: none;
        margin: 0;
    }

    #biddingpage .bid_category {
        margin: 10px auto 10px auto;
        list-style-type: none;
        border: solid 1px #122f5e;
        margin: 0;
        padding-bottom: 15px;
    }*/

/*#biddingpage .bid_category div {*/
/*#biddingpage .bid-header {
        color: #FFF;
        font-weight: bold;
        font-size: 18px;
        background-color: #122f5e;
        padding: 5px 20px;
        margin-top: 30px;
        margin-bottom: 10px;
    }*/
/*#endregion*/

/*#region lotto result search */
.sidebar-searchlottoresult {
    padding-left: 20px;
}

    .sidebar-searchlottoresult ul {
        padding-left: 20px;
    }


.drawlogo {
    width: 70px;
    margin: 15px 20px 15px 20px;
}

.drawtable, .drawtable td {
    padding: 30px;
}

.affiliations img {
    width: 70px;
    margin: 0 10px 0 10px;
}
/*#endregion*/

/*#region jackpot banner */

#wrapjackpot {
    margin-bottom: 20px;
}

    #wrapjackpot img.jackpotfade {
    }

    #warpjackpot, #wrapjackpot img.jackpotfadefade {
        width: 100%;
    }
/*
#wrapjackpot {
	position:fixed;
	z-index:-1;
	top:0;
	left:0;
	background-color:black;
}
#wrapjackpot img.jackpotfade {
	position:absolute;
	top:0;
	display:none;
	width:100%;
	height:100%;
	z-index:-1;
}
*/
/*#endregion*/

/*Advance Menu*/
.adv-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 90%;
    background-color: #f1f1f1;
}

.adv-menu li a {
    display: block;
    color: #555;
    padding: 5px 0 5px 16px;
    text-decoration: none;
}

    /* Change the link color on hover */
    .adv-menu li a:hover {
        background-color: #555;
        color: white;
    }

/*#region scorecard*/
#scorecard {
    font-family: Calibri;
}

    #scorecard .subtitle1 {
        text-align: center;
        width: 100%;
        margin: 0 auto 2px auto;
        font-weight: bold;
        font-size: larger;
    }

    #scorecard .subtitle2 {
        text-align: center;
        width: 100%;
        margin: 2px auto 0 auto;
        font-weight: bold;
        font-size: large;
    }

    #scorecard .sc_cat {
        background-color: #09C;
        color: #fff;
        padding: 5px;
        margin-top: 10px;
        cursor: pointer;
        font-weight: bold;
        font-family: "Trebuchet MS", Arial;
    }

    #scorecard .sc_cat_content {
        margin-bottom: 20px;
        margin-left: 30px;
    }

    #scorecard table {
        width: 98%;
        border-spacing: 0px;
        margin-top: 5px;
    }

        #scorecard table td {
            padding: 3px;
            vertical-align: top;
        }

            #scorecard table td:nth-child(1) {
                width: 55%;
            }

            #scorecard table td:nth-child(2) {
                width: 5%;
                text-align: center;
            }

            #scorecard table td:nth-child(3) {
                width: 5%;
                text-align: center;
            }

            #scorecard table td:nth-child(4) {
                width: 35%;
            }

        #scorecard table tr:nth-child(1) {
            font-weight: bold;
            background-color: #FF9;
            text-align: center;
        }

    #scorecard .indent_0 {
        padding-left: 2px;
    }

    #scorecard .indent_1 {
        padding-left: 32px;
    }

    #scorecard .indent_2 {
        padding-left: 42px;
    }

    #scorecard ol {
        padding-left: 20px;
        margin: 0 0 8px 0;
    }

        #scorecard ol li, #scorecard ul li {
            padding-left: 5px;
            padding-top: 0;
            list-style-position: outside;
        }

    #scorecard table a {
        text-decoration: none;
        color: #039;
    }

    #scorecard a:hover {
        text-decoration: none;
        color: #F60;
    }

    #scorecard .divider {
        height: .021em;
        border-top: solid .01em #999;
    }

    #scorecard tr.with_hover:hover {
        background-color: #FEC;
    }

    #scorecard img.checked {
        width: 20px;
        content: url('../pcsofiles/images/check.png');
        height: 20px;
    }
/*#endregion*/

#NationalDraw {
    position: relative;
    text-align: center;
}

    #NationalDraw .TodayDraws {
        margin: 0 auto 10px auto;
        text-align: center;
        font-family: calibri;
        font-size: medium;
        font-weight: normal;
    }

    #NationalDraw .todaysdrawimg {
        /*width: 72px !important;
        margin: 16px 10px;*/
    }

    #NationalDraw .livestreamingimg {
        width: 200px;
        height: 28px;
        margin-bottom: 5px;
    }

    #NationalDraw .drawsched {
        /*position: absolute;
        bottom: 0;*/
        width: -webkit-fill-available;
    }

    #NationalDraw #gameslogo {
        display: flex !important;
        justify-content: center;
        margin: 10px auto 0 auto;
        /*width: 100%;*/
        padding: 0;
        max-height: 63px;
    }

        #NationalDraw #gameslogo img {
            width: 100%;
            height: 100%;
            margin-top: auto;
            display: flex;
        }

        #NationalDraw #gameslogo .col-md-6,
        #NationalDraw #gameslogo .col-md-4 {
            padding: 5px !important;
            margin: 5px !important;
            justify-items: center;
        }

.content-links {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

/*#region Sidebar*/

.sidebar-right {
    margin: 0 0 25px 0;
    padding: 0;
}

    .sidebar-right .widget {
        margin-bottom: 25px;
    }

        .sidebar-right .widget:last-child {
            margin-bottom: 0;
        }

        .sidebar-right .widget .widget-title {
            border: solid 1px #000;
        }

        .sidebar-right .widget .widget-content {
            margin: 0 10px 10px 10px;
            box-shadow: 0px 0px 5px;
        }




.sidebar {
    padding: 0 15px 0 0;
}

    .sidebar .sidebar-title {
        margin: 0;
        padding: 8px;
        background-color: #222;
        color: #FFF;
        font-weight: bold;
        border: solid 1px #000;
        text-transform: uppercase;
    }

    .sidebar .sidebar-content {
        padding: 10px !important;
    }

    .sidebar > .sidebar-content > .item {
        margin-bottom: 10px;
    }

        .sidebar > .sidebar-content > .item:last-child {
            margin-bottom: 0px;
        }

        .sidebar > .sidebar-content > .item > a > img,
        .sidebar > .sidebar-content > .item > img {
            width: 100%;
            height: auto;
        }


.sidebar_menulinks {
    text-align: center;
    font-weight: bold;
    font-size: smaller;
    margin-bottom: 20px;
}

    .sidebar_menulinks a {
        text-decoration: none;
    }

        .sidebar_menulinks a:hover {
            text-decoration: none;
        }

    .sidebar_menulinks img {
        width: 90%;
    }

    .sidebar_menulinks small {
        display: block;
        color: #888;
        font-style: italic;
    }

    .sidebar_menulinks h4 {
        text-align: left;
    }

    .sidebar_menulinks ul {
        list-style: none;
        padding: 0 5px;
        margin: 0;
        margin-bottom: 20px;
    }

        .sidebar_menulinks ul li {
            background-color: transparent;
            padding: 6px 10px;
            margin: 5px 0;
            text-align: left;
            /*border-radius: 20px 0;
            border-left: groove 5px;*/
            border-bottom: groove 1px #73cef6;
        }

            .sidebar_menulinks ul li:hover {
                /*background: linear-gradient(272deg, #89bbd2, #cddee6, #b3daec);*/
                background: linear-gradient(272deg, #95d5f6, #fbfbfb, #95d5f6);
                background-size: 600% 600%;
                -webkit-animation: Links 3s ease infinite;
                -moz-animation: Links 3s ease infinite;
                -o-animation: Links 3s ease infinite;
                animation: Links 3s ease infinite;
                border-left: solid 3px #0897d7;
                padding-left: 17px;
            }


/*#region Sidebar Scrollbar*/
.scrollbar {
    max-height: 450px;
    width: 98%;
    background: #F5F5F5;
    overflow-y: scroll;
}

.force-overflow {
    max-height: 256px;
}

#style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #DDD;
}

    #style-1::-webkit-scrollbar-thumb:hover {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #888;
    }

#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
}

#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #000000;
}

#style-4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 2px solid #555555;
}
/*#endregion Sidebar Scrollbar*/

.video_sidebar {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.sidebar_events {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    border: solid 1px #AAA;
    padding: 0;
}

    .sidebar_events img {
        width: 100%;
        height: auto;
    }


#myCarouselAdvisoryAnnouncements .carousel-inner img,
#myCarouselAdvisoryPromotions .carousel-inner img {
    height: 250px;
}

#CarouselJackpotWinner .carousel-inner img {
    height: 220px !important;
}

#CarouselIPP .carousel-inner img {
    height: 299px !important;
    max-height: 299px;
}
/*#endregion Sidebar*/

/*#region Widget*/
.widget {
    width: 100%;
    height: auto;
    margin: 0 0 5px 0;
    padding: 0;
}

    .widget .widget-title {
        margin: 0;
        padding: 8px;
        background-color: #01215b;
        color: #FFF;
        font-weight: bold;
        border: solid 1px #01215b;
        /*border-radius: 0 30px 0 0;*/
        text-transform: uppercase;
    }

    .widget .widget-content {
        /*border: solid 1px #AAA;*/
        padding: 8px 8px !important;
        border-radius: 0 0 4px 4px;
    }

    .widget > .widget-content > .item {
        margin-bottom: 15px;
    }

        .widget > .widget-content > .item:last-child {
            margin-bottom: 0 !important;
        }

    .widget .widget-content img {
        width: 100%;
        max-height: 250px;
    }

    .widget > .widget-content .linklist > a {
        display: block;
        text-decoration: none;
        padding: 5px 10px;
        margin: 0;
        border-left: solid 3px rgba(0, 0, 0, 0);
        border-bottom: groove 1px #73cef6;
        background-color: transparent;
    }

        .widget > .widget-content .linklist > a:hover {
            background: linear-gradient(272deg, #95d5f6, #fbfbfb, #95d5f6);
            background-size: 600% 600%;
            -webkit-animation: Links 3s ease infinite;
            -moz-animation: Links 3s ease infinite;
            -o-animation: Links 3s ease infinite;
            animation: Links 3s ease infinite;
            border-left: solid 3px #0897d7;
        }

        .widget > .widget-content .linklist > a > small {
            display: block;
            font-size: x-small;
            font-style: italic;
            color: #333;
        }

.widget-no-title {
    margin: 0;
    padding: 0;
    border-top: solid 2px #222;
}

.widget > .widget-content #divVideos {
    min-height: 243px;
}


/*#endregion*/

/*#region Scrollbar Style*/
.scrollstyle::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.scrollstyle::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollstyle::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #DDD;
}

    .scrollstyle::-webkit-scrollbar-thumb:hover {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #888;
    }
/*#endregion Scrollbar Style*/

/*#region Horizontal Scrollbar MAP Reports*/
.scrollbar-h {
    width: 100%;
    overflow-x: auto;
}
/*#endregion Horizontal Scrollbar MAP Reports*/

/*#region Horizontal Scrollbar MAP Reports*/
.scrollbar-h-scrollimages {
    width: 100%;
    max-height: 320px;
    background: #F5F5F5;
    overflow-x: auto;
    text-align: center;
}

.scrollimages img {
    height: 250px;
    width: 190px;
    margin: 5px;
    display: block;
}

.scrollstyle::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.scrollstyle::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollstyle::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #DDD;
}

    .scrollstyle::-webkit-scrollbar-thumb:hover {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #888;
    }

/*#endregion Horizontal Scrollbar MAP Reports*/

/*#region Image Enlarge using lightbox */
/* Styles the thumbnail
a.lightbox img {
    height: 150px;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    margin: 94px 20px 20px 20px;
}*/

/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.lightbox-target {
    position: fixed;
    top: -100%;
    width: 100%;
    background: rgba(0,0,0,.7);
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
}

    /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
    .lightbox-target img {
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 0%;
        max-width: 0%;
        border: 3px solid white;
        box-shadow: 0px 0px 8px rgba(0,0,0,.3);
        box-sizing: border-box;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

/* Styles the close link, adds the slide down transition */
a.lightbox-close {
    display: block;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    background: #AAA;
    color: black;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

    /* Provides part of the "X" to eliminate an image from the close link */
    a.lightbox-close:before {
        content: "";
        display: block;
        height: 30px;
        width: 1px;
        background: black;
        position: absolute;
        left: 26px;
        top: 10px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /* Provides part of the "X" to eliminate an image from the close link */
    a.lightbox-close:after {
        content: "";
        display: block;
        height: 30px;
        width: 1px;
        background: black;
        position: absolute;
        left: 26px;
        top: 10px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
.lightbox-target:target {
    opacity: 1;
    top: 0;
    bottom: 0;
    z-index: 101;
}

    .lightbox-target:target img {
        max-height: 100%;
        max-width: 100%;
    }

    .lightbox-target:target a.lightbox-close {
        top: 0px;
    }
/*#endregion Image Enlarge using lightbox */

.asapdiv {
    overflow: hidden;
}

    .asapdiv .asaphospital {
        margin-bottom: 10px;
        overflow: hidden;
        margin-left: 30px;
        /*float: left;*/
        width: 100%;
        /*min-height: 60px;*/
        /*display: flex;*/
    }

        .asapdiv .asaphospital div {
            float: left;
            padding: 5px;
        }

        .asapdiv .asaphospital .asapdetails {
            /*width: 90%;*/
            /*height: inherit;*/
        }

            .asapdiv .asaphospital .asapdetails strong {
                font-size: 16px;
            }

            .asapdiv .asaphospital .asapdetails address {
                /*font-size: small;*/
                /*margin: 2px;*/
            }

        .asapdiv .asaphospital .asaplogo {
            /*width: 10%;*/
            /*height: inherit;*/
        }

            .asapdiv .asaphospital .asaplogo img {
                width: 64px;
            }

/*#region Contact Us*/
#tblContactUs {
    margin-bottom: 50px;
}

    #tblContactUs thead {
        background-color: #0c7dd1;
        color: #fff;
        font-weight: bold;
    }

        #tblContactUs thead tr th {
            text-align: center;
            padding: 8px 0 8px 0 !important;
        }

            #tblContactUs thead tr th:nth-child(1) {
                width: 40%;
            }

    #tblContactUs tbody tr {
        border-bottom: solid 1px #0c7dd1;
    }

        #tblContactUs tbody tr td {
            vertical-align: top;
            padding: 8px 10px;
        }

            #tblContactUs tbody tr td strong {
                display: block;
            }

/*#endregion Contact Us*/



@-webkit-keyframes Links {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@-moz-keyframes Links {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@-o-keyframes Links {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes Links {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.side-menu {
    list-style: none;
    clear: both;
    margin-left: 0;
    padding-left: 0;
    color: #333;
}

    .side-menu li {
        margin: 0;
        color: #333;
        padding: 4px 8px 4px 10px;
    }

        .side-menu li a {
            display: block !important;
            text-decoration: none;
            color: #08619c;
            padding: 4px 8px 4px 10px;
        }

            .side-menu li a:hover {
                color: #0897d7;
                background: linear-gradient(272deg, #95d5f6, #fbfbfb, #95d5f6);
                background-size: 600% 600%;
                -webkit-animation: Links 3s ease infinite;
                -moz-animation: Links 3s ease infinite;
                -o-animation: Links 3s ease infinite;
                animation: Links 3s ease infinite;
            }

            .side-menu li a::marker {
                font-weight: bold;
                background-color: aqua;
                color: red;
            }

.border-right {
    border-right: 1px ridge;
}

.border-left {
    border-left: 1px ridge;
}

article {
    padding: 10px;
}

#post-table {
    border: none;
    margin: 0;
    padding: 0;
}

    #post-table tr {
        background-color: transparent !important;
        padding: 5px;
    }

        #post-table tr td {
            padding: 5px;
            margin: 0;
            border: none;
        }

    #post-table .well {
        margin: 0;
    }

    #post-table thead {
        display: none;
    }

.post-content {
    width: 100%;
    border-top: groove 5px #aaa;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 5px;
    /*font-size: 11pt !important;*/
}

    .post-content img {
        max-width: 80%;
        margin-bottom: 30px;
    }

/*.post-content p, .post-content span {
        clear: both !important;
    }


    .post-content img {
        margin-bottom: 15px;
    }*/


.post-publish {
    font-family: Calibri;
    font-size: 13px;
    margin-bottom: 5px;
}

.testdiv {
    height: 100px;
    width: 650px;
    background-color: #0897d7;
}

.pesoamount::before {
    content: '\20B1';
}

.pcso-add-sun-plaza::after {
    content: " Sun Plaza Building, 1507 Shaw Boulevard corner Princeton Street, Mandaluyong City 1552";
}

.pcso-add-conservatory::after {
    content: " Conservatory Building, 605 Shaw Boulevard, Mandaluyong City 1552";
}

.pcso-add-shaw-plaza::after {
    content: " Shaw Plaza One Building, 561 Shaw Boulevard, Brgy. Wack Wack, Mandaluyong City 1552";
}

.pcso-add-san-marcelino::after {
    content: " Unit 109-110, Central Business Park, Amang Rodriguez Ave., Manggahan, Pasig City";
}

.pcso-add-pasig::after {
    content: " Unit 109-110, Central Business Park, Amang Rodriguez Ave., Manggahan, Pasig City";
}

.p-indent {
    display: inline-block;
    width: 20px;
}

/*#region Responsible Gaming*/
#responsiblegaming {
}

    #responsiblegaming h4 {
        display: table;
        position: relative;
    }

    #responsiblegaming p {
        text-align: justify;
    }

    #responsiblegaming .cert {
        float: left;
        margin: 0 25px 10px 0;
        width: 100px;
        box-shadow: #000 3px 3px 6px;
    }

    #responsiblegaming .card {
        margin-bottom: 5px;
    }

        #responsiblegaming .card .card-header {
            color: #007aa1;
            display: block;
            text-align: left;
            background: #fff4b9;
            color: #222;
            padding: 8px 10px;
            cursor: pointer;
            font-weight: bold;
        }

            #responsiblegaming .card .card-header:hover {
                background: #c3b35b;
            }

        /*#responsiblegaming .card .card-header::after {
                        content: '\f107';
                        font-family: 'Font Awesome\ 5 Free';
                        font-weight: 900;
                        float: right;
                    }

                    #responsiblegaming .card .card-header.collapsed::after {
                        content: '\f106';
                    }*/

        #responsiblegaming .card .card-body {
            padding: 20px 20px 40px 20px;
        }
/*#endregion*/

.lottogames {
    padding: 15px 5px 20px 5px;
}

.lottogameslogo {
    width: 150px;
}

.lottogames .container {
    width: 100% !important;
}

.lottogames table {
    margin: 30px 0;
}

.lottogames thead {
    background-color: #0763b3;
    color: #FFF;
}

.lottogames .table-style03 thead {
    background-color: #31708f;
    color: #FFF;
}

.lottogames th {
    text-align: center;
    padding: 5px 15px;
}

.lottogames .table-style05 td {
    padding: 2px 15px !important;
}

.lottogames .table-style05 {
    width: auto;
}

.table-style05 th {
    background-color: #2868a5;
}

.lottogames td {
    padding: 5px 15px;
    vertical-align: top;
}

.lottogames .table-style02 tbody tr,
.lottogames .table-style04 tbody tr,
.lottogames .table-style05 tbody tr {
    border-bottom: solid 1px #0763b3;
}

.lottogames .table-style05 tbody tr {
    border-bottom: solid 1px #2868a5;
}

.lottogames .table-style02 td:nth-child(2), .lottogames .table-style02 td:nth-child(3) {
    text-align: right;
}

.lottogames .table-style03 tbody tr {
    border-bottom: solid 1px #31708f;
}

.lottogames .table-style04 td:nth-child(2) {
    text-align: center;
}

.lottogames .table-style04 td:nth-child(3) {
    text-align: right;
}

.lottogames .table-style05 td:nth-child(1) {
    text-align: center;
}

.lottogames .table-style05 td:nth-child(2), .lottogames .table-style05 td:nth-child(3) {
    text-align: right;
}


.lottogames .pull-right {
    text-align: right;
    float: none !important;
}

.modal-footer-btnright {
    float: right !important;
}

.lottogames .table-system-play-prize-chart1, .lottogames .table-system-play-prize-chart2 {
    margin: 0 0 8px 0 !important;
    padding: 0;
    border-spacing: 0;
    text-align: center;
    width: 1020px;
}

    .lottogames .table-system-play-prize-chart1 tr, .lottogames .table-system-play-prize-chart2 tr, .lottogames .table-keno tr {
        margin: 0;
        padding: 0;
        border-spacing: 0;
        text-align: center;
    }

    .lottogames .table-system-play-prize-chart1 > thead > tr, .lottogames .table-system-play-prize-chart2 > thead > tr, .lottogames .table-keno > thead > tr {
        background-color: #0763b3;
        color: #FFF;
    }

        .lottogames .table-system-play-prize-chart1 > thead > tr > th, .lottogames .table-system-play-prize-chart2 > thead > tr > th, .lottogames .table-keno > thead > tr > th {
            margin: 0;
            padding: 2px 5px;
        }

    .lottogames .table-system-play-prize-chart1 > tbody > tr > td, .lottogames .table-system-play-prize-chart2 > tbody > tr > td, .lottogames .table-keno > tbody > tr > td {
        border-bottom: solid 1px #0763b3;
        padding: 2px 5px;
    }

    .lottogames .table-system-play-prize-chart1 > thead > tr > th:nth-child(1) {
        width: 310px;
    }

    .lottogames .table-system-play-prize-chart1 > thead > tr > th:nth-child(n+2) {
        width: 90px;
    }

    .lottogames .table-system-play-prize-chart2 > thead > tr > th:nth-child(1) {
        width: 110px;
    }

    .lottogames .table-system-play-prize-chart2 > thead > tr > th:nth-child(n+2) {
        width: 90px;
    }

    .lottogames .table-system-play-prize-chart2 > tbody > tr > td.nodata {
        background-color: #cee5fa;
    }

    .lottogames .table-system-play-prize-chart2 > tbody > tr.total > td {
        background-color: #7fc3ff;
        text-align: right;
        font-weight: bold;
    }

.lottogames .table-keno {
    margin: 0 0 8px 0 !important;
    padding: 0;
    border-spacing: 0;
    text-align: center;
    width: 100%;
}

    .lottogames .table-keno > tbody > tr > td:nth-child(1) {
        width: 20%;
    }

    .lottogames .table-keno > tbody > tr > td:nth-child(2) {
        text-align: right;
    }

.image-left {
    float: left;
    padding-right: 20px;
}

.content-padding {
    padding-right: 40px !important;
}

    .content-padding h1 {
        padding-top: 0 !important;
        padding-bottom: 20px !important;
    }

    .content-padding h4 {
        padding-top: 20px !important;
    }

.scratch-it-logo {
    content: url("../pcsofiles/Games/ScratchIt/ScratchIt_logo_small.png");
    width: 60px;
    height: 40px;
}

.scratch-it {
    overflow: hidden;
}

    .scratch-it div {
        float: left !important;
        padding: 15px;
    }

        .scratch-it div:nth-child(2) {
            max-width: 550px;
        }

    .scratch-it td {
        /*float: left !important;*/
        padding: 15px;
        vertical-align: top;
    }

    .scratch-it dd {
        margin-bottom: 10px;
    }

.div-gad {
    margin-top: 30px;
}

    .div-gad li {
        margin-bottom: 5px;
    }

/*#region Downloads*/
.download-docs {
    min-height: 400px;
    margin-top: 40px;
}

    .download-docs .nav-tabs {
        border: none;
        margin-bottom: 20px;
    }

        .download-docs .nav-tabs > li > a {
            border: solid 1px #337ab7 !important;
            background: none;
            color: #00407e;
        }

        .download-docs .nav-tabs > li.active > a, .download-docs .nav-tabs > li.active > a:focus, .download-docs .nav-tabs > li.active > a:hover {
            background-color: #337ab7 !important;
            color: #FFF;
        }

    .download-docs .tab-pane li {
        list-style: none;
        padding: 5px 0;
    }

        .download-docs .tab-pane li > a {
            text-decoration: none;
        }

            .download-docs .tab-pane li > a:focus {
                font-weight: bold;
            }

            .download-docs .tab-pane li > a > i {
                margin-right: 10px;
            }
/*#endregion Downloads*/

#Activities ol li {
    margin-bottom: 8px;
    padding-left: 10px;
}

.error404 {
    margin-top: 40px;
    margin-bottom: 220px;
}

    .error404 > div {
        padding: 20px;
        display: inline-block;
        vertical-align: middle;
        box-shadow: 2px 2px 2px;
    }

    .error404 div:nth-child(1) {
        font-size: 20px;
        text-align: center;
        font-weight: bolder;
        background-color: #eee;
        color: #888;
        border-radius: 15px;
    }

        .error404 div:nth-child(1) > div {
            font-size: 30px;
        }

    .error404 div:nth-child(2) {
        font-size: 20px;
        width: 650px;
        box-shadow: none;
        color: #31708f;
        font-weight: bold;
    }

.divLenten {
    max-width: 80%;
    margin: 5px auto;
    background-color: #793a3a;
    border-radius: 5px;
    padding: 5px 10px;
}

    .divLenten a {
        text-decoration: none;
        color: #FFF !important;
    }

        .divLenten a:hover {
            text-decoration: none;
            color: #C93;
        }

.pcso-videos {
    margin-bottom: 50px;
}

    .pcso-videos #video-list {
        overflow: auto;
        max-height: 65vh;
    }

        .pcso-videos #video-list div {
            display: inline-block;
            margin: 10px 20px 10px 0;
            max-width: 195px;
            vertical-align: top;
            font-family: Calibri;
        }

            .pcso-videos #video-list div a {
                cursor: pointer;
                text-decoration: none;
                color: #0a406f;
            }

                .pcso-videos #video-list div a h5 {
                    margin-bottom: 0;
                }

                .pcso-videos #video-list div a img {
                    width: 200px;
                    height: 130px;
                }

    .pcso-videos #modals .modal {
        padding: 8px;
    }

    .pcso-videos #modals .modal-content {
        background-color: #222 !important;
        color: #d0cbcb !important;
    }

        .pcso-videos #modals .modal-content .video-sidebar {
            margin: 0;
        }

        .pcso-videos #modals .modal-content .modal-footer {
            margin-top: 0;
            padding: 0 0 0 15px;
            border-top: none;
            text-align: left;
        }

            .pcso-videos #modals .modal-content .modal-footer button {
                color: #555;
                background-color: transparent !important;
            }


.div-float-right > div {
    float: right !important;
}

.search-lotto-result-table {
    border: none;
    font-family: Calibri;
    font-size: 16px;
}

table.search-lotto-result-table th {
    background-color: #000;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    border: none;
}

table.search-lotto-result-table td {
    padding: 3px 5px;
    border: none;
}

table.search-lotto-result-table tr {
    background-color: #FFF;
}

    table.search-lotto-result-table tr:hover {
        background-color: #2868a5 !important;
        color: #FFF;
    }

    table.search-lotto-result-table tr:nth-child(2n+1) {
        background-color: #fcf1c7;
    }

@media (max-width: 767px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        display: inline-block !important;
        width: 100% !important;
        /*text-align: center;
        float: none !important;*/
    }

    .modalpopup {
        width: 80%;
    }

    .widget {
        display: block !important;
        width: 95% !important;
        margin: auto;
    }

        .widget .widget-content {
            width: 90% !important;
            justify-self: center;
        }

    .default-page-content-row {
        padding: 0 !important;
    }

    .default-page-content-row2 {
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex;
    }

        .default-page-content-row2 .widget {
            padding: 0 !important;
            margin: 0 !important;
        }

            .default-page-content-row2 .widget .item {
                margin-bottom: 0 !important;
            }

    .box {
        width: 100%;
        padding: 0 10px !important;
        margin-top: 20px;
    }

    .fa-logo {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .footer-agency {
        display: grid !important;
        justify-items: center;
    }

        .footer-agency .fa-logo #pcso_iso {
            width: 80%;
        }

    header #header-col1, header #header-col2, header #header-col3 {
        text-align: center;
        display: inline-block;
        width: 100%;
    }

    .def-page-padding {
        width: 100%;
        padding: 5px 10px;
    }

    #message {
        padding-left: unset;
        display: grid !important;
        justify-items: center;
    }

        #message .officer1 {
            width: 50%;
            margin: 6px;
            text-align: center;
        }

            #message .officer1 img {
                width: 180px;
            }

        #message .officer2 {
            width: 50% !important;
            margin: 6px;
            text-align: center;
        }

    #pres-img1 {
        display: block;
    }

    #pres-img2 {
        display: none !important;
    }

    .carousel,
    .carousel img {
        width: 100% !important;
        height: 300px !important;
    }

    .advisory .carousel-inner .item img,
    .infographics-jackpot .infographics .carousel-inner .item img,
    .infographics .carousel-inner .item img {
        height: auto !important;
        max-height: 235px !important;
    }

    #post-table {
        text-align: center;
    }

        #post-table .well {
            margin: 0;
            width: 100% !important;
        }

        #post-table tr td {
            text-align: center;
        }

        #post-table .media {
            width: 100% !important;
        }

        #post-table .pull-left, #post-table .media-body {
            float: none !important;
            display: inline-block !important;
            width: 100% !important;
        }

    .asapdiv .asaphospital {
        float: none;
        width: inherit;
        margin-left: 0;
    }

        .asapdiv .asaphospital div {
            float: none;
            width: inherit;
        }

    /* Force table to not be like tables anymore */
    #bids-table table,
    #bids-table thead,
    #bids-table tbody,
    #bids-table th,
    #bids-table td,
    #bids-table tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #bids-table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #bids-table tr {
        border: 1px solid #ccc;
    }

    #bids-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        #bids-table td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
	Label the data
	*/
        #bids-table td:before {
            content: attr(data-title);
        }

    .video-sidebar {
        width: 95%;
    }

    .navbar-default .navbar-brand {
        height: 30px;
        margin: 10px 0 0 25px;
        padding: 0;
    }

    .navbar-default .navbar-toggle {
        margin-right: 25px;
    }

    .laa-title {
        width: 100%;
    }

    .laa {
        text-align: center;
        margin-top: 50px;
    }

    .modal-laa {
        width: 96%;
        text-align: left;
    }

    .laa img {
        padding-bottom: 8px;
    }

    .laa .laa-image1, .laa .laa-image4 {
        width: 230px;
        margin-bottom: 30px;
    }

        .laa .laa-image1:hover {
            cursor: pointer;
        }

    .laa .laa-image2 {
        width: 160px;
    }

        .laa .laa-image2:hover {
            cursor: pointer;
        }

    .laa .laa-image3 {
        width: 250px;
    }

    .organization .row .off-item1 {
        padding: 5px 10px;
        display: inline-block;
        width: 200px;
    }

    .default-page-content-row2 > div:nth-child(1),
    .default-page-content-row2 > div:nth-child(4) {
        padding-right: 0px;
    }

    /*#region CGS Page*/
    #scorecard {
        width: 98%;
        margin: 20px 0 100px 0 !important;
        padding: 0;
        text-align: left;
    }

        #scorecard .panel-body {
            line-height: 12pt;
            padding: 5px 5px 5px 40px !important;
            overflow-x: scroll;
        }

    #onSubtitle {
        width: 100%;
    }
    /*#endregion CGS Page*/

    .search-lotto-result-div {
        width: 100%;
        overflow-y: auto;
    }

    .search-lotto-result-table tr td:nth-child(1) {
        text-align: left;
    }

    #section2 {
        display: block !important;
    }

        #section2 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        }

    /* #section2 > div {
            margin: 5px;
            display: flex !important;
            width: 95% !important;
        }*/

    .pcso-videos {
        display: block;
        width: 100%;
        text-align: center;
    }

        .pcso-videos #video-list div {
            display: inline-block;
            margin: 10px;
            width: 90%;
            vertical-align: top;
            font-family: Calibri;
            text-align: center;
        }
}

.widget-content-width {
    width: -webkit-fill-available !important;
}

.widget-content-rg {
    align-items: center;
    justify-content: center;
    justify-items: anchor-center;
}

.widget-item-rg {
    width: 100% !important;
}

.widget-item-rgreport {
    width: 100% !important;
    text-align: -webkit-center;
}

.widget-title-rg {
    text-align: center;
}

.container-title {
    margin: 0;
    padding: 8px;
    background-color: #01215b;
    color: #FFF;
    font-weight: bold;
    border: solid 1px #01215b;
    /* border-radius: 0 30px 0 0; */
    text-transform: uppercase;
}

.container-item-rg-title {
    min-width: -webkit-fill-available;
    ;
    width: -webkit-fill-available;
    ;
    background-color: #fff4b9;
    text-align: center;
    font-size: medium;
    font-weight: 700;
    padding-top: 5px;
    color: whitesmoke;
}

.widget-item-rgodds-title {
    min-width: -webkit-fill-available;
    ;
    width: -webkit-fill-available;
    ;
    background-color: #fff4b9;
    text-align: center;
    font-size: medium;
    font-weight: 700;
    padding-top: 5px;
    color: black;
}

.carousel-indicators-rgodds {
    margin-bottom: -20px;
}

.rgwidgetwidth {
    width: 100% !important;
}

.collapse-show {
    display: block;
}
