html,
        body {
            height: auto;
            min-height: 100%;
        }

        body_hero {
            background: linear-gradient(#FFCE45, orange);
        }

        footer,
        footer p {
            background: black;
            color: white;
            float: left;
            width: 100%;
        }

        footer hr.border-white {
            margin-top: 0;
        }

        .navbar-brand span {
            font-size: 14px;
        }

        .hide,
        .hidden {
            display: none !important;
        }

        .no-margin {
            margin: 0;
        }

        .pull-left {
            float: left !important;
        }

        .pull-right {
            float: right !important;
        }

        .nav-link {
            color: white !important;
        }

        .form-group .col-sm-8,
        label.control-label {
            float: left;
        }

        label.control-label {
            text-align: right;
        }

        .radio-inline input[type="checkbox"],
        .radio-inline input[type="radio"] {
            margin-right: 5px;
        }

        .radio-inline {
            margin-right: 20px;
        }

        .card-header {
            font-weight: bold;
            background: black;
            color: white;
        }

        .preview-box {
            border: 1px solid black;
        }

        .dropdown-menu {
            padding: 0;
        }

        .dropdown-item {
            background: #343a40;
            color: white;
        }

        .popup-box {
            position: fixed;
            z-index: 5;
            top: 0;
            width: 100%;
            padding: 2%;
            margin: 1% 0;
            text-align: center;
            height: 100%;
        }

        .popup-container {
            width: 980px;
            max-width: 100%;
            margin: 0 auto;
            display: block;
            background: white;
            padding: 1% 10%;
            box-shadow: 1px 1px 2px 0px black;
        }

        .tpopup-name {
            color: navy;
            font-size: 29px;
        }

        .tpopup-img img {
            max-width: 100%;
            height: 150px;
        }

        .tpopup-msg {
            font-size: 24px;
            font-weight: bold;
            color: red;
        }

        .tpopup-text {
            font-size: 21px;
            text-align: justify;
        }

        #invite_email {
            text-transform: lowercase;
        }

        .et-tag-access-box,
        .et-chat-box,
        .et-tag-ip-box {
            background: white;
            width: 640px;
            max-width: 100%;
            padding: 1% 1% 0;
            border: 2px solid orangered;
            position: fixed;
            bottom: 0;
            right: 0;
            z-index: 9;
        }

        .et-tag-access-box {
            left: 0;
            width: 560px;
            max-height: 95%;
            overflow-y: auto;
        }

        .et-tag-ip-box {
            left: 0;
            width: 560px;
            background: beige;
        }

        .ip-details-box {
            background: white;
            min-height: 200px;
            border: 1px solid;
            border-radius: 5px;
            margin: 0 0 20px;
            padding: 2%;
        }

        .close-ip-box {
            position: absolute;
            right: 2%;
            color: navy;
            cursor: pointer;
        }

        .contract_checkbox,
        .ip_checkbox {
            width: 30px;
            float: left;
            margin-right: 20px;
        }

        .ip-agree-box {
            float: left;
        }

        .ip-agree-box label {
            float: left;
            line-height: 30px;
        }

        .terminput {
            margin: 0 0 10px;
        }

        .et-tag-access-box .grant_access_list {
            max-height: 100%;
            height: auto;
            float: left;
            width: 100%;
        }

        .section_options {
            float: left;
            cursor: pointer;
            font-weight: bold;
            font-size: 21px;
            color: black;
            line-height: 30px;
        }

        ul.grant_access_list li {
            list-style: none;
            float: left;
            width: 100%;
            font-size: 21px;
        }

        ul.grant_access_list input[type="checkbox"] {
            float: left;
            width: 17px;
            margin: 10px;
        }

        .msg-box-cont {
            height: 240px;
            background: lightyellow;
            float: left;
            width: 100%;
            overflow-y: auto;
        }

        .msg-options-box,
        .msg-options-box p,
        .msg-input-box {
            width: 100%;
            float: left;
            position: relative;
        }

        .send-et-msg,
        .upload-msg-file {
            position: absolute;
            right: 10px;
            bottom: 0;
            font-size: 23px;
        }

        .upload-msg-file {
            right: 50px;
        }

        .close-msg-box {
            color: red;
            font-size: 16px;
            float: right;
        }

        .single-msg {
            width: 100%;
            float: left;
            margin-bottom: 10px;
        }

        .single-msg .left-msg,
        .single-msg .right-msg {
            width: 100%;
            margin: 0;
        }

        .single-msg .left-msg {
            float: left;
            color: black;
            text-align: left;
        }

        .single-msg .msg-box-bg {
            padding: 5px 10px;
            color: white;
        }

        .single-msg .left-msg .msg-box-bg {
            background: navy;
        }

        .single-msg .right-msg {
            float: right;
            text-align: right;
        }

        .single-msg .right-msg .msg-box-bg {
            background: #2B2C33;
        }

        .chat-box-title {
            background: navy;
            color: white;
            padding: 5px 10px;
        }

        .chat-box-title label {
            margin: 0;
            color: white;
            font-size: 16px;
        }

        .customize-tag-access {
            display: none;
        }

        #grant-access-section .form-group {
            float: left;
        }

        .more_options {
            display: none;
        }

        td.options-col {
            position: relative;
        }

        .show_more_options {
            position: absolute;
            right: 5px;
            bottom: 5px;
        }

        .converted_html {
            position: absolute;
            right: 5px;
            bottom: 5px;
            font-size: 19px;
            background: black;
            color: white;
            padding: 0 1rem;
        }

        .form-group.cnvrsn {
            position: relative;
        }

        .notif-icon {
            cursor: pointer;
            font-size: 32px;
            position: relative;
        }

        .notif-list {
            display: none;
            background: white;
            width: 260px;
            position: absolute;
            max-width: 80%;
            min-height: 60px;
            right: 0;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            z-index: 1;
            box-shadow: 1px 1px 1px 1px black;
            padding: 10px;
        }

        .notif-count {
            position: absolute;
            top: 0;
            right: 0px;
            color: lime;
            font-size: 21px;
            line-height: 21px;
            font-weight: bold;
        }

        .close_notif_list {
            float: right;
            color: red;
            cursor: pointer;
            font-weight: bold;
        }

        .ichat-btn {
            position: relative;
        }

        .unread_count {
            color: white;
            font-weight: bold;
            background: red;
            width: 20px;
            height: 20px;
            position: absolute;
            top: -10px;
            border-radius: 10px;
            line-height: 20px;
        }

        .notif-list ul {
            padding: 0;
            margin: 0;
        }

        .notif-list li {
            list-style: none;
            background: lightcyan;
            margin: 2px 0;
        }

        .text-msg-input {
            padding-right: 40px;
        }

        .single-msg .right-msg .msg-box-bg {
            float: right;
            text-align: left;
            max-width: 75%;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            border-top-right-radius: 5px;
            background: linear-gradient(45deg, gray, black);
        }

        .single-msg .left-msg .msg-box-bg {
            float: left;
            text-align: left;
            max-width: 75%;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            background: linear-gradient(45deg, blue, navy);
        }

        .single-msg {
            word-break: break-word;
        }

        .single-msg .img-container {
            max-width: 150px;
            float: left;
        }

        .single-msg .img-container img {
            max-width: 100%;
        }

        .single-msg .left-msg a {
            color: white;
        }

        .msg-file-box {
            display: none;
        }

        .msg_file_upload {
            width: 100%;
            float: left;
            margin: 10px 0 0;
        }

        .msg_file_upload button {
            float: right;
            color: green;
            font-size: 24px;
        }

        .more-msg-div {
            position: relative;
            width: 100%;
            display: block;
            float: right;
        }

        .delete-single-msg {
            color: red;
            position: absolute;
            right: 0;
            top: -4px;
        }

        .single-msg .right-msg.msg-status-1 .msg-box-bg {
            background: lightgray;
        }

        .chat-teams-list {
            display: none;
            position: absolute;
            top: 35px;
            right: 30px;
        }

        .chat-teams-list ul {
            margin: 0;
            padding: 0;
        }

        .team-member-item {
            list-style: none;
            color: white;
            background: black;
            cursor: pointer;
            padding: 5px;
        }

        @media (max-width:785px) {

            #tag_preview_container,
            #tag_flow_container {
                width: 98% !important;
            }

            .preview-box {
                width: 100% !important;
            }
        }

        @media (max-width:639px) {
            #progressbar li strong {
                writing-mode: tb-rl;
            }
        }