@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
/* Global Styles */

body {
    position: relative;
    height: 100% !important;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background: #ccc;
    color: #222;
}

html {
    height: 100% !important;
    position: relative;
}

*:hover,
*:active,
*:focus {
    outline: none !important;
}

/* Typography */

p {
    display: block;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 22px;
    margin: 0 0 10px 0;
    font-style: normal;
    white-space: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

h3,
h4,
h5 {
    font-weight: 600;
}

a {
    color: #3f4454;
}

a:hover, a:focus {
    color: #363b4a;
    text-decoration: none;
}

.box {
    margin-bottom: 25px;
}

.box-white {
    background: #fff;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}

.center {
    float: none !important;
    margin: 0 auto;
}

.mandatory {
    color: #ff0000;
}

.bg-gray {
    background: #eff1f7;
}

.block {
    display: block;
}

hr.sm {
    border-width: 1px;
    margin: 10px 0;
    border-color: #e4e8ed;
}

hr.sm-m {
    margin: 5px 0;
}

.relative {
    position: relative;
}

.m-0 {
    margin: 0;
}

.m-10 {
    margin: 10px;
}

.m-10-0 {
    margin: 10px 0;
}

.m-t-0 {
    margin-top: 0;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px !important;
}

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

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

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.p-20 {
    padding: 20px;
}

.p-15 {
    padding: 15px;
}

.p-10 {
    padding: 10px;
}

.p-5 {
    padding: 5px;
}

.p-b-0 {
    padding-bottom: 0;
}

.p-5-15 {
    padding: 5px 15px;
}

.n-pd {
    padding: 0 !important;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-5 {
    padding-top: 5px;
}

.p-lr-0 {
    padding-left: 0;
    padding-right: 0;
}

.p-lr-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.p-lr-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.p-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.p-lr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-f {
    padding-bottom: 90px;
}

.lr-20 {
    margin-left: -20px;
    margin-right: -20px;
}

.lr-r-15 {
    margin-left: -15px;
    margin-right: -15px;
}

.bg-white {
    background: #fff;
}

.bg-grey {
    background: #E9EDF2;
}

.bg-grey-dark {
    background: #dce1e7;
}

.font-grey {
    color: #9699a4 !important;
}

.font-grey-cascade {
    color: #9699a4 !important;
}

.bdr-1 {
    border: 1px solid #eff1f7 !important;
    margin: 3px -12px;
    padding: 5px 0;
}

.bdr-1:hover {
    border: 1px solid #eaeb27 !important;
}

.bdr-1 .col-sm-3 {
    margin-left: -3px
}

.bdr-l {
    border-left: 1px solid #d1d3d9 !important;
}

.bdr-b {
    border-bottom: 1px solid #eff1f7 !important;
}

.bdr-b2 {
    border-bottom: 2px solid #eff1f7 !important;
}

.bdr {
    border: 1px solid #d1d3d9 !important;
}

.bdr2 {
    border: 2px solid #d1d3d9 !important;
}

.bdr-0 {
    border: 0 solid #d1d3d9 !important;
}

.privilege label {
    margin-bottom: 0
}

.shedow-none {
    box-shadow: none !important;
}

.bdr-light {
    border: 1px solid #eff1f7 !important;
}

.hover:hover {
    background-color: rgba(254, 242, 121, 0.25)
}

.label-normal label {
    font-weight: 400;
}

label .icon {
    font-size: 120%;
    vertical-align: middle;
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.btn-file > input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.haveApromocode, .textPrimary, .textPrimary:hover {
    color: blue;
}

.haveApromocode:hover {
    color: blue;
    text-decoration: underline;
}

.moveToright {
    float: right;
    width: 100%;
}

.packageTitle {
    font-size: x-large;
    margin: 5px;
}

.upgradeSolutionBtn {
    font-size: x-large;
}

.auto_saved {
    border-color: #22baa0;
}

.header-checkbox {
    text-align: center;
}

.header-checkbox.border-red {
    border-left: 8px solid red !important;
}

.header-checkbox.border-green {
    border-left: 8px solid green !important;
}

.header-checkbox.border-blue {
    border-left: 8px solid blue !important;
}

.header-checkbox.border-black {
    border-left: 8px solid black !important;
}

/* Used with standard dynamic views */
.view-layout > div > .row {
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px
}

.view-layout > div > .row label {
    margin-bottom: 0
}

.cke_editor *, .cke_skin_kama * {
    box-sizing: unset;
}


.input-group-custom {
    position: relative;
}

.input-addon {
    position: absolute;
    right: 12px;
    top: calc(50% - 10px);
    z-index: 2;
    font-size: 12px;
    cursor: pointer;
}

.input-group-custom.input-group .form-control:not(:first-child):not(:last-child),
.input-group-custom.input-group .form-control {
    border-radius: 0 4px 4px 0
}

.group-desc {
    background: #f2f5f5 none repeat scroll 0 0;
    border: 1px solid #e6e9e9;
    border-radius: 4px;
    color: #333333;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 13px;
    line-height: 1.42857;
    margin: 0 0 10px;
    padding: 9.5px;
}

.box-header {
    margin-bottom: 20px;
}

.btn.btn-link.btn-lg i {
    font-size: 20px;
}

.btn-link.black {
    color: #3F4454
}

.form-control.sm {
    width: auto;
}

.show-menu, .container, .content-wrap {
    overflow: hidden;
}

/* Custom Badges */
.badge {
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    border-radius: 0;
    font-weight: 300;
    font-size: 11px !important;
    text-align: center;
    vertical-align: middle;
    line-height: 11px !important;
    height: 18px;
    padding: 3px 6px 3px 6px;
    text-shadow: none !important;
}

.badge.badge-roundless {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.badge.badge-default {
    background: #f1f1f1;
    color: #aaa;
}

.badge.badge-primary {
    background: #7a6fbe;
    color: #FFF;
}

.badge.badge-info {
    background: #12AFCB;
    color: #FFF;
}

.badge.badge-success {
    background: #BF1A24;
    color: #FFF;
}

.badge.badge-danger {
    background: #f25656;
    color: #FFF;
}

.badge.badge-warning {
    background: #f6d433;
    color: #FFF;
}

/* Messages */

.messages {
    max-height: 300px;
}

.messages li a {
    color: #bababa;
    font-size: 13px;
    padding-left: 15px;
    text-decoration: none;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
}

.messages li a:hover {
    background: #f7f7f7;
}

.messages li {
    border-bottom: 1px solid #f3f3f3;
}

.messages li a .msg-img {
    height: 100%;
    display: block;
    float: left;
    position: relative;
}

.online {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #FFF;
    background: #ccc;
}

.online.on {
    background: #44AEA1;
}

.online.off {
    background: #f3565d;
}

.messages li a img {
    width: 40px;
    height: 40px;
}

.messages li a .msg-name {
    display: block;
    font-size: 14px;
    color: #707070;
    padding: 0 0 0 10px;
    margin: 0;
    float: left;
}

.messages li a .msg-text {
    display: block;
    width: 210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a0a0a0;
    margin: 0;
    float: left;
    padding: 0 0 0 10px;
}

.messages li a .msg-time {
    font-size: 11px;
    display: block;
    width: 210px;
    padding: 0 4px 0 8px;
    margin: 0;
    float: right;
}


/* Tasks */

.tasks {
    max-height: 300px;
}

.tasks li a {
    color: #bababa;
    font-size: 13px;
    padding-left: 15px;
    text-decoration: none;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.tasks li {
    border-bottom: 1px solid #f3f3f3;
}

.tasks li a:hover {
    background: #f7f7f7;
}

.task-icon.badge {
    height: 25px;
    width: 25px;
    display: block;
    float: left;
    position: relative;
    margin-right: 10px;
    padding-top: 6px;
}

.task-icon i {
    text-align: center;
    font-size: 12px;
}

.tasks li a .task-details {
    display: block;
    font-size: 13px;
    color: #868686;
    padding: 3px 0 0 0;
    margin: 0;
    float: left;
    width: 148px;
}

.tasks li a .badge {
    margin: 0 5px 0 0;
    max-width: 85px;
}

/* Page Content */

.page-content {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    background: #f7f8f8;
    min-height: 100%;
}

.page-content.container {
    padding-left: 0;
    padding-right: 0;
}

/* Search */

.search-form {
    display: block;
    width: 100%;
    height: 60px;
    z-index: 99999;
    position: fixed;
    background: #fff;
    margin-top: -60px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.search-form .input-group {
    height: 60px;
}

.search-form .input-group input {
    color: #5f5f5f;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: none;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    padding: 0 20px !important;
}

.search-form .input-group button,
.search-form .input-group button:hover,
.search-form .input-group button:focus {
    background: none;
    box-shadow: none;
    border: none;
    outline: none;
    color: #5f5f5f;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 46px;
}


/* Page Inner */

.page-inner {
    padding: 0 0 50px 0;
    background: #E4F1F7 none repeat scroll 0 0;
    position: relative;
}

.page-header-fixed:not(.page-sidebar-fixed):not(.page-horizontal-bar) .page-inner {
    padding: 60px 0 50px 0;
}

.page-sidebar-fixed.page-header-fixed .page-inner {
    padding: 60px 0 50px 160px;
}

/*Start:  Added from menu.css*/

.page-horizontal-bar.page-sidebar-fixed.page-header-fixed .page-inner {
    padding: 134px 0 50px 0;
}

.page-horizontal-bar.page-sidebar-fixed.page-header-fixed.compact-menu .page-inner {
    padding: 52px 0 50px 0;
}

.page-horizontal-bar.page-header-fixed .horizontal-bar {
    padding: 0 !important;
}


@media (min-width: 768px) {
    .page-sidebar-fixed.page-horizontal-bar .sidebar {
        position: fixed;
        top: 0;
        bottom: auto;
        padding-top: 60px;
    }
}

.select-export-field {
    max-height: 75vh;
    overflow-y: auto;
    margin-bottom: 15px;
}

/*@media screen and (min-width: 1367px) {
.select-export-field {
max-height: 500px;
}
}*/
.horizontal-bar .page-sidebar-inner {
    overflow: visible !important;
}

.page-sidebar-fixed .page-sidebar-inner {
    height: 100%;
}

[class^="icon-"]::before, [class*=" icon-"]::before {
    vertical-align: middle;
}


.page-sidebar {
    width: 160px;
    display: block;
    z-index: 998;
    float: left;
    height: auto !important;
    overflow: visible !important;
}

.sidebar .sidebar-title {
    display: block;
    margin: 0 0 10px 0;
}

.page-sidebar-fixed:not(.page-header-fixed) .logo-box {
    position: fixed;
    display: block;
}


.small-sidebar.page-sidebar-fixed:not(.page-header-fixed) .topmenu-outer {
    margin-left: 65px;
}

.page-header-fixed .page-sidebar {
    padding-top: 60px;
}


.page-sidebar-fixed .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    padding-top: 60px;
}

.page-sidebar-fixed .page-sidebar-inner {
    height: 100%;
}

.page-sidebar .page-sidebar-inner {
    height: 100% !important;
}

.small-sidebar .page-sidebar {
    width: 65px;
}

.small-sidebar .page-sidebar-inner {
    overflow: visible !important;
}

.sidebar-header {
    overflow: hidden;
    clear: both;
    position: relative;
    padding: 20px;
}

.sidebar-profile-image {
    display: block;
}

.sidebar-profile {
    overflow: hidden;
    position: relative;
    display: block;
}

.sidebar-profile a {
    text-decoration: none;
}

.sidebar-profile img {
    width: 60px;
    display: block;
    margin: 0 auto;
}

.sidebar-profile span {
    color: #fff;
    font-weight: 600;
    display: block;
    padding: 8px 0 0 0;
    text-align: center;
}

.sidebar-profile span small {
    color: #90999c;
    padding: 5px 0;
}

.profile {
    line-height: 60px;
    margin-left: 5px;
    font-size: 14px;
}

.small-sidebar .sidebar-header,
.page-horizontal-bar .sidebar-header {
    display: none;
}

/* Horizontal Bar */

.horizontal-bar {
    width: 100%;
    display: block;
    z-index: 998;
    float: none;
    height: auto !important;
    left: 0;
    right: 0;
    bottom: 0;
}


@media screen and (min-width: 767px) {
    #main-wrapper {
        padding: 70px 0 0 0;
    }
}

@media (min-width: 768px) {
    .page-sidebar-fixed.page-horizontal-bar .sidebar {
        position: fixed;
        top: 0;
        bottom: auto;
        padding-top: 60px;
    }
}

.small-sidebar .horizontal-bar .slimScrollDiv {
    overflow: visible !important;
}


.page-horizontal-bar.page-header-fixed .horizontal-bar {
    padding: 0 !important;
}


.page-horizontal-bar.page-sidebar-fixed .navbar {
    z-index: 9999;
}

@media (min-width: 768px) {
    .page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
        width: 750px;
        margin: 0 auto;
    }

    .horizontal-bar .accordion-menu > li > a > span.arrow:before {
        display: none;
    }
}

@media (min-width: 992px) {
    .page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
        width: 970px;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
        width: 1170px;
        margin: 0 auto;
    }
}


.horizontal-bar .page-sidebar-inner {
    overflow: visible !important;
}

.horizontal-bar .accordion-menu {
    text-align: center;
    font-size: 0;
    width: 100% !important;
    overflow: visible !important;
}

.horizontal-bar .accordion-menu li {
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a,
.horizontal-bar .accordion-menu > li > a {
    padding: 12px 14px !important;
}

.small-sidebar .horizontal-bar .accordion-menu li a span.menu-icon {
    font-size: 15px;
}

.horizontal-bar .accordion-menu > li > a > p {
    font-size: 13px;
}

.compact-menu .horizontal-bar .accordion-menu li a p {
    display: inline;
}

.horizontal-bar .accordion-menu .sub-menu li a {
    font-size: 13px;
    padding: 0 5px;
    line-height: 40px;
}

.page-horizontal-bar.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > a {
    width: auto;
}

body:not(.small-sidebar) .horizontal-bar .menu.accordion-menu > li > a > .menu-icon {
    font-size: 14px;
}

.small-sidebar.page-horizontal-bar .menu.accordion-menu > li > a > span.menu-icon {
    margin: 0 !important;
}

.horizontal-bar .accordion-menu > li > ul {
    left: 0 !important;
    top: 74px;
    width: 250px;
    position: absolute;
}

.horizontal-bar .accordion-menu ul li {
    display: block;
    text-align: left;
}

.horizontal-bar .accordion-menu li.menu-title {
    display: none;
}

.small-sidebar .horizontal-bar .accordion-menu > li > a > p {
    display: none !important;
}

.small-sidebar .horizontal-bar .accordion-menu > li > ul {
    top: 44px !important;
}

.small-sidebar.page-horizontal-bar.page-sidebar-fixed .page-inner {
    padding-left: 0;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed.page-horizontal-bar .page-inner {
    padding: 110px 0 50px 0;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed .page-inner {
    padding: 60px 0 50px 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
    padding: 0 0 50px 65px;
}

.small-sidebar.page-header-fixed.page-horizontal-bar:not(.page-sidebar-fixed) .page-inner {
    padding: 0 0 50px 0;
}

.page-horizontal-bar:not(.page-sidebar-fixed) .checkout {
    top: 0;
}

.page-horizontal-bar.page-sidebar-fixed:not(.compact-menu) .checkout {
    top: 134px;
}

.page-horizontal-bar.page-sidebar-fixed.compact-menu .checkout {
    top: 111px;
}

.navbar-nav.navbar-right {
    margin-right: 0;
}

.top-menu .navbar-nav > li {
    height: 49px;
}

.top-menu .navbar-nav > li > a {
    display: block;
    /*padding: 12px 10px 3px 15px !important;*/
    border: none;
    position: relative;
    line-height: 23px;
    color: white;
}

.top-menu .navbar-nav > li > a > .user-name small {
    font-size: 9px;
    display: block;
}

.top-menu .navbar-nav > li > a > .user-name {
    padding: 0 10px 0 0;
    line-height: 20px;
    text-align: right;
    display: inline-block;
    margin: -10px 0;
}

.avatar {
    padding: 0;
    /*margin: -36px 0 -15px 0;*/
    position: relative;
    display: inline-block;
}

.top-menu .nav .open > a,
.top-menu .nav .open > a:hover,
.top-menu .nav .open > a:focus {
    background: #323642;
    /*border-color: none;*/
}

.top-menu {
    width: 100%;
    display: inline-block;
}

/*.page-header-fixed .navbar {*/
/*position: fixed;*/
/*right: 0;*/
/*left: 0;*/
/*}*/

.navbar .logo-box {
    position: relative;
    width: 50%;
    /*height: 60px;*/
    float: left;
    display: table;
}

/* End: Added from menu.css*/

.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
    padding: 0 0 50px 160px;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed .page-inner {
    padding: 60px 0 50px 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
    padding: 0 0 50px 65px;
}

.small-sidebar.page-header-fixed:not(.page-sidebar-fixed) .page-inner {
    padding: 60px 0 50px 0;
}

/* Page Title */
.page-title-body {
    background: white;
    position: fixed;
    width: 100%;
    display: inline-block;
    z-index: 997;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
}

.page-title {
    padding: 10px 20px;

}

.page-title-right {
    padding: 14px 20px 5px 0;
    display: inline-block;
    width: 100%;
}

.page-title-right.navbar-right {
    margin-right: 0;
}

.page-title h3 {
    font-size: 24px;
    font-weight: 300;
    color: #74767d;
    padding: 0;
    margin: 0 0 4px 0;
}

.tms-page-title {
    font-size: 18px !important;
}

/* Page Settings */

.page-breadcrumb .breadcrumb {
    float: left;
    background: transparent;
    padding: 0;
    margin-top: 30px;
}

.page-breadcrumb ol.breadcrumb {
    margin: 0;
    font-size: 11px;
}

.ShowHideToolTips {
    margin-right: 4px;
    max-height: 30px;
}

.ShowHideToolAdd {
    background-color: #6cbd73 !important;
    margin-right: 4px;
}

.ShowHideToolAdd:hover,
.ShowHideToolAdd:focus,
.ShowHideToolAdd:active,
.ShowHideToolAdd:active:hover {
    background-color: #78c07e !important;
}

.page-breadcrumb ol.breadcrumb li a {
    font-size: 11px;
    color: #90999c;
}

.page-breadcrumb ol.breadcrumb li a:hover {
    color: #333;
}

.page-breadcrumb ol.breadcrumb li.active {
    font-size: 11px;
    color: #90999c;
}

.page-breadcrumb ul {
    margin: 0;
}

.page-breadcrumb ul li {
    float: left;
    display: inline;
}

.page-breadcrumb ul li a {
    font-size: 13px;
    color: #90999c;
}


/* Main Wrapper */
@media (min-width: 1367px) {
    /*#main-wrapper {*/
    /*margin: 0 0 20px;*/
    /*padding: 69px 0 0 0;*/
    /*}*/
}

#main-wrapper > .row.gutters-0 {
    min-height: 820px;
}

/* Footer */

.page-footer {
    background: #fff;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    padding: 19px 25px;
    border-top: 1px solid #d1d3d9;
}
.Listing .page-footer,
.Report-User .page-footer {
    bottom: auto;
}

.page-footer p {
    font-size: 12px;
}

/* Sidebar Pusher */

.sidebar-pusher {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    display: none;
}

.push-sidebar {
    display: inline-block !important;
    padding: 20px 18px;
    color: #5F5F5F;
    border: none;
    position: relative;
    line-height: 20px;
    float: left;
    font-size: 17px;
    text-decoration: none;
}

.push-sidebar:hover {
    color: white;
}

.push-sidebar i {
    color: white;
}

/* Search Button */

.search-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    display: none;
    right: 0;
}

.search-button a {
    display: inline-block !important;
    padding: 15px 18px;
    color: #5F5F5F;
    border: none;
    position: relative;
    line-height: 20px;
    float: right;
    font-size: 17px;
    text-decoration: none;
}

/* Wysiwyg */

.note-editor {
    border: 1px solid #DCE1E4;
    border-radius: 0;
}

.note-dialog .note-modal-form {
    margin: 0 15px 0 15px;
}

.note-editor .note-toolbar {
    border-bottom: 0;
    background: #fff;
    padding: 10px;
}

.note-popover .popover .popover-content > .btn-group, .note-toolbar > .btn-group {
    margin-top: 0;
}

.note-editor .note-editable {
    padding: 10px 15px 15px;
    overflow: auto;
    outline: 0;
}

.note-editor .note-statusbar {
    background: transparent;
}

.note-editor .note-statusbar .note-resizebar {
    border: 0;
}

/* Dashboard */

/* Profile */

/* Mailbox */

/* Notifications */

/* Extra */

/* Login */

/* Login alt */

/* Search Results */

/* Chat */

/* Overflow */

.navbar .logo-box,
.navbar .logo-box a,
.top-menu .navbar-nav > li > a > img,
.info,
.messages li a,
.messages li a .msg-img,
.messages li a .msg-text,
.messages li a .msg-time,
.tasks li a,
.tasks li a .task-icon,
.search-form,
body:not(.small-sidebar):not(.page-horizontal-bar) .menu.accordion-menu,
.page-inner,
.small-sidebar .page-sidebar-fixed .page-inner,
.page-breadcrumb,
.page-breadcrumb .breadcrumb,
.page-breadcrumb ul,
.info-box,
.text-box,
.small-sidebar .accordion-menu li a,
.page-footer,
.color-switcher {
    overflow: hidden;
}

.overlay {
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.show-menu .overlay {
    display: block;
}


.page-sidebar-fixed:not(.page-header-fixed) .topmenu-outer {
    margin-left: 160px;
}

.topmenu-outer-desktop {
    height: 52px;
    background: #2C394C;
    /*margin-left: 160px;*/

    z-index: 999;
    position: fixed;
    /*background: #323642;*/
    right: 0;
}

.logo-box-desktop {
    position: fixed;
    left: 0;
    z-index: 999;
    background: #2C394C;
    padding: 6px 12px;
}

/* Settings */

.color-switcher {
    display: block;
    width: 100%;
    margin: 10px 0 5px 0;
}

.color-switcher .colorbox {
    dipslay: block;
    width: 28px;
    height: 28px;
    margin: 0 5px 0 0;
    padding: 0;
    border: 2px solid #f1f1f1;
    cursor: pointer;
    float: left;
    border-radius: 50%;
}

.color-switcher .colorbox:hover {
    border: 2px solid #dedede;
}

/* Blue */
.color-switcher .colorbox.color-blue {
    background-color: #12afcb;
}

/* Red */
.color-switcher .colorbox.color-red {
    background-color: #F25656;
}


/* Green  */
.color-switcher .colorbox.color-green {
    background-color: #22baa0;
}

/* Purple  */
.color-switcher .colorbox.color-purple {
    background-color: #7a6fbe;
}

/* Black  */
.color-switcher .colorbox.color-dark {
    background-color: #34425A;
}

/* White  */
.color-switcher .colorbox.color-white {
    background-color: #fff;
}


/* special table*/
.table.table-special > thead > tr > th {
    background: #eeeeee none repeat scroll 0 0;
    border: none;
}

.table > thead > tr > th {
    border-bottom: 1px solid #3f4454;
}

table.table.table-special > thead > tr > th, table.table.table-primary > thead > tr > th, table.table.table-special > thead > tr > th a, table.table.table-primary > thead > tr > th a {
    background: #dee4ea none repeat scroll 0 0;
    color: #323642 !important;
    border-right: 1px solid #d2d9e0;
    font-weight: bold;
}

table.table.table-special > thead > tr > th a {
    border-right: 0;
}

table.table.table-special {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #d2d9e0; /*border-top-color:#3F4454;*/
}

table.table.table-special > tbody > tr, table.table.table-special > thead > tr {
    border-left: 1px solid #d2d9e0 !important;
}

table.table.table-special tr.orange {
    border-color: #F19C40;
}

table.table.table-special tr.purple {
    border-color: #B455B5;
}

table.table.table-special tr.blue {
    border-color: #3993E2;
}

table.table.table-special tr.green {
    border-color: #11C966;
}

table.table.table-special tr.red {
    border-color: #f25656;
}

table.table.table-special th, table.table.table-special td {
    padding: 10px;
    border: 1px solid #d2d9e0;
}

table.table.table-special th, table.table.table-primary th {
    border-right: 1px solid #d2d9e0;
    font-weight: 400;
    border-bottom: 1px solid #3F4454;
}

table.table-special th, table.table-primary th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

.table-special .head {
    display: none;
}

.table-special .nested-row.clearfix.five .nested-column {
    border-left: 1px solid #dddddd;
    width: 20%;
    float: left;
    text-align: center;
}

.table-special .nested-row.clearfix.five .nested-column {
    border-left: 1px solid #dddddd;
    width: 20%;
    float: left;
    text-align: center;
}

.subitem.sm small {
    min-width: 50px;
    width: 10%;
}

.table-hover > tbody > tr:hover, table.table.table-special tbody tr:hover td.action {
    background-color: #fffff0;
}

.table-special .nested-row.clearfix.five .nested-column:first-child {
    border: none;
}

.subitem.hr-div small, .subitem small {
    display: inline-block;
    font-weight: bold;
    width: 25%;
    min-width: 96px;
    vertical-align: initial;
}

.subitem.hr-div .item.min-140 small, .subitem .item.min-140 small {
    min-width: 140px;
}

.subitem.hr-div small.ver-middle-for-switch-label, .subitem small.ver-middle-for-switch-label {
    vertical-align: middle;
}

/*.subitem.hr-div span.value, .subitem span.value {width: 73%;float: right;text-align: left;}*/
.btn-group.btn-group-justified .btn {
    padding: 6px 2px;
}

.table-special tr .quick-edit {
    display: inline-block;
    visibility: hidden;
}

.table-special tr:hover .quick-edit {
    display: inline-block !important;
    visibility: visible;
}

table.table-special .btn.btn-default {
    margin-bottom: 3px;
}

table.table.table-special tbody td.action {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    display: block;
    left: -3px;
    position: absolute;
    width: calc(100% - 3px);
    padding-bottom: 7px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid rgba(0, 0, 0, 0);
}

/*table.table-special tbody tr{position:relative;}*/
table.table.table-special thead th.action {
    padding: 0;
    width: 0;
}

.table-special .value {
    display: inline-block; /*max-width: 62%;*/
    min-width: 56px;
}

table.table.table-special.table-default > tbody > tr, table.table.table-special.table-default > thead > tr {
    border: none;
}

@media screen and (max-width: 767px) {
    table.table-special, table.table-xs {
        border: 0;
    }

    table.table-special:not(.table-with-mass-action) thead, table.table-xs thead {
        display: none;
    }

    table.table-special thead tr th:not(:first-child), table.table-xs thead tr th:not(:first-child) {
        display: none;
    }

    table.table-special thead tr th:first-child, table.table-xs thead tr th:first-child {
        width: 50%;
        text-align: right;
    }

    table.table-special thead tr th.action-in-first-th, table.table-xs thead tr th.action-in-first-th {
        width: 100%;
    }

    table.table-special thead tr th.action-th, table.table-xs thead tr th.action-th {
        width: 50%;
        text-align: left;
        display: inline-flex;
    }

    table.table-special thead tr th .dropdown-toggle, table.table-xs thead tr th .dropdown-toggle {
        margin: unset !important;
        line-height: 1.485;
        width: 27px;
    }

    table.table-special tbody tr td .dropdown-toggle, table.table-xs tbody tr td .dropdown-toggle {
        margin: unset !important;
        line-height: 1.485;
    }

    table.table-special thead tr th.header-checkbox input[type="checkbox"], table.table-xs thead tr th.header-checkbox input[type="checkbox"] {
        display: initial;
    }

    .header-checkbox label, .action-th label {
        display: unset !important;
        margin: unset;
    }

    table.table-special tr, table.table-xs tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 1px solid #ddd;
    }

    table.table.table-special td, table.table-xs td {
        display: block;
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
        padding-top: 40px;
    }

    .table.table-special td.n-pd, .table.table-xs td.n-pd {
        padding-top: 10px;
    }

    table td table {
        display: inline-table;
    }

    table.table-special td:last-child, table.table-xs td:last-child {
        border-bottom: 0;
    }

    /*table.table-special td:before, table.table-xs td:before {content: attr(data-label);float: left;text-transform: uppercase;font-weight: bold;margin-top:-27px;}*/
    table.table-special td:before, table.table-xs td:before {
    }

    .table-special .head {
        display: block;
    }

    .table-special > tbody > tr > td, .table-xs > tbody > tr > td {
        margin: -1px;
    }

    .table-responsive > table.table.table-special th, .table-responsive > table.table.table-special td,
    .table-responsive > table.table.table-xs th, .table-responsive > table.table.table-xs td {
        padding: 8px 10px !important
    }

    .table-responsive > table.table.table-special td.predef-width {
        max-width: 360px;
    }


    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: normal;
    }

    .table.table-xs {
        overflow: hidden;
    }

    .table-responsive > table.table td.xs-label-left {
        padding: 10px 20px;
    }

    table.table-xs td.xs-label-left::before {
        margin: 0 10px 0 0;
    }

    .table-responsive.xs-none {
    }
}


/* Profile page */
.panel-body .profile-image {
    border-radius: 100%;
    max-width: 280px;
    overflow: hidden;
    margin: 0 auto 25px;
}


.funkyradio {
    display: inline-block;
}

.funkyradio div {
    clear: both;
    overflow: hidden;
}

.funkyradio label {
    background: #fff;
    width: auto;
    border-radius: 3px;
    border: 1px solid #e2e4e5;
    font-weight: normal;
    padding-right: 6px;
    /*Correct spacing issue in disbursement agent commission report ~ MDKATARIYA*/
    padding-left: 30px;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
    display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 1.8em;
    /*text-indent: 2.25em;*/
    text-indent: 0;/*Correct spacing issue in disbursement agent commission report ~ MDKATARIYA*/
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 1.8em;
    background: #e7e9ea;
    border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: .6em;
    color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
    color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
    content: '\2714';
    text-indent: .6em;
    color: #333;
    background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #22baa0;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
    color: #363B4A;
    background-color: #c4c6ce;
}

/*.page_module_ref_data{
    display: none;
}
.page_module_ref_data .funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty {
    display: inline-block;
}*/

.page_module_ref_data .funkyradio div {
    clear: inherit;
}

.page_module_ref_data .funkyradio {
    max-height: 170px;
    overflow-y: auto;
    display: initial;
}

/*checkbox style1 ===============*/
.radiobox.style1 {
}

.radio-group {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.radio-group .radiobox-inline {
    float: left;
}

.radio-group .radiobox-inline label {
    margin: 0;
    border: 1px solid #dce1e4;
    cursor: pointer
}

.radio-group > .radiobox-inline:first-child:not(:last-child) label {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.radio-group > .radiobox-inline:last-child:not(:first-child) label {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.radio-group > .radiobox-inline:not(:first-child):not(:last-child) label {
    border-radius: 0;
}

.radiobox.style1 label {
    background: #fff;
    border-radius: 4px;
    display: inline-block;
    line-height: 22px;
    padding: 5px 10px 5px;
    position: relative;
    color: #3f4454;
    font-weight: 400;
}

.radiobox.style1 input[type="radio"]:checked + label {
    background-color: #222;
}

.radiobox.style1 input[type="radio"] {
    opacity: 0;
}

.radiobox.style1 input[type="radio"], .radiobox.style1 .radio-inline input[type="radio"] {
    margin-left: 0;
    position: absolute;
}

.radiobox.style1 input[type="radio"]:disabled + label {
    opacity: 0.65;
}

.radiobox.style1 input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.radiobox.style1 .radiobox-inline {
    margin-top: 0;
    display: inline;
    margin-left: -1px;
}

.radiobox.style1 .radiobox-inline:first-child {
    margin-left: 0;
}

.radiobox.style1 .radiobox-success label {
    background-color: #E9EDF2;
    color: #22baa0;
}

.radiobox.style1 .radiobox-success input[type="radio"]:checked + label {
    background-color: #22baa0;
    color: #fff;
}

.radiobox.style1 .radiobox-info label {
    background-color: #fff;
}

.radiobox.style1 .radiobox-info input[type="radio"]:checked + label {
    background-color: #12afcb;
    color: #ffffff;
    border: 1px solid #dce1e4;
}

/* background-color: #eaedf1; */ /* 15f92f */
/* .radiobox.style1 .radiobox-info input[type="radio"]:checked.nonColored + label {
    background-color: #D9D9D9;
    color: #3f4454;
}

.radiobox.style1 .radiobox-info input[type="radio"]:checked.colored + label {
    background-color: #ffff00;
    color: black;
} */

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #12afcb !important;
    color: #ffffff !important;
}

/*.radiobox.style1 .radiobox-info input[type="radio"]:checked.nonColored:hover+#hoverbox{display:inline;}*/

/*#hoverbox {*/
/*display:none;*/
/*position:absolute;*/
/*}*/
/*#text {*/
/*width:100px;*/
/*height:100px;*/
/*background:#000;*/
/*}*/
/*.pop-up-bc-tooltip {*/
/*float:left;*/
/*padding:14px 12px;*/
/*border:2px solid #626367;*/
/*font: normal 14px Arial, Helvetica, sans-serif;*/
/*-moz-border-radius: 2px;*/
/*border-radius: 2px;*/
/*background:#fffcfc;*/
/*}*/


/*checkbox style2 ===============*/
/*.radiobox.style2 {padding-left: 0;padding-right: 40px;margin:5px 10px;}
.radiobox.style2 label {display: inline-block;line-height: 21px;padding-left: 0;position: relative;}
.radiobox.style2 label::before {background-color: #e4e4e4;border: 1px solid #d5d5d5;border-radius: 3px;content: "";display: inline-block;height: 20px;margin-left: 0;position: absolute;right: -39px;transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;width: 34px;}
.radiobox.style2 label::after {background: #fff none repeat scroll 0 0;border-radius: 3px;content: "";height: 18px;position: absolute;right: -23px;top: 1px;width: 17px;z-index: 11;}
.radiobox.style2 input[type="radio"] {opacity: 0;}
.radiobox.style2 input[type="radio"]:checked + label::before {background-color: #0055a4;border: 1px solid #0055a4;}
.radiobox.style2 input[type="radio"]:checked + label::after {right: -38px;}
.radiobox.style2 input[type="radio"]:disabled + label {opacity: 0.65;}
.radiobox.style2 input[type="radio"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed;}
.radiobox.style2.radiobox-inline {margin-top: 0;display:inline;}
.radiobox.style2.radiobox-primary input[type="radio"]:checked + label::before {background-color: #0055a4;border-color: #0055a4;}
.radiobox.style2.radiobox-primary input[type="radio"]:checked + label::after {color: #fff;}
.radiobox.style2.radiobox-danger input[type="radio"]:checked + label::before {background-color: #d9534f;border-color: #d9534f;}
.radiobox.style2.radiobox-danger input[type="radio"]:checked + label::after {color: #fff;}
.radiobox.style2.radiobox-info input[type="radio"]:checked + label::before {background-color: #5bc0de;border-color: #5bc0de;}
.radiobox.style2.radiobox-info input[type="radio"]:checked + label::after {color: #fff;}
.radiobox.style2.radiobox-warning input[type="radio"]:checked + label::before {background-color: #f0ad4e;border-color: #f0ad4e;}
.radiobox.style2.radiobox-warning input[type="radio"]:checked + label::after {color: #fff;}
.radiobox.style2.radiobox-success input[type="radio"]:checked + label::before {background-color: #5cb85c;border-color: #5cb85c;}
.radiobox.style2.radiobox-success input[type="radio"]:checked + label::after {color: #fff;}*/


/*checkbox style3 ===============*/
.checkbox.colored {
    padding-left: 20px;
}

.checkbox.colored label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.checkbox.colored label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox.colored label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -1px;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.checkbox.colored input[type="checkbox"] {
    opacity: 0;
}

.checkbox.colored input[type="checkbox"]:focus + label::before {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox.colored input[type="checkbox"]:checked + label::after {
    font-family: 'leadcitysolution';
    content: "\e940";
    color: black;
    font-size: 12px;
    font-weight: bold;
}

.checkbox.colored input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}

.checkbox.colored input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox.colored.checkbox-inline {
    margin-top: 0;
}

/*.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }*/


/*onoffswitc ===============*/
.form-group > label ~ .onoffswitch, .form-group > label ~ .onoffswitch-update-toggle-field {
    margin-top: 6px;
}

.onoffswitch, .onoffswitch-document-or-tmpl-role {
    position: relative;
    width: 60px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin: 3px;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #d5dadd;
    border-radius: 100px;
    font-weight: 400;
    background: #eeeeee;
    margin-bottom: 0;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 26px;
    padding: 0;
    line-height: 26px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100px;
}

.onoffswitch-inner:before {
    content: "Yes";
    padding-left: 8px;
    background-color: #8e86c3;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "No";
    padding-right: 9px;
    background-color: #EEEEEE;
    color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0;
    background: #FFFFFF;
    border: 1px solid #d5dadd;
    border-radius: 100px;
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 33px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 2px;
}

.inline > .onoffswitch, .onoffswitch.inline {
    display: inline-block;
    vertical-align: middle;
}

.onoffswitch.compact .onoffswitch-inner:before, .onoffswitch.compact .onoffswitch-inner:after,
.onoffswitch-update-toggle-field.compact .onoffswitch-inner:before, .onoffswitch-update-toggle-field.compact .onoffswitch-inner:after {
    height: 18px;
    line-height: 17px;
}

.onoffswitch.compact .onoffswitch-inner:before, .onoffswitch-update-toggle-field.compact .onoffswitch-inner:before {
    padding-left: 4px;
    font-size: 88%;
}

.onoffswitch.compact .onoffswitch-inner:after, .onoffswitch-update-toggle-field.compact .onoffswitch-inner:after {
    padding-right: 4px;
    font-size: 88%;
}

.onoffswitch.compact .onoffswitch-switch, .onoffswitch-update-toggle-field.compact .onoffswitch-switch {
    width: 16px;
    height: 16px;
    top: 2px;
    right: 26px;
}

.onoffswitch.compact .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
.onoffswitch-update-toggle-field.compact .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 2px;
}

.onoffswitch.green-red .onoffswitch-inner:before, .onoffswitch-update-toggle-field.green-red .onoffswitch-inner:before {
    background-color: #008000;
    color: #fff
}

.onoffswitch.green-red .onoffswitch-inner:after, .onoffswitch-update-toggle-field.green-red .onoffswitch-inner:after {
    background-color: #c02025;
    color: #fff
}

/*Custom buttons ===============*/
.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr {
    background-color: #fffff0
}

.bottom-action-bar > tbody > tr:nth-child(odd) td {
    border-bottom: 0 none
}

.bottom-action-bar > tbody > tr:nth-child(even) td {
    border: 0 none
}

.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-orange,
.table-hover > tbody > tr:hover .btn.btn-d-orange {
    background: #f19c40;
    border-color: #f19c40;
    color: #ffffff;
}

.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-purple,
.table-hover > tbody > tr:hover .btn.btn-d-purple {
    background: #7a6fbe;
    border-color: #7a6fbe;
    color: #ffffff;
}

.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-green,
.table-hover > tbody > tr:hover .btn.btn-d-green {
    background: #22baa0;
    border-color: #22baa0;
    color: #ffffff;
}

.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-blue,
.table-hover > tbody > tr:hover .btn.btn-d-blue {
    background: #12afcb;
    border-color: #12afcb;
    color: #ffffff;
}

.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-yellow,
.table-hover > tbody > tr:hover .btn.btn-d-yellow {
    background: #ebba1e;
    border-color: #ebba1e;
    color: #ffffff;
}

.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-red,
.table-hover > tbody > tr:hover .btn.btn-d-red {
    background: #ef3232;
    border-color: #ef3232;
    color: #ffffff;
}

.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-darkred,
.table-hover > tbody > tr:hover .btn.btn-d-darkred {
    background: #b30f0f;
    border-color: #b30f0f;
    color: #ffffff;
}

.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-dark,
.table-hover > tbody > tr:hover .btn.btn-d-dark {
    background: #3f4454;
    border-color: #3f4454;
    color: #ffffff;
}

.table-hover > tbody > tr .btn.btn-d-orange:hover {
    background: #d17d22;
    border-color: #d17d22;
    color: #ffffff;
}

.table-hover > tbody > tr .btn.btn-d-purple:hover, #show-user-saved-search .btn.btn-d-purple:hover {
    background: #6156a7;
    border-color: #6156a7;
    color: #ffffff;
}

.table-hover > tbody > tr .btn.btn-d-green:hover {
    background: #189a84;
    border-color: #189a84;
    color: #ffffff;
}

.table-hover > tbody > tr .btn.btn-d-blue:hover {
    background: #109bb4;
    border-color: #109bb4;
    color: #ffffff;
}

.table-hover > tbody > tr .btn.btn-d-yellow:hover {
    background: #d9a913;
    border-color: #d9a913;
    color: #ffffff;
}

.table-hover > tbody > tr .btn.btn-d-red:hover, #show-user-saved-search .btn.btn-d-red:hover {
    background: #df1818;
    border-color: #df1818;
    color: #ffffff;
}

.table-hover > tbody > tr .btn.btn-d-darkred:hover {
    background: #950f0f;
    border-color: #950f0f;
    color: #ffffff;
}

.table-hover > tbody > tr .btn.btn-d-dark:hover {
    background: #131314;
    border-color: #131314;
    color: #ffffff;
}

[class*="btn-default-"] {
    background-color: #f5f5f5;
    border-color: #e4e4e4;
}

.btn-default-primary:hover {
    background-color: #262a38;
    border-color: #262a38;
    color: #ffffff;
}

.btn-default-danger:hover {
    background-color: #df1818;
    border-color: #df1818;
    color: #ffffff;
}

.btn-default-info:hover {
    background-color: #08a7c3;
    border-color: #08a7c3;
    color: #ffffff;
}

.btn-default-success:hover {
    background-color: #1db198;
    border-color: #1db198;
    color: #ffffff;
}

.btn-default-purple:hover {
    background-color: #6156a7;
    border-color: #6156a7;
    color: #ffffff;
}

.btn-default-warning:hover {
    background-color: #d9a913;
    border-color: #d9a913;
    color: #ffffff;
}


.pagination-box p {
    line-height: 33px;
}

.pagination-box .pagination {
    margin: 0;
}

.small-sidebar .navbar .logo-box a span.logo-lg,
.logo-box a span.logo-sm {
    display: none
}

.navbar .logo-box a span.logo-sm {
    display: none
}

.small-sidebar .navbar .logo-box a span.logo-sm {
    display: block
}

.card {
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.card .tab-content {
    border-radius: 3px;
}

/*Widget section*/
.bg-white.widget-area::after {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 100000%;
    position: absolute;
    top: 100%;
    width: calc(100% + 0px);
    left: 0;
}

.bg-white.widget-area .panel, .bg-white.widget-area .panel-heading {
    border-radius: 0;
}


.bg-white.widget-area.sub-widget-area, .bg-white.widget-area.sub-widget-area::after {
    background: #f2f5f8 none repeat scroll 0 0;
    padding: 20px;
    left: 0;
}

.sub-widget-area h3 {
    margin: 0 0 10px;
}

/*Custom tabs ===============*/
/*tab-horizontal*/
.nav-tabs.tab-horizontal {
    border-bottom: 2px solid #e9edf2;
    padding: 0 20px;
}

.nav-tabs.tab-horizontal > li.active > a, .nav-tabs.tab-horizontal > li.active > a:focus, .nav-tabs.tab-horizontal > li.active > a:hover {
    border-width: 0;
}

.nav-tabs.tab-horizontal > li > a {
    border: none;
    color: #9699a4;
    padding: 15px 15px 16px;
}

.nav-tabs.tab-horizontal > li.active > a, .nav-tabs.tab-horizontal > li > a:hover {
    border: none;
    color: #3f4454 !important;
    background: #fff;
}

.nav-tabs.tab-horizontal > li > a::after {
    content: "";
    background: #3f4454;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.nav-tabs.tab-horizontal > li.active > a::after, .nav-tabs.tab-horizontal > li:hover > a::after {
    transform: scale(1);
}

.tab-nav > li > a::after {
    background: #21527d none repeat scroll 0 0;
    color: #fff;
}

.nav-tabs.tab-horizontal > li {
    margin-bottom: -2px;
}

.nav-tabs.tab-horizontal > li > a > i {
    background: #acafbf none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    padding: 4px;
}

.nav-tabs.tab-horizontal > li.active > a > i, .nav-tabs.tab-horizontal > li > a:focus > i, .nav-tabs.tab-horizontal > li > a:hover > i {
    background: #3f4454 none repeat scroll 0 0;
    color: #ffffff;
}

/*.tab-content{padding:20px;background:#fff;}*/

/*tab-vertical*/
.tab-vertical {
    border-bottom: none;
}

.tab-vertical > li {
    border-bottom: 1px solid #e9edf2;
    float: none;
    margin-bottom: 0;
}

.tab-vertical.tabs-left > li.active > a,
.tab-vertical.tabs-left > li.active > a:hover,
.tab-vertical.tabs-left > li.active > a:focus {
    background: #3f4454 none repeat scroll 0 0;
    color: #ffffff;
    border: none;
}

.tab-vertical.tabs-right > li.active > a,
.tab-vertical.tabs-right > li.active > a:hover,
.tab-vertical.tabs-right > li.active > a:focus {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent;
}

.tab-vertical.tabs-left > li > a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
}

.tab-vertical.tabs-right > li > a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}

.tab-vertical.nav-tabs > li {
    padding: 0;
    position: relative;
}

.tab-vertical.nav-tabs > li > a, .tab-vertical.nav-tabs > li > a:hover {
    padding: 8px 10px;
    border: none;
    border-radius: 3px;
}

.tab-vertical.nav-tabs > li > a:hover {
    background: #E9EDF2;
    color: #3f4454;
}

.tab-vertical.nav-tabs > li > a {
    color: #999999;
}

.tab-vertical.nav-tabs > li > a > i {
    background: #acafbf none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    padding: 4px;
    margin-right: 5px;
}

.tab-vertical.nav-tabs > li.active > a > i, .tab-vertical.nav-tabs > li > a:focus > i, .tab-vertical.nav-tabs > li > a:hover > i {
    background: #3f4454 none repeat scroll 0 0;
    color: #ffffff;
}

.tab-content.nested-tab-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}


