@import url("jquery.fileupload.css");
/*
 * Ajax Multiple Image Uploader
 * https://github.com/tharindulucky/ajax-multi-image-uploader
 *
 * Copyright 2018, Tharindu Lakshitha
 * https://coderaweso.me
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */



@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;

}

.tt-hint {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #999;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;

}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #428bca;
}

.tt-suggestion.tt-is-under-cursor a {
    color: #fff;
}

.tt-suggestion p {
    margin: 0;
}

.twitter-typeahead {
    display: inline !important;
}

.tt-suggestion.tt-is-under-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: #0097cf;

}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu { /* used to be tt-dropdown-menu in older versions */
    width: 422px;
    margin-top: 4px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor, .tt-suggestion:hover {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

.modal-dialog {
    left: 0 !important;
}

#background {
    background-color: #e7edee;
    /*padding-right: 300px;*/
    /*padding-left: 300px;*/
}

@media only screen and (min-width: 768px) {
    #container {
        background-color: #ffffff;
        border-radius: 5px;
        padding: 10px;
        padding-top: 20px;
        width: 60%;
    }

    .panelDashboardLogin{
        min-height: 500px;
        /*background-color: red;*/
    }
}

#container {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px;
    padding-top: 20px;
}

.header {
    box-shadow: 1px 1px 1px 1px #888888;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px;
}

#body {
    margin-top: 10px;
}

.item {
    width: 100%;
    height: 120px;
    background-color: #ffffff;
    margin-bottom: 15px;
    /*border: 1px solid deepskyblue;*/
    box-shadow: 0 0 1px 1px #d6d3d3;
    padding: 5px;
    border-radius: 2px;
}

.itemPic {
    width: 100%;
    height: 100%;
}

.title {
    font-size: 13pt;
    font-weight: bold;
    margin-bottom: 5px;
}

.date {
    font-size: 8pt;
    font-weight: 100;
    color: #7b7e7f;
    margin-bottom: 5px;
}

/*#quote {*/
/*font-size: 8pt !important;*/
/*}*/

.district {
    font-size: 8pt;
    font-weight: 100;
    margin-bottom: 5px;
}

.location {
    color: red;
}

.prize {
    font-size: 8pt;
    font-weight: 100;
    color: #7b7e7f;
    margin-bottom: 5px;
}

#welcomeTitle {
    color: #7A7A78;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18pt;
    margin-top: 30px;
    margin-bottom: 20px;
}

#contactPara {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 17pt;
    margin-bottom: 100px;
}

#logoContainer {
    justify-content: flex-start;
    display: flex;
    padding-bottom: 10px;
}

#logo {
    background-size: cover;
    height: 50px;
    width: 190px;
}

#headerLinks {
    display: flex;
    justify-content: flex-end;
    padding-top: 45px;
}

.inputField {
    border-radius: 0;
    background-color: #E8E8E5;
}

#mapImageContainer {
    justify-content: flex-end;
    display: flex;
    padding-right: 10;
}

#mapImage {
    width: 340px;
    height: 340px;
}

#sendButton {
    background-color: #26778a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    border-radius: 3px;
}

