/*RESET*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
select {
    margin: 0;
    padding: 0;
}

fieldset,
images {
    border: 0;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

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

.container {
    min-height: 100%;
}

html,
body {
    background-color: #FFF;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    font-weight: 400;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

body {
    min-width: 1330px;
    height: auto;
    overflow: auto;
}

div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

div::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-linear-gradient(top, #d6f6e0 0%, #89ffaf 50%, #5cff90 51%, #216839 100%);
}

.container {
    background-color: #FFF;
}

a {
    text-decoration: none;
}

img {
    border: none;
}

*:focus {
    outline: none;
}

input[type="text"],
input[type="password"],
textarea,
table.listing .view,
input[type="submit"],
a {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

input[type="text"],
input[type="password"],
textarea {
    border: 1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;
    outline: none;
}

input[type=text]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: #B8B8B8;
}

.container:before {
    content: '';
    height: 100%;
    float: left;
}

.height-taker {
    position: relative;
    z-index: 1;
}

.height-taker:after {
    content: '';
    clear: both;
    display: block;
}

.wrapper {
    /*position: absolute;*/
    position: relative;
    width: 100%;
    height: 100%;
    /*overflow: auto;*/
}


/* COMMON BY JAYDEEP start */

.m-b-5 {
    margin-bottom: 5px !important;
}

.display-none {
    display: none !important;
}

.m-r-0 {
    margin-right: 0 !important;
}

#customer_init_msg_loader {
    text-align: center;
}

.tooltip-2 {
    border-bottom: 1px dotted #000000;
    color: #000000;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
}

.tooltip-2 span {
    margin-left: -999em;
    position: absolute;
}

.tooltip-2:hover span {
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute;
    left: 1em;
    top: 2em;
    z-index: 99;
    margin-left: 0;
    min-width: 150px;
}

.tooltip-2:hover img {
    border: 0;
    margin: -10px 0 0 -55px;
    float: left;
    position: absolute;
}

.tooltip-2:hover em {
    font-family: Candara, Tahoma, Geneva, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 0.2em 0 0.6em 0;
}

.tooltip-2 .classic {
    background: #FFFFAA;
    border: 1px solid #FFAD33;
    font-size: 12px;
    color: #000;
    padding: 5px;
}


/* COMMON BY JAYDEEP end */


/*.inverse, .inverse > *{
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}*/

.table {
    display: table;
    height: 100%;
    width: 100%;
}

.column {
    display: table-cell;
    vertical-align: top;
}

.important {
    font-weight: bolder;
    color: white;
}

.col-1 {
    width: 13%;
}

.col-3 {
    width: 17%;
}

.clear {
    clear: both;
}

.full-row {
    width: 100%;
    float: left;
}


/******HEADER CSS******/

.header {
    background: #203149;
}

.header .header-left,
.header .header-middle,
.header .header-right {
    padding: 20px 0;
    height: 40px;
}

.header .header-left {
    background: rgba(232, 232, 232, 0.14);
    text-align: center;
    width: 245px;
}

.header .header-left .logo .logo-img {
    width: 180px;
    margin: 10px 0px;
}

.header .header-middle {
    float: left;
}

.header .header-middle h1 {
    color: #FFFFFF;
    font-size: 2.1875em;
    line-height: 40px;
    font-weight: 300;
    padding-left: 20px;
}

.header .header-right {
    float: right;
    width: 29%;
}

.header .header-right .profile-name {
    color: #FFF;
    padding: 0;
    float: right;
    display: block;
    cursor: pointer;
    padding: 5px 10px;
}

a.profile-name span {
    display: block;
    width: auto;
    float: left;
    word-wrap: break-word;
    max-width: 220px;
    margin-right: 10px;
}

a.profile-name .profile-img {
    margin-right: 10px;
}

a.profile-name .profile-img img {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

a.profile-name span.name {
    margin-top: 5px;
}

a.profile-name .down-arrow {
    height: 5px;
    width: 10px;
    background: url(../images/down_arrow_10.png) no-repeat;
    margin-right: 29px;
    float: right;
    display: block;
    margin-top: 15px;
}

.header-sub-menu {
    width: 190px;
    background-color: #FFF;
    border: 1px solid #F0F1F3;
    position: absolute;
    right: 22px;
    top: 68px;
    z-index: 2;
    padding: 10px 0;
    -moz-box-shadow: 0 1px 3px #CFCFCF;
    -webkit-box-shadow: 0 1px 3px #CFCFCF;
    box-shadow: 0 1px 3px #CFCFCF;
    display: none;
}

.header-sub-menu .triangle {
    width: 16px;
    height: 8px;
    position: absolute;
    top: -8px;
    right: 10px;
    background: url(../images/white-triangle.png) no-repeat;
    display: block;
}

.header-sub-menu ul li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #EDEFF7;
    color: #5A5A5A;
    font-size: 13px;
}

.header-sub-menu ul li a:hover {
    background-color: #F8F9FB;
}

.header-sub-menu ul li a.first {
    border-top: 1px solid #EDEFF7;
}


/******MIDDLE CSS******/

.middle-wrapper {
    width: 100%;
    float: left;
    position: relative;
    display: table;
}

.left-bar,
.right-bar {
    top: 0;
    display: table-cell;
    overflow: hidden;
}

.left-bar {
    background: #203149;
    color: #FFFFFF;
    overflow: hidden;
    width: 245px;
    min-width: 245px;
}

.left-bar .left-bar-nav li a {
    width: 100%;
    display: block;
    float: left;
    padding: 12px 0;
    color: #C7C7C7;
    font-size: 0.85em;
    font-weight: bold;
    border-left: 3px solid #18273D;
    position: relative;
}

.left-bar .left-bar-nav li a:hover,
.left-bar .left-bar-nav li a.active {
    background-color: #18273D;
    color: #FFFFFF;
}

.left-bar .left-bar-nav li a.active {
    border-left: 3px solid #08683a;
    background-color: #18273D;
}

.left-bar .left-bar-nav li a span {
    margin-right: 10px;
}

.left-bar .left-bar-nav li a span.icn,
table.listing .action a span {
    width: 16px;
    height: 16px;
    background: url(../images/sprites.png) no-repeat;
    display: block;
    float: left;
}

.left-bar .left-bar-nav li a span.icn {
    margin-left: 20px;
}

.left-bar .left-bar-nav li a span.admin {
    background-position: -16px -0px;
}

.left-bar .left-bar-nav li a span.region {
    background-position: -46px -128px;
}

.left-bar .left-bar-nav li a span.home {
    background-position: -16px -64px;
}

.left-bar .left-bar-nav li a.active span.home {
    background-position: 0px -64px;
}

.left-bar .left-bar-nav li a:hover span.region,
.left-bar .left-bar-nav li a.active span.region {
    background-position: -32px -128px;
}

.left-bar .left-bar-nav li a span.commune {
    background-position: -16px -142px;
}

.left-bar .left-bar-nav li a:hover span.commune,
.left-bar .left-bar-nav li a.active span.commune {
    background-position: -0px -142px;
}


/*---------Reena Added Icon---------------*/

.left-bar .left-bar-nav li a span.chain {
    background-position: -47px -158px;
}

.left-bar .left-bar-nav li a:hover span.chain,
.left-bar .left-bar-nav li a.active span.chain {
    background-position: -31px -158px;
}

.left-bar .left-bar-nav li a span.venue {
    background-position: -16px -207px;
}

.left-bar .left-bar-nav li a:hover span.venue,
.left-bar .left-bar-nav li a.active span.venue {
    background-position: 0px -207px;
}

.left-bar .left-bar-nav li a span.client {
    background-position: -16px -175px;
}

.left-bar .left-bar-nav li a:hover span.client,
.left-bar .left-bar-nav li a.active span.client {
    background-position: 0px -175px;
}

.left-bar .left-bar-nav li a span.coach {
    background-position: -48px -175px;
}

.left-bar .left-bar-nav li a:hover span.coach,
.left-bar .left-bar-nav li a.active span.coach {
    background-position: -32px -175px;
}

.left-bar .left-bar-nav li a span.question {
    background-position: -48px -222px;
}

.left-bar .left-bar-nav li a:hover span.question,
.left-bar .left-bar-nav li a.active span.question {
    background-position: -32px -222px;
}

.left-bar .left-bar-nav li a span.document {
    background-position: -16px -239px;
}

.left-bar .left-bar-nav li a:hover span.document,
.left-bar .left-bar-nav li a.active span.document {
    background-position: -0px -239px;
}

.left-bar .left-bar-nav li a span.agent {
    background-position: -16px -158px;
}

.left-bar .left-bar-nav li a:hover span.agent,
.left-bar .left-bar-nav li a.active span.agent {
    background-position: 0px -158px;
}

.left-bar .left-bar-nav li a span.emp {
    background-position: -16px -190px;
}

.left-bar .left-bar-nav li a:hover span.emp,
.left-bar .left-bar-nav li a.active span.emp {
    background-position: 0px -190px;
}

.left-bar .left-bar-nav li a span.event {
    background-position: -48px -190px;
}

.left-bar .left-bar-nav li a:hover span.event,
.left-bar .left-bar-nav li a.active span.event {
    background-position: -32px -190px;
}

.left-bar .left-bar-nav li a:hover span.admin,
.left-bar .left-bar-nav li a.active span.admin {
    background-position: -0px -0px;
}

.left-bar .left-bar-nav li a span.dashboard {
    background-position: -16px -64px;
}

.left-bar .left-bar-nav li a:hover span.dashboard,
.left-bar .left-bar-nav li a.active span.dashboard {
    background-position: -0px -64px;
}

.left-bar .left-bar-nav li a span.school {
    background-position: -48px -96px;
}

.left-bar .left-bar-nav li a:hover span.school,
.left-bar .left-bar-nav li a.active span.school {
    background-position: -32px -96px;
}

.left-bar .left-bar-nav li a span.parents {
    background-position: -48px -80px;
}

.left-bar .left-bar-nav li a:hover span.parents,
.left-bar .left-bar-nav li a.active span.parents {
    background-position: -32px -80px;
}

.left-bar .left-bar-nav li a span.mailsetting {
    background-position: -16px -80px;
}

.left-bar .left-bar-nav li a:hover span.mailsetting,
.left-bar .left-bar-nav li a.active span.mailsetting {
    background-position: -0px -80px;
}

.left-bar .left-bar-nav li a span.students {
    background-position: -48px -112px;
}

.left-bar .left-bar-nav li a:hover span.students,
.left-bar .left-bar-nav li a.active span.students {
    background-position: -32px -112px;
}

.left-bar .left-bar-nav li a span.drivers {
    background-position: -48px -64px;
}

.left-bar .left-bar-nav li a:hover span.drivers,
.left-bar .left-bar-nav li a.active span.drivers {
    background-position: -32px -64px;
}

.left-bar .left-bar-nav li a span.vehicles {
    background-position: -16px -112px;
}

.left-bar .left-bar-nav li a:hover span.vehicles,
.left-bar .left-bar-nav li a.active span.vehicles {
    background-position: -0px -112px;
}

.left-bar .left-bar-nav li a span.routes {
    background-position: -16px -96px;
}

.left-bar .left-bar-nav li a:hover span.routes,
.left-bar .left-bar-nav li a.active span.routes {
    background-position: -0px -96px;
}

.left-bar .left-bar-nav li a span.message {
    background-position: -16px -369px;
}

.left-bar .left-bar-nav li a:hover span.message,
.left-bar .left-bar-nav li a.active span.message {
    background-position: -0px -369px;
}

.left-bar .left-bar-nav li a span.web {
    background-position: -48px 0px;
}

.left-bar .left-bar-nav li a:hover span.web,
.left-bar .left-bar-nav li a.active span.web {
    background-position: -32px -0px;
}

.left-bar .left-bar-nav li a span.settings {
    background-position: -48px -32px;
}

.left-bar .left-bar-nav li a:hover span.settings,
.left-bar .left-bar-nav li a.active span.settings {
    background-position: -32px -32px;
}

.left-bar .left-bar-nav li a span.contact-us {
    background-position: -48px -206px;
}

.left-bar .left-bar-nav li a:hover span.contact-us,
.left-bar .left-bar-nav li a.active span.contact-us {
    background-position: -32px -206px;
}

.left-bar .left-bar-nav li a span.coach-referrals {
    background-position: -22px -426px;
}

.left-bar .left-bar-nav li a:hover span.coach-referrals,
.left-bar .left-bar-nav li a.active span.coach-referrals {
    background-position: -2px -426px;
}

.left-bar .left-bar-nav li a span.job-cat {
    background-position: -22px -389px;
}

.left-bar .left-bar-nav li a:hover span.job-cat,
.left-bar .left-bar-nav li a.active span.job-cat {
    background-position: -2px -389px;
}

.left-bar .left-bar-nav li a span.job-sub-cat {
    background-position: -22px -410px;
}

.left-bar .left-bar-nav li a:hover span.job-sub-cat,
.left-bar .left-bar-nav li a.active span.job-sub-cat {
    background-position: -2px -410px;
}

.left-bar .left-bar-nav li a span.cost_suggestions {
    background-position: -22px -443px;
}

.left-bar .left-bar-nav li a:hover span.cost_suggestions,
.left-bar .left-bar-nav li a.active span.cost_suggestions {
    background-position: -2px -443px;
}

.icn-zip {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(../images/sprites.png) no-repeat;
    display: block;
    float: left;
    background-position: 0px -255px;
}

.right-bar {
    background: #F8F9FB;
    border-left: 1px solid #E4E8EB;
}

.content-section .middle-nav,
.right-bar .section-heading {
    border-bottom: 1px solid #E4E8EB;
    height: auto;
    background: #FFF;
    display: inline-block;
    width: 100%;
}

.content-section .middle-nav {
    background-color: #F8F9FB;
}

.right-bar .section-heading {
    background-color: #FFF;
}

.content-section .middle-nav ul,
.content-section .inner-heading {
    padding: 20px;
}

.content-section .inner-section {
    width: 100%;
    float: left;
}

.content-section .inner-heading {
    position: relative;
}

.content-section .inner-heading .search-form {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.content-section .inner-heading .search-form input[type="text"] {
    padding: 6px 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size: 0.875em;
    width: 200px;
    float: left;
}

.right-bar .section-heading h4 {
    color: #959A9E;
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: bold;
    padding: 23px 20px;
}

.content-section .middle-nav li {
    display: inline;
    margin-right: 10px;
}

.content-section .middle-nav li a {
    padding: 7px 12px;
    color: #666666;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: bold;
}

.content-section .middle-nav li a:hover {
    background-color: #E9EAEC;
}

.content-section .middle-nav li a.active {
    background: #4A5083;
    color: #FFFFFF;
}

.content-section h2 {
    font-size: 18px;
}

table.listing {
    border-bottom: 1px solid #E4E8EB;
    border-collapse: collapse;
}

table.listing tr {
    background-color: #FFF;
}

table.listing th {
    border-top: 1px solid #E4E8EB;
    border-bottom: 1px solid #E4E8EB;
    padding-top: 0;
    background-color: #F8F9FB;
    font-weight: 400;
}

table.listing tr {
    background-color: #FFF;
    border-bottom: 1px solid #E4E8EB;
}

table.listing th {
    padding: 3px;
}

table.listing th a {
    padding: 12px;
    display: block;
}

table.listing td {
    position: relative;
    padding: 15px;
}

table.listing td {
    color: #676767;
}

table.listing td.team-logo {
    width: 60px;
}

table.listing td.team-logo img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid #e5e5e5;
}

table.listing tr.alter {
    background-color: #FAFCFB;
}

table.listing .view,
table.listing .action a,
.right-bar .view-all {
    background-color: #FFF;
    border: 1px solid #C7C7C7;
}