.list-group-item > a {
    display: block;
    position: relative;
    z-index: 1;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #E9EDF2;
    border-color: #E9EDF2;
    z-index: 2;
}

.list-group-item {
    border: 1px solid #E9EDF2;
}


/*Custom tabs style2 ===============*/
.style2 .nav-tabs {
    border-bottom: 2px solid #E9EDF2;
}

.style2 .nav-tabs > li.ui-tabs-active > a, .nav-tabs > li.ui-tabs-active > a:focus, .nav-tabs > li.ui-tabs-active > a:hover {
    border-width: 0;
}

.style2 .nav-tabs > li > a {
    border: none;
    color: #666;
}

.style2 .nav-tabs > li.ui-tabs-active > a, .nav-tabs > li > a:hover {
    border: none;
    color: #3f4454 !important;
    background: transparent;
}

.style2 .nav-tabs > li > a::after {
    content: "";
    background: #3f4454;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.style2 .nav-tabs > li.ui-tabs-active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.style2 .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0 0;
    color: #fff;
}

.style2 .tab-pane {
    padding: 15px 0;
}

.style2 .tab-content {
    padding: 20px
}

/*wizard ===============*/
.wizard {
    margin: 0 auto;
}

.wizard .wizard-body {
    background: #fff;
}

.wizard .nav-tabs {
    position: relative;
    margin: 0 auto;
    border-bottom-color: #e0e0e0;
}

