body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

.nav-wrapper,
body {
    background-color: #818384
}

.nav-wrapper {
    padding: 1em;
    border: 1px solid #000;
    border-top: #000;
    border-left: #000;
    border-right: #000
}

nav .nav-wrapper {
    height: 6em
}

nav .brand-logo {
    font-size: 1em
}

.right-override {
    margin-left: 3px!important
}

.navbar-fixed {
    height: 6em
}

.nav-username {
    font-size: 1.1em
}

.dropdown-trigger {
    width: auto
}

.user-options-btns {
    border-style: solid;
    border-bottom: solid #000;
    border-width: 1px
}

.user-account-div {
    width: 4em;
    height: 4em;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, .4);
    background-image: url(/images/userIcon.png);
    background-size: cover
}

.nav-logo-div {
    width: 20%;
    max-width: 7em;
    min-width: 5em;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.notification-drop-down {
    max-width: 30em
}

.notification-header {
    color: #000;
    font-size: .8em!important;
    padding: 0!important;
    float: left
}

.all-notifications-div {
    max-height: 60vh
}

.notification-message-div {
    max-width: 22em;
    word-wrap: break-word
}

.notification-outer-div {
    padding: 0!important
}

.notification-div {
    border: .05em solid #000;
    padding: .8em 1em .5em .8em;
    background-color: rgba(61, 70, 77, .1)
}

.notification-open-btn {
    margin-right: 2em;
    float: right;
    width: 3em!important;
    padding: 0!important;
    height: 4em!important
}

.notification-close-btn {
    color: #fff!important;
    position: fixed;
    right: .5em;
    margin-top: -.5em
}

.nav-dropdown-size {
    width: 12em!important;
    border-radius: 12px
}

.dropdown-trigger {
    padding: 0 1em;
    border-radius: 12px
}

.dropdown-trigger:hover {
    background-color: rgba(0, 0, 0, .1)
}

nav .brand-logo {
    font-size: .6em
}

@media (min-width:800px) and (max-width:1200px) {
    nav .brand-logo {
        font-size: 1.4em
    }
}

@media (min-width:1200px) and (max-width:1800px) {
    nav .brand-logo {
        font-size: 2em
    }
}

@media (min-width:1800px) {
    nav .brand-logo {
        font-size: 2em
    }
}

.login-div {
    margin: 5em auto;
    width: 50%;
    height: auto;
    padding: 1.5em 2em 3em;
    background-color: rgba(0, 0, 0, .7);
    max-width: 40em;
    border-radius: 5px
}

.login-header {
    font-size: 2em;
    color: #fff
}

.login-forgot-password {
    color: #fff
}

.login-inputs {
    margin: 3em auto;
    width: 75%
}

.green-icon {
    color: green
}

.login-color {
    color: #fff
}

.login-btn {
    width: 50%
}

.login-btn-div {
    text-align: center;
    width: 100%
}

@media (max-width:600px) {
    .login-div {
        margin: 3em auto;
        width: 80%
    }
    .login-inputs {
        width: 100%
    }
}

.admin-options-div {
    text-align: center;
    background-color: #818384;
    padding: .5em 1em 0;
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 10
}

.admin-user-options {
    padding: .7em!important;
    background-color: #fff;
    width: 100%
}

.admin-user-options:hover {
    cursor: pointer;
    background-color: green
}

.admin-text-color {
    width: 10em;
    color: #000
}

.side-bar-header {
    font-size: 1.5em;
    color: #fff
}

.admin-body {
    padding: 5em 1em 2em!important
}

.admin-panel-div {
    width: 100%;
    height: auto
}

@media (max-width:600px) {
    .admin-body {
        padding: 5em 0 2em!important
    }
}

.manage-users-div {
    width: 95%;
    margin: 2em auto;
    height: auto;
    text-align: center;
    padding: .1em 2em 3em;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.manage-users-table {
    color: #fff;
    border-radius: 15px
}

.user-search-div {
    margin: 1em auto
}

.view-user-settings-btn {
    float: right;
    margin-top: 2em;
    margin-right: 1em
}

.user-div-font-size {
    font-size: 1.2em;
    text-align: center
}

.admin-user-add-div {
    padding: 1em
}

.users-total-remaining-btn {
    width: 100%
}

.admin-user-div {
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
    padding: 2em;
    margin-top: 1em;
    word-wrap: break-word
}

.register-modal {
    background-color: #37474f;
    border-radius: 25px;
    padding: 0 0 3em;
    height: auto;
    overflow: auto
}

.modal {
    max-height: 100vh
}

.manage-users-headers {
    color: #fff;
    font-size: 1.2em;
    font-weight: 999
}

.manage-users-table-div {
    max-height: 300px;
    overflow: auto
}

.manager-users-create-div {
    margin-top: 2em;
    text-align: center;
    width: 100%;
    height: auto
}

.users-page-select {
    text-align: right
}

.manage-users-search {
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}

.pagination-active {
    background: #4caf50!important
}

.row-no-margin {
    margin-bottom: 0!important
}

@media (min-width:950px) {
    .manage-users-div {
        width: 80%;
        margin: 2em auto;
        height: auto;
        text-align: center;
        padding: .1em 2em 3em;
        background-color: rgba(0, 0, 0, .7);
        border-radius: 15px
    }
}

.loading-div {
    width: 30%;
    min-width: 25em;
    text-align: center;
    height: auto;
    padding: 2em 3em 1em;
    margin: 5em auto;
    border-radius: 12px
}

.loading-font {
    font-size: 2em;
    color: #fff;
    margin-left: 1em
}

.select-wrapper input.select-dropdown {
    color: #fff
}

.admin-deal-div {
    padding: 2em .8em .2em;
    border-radius: 6px;
    width: 100%;
    margin-top: 1em
}

.admin-deal-div,
.manage-deals-div {
    background-color: rgba(0, 0, 0, .7);
    text-align: center
}

.manage-deals-div {
    width: 95%;
    margin: 2em auto;
    height: auto;
    padding: .1em 2em 3em;
    border-radius: 15px
}

.input-field input[type=text]:focus+label,
.input-field label {
    color: #fff
}

.admin-action-btn {
    width: 100%;
    font-size: .9em!important
}

.manage-user-header {
    color: red;
    font-size: 1.5em
}

.manage-deals-table {
    color: #fff;
    border-radius: 15px
}

.notification-bg {
    background: #1b5e20
}

.modal .modal-content {
    padding: 0;
    height: 75%
}

.modal-large {
    max-height: 90vh;
    height: auto
}

.deal-search-div {
    margin: 1em auto 1em 14em
}

.red-bg {
    background: red
}

.manage-deals-headers {
    color: #fff;
    font-size: 1.2em;
    font-weight: 999
}

.manage-deals-table-div {
    max-height: 300px;
    overflow: auto
}

.manager-deals-create-div {
    margin-top: 2em;
    text-align: center;
    width: 100%;
    height: auto
}

.hidden {
    display: none
}

.indicator {
    background: red!important;
    padding: .1em
}

.manage-deals-search {
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}

.expandable-map-options {
    width: 22em;
    height: 22em;
    background: #263238;
    border-radius: 12px!important;
    position: relative;
    z-index: 999;
    top: -11em;
    left: -11em;
    text-align: center
}

.maps-view-btn {
    margin-top: 1em
}

.maps-view-text {
    color: #fff;
    padding: .2em;
    font-size: 1.5em
}

@media (max-width:1000px) {
    .deal-search-div {
        margin: 1em auto 1em 0
    }
}

@media (max-width:600px) {
    .manage-deals-div {
        width: 80%;
        margin: 2em auto;
        height: auto;
        text-align: center;
        padding: .1em 2em 3em;
        border-radius: 15px
    }
    .manage-deals-search {
        width: 100%;
        max-width: none;
        margin: 0 auto
    }
    .admin-deal-div {
        font-size: 1em
    }
    .admin-action-btn {
        margin-top: 1em
    }
}

.chat-modal-bg {
    background-color: rgba(0, 0, 0, .7);
    padding: 2em 2em 0
}

.chat-modal-textarea {
    height: 25em;
    overflow: auto
}

.chat-modal-input-text,
.chat-modal-textarea {
    width: 100%;
    background: #fff;
    border-width: .1em;
    border-style: solid
}

.chat-modal-input-text {
    height: 4em
}

.chat-modal-send {
    margin-top: .6em!important
}

.crete-deal-div {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0 1em 1em
}

.users-table {
    max-height: 30em;
    overflow-y: scroll
}

.create-deal-dealinfo {
    height: auto;
    width: 100%;
    display: inline-block;
    margin-top: 2em
}

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
    position: none;
    display: none
}

.create-deal-header {
    font-size: 1.2em
}

.datepicker-container {
    color: #fff
}

.collapsible-body,
.datepicker-container {
    background-color: rgba(0, 0, 0, .7)
}

.create-deal-pdf {
    height: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 1em;
    margin: 0 auto
}

.create-deal-pdf-bg {
    background-color: rgba(0, 0, 0, .7)
}

.create-pdf-list {
    text-align: left
}

.green-check {
    color: green
}

.folder-color {
    color: #fb8c00
}

.white-text {
    color: #fff
}

.red-cross {
    color: red
}

@media (max-width:950px) {
    .create-deal-dealinfo {
        height: auto;
        display: inline-block;
        margin-top: 2em;
        width: 100%
    }
}

@media (min-width:950px) {
    .create-deal-dealinfo {
        margin-top: 1em
    }
    .create-deal-pdf {
        float: left
    }
}

.viewdeal-offers-div {
    width: 100%;
    margin: 1em auto
}

.manage-entries-table {
    color: #fff
}

.manage-entries-options {
    padding: 2em;
    text-align: center
}

.view-deal-lastname {
    word-wrap: break-word
}

.view-deal-small-txt {
    font-size: 1.6em
}

.view-deal-widget-height {
    min-height: 9.5em
}

.view-deal-option-btn {
    width: 100%;
    margin-top: .5em
}

.viewdeal-allusers-div {
    margin-top: 1em
}

.deal-admin-add-user {
    width: 100%;
    height: auto;
    margin-top: 1em;
    background-color: rgba(0, 0, 0, .7);
    padding: 2em
}

.viewdeal-email-partners-div {
    width: 100%;
    height: auto;
    text-align: center;
    color: #fff
}

.email-form-padding {
    padding: 0 4em 0 3em
}

.viewdeal-email-div {
    text-align: center!important;
    padding: 1em 1em 0
}

.view-deal-top-spacing {
    margin-top: 1em
}

.chart-div {
    width: 100%;
    height: auto;
    margin-top: 1em;
    background-color: rgba(0, 0, 0, .7);
    padding: 2em 0
}

.viewdeal-top-widgets {
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
    color: #fff
}

.viewdeal-deal-options,
.viewdeal-tabel-th {
    background-color: rgba(0, 0, 0, .7)
}

.viewdeal-deal-options {
    padding: 2em .8em;
    text-align: center
}

.timer-font-size {
    font-size: 2em
}

.home-available-deals-div {
    width: 100%;
    height: auto;
    text-align: center;
    overflow: auto
}

.home-no-deals-icon {
    font-size: 8em;
    color: red
}

.home-deal {
    width: 20%;
    padding: 1em 1em 2em;
    height: auto;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    border-radius: 12px;
    min-width: 15em
}

.home-trash-btn {
    position: absolute;
    top: 1em;
    right: 1em
}

.carousel .carousel-item {
    width: 20%;
    min-width: 15em;
    height: auto
}

.carousel-item {
    height: auto
}

.carousel-two[style],
.home-two[style] {
    opacity: 1!important
}

.carousel {
    height: 30em
}

.home-deal-text {
    font-size: 1.4em
}

.home-deal-header {
    font-size: 1.5em;
    color: #fff;
    position: relative
}

.home-deal-header-big {
    font-size: 2.5em;
    color: #fff;
    margin-bottom: 0;
    position: relative
}

.view-self-deals-div {
    width: 100%;
    height: auto;
    padding: 2em;
    text-align: center
}

@media (min-width:600px) {
    .home-deal-header {
        top: 1em
    }
}

.deal-all-info {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 1em
}

.deal-info-container {
    background-color: rgba(0, 0, 0, .7)
}

.deal-joinBtn {
    width: 100%;
    padding: 2em;
    height: auto
}

.deal-header {
    font-size: 1.5em;
    color: #fff
}

.deal-info-widgets {
    background-color: #bdbdbd;
    color: #000
}

.deal-header-title-widgets {
    font-size: 1.3em
}

.deal-header-text {
    margin: 1em
}

.btn-small {
    height: 24px;
    line-height: 24px;
    padding: 0 .5rem
}

.error-font-size {
    font-size: 2em
}

.view-deal-carousel {
    width: 60%;
    min-width: 25em;
    max-width: 60em
}

.hos-retainigs {
    background: #ff5252
}

.deal-view-input {
    width: 90%;
    margin: 1em auto;
    padding: 2em
}

.smaller-card {
    padding: 1em!important
}

.card-text-gap {
    margin-top: 1em
}

.deal-display-font {
    font-size: 1.2em
}

.carousel {
    margin: 0 auto
}

.pdf-modal-content {
    width: 100%;
    height: 100%
}

.modal .modal-content {
    height: 100%;
    padding: 2em
}

.modal-background-color {
    background-color: #000
}

.deal-side-div {
    width: 95%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 12px
}

.timer-font {
    font-size: 1.2em
}

.timer-div {
    width: 20%;
    text-align: center
}

.pages-div,
.timer-div {
    max-width: 60em;
    margin: 0 auto;
    height: auto;
    color: #fff;
    font-size: 1em
}

.pages-div {
    width: 60%;
    min-width: 25em;
    background-color: rgba(0, 0, 0, .7);
    padding: 1em 2em
}

.deal-join-div {
    width: auto;
    height: auto;
    text-align: center;
    padding: 2em;
    margin: 0 auto
}

.deal-set-bet {
    width: 80%;
    margin: 0 auto
}

.deal-fee-box {
    width: 100%;
    height: auto;
    padding: 1em;
    margin-top: 2em;
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
    color: #fff
}

.google-map-div {
    width: 100%;
    height: 23em;
    z-index: 1
}

.deal-comments-div {
    overflow: auto;
    word-wrap: break-word;
    max-height: 20em
}

.deal-desclaimer-text {
    width: 95%;
    margin: 3em auto;
    max-height: 50vh;
    background: #fff;
    padding: 2em;
    overflow: auto
}

.google-map-btn {
    width: 90%
}

.pdf-small-div {
    width: 100%;
    height: auto
}

.pdf-carousel {
    max-height: 8em
}

.timer-list {
    display: inline-block;
    font-size: 1em;
    list-style-type: none;
    padding: .5em;
    text-transform: uppercase
}

.timer-font-size {
    display: block;
    font-size: 1.5em
}

.deal-timer-div {
    text-align: center;
    padding: 1em!important
}

.carousel-arrow-right {
    position: relative;
    top: 25%
}

.arrow-icon {
    font-size: 5em
}

.carousel-arrow-left {
    position: relative;
    top: 25%
}

.view-property-btn-div {
    width: 105%;
    text-align: center
}

.deal-join-info {
    width: auto;
    height: auto;
    padding: 1em 2em;
    color: #fff
}

.deal-side-size {
    font-size: 1.5em
}

.pdf-padding {
    padding: 1em!important
}

.deal-pdf-box {
    background-color: rgba(0, 0, 0, .7);
    margin-top: 1em;
    min-width: 8em;
    padding: .2em 0 1em;
    text-align: center
}

.deal-header-widgets {
    padding: 1em!important
}

.deal-message-warning {
    font-size: 3em
}

.deal-join-btn {
    width: 50%;
    min-width: 10em;
    height: auto
}

.deal-disclaimer-btn {
    position: absolute;
    top: 1em;
    right: 1em
}

.deal-user-input-padding {
    padding: .8em!important
}

.deal-user-input-div {
    width: 100%;
    height: auto;
    padding: 0!important;
    text-align: center;
    margin-top: 2em
}

.google-map {
    width: 100%;
    height: 90%
}

@media (min-width:600px) {
    .carousel-arrow-left {
        left: 2em
    }
    .carousel-arrow-right {
        right: 2em
    }
}

@media (min-width:900px) {
    .deal-side-fee {
        margin-left: 1em
    }
}

.total-size {
    font-size: 1.5em
}

.mydeal-table-div {
    margin: 1em auto;
    width: 100%;
    max-height: 30em;
    overflow: auto;
    padding: 1em!important;
    min-height: 16em;
    vertical-align: top
}

.mydeal-info-div {
    margin: 0 auto;
    text-align: center
}

.mydeals-top-panel {
    background-color: rgba(0, 0, 0, .7);
    height: auto;
    min-height: 10em;
    min-width: 10em;
    border-radius: 20px
}

.card-panel {
    padding: 1em
}

.flexbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

.mydeal-info-right {
    padding: 3.5em 0
}

.mydeal-info-bg {
    background-color: rgba(0, 0, 0, .7)
}

.mydeals-table-font {
    font-size: 1em
}

.mydeals-google-map {
    width: 100%;
    height: 42vh
}

.mydeal-radius {
    border-radius: 20px!important
}

.mydeal-thin-div {
    padding: .5em!important
}

.mydeal-thin-text {
    margin: .5em!important
}

.view-deal-chart-div {
    width: 100%;
    height: auto;
    margin-top: 1em;
    background-color: rgba(0, 0, 0, .7);
    padding: 2em 0
}

.mydeals-header-size {
    font-size: 1.5em
}

.yellow-text {
    color: #ff0
}

.deals-funded {
    background: green
}

.deals-pending {
    background: #bf360c
}

.deals-repaid {
    background: #00f
}

.mydeal-table-row {
    background-color: rgba(0, 0, 0, .5)
}

.mydeal-nodeal-info {
    width: 70%;
    margin: 2em auto;
    border-radius: 25px
}

.mydeals-expandable-map-options {
    width: 18em;
    height: 15em;
    background: #263238;
    border-radius: 12px!important;
    position: relative;
    z-index: 999;
    top: -9em;
    left: -9em;
    text-align: center
}

@media (max-width:600px) {
    .mydeal-table-div {
        width: 100%
    }
    .mydeal-nodeal-info {
        width: 100%;
        margin: 2em auto;
        border-radius: 25px
    }
}

.settings-input-display {
    display: inline-block;
    width: 100%
}

.settings-username-div {
    margin: 1em auto;
    padding: 1em;
    width: auto;
    min-width: 20em;
    min-height: 6em
}

.settings-username {
    color: #fff;
    font-size: 1.2em;
    word-wrap: break-word;
    text-align: center
}

.disclaimer-div {
    width: 90%;
    margin: 0 auto;
    min-width: 20em;
    background-color: rgba(0, 0, 0, .7);
    padding: 2em
}

.settings-disclaimer-icon {
    font-size: 1.5em
}

.disclaimer-header {
    text-align: center
}

.disclaimer-text-div {
    width: 95%;
    max-height: 50vh;
    background: #fff;
    padding: 2em;
    overflow: auto;
    margin: 0 auto
}

.disclaimer-btn-div {
    margin-top: 2em;
    text-align: center
}

.all-settings-div {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    padding-bottom: 2em
}

.settings-bg {
    padding: 1em 4em 2em;
    background-color: rgba(0, 0, 0, .7)
}

.settings-inputs-div {
    width: 80%;
    text-align: center;
    margin: 0 auto
}

.settings-header {
    font-size: 2.5em
}

.yellow-icon {
    color: #ff0
}

.settings-user-account-div {
    width: 4em;
    height: 4em;
    border-radius: 100px;
    background-image: url(/images/userIcon.png);
    background-size: cover;
    margin: 0 auto
}

.settings-account-div-backdrop {
    width: 4.5em;
    height: 4.5em;
    border-radius: 100px;
    background: grey;
    margin: 0 auto;
    padding: .3em .2em .2em
}

@media (max-width:800px) {
    .all-settings-div,
    .settings-inputs-div {
        width: 90%
    }
}

.chat-div,
.chat-div-min {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999
}

.chat-div-min {
    width: 3em
}

.chat-enter-msg {
    height: auto
}

.chat-enter-msg,
.chat-inner-div {
    width: 100%;
    background: #fff;
    position: relative;
    bottom: 0;
    border-width: .1em;
    border-style: solid
}

.chat-inner-div {
    height: 25em;
    overflow: auto
}

.chat-bottom {
    position: fixed;
    bottom: .2em;
    right: .2em;
    width: 20em
}

.text-area-input {
    width: 80%
}

.chat-send-btn {
    margin-right: .5em;
    margin-top: .8em
}

.chat-input-width {
    width: 90%!important;
    margin-left: 1em!important;
    height: 3.8em!important;
    font-size: 1.1em!important;
    border-bottom: 0!important
}

.chat-input-width:focus {
    border-bottom: none!important;
    box-shadow: none!important
}

::-webkit-input-placeholder {
    color: #000;
    opacity: 1!important
}

:-moz-placeholder,
::-moz-placeholder {
    color: #000;
    opacity: 1!important
}

:-ms-input-placeholder {
    color: #000
}

.word-wrap {
    word-wrap: break-word;
    text-align: center
}

.chat-msg {
    float: left;
    width: 100%;
    padding: 0 1em;
    text-align: center;
    margin-top: .2em;
    margin-bottom: .2em;
    background-color: rgba(0, 0, 0, .2)
}

.chat-enter-div {
    width: 100%;
    height: auto;
    min-height: 4em
}

.chat-padding {
    padding: .5em
}

.chat-div-padding {
    padding: .8em!important
}

.chat-exit-btn {
    margin-left: 8em;
    background: red;
    padding: 0 1em
}

.sigCanvas {
    border-width: .3em;
    border-style: solid;
    color: #000;
    min-height: 15em;
    min-width: 20em;
    width: 30em;
    height: 20em
}

.sig-deal-btns {
    width: 100%
}

.current-signature {
    width: 25em;
    float: left;
    color: #fff;
    text-align: left;
    padding: 1em
}

.deal-documents-info-widgets {
    background-color: #818384;
    width: auto;
    padding: 1em
}

.document-pdf-view {
    height: 75vh;
    width: 100%
}

.document-file-div {
    min-height: 4em;
    max-height: 8em;
    text-align: center;
    color: #fff;
    padding: 1em!important
}

.document-file-div:hover {
    background: #4caf50!important
}

.document-file-outer-div {
    padding: .2em!important
}

.document-warning-icon {
    font-size: 5em;
    color: red
}

.document-upload-div {
    width: 40%;
    min-width: 20em;
    margin: 2em auto;
    background-color: rgba(0, 0, 0, .7);
    padding: 2em;
    border-radius: 12px
}

.sigCanvasOld {
    width: 100%;
    padding: 2em
}

.existings-sig-div {
    position: absolute;
    right: 2em;
    width: 18em;
    background: #fff;
    border-width: .3em;
    border-style: dashed
}

.sig-canvas-bg {
    background: #fff;
    margin: 0 auto;
    width: 30em;
    height: 20em
}

.small-edit-sig-btn {
    position: absolute;
    right: .5em;
    top: .5em
}

.document-pdf-view-admin {
    height: 75vh;
    width: 100%
}

.choose-file-icon {
    font-size: 6em;
    color: #4caf50
}

.cantClick {
    pointer-events: none
}

.file-select:hover {
    background: #4caf50!important
}

.file-type-select {
    margin: 0 auto;
    width: 50%
}

.document-sign-note {
    width: 100%;
    min-height: 1em;
    background-color: rgba(0, 0, 0, .6)
}

.document-sign-note-header {
    width: 100%;
    height: 3em;
    padding: .1em;
    background-color: rgba(0, 0, 0, .4)
}

.document-sign-note-text {
    padding: 0 1em 1em
}

.drop-zone-div {
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 2em;
    border: .2em dashed #fff;
    width: 90%;
    margin: 1em auto;
    height: 20vh;
    text-align: center
}

.file-upload-check {
    position: relative;
    top: 1em;
    font-size: 2em
}

.sign-note {
    color: #fff
}

.sign-note::-webkit-input-placeholder {
    color: #fff
}

.sign-note::-ms-input-placeholder {
    color: #fff
}

.sign-note::placeholder {
    color: #fff
}

.drop-zone-div:hover {
    background-color: rgba(0, 0, 0, .3)
}

.download-original-admin {
    padding: .5em
}

.document-big-btns {
    width: 100%
}

.file-upload-modal-background {
    background: #263238
}

.documents-user-select {
    width: 45%!important;
    padding: .8em 2em .8em .8em
}

.isSelected {
    background: #212121!important;
    pointer-events: none
}

.deal-sign-options {
    text-align: center;
    padding: 2em
}

.setUp-signature {
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 1em
}

.notify-table-row {
    padding: 1em!important
}

.document-files-div {
    width: 100%
}

@media (max-width:600px) {
    .current-signature {
        width: 100%;
        float: none;
        text-align: center
    }
    .setUp-signature {
        width: 100%;
        color: #fff;
        text-align: center
    }
    .deal-documents-info-widgets {
        background-color: #818384;
        width: 100%;
        padding: 3em
    }
    .sig-canvas-bg,
    .sigCanvas {
        width: 22em;
        height: 40vh
    }
    .sig-canvas-bg {
        background: #fff;
        margin: 0 auto
    }
}

.documents-pdf-div {
    z-index: 0!important;
    overflow: auto
}

.document-sign-main-div {
    overflow: auto;
    padding-bottom: 2em;
    min-width: 56em
}

.react-pdf__Document {
    z-index: 0!important
}

.react-draggable {
    touch-action: none
}

.react-pdf__Page__canvas {
    z-index: 0!important
}

.sign-note-btn {
    position: fixed;
    z-index: 999;
    left: 20%;
    top: 7.3em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.document-stamp-btn {
    position: absolute;
    top: -.1em;
    right: -4em
}

.document-stamp-btn-remove {
    position: absolute;
    top: 2.5em;
    right: -4em
}

.document-container {
    margin: 2em auto;
    width: 50.5em
}

.page-btn-left {
    position: absolute;
    top: 0;
    left: 0
}

.page-count-header {
    position: absolute;
    top: 0;
    left: 22em
}

.page-btn-right {
    position: absolute;
    top: 0;
    right: 0
}

.document-toolbar-div {
    position: fixed;
    top: 6em;
    height: 4em;
    text-align: left;
    padding: .5em;
    width: 100%;
    background-color: rgba(61, 70, 77, .8);
    border-top: 0;
    border-width: .09em;
    border-style: solid
}

.sign-table-row {
    padding: 0!important
}

.sign-done-btn {
    margin-top: -4.5em;
    width: 10em!important
}

.document-sign-button {
    border-radius: 200px!important;
    padding: 0 .6em .6em
}

.document-switch-page-div {
    padding-right: 1em;
    font-size: 1.3em;
    float: right
}

.toolbar-dropdown {
    text-align: left!important;
    padding: 1em;
    width: 15em!important;
    border-width: .1em;
    border-style: solid
}

.document-toolbar-dropdown {
    width: 15em!important;
    overflow: visible
}

.sign-button-div {
    position: fixed;
    top: 13em;
    right: 1em
}

@media only screen and (max-width:600px) {
    .toolbar-dropdown {
        text-align: left!important;
        padding: 3em;
        width: 15em!important;
        border-width: .1em;
        border-style: solid
    }
}