@media only screen and (max-width: 770px) {
    #welcomeTitle {
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 16pt;
        padding-top: 100px;
    }

    /*.panelDashboardLogin{*/
    /*min-height: 800px !important;*/
    /*background-color: #1ab7ea;*/
    /*}*/

    #allRights{
        text-align: center !important;
    }

    #headerLinks {
        display: flex;
        justify-content: center;
        padding-top: 45px;
    }

    #mapLeftPara {
        color: #525252;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 12pt !important;
        text-align: justify;
        margin-bottom: 20px;
    }

    .districts {
        color: #26778a;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 12pt !important;
    }

    #logoContainer {
        justify-content: center;
        display: flex;
        padding-bottom: 10px;
    }

    #mapImageContainer {
        justify-content: center !important;
        display: flex;
        padding-right: 10px;
    }

    #header {
        /*height: 220px !important;*/
        background-color: #26778a;
    }

    #quote {
        margin-top: 80px;
        width: 100%;
        height: 300px !important;
        background-color: rgba(0, 0, 0, 0.8);
        border-radius: 5px;
    }

    #titleQuote {
        color: #ffffff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        padding: 20px;
        font-size: 15pt;
    }

    #navBarContainer {
        margin-top: 10px;
        position: absolute;
        z-index: 1;
        width: 100%;
    }

    .card {
        height: 400px !important;
        padding-right: 0 !important;
        padding-left: 0;
        margin-bottom: 20px;
    }

    #contactPara {
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 14pt;
        padding-right: 30px;
        padding-left: 30px;
        margin-bottom: 60px;
    }

    #AboutUsTopic {
        color: #26778a;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 18pt;
        margin-top: 60px !important;
        margin-bottom: 30px;
    }

    #AboutUsPara {
        color: #26778a;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 14pt;
    }

    .contactIconPara {
        padding-left: 0 !important;
        padding-right: 0 !important;
        color: #26778a;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 12pt;
    }

    #footer_links_container {
        display: flex;
        justify-content: center;
        /*background-color: #2aabd2;*/
    }

    .footer_links {
        text-align: center !important;
        padding-left: 10px !important;
    }

    #socialLinksContainer {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #socialLinks {
        margin-top: 10px;
        width: 200px;
    }

    #rights {
        color: #777777;
        font-size: 10pt;
        margin-top: 10px;
        padding-left: 10px !important;
    }

    .longButton {
        width: 100%;
        background-color: #c5710f;
        color: #ffffff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 12pt;
        margin-bottom: 15px;
    }

    .orangeButton {
        background-color: #c5710f;
        color: #ffffff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 12pt;
        margin-bottom: 15px;
    }

    #searchContainer {
        /*background-color: #26778a;*/
    }

    #searchBar {
        width: 100%;
        border: 3px solid #26778a;
        height: 30px !important;
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 8pt;
    }

    #img_prev {
    / / height: 300 px !important;
    }

    #containerSection {
        background-color: #ffffff;
        border-radius: 5px;
        margin-top: 50px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 770px) {
    #AboutUsTopic {
        color: #26778a;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 18pt !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    /*.panelDashboardLogin{*/
    /*min-height: 800px !important;*/
    /*background-color: #1ab7ea;*/
    /*}*/

    #allRights{
        text-align: center !important;
    }

    #AboutUsPara {
        color: #26778a;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 16pt !important;
    }

    #img_prev {
    / / height: 350 px !important;
    }

    #navDiv {
        padding-right: 10px !important;
    }
}

@media only screen and (max-width: 500px) {
    .item {
        width: 100%;
        height: 70px !important;
        /*background-color: red;*/
        margin-bottom: 15px !important;
        border: 1px solid #E7E7E2;
        box-shadow: 1px 1px 1px 1px #888888;
        padding: 3px !important;
        padding-right: 20px !important;
    }

    #navDiv {
        padding-right: 10px !important;
    }

    #allRights{
        text-align: center !important;
    }

    .itemPic {
        width: 100px !important;
        height: 64px !important;
        margin: 0 !important;
    }

    .title {
        font-size: 10pt !important;
        margin-bottom: 2px !important;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }

    .date {
        font-size: 6pt !important;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        color: #7b7e7f;
        margin-bottom: 5px;
    }

    /*#quotePara {*/
    /*font-size: 6pt !important;*/
    /*}*/
    .district {
        font-size: 6pt !important;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        margin-bottom: 5px;
    }

    #AboutUsTopic {
        color: #26778a;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 18pt !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #AboutUsPara {
        color: #26778a;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 13pt !important;
    }
}

body {
    overflow-x: hidden;
    overflow-y: auto;
    font-family: Raleway, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #636b6f;
    background-color: #ffffff;
}

#navDiv {
    padding-right: 0;
}

#backgroundImage {
    background-size: cover;
    width: 100%;
    margin-top: -45px;
}

#header {
    /*height: 70px;*/
    background-color: #000;
}