.wizard > div.wizard-inner {
    position: relative;
}

.wizard-step-col, .wizard-step-col a {
    cursor: pointer;
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #as3F4454;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

span.round-tab i {
    color: #3F4454;
}

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #bf1a24;
}

.wizard li.active span.round-tab i {
    color: #bf1a24;
}

span.round-tab:hover {
    color: #363B4A;
    border: 2px solid #363B4A;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0;
    border: 5px solid transparent;
    border-bottom-color: #bf1a24;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0;
    border: 10px solid transparent;
    border-bottom-color: #bf1a24;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.wizard .nav-tabs > li a:hover {
    background: transparent;
}

.wizard h3 {
    margin-top: 0;
}

@media ( max-width: 585px ) {
    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.wizard-step > ul {
    border-bottom: 0;
    background: #dce1e7;
}

.wizard-step .row .wizard-step-col {
    padding: 10px;
    height: 66px !important;
    background: #dce1e7;
}

.wizard-step .row .wizard-step-col > a,
.wizard-step .row .wizard-step-col > a:hover,
.wizard-step .row .wizard-step-col > a:focus {
    background-color: transparent;
    border: none;
    padding: 0;
}

.wizard-step .wizard-step-number {
    border-radius: 50% !important;
    float: left;
    font-size: 26px;
    padding: 3px 14px;
    margin: 4px auto auto;
}

.wizard-step .wizard-step-title {
    font-size: 20px;
    font-weight: 100;
    margin-top: -4px;
    padding-left: 60px;
    display: block;
}

.wizard-step .wizard-step-content {
    margin-top: 0;
    padding-left: 60px;
    display: block;
    font-size: 11px;
}

.wizard-step li.active {
    background-color: #32c5d2 !important;
}

.wizard-step .active .wizard-step-number {
    color: #32c5d2 !important;
}

.wizard-step .active .wizard-step-content, .wizard-step .active .wizard-step-title {
    color: #ffffff !important;
}

.wizard-step .done {
    background-color: #26c281 !important;
}

.wizard-step .done .wizard-step-number {
    color: #26c281 !important;
}

.wizard-step .tab-content {
    padding: 0;
}

.wizard-step .tab-content .panel {
    box-shadow: none;
    margin-bottom: 5px;
}

/*.panel .panel-heading .panel-title{font-size:16px;}*/
/*.panel .panel-heading{border-bottom:2px solid #e9edf2;}*/

/*fixed-step*/
.fixed-step {
    padding-top: 62px;
}

.fixed-step > ul {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 111;
}


.wizard-step.step-default .wizard-step-col {
    min-height: 130px;
    text-align: center;
}

.wizard-step.step-default .wizard-step-number {
    display: inline-block;
    float: none;
    margin: 0 auto;
}

.wizard-step.step-default .wizard-step-title, .wizard-step.step-default .wizard-step-content {
    padding: 0;
    margin: 0 auto;
}

.wizard-step ul.wizard-footer {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-top: 1px solid #dce1e7;
    margin: 0;
    padding: 15px;
}


.modal-full {
    max-width: 1600px !important;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin: 15px auto !important; /*Move from custom.css same class*/
}

.modal-md.modal-medium {
    max-width: none;
    width: 600px;
}

@media screen and (max-width: 767px) {
    .modal-md.modal-medium {
        max-width: none;
        width: auto;
    }
}

.modal-body, .modal-header + .modal-body {
    background: #e9edf2 none repeat scroll 0 0;
    padding-top: 20px;
}

.footer.xs-text-center {
    border-radius: 3px;
}

.btn-file > input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.form-group.clearfix.hd lable.control-label, .form-horizontal .form-group.clearfix.hd .control-label {
    padding-top: 0;
}

.form-group.clearfix.hd {
    background: #e9edf2 none repeat scroll 0 0;
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 8px 0 2px;
}

.lable-right {
    text-align: right;
}

.quickinfo .quickinfo-child {
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.09);
    margin-bottom: 10px;
}

.quickinfo .quickinfo-child label {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    font-weight: 700;
}

.quickinfo .quickinfo-child span, .quickinfo .quickinfo-child label {
    display: block;
    padding: 4px 8px;
}


.page-forgot #main-wrapper, .page-lock-screen #main-wrapper, .page-login #main-wrapper, .page-register #main-wrapper {
    margin: 5%;
}

.login-box {
    margin: auto;
    max-width: 400px;
}

.login-box .logo-name {
    color: #6c6c6c;
    display: block;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
}

.login-box .user-box {
    clear: both;
    display: block;
    overflow: hidden;
}

.login-box .user-box img {
    display: block;
    height: 60px;
    margin: 0 auto;
    width: 60px;
}

.login-alt .login-box {
    max-width: 100%;
}

.login-info {
    margin-top: 19px;
}

.login-box .panel-heading h4 {
    line-height: 48px;
}

.page-login .page-content {
    background: #e9edf2 none repeat scroll 0 0;
}

/*profile ===============*/
.profile-main {
    position: relative;
    overflow: hidden;
    background: #3f4454;
    color: #fff;
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 20px;
}

.profile-main .profile-main-bg {
    position: absolute;
    width: 100%;
    filter: grayscale(1) blur(15px);
    transform: translate(0%, -50%);
    top: 50%;
    left: 0;
    opacity: 0.5;
}

.profile-detail > h3 {
    font-size: 36px;
    margin-top: 0;
}

.profile-detail > p {
    font-size: 15px;
    margin-bottom: 5px;
}

.profile-detail p .label {
    display: inline-block;
    margin-bottom: 3px;
    padding: 6px 9px;
}

.profile-main .panel {
    margin-bottom: 0;
}

/*info-box ===============*/
.info-box .progress {
    margin: 0;
}

.info-box .info-box-icon {
    float: right;
}

.info-box .info-box-icon i {
    font-size: 31px;
    color: #B0B0B0;
}

.info-box .info-box-stats {
    float: left;
    margin-top: 5px;
}

.info-box .info-box-stats p {
    font-size: 28px;
    margin-bottom: 14px;
    color: #374051;
    font-weight: 300;
}

.info-box .info-box-stats span.info-box-title {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    color: #B0B0B0;
}

.info-box .info-box-progress {
    clear: both;
}

.info-box-progress .progress-style {
    height: 2px;
}


.form-title {
    font-size: 18px;
    margin: 0 0 20px;
}

hr {
    border-width: 2px 0 0;
}

.help-block hr {
    border-width: 2px 0 0;
    margin: 0 0 7px;
}


/*Mail start ===============*/
.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}

.header-radios-25 .mail-box .sm-side {
    border-radius: 0 0 0 20px;
}

.mail-box .sm-side {
    background: #3f4454;
    width: 200px;
}

.header-radios-25 .mail-box .lg-side {
    border-radius: 0 0 20px 0;
}

.mail-box .lg-side {
    background: none repeat scroll 0 0 #fff;
}

a.mail-dropdown {
    background: none repeat scroll 0 0 #80d3d9;
    border-radius: 2px;
    color: #01a7b3;
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 5px;
}

.inbox-body {
    padding: 7px 10px;
}

ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.inbox-divider {
    border-bottom: 1px solid #363B4A;
}

ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%;
}

ul.inbox-nav li a {
    color: #fff;
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    width: 100%;
}

ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
    background: none repeat scroll 0 0 #363B4A;
}

ul.inbox-nav li a i {
    font-size: 16px;
    padding-right: 10px;
}

ul.inbox-nav li a span.label {
    margin-top: 18px;
}

.inbox-head {
    background: #f2f5f8;
    border-bottom: 1px solid #e9edf2;
    min-height: 50px;
    padding: 10px 10px 5px;
}

.inbox-head h3 {
    display: inline-block;
    font-weight: 300;
    margin: 0;
    padding-top: 6px;
    font-size: 24px;
}

.inbox-head .form-group {
    margin-bottom: 5px;
}

.inbox-head .sr-input {
    border: medium none;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    color: #8a8a8a;
    float: left;
    height: 40px;
    padding: 0 10px;
}

.inbox-head .sr-btn {
    border-radius: 0 4px 4px 0;
    height: 40px;
    padding: 0 20px;
}

.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}

.table-inbox tr td {
    padding: 10px 12px !important;
}

.table-inbox tr td:hover {
    cursor: pointer;
}

.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
    color: #f78a09;
}

.table-inbox tr td .fa-star {
    color: #d5d5d5;
}

.table-inbox tr.unread td {
    background: none repeat scroll 0 0 #f7f7f7;
    font-weight: 600;
}

ul.inbox-pagination {
    float: right;
}

ul.inbox-pagination li {
    float: left;
}

.mail-option {
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
}

.mail-option .chk-all, .mail-option .btn-group {
    margin-right: 5px;
}

.mail-option .chk-all, .mail-option .btn-group a.btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 10px;
}

.inbox-pagination button.np-btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    color: #afafaf;
    display: inline-block;
    padding: 5px 12px;
}

.mail-option .chk-all input[type="checkbox"] {
    margin-top: 0;
}

.mail-option .btn-group a.all {
    border: medium none;
    padding: 0;
}

.inbox-pagination button.np-btn {
    margin-left: 5px;
}

.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
}

.heading-inbox h4 {
    border-bottom: 1px solid #ddd;
    color: #444;
    font-size: 18px;
    margin-top: 0;
    padding-bottom: 20px;
}

/*.sender-info {
    margin-bottom: 20px;
}*/
.sender-info img {
    height: 30px;
    width: 30px;
}

.sender-dropdown {
    background: none repeat scroll 0 0 #eaeaea;
    color: #777;
    font-size: 10px;
    padding: 0 3px;
}

.view-mail a {
    color: #337ab7;
}

.attachment-mail {
    margin-top: 30px;
}

.attachment-mail ul {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}

.attachment-mail ul li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px;
}

.attachment-mail ul li img {
    width: 100%;
}

.attachment-mail ul li span {
    float: right;
}

.attachment-mail .file-name {
    float: left;
}

.attachment-mail .links {
    display: inline-block;
    width: 100%;
}

.fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
}

.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}

.files .progress {
    width: 200px;
}

.fileupload-processing .fileupload-loading {
    display: block;
}

* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0;
}

* + html .fileinput-button {
    margin: 1px 0 0;
    padding: 2px 15px;
}

.inbox-small-cells {
    width: 5px;
}

.mailbox-frm-compose {
    background: #f7f7f7 none repeat scroll 0 0;
    border-radius: 3px;
    margin-top: 20px;
    padding: 15px;
}

.mailbox-frm-compose .form-group {
    margin-bottom: 5px;
}

.mailbox-frm-compose .sender-info {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.user-info-child {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.user-info-child h3 {
    margin: 0 0 5px;
}

.table.sm-drop {
    margin-bottom: 0;
}

.table.sm-drop td {
    font-size: 12px;
    white-space: nowrap;
    padding: 3px 8px;
}

.table.sm-drop > tbody > tr > td {
    border-color: #fff;
}

.table-inbox .view-message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-inbox .view-message span {
    display: block;
    max-width: 20px;
}

@media (max-width: 991px) {
    .mail-box .sm-side {
        width: 160px;
    }

    .header-checkbox input[type="checkbox"].d-inline-block {
        margin: 0 5px 0 0 !important;
    }
}

@media (max-width: 767px) {
    .mail-box .sm-side {
        width: 100%;
        float: none;
    }

    .mail-box aside {
        display: block;
    }

    .inbox-body {
        padding: 15px 0;
    }

    .sm-side .inbox-body {
        padding: 10px;
    }

    .table-inbox tr td {
        padding: 10px 5px !important;
    }

    .mailbox .mail_list table tr td:first-child + td + td + td, .mailbox .mail_list table tr th:first-child + th + th + th {
        width: 120px !important;
    }

    .files .btn span {
        display: none;
    }

    .files .preview * {
        width: 40px;
    }

    .files .name * {
        display: inline-block;
        width: 80px;
        word-wrap: break-word;
    }

    .files .progress {
        width: 20px;
    }

    .files .delete {
        width: 60px;
    }

    div:not(.tms-lms) > .filter-panel-heading {
        /*display: none;*/
        background: white !important;
    }

    .lightBackground {
        background: #e9edf2 !important;
    }

    .panel-heading.filter-panel-heading {
        background: #e9edf2;
        color: #81899c;
        border-radius: 0 0 5px 5px;
        -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
        padding: 9px 30px;
        cursor: pointer;
        text-transform: uppercase;
        border-top: 0;
        font-size: 12px;
        z-index: 9999;
        border-color: #e9edf2;
        position: absolute;
        left: 40%;
        top: 0;
        transform: translate(-40%, 0%);
    }

    .open > .dropdown-menu:not(.action-td .open > .dropdown-menu, .action-th .open > .dropdown-menu) {
        right: 2px !important;
        left: auto;
    }
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/*compose-modal*/
.modal.fade.bottom.compose-modal, .modal.fade.bottom.compose-modal.in {
    bottom: 0;
    left: auto;
    right: 0;
    top: auto;
    max-height: 95%;
}

.modal.fade.bottom.compose-modal.in .modal-dialog {
    margin: 0;
}

.compose-modal .modal-content {
    border-radius: 0;
}

.compose-modal .modal-content .modal-header {
    background: #3F4454;
}

.compose-modal .modal-content .modal-header .modal-title {
    color: #fff;
}

.compose-modal .mailbox-frm-compose {
    margin-top: 0;
}

.compose-modal .mail-box {
    max-height: 800px;
    overflow-y: auto;
}

.compose-modal .mail-box, .compose-modal .mail-box aside {
    display: block;
}

/*.compose-style .input-group-addon,*/
.mailbox-frm-compose .ctop .input-group-addon {
    text-align: left;
    width: 60px;
    border-radius: 10px;
    margin: 0;
    border: 0;
    border-right: 1px solid #ddd;
}

.compose-style .input-group,
.mailbox-frm-compose .ctop .input-group {
    width: 100%;
}

/*Mail end ===============*/

.modal.fade:not(.in).bottom .modal-dialog {
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
}


.border-less .panel-body {
    padding-top: 0;
}

.border-less.panel .panel-heading {
    border-bottom: medium none;
    padding-top: 15px;
}

.link-list ul {
    margin-left: 24px;
}

.link-list p, .link-list a {
    border-bottom: 1px solid #f0f4f9;
    display: block;
    margin: 0;
    padding: 4px 0;
}

.link-list a:hover {
    background: #f0f4f9;
}

.link-list p span, .link-list a span {
    font-size: 16px;
    margin-right: 5px;
}

.link-list-panel .panel-heading .panel-title {
    font-size: 20px;
    font-weight: 600;
}

.link-list-panel {
    position: relative;
}

.link-list-panel .panel-title img {
    color: #e9edf2;
    max-width: 30px;
    filter: brightness(0.75);
    vertical-align: text-bottom;
    margin-right: 3px;
}

.input-group-btn.btn a {
    color: #fff;
}

/*Full detail gallery slider*/
.details .thumbs.owl-carousel {
    margin-top: -1px;
}

.details .thumbs.owl-carousel .owl-stage-outer {
    background: #3f4454 none repeat scroll 0 0;
    padding: 1px 5px;
}

.details .big-images.owl-carousel .owl-item .item {
    background: #e9edf2;
    max-height: 340px;
    min-height: auto;
    overflow: hidden;
    width: auto;
}

.details .big-images.owl-carousel .owl-item .item img {
    margin: 0 auto;
    max-height: 340px;
    width: auto;
}

.details .thumbs.owl-carousel .owl-item .item {
    color: #ffffff;
    cursor: pointer;
    display: block;
    height: 75px;
    margin: 6px 3px;
    opacity: 1;
    overflow: hidden;
    text-align: center;
}

.details .big-images.owl-carousel .owl-prev, .details .big-images.owl-carousel .owl-next {
    font-size: 0;
    position: absolute;
    top: calc(50% - 17px);
    left: -25px;
}

.details .big-images.owl-carousel .owl-prev::before, .details .big-images.owl-carousel .owl-next::before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    content: "\e995";
    display: block;
    font-family: "leadcitysolution" !important;
    font-size: 20px;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-transform: none !important;
    width: 35px;
}

.details .big-images.owl-carousel .owl-next {
    right: -25px;
    left: auto;
}

.details .big-images.owl-carousel .owl-next::before {
    content: "\e994";
}

.details .thumb li.item {
    height: 60px;
    margin-bottom: 10px;
    overflow: hidden;
}

.details .thumb {
    max-height: 340px;
    overflow-y: auto;
}


h4 .checkbox > label {
    font-size: inherit;
    font-weight: inherit;
}

.label-dark .label {
    color: #333333;
    font-weight: 400;
    display: inline-block;
}

.label-dark {
    margin: 0;
}

.checkbox.colored {
    border-radius: 2px;
    display: inline-block;
    height: 25px;
    padding: 4px 0 0 24px;
    text-align: center;
    vertical-align: middle;
    width: 25px !important;
    margin-top: 0;
    margin-right: 3px;
    margin-bottom: 5px;
}

.checkbox.colored.transcontmaster {
    border-radius: 2px;
    display: inline-block;
    height: 28px;
    padding: 5px 6px 5px 28px;
    text-align: left;
    /* vertical-align: top; */
    width: auto !important;
    /* margin-top: 0; */
    /* margin-right: 3px; */
    margin-bottom: 10px;
    /* float: left; */
}

/*.checkbox.colored {*/
/*border-radius: 2px;*/
/*display: unset;*/
/*height: 25px;*/
/*padding: 5px 0 5px 24px;*/
/*text-align: center;*/
/*vertical-align: middle;*/
/*width: 0 !important;*/
/*margin-top: 0;*/
/*margin-right: 3px;*/
/*margin-bottom: 5px;*/
/*}*/
.panel-control .action .icon {
    color: #ffffff;
}

.page-login .panel.panel-default {
    border-radius: 0;
}

.form-group .the-count {
    opacity: 0.5;
    position: absolute;
    right: 25px;
    top: 45%;
    font-size: 12px;
}
.Blog-Post .form-group .the-count {
    top: 47%;
}
.form-control.maxlength {
    padding: 4px 60px 6px 6px !important;
}

@media (max-width: 1366px) {

    .header-checkbox label {
        display: none;
    }

    th.header-checkbox.action-in-first-th {
        width: 5%;
    }

    .header-checkbox .dropdown {
        margin-top: 1px;
    }
}

/* TMS Color scheme */
option.green,
select.green {
    background-color: green !important;
    color: #fff !important;
}

.red {
    background-color: #c02025 !important;
    color: #fff !important;
}

/* .yellow {
    background-color: #FFFFD3 !important;
    color: black !important
} */

.orange {
    background-color: #FF9800 !important;
}

.default {
    background-color: #444;
    color: white !important
}

.green {
    background-color: green !important;
    color: #fff !important;
}

.grey {
    background-color: grey !important;
    color: #fff !important;
}

.blue {
    background-color: blue !important;
    color: #fff !important;
}

.white {
    background-color: white !important;
    color: #0a0a0a !important;
}

.sea-green {
    background-color: #0eaaa6 !important;
    color: #ffffff !important;
}

.black {
    background-color: black !important;
    color: #ffffff !important;
}

.purple {
    background-color: purple !important;
    color: #ffffff !important;
}

.pink {
    background-color: pink !important;
    color: #ffffff !important;
}

.sherpa-blue {
    background-color: #06a7ea !important;
    color: #ffffff !important;
}

.light-red {
    background-color: #d13a44 !important;
    color: #ffffff !important;
}

.dark-orange {
    background-color: #ff4700 !important;
    color: #ffffff !important;
}

.dark-pink {
    background-color: #ff2a9b !important;
    color: #ffffff !important;
}

.gold {
    background-color: #eac85e !important;
    color: #ffffff !important;
}

.skyblue {
    background-color: #00aeef !important;
    color: #ffffff !important;
}

/* .darker-gray {
    background-color: #D9D9D9 !important;
    color: #000000 !important;
} */

.navy-blue {
    background-color: #378CF0 !important;
    color: #ffffff !important;
}

.lightgreen {
    background-color: #00BF63 !important;
    color: #ffffff !important;
}

.lightred {
    background-color: #D62A31 !important;
    color: #ffffff !important;
}

.orange {
    background-color: #FF713E !important;
    color: #ffffff !important;
}

.darkgreen {
    background-color: #067D44 !important;
    color: #ffffff !important;
}

.form-group .border-green {
    border: 2px solid #008000 !important;
}

.form-group .border-green, .select2.select2-container.border-green :not(.onoffswitch-switch){
    border-radius: 5px;
}
.border-red {
    border: 2px solid #c02025 !important;
}

.text-red {
    color: #c02025;
}

.text-lightblue {
    color: #00d8ff;
}

/*Multi select*/
.ui-corner-all .ui-multiselect-checkboxes label input {
    top: -2px;
}

.ui-multiselect .caret {
    margin: 7px 0;
}


.checkbox-inline-box .checkbox-inline, .checkbox-inline-box .radio-inline {
    margin-left: 0;
}

.myleftclass {
    width: 136px;
    line-height: 30px;
}


/*Modal Hacks*/
.popup-body {
    height: auto !important; /*margin-bottom: 85px !important;*/
    overflow: initial;
}

.popup-body .pagination-box {
    margin-bottom: 90px;
}

.popup-body .footer {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 111;
    background: #fff;
    text-align: right;
    border-top: 1px solid #e9edf2;
    border-radius: 0 0 3px 3px;
}

.popup-body .footer.acenter {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 111;
    background: #fff;
    text-align: right;
    border-top: 1px solid #e9edf2;
    border-radius: 0 0 3px 3px;
}

.popup-body .footer.bg-grey-dark.html-form-footer {
    margin-left: -25px;
}

.form-horizontal .control-label.text-left {
    text-align: left;
}

.sorting-block p {
    min-height: 44px;
}

.ui-state-highlight.ui-sortable-helper {
    background: #dafdf7;
    border: 1px solid #22baa0;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.18);
}

.tdpadding {
    padding-bottom: 60px;
    vertical-align: top;
    padding-left: 19px;
}

.connectedSortable {
    border: 2px solid #dce1e7;
    width: 100%;
    height: 490px;
    float: left;
    margin: 0 19px 0 0;
    padding: 5px 5px 5px 20px;
    text-align: left;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .connectedSortable {
        height: auto;
    }
}

.signer_info_wrap {
    margin-bottom: 100px;
    margin-left: 0;
    margin-right: 0;
}

.connectedSortable li {
    padding: 5px;
    font-size: 13px;
    width: calc(100% - 15px);
    cursor: pointer;
}

div.table-body {
    display: table;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

div.table-cell {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

div#main-wrapper.table-body {
    height: calc(100vh - 60px);
    margin: 30px 0;
}

/*Chart*/
.chart_title {
    margin: 0 0 6px;
}


/*Scroll to top*/
.cd-top {
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 20px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    background: #dce1e7;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    text-align: center;
    line-height: 40px;
    font-size: 17px;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: .6;
}

.cd-top.cd-fade-out {
    opacity: .6;
}

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

.permission-box .col-md-4 {
    font-weight: 600;
}

.panel-control i.icons {
    color: #ffffff;
}

.panel-heading.gray .panel-control i.icons {
    color: #333;
}


.doc_row > div .panel-title, .doc_row > div .panel-control {
    padding: 7px 5px 7px 15px;
    line-height: inherit;
}

.doc_row > div .panel-control a {
    padding: 0 3px;
    color: #fff;
}

.doc_row > div .panel-control a:hover {
    opacity: 0.7;
}

.custom-document-detail .wrapper {
    padding: 10px 0;
    border-bottom: 2px solid #eff1f7;
    margin-bottom: 20px;
}

.doc_row {
    margin-bottom: 10px;
}

#document_container .doc_cat_title .icon-document {
    font-size: 20px !important;
    margin-right: 5px;
}

.doc_cat_title .panel-title {
    font-size: 17px !important;
}

.document_category .panel-heading.doc_cat_title {
    padding: 12px 15px !important;
    background-color: #F5B041;
    /*background-color: #e5b33c;*/
}


.pagination-box .dropdown-menu::before {
    border-top: 8px solid #d8dee4;
    bottom: -17px;
    border-bottom: 8px solid rgba(0, 0, 0, 0);
    top: auto;
}

.pagination-box .dropdown-menu::after {
    border-top: 7px solid #ffffff;
    bottom: -14px;
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    top: auto;
}

.pagination-box .dropup .dropdown-menu {
    margin-bottom: 10px;
}

.all_cont_area .panel-compact {
    border-bottom: 1px solid #e5e5e5 !important;
}

.all_cont_area .panel-compact .panel-heading {
    background: #f9f9f9;
    margin-bottom: -1px;
}

.all_cont_area .panel-compact .panel-heading h4 {
    padding: 8px 0;
}

.all_cont_area .panel-compact .panel-body {
    margin: 0 15px;
}

.all_cont_area .panel.panel-compact {
    margin-bottom: 10px;
}

/* To display show more content in Listing SEO*/
.more_container_showhide {
    position: absolute;
    background: white;
    padding: 10px;
    border: 1px solid;
    z-index: 1;
}

/*.isMoreOnPopOver {
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 92%;
    vertical-align: middle;
}*/

/* To display panel control icon color black*/
.custom-control i.icons {
    color: #333 !important;
}

/* To display toggle checkbox in saved search - footer */
.disptoggle > label ~ .onoffswitch {
    display: inline-block;
}

.disptoggle .onoffswitch-inner:before {
    padding-right: 30px !important;
}

.disptoggle > label {
    vertical-align: top;
    padding-top: 10px;
}

span.label.ttm_user_color {
    padding: 7px !important;
}

.panel-heading.filter-panel-heading.white {
    background: #FFFFFF !important;
}

.panel-heading.filter-panel-heading {
    /*width: 100px;*/
    position: absolute;
    left: 45%;
    top: -15px;
    background: #e9edf2;
    color: #81899c;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    padding: 9px 30px;
    cursor: pointer;
    text-transform: uppercase;
    border-top: 0;
    font-size: 12px;
    z-index: 11;
    border-color: #e9edf2;
}

.panel .panel-heading.filter-panel-heading .panel-title {
    margin-right: 10px;
    font-size: 12px;
}

.panel-heading.filter-panel-heading .panel-control i {
    color: #81899c;
    display: flex;
}

.m-t-20 {
    margin-top: 20px;
}

.breadcrumb > li {
    display: inline-block;
    color: #90999c;
}

.row.gutters-6 > [class^="col-"], .row.gutters-6 > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}


.radio {
    padding-left: 20px;
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
}

.radio input[type="radio"]:focus + label::before {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}


/*26 Jan 2018*/
/* table.table.table-special .bottom-list-actions td {border-top:0 !important} */

/**/
.onoffswitch-list {
    width: auto;
    display: inline-block;
    vertical-align: middle
}

.label-display {
    white-space: normal;
}

.label-display .label {
    position: relative;
    top: 0;
    margin-bottom: 5px !important;
    display: inline-block;
}

.font-red {
    color: red;
}

.font-green {
    color: green;
}

.upload-input {
    opacity: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    cursor: pointer !important;
}

.image-preview.lg-2 {
    margin-bottom: 5px;
    width: 133px;
    height: 150px;
    clear: both;
}

.icon-new a i {
    font-size: 38px;
    display: block;

}

.icon-new a span {
    font-size: 12px;

}

.icon-new a:hover {
    color: #1779B9;
    transition: 0.1s ease 0.1s;
}

.data-list-picture {
    width: 250px;
    margin: 0 auto;
    display: block;
}


/*#customIframModel{ padding-left: 10px; }*/

/*
 * Manoj Ahir ~>  Fixed top navbar right action dropdown issues.
 */
.action-group-button {
    display: flex;
    justify-content: flex-end;
}

/*.action-group-button .btn-group:nth-child(3) .btn,
.action-group-button .btn-group:nth-child(4) .btn {
    border-radius: 0;
}*/

/*.action-group-button .btn-group:nth-child(3) .btn ~ .btn,
.action-group-button .btn-group:last-child .btn{
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}*/


.action-group-button .btn-group:nth-child(3) .dropdown-menu,
.action-group-button .btn-group:nth-child(5) .dropdown-menu,
.action-group-button .btn-group:nth-child(4) .dropdown-menu {
    right: 0;
    left: auto;
}

@media screen and (max-width: 767px) {
    .ShowHideToolTips {
        height: 31px;
        line-height: 10px;
    }

    .action-group-button .btn-group .btn {
        margin-bottom: 0;
    }

    .action-group-button .btn-group:nth-child(5) .btn {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }
}

.custom-col {
    width: 20%;
}

input.srole_enable_field_level_permission {
    margin: 5px;
}

.preview {
    margin-bottom: 5px;

}

.preview b {
    float: left;
    margin-right: 5px;

}

.preview .form-group {
    margin: 0 0 0 10px;
}

.preview .form-group .form-control {
    max-width: 94%;
}

.field-labels th {
    min-width: 100px;
}

.field-labels th, .field-labels td {
    padding: 3px 0;
}

.grid-stack-item-content .row.form-group {
    margin-bottom: 10px;
}

.caret-up {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.pop-up-bc-tooltip small {
    color: #888;
    cursor: default;
}

.pop-up-bc-tooltip small:hover {
    color: #555;
}

form#frmTransInformation i, form#frmTaskData i, .primaryListingUser i, .primaryBuyingUser i, .co-userListingUser i, .co-userBuyingUser i {
    font-size: inherit;
}

.span-colorpicker {
    padding: 5px 11px;
}

.colorPick {
    display: flex;
    align-content: center;
    align-items: center;
    height: 22px;
    width: 32px;
}

.compliance_agent_name {
    display: inline-block;
}

.compliance_agent_name + .compliance_agent_name::before {
    content: " | ";
    padding: 0 5PX;
}

.showFullConversationHistory {
    max-height: max-content !important;
    overflow: auto !important;;
}

.conver-note {
    width: 75%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.updateNotesOfDocuments:not(:last-child) {
    margin-bottom: 3px;
}

.table-special .updateNotesOfDocuments {
    width: 85px;
}

.text-transparent {
    color: transparent;
}

.sweet-alert {
    z-index: 9999;
}

.sweet-alert h2 {
    margin: 25px 10px auto;
}

.page-inner-help-short-description.lg {
    max-height: 60px;
}

.btn-outline.smart-filter {
    font-weight: 600;
    padding: 3px 8px;
    text-transform: capitalize;
    color: #28a745;
    background: #e9f6ec;
    border-color: #28a745;
}

.btn-outline.smart-filter:hover, .btn-outline.smart-filter:focus {
    color: #fff;
    background: #28a745;
    border-color: #28a745;
}

.smart-filter-popover .popover-header-title {
    color: #3f4454;
    font-weight: 500;
    text-transform: capitalize;
}

.smart-filter-popover .popover-footer {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-top: 1px solid #ebebeb;
}

.smart-filter-popover .popover-content button {
    font-size: smaller;
}

.panel-filter .input-group-btn {
    vertical-align: top;
    font-size: unset;
}

.panel-filter .input-group-btn.auto-suggest-input {
    vertical-align: middle;
}

.panel-filter .option-block {
    overflow-y: auto;
    margin: unset;
    border-radius: 0 4px 4px 0;
    max-height: 80px;
    clear: both;
}

.panel-filter .input-group-btn .btn.dropdown-toggle {
    border: 1px solid #12AFCB;
    z-index: 2;
    margin-right: -3px;
    font-size: 14px;
}

.panel-filter .input-group-btn .dropdown-menu .active a {
    background-color: #12AFCB;
}

table .dropdown .btn {
    padding: 0 5px;
    border-color: #bcc3cb;
    background: #dee4ea none repeat scroll 0 0;
    color: #323642;
}

table .dropdown .btn.btn-warning,
table .dropdown .btn.btn-warning:hover {
    color: #fff;
    background-color: #7a6fbe;
    border-color: transparent;
}

table .dropdown .btn:focus,
table .dropdown .btn:hover {
    background: #cfd4d9 none repeat scroll 0 0;
}

.action-right.table.table-special th:last-child, .action-right.table.table.table-special td:last-child {
    width: 1% !important;
    text-align: center;
}

.SubItemClass .item {
    display: block;
    clear: both;
}

.SubItemClass .item span {
    line-height: 15px;
}

small.tm_status, small.ls_status {
    display: inline !important;
    padding: 2px 5px;
    font-weight: 600 !important;
}

.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tm_status option:disabled, .ls_status option:disabled {
    color: #f5f5f5 !important;
}

.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-red, .table-hover > tbody > tr:hover .btn.btn-info, .table-hover > thead > tr:hover .btn.btn-info {
    background: #12AFCB;
    border-color: #12AFCB;
    color: #ffffff;
}

.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-red, .table-hover > tbody > tr .btn-info:hover {
    color: #fff;
    background-color: #08A7C3;
    border-color: transparent;
}

a.selectTag {
    vertical-align: middle;
}

.filter-buttons button {
    font-size: 12px;
}


.quick-search-box-desktop ul {
    width: 515px !important;
}

.quick-search-result-ul {
    visibility: visible !important;
    opacity: 1 !important;
}

.ui-autocomplete-category {
    text-align: left;
    padding: 3px 7px !important;
}

.quick-search-box-mobile .ui-autocomplete .list-group-item.ui-menu-item a,
.quick-search-box-desktop .ui-autocomplete .list-group-item.ui-menu-item a {
    padding: 0 !important;
    margin-left: 10px;
    color: #000;
}

.ui-autocomplete .list-group-item.ui-menu-item {
    padding: 3px;
    font-size: 95%;
    margin: 0;
}

.navbar ul ul ul .list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #212529 !important;
    text-decoration: none;
    background-color: #fff !important;
    border: 1px solid rgba(0, 0, 0, .125);
}

.navbar ul ul ul.ui-autocomplete {
    cursor: pointer;
    background-color: #FFF !important;
    max-height: 88vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    /*display: block !important;*/
    left: -10px !important;
    top: 42px !important;
    border: 0 !important;
}

.navbar .menu-accordion ul li.list-group-item.ui-menu-item:hover > a,
.navbar .menu-accordion ul .list-group-item.ui-menu-item:hover > label {
    color: #000;
    text-decoration: none;
    background-color: #f5f5f5;
}

.navbar ul ul ul .list-group-item.ui-state-focus, .navbar ul ul ul .list-group-item.ui-state-active {
    margin: 0;
}

li.list-group-item.ui-autocomplete-category:before {
    content: "\e127";
    font-family: 'Glyphicons Halflings';
    vertical-align: bottom;
    margin-right: 5px;
}

.navbar ul ul ul .list-group-item.ui-autocomplete-category:hover {
    cursor: initial;
}

/*.quick-search-box-mobile .quick-search-input-ul .ui-autocomplete,*/
.quick-search-box-mobile .navbar ul ul ul.ui-autocomplete {
    cursor: pointer;
    background-color: #FFF !important;
    border: solid 1px #CCC;
    max-height: 88vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    /*display: block !important;*/
}

.quick-search-box-mobile ul ul .list-group-item.ui-autocomplete-category,
.quick-search-box-desktop ul ul .list-group-item.ui-autocomplete-category {
    background-color: #dee4ea !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    line-height: normal;
    border-radius: 0 !important;
}

.ui-autocomplete .list-group-item.ui-menu-item:hover {
    background-color: #e7ebf099 !important;
}

.ui-autocomplete .list-group-item.ui-menu-item:hover a {
    background-color: transparent !important;
}

div#quick-search-input-box {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

div#quick-search-input-box .quick-search-input {
    padding-right: 32px;
    border-radius: 0;
    transition: unset !important;
}