table.listing .view,
.right-bar .view-all {
    font-size: 13px;
    padding: 5px 10px;
    color: #676767;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

table.listing .view {
    display: inline-block;
    float: left;
    margin: 2px 10px 0 0;
}

table.listing .action a:not(.view) {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    display: inline-block;
}

table.listing .view:hover,
table.listing .action a:hover,
.right-bar .view-all:hover {
    color: #535353;
    border-color: #929292;
}

table.listing .action a span {
    margin: 7px 0 0 7px;
}

table.listing .action a span.view-detail {
    background-position: -16px -128px;
}

table.listing .action a span.resend-detail {
    background-position: -17px -82px;
    background-size: 4.1rem;
    cursor: pointer;
}

table.listing .action a:hover span.view-detail {
    background-position: 0px -128px;
}

table.listing .action a:hover span.resend-detail {
    background-position: -17px -82px;
    background-size: 4.1rem;
    cursor: pointer;
}

table.listing .action a span.asign-tax {
    background-position: -16px -223px;
}

table.listing .action a:hover span.asign-tax {
    background-position: 0px -223px;
}

table.listing .action a span.edit {
    background-position: -48px -16px;
}

table.listing .action a span.delete1 {
    background-position: -16px -16px;
}

table.listing .action a:hover span.edit {
    background-position: -32px -16px;
}

table.listing .action a:hover span.delete1 {
    background-position: -0px -16px;
}

table.listing .action a span.cl-download {
    background-position: -48px -239px;
}

table.listing .action a:hover span.cl-download {
    background-position: -32px -239px;
}

table.listing .action a span.icn_remove_income {
    background-position: -48px -142px;
}

table.listing .action a:hover span.icn_remove_income {
    background-position: -32px -142px;
}

table.listing .action a span.icn-refer-payment {
    background-position: -48px -254px;
}

table.listing .action a:hover span.icn-refer-payment {
    background-position: -32px -254px;
}

.switch {
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background-color: #EBEBEB;
    width: 62px;
    height: 26px;
    overflow: hidden;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    cursor: pointer;
    display: inline-block;
}

.no-radius {
    border-radius: 0!important;
}

.switch .knob {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    position: absolute;
    top: 3px;
    left: 3px;
    background: #FFF;
    font-size: 12px;
    line-height: 15px;
    color: #6d808e;
    text-decoration: none;
    color: #d8dad9;
    text-align: center;
    -webkit-transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
    -moz-transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
    -o-transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
    transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
}

.switch .knob:before,
.switch .knob:after {
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top: 3px;
}

.switch .knob:before {
    content: "OFF";
    color: #676767;
    left: 24px;
}

.switch .knob:before {
    content: "OFF";
    color: #676767;
    left: 24px;
}

.switch .knob:after {
    content: "ON";
    color: white;
    left: -30px;
}

.switch.on {
    background: #05683A;
}

.switch.on .knob {
    left: 40px;
}

.pagination-wrapper {
    width: 100%;
    padding: 20px 0;
    float: left;
}

.pagination-wrapper .pagination {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #CECECE;
    float: right;
    margin-right: 20px;
    overflow: hidden;
}

.pagination-wrapper .pagination li {
    display: inline;
}

.pagination-wrapper .pagination li a,
.pagination-wrapper .pagination li strong {
    padding: 6px 12px;
    font-size: 14px;
    display: block;
    float: left;
    border-left: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    margin-left: -1px;
    color: #666666;
}

.pagination-wrapper .pagination li a:hover {
    background-color: #F8F8F8;
    color: #525151;
}

.pagination-wrapper .pagination li a.prev {
    border-left: 0;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
}

.pagination-wrapper .pagination li a.next {
    border-right: 0;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;
}

.form-wrapper {
    padding: 0 20px;
}

.form-wrapper .row {
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
    margin-top: -1px;
    float: left;
}

.form-wrapper .rel-row {
    padding: 10px 0 25px !important;
    position: relative !important;
}

.form-wrapper .row .form-lbl {
    width: 20%;
    float: left;
    color: #666666;
    display: block;
    margin-top: 5px;
}

.form-wrapper .row .cal-form-lbl {
    width: 30%;
    float: left;
    color: #666666;
    display: block;
    margin-top: 5px;
}

.form-wrapper .row .form-field {
    width: 80%;
    float: left;
}

.form-wrapper .row .cal-form-field {
    width: 70% !important;
    float: left;
}

.closeBtn {
    cursor: pointer !important;
    margin-right: 5px;
    margin-left: 5px;
}

.notifi-error {
    display: block;
    color: red;
    font-size: 14px;
    position: absolute;
}

.title-error {
    display: block;
    color: red;
    font-size: 14px;
    position: absolute;
}

.userid-error {
    display: block;
    color: red;
    font-size: 14px;
    position: absolute;
}

.form-wrapper .row .form-field input[type="text"],
.form-wrapper .row .form-field input[type="password"] {
    padding: 7px 8px;
    width: 300px;
    resize: none;
}

.form-wrapper .row .browse {
    font-size: 14px!important;
}

.form-wrapper .row.last-row {
    border: none;
}

.form-wrapper .row .form-field input[type="submit"],
.form-wrapper .row .border-rounded-link {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    cursor: pointer;
    font-size: 12px!important;
    font-weight: bold;
    display: block;
    float: left;
    text-transform: uppercase;
}

.form-wrapper .row .form-field input[type="submit"] {
    padding: 10px 20px;
    background-color: #05683A;
    color: #FFFFFF;
    border: 0;
}

.add_info {
    padding: 6px 20px;
    background-color: #08673a;
    color: #FFFFFF;
    border: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-right: 20px;
    float: right;
    margin: 15px 2px;
}

.add_info:hover {
    background: #2AB935;
}

.form-wrapper .row .form-field input[type="submit"]:hover,
.admin-list-filter .search-form input[type="submit"]:hover {
    background: #0d9856 !important;
}

.form-wrapper .row.last-row .form-field {
    margin-left: 20%;
}

.form-wrapper .row .border-rounded-link {
    border: 1px solid #D9DDE0;
    padding: 9px 20px;
    color: #A7A7A7;
}

.form-wrapper .last-row .border-rounded-link {
    margin-left: 8px;
}

.form-wrapper .row .border-rounded-link:hover {
    border-color: #AFAFAF;
}


/*RIGHT BAR CSS*/

.recent-match {
    text-align: center;
    font-size: 11px;
}

.right-bar .date {
    background-color: #ECE8E8;
    padding: 5px;
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
}

.recent-match .team-info,
.recent-match .seperator {
    vertical-align: middle;
    padding: 10px 5px;
}

.recent-match .team-info {
    width: 40%;
}

.recent-match .team-info a,
.player .player-info a {
    color: #666666;
}

.recent-match .team-info a img {
    max-width: 40px;
    max-height: 40px;
}

.recent-match .team-info a:hover,
.player .player-info a:hover {
    color: #000;
}

.recent-match .seperator {
    width: 20%;
}

.recent-match .team-info span,
.player .player-points span {
    display: block;
}

.recent-match .team-info .team-name {
    margin-top: 5px;
}

.recent-match.alternative,
.player.alternative {
    background-color: #F1F3F5;
}

.view-all {
    padding: 5px;
    display: block;
    margin: 5px;
    text-align: center;
    font-size: 12px;
}

.leaderboard-header {
    border-top: 1px solid #E4E8EB;
    margin-top: 5px;
}

.right-bar .player {
    font-size: 13px;
    padding: 10px 5px;
}

.player .player-info {
    width: 70%;
}

.player .player-points {
    width: 30%;
    vertical-align: middle;
    text-align: center;
}

.player .player-info img {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    float: left;
}

.player .player-info span {
    display: block;
    float: left;
    margin: 5px 0 0 10px;
}

.player .player-points .lbl {
    font-size: 9px;
    text-transform: uppercase;
    color: #666;
}


/******MIDDLE CSS******/


/* LOGIN PAGE CSS */

body.home {
    background: #f5f5f5;
}

.login-panel {
    min-height: 230px;
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -230px;
    margin-top: -150px;
    background: rgb(0 0 0 / 78%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    padding: 30px;
    border-radius: 16px;
}

.manage_logo {
    font-size: 36px;
    color: #000;
    text-align: center;
    margin-top: 10px;
}

.login-panel form {
    padding-top: 10px;
}

.login-panel form input {
    padding: 7px 0;
    border: none;
    width: 250px;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.login-panel form p {
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.label_cls {
    width: 110px;
    display: block;
    float: left;
    text-align: right;
    margin-right: 20px;
    margin-top: 5px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}

.login-panel form input[type="submit"] {
    padding: 10px 20px;
    background-color: #057331;
    color: #FFFFFF;
    border: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    cursor: pointer;
    font-size: 12px!important;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    width: auto;
    float: right;
    margin-right: 20px;
    border-bottom: none;    padding: 10px 20px;
    background-color: #057331;
    color: #FFFFFF;
    border: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    cursor: pointer;
    font-size: 12px!important;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    width: auto;
    float: right;
    margin-right: 20px;
    border-bottom: none;
}

.login-panel .forgot {
    width: 100%;
    float: left;
    text-align: right;
}

.login-panel .forgot a {
    margin-right: 20px;
    color: #fff;
}

.login-panel .forgot a:hover {
    margin-right: 20px;
    color: #4A5083;
}

.login_error {
    background: rgba(255, 255, 255, 0.82);
    color: #BE1A1A;
    border: 1px solid #ADADAD;
    padding: 4px 8px;
    font-size: 12px;
    margin: 2px 10px;
}

.msg-error,
.msg .msg-error {
    margin: 4px 18px 4px;
    border: 1px solid #EBC2C9;
    color: #a94442;
    font-size: 14px;
    background: #F8EFEF;
    padding: 4px 10px;
}

.msg .msg-success {
    border: 1px solid #CADBBB;
    color: #3c763d;
    padding: 5px 20PX;
    margin: 18px 18px 4px;
    margin-bottom: 15px;
    background: #F0FAEC;
    font-size: 14PX;
}

.login-panel .msg-error {
    margin: 2px 10px;
    border: 1px solid #ADADAD;
    color: #BE1A1A;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.82);
}

.login-panel .msg-error p {
    line-height: 16px;
}

.login_success {
    border: 1px solid #d6e9c6;
    color: #3c763d;
    padding: 5px;
    margin: 0 20px;
    margin-bottom: 15px;
    background: #dff0d8;
    font-size: 13px;
}

.msg-warning {
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #A5906C;
    padding: 5px 20PX;
    margin: 18px 18px 4px;
}


/* JQUERY VALIDATION MESSAGES */

#login_form>p>label.error,
#forgot_form>p>label.error,
#recover_form>p>label.error {
    float: none;
    width: 240px;
    display: inline-block;
    position: relative;
    margin-top: 0px;
    font-size: 12px;
    padding: 0;
    vertical-align: middle;
    text-align: left;
    margin-left: 130px;
    margin-bottom: 0;
    background: none;
    border: 0;
    color: #BE1A1A;
}

label.error {
    background: #FFFFFF;
    color: #a94442;
    border: 1px solid #FFFFFF;
    padding: 4px 2px;
    font-size: 12px;
    position: absolute;
    width: 25%;
    margin: 4px 0;
}

.form-wrapper .row .form-field input.error,
.form-wrapper .row .form-field textarea.error,
.form-wrapper .row .form-field select.error {
    border-color: #EBB6BC;
}


/* JQUERY VALIDATION MESSAGES */

table.listing .action a p.delete {
    width: 32px;
    height: 32px;
}


/*delete wrapper*/

.confirm-wrapper {
    position: relative;
    /*display: inline;*/
    left: -153px;
    top: -78px;
    padding: 4px;
    background: rgba(0, 0, 0, .12);
    -webkit-transition: opacity .23s;
    color: #FFFFFF;
    border-radius: 4px;
    float: left;
    width: 196px;
}

.confirm-box {
    padding: 5px;
    background: #D00D00;
    border-radius: 3px;
    float: left;
    position: relative;
}

.confirm-box .confirm-msg {
    float: left;
    margin: 5px 20px 0 5px;
}

.confirm-box span {
    padding: 5px;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 2px;
    cursor: pointer;
    border-radius: 4px;
}

span.confirm-select-yes,
span.confirm-remove-yes {
    background: url(../images/icons/tick.png) no-repeat center #9C0700!important;
}

span.confirm-select-no,
span.confirm-remove-no {
    background: url(../images/icons/close_white.png) no-repeat center #9C0700!important;
}

span.arrow {
    background: url(../images/icons/red-triangle.png) no-repeat center!important;
    height: 5px!important;
    position: absolute;
    bottom: -10px;
    right: 18px;
}

.confirm-wrapper.income {
    width: 362px;
    left: -320px;
}


/*delete wrapper ends*/


/*top  loader  */

.top_loader_wrap {
    position: fixed;
    width: 100%;
    margin: 0;
    text-align: center;
    top: 0;
    display: none;
    z-index: 9999999;
}

.top_loader_wrap .top_loader {
    width: 100px;
    margin: 0 auto;
    background-color: #FFF8C2;
    height: 20px;
    padding: 4px;
    text-align: center;
    border-radius: 0 0 4px 4px;
    font-weight: 700;
    border: 1px solid #B4B4B4;
    border-top: 0;
    color: #999;
}

.error_message {
    position: fixed;
    width: 100%;
    margin: 0;
    text-align: center;
    top: 0;
    display: none;
    z-index: 1000;
}

.error_message .top_loader {
    width: 180px;
    margin: 0 auto;
    background-color: #EF7600;
    height: 20px;
    padding: 4px;
    text-align: center;
    border-radius: 0 0 4px 4px;
    font-weight: 700;
    border: 1px solid #B4B4B4;
    border-top: 0;
    color: #FDFCFC;
}


/* top loader ends*/

.list_all {
    background: url(../images/icons/close.png) center no-repeat;
    background-size: 16px 16px;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: 0px;
    top: 2px;
    right: 2px;
    position: absolute;
    background-color: #FFF;
    border: 1px solid #C7C7C7;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.list_all:hover {
    background: url(../images/icons/close_h.png) center no-repeat;
    color: #535353;
    border-color: #929292;
}

#upload_dp,
#upload_idproof,
#upload_sign {
    position: absolute;
    left: 200px;
    top: -200px;
    opacity: 0;
    visibility: hidden;
}

.imgdp {
    border: 1px solid #ccc;
    margin-left: 5px;
}

.row select {
    border: 1px solid #D9DDE0;
    background: #fff;
    font-family: 'Lato', sans-serif;
    outline: none;
    padding: 7px 8px;
    width: 318px;
}


/* SETTINGS PAGE CSS */

.inline_addnew>.tabs {
    padding-top: 16px;
    margin-left: 12px;
}

.inline_addnew>.tabs li {
    list-style: none;
    display: inline;
}

.inline_addnew>.tabs>li>a.active {
    color: #71B280;
    background: #FFFFFF;
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #fff;
}

.inline_addnew>.tabs>li>a {
    padding: 10px 15px;
    display: inline-block;
    background: #fff;
    color: #71B280;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}

.mt1 {
    margin-top: -1px;
}

.row .form-field textarea {
    width: 305px;
    max-height: 100px;
    padding: 6px 6px;
}

#webpage_form .row .form-field textarea {
    max-height: 100%;
}

.languages {
    color: #FFF;
    padding: 20px 0;
    height: 40px;
    float: left;
}

.languages a {
    color: #FFF;
    cursor: pointer;
    padding: 4px 0px;
    display: inline-block;
}


/*  INFO PAGE */

.form-wrapper .row1 {
    width: 100%;
    border-top: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
    margin-top: -1px;
    float: left;
}

.form-wrapper .row1 .form-lbl {
    width: 15%;
    float: left;
    display: inline-block;
    padding: 10px 20px;
    border-right: 1px solid #F3F3F3;
    text-align: right;
}

.form-wrapper .row1 .form-field {
    width: 75%;
    float: left;
    margin-left: 10px;
    font-weight: normal;
    padding: 10px;
    color: #666666;
}

.form-wrapper .row1 img {
    margin-left: 18px;
    border-radius: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 60px;
}

.clr_a {
    color: #676767 !important
}

.diff {
    float: left;
    margin-bottom: 15px;
}

.fl {
    float: left !important;
}

.span_td {
    width: 530px;
    float: left;
    margin-left: 140px;
}

.venue_cont_add {
    text-transform: capitalize !important;
}

.venue_cont_add:hover {
    border-color: #33DA40 !important;
    color: #2AB935 !important;
}

.remove_contact {
    text-transform: capitalize !important;
    margin-right: 5px;
}

.remove_contact:hover {
    border-color: #F24D4D !important;
    color: #FF0000 !important;
}


/*  INFO PAGE */

.permlink {
    color: #0099FF;
}

.form-wrapper .row1 .form-field div span {
    width: 100px;
    display: inline-block;
}

.form-wrapper .row1 .form-field div {
    margin-bottom: 5px;
}

.form-wrapper .row1 .form-field.fck_content {
    width: 800px !important;
    border-bottom: none !important;
    min-height: 39px;
    border-left: 1px solid #F3F3F3;
    margin-left: 0px;
    padding-left: 20px;
}

.form-wrapper .row1 .fck_label {
    border: none !important;
}

.tcenter {
    text-align: center !important;
}

.dash_main {
    color: #676767;
    line-height: 22px;
}

.roundimg>img {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

.slug_text {
    color: #8B8B8B;
    font-size: 0.93em;
}

input#slug {
    width: 100px;
}

noscript {
    position: fixed;
    top: -4px;
    width: 100%;
    text-align: center;
    opacity: 0.85;
}

noscript .msg-warning {
    margin: 0px;
}

.paddimp {
    padding: 0px !important;
}

.header-left .logo {
    height: 50px;
    padding: 20px 16px;
    display: block;
    width: 180px;
}

table.listing .action {
    text-align: right;
    padding-right: 20px;
    position: relative;
}

.ui-datepicker {
    width: 250px !important;
}

.ui-widget {
    font-size: 1em !important;
}

.maintenance-field {
    width: 26% !important;
    float: left !important;
}

.form-wrapper .row .form-field select,
.form-wrapper .row .maintenance-field input[type="text"] {
    width: 318px;
}

.maintenance-lbl {
    color: #666666;
    display: block;
    margin: 5px 0px 10px 0px;
}


/*______________________________________new Csss_____________ */

.row .multiple-big-row .form-field input {
    width: 146px !important;
    float: left;
    margin-right: 10px;
}

.row .multiple-big-row .form-field select {
    width: 146px !important;
    float: left;
    margin-right: 10px;
}

.row .multiple-big-row {
    width: 100%;
    display: inline-block;
    margin: 7px 0px;
}

.row .multiple-big-row .mul-lbl {
    width: 160px !important;
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
    color: #666666;
}

.timings-input .form-field .form-lbl {
    width: auto;
    margin-right: 5px;
}

.row .multiple-big-row .form-field input.timepicker {
    width: 86px !important;
    margin-right: 30px !important;
}

label[for=start_time_morning].error,
label[for=end_time_morning].error,
label[for=start_time_evening].error,
label[for=end_time_evening].error,
label[for=start_time_morning].ok,
label[for=end_time_morning].ok,
label[for=start_time_evening].ok,
label[for=end_time_evening].ok {
    margin: -17px 0 0 -139px;
    width: 112px;
    padding: 0px;
}

label.ok {
    position: absolute;
}

.row .multiple-row {
    width: 100%;
    display: inline-block;
    margin: 7px 0px;
}

.form-wrapper .row .form-field #rut2 {
    width: 50px;
}

.form-wrapper .row1 .venue_contact_info td {
    padding: 8px;
    font-size: 15px;
}

.form-wrapper .row1 .venue_contact_info th {
    color: #000;
    padding: 0px 8px;
    font-size: 1em;
    font-weight: 400;
}

.admin-list-filter .search-form select {
    border: 1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;
    outline: none;
    padding: 7px 8px;
    width: 160px;
    margin-right: 5px;
}

.admin-list-filter .search-form input[type="text"] {
    webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    width: 160px !important;
    margin-right: 5px;
    padding: 7px 8px !important;
}

.admin-list-filter .search-form input[type="submit"],
#campaign_add .nextstep1,
#campaign_add .nextstep2 {
    padding: 10px 20px;
    background-color: #33DA40;
    color: #FFFFFF;
    border: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    cursor: pointer;
}