@media only screen and (min-width: 1200px) {
    #header {
        height: 70px;
    }

    .middleContent {
        width: 1000px;
    }
}

@media only screen and (max-width: 1200px) {
    .panelDashboardLogin{
        /*background-color: #1ab7ea;*/
        min-height: 600px;
    }
}

.iconContainer {
    background-color: #f7f7f7;
    height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 30px;
}

.iconContainer:hover {
    background-color: #26778a;
    border: 2px solid #f7f7f7;
}

.icon {
    font-size: 20px;
    color: #26778a;
}

.iconContainer:hover .icon {
    color: #f7f7f7;
}

#navBarContainer {
    margin-top: 10px;
}

#coverImageContainer {
    height: 400px;
    background-image: url("../images/cover.jpg");
    background-size: cover;
}

/*#middleContent {*/
/*padding-left: 15px !important;*/
/*padding-right: 15px !important;*/
/*padding-top: 15px !important;*/
/*padding-bottom: 15px !important;*/
/*}*/

#fb{
    height: 50px;
    width: 250px;
    background-image: url("../images/fb.png");
    background-size: cover;
}

#google_plus{
    height: 50px;
    width: 250px;
    background-image: url("../images/google.png");
    background-size: cover;
}

#quote {
    width: 100%;
    height: 220px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
}

#titleQuote {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding: 20px;
    font-size: 15pt;
}

#quotePara {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding: 20px;
    font-size: 18pt;
}

#middleDiv {
    background-color: #e4e4e4;
    padding-top: 60px;
    padding-bottom: 60px;
}

#mapLeft {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18pt;
}

#mapLeftPara {
    color: #525252;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14pt;
    text-align: justify;
}

#read_more {
    color: #000;
    text-decoration: underline;
}

.districts {
    color: #26778a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14pt;
}

.districtLink {
    color: #464848;
}

.districtLink:hover {
    text-decoration: none;
}

#cardSection {
    padding: 30px;
}

#cardTopic {
    color: #26778a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15pt;
    padding-left: 0;
    border-bottom: 2px solid #26778a;
}

.card {
    height: 370px;
    padding-right: 50px;
    padding-left: 0;
    margin-top: 30px;
}

.cardInside {
    height: 100%;
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px #888888;
}

.cardInside:hover {
    box-shadow: 2px 2px 1px 1px #888888;
}

.imageContainer {
    height: 190px;
    width: 100%;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.imageContainerChild {
    background-image: url("../pics/card.jpg");
    background-size: cover;
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 100%;
    background-color: black; /* fallback color */
    background-position: center;
    transition: all .5s;
}

.imageContainer:hover .imageContainerChild,
.imageContainer:focus .imageContainerChild {
    transform: scale(1.2);
}

.imageContainerChild::before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52, 73, 94, 0.75);
}

.imageContainer:hover .imageContainerChild:before,
.imageContainer:focus .imageContainerChild:before {
    display: block;
}

.cardImage {
    width: 100%;
    background-size: cover;
    border-radius: 10px 10px 0 0;
}

.cardTitle {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14pt;
    padding: 5px;
}

.cardPara {
    padding: 7px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 10pt;
}

.cardButtonContainer {
    padding: 10px;
}

.cardButton {
    width: 100%;
    background-color: #26778a;
    color: #ffffff;
}

.categoryRow {
    margin-bottom: 50px;
}

#categorySection {
    padding: 30px;
}

.category {
    margin-bottom: 20px;
    height: 250px;
    margin-top: 20px;
}

.categoryImage {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-bottom: 10px;
    font-size: 60pt;
}

#categoryTopic {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15pt;
    padding-left: 0;
    border-bottom: 2px solid #000;
}

.categoryTitle {
    color: #26778a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15pt;
}

.categoryTitle a {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15pt;
}

.categoryTitle a:hover {
    text-decoration: none;
    color: #000000;
}

.categoryPara {
    color: #636b6f;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 10pt;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
}

.categoryIcon {
    transition: transform 300ms ease-in-out;
}

.categoryIcon:hover {
    transform: rotate(360deg);
}