div#quick-search-input-close {
    height: 100%;
    margin-left: -30px;
    position: absolute;
    display: inline;
}

ul.quick-search-input-ul .hide-quick-search-input-ul {
    border: unset !important;
    box-shadow: unset;
    background: #12afcb;
    width: 30px;
    vertical-align: initial;
    border-radius: 0;
    padding: 3px 9px;
}

ul.quick-search-input-ul .hide-quick-search-input-ul i {
    line-height: 28px;
}

.quick-search-box-desktop .ui-autocomplete .list-group-item.ui-menu-item a span,
.quick-search-box-mobile .ui-autocomplete .list-group-item.ui-menu-item a span {
    font-weight: 600;
    color: #337ab7;
}

@media (min-width: 900px) and (max-width: 1366px) {
    .ui-autocomplete .list-group-item.ui-menu-item {
        padding: 2px 3px;
        font-size: 93%;
    }

    .quick-search-box-desktop ul {
        width: 575px !important;
    }
}

@media (min-width: 769px) {
    .action-th, .action-td {
        width: 1% !important;
        text-align: center;
    }
}

.navbar .quick-search-box-desktop a span.menu-icon {
    margin-right: 0 !important;
}

.border-bottom-light {
    border-bottom: 1px solid #e8eaf666;
}

.panel-filter .input-group {
    display: inline-table;
}

.lead_search_user_ul_result.ui-autocomplete {
    z-index: 9999999999 !important;
}

.quick-add-buttons label {
    padding: 0 !important;
}

#frmQuickAddInsightSelect .input-group span, #frmQuickAddTranListingSelect .input-group span {
    background: #ffff;
    border: 1px solid #12AFCB !important;
}

#frmQuickAddInsightSelect .input-group .form-control, #frmQuickAddTranListingSelect .input-group .form-control {
    border-radius: unset;
    height: 35px !important;
}

#frmQuickAddInsightSelect .input-group span button, #frmQuickAddTranListingSelect .input-group span button {
    border-radius: unset;
}

/*Quick Search Mobil CSS*/

.quick-search-box-mobile {
    width: 100%;
    display: inline-block;
    z-index: 997;
}

.quick-search-box-mobile.fix-quick-search-box {
    position: fixed;
    /*-webkit-transition: opacity .3s 0s, visibility 0s .3s;*/
    /*-moz-transition: opacity .3s 0s, visibility 0s .3s;*/
    /*transition: opacity .3s 0s, visibility 0s .3s;*/

    /*-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;*/
    /*transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }*/
}

.quick-search-box-mobile {
    background-color: #3f4453;
    padding: 8px 8px 4px 8px;
    margin: 0 !important;
}

.quick-search-mobile {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    display: inline-block;
    background: #2C394C;
    height: 100%;
}

a.quick-search-mobile-link {
    font-size: 2rem;
    color: #fff;
    font-weight: 700 !important;
    margin-top: 9px !important;
    display: block;
    border: 1px solid gray;
    border-radius: 5px;
    padding-top: 3px;
    padding-left: 1px;
    padding-right: 1px;
    margin-left: -10px;
}

a.quick-search-mobile-link i {
    padding: 0 5px;
}

a.quick-search-mobile-link i:before {
    vertical-align: initial;
}

.quick-search-box-mobile #quick-search-input-box .ui-widget-content {
    width: 100% !important;
}

.ui-widget.ui-widget-content {
    z-index: 9999;
}

table.table.table-special th, table.table.table-special td {
    padding: 5px 8px;
    border: 1px solid #d2d9e0;
}

table.team-agents.table.table-special th, table.team-agents.table.table-special td {
    vertical-align: middle;
}


.isDocumentOrTmplRole {
    background: #e9e9e9;
    border: 1px solid #88e8f1 !important;
}

.list-group-item.ui-autocomplete-category span {
    font-size: 10px;
    float: right;
    font-weight: normal;
}

.quick-search-box-mobile .ui-autocomplete {
    max-height: 65vh;
}

.quick-search-box-desktop .ui-autocomplete .list-group-item.ui-menu-item a.view_detail,
.quick-search-box-desktop .ui-autocomplete .list-group-item.ui-menu-item:hover a.view_detail,
.quick-search-box-mobile .ui-autocomplete .list-group-item.ui-menu-item a.view_detail,
.quick-search-box-mobile .ui-autocomplete .list-group-item.ui-menu-item:hover a.view_detail {
    color: #12AFCB;
    border: 1px solid #12AFCB;
    border-radius: 5px;
    padding: 3px 5px 2px !important;
}

.quick-search-box-desktop .ui-autocomplete .list-group-item.ui-menu-item a.view_detail:hover,
.quick-search-box-mobile .ui-autocomplete .list-group-item.ui-menu-item a.view_detail:hover {
    background: #12AFCB !important;
    color: #fff !important;
}

@media (min-width: 900px) and (max-width: 2560px) {
    .html_pager_text label:after {
        content: ' | ';
    }

    .add-sep-before-div:before {
        content: ' | ';
    }

    .custom-justify-right {
        justify-content: right;
        display: flex;
    }
}

@media (min-width: 1100px) and (max-width: 1599px) {
    table.table.table-special > thead > tr > th, table.table.table-primary > thead > tr > th, table.table.table-special > thead > tr > th a, table.table.table-primary > thead > tr > th a {
        font-size: 13px;
    }
}

form#frmSearch {
    margin-bottom: 20px;
}

table tr:nth-last-child(-n+2):nth-child(n+4) td.header-checkbox .dropdown .dropdown-menu{
    top: auto;
    bottom: 100% !important;
}

@media (max-width: 767px) {
    table tr:nth-last-child(-n+2):nth-child(n+4) td.header-checkbox .dropdown .dropdown-menu{
        top: 100%;
        bottom: auto !important;
    }

    .alert {
        padding: 5px 10px;
        font-weight: normal;
        line-height: normal;
    }

    select[name="page_size"], select[name="selection-sort"] {
        width: auto;
        display: inline-block;
    }
}

select[name="page_size"] {
    margin-right: 5px;
}

div#swal2-html-container #collapseTransactions,
div#swal2-html-container #collapseForms {
    max-width: 150vh;
    max-height: 40vh;
    overflow: auto;
}

.radio-md .radiobox-inline label {
    line-height: normal;
}

.radio-sm .radiobox-inline label {
    padding: 1px 3px;
    line-height: normal;
    font-size: 96%;
}

.radio-red-green .radiobox-info input[type="radio"][value="Yes"]:checked + label {
    background-color: #008000;
    border: 1px solid #008000;
}

.radio-red-green .radiobox-info input[type="radio"][value="No"]:checked + label {
    background-color: #c02025;
    border: 1px solid #c02025;
}

input[type="checkbox"]:hover, input[type="radio"]:hover {
    cursor: pointer;
}

input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer;
}

.mw-200p {
    max-width: 200px;
}

.connectedSortable li {
    margin: 6px;
}

.common-alerts .alert-dismissible .close {
    top: -1px;
    right: -5px;
}

.dropdown-menu {
    min-width: 100px;
}

.doc-actions a {
    color: white;
    padding: 0 2px 0 2px;
}

table.table > thead > tr > th > .dropdown a {
    background-color: #fff;
    font-weight: initial;
    text-transform: initial;
}

table.table > thead > tr > th > .dropdown a:focus,
table.table > thead > tr > th > .dropdown a:hover {
    background-color: #f5f5f5;
}

.ul-grid-3 {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
}

.ul-grid-2 {
    display: grid;
    grid-template-columns: 50% 50%;
}

.ul-grid-4 {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}

.panel.panel-default.disabled .panel-heading {
    cursor: unset;
}

ul.list-group.mb-0.ul-grid-1 {
    display: grid;
}

#sitemap-detail-page-links .list-group-item, .community-links .list-group-item {
    padding: 3px 5px
}

#sitemap-detail-page-links .list-group .list-group-item a, .community-links .list-group .list-group-item a {
    display: initial;
}

.master-agent-icon {
    vertical-align: middle;
    font-size: 15px;
}

.btnCheckedToAddFromCollection {
    position: absolute;
    right: 7px;
    top: -10px;
    background: #eee;
    color: #198754 !important;
    font-weight: bolder;
    border: 1px solid;
    font-size: medium;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    padding: 0;
}

/* Show loader in AMP site on add/edit while select property type in Listing Criteria and Listing Criteria 2*/
.propertyTypeLoaderSection {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    left: 0;
    top: 0;
    z-index: 1111;
}

.propertyTypeLoaderSection div {
    position: absolute;
    top: 45%;
    left: 0;
    margin-top: 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
}

.propertyTypeLoaderSection::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 25px;
    height: 25px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 2px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}


@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/*
 * Manoj Ahir ~> Spacer CSS
 */
.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: .25rem !important;
}