.content-section .middle-nav li .reset-filter {
    float: right;
    background-color: #33DA40;
    color: #FFFFFF !important;
}

.accordian-wrapper.step2 .inner-accordian,
.accordian-wrapper.step3 .inner-accordian {
    display: none;
    float: left;
}

.campaign_add .inner-accordian {
    margin-left: 30px;
    margin-top: 10px;
    float: left;
}

.accordin {
    padding: 7px 10px;
    background: #e7e7e7;
    cursor: pointer;
    float: left;
    width: 100%;
    color: #737373;
    font-size: 18px;
    word-spacing: 3px;
    border: 1px solid #dfdfdf;
}

.accordian-wrapper {
    margin-top: 10px;
    float: left;
    width: 92%;
}

.accordian-wrapper.step3 {
    margin-bottom: 50px;
}

.campaign_add .venue-selector-block {
    display: none;
}

.campaign_add .venue-selector select {
    width: 100px;
}

.campaign_add .venue-selector tr:first-child {
    height: 34px;
}

.campaign_add .venue-selector .date-selector tr {
    height: 34px;
}

.campaign_add .venue-selected-block .venue-selector .date-selector,
.campaign_add .venue-selector-block .venue-selector .date-selector {
    max-width: 620px;
    ;
    overflow-x: auto;
}

.campaign_add .venue-block-info .venue-selector .date-selector {
    max-width: 510px;
    overflow-x: auto;
}

.campaign_add .venue-selector .date-selector table {
    border-collapse: collapse;
    background: #DDDDDD;
}

.campaign_add .venue-selector {
    border-collapse: collapse;
    border-left: 1px solid #CCC;
}

.campaign_add .venue-selector tr,
.campaign_add .venue-selector .date-selector tr {
    border-bottom: 1px solid #CCC;
}

.campaign_add .venue-selector td,
.campaign_add .venue-selector .date-selector td {
    padding: 0px 3px;
    text-align: center;
}

.campaign_add .venue-selector .date-selector-td {
    padding: 0px !important;
}

.campaign_add .venue-selector .date-selector tr td:last-child {
    border-right: none !important;
}

.campaign_add .venue-selector .date-selector tr:last-child {
    border-bottom: none !important;
}

.campaign_add .venue-selector .date-selector-td {
    border-top: none !important;
}

.scroll-adjust {
    padding-bottom: 5px !important;
}

.campaign_add .venue-selector td {
    border-right: 1px solid #CCC;
}

.no-border {
    border-bottom: none !important;
}

.campaign_add .venue-selector .date-selector-td .am-row {
    background: #F2F1EF;
}

.campaign_add .venue-selector tr:first-child td {
    border-top: 1px solid #ccc;
}

.campaign_add .venue-selector .date-selector tr:last-child td,
.campaign_add .venue-selector tr:last-child td {
    height: 40px;
}

.campaign_add .venue-selector .date-selector td.weekend-date {
    background: #edb99d;
    ;
}

.campaign_add .venue-selector .date-selector .am-row td.weekend-date {
    background: #fbcab8!important;
}

.key-dates-block input[type=text] {
    width: 144px !important;
    margin: 0px 20px 20px 0px;
}

.key-dates-block select {
    width: 80px !important;
    margin: 0px 25px 10px 55px;
}

.key-dates-block input[type=checkbox] {
    margin-left: 110px
}

.key-dates-block-labels .form-lbl {
    width: 186px !important;
    text-align: center;
}

.campaign_add .venue-selector .venue-selector-tr .error {
    border: 1px solid #F00;
}

.venue-hidden {
    display: none;
}

.venue-selected-block .date-selector-td .selected-date,
.venue-block-info .date-selector-td .selected-date {
    display: inline-block;
    height: 16px;
    width: 16px !important;
    background: url(../images/yes.png) no-repeat;
}

.venue-selected-block .venue-selector-tr span,
.venue-block-info .venue-selector-tr span {
    width: 100px;
    display: inline-block;
    word-wrap: break-word;
    height: 36px;
    overflow: hidden;
}

.campaign_add .venue-selector-tr .venue-remove {
    background: url(../images/close.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0px 12px;
    opacity: 0.6;
}

.campaign_add .venue-selector-tr .venue-remove:hover {
    opacity: 0.8;
}

.campaign_add .add_venue {
    color: #33DA40;
    margin-top: 11px;
    font-size: 14px;
    display: inline-block;
}

.campaign_add .hide-taste-spec {
    display: none;
}

#campaign_add label[for="key_dates[]"] {
    margin-left: -187px;
    margin-top: 33px;
    width: 173px;
    padding: 0px;
}

.venue-block-info div {
    margin-bottom: 0px !important;
}

.venue-block-info a.permlink {
    width: 90px;
    word-wrap: break-word;
    display: inline-block;
}

.venue-block-info a.permlink.salescoach {
    width: 110px !important;
}

.no-border {
    border-top: none !important;
    border-bottom: none !important;
}

.no-bottom-border {
    border-bottom: none !important;
}

.excel_download {
    padding: 6px 20px;
    background-color: #33DA40;
    color: #FFFFFF;
    border: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-right: 20px;
    margin: 15px 2px;
}

.excel_download_wrapper {
    text-align: center;
    padding-bottom: 32px;
}

.utr-list {
    font-size: 12px;
    color: #888;
    font-style: italic;
}

.cash-back-div {
    display: inline-block;
    width: 100%;
}

.cash-back {
    height: 35px;
    width: auto;
    border-color: #F8F9FB;
    border: 1px solid #E4E8EB;
    background-color: #F8F9FB;
    border-radius: 25px;
    color: #000;
    font-size: 24px;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    float: left;
    margin-bottom: 30px;
    margin-left: 15px;
}

.btn-go {
    cursor: pointer;
    height: 35px;
    width: 55px;
    border-radius: 20px;
    color: #FFF;
    font-size: 14px;
    border-color: #05683A;
    border-style: solid;
    background-color: #05683A;
}

.btn-go:hover {
    cursor: pointer;
    background-color: #0C6;
    border-color: #0C6
}

.btn-export {
    cursor: pointer;
    width: auto;
    margin-right: 50px;
    float: right;
    border-radius: 30px;
    color: #FFF;
    font-size: 14px;
    border-color: #05683A;
    border-style: solid;
    background-color: #05683A;
    text-align: center;
    padding: 8px 20px;
}

.btn-export:hover {
    cursor: pointer;
    background-color: #05683A;
    border-color: #05683A
}

.filter-wrap {
    padding: 15px;
    background-color: #F4F4F4;
    border-top: 1px solid #F0F0F0;
    display: block;
    text-align: right;
}

.filter-wrap select {
    border: 1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;
    outline: none;
    padding: 5px 8px;
    width: 200px;
    text-align: left;
}

.filter-wrap .search-form {
    position: relative !important;
    display: inline-block!important;
    right: 0!important;
    top: 0px !important;
    text-align: left;
}

.filter-wrap .search-form input {
    border: 1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;
    outline: none;
    padding: 6px 15px;
    font-size: 0.875em;
    width: 140px;
    text-align: left;
}

.filter-wrap span {
    color: #999;
    padding: 0px 5px 0px 20px;
}

table.listing td.success,
.form-wrapper.utr-wrapper .row1 .form-field.success {
    color: #00CC00;
}

table.listing td.fail,
.form-wrapper.utr-wrapper .row1 .form-field.fail {
    color: #FF0000;
}

.form-wrapper.utr-wrapper {
    display: table;
    width: 100%;
}

.form-wrapper.utr-wrapper .row1 {
    display: table-row;
    float: none;
}

.form-wrapper.utr-wrapper .row1:first-child .form-lbl,
.form-wrapper.utr-wrapper .row1:first-child .form-field {
    border-top: 1px solid #F3F3F3;
}

.form-wrapper.utr-wrapper .row1 .form-lbl {
    width: 30%;
    float: none;
    display: table-cell;
    padding: 10px 20px;
    border-right: 1px solid #F3F3F3;
    text-align: right;
    border-bottom: 1px solid #F3F3F3;
}

.form-wrapper.utr-wrapper .row1 .form-field {
    width: 70%;
    float: none;
    display: table-cell;
    font-weight: normal;
    padding: 10px;
    color: #666666;
    border-bottom: 1px solid #F3F3F3;
}


/* Style the tab */

div.tab {
    overflow: hidden;
    border-top: 1px solid #E4E8EB;
    background-color: #fafcfb;
    color: #000;
}

div.tab a {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 18px;
    transition: 0.3s;
    color: #000;
    position: relative;
}

div.tab a:hover {
    background-color: rgba(234, 234, 234, 0.60);
}

div.tab a.enable.active {
    color: #05683A;
    background-color: rgba(234, 234, 234, 0.60);
}

div.tab a.delete.active {
    color: #FF0000;
    background-color: rgba(234, 234, 234, 0.60);
}

.nav-tabs>li>a {
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: white;
    background-color: #4A5083 !important;
}

.nav-tabs {
    border-bottom: 0px;
}

.nav-tabs-custom a {
    color: #666666;
}

.nav-tabs-custom a:hover,
.detail-lable a:hover {
    color: #454545;
}

.nav.promo_tab li>a {
    margin-right: 10px;
    border: 1px solid #dbdbdb;
    border-bottom: 0px !important;
    border-radius: 4px 4px 0px 0px;
    font-size: 20px;
    padding: 5px !important;
    padding-bottom: 0px !important;
}

.all {
    background-color: red !important;
    border: 1px solid red !important;
}

.custom-width {
    background-color: white !important;
    width: 140px !important;
}

.small-input {
    background-color: white !important;
    width: 90px !important;
}

button.menu_links {
    cursor: pointer;
}

.odrer_by {
    cursor: pointer;
}

.temp_span {
    visibility: hidden;
}

#order_desc {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #9295a2;
    display: inline-block;
    float: right;
    margin: 3px 15px 5px 5px;
}

#order_asc {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #9295a2;
    display: inline-block;
    float: right;
    margin: 3px 15px 5px 5px;
}

.symbol {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #9295a2;
    display: inline-block;
    float: right;
    margin: 3px 15px 5px 5px;
}

.order {
    margin-top: 7px !important;
}


/*By RAJAN*/

.pagination-wrapper .pagination li.active {
    font-weight: 600;
}


/*MODEL START*/


/* The Modal (background) */

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 999999;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 20px auto;
    padding: 0;
    border: 1px solid #888;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

#add_admin_note_popup .modal-content {
    max-width: 550px;
}


/* Add Animation */

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}


/* The Close Button */

.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -7px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 20px;
    background: -webkit-linear-gradient(0deg, #4A5083 10%, #05683A 90%);
    color: white;
}

.modal-body {
    padding: 20px;
    border-top: 1px solid #e5e5e5;
    width: 92%;
    display: inline-block;
    float: left;
}

/*  */
.unstyled-btn{background: none; border: 0px; padding: 0px;}
.add-addinal-fees-tax-refund{
    padding: 5px 10px !important;
    font-size: 13px;
    margin-left: 20px;
}
.fees-description-input{
    width: 30% !important;
}
#add_addinal_fees_tax_bill_div .row.model-row,#add_addinal_fees_tax_refund_div .row.model-row{
    display: flex;
    flex-direction: row;
}
#add_addinal_fees_tax_bill_div .custom-flex-row,#add_addinal_fees_tax_refund_div .custom-flex-row{
    justify-content: flex-start;
    flex-direction: row;
    margin: 0px;
}
.fees-price-input{
    width: 70% !important;
}
#add_addinal_fees_tax_bill_div .main-row,#add_addinal_fees_tax_refund_div .main-row{
    margin-top: 10px;
}

@media all and (min-width: 2400px) {
    .modal-body {
        width: 95%;
    }
}

#confirm_action_customer_popup .modal-body {
    display: inline-block;
    float: none;
}

.modal-footer {
    padding: 20px;
    background-color: #fff;
    color: black;
    border-top: 1px solid #e5e5e5;
    text-align: right;
}

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

.btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modal-footer .btn {
    background-color: #05683A;
    border-radius: 3px;
    border: 1px solid #05683A;
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
    margin-left: 10px;
}

.btn.cancel {
    margin-right: 15px;
    background-color: #f0f2f7;
    border-radius: 4px;
    border: 1px solid rgb(217, 217, 217);
    color: #ec1d25;
}


/*MODEL END*/

.model-row .form-lbl {
    width: 25%;
    display: block;
    float: left;
    line-height: 31px;
}

.model-row .form-field {
    width: 75%;
    display: block;
    float: left;
}


/*FAST SELECT CSS _START*/

.fstToggleBtn {
    font-size: 14px;
    padding: 6px 6px;
}

.fstElement {
    width: 100%;
}

.fstSingleMode .fstQueryInput {
    font-size: 14px;
    padding: 6px 12px;
}

.fstResultItem {
    font-size: 14px;
    padding: 6px 12px;
}

.fstNoResults {
    font-size: 14px;
    padding: 6px 12px;
}

.fstResultItem.fstSelected,
.fstResultItem.fstFocused {
    color: #999;
    background-color: #f7f7f7;
    border-color: #d2d6de;
}

.fstSingleMode.fstActive .fstResults {
    max-height: 335px;
}

.fstMultipleMode .fstQueryInputExpanded {
    font-size: 14px;
    padding: 6px 12px;
}

.fstMultipleMode .fstControls {
    padding: 0px 0px;
    width: auto;
}

.fstChoiceItem {
    font-size: 14px;
    margin: 5px;
    padding: 4px 12px;
    padding-left: 20px;
    border: 1px solid #d2d6de;
    background-color: #f7f7f7;
}

.fstChoiceItem {
    color: #333;
}

