Style mods for munilogic */

.well-comm {
    margin-bottom: 0;
}

.com-toolbar {
    clear: both;
    margin-bottom: 30px;
}


/*Authentication Related Pages*/

.login-page,
.register-page {
    background-color: #3c8dbc;
}

.login-logo a,
.register-logo a {
    color: white;
}


/*----------Bootstrap submenu hack--------*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/*------ bootstrap submenu hack ----------------*/


/*Comminication Section */

hr.thread-seperator {
    margin: 5px 0px 0px 0px;
    border-top: 1px dotted #e3e3e3;
    border-bottom: 1px dotted #fff;
}

hr.message-seperator {
    margin: 0;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.fs-modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.fs-modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

#permitApplicationModal .modal-dialog {
    width: 80%;
    min-height: 50%;
}


/*App Icons*/

.btn-app>.fa,
.btn-app>.glyphicon,
.btn-app>.ion {
    font-size: 100px;
    margin-bottom: 10px;
}

.btn-app {
    height: auto;
    padding: 20px 20px 10px 20px;
    font-size: 15px;
    width: 13.3%;
    font-weight: bold;
    color: #3c8dbc;
}

.btn-app:hover {
    color: #367fa9;
}

#options .form-group {
    margin-bottom: 5px;
}

#chat-box .thread-subject {
    cursor: pointer;
}

.fc-day-status {
    text-align: center;
    margin-top: 22%;
    font-style: italic;
    font-weight: 200;
}

.hrule-field {
    border-top: 1px solid #bbb;
}

.hrule-field, .plaintext-field, .link-field {
    padding: 5px 0px 5px 0px;
}

.form-help-section {
    color: #737373;
    margin-left: 5px;
}

.form-help-section .fa-question-circle {
    color: #c7a906;
}

.form-help-section .help-message {
    font-weight: 400;
    display: none;
}

textarea.form-control {
    height: 120px;
}

#permit-form .spacer {
    text-align: center;
    border-color: transparent;
}

span.required-field {
    margin-left: 3px;
    font-weight: bolder;
    color: red;
}

.landing-page-box {
    width: 50%;
    margin: 7% auto;
}

.landing-page-box-body {
    width: 100%;
    background-color: white;
    padding: 20px;
    text-align: center;
}

.munilogic-footer-logo {
    margin-top: 10px;
    text-align: center;
    color: white;
}

#days-of-week .checkbox {
    margin-top: 5px;
    margin-bottom: 0px;
}

#days-of-week .timepicker {
    margin: 0 0 0 0;
}

.license-details, .permit-details, .insp_details {
    cursor: pointer;
    text-decoration: underline;
}

/* Messaging*/

.message-box > .threads {
        max-height: 554px;
        min-height: 554px;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow-x: hidden;
        background-color: #f2f2f2;
    }

    .message-box > .threads > a {
      display: block;
      white-space: nowrap;
      /* Prevent text from breaking */
      border-bottom: 1px solid #f4f4f4;
  }
  .message-box > .threads > a:hover {
      background: #f4f4f4;
      text-decoration: none;
  }

  .message-box > .threads > li > a > .glyphicon,
  .message-box > .threads > li > a > .fa,
  .message-box > .threads > li > a > .ion {
      width: 20px;
  }
  .message-box > .threads > li > a {
      margin: 0;
      padding: 10px 10px;
      display: block;
      white-space: nowrap;
      border-bottom: 1px solid #f4f4f4;
  }
  .message-box > .threads > li > a > div > img {
      margin: auto 10px auto auto;
      width: 40px;
      height: 40px;
  }
  .message-box > .threads > li > a > h4 {
      padding: 0;
      margin: 0 0 0 45px;
      color: #444444;
      font-size: 15px;
      position: relative;
  }
  .message-box > .threads > li > a > h4 > small {
      color: #999999;
      font-size: 10px;
      position: absolute;
      top: 0;
      right: 0;
  }
  .message-box > .threads > li > a > p {
      margin: 0 0 0 45px;
      font-size: 12px;
      color: #888888;
  }
  .message-box > .threads > li > a:before,
  .message-box > .threads > li > a:after {
      content: " ";
      display: table;
  }
  .message-box > .threads > li > a:after {
      clear: both;
  }

  .message-box > .threads > .active {
    background-color: #efefef;
    border-right: 2px solid #3c8dbc;
  }

  .direct-chat-messages > .message-information {
    text-align: center;
    color:#888888;
  }

  #applicationsTable .show-status-details {
    cursor: pointer;
  }

  .upload-field-spacer {
    font-style: italic;
    margin: 10px 0px 10px 0px;
    text-align: center;
  }

  .show-trans-records, .remove-transaction-record-table {
    cursor: pointer;
  }

 /* .btn-danger {background-color:#C42D33;border-color:#A1252A;}
  .btn-danger:hover {background-color:#D63237;border-color:#A1252A;}*/

  /*.btn-danger {background-color:#a15450;border-color:#a15450;}
  .btn-danger:hover {background-color:#D63237;border-color:#A1252A;}

  .btn-primary {background-color:#4f8195;}
  .btn-success {background-color:#88a057;}*/

  .upload-field-spacer {
    display: none !important;
  }

  button.scan-document {
    display: none !important;
  }

  .help-tooltip {
      color: #c7a906;
  }