.m-2 {
    margin: .5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mt-1 {
    margin-top: .25rem !important;
}

.mr-1 {
    margin-right: .25rem !important;
}

.mb-1 {
    margin-bottom: .25rem !important;
}

.ml-1 {
    margin-left: .25rem !important;
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.ml-2 {
    margin-left: .5rem !important;
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
}

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

.p-1 {
    padding: .25rem !important;
}

.p-2 {
    padding: .5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pt-1 {
    padding-top: .25rem !important;
}

.pr-1 {
    padding-right: .25rem !important;
}

.pb-1 {
    padding-bottom: .25rem !important;
}

.pl-1 {
    padding-left: .25rem !important;
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.pt-2 {
    padding-top: .5rem !important;
}

.pr-2 {
    padding-right: .5rem !important;
}

.pb-2 {
    padding-bottom: .5rem !important;
}

.pl-2 {
    padding-left: .5rem !important;
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.py-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.mt-1p {
    margin-top: 1px;
}

.mt-2p {
    margin-top: 2px;
}

.mt-3p {
    margin-top: 3px;
}

.addCollBorderSuccess {
    border: 2px solid #28a745 !important;
}

.modal-xl {
    width: 125vh;
}

.modal-xxl {
    width: 175vh;
}

.input-group .form-control {
    z-index: auto;
}

.quick-add-buttons .icon-plus:before {
    content: "\e93e";
    font-size: 22px;
}

.form-control,
.form-group .select2-container--default .select2-selection--multiple,
.form-group .panel-filter .input-group,
.form-group .panel-filter .input-group button,
.form-group .ui-multiselect,
.panel-filter .option-block,
.radiobox.style1 .radiobox-info label,
.form-group .select2-container--default .select2-selection--single,
.form-group .select2-container--default .select2-selection--multiple,
.option-block {
    background: #F6F7F9;
}

.ui-multiselect-menu {
    z-index: 2 !important;
}

.popup-body .btn-group-vertical > .btn, .modal-body .btn-group > .btn {
    margin-right: 5px;
    border-radius: 15px !important;
}

.popup-body .pps-criteria {
    margin-bottom: 50px;
}

.popup-body .btn-group-lg > .btn, .popup-body .btn-lg {
    line-height: 1.3333333;
    border-radius: 15px !important;
    margin-right: 4px;
}

.popup-body .button,
.popup-body .btn-danger,
.popup-body .btn-primary,
.popup-body .btn-warning,
.popup-body .warning,
.popup-body .btn-lg,
.popup-body .btnBlue {
    border-radius: 15px;
}

.popup-body .msg-container .msg {
    margin: 15px 25px;
}
.popup-body .frmStdForm {
    padding: 15px 25px;
}

/*.popup-body .msg-container {
    padding: 0 25px;
}

.popup-body .frmStdForm > .row {
    margin-bottom: 68px;
}*/

.modal-primary .button,
.modal-primary .btn-primary,
.modal-primary .btn-success,
.modal-primary .btn-warning,
.modal-primary .btn-default,
.modal-primary .btn-danger {
    border-radius: 15px;
}

.popup-body .btn-group .btn-lg {
    margin-bottom: 0;
}

.panel-heading {
    padding: 10px 25px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.popup-body .footer .notify {
    float: left;
}

.fc .fc-button-primary {
    background-color: transparent !important;
    border-color: transparent !important;
    color: black !important;
}

.fc-button-active {
    font-weight: bold !important;
}

.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, -0.5) !important;
}

.fc-button-group .fc-button-primary:not(:last-child)::after {
    content: " |";
    padding: 0 5px 0 5px;
}

.fc .fc-button-group > .fc-button {
    text-transform: capitalize;
}

.fc-button-group .fc-button {
    padding: 0 !important;
}

.fc-today-button {
    background-image: url(/templates/base2/assets/images/calendar-jump-to-today-icon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -99999em;
    width: 35px;
}

.fc-customSettingCalender-button {
    background-image: url(/templates/base2/assets/images/calendar-settings-icons.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -99999em;
    width: 35px;
    height: 35px;
}

.fc-myCustomButton-button {
    background-image: url(/templates/base2/assets/images/task-add.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: transparent;
    background-color: transparent;
    font-size: 18px;
}

.fc .fc-button-primary:disabled {
    cursor: not-allowed;
}

.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) div {
    display: flex !important;
}

.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) .fc-button-primary {
    padding: 0 10px;
}

.select-multi-radio input[type="radio"]:checked,
.select-multi-radio input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.select-multi-radio input[type="radio"]:checked + label,
.select-multi-radio input[type="radio"]:not(:checked) + label {
    position: relative;
    padding: 0 20px 0 25px;
    cursor: pointer;
    line-height: 18px;
    display: inline-block;
    color: #666;
}

.select-multi-radio input[type="radio"]:checked + label:before,
.select-multi-radio input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.select-multi-radio input[type="radio"]:checked + label:after,
.select-multi-radio input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #2C394C;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.select-multi-radio input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.select-multi-radio input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.select-multi-radio .select2-container--default .select2-selection--single {
    border-radius: 15px !important;
}

.calendar_agent_list {
    margin-top: -2%;
    width: 250px;
    display: none;
}

button.fc-mytitle-button.fc-button.fc-button-primary {
    cursor: context-menu;
    font-size: 24px;
    font-weight: bold;
    margin-top: -13%;
    padding: 0;
}

.table > tbody > tr:first-child > td {
    border-top: none;
}


.task-close,
.task-complete {
    color: grey;
    font-size: 20px;
    margin-left: 5px;
    margin-top: -2px;
}

.task-close:hover {
    color: red;
}

.task-complete:hover {
    color: #00D100;
}

.loadmore,
.loadless {
    text-align: center;
}

.loadmore a:hover {
    color: blue;
}

.loadmore i.fa.fa-angle-down,
.loadmore i.fa.fa-angle-up {
    font-size: 30px;
}

.task-table .team-designation {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    width: 10vw;
}

.personal-dashboard .btn-xs {
    background-color: transparent;
}


.user-calendar .panel,
.personal-dashboard .panel {
    border-radius: 30px;
}

.personal-dashboard .panel-heading {
    border-radius: 25px 25px 0 0;
}

.personal-dashboard .panel-heading h4 {
    font-weight: bold !important;
    font-size: 24px !important;
}

.personal-dashboard .table > tbody > tr > td,
.personal-dashboard .table > tbody > tr > th,
.personal-dashboard .table > tfoot > tr > td,
.personal-dashboard .table > tfoot > tr > th,
.personal-dashboard .table > thead > tr > td,
.personal-dashboard .table > thead > tr > th {
    padding: 1px 3px;
}

.personal-dashboard .table {
    margin-bottom: 5px;
}

.personal-dashboard .table > tbody > tr > td {
    vertical-align: middle;
    height: 30px;
}

.personal-dashboard .task-widget .panel-heading a:hover,
.personal-dashboard .leads-widget .panel-heading a:hover,
.personal-dashboard .goal-widget .panel-heading a:hover,
.personal-dashboard .task-widget .table > tbody > tr > td:first-child a:hover {
    color: blue;
}

.personal-dashboard .task-widget .panel-body {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*.personal-dashboard .task-widget .panel-body > div > div {
    max-height: 320px;
    overflow: auto;
}*/

.personal-dashboard .transaction-widget .align-bottom,
.personal-dashboard .leads-widget .align-bottom {
    margin-top: 25px;
    margin-bottom: 0;
    text-align: center;
    color: white;
}

.personal-dashboard .transaction-statistics-widget #PersonalTransactionStatisticsContent h2 {
    float: inherit;
    font-weight: bold;
    opacity: 0.2;
    margin-top: 0;
}

.personal-dashboard .transaction-widget .panel-heading-dashboard .text-bold,
.personal-dashboard .leads-widget .panel-heading-dashboard .text-bold {
    font-weight: bold;
    font-size: 60px;
    color: white;
}

.personal-dashboard .transaction-widget .panel-heading-dashboard,
.personal-dashboard .leads-widget .panel-heading-dashboard {
    border-radius: 25px 25px 25px 25px;
    padding: 10px 10px;
    height: 100%;
    width: 100%;
}

.personal-dashboard .transaction-widget .listings {
    background-image: url(/templates/base2/assets/images/transactions-listings-icon.svg);
    background-size: 75px;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #72B9E1;
}

.personal-dashboard .transaction-widget .offers {
    background-image: url(/templates/base2/assets/images/transactions-offers-icon.svg);
    background-size: 75px;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #627FA8;
}

.personal-dashboard .transaction-widget .sales-closed {
    background-image: url(/templates/base2/assets/images/transactions-total-sales-closed-icon.svg);
    background-size: 75px;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #6ABB75;
}

.personal-dashboard .transaction-widget .commission-amount {
    background-image: url(/templates/base2/assets/images/transactions-commission-amount-icon.svg);
    background-size: 75px;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #6ABB75;
}

.personal-dashboard .leads-widget .newleads {
    background-image: url(/templates/base2/assets/images/leads-new-leads-icon.svg);
    background-size: 75px;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #D45565;
}

.personal-dashboard .leads-widget .leads {
    background-image: url(/templates/base2/assets/images/leads-hot-seller-and-buyer-icon.svg);
    background-size: 75px;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #D45565;
}

.personal-dashboard .transaction-widget .commission-amount h2,
.personal-dashboard .transaction-widget .sales-closed h2 {
    font-size: 30px !important;
}

.personal-dashboard .btn-default-success:hover {
    border-color: transparent;
    color: #0a0a0a;
}

.personal-dashboard .btn-default-success {
    border-color: transparent;
}

.personal-dashboard .btn-success:active:focus {
    color: #0a0a0a;
    background-color: transparent;
    border-color: transparent;
}

.personal-dashboard .btn-success {
    color: #0a0a0a;
    font-weight: bold;
}

.personal-dashboard .panel-heading {
    border-bottom: 0 solid;
}

.personal-dashboard .transaction-statistics-widget h1 {
    margin-top: 0;
    font-size: 48px;
    font-weight: 700;
}

.personal-dashboard .transaction-widget .panel-heading .btn,
.personal-dashboard .transaction-statistics-widget .panel-heading .btn,
.personal-dashboard .goal-widget .panel-heading .btn,
.personal-dashboard .leads-widget .panel-heading .btn {
    font-size: 13px;
    outline: none !important;
    padding: 5px 0;
}

.personal-dashboard .transaction-statistics-widget #PersonalTransactionStatisticsContent {
    padding-top: 0;
}

.add-sep-before-button:not(:first-child)::before {
    content: "| ";
}

.personal-dashboard .leads-widget .panel-body .p-2 .panel,
.personal-dashboard .transaction-widget .panel-body .p-2 .panel {
    margin-bottom: 0;
}

.topmenu-outer .dropdown-menu > li:not(:last-child) > a {
    border-bottom: 0;
}

.login-box .btn {
    font-size: 18px;
    outline: none !important;
    padding: 10px 55px;
    border-radius: 10px;
}

.login-box .toggle-password {
    position: absolute !important;
    top: 30px !important;
    right: 20px !important;
    font-size: 20px;
    color: #9CA0BF;
}

.login-box .remember-me {
    font-weight: 600;
    font-size: 15px;
}

.login-box .panel-heading {
    border-radius: 25px 25px 0 0;
}

.login-box input[type="checkbox"] {
    transform: scale(1.5);
    margin: 0 5px;
}

.login-box {
    border-radius: 25px;

}

.login-box .form-control {
    height: 40px;
    font-size: 14px;
    border: none;
}

.login-box .justify-loader-text svg {
    position: unset;
    left: 7px
}

.login-box .panel-body {
    padding: 20px 35px;
}

.login-box .panel-title {
    font-size: 22px !important;
    font-weight: bold !important
}

.login-box .font-weight {
    font-weight: 600 !important
}

.login-box .forget-password-body {
    padding: 10px 35px 20px 35px;
}

#iframeDefaultEsignModel .iframeModalLoader {
    position: absolute;
    left: 47%;
    top: 40%;
}

a.display-block.text-center.m-t-md.text-sm:hover {
    color: blue;
}

.smart-filter-btn-group .connectedSortable {
    border: 0 solid;
    width: auto !important;
    display: block;
    padding-left: 0;
}

.smart-filter-btn-group .connectedSortable li {
    width: auto;
    padding: 5px 10px;
    margin: 0 5px 0 0;
}

.smart-filter-btn-group .connectedSortable li::marker {
    color: transparent;
}

li.ui-state-highlight.smart-filter.signer.ui-sortable-handle {
    font-weight: 600;
    text-transform: capitalize;
    color: #28a745;
    background: #e9f6ec;
    border-color: #28a745;
    border-radius: 4px;
    width: auto !important;
    display: inline-block;
    margin-bottom: 5px;
}

.filter-input {
    display: inline;
    width: 45%;
    height: 30px;
}

.connectedSortable .justify-loader-text svg {
    position: absolute;
    left: -2px;
}

.connectedSortable .justify-loader-text {
    padding-left: 20px;
    position: relative;
}

@media only screen and (max-width: 600px) {
    .filter-input {
        display: inline;
        width: 29%;
        height: 30px;
    }
}

.upload_doc_template_tr #select2-tm_doc_server_tmpl_id-container {
    max-width: 300px;
}

@media only screen and (max-width: 1400px) {
    .filter-input {
        display: inline;
        width: 19%;
        height: 30px;
    }

    .upload_doc_template_tr #select2-tm_doc_server_tmpl_id-container {
        max-width: 250px;
    }
}

.progress-bar {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 10px;
    height: 23px;
    margin-bottom: 15px;
    background-color: transparent;
}

.progress-bar::-webkit-progress-bar {
    background-color: #2C394C;
}

.progress-bar::before {
    content: attr(data-label);
    font-size: 17px;
    position: absolute;
    text-align: center;
    color: white;
    left: 0;
    right: 0;
    font-weight: bold;
}

.progress-bar::-webkit-progress-bar,
.progress-bar::-webkit-progress-value {
    border-radius: 10px;
}

.progress-bar::-moz-progress-bar {
    border-radius: 10px;
}

.progress-bar.red::-webkit-progress-value {
    background: #E80E0F;
}

.progress-bar.yellow::-webkit-progress-value {
    background: #FFBD59;
}

.progress-bar.green::-webkit-progress-value {
    background: #39B54A;
}

.goal-widget h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline;
}

.goal-widget span {
    float: right;
    margin-right: 5px;
}

.goal-widget .data-not-found,
.task-widget .data-not-found {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    opacity: 0.5;
    margin-bottom: 12px;
}

/*.popup-body .alert-danger {
    margin: 0 25px;
}*/
.edit_dashboard_btn {
    background-color: #3098D4;
    color: #ffffff;
}

.edit_dashboard_btn:focus, .edit_dashboard_btn:hover {
    background-color: #3098D4;
    color: #ffffff;
}

.connectedSortableWizard li {
    float: left;
    margin-right: 19px;
    padding-left: 20px;
    text-align: left;
    overflow-y: auto;
}

li.dashboard_wizard {
    width: fit-content !important;
    font-weight: 600;
    text-transform: capitalize;
    color: #28a745;
    background: #e9f6ec;
    border-color: #28a745;
    border-radius: 4px;
}

.hidesection {
    visibility: hidden;
}

.fc-myCloseButton-button {
    background-image: url(/templates/base2/assets/images/close-button-image.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: transparent;
    background-color: transparent;
    font-size: 18px;
}

.jq-toast-single {
    margin-top: 100px !important;
}

.jq-icon-success {
    background-color: #278f29 !important;
}

.header-radios-30 {
    border-radius: 30px;
}

.button-radios-4 {
    border-radius: 4px !important;
}

.header-radios-25 {
    border-radius: 25px;
}

.ui-draggable-disabled {
    cursor: auto;
}

.font-weight-normal {
    font-weight: 100;
}

.module-title {
    display: inline;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0.3em 1em 0.3em 0;
}

.module-title span {
    font-size: 18px;
}

.profile-image-slider .big-images.owl-carousel .owl-item .item {
    background: transparent;
}

.profile-image-slider .big-images.owl-carousel .owl-item .item img {
    border-radius: 10px;
    max-height: 190px;
}

.details .big-images.owl-carousel .owl-prev::before, .details .big-images.owl-carousel .owl-next::before {
    background: transparent;
    color: #0a0a0a;
    font-weight: bold !important;
}

.panel.special.panel-success .panel-body,
.panel-success > .panel-heading {
    background: #627FA8;
    max-height: 50px;
    padding: 15px 15px;
}

.panel.special.panel-info .panel-body,
.panel-info > .panel-heading {
    background: #72B9E1;
    max-height: 50px;
    padding: 15px 15px;
}

.frmStdForm .panel-control i.icons,
.profile-detail .panel-control i.icons {
    display: inline-grid;
}

.Transaction .mail-box {
    border-radius: 0 0 20px 20px;
}

.Transaction .mail-box .sm-side {
    border-radius: 0 0 0 20px;
}

.Transaction .mail-box .lg-side {
    border-radius: 0 0 20px 0;
}

.profile-detail-icon {
    background-color: #2C394C;
    border-radius: 50%;
    border: 1px solid grey;
    padding: 20px 10px;
    color: white;
    margin: 0 10px;
}

.profile-detail-icon img {
    max-width: 40px
}

.profile-detail-list .dropdown-menu {
    border-radius: 8px;
    right: auto;
    left: 330px;
}

.profile-detail-list .dropdown-menu > li > a {
    font-size: 17px;
}

#offer-agent-contact .modal-header,
#listing-agent-contact .modal-header {
    overflow: initial;
}

.profile-contact-popup:not(:last-child):after {
    content: "";
    border-style: double;
    border-width: 1px;
    margin: 25px 0;
    width: 100%;
    border-color: #99999945;
    display: none;
}

.profile-detail .fc-myCustomButton-button {
    background-image: url(/templates/base2/assets/images/task-add.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: transparent;
    background-color: transparent;
    font-size: 18px;
    height: 35px;
    width: 35px;
}

#offer-agent-contact .modal-dialog-centered,
#offer-agent-contact .modal-dialog-centered {
    width: 400px;
}

.profile-detail .task-navbar {
    display: inline-block;
}

.profile-detail .task-navbar a.btn {
    outline: none !important;
    padding: 5px 20px;
    font-size: 18px;
    font-weight: bold;
}

.profile-detail .task-navbar ul li.active {
    background-color: #2C394C;
    border-radius: 50px;
}

.profile-detail .task-navbar ul li.active .btn {
    color: white;
}

.profile-detail hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #000;
}


.task_content {
    border-bottom: 1px solid #ddd;
}

.task_content:last-child {
    border-bottom: 1px solid transparent;
}

.details.profile-image-slider {
    margin-top: 0;
}

.profile-detail .task_seach_icon {
    max-width: 23px;
    margin: 0 0 0 5px;
    cursor: pointer;
    width: 100%;
}

.task_tab {
    padding: 0;
}

.task_main {
    margin: 0;
}

.task_main .task_data_main {
    display: flex;
    align-items: start;
}

.task_main .task_data_main .task_data {
    padding: 0 8px;
}

.task_main .task_data_main .right_arrow {
    line-height: 18px;
    font-size: 24px;
    cursor: pointer;
    width: 12px;
    padding: 0 10px 0 0;
}

.task_main .task_data_main .task_data h1 span {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 94%;
}

.task_main .task_data_main .task_data h1 {
    margin: 0;
    display: flex
}

.task_main .task_data_main .task_data p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.task_main .task_data_main .task_date {
    margin: 0;
    padding: 0;
    width: 10%;
}

.task_main .task_date li {
    font-size: 12px;
    padding-bottom: 3px;
    font-weight: 600;
}

#searchButton {
    position: relative;
    z-index: 1;
}

#profileTaskSearchInput {
    position: absolute;
    top: 16px;
    left: 20px;
    padding: 10px 10px 10px 35px;
    transition: 1s all !important;
    width: 40px;
    border-radius: 30px;
    border: 2px solid transparent;
}

.show-input {
    visibility: visible !important;
    left: 20px !important;
    transition: 1s all !important;
    position: absolute !important;
    padding: 10px 10px 10px 45px !important;
    width: 70% !important;
    border-radius: 30px !important;
    border: 2px solid #2c394c !important;
}

.active-success {
    background-color: #345482 !important;
}

.task_tab .main_data {
    align-items: center;
    justify-content: space-between;
    display: flex;
    padding: 0 30px 15px 32px;
}

.task_tab .main_data ul {
    display: flex;
}

.task_tab .main_data ul li {
    display: flex;
    align-items: center;
    padding-right: 30px;
}

.task_tab .main_data ul li h5 {
    margin: 0;
    font-size: 12px;
    font-weight: 800;
}

.task_tab .main_data ul li p {
    margin: 0;
    font-size: 12px;
    padding-left: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px;
}

.main_data .col-md-6,
.main_data .col-md-12 {
    display: flex;
}

.main_data .col-md-6 p,
.main_data .col-md-12 p {
    margin: 0 5px;
}

.main_data .col-md-6 h5,
.main_data .col-md-12 h5 {
    margin: 0;
    display: block;
    font-size: 13px;
    letter-spacing: normal;
    line-height: 22px;
    font-style: normal;
    white-space: normal;
}

/* Styles for Firefox */
/*.task_tab { scrollbar-color: #6c757d #f1f1f1; !* Set the color of the scrollbar thumb and track for Firefox *! }*/
.edit_delete {
    display: flex;
}

.edit_delete .edit {
    background: #e3f4ff;
    padding: 4px 8px;
    border: 2px solid #009cff;
    box-shadow: none;
    outline: none;
    border-radius: 5px;
    margin: 0 10px 0 0;
    width: 26px;
    height: 26px;
    line-height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit_delete .edit [class*=" icon-"]:before {
    line-height: 18px;
    color: #009cff;
}

.edit_delete .delete {
    background: #ffe2e2;
    padding: 4px 8px;
    border: 2px solid red;
    box-shadow: none;
    outline: none;
    border-radius: 5px;
    width: 26px;
    height: 26px;
    line-height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit_delete .delete [class*=" icon-"]:before {
    line-height: 18px;
    color: red;
}

.right_arrow {
    transition: transform 0.5s ease;
}

.right_arrow.rotated {
    transform: rotate(90deg);
}

/*manage-tms-offer page css*/
.column-type-view .link_color_primary a {
    font-size: 16px;
    color: #5442bf !important;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 12px 0;
}

.column-type-view .subitem .item.min-140 small {
    font-size: 100% !important;
    width: calc(50% - 5px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 16px 0 0;
    word-break: break-all;
    display: inline-block;
}

.column-type-view .subitem {
    display: flow-root;
}

#frmStdForm .column-type-view .blue_font {
    color: #5442bf;
}

#frmStdForm .column-type-view .box-checklist {
    margin-top: 20px;
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
}

.column-type-view .box-border {
    display: flex;
    align-items: start;
}

.column-type-view .header-checkbox-column-view .btn {
    padding: 0 2px;
    background: #eee;
    border: 1px solid #ccc;
    height: 16px;
    line-height: 0;
    color: #222;
}

.column-type-view .header-checkbox-column-view {
    margin-top: 10px;
}

.column-type-view .action-header .btn {
    width: 20px;
    padding: 0 2px;
    background: #eee;
    border: 1px solid #ccc;
    height: 16px;
    line-height: 0;
    color: #222;
}

#frmStdForm .column-type-view .value .blue_font {
    font-weight: 600;
}

/*.dataTables_paginate .pagination>li>a { padding: 6px 17px; }*/
.action-group-button .popover {
    min-width: 500px !important;
    width: 500px !important;
}

.icon-close.close:hover {
    opacity: 1;
}

.icon-close.close {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #c02025;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .55;
}

.mailbox {
    border-radius: 0 0 20px 20px;
}

/*.Listing .panel .panel-body  { min-height: 235px; }*/
.task_main .task_data_main .task_data p.limited-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 36px
}

.w-100 {
    width: 100%;
}

.w-75 {
    width: 92%
}

.task_main .task_data_main .task_data p.limited-content-show {
    -webkit-line-clamp: inherit;
    -webkit-box-orient: vertical;
}

.compose-box.compose-style {
    z-index: 9998;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: fit-content;
    border-radius: 30px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0 18px 50px -10px;
    overflow: hidden
}

.mailbox-frm-compose {
    background: #fff !important;
}

.attachement.dropzone-attach.btn.btn-primary.dz-clickable {
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 10px 10px;
    color: #999;
    font-weight: 600;
}

.save_template.btn.btn-primary.btn-lg {
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 10px 10px;
    color: #999;
    font-weight: 600;
}

.mailbox-frm-compose .bottom .delete_destroy_form {
    text-decoration: none;
    background-color: #eee !important;
    border: 1px solid #ddd;
    padding: 10px 10px;
    color: #999 !important;
    font-weight: 600;
    font-size: 13px !important;
}

.mailbox-frm-compose .bottom .send_save_template {
    text-decoration: none;
    background-color: #eee !important;
    border: 1px solid #ddd;
    padding: 10px 10px;
    color: #999 !important;
    font-weight: 600;
    font-size: 13px !important;
    margin-left: 10px;
}

.send.sendComposeMail.btn.btn-danger.btn-lg {
    background: transparent;
    border: none;
    color: #fff;
}

.send-mail-btn {
    text-decoration: none;
    border-radius: 6px;
    background-color: #3f4454 !important;
    color: #fff !important;
    border: 1px solid #ddd;
    padding: 0 10px;
    font-weight: 600;
    font-size: 13px !important;
    display: inline-block !important;
}

.send-mail-btn .fa-envelope {
    font-size: 15px;
}

button#ccShow {
    border: 1px solid #ddd;
    border-radius: 6px !important;
    background: #f0f0f0;
    color: #3f4454;
    padding: 5px 8px;
    margin: 0 0 0 2px;
}

button.btn.btn-prim.ary.alightbox-medium-model {
    border: 1px solid #ddd;
    border-radius: 6px !important;
    margin: 0 0 0 2px;
}

.tokenfield.form-control {
    padding: 0;
}

.popup-minimized {
    background-color: #3f4454;
    right: 0 !important;
    left: auto !important;
    top: auto !important;
    transform: initial !important;
    border-radius: 30px 30px 0 0 !important;
    border: none !important;
    bottom: 0 !important;
}

.compose-box .title .tools .micon:hover {
    background-color: transparent !important;
}

.popup-minimized .title .truncate {
    color: #fff !important;
}

/*.compose-box .title { background-color: #fff !important; }*/
.compose-style .input-group, .mailbox-frm-compose .ctop .input-group {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.compose-box input.form-control.from, .compose-box .tokenfield.form-control, .compose-box span.select2-selection.select2-selection--single, .compose-box input#sub_sizing-addon5 {
    background: transparent;
    border: 0;
}

.compose-box .cke_bottom {
    background-color: #fff !important;
}

.compose-box iframe.cke_wysiwyg_frame.cke_reset {
    border: 2px solid #ddd !important;
}

.compose-box .cke_top {
    border-bottom: none !important;
    background: #fff !important;
}

.compose-box .cke_chrome {
    border: none !important;
}