.fstChoiceRemove {
    color: #ff1e1e;
    margin-top: -8px;
}

.fstResultItem {
    border-top: 1px solid #d7d7d7;
}

.fstMultipleMode .fstQueryInput {
    margin-bottom: 0;
}

.fstChoiceRemove {
    font-size: 14px;
}

.fstMultipleMode .fstQueryInput {
    font-size: 14px;
    vertical-align: middle;
    float: left;
    padding: 11px 5px;
}


/*FAST SELECT CSS _END*/

.hint {
    color: #666;
    font-size: 12px;
}

.detail-two-col .row1 {
    width: 50%;
}

.detail-two-col .row1 .form-lbl {
    width: 35%;
}

.detail-two-col .row1 .form-field {
    width: 50%;
}

.manage_logo img {
    height: 50px;
}

.row.model-row {
    display: inline-block;
    width: 100%;
}

.form-wrapper.add-document .row .form-field input[type="text"] {
    width: 98%;
    padding: 10px 4px;
}

.form-wrapper.add-document .row .form-field textarea {
    padding: 10px 4px;
    width: 98%;
}

.form-field.doc_user_select .fstMultipleMode.fstActive .fstResults {
    height: 255px !important;
    top: -258px;
}

.listing.doc-tbl tr {
    vertical-align: top;
}

.form-wrapper.add-document .fstSingleMode.fstActive .fstResults {
    max-height: 200px;
}

.form-wrapper.add-document .row.last-row {
    height: 250px !important;
}

.ques_select_div .fstResults {
    height: 250px !important;
}

.form-wrapper.add-document .fstToggleBtn {
    padding: 10px 6px;
}

.year-dilog-tbl {
    margin-top: 5px;
    max-height: 300px;
    overflow-y: auto;
}

#year_data {
    text-align: left;
    border: 1px solid #ccc;
}

#year_data th {
    padding: 10px 15px;
}

.edit-link {
    color: #a3a3a3;
    padding: 5px 8px;
    border: 1px solid #a3a3a3;
    border-radius: 50%;
}

.edit-link:hover {
    color: #535353;
    border-color: #929292;
}

.custom-detail .inner-heading {
    display: inline-block;
    width: 96%;
}

.custom-detail .user-pphoto {
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
}

.custom-detail h2 {
    font-size: 18px;
    display: inline-block;
    float: left;
    line-height: 50px;
}

.custom-detail .form-wrapper .row1 .form-field div {
    margin-bottom: 0px;
}

.custom-detail .form-wrapper .row1.last {
    border-bottom: 1px solid #F3F3F3;
}

.custom-detail .form-wrapper .row1.last.left {
    border-right: 1px solid #F3F3F3;
}

.custom-detail .emp-type {
    padding: 10px;
    display: block;
}

.custom-detail .hide-emp-type {
    padding: 10px;
    display: none;
    margin-bottom: 0px;
}

.custom-detail .rediobtn {
    line-height: 20px;
    vertical-align: middle;
}

.custom-detail .rediobtn-lbl {
    margin-right: 5px;
    cursor: pointer;
    font-size: 16px;
}

.custom-detail .inner-heading {
    padding: 10px 20px;
}

.custom-detail .cus-name {
    display: inline-block;
    vertical-align: middle;
}

.custom-detail .cus-year {
    float: right;
    display: inline-block;
}

.custom-detail .form-wrapper .row1 {
    border-bottom: 0px;
}

.custom-detail .form-wrapper .row1 .form-field {
    padding: 0px;
}

.custom-detail .form-wrapper .input-text,
.custom-detail .form-wrapper .input-text-lbl {
    padding: 10px;
    display: block;
}

.custom-detail .form-wrapper .row1 .cus-input.not-editable {
    padding: 10px;
    border: none;
    color: #666666;
    cursor: default;
    font-size: 16px;
    pointer-events: none;
    width: 320px;
    display: none;
}

.custom-detail .form-wrapper .row1 .cus-input.editable {
    padding: 8px 10px;
    width: 320px;
    font-size: 16px;
}

.custom-detail .form-wrapper .row1 img {
    width: 30px;
}

.custom-detail .form-wrapper .row1 .form-field .browse {
    vertical-align: middle;
    line-height: 10px;
    display: none;
    float: left;
    border: 1px solid #c1c1c0;
    border-radius: 30px;
    padding: 10px;
    margin-top: 6px;
}

#cust_detail_save {
    display: none;
}

.pop-pass {
    padding: 10px;
    width: 97%;
    border: 1px solid #D9DDE0;
}

.year-sel {
    border: 1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;
    outline: none;
    padding: 7px 8px;
    width: 318px;
}

.custom-detail .row {
    display: inline-block;
    width: calc(100% - 5px);
}

.custom-detail .row2 {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 15px 0px;
    font-size: 18px;
}

.imgpopup {
    /*display: block;*/
    max-width: 500px;
    width: auto;
    height: auto;
}


/*#image_popup{padding-top: 10px;}*/

#imgname {
    max-height: 415px;
}

.listing.mt1 th {
    padding: 5px 15px;
}

#add_incom_doc_form .border-rounded-link.browse {
    border: 1px solid #D9DDE0;
    padding: 9px 20px;
    color: #A7A7A7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    cursor: pointer;
    font-size: 12px!important;
    font-weight: bold;
    display: block;
    float: left;
    text-transform: uppercase;
}

.id-image a:not(.view),.id-image label:not(.view) {
    height: 27px;
    width: 27px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #C7C7C7;
    margin: 5px;
}

.id-image a:hover,.id-image label:hover {
    color: #535353;
    border-color: #929292;
}

.id-image a span.cl-download {
    background-position: -48px -239px;
}

.id-image a span.cl-delete {
    background-position: 1px -16px;
}

.id-image a span.cl-upload, .id-image label span.cl-upload {
    background-position: -48px -239px;
    transform: rotate(180deg);
    cursor: pointer;
}

.id-image a:hover span.cl-download {
    background-position: -32px -239px;
}

.id-image a span,.id-image label span {
    margin: 7px 0 0 5px;
}

.id-image a span,.id-image label span {
    width: 16px;
    height: 16px;
    background: url(../images/sprites.png) no-repeat;
    display: block;
    float: left;
}

.verifyswt {
    padding-left: 10px;
    line-height: 36px;
    display: inline-block;
    vertical-align: top;
}

.switch-div {
    padding: 7px;
    display: inline-block;
}

.switch-simple {
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background-color: #EBEBEB;
    width: 115px;
    height: 26px;
    overflow: hidden;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    cursor: pointer;
    display: inline-block;
}

.no-radius {
    border-radius: 0!important;
}

.switch-simple .knob {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    position: absolute;
    top: 3px;
    left: 3px;
    background: #FFF;
    font-size: 12px;
    line-height: 15px;
    color: #6d808e;
    text-decoration: none;
    color: #d8dad9;
    text-align: center;
    -webkit-transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
    -moz-transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
    -o-transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
    transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
}

.switch-simple .knob:before,
.switch-simple .knob:after {
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top: 3px;
}

.switch-simple .knob:before {
    content: "UNVERIFIED";
    color: #676767;
    left: 75px;
}

.switch-simple .knob:before {
    content: "UNVERIFIED";
    color: #676767;
    left: 28px;
}

.switch-simple .knob:after {
    content: "VERIFIED";
    color: white;
    left: -80px;
}

.switch-simple.on {
    background: #05683A;
}

.switch-simple.on .knob {
    left: 91px;
}

.row1.verify .switch-simple {
    display: none;
}

.switchyesno {
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background-color: #EBEBEB;
    width: 62px;
    height: 26px;
    overflow: hidden;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    cursor: pointer;
    display: inline-block;
}

.no-radius {
    border-radius: 0!important;
}

.switchyesno .knob {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    position: absolute;
    top: 3px;
    left: 3px;
    background: #FFF;
    font-size: 12px;
    line-height: 15px;
    color: #6d808e;
    text-decoration: none;
    color: #d8dad9;
    text-align: center;
    -webkit-transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
    -moz-transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
    -o-transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
    transition: all .4s cubic-bezier(0.33, 1.6, 0.66, 1);
}

.switchyesno .knob:before,
.switchyesno .knob:after {
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top: 3px;
}

.switchyesno .knob:before {
    content: "NO";
    color: #676767;
    left: 75px;
}

.switchyesno .knob:before {
    content: "NO";
    color: #676767;
    left: 28px;
}

.switchyesno .knob:after {
    content: "YES";
    color: white;
    left: -28px;
}

.switchyesno.on {
    background: #05683A;
}

.switchyesno.on .knob {
    left: 38px;
}

#add_income_doc .row.model-row {
    padding-bottom: 5px;
}

#add_income_doc .form-field.file-upload .help-block {
    line-height: 30px;
}

#add_income_doc .border-rounded-link.browse {
    margin-right: 5px;
}

.middle-nav.btn-zipdow {
    display: none;
}

.dow-btn ,.generate-sa370-button,.generate-648-button {
    cursor: pointer;
    width: auto;
    margin-right: 50px;
    float: left;
    border-radius: 30px;
    color: #FFF;
    font-size: 14px;
    border-color: #08683a;
    border-style: solid;
    background-color: #08683a;
    text-align: center;
    padding: 8px 20px;
    display: none;
}
.generate-sa370-button,.expense-zip-download-button ,.generate-648-button{
    display: block !important;
}
.btn-green {
    cursor: pointer;
    width: auto;
    margin-right: 50px;
    border-radius: 30px;
    color: #FFF;
    font-size: 14px;
    border-color: #05683A;
    border-style: solid;
    background-color: #05683A;
    text-align: center;
    padding: 8px 20px;
}

.notify-btn {
    display: none;
    float: left;
    cursor: pointer;
    width: auto;
    border-radius: 30px;
    color: #FFF;
    font-size: 14px;
    border-color: #05683A;
    border-style: solid;
    background-color: #05683A;
    text-align: center;
    padding: 8px 20px;
}

.earning-data {
    display: inline-block;
    float: left;
    padding: 25px 60px;
    width: 30%;
}

.earning-btn {
    display: inline-block;
    float: right;
    margin: 15px;
}

.earning-data label {
    font-weight: 600;
    display: inline-block;
    text-align: left;
}

.row.ref-first {
    border-bottom: 1px solid #f8f9fb;
    border-top: 1px solid #f8f9fb;
}

.dow-btn i {
    font-size: 20px;
    vertical-align: middle;
    padding-right: 5px;
}

.income-rec-div {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
}

.income-rec-div .inexrec {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.income-rec-div label:hover {
    cursor: pointer;
}

.form-lbl .pop-pass {
    width: 15%;
}

.hmrc-frm-div .row .form-lbl {
    width: 49%;
    display: inline-block;
    text-align: right;
    margin-right: 1%;
    float: none;
    vertical-align: bottom;
}

.per-colon,
.pre-per-colon {
    display: none;
}

.hmrc-frm-div .row .form-field {
    width: 40%;
    display: inline-block;
    margin-left: 1%;
    float: none;
    vertical-align: middle;
}

.hmrc-frm-div .row .form-field.only-chckbox {
    width: auto;
    vertical-align: text-top;
}

#wrapper_close_year_directly {
    text-align: center;
    padding: 20px;
    border: 1px solid;
    width: 30%;
    margin: auto;
}

.hmrc-frm-div .row .form-field .pop-pass {
    width: 20%;
}

#agent_per,
#prepay_agent_per {
    display: none;
}

.lbl-span {
    line-height: 31px;
}

.btn-green.big {
    text-align: center;
    padding: 8px 60px;
}

.row.last-row .btn-div {
    text-align: center;
    padding-top: 15px;
}

.message-box {
    max-height: 400px;
    overflow-y: auto;
    margin: 15px;
    padding: 15px 0px;
    border: #f3f3f2 solid 1px;
}

#message-box .msg-box {
    word-wrap: break-word;
}

.send-message-wrapper {
    margin: 15px;
    float: left;
    width: 97%;
    display: block;
}

#msgtxt_body {
    width: 90%;
}

#message_send_yes {
    margin: 0;
    padding: 7px 10px;
    font-size: 16px;
}

.send-message-yes {
    padding: 7px 7px !important;
    font-size: 20px !important;
}

#upload-btn {
    margin: 0;
    padding: 7px 7px;
    font-size: 25px;
}


/*Chat Start*/

.chat-left {
    float: left;
}

.chat-container:before,
.chat-container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.chat-container:after {
    clear: both;
}

.chat {
    position: relative;
    max-width: 70%;
    width: auto;
    padding: 5px;
    background: #18ff90;
    border: #18ff90 solid 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 7px;
    margin-left: 15px;
    display: inline-block;
    word-break: break-word;
    white-space: pre-wrap;
    margin-top: 10px;
}

.chat:after {
    content: "";
    position: absolute;
    top: 6px;
    left: -7px;
    border-style: solid;
    border-width: 5px 7px 5px 0;
    border-color: transparent #18ff90;
    display: block;
    width: 0;
    height: 0;
}

.chat:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -12px;
    border-style: solid;
    border-width: 8px 11px 8px 0;
    border-color: transparent #18ff90;
    display: block;
    width: 0;
    z-index: 0;
    height: 0;
}

.chat.chat-right {
    background: #f3f3f2;
    border: #f3f3f2 solid 4px;
    margin-right: 15px;
}

.chat.chat-right:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 112px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: transparent #f3f3f2;
    display: block;
    width: 0;
    height: 0;
}

.chat.chat-right:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 112px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: transparent #f3f3f2;
    display: block;
    width: 0;
    z-index: 0;
    height: 0;
}

.chat .sender {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.chat .sent-time {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #737070;
    font-style: italic;
    text-align: right;
}

.form-wrapper .row1 .form-field div span.cl-download {
    width: 16px;
    height: 16px;
}

.id-image .doc-sign a:not(.view) {
    margin: 0;
}


/*Chat End*/

#send_msg_popup .row .form-field textarea {
    width: 100%;
    resize: none
}

.info-note {
    padding: 10px 20px;
}

.info-note h5 {
    background-color: #eacfa7;
    padding: 5px;
    border: 1px solid #d48614;
    border-radius: 3px;
}

#send_msg_popup .model-row .form-field {
    width: 100%;
}

#send_msg_popup .fstMultipleMode .fstControls {
    max-height: 70px;
    overflow-y: auto;
}


/* ADMIN FLAG/UNFLAG NOTES POPUP - JAYDEEP - START */

#send_msg_popup .log-container {
    padding: 5px;
    overflow: auto;
    max-height: 535px;
}

#send_msg_popup .log-header {
    text-align: left;
    border-bottom: 1px solid #D9DDE0;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    display: block;
}

#send_msg_popup .log-header h3 {
    float: left;
    line-height: 45px;
    font-weight: bold;
}

#send_msg_popup .log-header .btn-edit-chat-suggestion {
    margin: 0;
}

#send_msg_popup .chat {
    white-space: normal;
    cursor: pointer;
    width: 100%;
}


/* ADMIN FLAG/UNFLAG NOTES POPUP - JAYDEEP - END */

#year_error {
    position: absolute;
    bottom: -15px;
    right: 50px;
    color: #e22222;
    font-size: 12px;
    display: none;
}


/*HMRC Progress*/

.badge {
    top: calc(50% - 11px);
    right: 5px;
    padding: 3px 7px;
    border-radius: 50%;
    background-color: red;
    color: white;
    font-size: 13px;
    margin-left: 5px;
    position: absolute;
}

.badge-error {
    background-color: red;
    right: 50% !important;
}

.badge-success {
    background-color: #28a745 !important;
    right: 50% !important;
}
.badge-primary {
    background-color: #007bff !important;
    right: 50% !important;
}

.tablinks .badge {
    top: auto;
    right: auto;
    position: relative;
}

.form-wrapper .row1 .doc-sign img {
    margin-left: 0px;
    border-radius: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 32px;
}


/*Customer listing progress*/

#admin_income_complete_lbl {
    cursor: pointer;
}

.listing.cust-listing td {
    padding: 10px;
}

.with-error.file {
    line-height: 35px;
    vertical-align: middle;
}