#footer {
    height: 170px;
    background-color: #2d2d2d;
    padding-top: 30px;
    margin-bottom: 0;
    border-top: 5px solid #f89829;
    /*position: absolute;*/
    /*bottom: 0;*/
    /*width: 100%;*/
}

.footer_links {
    text-align: left;
    padding-left: 0;
}

.footer_links a {
    color: #ffffff;
    font-size: 10pt;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.footer_links:hover {
    color: #ffffff;
}

.footerIconContainer {
    background-color: transparent;
    border: 1px solid #f7f7f7;
    height: 30px;
    width: 30px;
    justify-content: center;
    /*margin: 10px;*/
    align-items: center;
    display: flex;
    border-radius: 30px;
}

.footerIconContainer:hover {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
}

.footerIcon {
    font-size: 20px;
    color: #f7f7f7;
}

.footerIconContainer:hover .footerIcon {
    color: #2d2d2d;
}

#allRights{
    text-align: right;
}

#rights {
    color: #777777;
    font-size: 10pt;
    margin-top: 10px;
    padding-left: 0;
}

#coverImageAboutUs {
    height: 100%;
    /*background-image: url("../images");*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-color: rgba(255, 255, 255, 0.7);*/
}

#coverImageBackground {
    width: 100%;
    height: 100%;
    /*background-color: rgba(255, 255, 255, 0.7);*/
}

.titleColapse{
    text-decoration: none;
}

.titleColapse:hover{
    text-decoration: none;
}

.titleColapse:focus{
    text-decoration: none;
}

#AboutUsTopic {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 22pt;
    margin-top: 30px;
    margin-bottom: 30px;
}

#AboutUsPara {
    color: #737373;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14pt;
}

#faq{
    font-size: 20pt;
    margin-bottom: 30px;
}

.contactSection {
    margin-top: 20px;
}

.contactIconContainer {
    justify-content: center;
    align-items: center;
    display: flex;
    height: 150px;
    padding: 10px;
    margin-bottom: 20px;
}

.contactIconTitle {
    color: #26778a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15pt;
}

.contactIcon {
    /*width: 50%;*/
    height: 100%;
}

.contactIconPara {
    padding-left: 40px;
    padding-right: 40px;
    color: #26778a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 12pt;
}

#containerSection {
    background-color: #ffffff;
    border-radius: 5px;
    margin-top: 50px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.headerSection {
    -webkit-box-shadow: 0 0 5px 2px #BEBEBB;
    -moz-box-shadow: 0 0 5px 2px #BEBEBB;
    box-shadow: 0 0 4px 1px #BEBEBB;
    border-radius: 5px;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.longButton {
    width: 100%;
    background-color: #f89829;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 12pt;
    border-color: #f89829;
}


.longButton:hover {
    background: #c5710f;
    border-color: #c5710f;
}

.longButton:focus {
    background: #c5710f !important;
    border-color: #c5710f !important;
}

.longButton:active {
    background: #c5710f !important;
    border-color: #c5710f !important;
}




.orangeButton {
    background-color: #f89829;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 12pt;
    border-color: #f89829;
}


.orangeButton:hover {
    background: #c5710f;
    border-color: #c5710f;
}

.orangeButton:focus {
    background: #c5710f !important;
    border-color: #c5710f !important;
}

.orangeButton:active {
    background: #c5710f !important;
    border-color: #c5710f !important;
}




#searchBar {
    width: 100%;
    border: 3px solid #f89829;
    height: 35px;
}

/*#searchButton {*/
/*width: 20%;*/
/*margin-left: 0 !important;*/
/*background-color: #26778a;*/
/*border: 0;*/
/*color: #ffffff;*/
/*font-family: 'Open Sans', sans-serif;*/
/*font-weight: 300;*/
/*font-size: 12pt;*/
/*}*/

#searchContainer {
    padding-top: 1.5px !important;
    /*background-color: #26778a;*/
}

#body {
    margin-top: 30px;
}

.item {
    width: 100%;
    height: auto;
    /*background-color: red;*/
    margin-bottom: 30px;
    border: 1px solid #f89829;
    box-shadow: 1px 1px 1px 1px #8888884a;
    padding: 5px;
    padding-right: 50px;
}