.compose-box .mail_to_field {
    width: 89%;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.compose-box .mail_from_field {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.compose-box span#cke_1_path a {
    color: #fff !important;
}

.compose-box div#cke_1_contents {
    height: 280px !important;
}

.mail_custom_title {
    background-color: #3f4454 !important;
}

.mail_custom_title .tools .micon {
    color: #fff !important;
}

.mail_last_btn {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    background: #f7f7f7;
    padding: 10px 15px;
    left: 0;
    right: 0;
    border-top: 1px solid #ddd
}

.mail_last_btn .btn {
    padding: 7px 7px !important;
}

.mail_send_bottom_btn {
    display: flex;
    align-items: center;
    justify-content: end;
}
.mail_send_bottom_btn .dropdown-menu {
    max-height: 250px;
    overflow: auto;
}

#top-breadcrumb-section #top-breadcrumb-section-page-title .label.radios-zero {
    margin: 0 4px;
}

.compose-box .title h3 {
    color: #3f4454;
}

.tokenfield .token {
    margin: 5px !important;
}

.panel-success > .panel-heading.panel-heading-dashboard {
    max-height: inherit;
}

.panel-info > .panel-heading.panel-heading-dashboard {
    max-height: inherit;
}

.details.image-slider .big-images.owl-carousel .owl-prev::before {
    background: transparent !important;
    color: #0a0a0a !important;
    font-weight: bold !important;
}

.inquiry_list_container .table .subitem small {
    min-width: 58px;
}

.action-group-button .view-type small {
    font-size: 100%;
}

.modal-dialog-centered .tblForm .profile-contact-popup {
    padding: 14px 0;
    border-top: 2px solid #eee;
}

.modal-dialog-centered .tblForm .profile-contact-popup:first-child {
    border-top: 0;
}

.lead-profile-section .profile-detail-list {
    line-height: 60px;
}

.modal-content.modal-primary {
    box-shadow: rgba(50, 50, 93, 0.25) 0 13px 27px -5px, rgba(0, 0, 0, 0.3) 0 8px 16px -8px;
}

.modal-header-overlay {
    background: rgba(0 0 0 / 0.5);
}

.compose-box-bg-overlay.modal-backdrop.fade.in {
    transition: 1.5s all;
    transition-delay: 1s;
}

.mailbox-expand {
    max-width: 1400px !important;
}

.mailbox-expand div#cke_1_contents {
    height: 440px !important;
}

.cke_resizer_vertical {
    display: none
}

.data-list.form-inline {
    display: flex;
}

#variable-popup .modal-dialog {
    width: 1080px
}

#custom-calender-setting-popup .panel-body.pt-1, #mail-preview-content {
    max-height: 700px;
    overflow: auto;
}

#custom-calender-setting-popup .modal-primary {
    width: 60%;
}

.charts_wrap .panel-heading .panel-title {
    margin-top: 5px;
    margin-bottom: 5px;
}

.charts_wrap .panel-heading {
    padding: 5px 20px;
}

/*/ Desktop 1440px /*/
@media (max-width: 1660px) {
    .lead_profile_info .panel-body {
        padding: 15px 10px 25px 10px !important;
    }

    #custom-calender-setting-popup .panel-body.pt-1, #mail-preview-content {
        max-height: 530px;
        overflow: auto;
    }
}

@media (max-width: 1440px) {

    .mailbox-expand {
        max-width: 1300px !important;
    }

    .mailbox-expand div#cke_1_contents {
        height: 280px !important;
    }

    .column-type-view .box-border {
        width: 25% !important;
    }

    .column-wise-show span.value {
        max-width: 120px !important;
    }

    /*.dataTables_paginate .pagination>li>a { padding: 6px 10px; }*/
    .action-group-button .popover {
        min-width: 500px !important;
        width: 500px !important;
    }

    .task_tab .main_data ul {
        display: block;
    }

    .profile-detail-icon img {
        max-width: 30px;
        padding: 2px;
    }

    .profile-detail-icon {
        padding: 15px 10px;
        margin: 0 5px;
    }

    .profile-detail-list .dropdown-menu {
        left: 260px;
    }

    .lead_profile_info .panel-body {
        padding: 20px 8px 25px 8px !important;
    }

    #custom-calender-setting-popup .panel-body.pt-1, #mail-preview-content {
        max-height: 500px;
        overflow: auto;
    }
}

@media (max-width: 1399px) {

    .profile-detail-icon img {
        max-width: 30px;
        padding: 2px;
    }

    .profile-detail-icon {
        padding: 15px 10px;
        margin: 0 5px;
    }

    .column-type-view .box-border {
        width: 33.33% !important;
    }

    .column-wise-show span.value {
        max-width: 180px !important;
    }

    /*.dataTables_paginate .pagination>li>a { padding: 6px 7px; }*/
    .action-group-button .popover {
        min-width: 450px !important;
        width: 450px !important;
    }

    .profile-detail-list .dropdown-menu {
        left: 220px;
    }

    .profile-detail-icon {
        padding: 10px 5px;
    }

    .lead_profile_info .col-sm-4 {
        padding-right: 7px;
        padding-left: 7px;
    }

    #custom-calender-setting-popup .panel-body.pt-1, #mail-preview-content {
        max-height: 420px;
        overflow: auto;
    }

    #custom-calender-setting-popup .modal-primary {
        width: auto;
    }
}


/*/ iPad 1024px /*/
@media (max-width: 1199px) {
    .column-type-view .box-border {
        width: 33.33% !important;
    }

    .action-group-button .popover {
        min-width: 450px !important;
        width: 450px !important;
    }

    .profile-detail .task_seach_icon {
        width: 40px;
    }

    .Transaction .profile-image {
        width: 100% !important;
        max-width: 100% !important;
    }

    .email-section {
        float: inherit !important;
    }

    .main_panel_body {
        position: relative;
        z-index: 5;
    }

    .profile-detail-icon {
        padding: 15px 10px;
        margin: 0 5px;
    }

    .profile-detail-list .dropdown-menu {
        left: 260px;
    }

    /*.page_title_set {
        overflow-x: scroll;
    }*/

}

/*/ iPad 768px /*/
@media (max-width: 991px) {
    .column-type-view .box-border {
        width: 50% !important;
    }

    .action-group-button {
        /*justify-content: center !important;*/
    }

    .action-group-button .popover {
        min-width: 450px !important;
        width: 450px !important;
    }

    /*.action-group-button .popover .arrow { left: auto !important; right: 55px !important }*/
    .task_main .task_date li {
        font-size: 12px;
        padding-bottom: 3px;
        font-weight: 600;
    }

    .task_main .task_date {
        padding: 8px 0 0 33px;
    }

}

/*/ Iphone 767px /*/
@media (max-width: 767px) {
    .column-type-view .box-border {
        width: 50% !important;
    }

    .column-wise-show span.value {
        max-width: 200px !important;
    }

    .column-type-view .action-header .btn {
        margin-bottom: 0 !important;
    }

    .column-type-view .open > .dropdown-menu:not(.action-td .open > .dropdown-menu, .action-th .open > .dropdown-menu) {
        right: -80px !important;
    }

    .page-title-right {
        width: 100% !important;
        float: inherit !important;
        margin: 0 auto;
        padding: 14px 0 !important;
    }

    .compose-box .mail_to_field {
        display: block !important;
        width: 100% !important;
    }

    .mail_to_field .tokenfield .token-input {
        min-width: auto;
        width: 100%;
    }

    .mail_to_field .input-group-btn {
        padding: 6px 0 2px 0;
    }

    .mail_last_btn {
        display: block;
    }

    .lead-profile-section .panel-body {
        height: 375px !important;
    }

    .save_template.btn.btn-primary.btn-lg {
        margin: 0;
    }

    .mail_send_bottom_btn .send-mail-btn.sendComposeMail {
        display: inline-block !important;
    }

    .mail_send_bottom_btn .send-mail-btn.sendComposeMail i {
        position: relative;
        top: 2px;
    }

    .mail_send_bottom_btn .btn-danger.btn-lg {
        padding: 4px 10px 4px 5px;
    }

    .variablePopup, .emailVariablePopup {
        position: absolute;
        z-index: 9999;
        right: 17px;
    }

    #variable-popup .modal-dialog {
        width: auto;
    }

    #custom-calender-setting-popup .modal-primary {
        width: auto;
    }

}

@media (max-width: 724px) {

}

.header.select-multi-radio {
    margin-top: 25px;
    font-size: 15px;
}

/*/ Iphone 414px /*/
@media (max-width: 567px) {

    .column-type-view .box-border {
        width: 100% !important;
    }

    .Listing .panel-body,
    .Master-User .panel-body,
    .Report-User .panel-body,
    .Transaction .panel-body {
        padding: 15px !important;
    }

    .column-wise-show span.value {
        max-width: 300px !important;
    }

    .action-group-button .popover {
        min-width: 300px !important;
        width: 300px !important;
    }

    /*.action-group-button .popover .arrow { left: auto !important; right: 30px !important }*/
    .profile-detail .search_and_nav {
        display: flex;
        align-items: center;
        overflow-x: auto;
        padding-bottom: 15px;
    }

    .document-management .panel.panel-default,
    .Report-User .panel-body.inquiry_list_container .panel.panel-default,
    #document_container .panel.document_category,
    .Transaction .panel.panel-sub-primary.document_category {
        border-radius: 4px;
    }

    .Report-User .inquiry_list_container {
        padding: 0 !important;
        margin-top: 12px;
    }

    .Report-User .inquiry_list_container .panel-heading .panel-title {
        max-width: 90%;
    }

    .Report-User .inquiry_list_container .btn {
        margin: 3px 2px;
    }


    .addDocumentDivider .main-top-title {
        font-size: 20px;
    }

    .addDocumentDivider .overflow_section.selected_documents,
    .addDocumentDivider .overflow_section.order_of_documents {
        overflow: auto;
    }

    .addDocumentDivider .doc_list_ul .additional_document_options {
        max-width: 100%;
    }

    .addDocumentDivider .doc_list_ul .doc_list_li {
        padding: 1px 0;
    }

    .addDocumentDivider .row {
        display: block !important;
    }

    #addDocumentDiv .panel-footer input.btn {
        font-size: 12px;
        margin: 20px 2px;
    }

    #addDocumentDiv .panel-footer {
        height: auto !important;
        display: block !important;
        padding: 0 !important;
    }

    .doc-controls .doc-fields .add_document_fields {
        width: auto !important;
        /* display: block !important; */
        margin-top: 15px;
    }

    .addDocumentDivider .panel.panel-primary {
        border-radius: 0;
    }

    .doc-controls .doc-fields .form-group {
        display: block !important;
    }

    .doc-controls .doc-fields {
        margin-top: 5%;
        display: block !important;
        width: auto !important;
    }

    #profileTaskSearchInput {
        background: transparent;
    }

    .doc_list_ul .doc_list_li h2 .icons {
        font-size: 11px !important;
        font-weight: 900;
    }

    .addDocumentDivider .document-order-title {
        display: none !important;
    }

    .addDocumentDivider .template_search {
        width: 90% !important;
        margin: 10px 20px;
    }

    .addDocumentDivider .radiobox.style1 label {
        padding: 5px 10px 5px;
    }

    #document_container .panel-body {
        padding: 0px 8px;
    }

    #document_container .document_common_actions {
        padding: 10px 0px;
    }

    .addDocumentDivider .device-document-order-title {
        display: block !important;
        background: #2C394C;
        border-color: #2C394C;
        color: #fff;
        padding: 1px 12px;
        margin: 20px auto
    }

    .addDocumentDivider .device-document-order-title h4 {
        font-weight: normal;
    }

    .panel .task-list-table .w-75 {
        width: auto !important;
    }

    /*.panel .task-list-table,
    .Transaction .offer-other-document .panel .panel-body{
        padding: 15px !important;
    }*/
    .task_main .task_data_main .task_data p.limited-content:empty {
        display: none;
    }

    .task_main .task_data_main .task_data p.limited-content {
        min-height: 20px;
    }

    .show-input {
        background: #ffffff !important;
    }

    .task_tab .main_data {
        display: block;
    }

    .edit_delete {
        margin-top: 10px;
    }

    .profile-detail-list {
        height: 60px;
        line-height: 60px;
        margin-bottom: 20px;
    }

    .panel.panel_block .panel-body {
        display: block !important;
    }

    .quick-search-mobile {
        right: 45%;
    }

    .Transaction .profile-image {
        width: 100% !important;
        max-width: 120px !important;
    }

    .navbar.left-sidebar-menu {
        display: flex;
    }

    .avatar {
        width: 40px;
        height: 40px;
        margin-top: 5px !important;
    }

    .page-title .module-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 20px;
    }

    .lead-profile-section .panel-body {
        height: 375px !important;
        display: block !important;
    }

    .lead-profile-page .details.image-slider .panel-body {
        display: block !important;
    }

    .lead-profile-page .lead_profile_info .panel-body {
        display: block !important;
    }

    .profile-detail.lead-profile-page .main_panel_body.panel-primary .panel-body {
        display: block !important;
    }

    #offer-agent-contact .modal-content .panel-body {
        display: block !important;
    }

    #offer-agent-contact .modal-dialog-centered, #offer-agent-contact .modal-dialog-centered {
        width: initial !important;
    }

    .lead-profile.company-profile-page .panel-body {
        display: block !important;
    }

    .save_template.btn.btn-primary.btn-lg {
        margin: 0;
    }

    .mail_send_bottom_btn .send-mail-btn.sendComposeMail {
        display: inline-block !important;
    }

    .mail_send_bottom_btn .send-mail-btn.sendComposeMail i {
        position: relative;
        top: 2px;
    }

    .mail_send_bottom_btn .btn-danger.btn-lg {
        padding: 4px 10px 4px 5px;
    }

    .variablePopup, .emailVariablePopup {
        position: absolute;
        z-index: 9999;
        right: 17px;
    }

    /* .mail_last_btn { margin-bottom: 50px }*/
    .mailbox-frm-compose .dropzone {
        margin-bottom: 15rem !important;
    }

    #variable-popup .modal-dialog {
        width: auto;
    }

    #custom-calender-setting-popup .modal-primary {
        width: auto;
    }

    .view-type small span.second-span {
        display: none;
    }

    .view-type small span {
        font-size: 75%;
    }

    .view-type .onoffswitch-list {
        max-width: 35%;
    }

    .view-type .onoffswitch.compact .onoffswitch-switch {
        right: 20px;
    }

    .Transaction .page-title-right .col-sm-12.pull-right {
        padding-left: 0px;
    }

    .pagination-short {
        display: flex;
        margin: auto 15px;
    }

    .pagination-short .form-group.html_pager_text {
        padding: 5px 0;
        text-align: left;
        width: 60%;
    }

    .pagination-short .form-group .dataTables_length {
        text-align: right;
    }

    .pagination-short .form-group {
        width: 40%;
    }

    .listing-filter-class {
        margin: 15px 15px;
    }

    .listing-filter-class .col-sm-12 {
        padding: 0px;
    }

    .dataTables_paginate.paging_simple_numbers {
        margin: 0px 10px
    }

    .pagination-filter {
        display: flex;
        margin: auto 10px;
    }

    .pagination-filter .form-group.fadetoggle1in select#selection-sort {
        width: 100%;
    }

    .pagination-filter .form-group {
        width: 50%;
    }

    .data-list.form-inline {
        display: block;
    }

    .header.select-multi-radio {
        margin: 0px;
    }

    .ShowHideToolTips {
        margin-right: auto;
        max-height: none;
    }

    .charts_wrap .panel-heading {
        padding: 15px 15px;
    }

    .personal-dashboard .transaction-statistics-widget h1 {
        margin-top: 0;
        font-size: 35px;
        font-weight: 700;
    }

    .personal-dashboard .transaction-statistics-widget h5.text-right.flex-span {
        display: flex;
    }

    .grid-stack .grid-stack-item {
        width: 100% !important;
        position: sticky !important;
        margin-bottom: 15px;
    }

    .personal-dashboard .transaction-widget .align-bottom, .personal-dashboard .leads-widget .align-bottom {
        margin-top: 7px;
        margin-bottom: 0;
        text-align: center;
        color: white;
        font-size: 17px;
    }

    .personal-dashboard .panel-body {
        padding: 15px;
    }

    .calendar_agent_list.text-left {
        margin-top: 12px;
        width: 80%;
    }

    #calendar .fc-header-toolbar {
        display: block;
        margin-top: 20px;
    }

    #calendar .fc-header-toolbar .fc-toolbar-chunk,
    #calendar .fc-header-toolbar .fc-toolbar-chunk div {
        text-align: center;
        justify-content: center;
    }

    #fieldMainDiv_calender {
        height: 445px;
    }

    .logo-lg > img {
        height: 25px !important;
    }

    .tm-dashboard-btn-box h3 br {
        display: none;
    }

    #main-wrapper.tms-dashboard,
    #main-wrapper.lms-dashboard,
    #main-wrapper.website-dashboard {
        padding: 15px;
    }

    .btn.filterChartData {
        padding: 5px 5px;
        margin-bottom: 5px;
    }
}

/*/ Mobile 375px /*/
@media (max-width: 375px) {

    .view-type .onoffswitch.compact .onoffswitch-switch {
        right: 15px;
    }

    .view-type small span {
        font-size: 70%;
    }

    .btn-checklist.end-button {
        font-size: 12px !important;
    }

    .action-group-button .popover {
        min-width: 300px !important;
        width: 300px !important;
    }

    /*.action-group-button .popover .arrow { left: auto !important; right: 20px !important }*/
    /* .quick-search-mobile {
         right: 15px;
         display: none
     }*/

    .save_template.btn.btn-primary.btn-lg, .mailbox-frm-compose .bottom .delete_destroy_form, .attachement.dropzone-attach.btn.btn-primary.dz-clickable {
        padding: 8px !important;
    }

    /*.send-mail-btn { padding: 4px 10px !important; }*/
    .lead-profile-section .panel-body {
        height: 400px !important;
    }

    .variablePopup, .emailVariablePopup {
        position: absolute;
        z-index: 9999;
        right: 17px;
    }

    #variable-popup .modal-dialog {
        width: auto;
    }

    #custom-calender-setting-popup .modal-primary {
        width: auto;
    }


}

/*/ Mobile 320px /*/
@media (max-width: 374px) {

    .column-wise-show span.value {
        max-width: 250px !important;
        width: 42% !important;
    }

    .action-group-button .popover {
        min-width: 300px !important;
        width: 300px !important;
    }

    .avatar {
        width: 26px;
        height: 26px;
        margin-top: 14px !important;
    }

    #custom-calender-setting-popup .modal-primary {
        width: auto;
    }
}


.radios-zero {
    border-radius: 0 !important;
}

.max-limit-5 {
    display: inline-block;
    max-width: 135px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.black-color {
    color: black !important;
}

.bold {
    font-weight: bold;
}

.header-checkbox-column-view {
    display: inline-grid;
}

.column-type-view .btn-checklist {
    margin: 0 auto;
    display: flex;
    background-color: transparent;
    border: none;
}

.column-type-view .btn-checklist .icons {
    font-size: 18px;
    color: #aaa;
}

.view-type .onoffswitch-inner:before, .view-type .onoffswitch-inner:after {
    color: #9fa3ad !important;
    background-color: #9fa3ad !important;
}

.grid-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    grid-template-columns: repeat( auto-fit, minmax(320px, 1fr) );
}

.action-header {
    height: 30px;
    padding: 5px 10px;
    background: #dee4ea none repeat scroll 0 0;
}

.action-header button {
    padding: 0 5px;
}

.box-border {
    padding: 5px 8px;
    border: 1px solid #d2d9e0;
}

.column-type-view .box-border {
    padding: 5px 3px 30px 3px;
    border: 1px solid #d2d9e0;
    width: 20%;
    position: relative;
}

.section-detail {
    padding-left: 30px;
}

.column-type-view .section-detail {
    padding: 10px 16px 15px 0;
    width: 100%;
}

.grid-container > div:nth-child(odd) {
    background: #ffffff;
}

.grid-container > div:nth-child(even) {
    background: #f9f9f9;
}

.end-button {
    justify-self: flex-end;
}

.column-type-view .limit-text-show {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.column-wise-show span.value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: inline-block;
    max-width: 180px;
}

.column-wise-show .SubItemClass .value {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
    overflow: hidden;
}

.column-wise-show .grid-container div:hover .collapse {
    display: block;
}

.column-wise-show .grid-container div:hover .header-checkbox-column-view button {
    background: #12AFCB;
    border-color: #12AFCB;
    color: #ffffff;
}

.column-wise-show .field-val {
    display: flex !important;
    align-items: center;
}

.row-type-view .blue_font a {
    color: blue !important;
}

.panel-success > .panel-heading.active-success:not(.lead-profile-page .active-success, .company-profile-page .active-success) {
    background-color: #345482 !important;
}

.panel-info >.panel-heading.active-success:not(.lead-profile-page .active-success, .company-profile-page .active-success) {
    background-color: #3291C6 !important;
}


.Listing .profile-image {
    max-width: 120px;
    border-radius: 50%;
    background-color: #72B9E1;
    border: 5px solid #3291C6;
}

.Transaction .profile-image {
    max-width: 120px;
    border-radius: 50%;
    background-color: #627FA8;
    border: 5px solid #345482;
}

.profile-detail .tab-content .default-content {
    font-weight: bold;
    text-align: center;
    opacity: 0.5;
}
.profile-detail .disbursement-sub-section
{
    margin: 100px 0 !important;
    text-align: center;
}

.lord_more_profile_task {
    margin-bottom: -10px;
}

.lead-profile-page .lead-profile-image {
    max-width: 120px;
    border-radius: 50%;
    background-color: #D45565;
    border: 5px solid #B43B4A;
}

.lead-fav-image img {
    max-height: 190px !important;
}

.lead-fav-image .item {
    background-color: #fff !important;
}

.fav-title h2 {
    margin: 0 0 10px 0 !important;
    text-align: center;
}

.fav_title_bottom h3 {
    margin: 6px 0 0 0 !important;
    text-align: center;
}

/*.lead-profile-section .panel-body { height: 294px; min-height: 294px;}*/

.lead-profile-page .panel-success > .panel-heading {
    background: #b43b4a;
}

.lead-profile-page .active-success {
    background: #D45565 !important;
}

.lead-profile-page .panel-body {
    padding: 20px 20px 25px 20px;
}

.lead-profile-page .panel-body.fa-home-min {
    min-height: 255px;
}

.company-profile-page .panel-success > .panel-heading {
    background: #FF914D;
}

.company-profile-page .active-success {
    background: #E46C21 !important;
}

.company-profile-page.panel-body {
    padding: 20px 23px 25px 25px;
}

.company-profile-page .panel-body.fa-home-min {
    min-height: 295px;
}

.column-wise-show .contingency-fields-border {
    border-bottom: 1px solid rgb(210, 217, 224);
}

.company-profile-page .lead-profile-image {
    max-width: 120px;
    border-radius: 50%;
    background-color: #FF914D;
    border: 5px solid #E46C21;
}

.column-wise-show .due-dates:first-child::before {
    content: "";
    display: block;
    border-top: 1px solid #d2d9e0;
    margin-top: 0;
    margin-bottom: 5px;
}

#quick-add-form .footer.bg-grey-dark.p-20.xs-text-center {
    border-radius: 0 0 25px 25px;
}

.left-sidebar-menu .quick-add-buttons .icon-plus:before {
    font-size: 17px;
}

.accessed_by_class .select2.select2-container {
    width: 100% !important;
}