.form-field .with-error {
    color: #a94442;
    font-size: 12px;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

has-error label {
    color: #dd4b39
}

.form-group.has-error .form-control,
.form-group.has-error .input-group-addon {
    border-color: #dd4b39;
    box-shadow: none
}

.form-group.has-error .help-block {
    color: #dd4b39
}

.has-error {
    border-color: #a94442;
    font-size: 12px;
}

.help-block span,
.tools-edit-wrapper .error {
    color: #a94442;
    font-size: 12px;
}

.add-document .row .form-field {
    width: 40%;
}

.permlink.no-border {
    border: none!important;
    padding-right: 5px;
}

.main-wrap-expenses-print {
    width: 96%;
    display: block;
    float: left;
}

.main-wrap-expenses-title {
    padding: 0px !important;
    margin: 10px 0px 10px 0px;
    float: left;
    width: 100%;
}

.main-wrap-expenses {
    float: left;
    width: 100%;
}

.cu-col-1 {
    width: 32%;
    float: left;
    padding: 5px;
    margin: 0px 5px 10px 0px;
}

.cu-col-100 {
    width: 100%;
    float: left;
    padding: 5px;
    margin: 0px 5px 10px 0px;
}

label.lab-tit {
    float: left;
    width: 100%;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 20px;
}

label.lab-desc {
    float: left;
    width: 100%;
    word-break: break-word;
    display: inline-flex;
    align-items: center;
    line-height: 27px;
    position: relative;
}

.wrap-individual-info {
    padding: 10px 0px;
    float: left;
    width: 100%;
}

.main-wrap-expenses-title h2 {
    font-weight: bold;
    line-height: 20px;
}

.cust-row {
    width: 100%;
    float: left;
    padding: 10px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}

.bottom-border {
    border-bottom: 1px solid #ccc
}

.mt-10 {
    margin-top: 10px;
}

.cust-row h4 {
    padding: 5px;
    width: 100%;
    float: left;
}

.main-wrap-expenses .cust-row:not(:last-child) {
    border-bottom: 1px solid #f9f9f9;
    margin-bottom: 25px;
}

.total-row {
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px 0px 10px 0px;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    text-align: right;
    margin-top: -11px;
    z-index: 9999;
    background-color: #fff;
}

.tot-span {
    font-weight: bold;
    margin-right: 20px;
}

.m-0 {
    margin: 0px !important;
}

.wrap-btn-action {
    float: right;
}

.btn {
    cursor: pointer;
    width: auto;
    border-radius: 30px;
    color: #FFF;
    font-size: 14px;
    border-color: #05683A;
    border-style: solid;
    background-color: #05683A;
    text-align: center;
    padding: 8px 20px;
}

.cust-row-total {
    width: 100%;
    float: left;
    padding: 10px 0px 5px 0px;
}

.h1-main-title {
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    margin: 10px 0px;
}

.no-record-found {
    padding: 30px 0px;
    color: #8c8c8c;
    text-align: center;
}

.noti_tag {
    border-radius: 30px;
    color: #FFF;
    font-size: 14px;
    border-color: #05683A;
    border-style: solid;
    background-color: #05683A;
    text-align: center;
    padding: 0px 8px;
    line-height: 30px;
}

.noti-txt {
    line-height: 24px;
    margin-bottom: 5px;
    display: inline-block;
    word-break: break-all;
}

.wrap-btn-action select {
    width: 200px;
    padding: 10px;
    margin-right: 10px;
}

.msg_select_div .fstSingleMode.fstActive .fstResults {
    max-height: 190px;
}

#issms,
#ismail {
    line-height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

#issms label,
#ismail label {
    cursor: pointer;
}

.sms_hint {
    font-size: 12px;
    color: #da2929;
}

.custom-width.big {
    width: 180px !important;
}

#userdetailedit .form-field textarea {
    width: 100%;
    height: 100px;
    resize: none;
    margin-top: 10px;
    /*border: 1px solid #f4f3f3;*/
}

.row1.last.right {
    border-right: 1px solid #F3F3F3;
}

.addr-div {
    border-right: 1px solid #F3F3F3;
    width: 49.9% !important;
}

.company-addr-div {
    border-right: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3!important;
    width: 49.9% !important;
}

.address-lbl {
    min-height: 135px;
    padding-bottom: 0px;
}

.cust-fill .notify-btn-div {
    float: left;
    margin-top: 10px;
}

#send_msg_popup {
    overflow-y: auto;
    margin: 15px;
    border: #f3f3f2 solid 1px;
}

.hmrc-nagative-error {
    text-align: center;
    width: 100%;
    color: red;
    display: none;
}

#reload-page {
    background: #05683A;
    color: #fff;
}

#reload-page i.zmdi.zmdi-refresh {
    display: inline-block;
    margin-right: 8px;
}

.loader {
    width: 100%;
}

@media print {
    div,
    label,
    h1,
    h2,
    h3,
    h4,
    span {
        page-break-inside: avoid !important;
        position: relative;
    }
    .wrap-btn-action,
    .tab,
    .hdn-print,
    .header,
    .top_loader_wrap,
    .error_message,
    .left-bar,
    .custom-detail .middle-nav,
    .custom-detail .inner-heading {
        display: none;
    }
    .main-wrap-expenses-title {
        display: block;
    }
    .main-wrap-expenses-print {
        width: 83%;
    }
    .wrapper {
        position: relative;
    }
    .h1-main-title {
        display: block;
    }
}

@page {
    size: A4;
    margin: 7mm;
    padding: 10px 0px;
}

.pos-rel {
    position: relative;
}

.text-counter {
    position: absolute;
    bottom: 8px;
    right: -5px;
    display: inline-block;
    color: #666;
    font-size: 14px;
}

.middle-nav li.pull-right {
    float: right;
}

#notification-listing th,
.listing th {
    padding: 10px 15px !important;
}

.collapse-action {
    cursor: pointer;
    width: 30px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #c7c7c7;
    text-align: center;
    line-height: 30px;
    color: #c7c7c7;
    transition: all 0.5s ease;
    overflow: hidden;
}

.collapse-action.active {
    transform: rotate(180deg);
}

#noti-inner-listing {
    border-left: 1px solid #E4E8EB;
    border-right: 1px solid #E4E8EB;
    display: block;
    width: 100%;
}

#noti-inner-listing tbody,
#noti-inner-listing thead {
    width: 100%;
    display: block;
}

#noti-inner-listing tbody tr,
#noti-inner-listing thead tr {
    width: 100%;
    display: flex;
}

#noti-inner-listing td,
#noti-inner-listing th {
    display: block;
}

#noti-inner-listing tbody {
    max-height: 265px;
    overflow-y: auto;
}

#noti-inner-listing thead tr {
    border-bottom: 0;
}

#noti-inner-listing tbody tr:last-child {
    border-bottom: 0;
}

.no-padding {
    padding: 0 !important;
}

.hidden-div {
    display: none;
    padding: 20px;
}

table.listing tr.collapse-tr {
    border-bottom: 0;
}

.collapse-tr-action {
    cursor: pointer;
}

.pos-rel {
    position: relative;
}

.noti-counter {
    padding: 3px 7px;
    border-radius: 50%;
    background-color: red;
    color: white;
    font-size: 13px;
}

.d-none-extra {
    display: inline-block;
}

.star-icon {
    line-height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #c7c7c7;
    color: #c7c7c7;
    cursor: pointer;
    overflow: hidden;
    color: orange;
    border-color: orange;
    background: #fff;
}

.star-icon.active {
    border-color: #c7c7c7;
    color: #c7c7c7;
}

.check-icon {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
}

.check-icon.active {
    color: #08683a;
}

.delete-msg {
    position: static;
    right: -25px;
    color: #999;
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    bottom: 0;
    cursor: pointer;
}

#confirm_delete_popup .modal-footer,
#confirm_income_delete_popup .modal-footer,
#add_admin_note_popup .modal-footer,
#add_income_doc .modal-footer,
#add_client .modal-footer,
#add_code .modal-footer,
#tax_amount_popup .modal-footer,
#confirm_action_customer_popup .modal-footer,
#id_proof_action_modal .modal-footer,
#proof_log_modal .modal-footer {
    overflow: hidden;
}

#confirm_delete_popup .modal-footer .btn,
#confirm_income_delete_popup .modal-footer .btn,
#confirm_action_customer_popup .modal-footer .btn {
    overflow: hidden;
    margin-left: 10px;
    margin-top: 0;
}

.org-txt {
    color: #ffa500;
}

.green-txt {
    color: #05683A;
}

.blue-txt {
    color: #00a3e4;
}

.darkblue-txt {
    color: #18273D;
}

#confirm_delete_popup .modal-footer .btn.confirm-del,
#confirm_income_delete_popup .modal-footer .btn.confirm-income-del,
#confirm_action_customer_popup .modal-footer .btn.confirm-customer-del {
    background: #e20d0d;
    border-color: #e20d0d;
}

#confirm_delete_popup .modal-footer .btn.close,
#confirm_income_delete_popup .modal-footer .btn.close,
#confirm_action_customer_popup .modal-footer .btn.close {
    background: #b5b5b5;
    border-color: #b5b5b5;
}

#add-admin-note .help-block {
    width: 100%;
    display: inline-block;
}

.export-cls {
    background: #05683A !important;
    color: #fff !important;
    float: right;
    cursor: pointer;
    width: auto;
    border-radius: 30px;
    font-size: 14px;
    border-color: #05683A;
    border-style: solid;
    background-color: #05683A;
    text-align: center;
    padding: 6px 20px;
}

.export-cls .zmdi {
    font-size: 16px;
    margin-right: 5px;
    display: inline-block;
    line-height: 20px;
}

.second-filter-row {
    padding-bottom: 15px;
    background-color: #F4F4F4;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px 15px;
    float: left;
}

span.note {
    font-size: 13px;
    display: inline-block;
    font-style: italic;
    color: #666;
    width: 100%;
    float: left;
}

#customer-tags {
    display: block;
    float: left;
    width: 100%;
    padding: 2px;
}

.customer-tag-span {
    display: inline-block;
    font-size: 14px;
    border: 1px solid #d7d7d7;
    padding: 3px 25px 3px 10px;
    border-radius: 4px;
    position: relative;
    background: #ececec;
    margin-right: 10px;
    margin-bottom: 10px;
}

.close-tag {
    position: absolute;
    right: 5px;
    color: red;
    font-size: 12px;
    line-height: 23px;
    cursor: pointer;
    top: 0;
    width: 10px;
    text-align: center;
}

#customer_sel {
    height: 15px;
    padding: 6px 6px;
    width: 100%;
}

.ui-widget {
    border: 1px solid rgb(217, 221, 224);
    border-radius: 0px;
    padding: 0;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #ececec;
    border: 0;
    margin: 0 !important;
    border-radius: 0;
}

.ui-menu .ui-menu-item a {
    font-size: 14px;
    padding: 6px;
    line-height: 14px;
    cursor: pointer;
}

.drop-zone-wrapper {
    position: relative;
    width: 100%;
    height: 300px;
    float: left;
    box-sizing: border-box;
    overflow-y: auto;
    padding: 0 10px;
}

.drop-zone-main-wrapper {
    border: 2px dashed #d9d9d9;
    border-radius: 4px;
    padding: 10px 0;
    float: left;
    width: 100%;
    position: relative;
}

.thumb-wrapper {
    float: left;
    width: 100%;
    display: none;
}

#upload_docs {
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
    margin: 0;
    z-index: 99;
}

.drop-zone {
    width: 100%;
    float: left;
    height: 100%;
    background: #f6f6f6;
    min-height: 276px;
    border-radius: 4px;
    position: relative;
}

.drop-zone .text {
    float: left;
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    text-align: center;
}

.upload-btn {
    color: #ffffff!important;
    background-color: #05683A;
    transition: background-color 0.5s ease-in-out;
    padding: 10px 25px;
    border-radius: 4px;
    display: inline-block;
    border: none;
    font-weight: 600;
    font-size: 14px;
    height: 40px;
}

.seperator {
    float: left;
    width: 100%;
    margin: 10px 0;
    color: #666;
    padding: 0;
    font-size: 13px;
    line-height: 13px;
}

.drag-and-drop {
    display: block;
    color: #333;
    font-size: 15px;
    float: left;
    width: 100%;
}

.thumb .thumb-wrapper {
    display: block;
}

.thumb .drop-zone {
    min-height: 150px;
    height: 150px;
}

.thumb-inner {
    position: relative;
    width: 150px;
    margin: 5px 10px 5px 0;
    float: left;
}

.thumb-image {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    text-align: center;
    line-height: 150px;
    min-height: 150px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.thumb-inner:last-child {
    margin-right: 0;
}

.thumb #upload_docs {
    bottom: 0px;
    display: block;
}

.thumb-inner .close-icon {
    background: rgba(0, 0, 0, 0.7);
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: -5px;
    border: 1px solid rgba(138, 138, 138, 0.2);
    top: -5px;
    border-radius: 50%;
    color: #fff;
    width: 17px;
    text-align: center;
    line-height: 17px;
}

.close-icon .zmdi {
    line-height: 17px;
    font-size: 13px;
    display: inline-block;
}

#add_income_doc .modal-content {
    width: 60%;
}

.drop-zone-main-wrapper.error {
    border-color: #FF0000;
}

.alert-danger {
    position: relative;
    padding: 10px 15px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.thumb-inner .file-icon {
    font-size: 50px;
    color: #4a5083;
    line-height: 121px;
}

.file-name-edit {
    width: 100%;
    margin: 5px 0;
    max-width: 140px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    padding: 5px;
}

#add_incom_doc_form .model-row .form-lbl {
    width: 100%;
}

.processing-txt {
    background: #fff;
    width: 200px;
    margin: -31px 0 0 -100px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 5px;
    position: absolute;
    z-index: 9999;
    left: 50%;
    top: 50%;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.processing-span {
    display: inline-block;
    line-height: 24px;
    overflow: hidden;
    margin-left: 5px;
    font-size: 14px;
}

#count {
    display: inline-block;
    width: 100%;
    background: #f5f5f5;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    height: 15px;
    position: relative;
}

#doc-error span {
    margin-right: 10px;
    color: red;
}

#doc-error ol {
    margin-left: 15px;
}

#doc-error ol li {
    list-style: decimal;
}

.info-lbl {
    font-size: 13px;
    font-style: italic;
    color: #f11919;
    margin-top: 10px;
    display: inline-block;
}

.breadcrumb-count {
    border-radius: 100%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    margin: 5px 0;
    display: inline-block;
    background: white;
    font-weight: bold;
    box-shadow: 0 0 0 1px #ccc;
}


/*Customer listing progress*/

.breadcrumb {
    text-align: center;
    display: inline-block;
}

.breadcrumb a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 12px;
    padding: 0 2px;
    color: #000;
    position: relative;
    border: 1px solid #c7c6c6;
    border-right: 0;
    min-width: 70px;
}

.breadcrumb a:first-child {
    border-radius: 5px 0 0 5px;
}

.breadcrumb a:last-child {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #c7c6c6;
}

.breadcrumb a.active {
    background: #18ff90;
}

.breadcrumb-text {
    display: block;
    width: 100%;
    line-height: 10px;
    margin-bottom: 5px;
}

.date-tooltip {
    display: block;
    line-height: 11px;
    margin-bottom: 5px;
}

.export-payment {
    float: right;
    margin-right: 10px;
}

.form-number {
    padding: 7px 8px;
    width: 100px !important;
    border: 1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;
    outline: none;
    margin: 0 5px !important;
}

.add-more .zmdi,
.remove .zmdi {
    display: inline-block;
    line-height: 16px;
    text-align: center;
    font-size: 18px;
    color: #08683a;
    cursor: pointer;
}

.remove .zmdi {
    color: red;
    margin-right: 5px;
}

.hidden-div .earning-data {
    padding: 0px 60px 15px;
}

.hidden-div .earning-data label {
    color: #333;
}

.copy-icon,
.copy-postal-code,
.copy-bank-details {
    display: inline-block;
    margin-left: 5px;
    color: #08683a;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
}

.add-client, .mark-as-paid-button{
    padding: 7px 10px;
    background-color: #05683A;
    color: #FFFFFF;
    border: 0;
    margin-right: 10px;
    border-radius: 5px;
    line-height: 18px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    cursor: pointer;
}

#add_client .form-lbl {
    width: 30%;
}

#add_client .model-row .form-field {
    width: 70%;
}

#add_client .msg-error,
#add_client .msg .msg-error,
#add_code .msg-error,
#add_code .msg .msg-error {
    margin: 4px 0px 10px;
}

.add-code,
.add-payment {
    color: #08683a;
    font-size: 13px;
    border-bottom: 1px dotted #08683a;
    display: inline-block;
    line-height: 17px;
    cursor: pointer;
}

.copy-text {
    border: 0 !important;
    color: #0099FF;
    width: auto !important;
    font-size: 16px;
    cursor: pointer;
}

.grey-bg {
    background: #f5f5f5;
}

#send-mail-lbl {
    font-size: 14px;
    width: 100%;
    float: left;
    padding: 8px 0;
}

#send_msg_popup.listing-page-modal #msgtxt {
    height: 150px;
}