.item:hover {
    box-shadow: 0px 0px 2px 2px #8888884a;
}

.itemPic {
    /*width: 100%;*/
    /*height: 100%;*/
}

.title {
    font-size: 18pt;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.date {
    font-size: 13pt;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #7b7e7f;
    margin-bottom: 5px;
}

.change_title_color{
    color: #404040 !important;
}

.district {
    font-size: 10pt;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-bottom: 5px;
    color: #000000;
}

.location {
    color: #7b7e7f;
}

.prize {
    font-size: 8pt;
    font-weight: 100;
    color: #7b7e7f;
    margin-bottom: 5px;
}

#browseAds {
    width: 100%;
    /*background-color: red;*/
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid #E7E7E2;
    -webkit-box-shadow: 0 0 5px 2px #BEBEBB;
    -moz-box-shadow: 0 0 5px 2px #BEBEBB;
    box-shadow: 0 0 4px 1px #BEBEBB;
    padding: 15px;
    /*padding-left: 50px !important;*/
    /*padding-right: 50px !important;*/
}

#browseAdsTitle {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14pt;
}

.sortBy {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 12pt;
    margin-bottom: 10px;
}

#sortByDropdown {
    margin-bottom: 20px;
}

#borderTable {
    border-bottom: 1px solid #BEBEBB;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 12pt;
}

/*#browseByCategory{*/
/*border: 1px solid #BEBEBB;*/
/*}*/

.sub_cateogy_list li {
    list-style-type: none;
    display: block;
    padding: 5px;
    margin-left: -20px;
    font-size: 13px;
}

.sub_cateogy_list li a {
    color: #333;
}

#dashboardDropdown{
    border-radius: 5px !important;
}

#welcomeDropdown{
    background-color: transparent;
    color: #ffffff;
}

.panelDashboard{
    min-height: 800px;
    /*background-color: red;*/
}

#loginForm{
    box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 2px 0 15px -5px rgba(0, 0, 0, 0.8), -12px 0 15px -4px white;
    /*border-right-width: thin;*/
    /*border-right-style: solid;*/
}

#facebook{
    height: 40px;
    padding: 0;
    padding-right: 10px !important;
    background-color: #066FB8;
    color: #FFFFFF;
    width: 100%;
    position: relative;
}

#google{
    height: 40px;
    padding: 0;
    padding-right: 10px !important;
    background-color: #B80E06;
    color: #FFFFFF;
    width: 100%;
    position: relative;
}

.buttons{
    margin-top: 30px;
}

#welcomeDropdown:focus{
    background-color: transparent;
}

#welcomeDropdown:after{
    background-color: transparent;
}

#contactModalButton{
    width: 100%;
    border: none;
}

#contactModalButton:hover{
    width: 100%;
    border: none;
}

#contactModalButton:after{
    border: none;
}

#contactModalButton:focus{
    border: none;
}

.btn-primary[disabled]{
    background: #f89829;
    border: #f89829;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #f89829;
    border-color: #f89829;
    color: #ffffff;
    cursor: default;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.6;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

a:focus, a:hover {
    color: #c6841b;
    text-decoration: underline;
}

.uploaded_image, .uploaded_image > img{
  width: 140px;
  height: 140px;
}

.uploaded_image{
    float: left;
    position: relative;
    margin-left: 14px;
}

.uploaded_image > img{
    position: absolute;
    z-index: 0;
    border-radius: 0px;
}

.img_rmv{
    visibility: hidden;
    position: absolute;
    z-index: 1;
    padding: 22px;
    width: 140px;
    height: 140px;
}

.uploaded_image > img:hover + .img_rmv{
    visibility: visible;
    background-color: rgba(255, 255, 255, 0.5);
}

.img_rmv:hover{
    visibility: visible;
    background-color: rgba(255, 255, 255, 0.5);
    border: none !important;
}

.img_rmv:focus{
    background-color: rgba(255, 255, 255, 0) !important;
}