﻿/* General */

#header {
    background-color: #2f2122;
    color: white;
    margin: 0px auto;
    padding: 5px;
    position: relative;
    display: block;
    border-bottom: 4px solid #808080;
}

#header #logo {
}

#header img {
    padding: 5px 10px;
    border: 0px none;
    width: 75px;
}

#header h2 {
    padding-left: 20px;
    font-size: 15px;
}

#logout {
    float: right;
    margin-top: 24px;
    margin-right: 5px;
}

#logout a {
    color: white;
}

#footer {
    color: #FFF;
    padding: 5px;
    text-align: center;
    margin: 0px;
    margin-top: 15px;
    border-color: #121212;
    background-color: #2f2122;
    border-width: 1px;
    border-style: solid;
}

.deletedMessageRow {
    color: white;
    background-color: #D9534F !important;
}

.unreadMessageRow {
    font-weight: bold;
}

.failedMessageRow {
    color: #FF0000;
}

.admin_map {
    width: 100%;
    height: 350px;
    border: 1px solid #000;
}

.dl-horizontal dt {
    text-align: left;
}

.message_map {
    width: 350px; /*48%;*/
    height: 350px;
    border: 1px solid black;
    margin-top: 10px;
    margin-bottom: 10px;
    /*float: left;*/
}

.form-group {
    margin-bottom: 5px !important;
}

.control-label {
    text-align: left !important;
    /*font-size: 12px;*/
}

input[type="checkbox"] {
    /*margin-left: 0 !important;*/
}

textarea {
    width: 100%;
}

.glyphicon.glyphicon-question-sign {
    font-size: 24px;
}

.popover {
    display: block !important;
    max-width: 600px;
    width: auto;
}

@media (max-width: 640px) {
    .popover {
        max-width: 80%;
    }
}

#selectReceivers table tbody tr.branch {
    background-color: #F9F9F9;
}

#selectReceivers table tbody tr.leaf {
    background-color: #FFF;
}

.navbar {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.statistic-summary {
    border-top: 2px black solid;
    background-color: white !important;
}

.bootstrap-tagsinput {
    background-color: inherit !important;
    border: 0 !important;
    border-radius: 4px;
    box-shadow: none !important;
}

.table tbody tr.Deleted td:first-child {
    position: relative;
}

.table tbody tr.Deleted td:first-child:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -7px;
    width: 7px;
    height: 100%;
    background-color: #449D44;
}

.mce-btn {
    background-color: #f5f5f5 !important;
}

.mce-panel {
    background-color: #f5f5f5 !important;
    border-radius: 4px !important;
    border-color: #ccc !important;
}

#report-type-selector-container {
}

#report-type-selector-container > #buttons > .btn {
    margin-top: 10px;
    margin-right: 10px;
    min-width: 200px;
}

.modal-backdrop {
    z-index: 0 !important;
}

#main-wrapper {
    padding-left: 30px;
}

html {
    margin-left: calc(100vw - 100%);
}

body {
    padding-right: 0px !important;
    margin-right: 0px !important;
}

body.modal-open {
    overflow: auto;
}

.select2-results__option[aria-selected=true] {
    display: none;
}

.disabledTab {
    pointer-events: none;
}

.loading {
    display: none;
    padding-left: 40%;
    width: 100px;
    height: 100px;
}

.CountiesSelector {
    display: none;
}

.MunicipalitiesSelector {
    display: none;
}

.ZipCodeSelector {
    display: none;
}

#ServiceFixedContainer {
    display: none;
}

#ServiceMobileContainer {
    display: none;
}

.servicesErrorMessage {
    display: none;
}

.areatype {
    display: none;
}

.publicinfo {
    display: none;
}

.newsItem {
    border-top: 1px solid #eee;
    padding: 10px;
}

.newsItem:hover {
    cursor: pointer;
    background-color: #f5f5f5;
}

.documentTitleContainer:hover {
    cursor: pointer;
    background-color: #f5f5f5;
}

.documentListContainer {
    display: none;
}

.newsItemTitle {
    width: 90%;
    display: inline-block;
}

.newsItemChevron {
    width: 5%;
    float: right;
}

#templateId{
    width:500px;
}

#selectReceivers #autocompleteTextbox {
    margin-bottom: 4px;
}

#selectReceivers #suggestionsContainer .suggestion-item {
    padding: 8px;
    cursor: pointer;
}

#selectReceivers #suggestionsContainer .suggestion-item.active {
    background-color: #e0e0e0;
}