#password-div {
    display: none;
}

#password-div .form-lbl {
    min-height: 50px;
}

.hide-emp-type .help-block {
    display: block;
    line-height: 15px;
    width: 100% !important;
    margin-top: 5px;
}

.hide-emp-type .help-block span {
    width: 100% !important;
    display: inline !important;
}

.ui-autocomplete.ui-widget {
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.form-field.first-field {
    width: 30% !important;
}

.form-field.second-field {
    width: 70% !important;
}

.form-field.second-field input {
    width: 100px !important;
    margin-right: 10px;
    padding-left: 20px !important;
}

.form-field.second-field label {
    width: 130px !important;
    padding-left: 2px;
    margin-right: 10px;
}

.cost-sugg-wrapper .msg .msg-success {
    margin-top: 0;
}

.cost-input-wrapper {
    float: left;
    position: relative;
}

.pound-icon {
    position: absolute;
    line-height: 30px;
    width: 20px;
    text-align: center;
    color: #666;
}

#popup-error .msg-error {
    margin: 0 0 15px;
    width: 98%;
}

#find-address,
#find-address-company,
#find-address-invoice,
#find-address-add-invoice,
#clear-address-add-invoice,
#clear-address-invoice {
    cursor: pointer;
    width: auto;
    color: #FFF;
    font-size: 14px;
    color: #05683A;
    text-align: center;
    padding: 7px 0px;
    margin: 0 10px;
}

.row1 #find-address,
.row1 #find-address-company,
.row1 #find-address-company,
.row1 #clear-address-invoice {
    margin: 0;
    display: none;
}

#find_address_submit, #edit_schedule_date_submit {
    padding: 10px 20px;
    float: right;
    border: 0;
    height: 38px;
    background: #05683A;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

#find_address_popup .pop-pass {
    width: 65%;
}

#edit_schedule_date .pop-pass {
    width: 70%;
}

#find_address_popup .modal-body, #edit_schedule_date .modal-body {
    float: none;
}

.address-wrapper {
    height: 200px;
    border: 1px solid #d9dde0;
    width: 74%;
    margin-top: 10px;
    overflow-y: auto;
    float: left;
    box-sizing: border-box;
    padding-top: 5px;
}

.list-li {
    margin-bottom: 3px;
    border-bottom: 1px solid #d9dde0;
    padding: 0 10px 5px;
    cursor: pointer;
    font-size: 14px;
}

.list-li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.show {
    display: block !important;
}

#agent_fees {
    margin-right: 20px;
    float: left;
}

.preset-main-wrapper {
    float: left;
    margin-top: 5px;
}

.preset-btn-wrapper {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    float: left;
}

.preset-dis-btn,
.min-fee-btn,
.default-early-fees-btn {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.preset-dis-lbl,
.min-fee-btn-lbl,
.default-early-fee-lbl {
    display: inline-block;
    border: 1px solid #d9dde0;
    padding: 0 10px;
    cursor: pointer;
    line-height: 30px;
    font-size: 14px;
}

.preset-dis-btn:checked+.preset-dis-lbl,
.min-fee-btn:checked+.min-fee-btn-lbl,
.default-early-fees-btn:checked+.default-early-fee-lbl {
    background: #e6e4e4;
}

#min-agent-fee-wrapper,
#default-early-fee-wrapper {
    position: relative;
    display: inline-block;
}

.min-fee-btn-lbl,
.default-early-fee-lbl {
    margin-left: 20px;
}

#hmrc_form .custom-detail .row {
    margin-bottom: 5px;
}

.progress-date {
    display: block;
}

.progressbar {
    margin: 0 auto;
    max-width: 80%;
    padding: 20px 0;
}

.progressbar li {
    list-style: none;
    display: inline-block;
    width: 23%;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.progressbar li:before {
    content: '';
    width: 50px;
    height: 50px;
    background-color: #e0e0e0;
    color: #999;
    border-radius: 50px;
    border: 2px solid white;
    box-shadow: 0px 0px 5px #ccc;
    font-weight: bold;
    display: inline-block;
}

.progressbar li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: #ddd;
    top: 24px;
    left: -50%;
    z-index: -1;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.bg-active:before {
    background-color: #08683a;
    box-shadow: 0px 0px 5px #08683a;
    color: white;
}

.progressbar li.active+li:after {
    background-color: #08683a;
}

.icn:before {
    background-repeat: no-repeat;
    background-position: center;
}

.icn.income:before {
    background-image: url(../images/income.png);
}

.icn.income.bg-active:before {
    background-image: url(../images/income_active.png);
}

.icn.expense:before {
    background-image: url(../images/expense.png);
}

.icn.expense.bg-active:before {
    background-image: url(../images/expense_active.png);
}

.icn.hmrc:before {
    background-image: url(../images/hmrc.png);
}

.icn.hmrc.bg-active:before {
    background-image: url(../images/hmrc_active.png);
}

.icn.paid:before {
    background-image: url(../images/paid.png);
}

.icn.paid.bg-active:before {
    background-image: url(../images/paid_active.png);
}

.fr {
    float: right;
}

.content-section .custom-detail .middle-nav li a {
    float: left;
    margin-right: 20px;
}

.header-action,
.btn-make-reject-early-payout {
    padding: 7px 15px;
    color: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: bold;
    border: 0;
    cursor: pointer;
}

.reminder-action {
    padding: 7px 15px;
    color: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: bold;
    border: 0;
    cursor: pointer;
}

.reminder-action.reminder-btn {
    background: #1a2c46de;
}

.header-action.disable-btn {
    background: #0099FF;
}

.header-action.enable-btn,
.btn-make-reject-early-payout.enable-btn {
    background: #008000;
}

.header-action.delete-btn,
.btn-make-reject-early-payout.delete-btn {
    background: #ff0000;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    cursor: pointer;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 270px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -135px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 14px;
}

.calendar-popup-tooltip{
    left: -25% !important;
}

.calendar-popup-tooltip .tooltip-head {
    text-align: center !important;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip-head {
    min-width: 115px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    float: left;
}

.tooltip-wrapper {
    display: inline-block;
    width: 100%;
}

.tooltip-text {
    display: inline-block;
    text-align: left;
    font-weight: 900;
    float: left;
}

.tooltip i {
    display: none;
    margin-left: 2px;
}

.tooltip:hover i {
    display: inline-block;
}

#tax_amount_popup .pop-pass {
    width: 50%;
}

.noti-counter-span {
    display: inline-block;
    position: relative;
    margin: 12px 0px 0 20px;
    color: #999;
}

.noti-counter-span i {
    font-size: 35px;
}

.a-flag-user {
    font-size: 35px;
    color: #999;
    display: inline-block;
    position: relative;
    margin: 12px 0px 0 20px;
}

.a-flag-user.flagged, .information-flag-user.flagged {
    color: #155724 !important;
}

.information-flag-user,.search-icon-design {
    font-size: 18px !important;
    color: #999 !important;
    display: inline-block;
    background: #e5e5e5;
    line-height: 29px;
    width: 29px;
    padding: 0 !important;
    text-align: center;
    border: 0;
}

.noti-counter-span.active {
    color: red;
}

.noti-text {
    position: absolute;
    background: #fff;
    color: red;
    font-size: 10px;
    border-radius: 50%;
    width: 19px;
    top: -7px;
    right: -11px;
    border: 2px solid red;
    line-height: 19px;
    text-align: center;
}

.noti-counter-span img {
    width: 30px !important;
    height: 30px !important;
}

.no-img {
    display: inline-block;
    width: 60px;
    line-height: 60px;
    text-align: center;
}

#assign_tax_assist .model-row .form-lbl {
    width: 40%;
    text-align: center;
}

#assign_tax_assist .model-row .form-field {
    width: 60%;
}

#assign_tax_assist .row.model-row {
    width: 80%;
    margin: 0 10%;
}

#assign_tax_assist .modal-body {
    float: none;
}

#tax_assign-yes {
    margin-right: 15px;
    border-radius: 4px;
    border: 1px solid rgb(8, 104, 58);
}

.btn-footer-wrapper {
    margin-top: 20px !important;
}

.btn-footer-wrapper .btn:last-child {
    margin-right: 0;
}

.assi_select_div .fstSingleMode.fstActive .fstResults {
    max-height: 150px;
}

.asign-tax-btn {
    cursor: pointer;
}

.totals-wrapper {
    float: left;
    width: calc(100% - 40px);
    padding: 20px;
    border: 1px solid #e5e5e5;
    margin: 20px;
}

.total-li {
    width: 100%;
    float: left;
    line-height: 25px;
    text-align: right;
    display: inline-flex;
    justify-content: space-between;
    margin-bottom: 2px;
}

.total-text {
    width: 85%;
    display: inline-block;
    font-weight: bold;
}

.total-value {
    width: 15%;
    text-align: right;
    display: inline-block;
}

.total-value.loading {
    background-color: #f5f5f5;
}

.total-li.w-100 {
    width: 100%;
    justify-content: center;
}

.total-li.w-100 .total-text {
    width: auto;
    margin-right: 20px;
}

.total-li.w-100 .total-value {
    width: auto;
}

.disallow-icon {
    display: inline-block;
    background: url(../images/disallow-icon.svg);
    width: 20px;
    height: 20px;
    background-size: contain;
    cursor: pointer;
    margin-left: 10px;
}

.disallow-group {
    display: inline-flex;
}

.disallow-wrapper {
    display: none;
    justify-content: center;
    align-items: center;
}

.disallow-group input {
    max-width: 75px;
    height: 25px;
    padding: 0 5px;
    margin: 0;
    border: 1px solid #e5e5e5;
}

.disallow-wrapper button {
    min-width: 25px;
    background: #fff;
    box-shadow: none;
    border: 1px solid #e5e5e5;
    border-left: 0;
    font-size: 16px;
    cursor: pointer;
    color: #08683a;
}

.disallow-wrapper button.close-btn {
    color: red;
    margin-left: 5px;
    height: 27px;
    border-left: 1px solid #e5e5e5;
}

.affected-val {
    display: inline-block;
    font-weight: 900;
}

.disallow-group.has-error .help-block {
    position: absolute;
    bottom: -20px;
    line-height: 16px;
}

.help-block-value {
    position: absolute;
    bottom: -20px;
    font-size: 12px;
    color: #a94442;
    line-height: 16px;
}

.disallow-group.has-error input,
.disallow-group.has-error button,
.disallow-group.cus-error input,
.disallow-group.cus-error button {
    border-color: #a94442;
}

.red-text {
    color: red;
    margin: 0 10px;
    display: inline-block;
}

.black-text {
    margin: 0 10px;
}

.disallow-remove-icon {
    display: inline-block;
    width: 20px;
    cursor: pointer;
    margin-left: 10px;
    font-size: 20px;
    line-height: 20px;
    color: red;
    text-align: center;
}

.cu-col-1.cu-col-4 {
    width: 20%;
}

.total-row del {
    margin-right: 10px;
    color: red;
}

.expenses-outer-wrapper {
    float: left;
    width: 100%;
}

.tax-assis-image {
    width: 48px;
    height: 48px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    float: left;
    border: 2px solid #e5e5e5;
}

.tax-assis-image input[type=checkbox] {
    opacity: 0;
    position: absolute;
}

.search-field {
    float: right;
    margin: 10px 0;
}

.search-field span {
    padding: 0 5px;
}

#search-cust,
#search-noti {
    width: 100%;
}

.curr-year {
    background: #f5f5f5;
    padding: 10px 10px 10px 0;
    color: black;
}

#assign_tax_assist .model-row .form-lbl input[type=checkbox] {
    margin-right: 20px;
}


/* ------------------------------------------------------- START :: INCOME NEW CSS ------------------------------------------------------- */

.income-wrapper {
    width: calc(100% - 20px);
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 10px;
    border: 1px solid #e4e8eb;
}

.income-left-bar {
    width: 65%;
    float: left;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.income-middle-section {
    width: 75%;
    border-left: 1px solid #e4e8eb;
    border-right: 1px solid #e4e8eb;
    box-sizing: border-box;
}

.left-section {
    width: 25%;
    float: left;
    box-sizing: border-box;
    height: 600px;
    overflow-y: auto;
}

.income-right-bar {
    width: 35%;
    position: relative;
    overflow: hidden;
}

.menu-item {
    cursor: pointer;
    border-bottom: 1px solid #e4e8eb;
}

.sub-menu-list {
    display: none;
    padding-left: 15px;
    box-sizing: border-box;
    padding-top: 5px;
}

.sub-menu-item {
    padding: 5px 0px;
    cursor: pointer;
}

.sub-menu-icon,
.add-new-income,
.quick-entry-icn {
    display: inline-block;
    margin-right: 5px;
    color: #08683a;
    transition: all 0.3s ease;
    width: 14px;
    text-align: center;
    border: 1px solid #08683a;
    border-radius: 50%;
    line-height: 14px;
}

.quick-entry-icn {
    font-size: 10px;
}

.menu-item>span:hover .add-new-income,
.menu-item>span:hover .quick-entry-icn {
    display: inline;
}

.sub-menu-icon.rotate {
    transform: rotate(180deg);
}

.menu-item>span,
.sub-menu-item>span {
    width: 100%;
    display: inline-block;
}

.menu-item>span {
    padding: 10px;
    box-sizing: border-box;
    background: #fafcfb;
}

.menu-btns {
    display: inline-flex !important;
    justify-content: space-between;
}

.menu-item>span:hover,
.sub-menu-item>span:hover,
.menu-item>span:active,
.sub-menu-item>span:active,
.menu-item>span:focus,
.sub-menu-item>span:focus,
.menu-item>span.active,
.sub-menu-item>span.active {
    color: #08683a;
}

.sub-menu-item>span {
    padding-right: 10px;
    display: inline-block;
    box-sizing: border-box;
    word-break: break-all;
}

.income-right-bar table.listing.mt1 {
    font-size: 14px;
    display: none;
    height: 508px;
    overflow-y: auto;
}

.income-tag {
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    padding: 0 3px;
    text-align: center;
    line-height: 15px;
    margin-right: 5px;
}

.p-p-income {
    background: #008000;
}

.s-p-income {
    background: #f7002b;
}

.i-income {
    background: #ffa500;
}

.b-income {
    background: #0000ff;
}

.p-income {
    background: #800080;
}

.other-income {
    background: #a52a2a;
}

.income-tag.q-income {
    background: #008080;
}

.amount-missing {
    background: #ffefef !important;
}

.selected-tr {
    background: #e4e8eb !important;
}

.missing-note {
    position: absolute;
    bottom: -10px;
    left: 0;
    font-size: 11px;
    font-style: italic;
    color: red;
    width: 100%;
}

.income-right-bar .dow-btn,
.income-right-bar .btn-export {
    font-size: 12px;
    padding: 5px 10px;
    margin: 0px;
}

.income-right-bar .icn-zip {
    width: 16px;
}

.income-right-bar table.listing tr:last-child {
    border-bottom: 0;
}

.income-wrapper ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.income-wrapper ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.income-wrapper ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #08683a;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.btn-load-docs {
    font-size: 12px;
    padding: 5px 15px;
}

.income-wrapper table.listing td,
.income-wrapper table.listing th {
    padding: 15px 10px !important;
    position: relative;
}

.title-val a {
    font-size: 20px;
    margin-left: 5px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -10px;
    color: #666;
}

.pos-rel-table {
    position: relative;
    height: 100%;
}

.tab-content {
    padding: 10px;
    float: left;
    box-sizing: border-box;
    width: 100%;
}

.tab-content h4 {
    font-size: 20px;
    font-weight: 700;
    float: left;
}

.tab-content .listing {
    border: 1px solid #E4E8EB;
    margin-top: 20px;
}

.details-wrapper {
    float: left;
    width: 100%;
    margin-top: 20px;
    position: relative;
}

.details {
    padding: 0 0 10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    position: relative;
}

.value-txt {
    display: inline-block;
    width: 25%;
    text-align: left;
    padding: 7px 10px;
    box-sizing: border-box;
}

.details-group {
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin-left: 20px;
}

.details-group .value-txt {
    margin: 0;
}

.details-group .value-txt:first-child {
    border-right: 0;
}

.img-wrapper.details {
    padding: 10px;
    border: 1px solid #e4e8eb;
    text-align: center;
    position: relative;
}

.img-overlay {
    position: absolute;
    bottom: 14px;
    left: 10px;
    width: calc(100% - 20px);
    padding: 10px;
    box-sizing: border-box;
    opacity: 0.7;
}