.column-wise-show span.tool_tip {
    max-width: calc(85%);
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.ui-helper-hidden-accessible {
    display: none;
}

.column-wise-show .field-val span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ui-datepicker-trigger {
    margin-top: 7px;
    margin-left: -30px;
    margin-bottom: 0;
    position: absolute;
    z-index: 1000;
}

.jq-icon-warning {
    background-color: #ffa100 !important;
    color: #000000 !important;
}

@media screen and (min-width: 0px) and (max-width: 400px) {
    .task_panel .panel-body:not(.disabled):not(.sm-panel-body) {
        display: block !important;
    }
}

@media (max-width: 567px) {
    .page-title .module-title {
        text-wrap: initial !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 18px;
        display: inherit;
        padding: 0px;
    }

    .page-title .module-title span {
        font-size: 16px;
    }

    #top-breadcrumb-section {
        padding: 10px 10px !important;
    }

    .lead-profile-page .panel, .panel .panel-footer,
    .company-profile-page .panel, .panel .panel-footer,
    .profile-detail .panel, .panel .panel-footer {
        border-radius: 25px;
    }

    .Listing .row.profile-detail,
    .Report-User .row.lead-profile-page,
    .Master-User .row.company-profile-page,
    .Transaction .row.profile-detail {
        margin: 0 auto;
    }

    .addDocumentDivider .doc-controls .doc-btn {
        display: flex;
    }
}

@media (min-width: 567px) and (max-width: 1067px) {
    .page-title .module-title {
        text-wrap: initial !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 20px;
    }

    #top-breadcrumb-section {
        padding: 5px 10px !important;
    }
}

td .limited-content {
    max-height: 80px;
    display: block;
    overflow: auto;
}

.opacity-60 {
    opacity: 0.6
}

.toggle-exit-fullscreen {
    display: none;
}

#customIframModel {
    max-height: 85vh !important;
}

.tms.list-group,
.tms.list-group {
    overflow: auto;
    max-height: 85vh;
    border-radius: 0 30px 0 30px;
}

.icon-configuration.chartConfiguration::before {
    font-size: 23px;
}

.popup.view-type {
    text-align: right;
    margin-bottom: 12px;
    margin-left: -1vh;
}

.panel-sub-title {
    font-size: 12px;
    opacity: 0.8;
}

.daterangepicker.dropdown-menu {
    z-index: 99 !important;
}

.select2-container.select2-container--default.select2-container--open {
    z-index: 99;
}
.select2-container.select2-dropdown-index.select2-container--default.select2-container--open{
    z-index: 9999;
}
.dropdown .dropdown-menu{
    z-index: 99;
}
.field-val-holder .field-val {
    display: flex;
}

.newleads,
.leads {
    cursor: pointer;
}

span.menu-icon.icon-envelope-open.icon-pdf-download.chartDownloads {
    font-size: 16px;
    color: black;
    margin-right: 10px;
    cursor: pointer;

}

.SubItemClass.item.item.min-140 {
    min-height: 25px;
}

.google-login-button img {
    height: 46px;
    margin-top: -10px;
}

.google-login-button img:hover {
    background-size: cover;
    transition: background-image 0.3s ease-in-out;
}

.field-val span.tool_tip {
    display: inline-table;
}

.loadingContainer {
    position: relative;
}

.loadingContainer::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    height: 100%;
    animation: loader 1.1s infinite ease;
    background-color: rgba(0, 0, 0, 0.1);
}

.loadingContainer .loadingDiv {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #34db55;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: calc(50% - 1em);
    left: calc(50% - 1em);
    z-index: 99;
}
@media (max-width: 567px) {
    .loadingContainer .loadingDiv {
        left: calc(50% - 4em);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#frmDocument .main-top-title {
    font-weight: 600;
}

#frmDocument button.close {
    font-size: 100%;
    float: right;
}

#frmDocument .main_title_top {
    background-color: #eee;
    border: 3px solid #ddd;
    border-radius: 14px;
    padding: 8px 20px;
    display: flex;
    align-items: center;
}

#frmDocument .main_title_top .main_title_start {
    width: 50%;
}

#frmDocument .main_title_top .main_title_start h2 {
    margin: 0;
    font-size: 22px;
    font-weight: bold;
}

.add_new_btn {
    text-align: right;
    margin: 10px;
}

.add_new_btn button {
    background-color: #345482;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 5px;
}

.selection_area_containt {
    display: block;
    align-items: start;
    justify-content: space-between;
}

.head_label {
    cursor: pointer;
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
    padding: 8px 20px 0 0;
    border-radius: 4px;
    width: fit-content;
    font-weight: 700;
}

/*.recommended_list, .list3, .list4 { display: none; }*/
/*.recommended_list li { padding: 2px 10px; display: flex; align-items: center; }*/
/*.recommended_list li input { margin: 0 10px 0 0; }*/
.file_name {
    margin-left: 20px;
}

/*.select2-container { margin: 6px !important; }*/
.file_name ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.file_name ul li {
    padding: 2px 10px;
    background-color: #eee;
    margin: 2px;
    border-radius: 4px;
}

.upload_sdditional {
    margin-bottom: 30px;
}

.tm_doc_server_tmpl {
    margin-bottom: 20px;
}

.document_checkbox {
    padding-left: 20px;
}

#addDocumentDiv .panel-footer {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.template_search {
    margin: 10px 30px;
    padding: 8px 10px;
    width: 50%;
    border-radius: 10px;
    border: 2px solid #ccc;
}

.doc_list_ul li {
    padding: 1px 0;
}

.doc_list_ul li.no-data {
    padding: 10px 10px 10px 10px;
    color: #B43B4A;
    font-size: 15px;
}

.doc_list_ul .doc_list_li {
    padding: 2px 0;
    margin-bottom: 5px;
}

.overflow_section {
    overflow-y: auto;
    max-height: 83vh;
    overflow-x: hidden
}
.full-scrollbar.overflow_section {
    overflow-y: auto;
    max-height: 100vh;
    overflow-x: hidden
}

.overflow_section.selected_documents, .overflow_section.order_of_documents {
    overflow-y: scroll;
    max-height: 60vh;
}

.order_of_documents.empty {
    display: flex;
    align-items: center;
    justify-content: center;
}

.doc_list_ul .doc_list_li ul {
    padding: 0 0 0 20px;
}

.doc_list_ul .doc_list_li h2 {
    cursor: pointer;
    margin: 4px 0 5px 0;
    font-size: 18px;
}

.doc_list_ul .doc_list_li h2 .icons {
    font-size: 16px;
    margin-right: 8px;
}

.doc_list_ul .doc_list_li h2 strong {
    display: flex;
    align-items: center;
    padding: 0;
}

.doc_list_ul .checkbox input[type=checkbox] {
    margin-left: -28px;
}

.doc_list_ul .additional_document_options {
    margin: 40px 0 0 25px;
    max-width: 60%;
}

.inner_list {
    padding-left: 30px !important;
}

.doc-controls .doc-fields {
    display: flex;
    align-items: center;
    width: 70%; /*justify-content: space-between;*/
}

.doc-controls .doc-fields .add_document_fields {
    width: 30%;
}

.doc-controls .doc-fields .add_document_fields.signatureRequired {
    width: 30%;
}

.doc-controls .doc-fields div {
    margin: 0 2px;
}

.doc-controls .doc-fields .form-group {
    text-align: start;
}

.doc_list_ul .doc_list_li label {
    font-weight: 400;
}

.checkbox .mass-check-box-label {
    font-weight: 600;
    color: #2C394C;
    font-size: 14px;
}

.order_of_documents .document {
    cursor: pointer;
    margin: 10px 0;
    border: 1px solid #bbb;
    border-radius: 12px;
    background-color: #fefefe;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order_of_documents .document p {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.order_of_documents .document img {
    transform: rotate(90deg);
    color: #ddd;
    width: 20px;
}

.order_of_documents .document.sortable-chosen {
    background-color: #ddd;
}

@media screen and (max-width: 1366px) {
    .order_of_documents .document {
        padding: 6px 15px;
        border-radius: 8px;
        margin: 7px 0;
    }

    .order_of_documents .document p {
        font-size: 13px;
    }

    .doc_list_ul .checkbox input[type=checkbox] {
        width: 14px !important;
        height: 14px;
    }

    .doc_list_ul .doc_list_li h2 {
        font-size: 14px;
    }

    .doc_list_ul li .checkbox {
        margin: 1px 0;
    }

    .template_search {
        padding: 6px 12px;
        border: 1px solid #ccc;
    }

    .doc_list_ul .doc_list_li {
        padding: 4px 0;
    }

    .doc_list_ul .additional_document_options {
        margin: 8px 0 0 15px;
    }
}

.addDocumentDivider .panel-primary {
    border: 0 solid !important;
}

.addDocumentDivider .panel-body {
    border: 1px solid #e9edf2;
}

.selected_documents .connectedDocumentSortable {
    height: 490px;
    margin: 0;
    padding-left: 0;
    text-align: left;
    overflow-y: auto;
}

.inner_document_list {
    display: none;
}

.order_documents .connectedDocumentSortable .ui-sortable-helper {
    background: #e3e3e3;
}

.skip_search {
    display: block !important;
}

/*tbody tr:nth-last-child(-n + 2) td .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}*/
.prop-like {
    padding: 2px 8px;
    border-radius: 2px;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 2vh;
    text-transform: uppercase;
}

.lead-fav-image .favlink {
    padding: 0;
    background: transparent;
    font-size: 20px;
    color: #B43B4A;
}

.numberOfCount {
    float: left;
    font-size: 20px;
    margin-right: 15px;
    color: black;
    font-weight: 600;
}

#agent-Login-Search {
    top: 40px !important;
}

.agent-Login-Search-Input {
    background-color: #49576B !important;
}

.agent-Login-Search-Input .fa-search {
    position: absolute;
    top: 10px;
    left: 85%;
    font-size: 16px;
    opacity: 0.6;
}

input#login-Agent-Search {
    width: 90%;
    border-radius: 30px;
    margin: 8px 0;
    height: 25px;
    border: 1px solid transparent;
    padding: 8px 30px 10px 10px;
    /*background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;*/
}

.template-title {
    min-height: 25px;
}

.popup-minimized .maximize img {
    filter: brightness(1) invert(100%);
}

.notification-list .dropdown-divider {
    height: 0;
    /*margin: 0.5rem 0;*/
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.notification-list .media-class {
    display: flex;
    align-items: flex-start;
    color: black;
    padding: 6px 10px;
}

.notification-list .dropdown-item-title {
    font-size: 14px;
    margin: 0;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    /*color: inherit;*/
}

.notification-list p {
    margin: 0;
}

.notification-list .dropdown-menu-lg {
    left: inherit;
    right: 0;
    width: 36vw;
    padding: 0;
    top: 4.5vh;
}

@media screen and (max-width: 1366px) {
    .notification-list .dropdown-menu-lg {
        width: 45vw;
        top: 6.5vh;
    }
}

.notification-list .dropdown-menu-lg .dropdown-divider:first-child {
    display: none
}

#notification-title {
    text-align: left;
    margin-top: 1px;
    font-size: 16px;
}

.variable-title {
    text-align: left;
    margin-top: 1px;
    font-size: 20px;
    font-weight: 700;
}

#notification-content p {
    font-size: 14px;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
}

.card-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    padding: 0.75rem 1.25rem;
    position: relative;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card-title {
    float: left;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.todo-list > li {
    border-radius: 2px;
    background-color: #f8f9fa;
    border-left: 2px solid #e9ecef;
    color: #495057;
    margin-bottom: 2px;
    padding: 10px;
}

.notification-list .dropdown-menu .text-center,
.notification-list .dropdown-menu .text-center a {
    color: black;
    font-weight: 700;
}

.text-success-response {
    color: #3C763D;
}

.text-error-response {
    color: #A94442;
}

.variablePopup, .emailVariablePopup {
    float: right;
    padding: 0 8px;
    margin-bottom: -35px;
    margin-top: 5px;
    font-size: 20px;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    background-color: #eee;
}

.dynamic_form.variablePopup, .emailVariablePopup {
    margin-top: -2vh;
    margin-right: 1%;
}

#variable-content .col-md-12 .mb-5 {
    margin-bottom: 35px !important;
}

#variable-content hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

#variable-content hr:last-child {
    display: none;
}

#variable-content .panel-heading {
    background-color: #eff1f7;
}

#variable-content .panel-heading h4 {
    font-weight: 700 !important;
    margin-top: 2px;
}

#variable-content .panel-heading .icons {
    color: black;
    margin-top: 2px;
}

#variable-content .panel-body .variable-list div {
    margin: 2px 0;
}

#variable-content .panel-body .variable-list div:not(:last-child):after {
    content: "";
    border-style: double;
    border-width: 1px;
    margin: 5px 0;
    width: 100%;
    border-color: #f7f7f7;
    display: block;
}

#variable-content .panel-body {
    padding: 10px 20px;
}

#variable-content .expand-button,
#variable-content .collapse-button {
    background: #2C394C;
    color: white;
    padding: 3px 12px;
    margin-right: 5px;
    border-radius: 5px;
    margin-bottom: 8px;
    cursor: pointer;
    font-weight: normal;
}

/*#variable-popup .modal-dialog{ width: 1080px }*/
#variable-content span.pull-right, #variable-content span.float-right {
    font-weight: 600;
    font-size: 15px;
}

#variable-content span.expand-button, #variable-content span.collapse-button {
    font-weight: normal;
    font-size: 15px;
}

.email-modal-open {
    overflow: hidden
}

#send_html_form_popup .footer {
    padding: 5px 20px 25px 20px;
}

.personal-dashboard .personal-dashboard-class > tbody > tr > td:nth-child(2) {
    display: none;
}

.personal-dashboard-class .team-designation {
    width: 15vw;
}

.send_html_icon {
    background: transparent;
    border: 0;
    font-size: 28px;
    float: right;
    margin-top: -12px;
    padding: 0;
    margin-right: 12px;
}

.seller-buyer-html-form img {
    width: 14rem;
}

.seller-buyer-html-form .justify-content-between {
    justify-content: space-between !important;
    display: flex;
}

.seller-buyer-html-form h6 {
    font-size: 1.7rem;
    color: white;
}

.seller-buyer-html-form #main-wrapper {
    margin: 0;
}

.seller-buyer-html-form .navbar {
    z-index: 9999
}

.fc-daygrid-dot-event {
    align-items: stretch !important;
}

.fc-daygrid-event {
    white-space: initial !important;
}

.fc-daygrid-event-dot {
    margin: 4px 4px !important;
}

#variable-content .panel-heading .pull-right {
    padding: 0 5px;
    background: #dee1fb;
    border-radius: 5px;
    border: 1px solid #c0c2d1;
    font-size: 11px
}

.body-loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #34db55;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    top: calc(50% - 1em);
    left: calc(50% - 1em);
    z-index: 99;
}

.mailbox-frm-compose .overlay.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/templates/base2/assets/images/loading1.gif) 50% 50% no-repeat rgb(249, 249, 249);
    background-size: 150px 150px;
}

#mlsUpdateMsg .alert i {
    font-size: 16px;
    margin-right: 3px;
    vertical-align: middle;
}

/* custom scrollbar */
.navbar ul ul ul.ui-autocomplete::-webkit-scrollbar,
.overflow_section::-webkit-scrollbar {
    width: 20px;
    background-color: #f1f1f1;
}

.rounded-scrollbar.overflow_section::-webkit-scrollbar-track,
.rounded-scrollbar.overflow_section::-webkit-scrollbar {
    border-radius: 15px;
}

.navbar ul ul ul.ui-autocomplete::-webkit-scrollbar-track,
.overflow_section::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.navbar ul ul ul.ui-autocomplete::-webkit-scrollbar-thumb,
.overflow_section::-webkit-scrollbar-thumb {
    background-color: #A8A8A8;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

.navbar ul ul ul.ui-autocomplete::-webkit-scrollbar-thumb:hover,
.overflow_section::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}

.closing .pull-left .field-val, .is_file_complete_and_ready_to_close, .closing .value .field-val {
    display: -webkit-inline-box !important
}

.is_file_complete_and_ready_to_close .onoffswitch-inner:before {
    background-color: #22BAA0;
}

.is_file_complete_and_ready_to_close b, .is_file_complete_and_ready_to_close span, .is_file_complete_and_ready_to_close .onoffswitch {
    vertical-align: -webkit-baseline-middle;
}

.is_file_complete_and_ready_to_close .onoffswitch {
    width: 46px
}

.is_file_complete_and_ready_to_close .disabled {
    cursor: default
}

.fc-daygrid-event-dot {
    display: none
}

.fc .fc-list-event:hover td {
    background-color: inherit;
}

.fc-event-time, .fc-event-main {
    margin-left: 15px
}

a.bullet-marker {
    border-color: transparent
}

a.bullet-marker:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 3px;
    width: 8px;
    height: 8px;
    background-color: #0053a5;
    border-radius: 50%;
}

a.bullet-marker.contingency-partial-released:before {
    background-color: orange;
}

a.bullet-marker.contingency-all-pending:before {
    background-color: red;
}

a.bullet-marker.contingency-all-released:before {
    background-color: green;
}

.contingency-all-released span.fc-list-event-dot {
    border: 5px solid green !important;
}

.contingency-all-pending span.fc-list-event-dot {
    border: 5px solid red !important;
}

.contingency-partial-released span.fc-list-event-dot {
    border: 5px solid orange !important;
}

.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
    vertical-align: middle;
}

.popper,
.calender-tooltip {
    position: absolute;
    z-index: 9999;
    background: #fbfbfb;
    color: black;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    padding: 10px;
    text-align: center;
}

.style5 .calender-tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
}

.popper .popper__arrow,
.calender-tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.calender-tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #fbfbfb;
}

.style5 .calender-tooltip .tooltip-arrow {
    border-color: #1E252B;
}

.popper[x-placement^="top"],
.calender-tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}

.popper[x-placement^="top"] .popper__arrow,
.calender-tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.popper[x-placement^="bottom"],
.calender-tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}

.calender-tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.calender-tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}

.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .calender-tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.popper[x-placement^="left"],
.calender-tooltip[x-placement^="left"] {
    margin-right: 5px;
}

.popper[x-placement^="left"] .popper__arrow,
.calender-tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.tooltip-inner {
    max-width: 400px;
    padding: 3px 8px;
    color: black;
    text-align: left;
    background-color: transparent;
    border-radius: 4px;
}

.fc-daygrid-event-harness {
    margin-top: 0 !important;
}

.finance-released .fc-event-title:after {
    content: "✔";
    margin-left: 4%;
    font-weight: bold;
}

.alert-dismissable .close, .alert-dismissible .close {
    top: -1px;
    right: -3px;
}

.compose-box .form-holder {
    overflow: auto;
    max-height: 81vh;
}

#frmStdForm .panel {
    border: 1px solid #dee4ea
}

#ImportModel> .panel-heading .panel-title,
#frmSignup .panel .panel-heading .panel-title,
#frmAddCampaign .panel .panel-heading .panel-title,
#frmStdForm .panel .panel-heading .panel-title {
    font-weight: 600;
    font-size: 15px;
    color: #2c394c;
}

/* Targeting the panel heading for different forms */
#ImportModel> .panel-heading,
#frmSignup .panel .panel-heading,
#frmAddCampaign .panel .panel-heading,
#frmStdForm .panel .panel-heading {
    background-color: #dee4ea;
    border-color: #dee4ea;
}

#frmStdForm .panel-default .panel-body a.img {
    display: block;
    padding: 5px;
    box-shadow: 0 1rem 3rem 0 rgb(0 0 0 / 10%);
    border: 1px solid #d9e8ff !important;
}

#frmStdForm .custom-label label:not(.sub-label,.error) {
    color: #7a6fbe;
    font-weight: 600;
    font-size: 15px;
}

.theme-config-image.img-responsive {
    margin: 0 auto;
}

.overflow-auto {
    overflow: auto;
}

.copy-address-to-lead {
    background: transparent;
    border: 0;
    font-size: 13px;
    float: right;
    margin-right: 12px;
}

.copy-address-to-lead i {
    font-size: 15px;
}

.swal2-container {
    z-index: 9999;
}

#myDefaultModal .modal-dialog-centered {
    margin-top: 35vh;
}

label.success {
    color: green;
    border: 0 none;
    background: none !important;
    display: none;
    float: none;
    padding: 0 !important;
    font-size: 0.9em;
    position: absolute;
    margin: -2px 0 0;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #1DB198;
    border-color: #1DB198;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.popover-header-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.standardFields .list-group-item,
.listingFields .list-group-item {
    line-height: 24px;
    padding: 8px 15px;
}

.standardFields .list-group-item button,
.listingFields .list-group-item button {
    padding: 2px 10px;
}

.dropzone .dz-remove {
    margin-top: 3px !important;
    line-height: 15px !important;
    top: 15%;
    position: absolute;
    right: 1%;
}

.dropzone .dz-preview.dz-error * {
    color: red !important;
}

.close-alert {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    cursor: pointer;
}

.covenants-attachment a {
    display: contents !important;
    outline: none !important;;
    outline-offset: 5px;
}

.covenants-attachment .attachment {
    border: 1px solid #eee;
    padding: 4px 10px;
    margin-top: 1%;
}

.covenants-attachment .attachment .float-right {
    float: inline-end;
}

.variable-list .text-truncate {
    display: inline-block;
    max-width: calc(100% - 25px); /* Adjust the value as needed for spacing */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    margin-bottom: 0;
}

.variable-list .copy-icon {
    display: inline-block;
    margin-left: 5px; /* Adjust as needed */
    cursor: pointer;
    vertical-align: middle;
}

.dropzone .dz-details {
    width: 70% !important;
}

.dropzone .dz-progress {
    width: 17% !important;
}

/*.action-group-button.header-tooltip .popover {
    left: auto !important;
}*/

.dcf-table th.ip-address {
    min-width: 110px
}

@media (min-width: 1367px) {
    .dcf-table th.header-date {
        min-width: 148px
    }
}

.paginate_button.previous.disabled a, .paginate_button.next.disabled a,
.pagination > li.active > a:hover {
    cursor: not-allowed !important;
}

.user-calendar .fc-popover-body {
    max-height: 400px;
    overflow: auto;
}

.panel.panel-modal .panel-body.overflow_section {
    max-height: 92vh !important;
    overflow: auto;
}

.task_tab_overflow.overflow_section {
    max-height: 400px;
    min-height: 321px;
    padding-bottom: 5px;
}

.large-modal-popup.overflow_section {
    overflow-y: auto;
    max-height: 90vh;
}
@media (max-width: 1360px) {
    .large-modal-popup.overflow_section:not(.Lead-Fast-Filter .overflow_section, .Offer-Fast-Filter .overflow_section, .Listing-Fast-Filter .overflow_section) {
        max-height: 86vh;
    }
}
@media (max-width: 768px) {
    .large-modal-popup.overflow_section {
        max-height: 89vh;
    }
}
.details .table > tbody > tr > td {
    padding: 4px 8px;
}
.task-navbar .ui-widget-content {
    width: 80vw !important;
}

.task-navbar .ui-autocomplete .list-group-item.ui-menu-item {
    padding: 2px 10px 2px;
}

.task-navbar .ui-autocomplete .list-group-item.ui-menu-item:hover {
    background-color: #e7ebf099 !important;
}

.task-navbar .ui-autocomplete .list-group-item.ui-menu-item.ui-state-focus {
    font-weight: normal;
}

.task-navbar .ui-autocomplete .list-group-item.ui-menu-item span {
    font-weight: 500;
    color: #337ab7;
}

.task-navbar.popup-body {
    overflow: hidden
}

.jumbotron p {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 200;
}

.edit-smart-filter-form .add-fast-filter {
    display: flex;
    float: inline-end;
}

.edit-smart-filter-form .col-auto {
    display: flex;
}

.edit-smart-filter-form .col-auto .filter-input {
    width: 200px;
}

.edit-smart-filter-form .col-auto .control-label {
    padding: 5px 10px;
}

.edit-smart-filter-form .col-auto .error {
    top: 30px;
}

@media only screen and (max-width: 600px) {
    .edit-smart-filter-form .col-auto .filter-input {
        display: inline;
        width: 100%;
        height: 40px;
    }

    .edit-smart-filter-form .col-auto.ml-3 {
        margin-top: 25px;
        margin-left: 0px !important;
    }

    label#smart_filter_title-error {
        top: 37%;
    }

    label#smart_filter_access_by-error {
        top: 74%;
    }

    .edit-smart-filter-form .col-auto .control-label {
        padding: 0;
        margin: 12px 0px 4px 0px;
    }

    .edit-smart-filter-form .add-fast-filter {
        display: contents;
        float: unset;
    }
}