.img-inner-wrapper {
    overflow: auto;
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-wrapper.details img {
    max-width: 100%;
    display: block;
}

.edit-img,
.apply-img,
.apply-img-id-proof,
.reset-img,
.reset-img-id-proof,
.apply-final-img {
    margin-right: 15px;
}

.key-txt #add_tax {
    margin-right: 10px;
    display: inline-block;
}

.details-tax-group {
    width: 50%;
    box-sizing: border-box;
    margin-left: 20px;
    display: flex;
}

.details-tax-group .value-txt {
    margin: 0;
    width: 70%;
}

.details-tax-btn {
    width: 10%;
    box-sizing: border-box;
    border-radius: 0;
    font-size: 14px;
    position: relative;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #D9DDE0;
}

.details input[type=radio],
.details input[type=checkbox] {
    opacity: 0;
    position: absolute;
}

.details input[type=radio]:checked+.details-tax-btn,
.details input[type=checkbox]:checked+.details-tax-btn {
    background: #d8d8d8;
}

.details input[type=radio]:disabled+.details-tax-btn,
.details input[type=checkbox]:disabled+.details-tax-btn {
    background: #fafafa;
}

.bor-right-0 {
    border-right: 0 !important;
}

.crop-btn, .crop-btn-id-proof, .crop-btn-address-proof {
    background: #fff;
    padding: 5px;
    width: 33px;
    border: 1px solid #d9d9d9;
    color: #08683a;
    cursor: pointer;
    font-size: 18px;
    border-radius: 3px;
}

.cropper-btns {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

i.zmdi.zmdi-flip.rotate {
    transform: rotate(90deg);
}

#image_edit_popup img,
#image_edit_popup canvas {
    max-width: 100%;
}

.cropper-bg {
    width: 100% !important;
}

#cropper-img-cvs, #cropper-img-cvs-id-proof,#cropper-img-cvs-address-proof {
    position: relative;
    margin: 70px auto 20px auto;
    border: 2px solid #000
}

.tab-btn {
    padding: 5px 15px;
    border-radius: 15px;
    border: 1px solid #d9dde0;
    background: #fff;
    cursor: pointer;
}

.overlay-btn {
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 20px;
    background: #fff;
    border: 1px solid #08683a;
    border-radius: 4px;
    color: #08683a;
    position: relative;
    cursor: pointer;
}

input[type=submit].tab-btn {
    background: #08683a;
    color: #fff;
    padding: 0px 25px;
    border-color: #fff;
    height: 32px;
}

.details.tab-btn-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

#receipt-upload {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100px;
    height: 27px;
}

.overlay-btn #files {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    opacity: 0;
}

.btn-prev {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.btn-next {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

.tab-tr {
    cursor: pointer;
}

.add-frm-more i,
.remove-frm-more i {
    display: inline-block;
    font-size: 16px;
    color: #08683a;
    margin: 10px 5px 0;
    cursor: pointer;
}

.remove-frm-more i {
    color: red;
}

.details-row-wrapper {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.details-row-wrapper .details {
    width: calc(100% - 50px);
}

.title-val {
    word-break: break-all;
    /* width: 100%; */
    display: inline-block;
}

.img-inner-wrapper.no-image img {
    height: 250px;
}

.pdfobject-container {
    height: 600px;
    width: 100%;
}

.pdfobject {
    border: 1px solid #666;
}

.invoice-details {
    margin: 20px 0 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding-top: 30px;
}

.invoice-detail {
    width: 50%;
}

.invoice-key {
    width: 42%;
    display: inline-block;
    color: #636363;
    position: relative;
    float: left;
}

.invoice-det {
    display: inline-block;
    width: 58%;
    float: left;
}

.invoice-key:after {
    content: ':';
    position: absolute;
    right: 5px;
}

.wPaint-menu {
    left: 50% !important;
    margin-left: -165px;
}

.form-field .value-txt {
    width: 100%;
}

.details .form-field .income-type-toggle {
    margin-left: 15px;
}

.details .form-field .help-block span {
    float: left;
}

.income-type-toggle {
    border: 1px solid #d9dde0;
    height: 32px;
    box-sizing: border-box;
    float: left;
}

b.loading {
    min-width: 100px;
    display: inline-block;
    background: #ccc;
}

.income-type-toggle label {
    line-height: 30px;
    padding: 0 7px;
    display: inline-block;
    font-size: 14px;
    float: left;
    cursor: pointer;
    box-sizing: border-box;
    border-right: 1px solid #d9dde0;
}

.details .form-field {
    width: 29%;
}

.income-type-toggle label:last-of-type {
    border-right: 0;
}

.income-type-toggle input[type=radio]:checked+label {
    background: #d8d8d8;
}

.sub-menu-li .no-padding {
    width: 19px;
    display: inline-block;
}

.no-data {
    display: flex;
    min-height: 400px;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: #ff0000;
}

.loader-gif {
    width: 100%;
    min-height: 400px;
    background-image: url(../images/loader-grey.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.details-wrapper #popup-error .msg-error,
.details-wrapper #popup-error .msg-success {
    margin: 30px auto 15px;
    width: 100%;
    box-sizing: border-box;
}

.details-wrapper .error {
    color: #a94442;
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: -8px;
}

.details-rowq-wrapper {
    position: relative;
    float: left;
    width: 100%;
}

.details-rowq-wrapper .error {
    bottom: 0px;
}

.details-rowq-wrapper .details {
    padding: 0 0 15px;
}

.btn-left {
    background: #08683a;
    color: #fff;
    padding: 8px 10px;
    border: 0;
    border-radius: 4px;
    width: 46%;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    font-size: 12px;
    text-align: center;
}

#export-income {
    background: #fff;
    border: 1px solid #08683a;
    padding: 7px 10px;
    color: #08683a;
}

input[type=submit].tab-btn:disabled {
    opacity: 0.7;
}

#income-delete {
    margin-left: 10px;
    color: red;
    border-color: red;
}

.no-image .img-inner-wrapper img {
    min-height: 400px;
    width: 100%;
    background: #ddd;
}

#frm-quick-entry #popup-error .msg-error,
#frm-quick-entry #popup-error .msg-success {
    margin-top: 0;
}

.overlay-btn:disabled {
    opacity: 0.5;
}

.details-row-wrapper .form-field {
    position: relative;
}

.details-row-wrapper .form-field .help-block {
    position: absolute;
    bottom: -30px;
    left: 0;
}

#add-new .details-wrapper #popup-error .msg-error,
#add-new .details-wrapper #popup-error .msg-success {
    margin-top: 0;
}

.form-field .lbl-span {
    line-height: 32px;
    display: inline-block;
}

.expand-weeks {
    cursor: pointer;
}

.expand-weeks-icon {
    display: inline-block;
    color: #08683a;
    transition: all 0.3s ease;
    width: 14px;
    text-align: center;
    line-height: 14px;
}

.details-week-wrapper .form-field .lbl-span {
    padding-left: 20px;
}

.details-month-wrapper {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #e4e8eb;
}

.details-week-wrapper {
    display: none;
}

input[type="number"] {
    -webkit-transition: all 0.30s;
    border: 1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;
    outline: none;
}


/* Chrome, Safari, Edge, Opera */

.details-wrapper input::-webkit-outer-spin-button,
.details-wrapper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

.details-wrapper input[type=number] {
    -moz-appearance: textfield;
}

span.help-block.ok {
    display: none;
}

.phone-btn-group{
    display: inline-block;
}

.income-counters {
    padding: 15px 10px;
}

.income-counter-row {
    margin-bottom: 5px;
}

.income-counter-row:last-child {
    margin: 0;
}

.income-counter-span {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
}

.income-counter-span-value {
    width: 100%;
    display: inline-block;
}

.income-counter-span:after {
    content: ':';
    padding-left: 5px;
}

.income-counter-col {
    display: inline-block;
    width: 49%;
}

.refresh-counters {
    color: #08683a;
    font-weight: 700;
    padding: 0 5px;
    cursor: pointer;
}

.note-wrapper {
    border-top: 1px solid #e4e8eb;
    padding: 15px 10px 15px 55px;
    position: relative;
    border-bottom: 1px solid #e4e8eb;
}

.note-wrapper b {
    position: absolute;
    left: 10px;
}

.app-response-icon {
    color: #08683a;
    font-size: 20px;
    padding: 0 5px;
}

.zmdi.zmdi-close-circle.app-response-icon {
    color: #f54646;
}

.zmdi.zmdi-check-circle.app-response-icon {
    color: #10b310;
}

i.zmdi.zmdi-refresh.recall-api-icon.app-response-icon {
    cursor: pointer;
}


/* ------------------------------------------------------- END :: INCOME NEW CSS ------------------------------------------------------- */


/* ADMIN FLAG/UNFLAG NOTES POPUP - JAYDEEP - START */

#flag_unflag_popup .form-lbl ,
#close_year_popup .form-lbl,
#hold_year_popup .form-lbl{
    width: 8%;
}

#flag_unflag_popup .form-field ,
#close_year_popup .form-field,
#hold_year_popup .form-field{
    width: 92%;
}

#user_flag_note {
    width: 100%;
}

#flag_unflag_popup .log-container, 
#close_year_popup .log-container,
#hold_year_popup .log-container{
    padding: 5px;
    border: 1px solid #D9DDE0;
    overflow: auto;
    max-height: 200px;
    width: 100%;
}

#flag_unflag_popup .log-header,
#close_year_popup .log-header,
#hold_year_popup .log-header {
    text-align: center;
    border-bottom: 1px solid #D9DDE0;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#flag_unflag_popup .flag-unflag-note-container ,
#close_year_popup .flag-unflag-note-container,
#hold_year_popup .flag-unflag-note-container{
    border-bottom: 1px solid #D9DDE0;
    padding: 5px;
    margin-bottom: 5px;
}

#flag_unflag_popup .flag-unflag-note-container:last-child ,
#close_year_popup .flag-unflag-note-container:last-child ,
#hold_year_popup .flag-unflag-note-container:last-child{
    border-color: transparent;
}

#flag_unflag_popup .flag-unflag-note-container label ,
#close_year_popup .flag-unflag-note-container label,
#hold_year_popup .flag-unflag-note-container label{
    font-size: 12px;
    font-style: italic;
    text-decoration: underline;
    color: #676767;
}

#flag_unflag_popup .flag-unflag-note-container p ,
#close_year_popup .flag-unflag-note-container p,
#hold_year_popup .flag-unflag-note-container p{
    font-size: 14px;
}


/* ADMIN FLAG/UNFLAG NOTES POPUP - JAYDEEP - END */

table.listing tr.border-0 {
    border: 1px solid transparent !important;
}

.red-line {
    width: 4px;
    height: 90%;
    display: inline-block;
    background: red;
    position: absolute;
    left: 0;
    top: 5%;
}

.emoji-picker-icon {
    color: grey !important;
    font-size: 25px !important;
    right: 10px !important;
}

.emoji-active-row {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
}

.emoji-active-row .emoji-textarea {
    max-width: 93%;
    flex: 0 0 93%;
    position: relative;
    
}

.emoji-active-row .action-btn {
    max-width: 7%;
    flex: 0 0 7%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.emoji-active-row .btn-export {
    display: block;
    padding: 0px;
    height: 25px;
    line-height: 25px;
    width: 25px;
    margin-bottom: 6px !important;
}

.emoji-menu {
    left: 100%;
    bottom: 10px;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    font-size: 0;
    cursor: pointer;
    display: block;
    height: 47px;
    width: 47px;
    border-radius: 50%;
}

.btn-send {
    margin-right: 15px;
    background-color: green;
    border-radius: 4px;
    border: 1px solid rgb(217, 217, 217);
    color: #ec1d25;
}

.inbox-image {
    border-radius: 10px;
    max-width: 150px;
}

.inbox-image-message-box-shadow {
    border-radius: 10px;
    max-width: 150px;
    box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.75);
}

.other-file-header {
    width: calc(100% - 20px);
    text-align: left;
    background: rgb(228 232 235);
    padding: 15px 10px;
}

.other-file-preview {
    width: 100%;
}

.other-file-body {
    margin: 50px auto;
    max-width: 300px;
    border: 1px solid #e4e8eb;
    padding: 20px;
}

.other-file-body-inner a {
    display: inline-block;
    margin-top: 20px;
    padding: 10px;
    background: #08683a;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    min-width: 100px;
}

.other-file-body-inner a i {
    margin-right: 5px;
}

.img-wrapper.details.no-image.other-file-wrapper {
    padding: 0 0 10px;
}

.livespell_textarea {
    display: none;
    width: 95% !important;
    font-size: 13.3333px;
    line-height: normal;
    font-family: Lato, sans-serif;
    padding: 0px;
    margin: 0px 0px 0px 1px;
    font-weight: 400;
    font-style: normal;
    color: rgb(0, 0, 0);
    text-transform: none;
    text-decoration: none solid rgb(0, 0, 0);
    text-align: start;
    direction: ltr;
    background-color: rgb(255, 255, 255);
    background-image: none;
    background-repeat: repeat;
    background-position: 0% 0%;
    background-attachment: scroll;
    border: 1px solid #D9DDE0 !important;
    font-family: 'Lato', sans-serif !important;
    outline: none !important;
    border-radius: 5px !important;
    padding-right: 40px !important;
}

.row.tax-bill-radio {
    line-height: 35px;
}

#tax_bill_wrapper .row {
    margin: 5px 0;
}

#bill_agent_fees {
    float: left;
    margin-right: 20px;
}

#mail_form .row .form-field textarea {
    max-height: 100%;
}

.fa-check-circle {
    right: 10px !important;
}

.input-field {
    white-space: pre-wrap;
}

.prize_textarea {
    min-height: 120px !important;
}

@media only screen and (max-width: 1366px) {
    .livespell_textarea {
        width: 95% !important;
    }
    .fa-check-circle {
        right: 10px !important;
    }
}

.model-row.adjustment-row {
    margin: 10px 0;
}

.model-row.adjustment-row .form-lbl {
    vertical-align: middle;
}

.img-wrapper.details.no-image.other-file-wrapper {
    padding: 0 0 10px;
}

.chckbox {
    margin-top: 10px;
}

.chosen-container.chosen-container-multi {
    width: 60% !important;
}

@media only screen and (min-width: 2399px) {
    .row.model-row {
        width: 95%;
    }
}
/** ADDED BY PRIYA **/

.month {
    display: inline-block;
}

.form-wrapper .row .prize_title_lbl,
.prize_segment_title_lbl {
    width: 20%;
    float: left;
    color: #666666;
    display: inline-block;  
    line-height: 30px;
}

.form-wrapper .row .spin_wheel_lbl, .prizetotal { 
    width: 150px;
    margin-right: 15px;
    color: #666666;
    display: inline-block;
    margin-top: 5px;    
    text-align: right;    
}

.form-wrapper .row .spin_wheel_input_div {   
    width: 150px;
    margin-right: 15px;
    height: 29px;
    float: left;
    display: inline-block;
    text-align: right;
}

.prize_segment_title_lbl {
    width: 17% !important;
}

.year-dropdown {
    margin-left: 3px;
    width: 20% !important;
}

input.spin_wheel_input {
    width: 100%;
    height: 27px;
    text-align: right;
}

.spin_wheel_input_div .has-error {
    border-color: red !important;
}

.errormsg .errormsg-error {
    border: 1px solid #a94442;
    color: #a94442;
    padding: 5px 20PX;
    margin: 18px 18px 4px;
    margin-bottom: 15px;
    background: #a9444230;
    font-size: 14PX;
    display: none;
}

#block {
    display: block;
}

#none {
    display: none;
}

.no-image {
    text-align: center;
}
.msg .msg-success{
    display: none;
}
#imagefile-error{
    color: #a94442;
}
p#validate_msg {
    padding-top: 10px;
    padding-left: 152px;
}
#browser-label{
    margin-right: 10px !important;
}

.left-bar .left-bar-nav li a span.icn.prize{
    background-image: url(../images/css-sprite-combined.2.png);
}

.left-bar .left-bar-nav li a:hover span.prize, .left-bar .left-bar-nav li a.active span.prize {
    background-position: -16px -0px;
}

.left-bar .left-bar-nav li a span.spinwheel {
    background-position: -48px -0px;
}

.left-bar .left-bar-nav li a span.icn.spinwheel{
    background-image: url(../images/css-sprite-combined.2.png);
}

.left-bar .left-bar-nav li a:hover span.spinwheel, .left-bar .left-bar-nav li a.active span.spinwheel {
    background-position: -32px -0px;
}
.word-wrap{
    word-break: break-all;
}

.img-wrapper.details.no-image.other-file-wrapper {
    padding: 0 0 10px;
}

.chckbox {
    margin-top: 10px;
}