a.send_html_icon {
    color: white
}

.big-images.owl-carousel .owl-prev.disabled,
.big-images.owl-carousel .owl-next.disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}

a.send_html_icon:hover {
    color: #f5b041;
}

.panel-default .inner p a {
    color: #337ab7;
}

.Add .panel-body label,
.Edit .panel-body label {
    vertical-align: middle;
}

.frmStdForm .fa-question-circle-o,
.Add .panel-body .fa-question-circle-o,
.Edit .panel-body .fa-question-circle-o {
    vertical-align: middle;
    color: #7a6fbe;
    cursor: pointer;
}

.Blog-Post .frmStdForm .fa-question-circle-o,
.System-Config .frmStdForm .fa-question-circle-o,
.Site-Master .frmStdForm .fa-question-circle-o {
    margin-top: -15px;
}

.frmStdForm .popover,
.table .popover,
.Add .popover,
.Edit .popover {
    background: #2c394c;
    color: #fff;
    border-color: #2c394c;
    max-width: fit-content;
}

.table .popover > .arrow:after, .Add .popover > .arrow, .Add .popover > .arrow:after,
.Edit .popover > .arrow, .Edit .popover > .arrow:after, .frmStdForm .popover > .arrow {
    border-bottom-color: #2c394c !important;
}

.wizard-step.commission-figuration-tab .row .wizard-step-col {
    height: auto !important;
    padding: 0;
    background-color: transparent;
}

.commission-figuration-tab > ul {
    background-color: transparent;
    border-bottom: 2px solid #2C394C;
}

.commission-figuration-tab li.active {
    background-color: #2C394C !important;
}

.commission-figuration-tab li.active:not(.theme-config li.active)  {
    border-radius: 25px 25px 0 0;
}

.wizard-step.commission-figuration-tab .row .wizard-step-col a {
    padding: 10px 25px;
}

.commission-figuration-tab .wizard-step-title {
    padding-left: 0 !important;
    text-align: center;
    font-size: 18px;
    color: #2c394c !important;
    margin: 0;
}

.commission-figuration-tab .tab-content {
    background-color: #fff;
    margin-bottom: 10px;
}

.commission-figuration-tab .tab-content .panel {
    border: 0;
    margin: 0;
    box-shadow: none !important;
}
.theme-config .tab-content .panel {
    margin-top: 15px;
}
.commission-figuration-tab .tab-content {
    background-color: transparent;
}

/*Fix table menu dropdown issue of overlapping ! MD- | GANESH 21-9-24*/
.box-white:has(.table) {
    overflow: unset;
}

.frmStdForm .popover.bottom>.arrow:after {
    border-bottom-color: #2c394c;
}

/*.smart-filter-btn-group {
    overflow: auto;
}*/
/*.frmSearch .footer.xs-text-center {
    margin-left: -25px;
}*/
.agency-table .alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
}

.agency-table .alert-info {
    color: #055160;
    background-color: #cff4fc;
}

.agency-table .alert-warning {
    background: #fff3cd;
    color: #664d03;
}

.agency-table .alert-danger {
    color: #842029;
    background-color: #f8d7da;
}

.agency-table .alert-primary {
    color: #084298;
    background-color: #cfe2ff;
}

.agency-table .mail-count .fa-envelope-open-o {
    font-size: 13px;
}

.agency-table .mail-count .fa-hand-pointer-o {
    font-size: 15px;
}

.agency-table .mail-count span.navbar-badge {
    font-weight: 600;
    padding: 3px 4px;
    position: absolute;
    right: -2px;
    top: -6px;
    width: auto;
    min-width: 18px;
    font-size: 9px !important;
}

.agency-table .alert {
    position: relative;
    padding: 0 0.50rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-weight: 500;
}

.agency-table .popover > .arrow:after {
    border-bottom-color: #2c394c !important;
}

.agency-table .popover {
    background: #2c394c;
    color: #fff;
    border-color: #2c394c;
    max-width: fit-content;
}

.agency-table .popover .popover-content {
    width: max-content;
}

.agency-table li label {
    margin-bottom: inherit;
}

.notification-list .badge-danger {
    font-weight: 600;
    padding: 4px 5px;
    position: absolute;
    right: -6px;
    top: 6px;
    width: auto;
    min-width: 20px;
    height: 20px;
    font-size: 11px !important;
}

.notification-list .bell.notify::before {
    animation: ring 4s .7s ease-in-out infinite;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out;
    -moz-transform-origin: 50% 4px;
}

.bell {
    top: 15px;
    right: 0px;
    justify-content: center;
    position: absolute;
    align-items: center;
    display: flex;
    width: 32px;
    height: 32px;
    font-size: 24px !important;
    color: #fff;
    transform-origin: 50% 4px;
    float: inline-end;
}

.bell.notify {
    right: -2px;
    top: 10px;
    width: 40px;
    height: 40px;
    font-size: 30px !important;
    color: #fff;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }
    1% {
        -webkit-transform: rotateZ(30deg);
    }
    3% {
        -webkit-transform: rotateZ(-28deg);
    }
    5% {
        -webkit-transform: rotateZ(34deg);
    }
    7% {
        -webkit-transform: rotateZ(-32deg);
    }
    9% {
        -webkit-transform: rotateZ(30deg);
    }
    11% {
        -webkit-transform: rotateZ(-28deg);
    }
    13% {
        -webkit-transform: rotateZ(26deg);
    }
    15% {
        -webkit-transform: rotateZ(-24deg);
    }
    17% {
        -webkit-transform: rotateZ(22deg);
    }
    19% {
        -webkit-transform: rotateZ(-20deg);
    }
    21% {
        -webkit-transform: rotateZ(18deg);
    }
    23% {
        -webkit-transform: rotateZ(-16deg);
    }
    25% {
        -webkit-transform: rotateZ(14deg);
    }
    27% {
        -webkit-transform: rotateZ(-12deg);
    }
    29% {
        -webkit-transform: rotateZ(10deg);
    }
    31% {
        -webkit-transform: rotateZ(-8deg);
    }
    33% {
        -webkit-transform: rotateZ(6deg);
    }
    35% {
        -webkit-transform: rotateZ(-4deg);
    }
    37% {
        -webkit-transform: rotateZ(2deg);
    }
    39% {
        -webkit-transform: rotateZ(-1deg);
    }
    41% {
        -webkit-transform: rotateZ(1deg);
    }

    43% {
        -webkit-transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }
    1% {
        -moz-transform: rotate(30deg);
    }
    3% {
        -moz-transform: rotate(-28deg);
    }
    5% {
        -moz-transform: rotate(34deg);
    }
    7% {
        -moz-transform: rotate(-32deg);
    }
    9% {
        -moz-transform: rotate(30deg);
    }
    11% {
        -moz-transform: rotate(-28deg);
    }
    13% {
        -moz-transform: rotate(26deg);
    }
    15% {
        -moz-transform: rotate(-24deg);
    }
    17% {
        -moz-transform: rotate(22deg);
    }
    19% {
        -moz-transform: rotate(-20deg);
    }
    21% {
        -moz-transform: rotate(18deg);
    }
    23% {
        -moz-transform: rotate(-16deg);
    }
    25% {
        -moz-transform: rotate(14deg);
    }
    27% {
        -moz-transform: rotate(-12deg);
    }
    29% {
        -moz-transform: rotate(10deg);
    }
    31% {
        -moz-transform: rotate(-8deg);
    }
    33% {
        -moz-transform: rotate(6deg);
    }
    35% {
        -moz-transform: rotate(-4deg);
    }
    37% {
        -moz-transform: rotate(2deg);
    }
    39% {
        -moz-transform: rotate(-1deg);
    }
    41% {
        -moz-transform: rotate(1deg);
    }

    43% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }
    1% {
        transform: rotate(30deg);
    }
    3% {
        transform: rotate(-28deg);
    }
    5% {
        transform: rotate(34deg);
    }
    7% {
        transform: rotate(-32deg);
    }
    9% {
        transform: rotate(30deg);
    }
    11% {
        transform: rotate(-28deg);
    }
    13% {
        transform: rotate(26deg);
    }
    15% {
        transform: rotate(-24deg);
    }
    17% {
        transform: rotate(22deg);
    }
    19% {
        transform: rotate(-20deg);
    }
    21% {
        transform: rotate(18deg);
    }
    23% {
        transform: rotate(-16deg);
    }
    25% {
        transform: rotate(14deg);
    }
    27% {
        transform: rotate(-12deg);
    }
    29% {
        transform: rotate(10deg);
    }
    31% {
        transform: rotate(-8deg);
    }
    33% {
        transform: rotate(6deg);
    }
    35% {
        transform: rotate(-4deg);
    }
    37% {
        transform: rotate(2deg);
    }
    39% {
        transform: rotate(-1deg);
    }
    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(0);
    }
}

.notification-header-title,
.notification-header-footer {
    background-color: #dee4ea !important;
    font-weight: 600;
    padding: 4px 10px !important;
    line-height: normal;
    border-radius: 0 !important;
    color: #212529;
}

.notification-header-footer a {
    color: #212529 !important;
}

.notification-header-footer a.pull-right {
    font-weight: normal;
}

.notifications-body {
    max-height: 60vh;
    overflow: auto;
}

.notifications-body .notification-popup .alert {
    padding: 2px 6px;
    border-radius: 3px;
    display: inline-block;
    font-size: 85%;
    margin: 0px;
    font-weight: 600;
}

.notification-header-title:before {
    content: "\e127";
    font-family: 'Glyphicons Halflings';
    vertical-align: bottom;
    margin-right: 5px;
}

.notifications-body .media-class:hover {
    background-color: #e7ebf099 !important;
}

.notifications-body .fst-normal {
    font-style: normal !important;
    font-weight: normal;
    font-size: 85%;
    top: 5px;
    position: relative;
}

.fa.fa-hand-pointer:before {
    content: "\e129";
    font-family: 'Glyphicons Halflings';
    vertical-align: bottom;
}

.notification-view .loader-container {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(0 0 0 / 10%);
}

.notification-view .loader-container .notification-loader {
    color: #2c394c;
    top: 50%;
    left: 50%;
    font-size: 36px;
    position: absolute;
}

@media (max-width: 567px) {
    .notification-list {
        left: 20%;
        position: absolute;
        z-index: 999999;
    }

    .notification-list .dropdown-menu-lg {
        width: 99vw;
        top: 4.5vh;
    }

    .dropdown-menu.dropdown-menu-lg.dropdown-menu-right.notification-view {
        right: 2px !important;
        position: fixed;
    }

    .navbar .logo-box .logo-text {
        padding-left: 45px !important;
    }
}

@media (max-width: 481px) {
    .topmenu-outer {
        width: 50% !important;
    }
}

.ui-autocomplete .list-group-item.ui-state-focus {
    outline: none;
    background-color: #f1f1f1;
}

.popup-body.MailCampaign {
    padding: 20px 25px 25px 25px;
}

.message-preview-loader .text-center,
.mail-preview-loader .text-center {
    top: 50%;
}

.message-preview-loader,
.mail-preview-loader {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 25px;
    top: 0px;
    left: 15px;
    background-color: rgba(0, 0, 0, 0.3);
}

#offerMassMailSelectionContent, #mail-preview-content, #message-preview-content {
    min-height: 120px
}

#offerMassMailSelectionContent .panel-footer {
    margin-left: -25px;
    border-radius: 0px 0px 25px 25px;
    width: 98.15%;
}

/* Disbursement profile module css  ! MD KATARIYA 08-11-2024*/
.basic-buyer-information .view-only-row .form-group {
    margin-bottom: 0;
}

.commission-figuration-tab .tab-content {
    background-color: transparent;
}

.disbursement-profile-page .panel-body {
    padding: 5px 10px;
}

.disbursement-profile-page .DeleteTransactionCouser {
    padding: 6px 10px;
    background-color: #d9534f26;
    border: 1px solid #d9534f;
}

.disbursement-profile-page .AddTransactionCouser:hover {
    color: black;
}

.disbursement-profile-page .action-btn {
    display: flex;
    align-items: end;
}

.disbursement-profile-page .AddTransactionCouser {
    padding: 7px 10px;
    background-color: #5cb85c3b;
    border: 1px solid #5cb85c;
}

.disbursement-profile-page .icon-trash {
    color: #d9534f;
}

.disbursement-profile-page .icon-plus {
    color: #5cb85c;
}

.disbursement-profile-page .add-buyer-seller-btn img {
    max-width: 45px;
}

.disbursement-profile-page .big-images.owl-carousel .owl-item .item img {
    max-height: 170px;
}

.disbursement-profile-page .details .big-images.owl-carousel .owl-next {
    right: -10px;
}

.disbursement-profile-page .details .big-images.owl-carousel .owl-prev {
    left: -10px;
}

.row.view-only-row {
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
    row-gap: 17px;
}

.disbursement-profile-page .fa-question-circle-o {
    vertical-align: middle;
    color: #7a6fbe;
    cursor: pointer;
}

.disbursement-profile-page .popover.top {
    background: #2c394c;
    color: #fff;
    border-color: #2c394c;
    max-width: fit-content;
}

.disbursement-profile-page .popover.top > .arrow:after {
    border-top-color: #2c394c;
}

.row.view-only-row:last-child {
    margin-bottom: 0;
}

.Transaction .panel-footer .btn {
    border-radius: 15px;
}

.disbursement-profile-page .agent-commission .type-percentage {
    position: relative;
}

.disbursement-profile-page .agent-commission .type-percentage:before {
    content: " OR ";
    position: absolute;
    right: -9px;
    top: 6px;
}

.disbursement-profile-page .progress {
    height: 20px;
    border-radius: 5px;
}

.disbursement-profile-page .progress-bar {
    border-radius: 0;
    background-color: #22baa0;
}

.view-only-row.IsDeleted {
    background-color: #fbecec;
    outline: 1px dashed #d9534f;
    padding: 10px 0;
}

.isdelete {
    background-color: #fbecec;
    outline: 1px dashed #d9534f;
    padding: 10px 0;
}

.disbursement-profile-page .panel-title i:before {
    vertical-align: unset;
}

.profile-details-section h1 {
    font-size: 20px;
}

.profile-details-section h3 {
    font-size: 13.6px;
}

.disbursement-profile-page .address {
    font-size: 14px !important;
}

.disbursement-profile-page .control-label {
    font-weight: normal;
}


.show-loader::before {
    content: "\f110";
    animation: spin 1s linear infinite;
    font-family: FontAwesome;
    font-size: 24px;
    color: #000000;
    position: absolute;
    z-index: 10001; /* Ensures it’s above the overlay */
    top: 50%;
    left: 50%;
}

/*Common Loader ~ MD KATARIYA 13-11-24*/
.show-loader::after {
    content: '';
    background: rgba(255, 255, 255, 0.7);
    z-index: 10000; /* Lower than the loader icon */
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

/*Data Save Loading*/
.load-bar {
    position: relative;
    width: 100%;
    height: 6px;
    background-color: #fdba2c;
}
.bar {
    content: "";
    display: inline;
    position: absolute;
    width: 0;
    height: 100%;
    left: 50%;
    text-align: center;
}
.bar:nth-child(1) {
    background-color: #da4733;
    animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
    background-color: #3b78e7;
    animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
    background-color: #fdba2c;
    animation: loading 3s linear 2s infinite;
}
@keyframes loading {
    from {left: 0; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}

.modal-custom-full {
    width: 85%;
}
.disbursement-show-section .panel-heading{
    border-radius: 30px;
}
.section-title
{
    font-weight: normal;
    font-size: 15px;
    border-bottom: 1px solid #cac9c9;
    display: inline-block;
    padding: 6px 6px 6px 0;
    margin-top: 0;
}
.commission-plan-details-panel{
    display: flex;
    flex-wrap: wrap;
    padding-left: 8px;
}
.left-section{
    padding-right: 8px;
}
.commission-plan-details-panel .panel{
    display: flex;
    flex-flow: column;
    flex-grow: 1;
}
.disbursement-profile-page .panel .panel.panel-default .panel-heading {
    padding: 4px 10px;
}

.disbursement-profile-page tfoot {
    background-color: #ebebeb;
}

.disbursement-profile-page div.dt-container div.dt-layout-row {
    margin: 0 0;
}

/* Commission Configuration > Show commission details modal header ~ MD KATARIYA 16-12-24 */
.popup-body #MyCommissionDetails .panel-heading {
    background-color: #345482 !important;
    color: white;
}
.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.text-green {
    color: #5cb85c !important;
}

.jq-toast-wrap {
    max-width: 420px !important;;
    width: 100% !important;
}

.jq-icon-success {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 20px 3px;
}

.disbursement-sub-section {
    text-align: center;
    margin: 100px 0 !important;
}

.disbursement-sub-section h1 {
    font-weight: 700;
    color: #919191;
}

#offerMassMailSelectionContent table th {
    width: 33.33%;
}

#offerMassMailSelectionContent label {
    font-weight: normal;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-25 {
    opacity: .25 !important;
}

.opacity-50 {
    opacity: .50 !important;
}

.opacity-75 {
    opacity: .75 !important;
}

.heading-inner-section {
    background-color: #642727 !important;
    border-radius: 5px !important;
}
.heading-inner-section .panel-title {
    margin: 0 auto;
    width: calc(100% - 15px);
    color:white;
}

.panel-agent-heading {
    padding: 4px 10px;
}

.hover-disable {
    cursor: no-drop !important;
}
#trans_custom_task_field_container .not-empty,
#trans_custom_task_field_container .radiobox.style1 .radiobox-info input[type="radio"]:checked + label {
    background-color: #28a745 !important;
    color: #fff !important;
}

.radio-group.radiobox.style1:not(.Site-Master .radio-group.radiobox.style1) {
    border: 2px solid transparent;
}

.select2-container--default .select2-selection--single .select2-selection__clear:not(.mailbox .select2-container--default .select2-selection--single .select2-selection__clear) {
    font-weight: normal !important;
    font-size: 24px;
    margin-bottom: -10px !important;
    margin-right: 0px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear:not(.mailbox .select2-container--default .select2-selection--multiple .select2-selection__clear) {
    font-weight: normal !important;
    font-size: 24px;
    margin-top: -3px !important;
    margin-bottom: -10px !important;
    margin-right: 0px !important;
}

.listing-filter-class .color-white:hover,
.input-addon:hover,
.close.modal-close:hover,
.singer-close-icon .icon-close :hover,
.close.icn-close:hover,
.select2-selection__clear:hover {
    color: #ef3232;
}

.select2-search__field {
    min-width: 150px;
}
.large-modal-popup .ui-multiselect {
    width: 100% !important;
}

#defaultLoginModelPopup .modal-header {
    text-align: center;
    padding: 10px 12px;
    height: auto;
    background: #2C394C;
    border-color: #2C394C;
    color: #fff;
}

#defaultLoginModelPopup .modal-content {
    min-width: 540px;
}

#defaultLoginModelPopup #frmLogin .toggle-password {
    top: 27px;
}

#defaultLoginModelPopup .modal-dialog.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin: 0 auto;
}

.disbursement_charge_add_edit .radio-group input[type="radio"]:checked:disabled + label {
    background-color: #63baca;
    color: #ffffff;
    border: 1px solid #dce1e4;
}

.CommissionPlans .radio-group input[type="radio"]:checked:disabled + label {
    background-color: #63baca;
    color: #ffffff;
    border: 1px solid #dce1e4;
}

.disbursement-profile-page .highlight-amount h4 {
    background-color: #f6f8fb;
    padding: 10px 15px;
}

.disbursement-profile-page table.table.table-special > tbody > tr, .disbursement-profile-page table.table.table-special > thead > tr {
    border-left: 0 !important;
}

.wizard-step.commission-figuration-tab {
    padding: 10px;
}

.billing-description {
    font-family: Open Sans, sans-serif !important;
    font-size: 13px !important;
    font-weight: 300;
}

.commission-figuration-tab .full-section {
    width: 100%;
}

.offer-profile-agent-commission-box {
    border: dashed 1px #b6b6b6;
    padding-top: 8px;
    margin: 1px;
}
.clearfix.hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 0;
    border-width: 2px 0 0;
    border-top: 2px solid #eee;
    margin: 1%;
}

.box-white:has(.table-disbursement-report) {
    overflow: auto;
}

.gc-width {
    padding-right: 100px !important;
}
.HR-Library .bg-success {
    background-color: #dff0d8 !important;
}
.d-inline-flex {
    display: inline-flex !important;
}

.Page-Manager i.fa-exclamation-triangle {
    font-size: 16px;
    cursor: pointer;
}
.theme-config .form-group > label.text-truncate {
    text-transform: capitalize;
}
.dd-item > button[data-action="collapse"]:before {
    position: absolute;
    top: -2px;
}
#loadDisbursementPage.show-loader::before {
    content: "\f110";
    animation: spin 1s linear infinite;
    font-family: FontAwesome;
    font-size: 24px;
    color: #000000;
    position: absolute;
    z-index: 10001;
    top: 10% !important;
    left: 50%;
}
#loadDisbursementPage.show-loader::after {
    content: '';
    background: rgb(255 255 255) !important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.seo-variable-content#variable-content .panel .panel-heading {
    padding: 5px 15px;
}

.seo-variable-content#variable-content .panel-heading h4 {
    font-weight: 600 !important;
    margin-top: 2px;
}

.seo-variable-content#variable-content .panel-body .variable-list div {
    display: inline-block;
}

.seo-variable-content#variable-content .panel-body .variable-list div:after {
    content: none;
}

.seo-variable-content#variable-content .copy-tooltip {
    display: none;
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: #22baa0;
    border-color: #22baa0;
    color: #ffffff;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 999;
}

.seo-variable-content#variable-content .panel-body{
    padding:10px;
}

.seo-variable-content#variable-content .panel{
    margin-bottom:10px;
}

#frmStdForm .wizard-step .wizard-step-title {
    padding-left: 0 !important;
}

.seo-variable-content#variable-content .panel-heading span.pull-right {
    line-height: 1.6;
    margin-top: 2px;
}
.dropzone .dz-remove {
    color: #d22f3e;
    background-color: #fbeaec !important;
    border: 1px solid #d22f3e;
    float: right !important;
    right: 5px;
    border-radius: 100px;
    width: 20px;
    height: 20px !important;
    text-align: center;
    margin-top: 5px;
    font-size: 21px;
    line-height: 17px !important;
}
.dropzone .dz-remove:hover {
    color: #fff;
    background-color: #d22f3e;
    border: 1px solid #d22f3e;
}

#message_tbody .sent-message{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Billing Item custom radio css ! MDKATARIYA 26-6-25*/
/* label container */
.radio-button-container {
    color: rgba(0,0,0,0.75);
    display: block;
    position: relative;
    padding-left: 45px;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 25px;
    cursor: pointer;
    user-select: none;
}
.radio-button-container input {
    position: absolute;
    opacity: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0,0,0,0.25);
    border-radius: 50%;
    background: transparent;
    transition: 0.3s;
}
.radio-button-container:hover input:not(:disabled) ~ .checkmark {
    border-color: rgba(0,0,0,0.5);
}
.radio-button-container input:checked ~ .checkmark {
    border-color: #00adc9;
}
.checkmark:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #00adc9;
    transform: translate(-50%, -50%);
    display: none;
}
.radio-button-container input:checked ~ .checkmark:after {
    display: block;
}
.radio-button-container input:disabled ~ .checkmark {
    background: #ddd;
    border-color: #aaa;
    opacity: 0.6;
    cursor: not-allowed;
}