.chosen-container.chosen-container-multi {
    width: 60% !important;
}

.prize_detail{
    padding-top: 5px;
}
.action.mark-as-paid-td{
    width: 10% !important;
}
.mark-as-paid-button{
    margin-right: 0px !important;
}
.add-client-span{
    color: #05683A !important;
}
/* .spin_wheel_input_div span {
    font-size: 12px;
    line-height: 1;
    color: #05683A;
    display: inline-block;
} */
.remaining_div {
    font-size: 15px;    
    margin: 11px 0px -4px 0px;   
}
.remaining_lablel{
    margin-top: 8px !important;
}

.legends {
    float: left;
    font-size: 13px;
    margin: 17px 0;
}

.event-icon {
    display: inline-block;
    position: relative;
    padding-left: 13px !important;
    padding-right: 20px !important;
}

.event-icon:before {content: '';height: 10px;width: 10px;display: inline-block;background: #08683a;border-radius: 50%;position: absolute;left: 0;top: 3px;}


.event-icon.system-event:before {
    background: #08683a;
}

.event-icon.manual-event:before {
    background: #37475d;
}

.system-event.event-icon {
    color: #08683a;
}

.manual-event.event-icon {
    color: #37475d;
}

#add_prize_header{
    float: left;
    color: #000; 
      
}
/* #add_prize_header span a:active{
    color: #666666;
    padding: 7px 12px;
} */
.newerror .errormsg-error {
    border: 1px solid #a94442;
    color: #a94442;
    padding: 5px 20PX;
    margin: 18px 18px 4px;
    margin-bottom: 15px;
    background: #a9444230;
    font-size: 14PX;
    display: none;
}


.remove-voucher-image {
    display: inline-block;
    font-size: 12px;
    color: red;
    position: absolute;
    top: 35%;
    cursor: pointer;
    margin-left: 15px;
}

.voucher_image_section {
    position: relative;
}

.voucher_image_div {
    width: auto!important;
}

.form-field.checkbox-field {
    margin-left: 25%;
    padding: 10px 0 0;
}
/* #add_prize_header span a:active{
    color: #666666;
    padding: 7px 12px;
} */
.newerror .errormsg-error {
    border: 1px solid #a94442;
    color: #a94442;
    padding: 5px 20PX;
    margin: 18px 18px 4px;
    margin-bottom: 15px;
    background: #a9444230;
    font-size: 14PX;
    display: none;
}


.remove-voucher-image {
    display: inline-block;
    font-size: 12px;
    color: red;
    position: absolute;
    top: 35%;
    cursor: pointer;
    margin-left: 15px;
}

.voucher_image_section {
    position: relative;
}

.width-auto {
    width: auto!important;
}

#returnAddressDetails {
    min-height: 170px;
}

#toAddressDetails .row, #returnAddressDetails .row{
    min-height: 150px;
    width: 100%;
}

.schedule-date-edit {
    display: inline-block;
    color: #08683a;
    cursor: pointer;
    padding-left: 5px;
}

#edit_schedule_date_frm .help-block {
    position: absolute;
    left: 135px;
    top: 40px;
}

.alert-address-change {
    display: inline-block;
    color: red;
    font-size: 12px;
    font-style: italic;
}

.alert-address-change.display-block {
    display: block;
}

.form-field.checkbox-field {
    margin-left: 25%;
    padding: 10px 0 0;
}

.form-field.checkbox-field input[type=checkbox] {
    padding: 5px;
}

.form-field.checkbox-field label {
    display: inline-block;
    cursor: pointer;
}

.prize_detail.roundimg b{
    float: left;
    line-height: 36px;
}

.prize_detail.roundimg img{
    height: 36px;
    width: 36px;
}

.expense-form-p {
    margin-bottom: 10px;
    margin-top: 10px;
    float: left;
}
.deleted-data {
    font-style: italic;
    font-size: 12px;
    color: red;
}    


.delete-scheduled-post,.resend-scheduled-post {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    display: inline-flex;
    background-color: #FFF;
    border: 1px solid #C7C7C7;
    justify-content: center;
    align-items: center;
}

.resend-scheduled-post i{
    color: #dadada;
}

.delete-scheduled-post span.delete1{
    width: 16px;
    height: 16px;
    background: url('../images/sprites.png') no-repeat;
    display: block;
    float: left;
    background-position: -16px -16px;
}

.form-value-txt {
    margin-top: 6px;
    display: inline-block;
    color: #7a7c7a;
}

.sms-sent {
    position: absolute;
    /* right: -47px; */
    right: 0px;
    color: #999;
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    bottom: 0;
    background-image: url(../images/speech-bubble.png);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat
}

.email-sent {
    position: absolute;
    /* right: -47px; */
    right: 0px;
    color: #999;
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    bottom: 0;
    background-image: url(../images/send-mail.png);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat
}

#btnSendPostal:disabled {
    opacity: 0.5;
}

#resend-icon,.edit_auto_appeal_form,.delete_auto_appeal_form, .resend-appeal-icon,.edit_agent_auth_form {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: #c7c7c7;
}

.btn-proof-send-noti {
    cursor: pointer;
    width: auto;
    border-radius: 30px;
    color: #FFF;
    font-size: 14px;
    border-color: #05683A;
    border-style: solid;
    background-color: #05683A;
    text-align: center;
    padding: 2px 10px;
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
}

.form-field.id-image {
    display: inline-flex;
    align-items: center;
    justify-content: start;
}

.id-proof .verify-tag span {
    font-size: 20px !important;
    text-align: center !important;
    cursor: pointer !important;
    width: auto !important;
}

span.approve-id.zmdi.zmdi-check-circle {
    color: green;
    margin: 0 15px;
}

span.reject-id.zmdi.zmdi-close-circle {
    color: red;
    margin-right: 15px;
}

span.verify-tag {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 80px !important;
    font-size: 20px;
}

.verifyswt {
    display: flex;
    align-items: center;
}

#reject-id-frm textarea {
    width: 100%;
    height: 200px;
}

#unverify-span {
    font-size: 12px !important;
    color: #ea2525;
    margin-right: 15px;
}

.custom-detail #verified {
    display: inline-block;
    color: #27772d;
    margin-right: 15px;
    font-size: 12px !important;
}

span.verify-tag.action-done {
    width: auto !important;
    margin-left: 10px;
}

#proof_log_modal .modal-content {
    width: 60%;
    overflow: hidden;
}

.modal-footer .btn:disabled, .btn-proof-send-noti.disabled {
    opacity: 0.7;
}

a.mail-input {color: #666666 !important;}

#proof_log_modal .modal-body {
    float: none;
}

#pending-span {
    display: inline-block;
    color: #ffa500;
    margin-right: 15px;
    font-size: 12px !important;
}
.float-left{
    float: left !important;
}

.btn-danger{
    background-color:#d9534f !important;
    border: #d9534f !important;
}

.notification-not-assigned-button{
    width: 52px;
    height: 52px;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    word-break: break-all;
    font-size: 10px;
    background: #4A5083;
    color: #FFFFFF;
    cursor: pointer;
    border: 2px solid #e5e5e5; 
    margin: 12px 0px 0 20px;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    padding: 0 12px;
}
.not-assigned-counter{
    position: absolute;
    top: -2px;
    right: -15px;
}

.id_proof_notification_tr{
    background-color: #FFF !important;
}

.bulk-mail-notify{
    display: block;
    float: left;
    cursor: pointer;
    width: auto;
    border-radius: 30px;
    color: #FFF;
    font-size: 14px;
    border-color: #05683A;
    border-style: solid;
    background-color: #05683A;
    text-align: center;
    padding: 8px 20px;
    margin-left: 10px;
}

.m-t-0{
    margin-top: 0 !important;
}

.mail-filter-select{
    border: 1px solid #999;
    min-height: 40px;
    width: 250px;
    background: white;
    margin-bottom: 20px;
}
.bulk-mail-listing{
    max-height: 420px;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 10px;
}

.float-right{
    float: right;
}

#bulk_user_list,.customer-wrapper{border-collapse: collapse;}
.customer-wrapper thead th,#bulk_user_list thead th{padding: 15px 0px;position: sticky;top: 0;background-color: #f1f4f3;}
.customer-wrapper thead tr,#bulk_user_list thead tr{background-color: #f1f4f3;}
.customer-wrapper tbody td,#bulk_user_list tbody td{padding: 15px 0px;}
.customer-wrapper tbody td input,#bulk_user_list tbody td input{margin-right: 5px;}
.customer-wrapper tbody tr:nth-child(2n),#bulk_user_list tbody tr:nth-child(2n){background-color: #f1f4f3;}
.customer-wrapper thead tr th:first-child,#bulk_user_list thead tr th:first-child{padding: 0 10px;}
.customer-wrapper tbody tr td:first-child,#bulk_user_list tbody tr td:first-child{padding: 0 10px;}
.bulk-mail-listing + p{padding-top: 15px;}
.notification-box{padding-top: 15px; border-top: 1px solid #ccc;}
.notification-box .msg{margin-bottom: 10px;}
.notification-box .msg-error{margin: 0px;}

.float-left{
    float: left !important;
}
.btn-danger{
    background-color:#d9534f !important;
    border: #d9534f !important;
}

.custom-detail .select-ending-year{display: flex; flex-direction: row; align-items: center;}
.year-toggle-btn{
    display: inline-block;
    padding: 8px 12px;
    border-radius: 20px;
    color:#fff;
    font-size: 14px;
    cursor: pointer;
}
.close-year{
    background: #ffc107;
}
.open-year{
    background: #05683A;
}

.year-badge-btn{
    display: inline-block;
    padding: 0 12px;
    border-radius: 20px;
    color:#fff;
    font-size: 12px;
    cursor: pointer;
}


.overlay-for-close-year{
    float: left;
    width: 100%;
    opacity: 0.5;
    pointer-events: none;
}

.close-yar-overlay-table .breadcrumb.flat {
    opacity: 0.5;
    background-color: #e5e5e5;
}

.close-yar-overlay-table, .close-yar-overlay-table .permlink{
    color: #747474 !important;
}
.position-relative{
    position: relative !important;
}

.ml-5{
    margin-left: 5px !important;
}
.mtb-7{
    margin: 7px 0;
}

/* .apeal-modal .custom-detail h2{line-height: initial;}
.apeal-modal .modal-body{padding: 30px;}
.apeal-modal .modal-body .model-row .form-lbl{ width: 100%;}
.apeal-modal .penalty-row .form-field{width: auto;} */

.chat-wrapper{
    background: #f9f3ef; 
    border-radius: 12px;
}

.bg-message-box{
    background: #fff; 
    border-radius: 12px; 
    padding: 15px; 
    margin: 15px; 
    border: #f3f3f2 solid 1px;
}

#send_msg_popup{
    height: 100%;
    background: #fff;
    border-radius: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
} 

#send_msg_popup .chat{max-width: 85%;}

.emoji-wysiwyg-editor {
    padding: 6px;
    padding-right: 35px;
    margin-bottom: 0px;
    min-height: 35px;
    height: 30px;
    max-height: 284px;
    overflow: auto;
    line-height: 17px;
    border: 1px solid #d2dbe3;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -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;
    -webkit-user-select: text;
    word-wrap: break-word;
    max-width: 1150px !important;

    /* My Style */
    background: #fff;
    border-radius: 12px !important;
    padding: 10px;
}



.message-box{overflow-x: hidden; padding: 0px; margin: 0px; border: 0px; padding-right: 5px; min-height: 400px;}
.message-box .chat-container:first-child .chat{margin-top: 0px;}
.sms-msg-container{margin-top: 10px;}
#message-box .msg-box{display: flex; flex-direction: row; justify-content: flex-start;}
#message-box .msg-box.user-msg{flex-direction: row-reverse;}
.msg-box{}
.message-sender-box{align-self: flex-end;}
.message-sender-box img{height: 30px; border-radius: 50%;}
.chat.chat-right{margin-left: 8px; margin-right: 8px; position: relative;}
.chat.chat-right::before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid #f3f3f2;
    border-top: 4px solid #f3f3f2;
    border-bottom: 4px solid transparent;
    left: -11px;
    top: unset;
    bottom: 5px;
  }
 .user-msg .chat.chat-right::before{
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 4px solid #18ff90;
    border-right: 4px solid transparent;
    border-top: 4px solid #18ff90;
    border-bottom: 4px solid transparent;
    left: unset;
    right: -11px;
    top: unset;
    bottom: 5px;
  }
.user-msg .chat.chat-right{background: #18ff90; border-color: #18ff90;}

.common-full-modal-fields .modal-body .model-row .form-lbl{ width: 100%;}
.common-full-modal-fields .modal-body .model-row .form-field{width: 100%;}
.common-full-modal-fields .modal-body .model-row .checkbox-row .form-lbl{width: auto; margin-right: 5px;}
.common-full-modal-fields .modal-body .checkbox-row .checkbox-col .form-field{width: auto;}
.common-full-modal-fields .modal-body .checkbox-row .checkbox-col .form-lbl{width: auto; margin-right: 5px;}

.flex-box{display: flex; justify-content: flex-start; align-items: center;}

.custom-flex-row{display: flex !important; flex-direction: row-reverse; justify-content: flex-start; align-items: center; margin: 10px 0px;}
.direction-row{flex-direction: row;}
.custom-flex-row .col-full-width{margin-bottom:0px;}
.custom-flex-row .btn.btn-success{padding: 5px 20px; margin-left: 10px;}
.col-full-width{margin-bottom: 10px;}
.col-full-width .form-lbl{width: 100%;}
.col-full-width .form-field{width: 100%;}
.customer-detail-box .col-full-width:last-child{margin-bottom: 0px;}

.extra-form-feature .form-lbl{width: auto;}
.extra-form-feature{text-align: right;}
.extra-form-feature #clear-address-invoice{margin-right: 0px;}
.display-block{
    display: block !important;
}

.border-danger{border-color: #dc3545!important;}

.hmrc-bank-details-table{border:1px solid #E4E8EB !important; margin-left:19px;}
.hmrc-bank-details-table td{padding: 5px !important; border-right:1px solid #E4E8EB;}

.mt-2{
    margin-top: 2px !important;
}
.restore_btn{
    position: relative;
    top: -5px;
}
.restore-icon{
    background-image: url(../../../themes/images/restore.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    height: 20px !important;
    width: 20px !important;
    margin: 5px 0 0 5px !important; 
    background-position: center !important;
}
.restore-icon:hover{
    background-image: url(../../../themes/images/restore_dark.svg) !important;
}
.decoration-none{
    text-decoration: none !important;
}
.hmrc-bank-details-table{width: 357px;}
.hmrc-bank-details-table td{word-break: break-all;}
.hmrc-bank-msg{margin: 18px 18px 4px !important;margin-right: 0px !important; }

.phone-field-btn{
    background: none;
    border: 0px;
    display: inline-block;
    width: auto !important;
    border-radius: 8px;
    font-size: 14px !important;
    padding: 6px 12px !important;
    cursor: pointer;
}
.add_contact{
    background: #05683A;
    color: #fff;
}
.remove_contact_btn{
    background: #F24D4D;
    color: #fff;
}
.default_contact{
    background: #ffc107;
    color: #fff;
}
#other_contact_input .other_contact_div,#other_contact_input{
    margin-top: 10px;
}
#other_contact_input .other_contact_div:last-child{
    margin-bottom: 15px;
}
#other_contact_input .cus-input.editable{
    margin-bottom: 5px;
}

.other_contact_div .help-block,.other_contact_div .help-block span{
    width: 100% !important;
}

@media only screen and (max-width: 1400px) {
    .hmrc-bank-details-table {
        width: 305px;
    }
    .hmrc-wrapper{
        width: 325px !important;
    }
}
.form-col{float: left; width: 100%; margin-bottom: 10px;}
.form-col textarea{width: calc(100% - 5px) !important;}
.input-file{border: 1px solid #D9DDE0; position: relative; min-height: 16px;}
.input-file button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    border: 0px;
    background: #00693f;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    pointer-events: none;
    cursor: pointer;
}
.input-file input{position: absolute; top: 0;left: 0; opacity: 0;}
.input-file .file-name{pointer-events: none; display: block;
    max-width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.btn-center {
    position: relative;
    left: calc(50% - 80px);
    margin-top: 15%;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    margin: 20px;
    border: 1px solid #ccc;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card-head{
    padding: 10px;
}

.card .card-head .title{
    font-weight: bold;
    color: #878a99;
    align-items: center;
}

.customer_invoice_add_wrapper .model-row .form-lbl{
    width: 100%;
}
.customer_invoice_add_wrapper .model-row .form-field{
    width: calc(100% - 5px);
}