/* CRM.CRM Global Styles */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body {
    position: relative;
    height: 100% !important;
    width: 100%;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    line-height: 22px;
    background: #fff !important;
    color: #212121;
}


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

a:hover,
a:active,
a:focus {
    outline: none !important;
}
ul{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}

/* Typography */

p {
    display: block;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 22px;
    margin: 0px 0px 10px 0px;
    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: 22px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

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

.f-thin {
    font-weight: 300;
}

.f-normal {
    font-weight: normal;
}

.f-bold {
    font-weight: 600;
}

.f-s-10 {
    font-size: 10px;
}

.f-s-11 {
    font-size: 11px;
}

.f-s-12 {
    font-size: 12px;
}

.f-s-13 {
    font-size: 13px;
}

.f-s-14 {
    font-size: 14px;
}

.f-s-15 {
    font-size: 15px;
}

.f-s-16 {
    font-size: 16px;
}

.f-s-17 {
    font-size: 17px;
}

.f-s-18 {
    font-size: 18px;
}

.f-s-20 {
    font-size: 20px;
}

.f-s-22 {
    font-size: 22px;
}

.f-s-24 {
    font-size: 24px;
}

.f-s-26 {
    font-size: 26px;
}

.f-s-28 {
    font-size: 28px;
}

.f-s-30 {
    font-size: 30px;
}

.f-s-32 {
    font-size: 32px;
}

.text-xs {
    font-size: 10px;
}

.text-sm {
    font-size: 12px;
}

.text-md {
    font-size: 16px;
}

.text-lg {
    font-size: 32px;
}

.text-xl {
    font-size: 52px;
}

.text-xxl {
    font-size: 80px;
}

.f-white {
    color: #fff;
}

.f-gray {
    color: #ccc;
}

.f-gray-dark {
    color: #a2a2a2;
}

.f-black {
    color: #333;
}

.f-green {
    color: #bf1ab0;
}

.f-blue {
    color: #127acb;
}

.f-lblue {
    color: #12AFCB;
}

.f-purple {
    color: #bf1ab0;
}

.f-red {
    color: #f25656;
}

.f-yellow {
    color: #f6d433;
}

.f-orange {
    color: #e79b2f;
}

/*.text-default {
    color: #ccc;
}

.text-primary {
    color: #bf1ab0;
}

.text-success {
    color: #bf1ab0;
}

.text-info {
    color: #12AFCB;
}

.text-warning {
    color: #f6d433;
}

.text-danger {
    color: #f25656;
}*/


/* Icons */

.icon-xs {
    font-size: 12px;
}

.icon-sm {
    font-size: 14px;
}

.icon-md {
    font-size: 16px;
}

.icon-lg {
    font-size: 18px;
}

.icon-state-default {
    color: #ccc;
}

.icon-state-primary {
    color: #bf1ab0;
}

.icon-state-success {
    color: #bf1ab0;
}

.icon-state-info {
    color: #12AFCB;
}

.icon-state-warning {
    color: #f6d433;
}

.icon-state-danger {
    color: #f25656;
}


/* Alert */

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

/*.alert-success {
    background: #e5f3df;
}

.alert-info {
    background: #d3e6f0;
}

.alert-warning {
    background: #f6f2dd;
}

.alert-danger {
    background: #f1d9d9;
}*/


/* Custom Badges */

.badge {
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    border-radius: 0px;
    font-weight: 300;
    font-size: 11px !important;
    text-align: center;
    vertical-align: middle;
    line-height: 11px;
    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: #bf1ab0;
    color: #FFF;
}

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

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

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

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


/* Switchery */

.switch-sm .switchery {
    height: 15px;
    width: 25px;
}

.switch-sm .switchery>small {
    height: 15px;
    width: 15px;
}

.switch-md .switchery {
    height: 20px;
    width: 35px;
}

.switch-md .switchery>small {
    height: 20px;
    width: 20px;
}

.switch-lg .switchery {
    height: 25px;
    width: 40px;
}

.switch-lg .switchery>small {
    height: 25px;
    width: 25px;
}


/* CSS Utilities */


/* Margins & Paddings */

.no-s {
    margin: 0px !important;
    padding: 0px !important;
}

.no-m {
    margin: 0;
}

.no-p {
    padding: 0;
}

.m {
    margin: 15px;
}

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

.m-r-xxs {
    margin-right: 5px;
}

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

.m-l-xxs {
    margin-left: 5px;
}

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

.m-r-xs {
    margin-right: 10px;
}

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

.m-l-xs {
    margin-left: 10px;
}

.m-t-sm {
    margin-top: 15px;
}

.m-r-sm {
    margin-right: 15px;
}

.m-b-sm {
    margin-bottom: 15px;
}

.m-l-sm {
    margin-left: 15px;
}

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

.m-r-md {
    margin-right: 20px;
}

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

.m-l-md {
    margin-left: 20px;
}

.m-t-lg {
    margin-top: 25px;
}

.m-r-lg {
    margin-right: 25px;
}

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

.m-l-lg {
    margin-left: 25px;
}

.m-t-xxl {
    margin-top: 30px;
}

.m-r-xxl {
    margin-right: 30px;
}

.m-b-xxl {
    margin-bottom: 30px;
}

.m-l-xxl {
    margin-left: 30px;
}

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

.m-r-n-xxs {
    margin-right: -5px;
}

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

.m-l-n-xxs {
    margin-left: -5px;
}

.m-t-n-xs {
    margin-top: -10px;
}

.m-r-n-xs {
    margin-right: -10px;
}

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

.m-l-n-xs {
    margin-left: -10px;
}

.m-t-n-sm {
    margin-top: -15px;
}

.m-r-n-sm {
    margin-right: -15px;
}

.m-b-n-sm {
    margin-bottom: -15px;
}

.m-l-n-sm {
    margin-left: -15px;
}

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

.m-r-n-md {
    margin-right: -20px;
}

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

.m-l-n-md {
    margin-left: -20px;
}

.m-t-n-lg {
    margin-top: -25px;
}

.m-r-n-lg {
    margin-right: -25px;
}

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

.m-l-n-lg {
    margin-left: -25px;
}

.m-t-n-xxl {
    margin-top: -30px;
}

.m-r-n-xxl {
    margin-right: -30px;
}

.m-b-n-xxl {
    margin-bottom: -30px;
}

.m-l-n-xxl {
    margin-left: -30px;
}

.p {
    padding: 15px;
}

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

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

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

.no-p-h {
    padding-left: 0;
    padding-right: 0;
}

.no-p-v {
    padding-top: 0;
    padding-bottom: 0;
}

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

.p-h-lg {
    padding-left: 25px;
    padding-right: 25px;
}

.p-h-xxl {
    padding-left: 30px;
    padding-right: 30px;
}

.p-v-xxs {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-v-xs {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-v-sm {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-v-md {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p-v-lg {
    padding-top: 25px;
    padding-bottom: 25px;
}

.p-v-xxl {
    padding-top: 30px;
    padding-bottom: 30px;
}


/* Borders */

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

.b {
    border: 1px solid #f1f1f1;
}

.b-t {
    border-top: 1px solid #f1f1f1;
}

.b-r {
    border-right: 1px solid #f1f1f1;
}

.b-b {
    border-bottom: 1px solid #f1f1f1;
}

.b-l {
    border-left: 1px solid #f1f1f1;
}

.b-default {
    border-color: #f1f1f1;
}

.b-primary {
    border-color: #bf1ab0;
}

.b-info {
    border-color: #12AFCB;
}

.b-success {
    border-color: #bf1ab0;
}

.b-warning {
    border-color: #f6d433;
}

.b-danger {
    border-color: #f25656;
}

.b-2 {
    border-size: 2px;
}

.b-3 {
    border-size: 3px;
}

.b-4 {
    border-size: 4px;
}

.b-n-t {
    border-top: 0;
}

.b-n-r {
    border-right: 0;
}

.b-n-b {
    border-bottom: 0;
}

.b-n-l {
    border-left: 0;
}


/* Radius */

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

.r {
    border-radius: 2px;
}

.r-t-l {
    border-top-left-radius: 2px;
}

.r-t-r {
    border-top-right-radius: 2px;
}

.r-b-l {
    border-bottom-left-radius: 2px;
}

.r-b-r {
    border-bottom-right-radius: 2px;
}

.no-r-t-l {
    border-top-left-radius: 0 !important;
}

.no-r-t-r {
    border-top-right-radius: 0 !important;
}

.no-r-b-l {
    border-bottom-left-radius: 0 !important;
}

.no-r-b-r {
    border-bottom-right-radius: 0 !important;
}


/* Backgrounds */

.bg-n {
    background: transparent !important;
}

.bg-primary {
    background-color: #bf1ab0;
    color: #fff;
}

.bg-primary.dark {
    background-color: #6e63b4;
    color: #fff;
}

.bg-primary.light {
    background-color: #877cc7;
    color: #fff;
}

.bg-success {
    background-color: #bf1ab0;
    color: #fff;
}

.bg-success.dark {
    background-color: #1da890;
    color: #fff;
}

.bg-success.light {
    background-color: #32c6ad;
    color: #fff;
}

.bg-info {
    background-color: #12AFCB;
    color: #fff;
}

.bg-info.dark {
    background-color: #0ba0bb;
    color: #fff;
}

.bg-info.light {
    background-color: #20beda;
    color: #fff;
}

.bg-warning {
    background-color: #f6d433;
    color: #fff;
}

.bg-warning.dark {
    background-color: #f1ca11;
    color: #fff;
}

.bg-warning.light {
    background-color: #fada44;
    color: #fff;
}

.bg-danger {
    background-color: #f25656;
    color: #fff;
}

.bg-danger.dark {
    background-color: #e54f4f;
    color: #fff;
}

.bg-danger.light {
    background-color: #f66d6d;
    color: #fff;
}

.bg-dark {
    background-color: #333;
    color: #fff;
}

.bg-dark.dark {
    background-color: #2b2b2b;
    color: #fff;
}

.bg-dark.light {
    background-color: #3b3b3b;
    color: #fff;
}

.bg-light {
    background-color: #f1f1f1;
}

.bg-light.dark {
    background-color: #e5e5e5;
}

.bg-light.light {
    background-color: #f9f9f9;
}

.bg-gray {
    background-color: #ccc;
}

.bg-gray.dark {
    background-color: #b9b9b9;
}

.bg-gray.light {
    background-color: #d7d7d7;
}


/* Buttons */

.btn {
    font-size: 12px;
    font-weight: 600;
    padding: 8px 15px;
    border-radius: 4px;
}

.btn-addon i {
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin: -7px -13px;
    margin-right: 12px;
    line-height: 34px;
    text-align: center;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: rgba(0, 0, 0, 0.1);
}

.btn-rounded.btn-addon i {
    margin: -7px -16px;
    margin-right: 15px;
    border-radius: 50px;
}

.btn-rounded.btn-addon.btn-sm i {
    margin: -7px -16px;
    margin-right: 10px;
    border-radius: 50px;
}

.btn-lg {
    line-height: inherit;
}

.btn-lg.btn-addon i {
    width: 45px;
    height: 45px;
    margin: -11px -17px;
    margin-right: 16px;
    line-height: 45px;
}

.btn-sm.btn-addon i {
    width: 30px;
    height: 30px;
    margin: -6px -11px;
    margin-right: 10px;
    line-height: 30px;
}

.btn-xs.btn-addon i {
    width: 22px;
    height: 22px;
    margin: -2px -6px;
    margin-right: 5px;
    line-height: 22px;
    font-size: 10px;
}

.btn-default {
    background-color: #fff;
    color: #333;
    border: 1px solid #e5e5e5;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-group.open .btn-default.dropdown-toggle,
.btn.btn-default.active {
    background-color: #f1f1f1;
    border: 1px solid #e5e5e5;
}

.btn-primary {
    background-color: #bf1ab0;
    color: #fff;
    border: 1px solid transparent;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-group.open .btn-primary.dropdown-toggle,
.btn.btn-primary.active {
    background-color: #ad17a0;
    border: 1px solid transparent;
}

.btn-success-light {
    background-color: #ebf2de;
    color: #B7D858;
    border: 1px solid #ebf2de;
}
.btn-success-light:hover {
    background-color: #B7D858;
    color: #fff;
    border: 1px solid #B7D858;
}
.btn-success{
    background-color: #B7D858;
    color: #fff;
    border: 1px solid #B7D858;
}
.btn-warning-outline{
    background-color: #fff;
    color: #E67D04;
    border: 1px solid #faede0;
}
.btn-warning-outline:hover{
    background-color: #E67D04;
    color: #fff;
    border: 1px solid #E67D04;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-group.open .btn-success.dropdown-toggle,
.btn.btn-success.active {
    background-color: #9bc438;
    border: 1px solid #9bc438;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    background-color: #9bc438;
    /* border: 1px solid #9bc438; */
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
    background-color: #9bc438;
    /* border: 1px solid #9bc438; */
}

.btn-danger {
    background-color: #f25656;
    color: #fff;
    border: 1px solid transparent;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-group.open .btn-danger.dropdown-toggle,
.btn.btn-danger.active {
    background-color: #e14444;
    border: 1px solid transparent;
}

.btn-info {
    background-color: #004481;
    color: #fff;
    border: 1px solid transparent;
}
.btn-info-outline{
    color: #004481;
    border: 1px solid #e6ecf3;
}
.btn-info-outline:hover{
    background-color: #004481;
    color: #fff;
}
.btn-info-light{
    background-color: #d9e2ed;
    color: #004481;
}
.btn-info-light:hover{
    background-color: #004481;
    color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-group.open .btn-info.dropdown-toggle,
.btn.btn-info.active {
    background-color: #468cd1;
    border: 1px solid transparent;
}

.btn-warning {
    background-color: #f8a626;
    color: #fff;
    border: 1px solid #f8a626;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-group.open .btn-warning.dropdown-toggle,
.btn.btn-warning.active {
    background-color: #e8bf40;
    border: 1px solid transparent;
}

.btn-rounded {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 50px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}


/* Box Shadow */

.bs-n {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.bs-dark {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    box-shadow: 0 0 3px rgba(0, 0, 0, .6);
}

.bs-light {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.bs-t {
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
}

.bs-r {
    -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
    box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
}

.bs-b {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.bs-l {
    -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
    box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
}


/* Width & Height */

.full-height {
    height: 100% !important;
}

.full-width {
    width: 100% !important;
}

.w-xxs {
    width: 50px;
}

.w-xs {
    width: 90px;
}

.w-sm {
    width: 140px;
}

.w {
    width: 200px;
}

.w-md {
    width: 240px;
}

.w-lg {
    width: 280px;
}

.w-xl {
    width: 330px;
}

.w-xxl {
    width: 370px;
}

.w-auto {
    width: auto;
}

.h-auto {
    height: auto;
}


/* Tooltip */

.tooltip-inner {
    border-radius: 0;
}


/* Panel */

.panel {
    -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);
    border: 0 !important;
    margin-bottom: 25px;
    border-radius: 0;
}

@media (min-width: 768px) {
    .panel>.row>div:first-child {
        padding-left: 15px;
        padding-right: 0;
    }

    .panel>.row>div:last-child {
        padding-left: 0;
        padding-right: 15px;
    }
}

.panel .panel-heading {
    padding: 8px 0;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0 !important;
    font-size: 14px;
    font-weight: 600;
}

.panel .panel-heading .panel-title {
    font-size: 14px;
    float: left;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
}

.panel .panel-heading .panel-title small {
    font-size: 80%;
}

.panel .panel-heading .panel-control {
    float: right;
    height: auto;
}

.panel .panel-heading .panel-control a {
    text-decoration: none;
    color: #ccc;
    margin-left: 5px;
    font-size: 14px;
    float: left;
}

.panel .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel .panel-body {
    position: relative;
    padding: 20px 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel .panel-heading+.panel-body {
    /*padding: 0 20px 20px 20px;*/
}

.panel-default .panel-heading {
    background: #f1f1f1;
    border-color: #e7e7e7;
}

.panel-default .panel-heading .panel-control a {
    color: #bbb;
}

.panel-default .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel-primary .panel-heading {
    background: #bf1ab0;
    color: #fff;
}

.panel-primary .panel-heading .panel-control a {
    color: #fff;
}

.panel-primary .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-success .panel-heading {
    background: #bf1ab0;
    color: #fff;
}

.panel-success .panel-heading .panel-control a {
    color: #fff;
}

.panel-success .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-info .panel-heading {
    background: #12AFCB;
    color: #fff;
}

.panel-info .panel-heading .panel-control a {
    color: #fff;
}

.panel-info .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-warning .panel-heading {
    background: #f6d433;
    color: #fff;
}

.panel-warning .panel-heading .panel-control a {
    color: #fff;
}

.panel-warning .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-danger .panel-heading {
    background: #f25656;
    color: #fff;
}

.panel-danger .panel-heading .panel-control a {
    color: #fff;
}

.panel-danger .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-transparent {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.panel-transparent .panel-heading .panel-control a {
    color: #ccc;
}

.panel-transparent .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel-white {
    background: #fff;
}

.panel-white .panel-heading .panel-control a {
    color: #ccc;
}

.panel-white .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel-purple {
    background: #bf1ab0;
}

.panel-purple .panel-heading {
    color: #fff;
}

.panel-purple .panel-body {
    color: #fff;
}

.panel-purple .panel-heading .panel-control a {
    color: #fff;
}

.panel-purple .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-green {
    background: #bf1ab0;
}

.panel-green .panel-heading {
    color: #fff;
}

.panel-green .panel-body {
    color: #fff;
}

.panel-green .panel-heading .panel-control a {
    color: #fff;
}

.panel-green .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-blue {
    background: #12AFCB;
}

.panel-blue .panel-heading {
    color: #fff;
}

.panel-blue .panel-body {
    color: #fff;
}

.panel-blue .panel-heading .panel-control a {
    color: #fff;
}

.panel-blue .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-yellow {
    background: #f6d433;
}

.panel-yellow .panel-heading {
    color: #fff;
}

.panel-yellow .panel-body {
    color: #fff;
}

.panel-yellow .panel-heading .panel-control a {
    color: #fff;
}

.panel-yellow .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-red {
    background: #f25656;
}

.panel-red .panel-heading {
    color: #fff;
}

.panel-red .panel-body {
    color: #fff;
}

.panel-red .panel-heading .panel-control a {
    color: #fff;
}

.panel-red .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-placeholder {
    border: 2px dashed #ddd;
    margin-bottom: 20px;
}


/* Wells */

.well {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #F6F6F6;
    border: 0;
}


/* Modals */

.modal {
    z-index: 1010 !important;
    background: rgba(0,0,0,0.25);
}

.modal-content {
    -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);
    border: 0;
    border-radius: 8px;
}

.modal-header {
    padding: 15px;
    overflow: hidden;
   /* border-top-left-radius: 0;
    border-top-right-radius: 0;*/
    border: 0 !important;
    /*height: 55px;*/
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.modal-body {
    position: relative;
    padding: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.modal-footer {
    padding: 15px;
    /*border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;*/
    border: 0;
    margin-top: 0;
}

.modal-header+.modal-body {
    padding: 15px;
}

.modal-body+.modal-footer {
    padding: 15px;
}

/*.modal-open {
    overflow-y: auto !important;
}*/

.modal-open {
    padding: 0 !important;
}

.modal-backdrop {
    z-index: 1;
}


/* Pagination */

.pagination>li>a {
    color: #5B5B5B;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background: #1976d2;
    border-color: #1976d2;
}


/* Progress Bars */

.progress {
    border-radius: 2px;
    height: 15px;
}

.progress-squared {
    border-radius: 0;
}

.progress-xs {
    height: 5px;
}

.progress-sm {
    height: 10px;
}

.progress-md {
    height: 15px;
}

.progress-lg {
    height: 25px;
}

.progress-bar-purple {
    background-color: #9428FF;
}
.progress-bar-primary {
    background-color: #00BFCB;
}

.progress-bar-success {
    background-color: #68D000;
}

.progress-bar-info {
    background-color: #5D24FF;
}

.progress-bar-warning {
    background-color: #E67D04;
}

.progress-bar-danger {
    background-color: #FF0000;
}


/* Tabs */
/*.nav-tabs>li>a {
    border-radius: 0 !important;
    color: #004481;
    font-size: 15px;
}*/

/*.nav-tabs>li>a:hover {
    background: #004481;
    border-color: #004481 #004481 #004481;
    color: #fff;
}*/

/*.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #1976d2;
    border-bottom-color: #1976d2;
}*/

.nav-tabs {
    border-bottom: none;
}

.nav-pills>li>a {
    color: #777;
    border-radius: 0 !important;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #bf1ab0;
}

.tabs-below>.nav-tabs,
.tabs-right>.nav-tabs,
.tabs-left>.nav-tabs {
    border-bottom: 0;
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
    display: none;
}

.tab-content>.active,
.pill-content>.active {
    display: block;
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tabs-below>.nav-tabs>li>a:hover,
.tabs-below>.nav-tabs>li>a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:hover,
.tabs-below>.nav-tabs>.active>a:focus {
    border-color: #fff #ddd #ddd #ddd;
}

.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
    float: none;
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tabs-left>.nav-tabs>li>a:hover,
.tabs-left>.nav-tabs>li>a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover,
.tabs-left>.nav-tabs .active>a:focus {
    border-color: #ddd transparent #ddd #ddd;
    border-right-color: #ffffff;
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tabs-right>.nav-tabs>li>a:hover,
.tabs-right>.nav-tabs>li>a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:hover,
.tabs-right>.nav-tabs .active>a:focus {
    border-color: #ddd #ddd #ddd transparent;
    border-left-color: #ffffff;
}


/* Accordions */

.panel-group .panel-heading .panel-title>a {
    font-size: 14px;
}

.panel-group .panel-heading {
    font-size: 14px;
}

.panel-group .panel-heading .panel-title>a {
    text-decoration: none;
}

.panel-group .panel-heading {
    border-bottom: 0 !important;
}

.panel>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
}

.panel-group .panel-heading .panel-title {
    position: relative;
    width: 100%;
}

.panel-group .panel-heading .panel-title>a:after {
    font-family: 'FontAwesome';
    content: "\f067";
    position: absolute;
    right: 0;
    color: #777;
    height: 15px;
    top: 50%;
    margin-top: -7.5px;
}

.panel-group .panel-heading .panel-title>a.collapsed:after {
    content: "\f068";
}

.panel-group .panel-primary .panel-heading .panel-title>a:after,
.panel-group .panel-success .panel-heading .panel-title>a:after,
.panel-group .panel-info .panel-heading .panel-title>a:after,
.panel-group .panel-danger .panel-heading .panel-title>a:after,
.panel-group .panel-warning .panel-heading .panel-title>a:after {
    color: #fff;
}


/* jsTree */

.jstree-default .jstree-clicked {
    background: #f1f1f1;
    border-radius: 0;
    box-shadow: inset 0 0 1px #999;
}

.jstree-default li a:hover {
    background: #f1f1f1;
    border-radius: 0;
    box-shadow: inset 0 0 1px #999;
}


/* Labels */

.label.label-default {
    background: #fff;
    border: 1px solid #e5e5e5;
}

.label.label-success {
    background: #B7D858;
    color: #fff;
}
.label-success[href]:hover, .label-success[href]:focus {
    background-color: #aacc47;
}
.label.label-primary {
    background: #f2eff9;
    color: #603CB7;
}
.label.label-primary.outline{
    background: #fff;
    border: 1px solid #603CB7;
}
.label.label-info {
    background: #12AFCB;
}

.label.label-danger {
    background: #f25656;
}

.label.label-warning {
    background: #fdf5eb;
    color: #E67D04;
}


/* Forms */

/*label {
    color: #1E2334;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}*/

.form-group label {
    color: #1E2334;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}

/*.form-group label {
    color: #1976d2;
    color: rgba(0, 0, 0, 0.54);
    font-size: 11px;
}*/

.controls label {
    display: block;
}

.form-control {
    background: #FFFFFF;
    border: 1px solid #DFE3F5;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: none;
    color: #666;
}

input[disabled] {
    background: #f7f7f7;
    border-color: #d2d7db;
}

.form-control:focus {
    border: 1px solid #cdcdcd;
    background: #fff;
    box-shadow: none;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    border: 1px solid #DFE3F5;
    background: #E5E5E5;
    box-shadow: none;
}
.help-block {
    margin-bottom: 5px;
}

.form-group.has-success .form-control,
.form-group.has-warning .form-control,
.form-group.has-error .form-control {
    box-shadow: none;
}

.form-group.has-success .form-control:focus {
    border: 1px solid #bf1ab0;
    background: #fff;
}

.form-group.has-warning .form-control:focus {
    border: 1px solid #f6d433;
    background: #fff;
}

.form-group.has-error .form-control:focus {
    border: 1px solid #f25656;
    background: #fff;
}

.form-group.has-success label {
    color: #bf1ab0;
}

.form-group.has-warning label {
    color: #f6d433;
}

.form-group.has-error label {
    color: #f25656;
}

label.error {
    color: #a94442;
    font-weight: bold;
    margin-top: 5px;
    float: left;
    font-size: 12px;
}

input.form-control.input-rounded {
    border-radius: 30px;
}

.input-group .btn {
    padding: 7px 12px;
}

ol.linenums {
    margin: 0;
}

.select2-selection {
    background: #fff !important;
    border-radius: 0 !important;
    border: 1px solid #dce1e4 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    padding: 6px 10px !important;
    height: 34px !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}

.select2-dropdown {
    background: #fff;
    border-radius: 0;
    border: 1px solid #dce1e4;
    border-top: 0;
    box-shadow: none !important;
    font-size: 13px;
    padding: 6px 10px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 9999;
}

.select2-dropdown.select2-dropdown--above {
    border: 1px solid #dce1e4;
    border-bottom: 0;
}

.select2-selection--multiple .select2-selection__choice {
    background: #f1f1f1 !important;
    border-radius: 0 !important;
    border: 1px solid #ccc !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    line-height: inherit !important;
    padding: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
}

.popover {
    border: 1px solid #ebebeb;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.popover-title {
    border-radius: 0;
}

.popover.top>.arrow {
    border-top-color: #ebebeb;
}

.popover.left>.arrow {
    border-left-color: #ebebeb;
}

.popover.right>.arrow {
    border-right-color: #ebebeb;
}

.popover.bottom>.arrow {
    border-bottom-color: #ebebeb;
}

.ms-drop ul>li {
    width: 100%;
    text-align: left;
}


/* Tables */

/*.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th,
.table td {
    padding: 10px 5px !important;
}*/

a:focus,
a:hover {
    text-decoration: none;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    background: #fff;
    border-radius: 0;
    border: 1px solid #dce1e4;
    box-shadow: none !important;
    font-size: 13px;
    padding: 6px 10px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dataTables_wrapper .dataTables_filter input:focus {
    border: 1px solid #bdc5c9;
    background: #fff;
    outline: 0;
}

.dataTables_wrapper .dataTables_length select:focus {
    outline: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #5f5f5f !important;
    border: 1px solid #ebebeb;
    background: #f1f1f1 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    color: #5f5f5f !important;
    border: 1px solid transparent;
    background: #f7f7f7 !important;
    box-shadow: none;
}

tr.group,
tr.group:hover {
    background-color: #ddd !important;
}


/* 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: 15px;
    padding-top: 10px;
    overflow: auto;
    outline: 0;
}

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

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


/* Center */

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


/* Display */

.display-block {
    display: block;
}

.display-inline {
    display: inline-block;
}


/* Middle Box */

.box-middle {
    position: absolute;
    height: 400px;
    width: 400px;
    top: 50%;
    left: 50%;
    margin-left: -200px !important;
    margin-top: -200px !important;
}


/* Date Picker */

/*.datepicker {
    padding: 10px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1) !important;
}

.datepicker table tr td,
.datepicker table tr th,
.datepicker table tr td span {
    border-radius: 0 !important;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #ffffff;
    background-color: #004481;
    border: 0;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    color: #ffffff;
    background-color: #004481 !important;
    border: 0;
}
*/
.bootstrap-datetimepicker-widget table td span{
    text-align: center;
}

/* Colorpicker */

.colorpicker {
    padding: 10px !important;
}


/* Dropzone */

.dropzone {
    border: 1px solid #f1f1f1;
    border-radius: 0;
    background: #f9f9f9;
}


/* Image Cropper */

.img-preview {
    height: 150px;
    width: 220px;
    overflow: hidden;
    text-align: center;
}


/* Sparkline Charts */

.jqstooltip {
    box-sizing: content-box;
}


/* Flot Chart */

#flot1 {
    width: 100%;
    height: 250px;
}

#flot2 {
    width: 100%;
    height: 250px;
}

#flot3 {
    margin: 0 auto;
    width: 250px;
    height: 250px;
}

#flot3 .pie-chart-legend {
    padding: 5px;
}

#flot4 {
    width: 100%;
    height: 250px;
}

#flotTip {
    border-radius: 0;
    background: rgba(51, 51, 51, 0.8);
    color: #fff;
    padding: 5px;
    font-size: 13px !important;
}


/* Vector Maps */

.jqvmap-zoomin,
.jqvmap-zoomout {
    background-color: #bf1ab0;
    color: #fff;
    border: 1px solid transparent;
    font-size: 13px;
    border-radius: 0;
    outline: none !important;
    padding: 3px 5px;
    height: auto;
    width: auto;
    margin-left: 7px;
}

.jqvmap-zoomin:hover,
.jqvmap-zoomin:focus,
.jqvmap-zoomin:active,
.jqvmap-zoomout:hover,
.jqvmap-zoomout:focus,
.jqvmap-zoomout:active {
    background-color: #ad17a0;
    border: 1px solid transparent;
}


/* Gritter Notifications */

.gritter-item {
    font-size: 13px;
    background: rgba(0, 0, 0, 0.7);
    background-image: none !important;
    padding: 15px;
}

.gritter-top {
    background: none !important;
}

.gritter-bottom {
    background: none !important;
}

.gritter-close {
    top: 15px;
    left: auto;
    right: 5px;
}

.gritter-image {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.gritter-with-image {
    padding-left: 10px;
}


/* Calendar */

.fc button {
    height: auto;
    padding: 6px 12px;
    font-size: 13px;
}

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0;
}

.fc-state-default {
    border: 1px solid;
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.fc-state-default {
    background-color: #fff;
    background-image: none;
    border-color: #e5e5e5;
    color: #333;
    text-shadow: 0;
    box-shadow: 0;
    outline: 0 !important;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #333333;
    background-color: #e6e6e6;
}

.fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.fc-state-down,
.fc-state-active {
    background-color: #f1f1f1;
    border: 1px solid #e5e5e5;
    box-shadow: 0 !important;
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

.fc-day-grid-event {
    padding: 5px;
    background: #bf1ab0;
    border: 0;
}


/* List Groups */

.list-group-item.active {
    background: #f1f1f1;
    border-color: #DDDDDD;
    color: #333;
}

.list-group-item.active:hover {
    background: #e7e7e7;
    border-color: #DDDDDD;
    color: #333;
}


/* Header */

.navbar {
    border: none;
    background: #fff !important;
    z-index: 999;
    border-radius: 0px;
    border: none;
    margin: auto;
    position: relative;
    min-height: 64px !important;
    box-shadow: 0 5px 10px #efefef;
}

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

input[type="text"] {
     /*border: 1px solid hsl(0, 0%, 78%);
    height: 34px;
    padding: 0 8px;*/
}

input[type="email"] {
    /*border: 1px solid hsl(0, 0%, 78%);
    height: 34px;
    padding: 0 8px;*/
}

select {
    /*border: 1px solid hsl(0, 0%, 78%);
    height: 34px;
    padding: 0 8px;*/
}

@media (min-width: 768px) {
    .page-content.container .navbar {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .page-content.container .navbar {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .page-content.container .navbar {
        width: 1170px;
    }
}


/*.topmenu-outer {
    height: 60px;
    background: #1976d2;
    margin-left: 160px;
}*/


/*.small-sidebar .topmenu-outer {
    margin-left: 65px;
}
*/

.pace .pace-progress {
    background: #bf1ab0;
}

.pace .pace-progress-inner {
    box-shadow: 0 0 10px #bf1ab0, 0 0 5px #bf1ab0;
}

.pace .pace-activity {
    border-top-color: #bf1ab0;
    border-left-color: #bf1ab0;
    margin-top: 60px;
}


/* logo */

.navbar .logo-box {
    position: relative;
    width: 175px;
    height: 60px;
    float: left;
    display: table;
}

.navbar .logo-box .logo-text {
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    padding: 0 15px 0 15px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.navbar .logo-box a:hover,
.navbar .logo-box a:focus {
    text-decoration: none;
}

.navbar .logo-box a {
    margin: 0 auto;
}

.small-sidebar .navbar .logo-box {
    width: 65px;
}


/* Top Menu */
.top-menu{
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}
.top-menu-serach{
	width: 36%;
    padding-left: 8%;
    padding-right: 8%;
}
/*.navbar-nav.navbar-right {
    margin-right: 0;
}*/

/*.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}*/

/*.top-menu .navbar-nav>li {
    margin-right: 10px;
    margin-left: 10px;
}*/
.top-menu .navbar-nav>li>a {
    display: block;
    padding: 6px 6px;
    color: #1E2334;
    text-align: center;
}
.top-menu .navbar-nav>li>a:hover{
    color: #E67D04;
}
.top-menu .navbar-nav>li>a img{
    display: block;
    margin: auto;
}
.top-menu .navbar-nav>li>a span{
	display: block;
}
.top-menu .nav>li>a:hover,
.top-menu .nav>li>a:focus,
.top-menu .nav>li>a:active,
.top-menu .nav .open>a,
.top-menu .nav .open>a:hover,
.top-menu .nav .open>a:focus {
    background: transparent;
    color: #E67D04;
}

.top-menu .nav .open>a,
.top-menu .nav .open>a:hover,
.top-menu .nav .open>a:focus {
    background: transparent;
    border-color: none;
}

.top-menu .navbar-nav>li>a>i {
    font-size: 14px;
}

.top-menu .navbar-nav>li>a>.badge {
    font-family: "Open Sans", sans-serif;
    position: absolute;
    top: 12px;
    right: 7px;
    padding: 3px 6px;
    font-size: 11px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.top-menu .navbar-nav>li>a>.user-name {
    padding: 0 10px 0 0;
    line-height: 20px;
}

.top-menu .navbar-nav>li>a>.user-name {
    padding: 0 10px 0 0;
    line-height: 20px;
}
.msgcount, .notificationCounter{
    background: #f25656;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 9px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 15px;
    z-index: 99;
    right: 0;
}
.notificationCounter{
    right: 27px;
}

.msgcount, .supportTicketCounter{
    background: #f25656;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 9px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 15px;
    z-index: 99;
    right: 0;
}
.supportTicketCounter{
    right: 27px;
}

@media (max-width: 991px) {
    .top-menu .navbar-nav>li>a>.user-name {
        display: none;
    }
}

.top-menu .navbar-nav>li>a>.user-name>i {
    margin-left: 5px;
}

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


/* Dropdowns */

.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 99;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    background-color: #fffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d8dee4;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -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);
}
.drop_mega-list ul{
	padding: 0;
}
.drop_mega-list ul li{
	list-style: none;
}
.dropdown-menu li {
    font-size: 13px;
}

.dropdown-menu li a:hover {
    background: #f7f7f7;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 25px !important;
}

.dropdown-menu:before {
    position: absolute;
    top: -8px;
    left: 50%;
    right: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #d8dee4;
    border-left: 8px solid transparent;
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -7px;
    left: 50%;
    right: auto;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
}

.dropdown.dropup>.dropdown-menu:after,
.dropdown.dropup>.dropdown-menu:before,
.btn-group.dropup>.dropdown-menu:after,
.btn-group.dropup>.dropdown-menu:before,
.dropdown-toggle.dropup>.dropdown-menu:after,
.dropdown-toggle.dropup>.dropdown-menu:before {
    display: none !important;
}

.navbar-left .dropdown-menu:before,
.dropdown-menu.dropdown-menu-left:before {
    left: 16px;
    right: auto;
}

.navbar-left .dropdown-menu:after,
.dropdown-menu.dropdown-menu-left:after {
    left: 17px;
    right: auto;
}

.navbar-right .dropdown-menu:before,
.dropdown-menu.dropdown-menu-right:before {
    right: initial;
    left: 20%;
    display: none !important;
}

.navbar-right .dropdown-menu:after,
.dropdown-menu.dropdown-menu-right:after {
    right: initial;
    left: 20%;
    display: none !important;
}

.dropdown-menu.title-caret:after {
    border-bottom: 7px solid #fff;
}

.dropdown-menu>li.active>a:hover,
.dropdown-menu>li.active>a:focus,
.dropdown-menu>li.active>a:active,
.dropdown-menu>li.active>a,
.dropdown-menu>li.active>a:hover,
.dropdown-menu>li.active>a:focus {
    background: #F7F7F7;
    color: #333;
}

.drop-title {
    display: block;
    border-bottom: 1px solid #F3F3F3;
    font-size: 14px;
    background: #fff;
    padding: 12px;
    color: #6a6a6a;
    margin: 0px;
}

.dropdown-menu li.drop-all a {
    padding: 10px;
    color: #707070;
    background: #FFF;
    font-size: 14px;
}

.dropdown-menu li.drop-all a:hover {
    background: #f7f7f7;
}

.dropdown-sm {
    width: 190px;
}

.dropdown-md {
    width: 230px;
}

.dropdown-lg {
    width: 280px;
}

.dropdown-menu li a {
    padding: 7px 10px 7px 10px;
    color: #5f5f5f;
    font-size: 13px;
    display: block;
    text-align: left;
}

.dropdown-menu li a i {
    margin-right: 10px;
}

.dropdown-menu li.no-link {
    padding: 7px 10px 7px 10px;
}

.dropdown-menu li.li-group {
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 0px 5px 0px;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #eee;
    border-color: transparent;
}

.navbar .dropdown .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    margin-top: 40px !important;
}

.navbar .open .dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top:1px !important;
}

.navbar .dropdown {
    display: inline-block;
}


/* 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;
}

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

.messages li a .msg-text {
    display: block;
    width: 210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a0a0a0;
    margin: 0px;
    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: 0px;
    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: 0px;
    float: left;
    width: 148px;
}

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


/* Page Content */

.page-content {
    background: #fff !important;
    min-height: 100%;
    box-shadow: none;
}

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


/* Sidebar */

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

.page-sidebar {
    width: 202px;
    display: block;
    z-index: 998;
    /*    position: absolute;*/
    position: fixed;
    top: 0;
    left: -202px;
    /*    height: auto !important;
    overflow: visible !important;*/
    /*    overflow-x: scroll;*/
    height: 100%;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
}

.page-sidebar.slide-side {
    left: 0;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
}

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

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

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

.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;
}

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


/* Horizontal Bar */

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

@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-top: 60px;
}

.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;
    }
}

@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;
    }
}

@media (max-width: 1200px) {
    .horizontal-bar .accordion-menu>li>a>p {
        display: none;
    }

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

    body:not(.small-sidebar) .horizontal-bar .accordion-menu>li>a>.menu-icon {
        float: none !important;
        margin: 0 !important;
    }

    .horizontal-bar .accordion-menu ul {
        top: 50px !important;
    }
}

.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: 0px !important;
    padding: 0px !important;
    position: relative;
}

.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu>li>a,
.horizontal-bar .accordion-menu>li>a {
    padding: 16px !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: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

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

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

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: 200px;
    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: 50px;
}

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

.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;
}


/* 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: 0px;
    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;
}


/* Menu */

.menu li a .badge {
    margin-left: 10px;
}

.menu.accordion-menu {
    /*padding: 0px;
    margin: 0px;
    width: 175px;
    color: white;
    position: relative;
    display: block;*/
}

.menu.accordion-menu a {
    display: block;
    font-size: 16px;
    padding: 10px 5px;
    text-decoration: none;
}
.menu.accordion-menu a p{
	font-size: 14px;
}
/*.menu.accordion-menu a .fa-info-circle{
	margin-top: 5px;
}*/
.menu.accordion-menu>li>a {
    text-align: left;
    color: #1E2334;
    padding: 10px 5px;
}

body:not(.page-horizontal-bar):not(.small-sidebar) .menu.accordion-menu a {
    text-align: left;
}

.menu.accordion-menu a p {
    line-height: 1.42857143 !important;
    margin: 0;
    display: inline;
}

.menu.accordion-menu a span.menu-icon {
    display: inline;
    font-size: 18px;
    padding-right: 5px;
}

/*.menu.accordion-menu li>a>.arrow:before {
    width: 10px;
    float: right;
    display: block;
    margin-top: -20px;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
}*/

.menu.accordion-menu>li>a>.arrow:before {
    margin-top: -39px;
}

.menu.accordion-menu li.open>a>.arrow:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.menu.accordion-menu {
    padding-top: 10px;
}
.menu.accordion-menu li {
    list-style-type: none;
    margin-bottom: 0px;
    position: relative;
    z-index:999;
}
.menu.accordion-menu > li:after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    top: 15px;
    color: #1E2334;
    z-index: 999;
}
.menu.accordion-menu > li.nodroplink:after{
    display: none;
}
.menu.accordion-menu li a .badge {
    float: right;
    margin-top: 1px;
    margin-right: 0px;
    margin-left: 0px;
    display: block;
}
.menu {
    background: #fff;
    padding-left: 0;
    box-shadow: 0 5px 10px #d7d7d7;
}
.menu.accordion-menu ul {
    z-index: 999;
}
.sub-menu{
    padding: 0 5px;
    background: #ebeff5;
}
.sub-menu li{
    
}
.sub-menu li a{
   
}
.menu.accordion-menu ul li a {
    display: block;
    padding: 8px 5px;
    text-decoration: none;
    font-size: 13px;
}

.menu.accordion-menu ul li ul {
    padding: 2px 0 2px 0;
}

.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li a,
.hover-menu .menu.accordion-menu .sub-menu li .sub-menu li a,
.page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li a {
    padding-left: 26px;
}

.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li a,
.hover-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li a,
.page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li a {
    padding-left: 31px;
}

.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li a,
.hover-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li a,
.page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li a {
    padding-left: 36px;
}

/*.menu ul {
    padding: 10px;
    z-index: 99;
}*/
.compact-menu:not(.small-sidebar) .menu.accordion-menu li a {
    text-align: left !important;
}

.compact-menu:not(.page-horizontal-bar) .menu.accordion-menu>li>a>p {
    display: inline !important;
}

.compact-menu .menu.accordion-menu a span.menu-icon {
    display: inline-block !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    margin-right: 10px !important;
}

.compact-menu .menu.accordion-menu li a .arrow:before {
    margin-top: -2px;
}

.page-horizontal-bar.compact-menu .menu.accordion-menu ul {
    top: 50px;
}

.page-horizontal-bar.compact-menu.small-sidebar .menu.accordion-menu ul {
    top: 46px !important;
}

.hover-menu:not(.page-horizontal-bar) .menu.accordion-menu>li>a>span.arrow {
    display: none;
}

.hover-menu .menu.accordion-menu>li:hover>ul,
.hover-menu .menu.accordion-menu>li.open:hover>ul {
    display: inline-block !important;
}

.hover-menu .accordion-menu li {
    position: relative;
}

.hover-menu .accordion-menu>li>ul {
    position: absolute;
    left: 160px;
    width: 200px;
}

.hover-menu:not(.page-horizontal-bar) .accordion-menu>li>ul {
    position: absolute;
    top: 0;
    left: 160px;
    width: 200px;
}

.hover-menu .sidebar,
.hover-menu .sidebar .page-sidebar-inner,
.hover-menu .sidebar .menu,
.hover-menu .sidebar .slimScrollDiv {
    overflow: visible !important;
}

.hover-menu .accordion-menu ul li a {
    text-align: left !important;
}

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

.hover-menu .sidebar .slimScrollBar,
.hover-menu .slimScrollBar {
    display: none !important;
}


/* Small Menu */


/*.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu {
    width: 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .page-sidebar-inner {
    overflow: hidden!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu {
    width: 160px!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu>li>a {
    padding: 15px;
    text-align: center;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu>li>a {
    padding: 15px;
    padding-left: 18px;
    padding-right: 18px;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu>li>a {
    text-align: left;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu>li>a>.menu-icon {
    margin-right: 10px!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu ul li a {
    text-align: center;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .menu-icon {
    float: none;
    margin: 0!important;
    font-size: 14px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a .menu-icon {
    font-size: 20px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a p,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .arrow,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li.menu-title,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .badge {
    display: none!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a p {
    margin: 0;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li.open .sub-menu {
    visibility: hidden;
    height: 0!important;
    padding: 0;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .sidebar-widget,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .sidebar-header {
    display: block!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a p,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.menu-title {
    display: block!important;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a p,
.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.menu-title {
    display: inline!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.open .sub-menu {
    visibility: visible;
    height: auto!important;
    padding: 10px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a .arrow {
    display: block!important;
    float: right;
}

.small-sidebar:not(.page-sidebar-fixed) .sidebar,
.small-sidebar:not(.page-sidebar-fixed) .sidebar>*,
.horizontal-bar,
.horizontal-bar>* {
    overflow: visible!important;
}

.small-sidebar:not(.page-sidebar-fixed) .sidebar .slimScrollBar,
.horizontal-bar .slimScrollBar {
    display: none!important;
}

.small-sidebar:not(.page-sidebar-fixed) .menu.accordion-menu {
    width: auto;
    oveflow: visible!important;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu,
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li {
    padding: 0;
    margin: 0;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li {
    list-style: none;
    position: relative;
    width: auto;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a {
    text-decoration: none;
    display: block;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu>li>a {
    padding: 15px 25px 15px 25px;
    text-align: center;
    position: relative;
    width: 265px;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a span.menu-icon {
    font-size: 14px;
    margin: 0 50px 0 0!important;
    float: left;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a p {
    margin: 0;
    float: left;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a .arrow:before {
    width: 10px;
    float: right;
    margin-left: 15px;
    margin-top: -2px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: 18px;
    content: "\f104";
    font-weight: 300;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li:hover>a {
    z-index: 999;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu>li>ul {
    position: absolute;
    left: 65px;
    top: 44px;
    width: 200px;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu ul li a {
    display: block;
    padding: 10px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    background: transparent;
    font-size: 13px;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu ul li span.menu-icon {
    margin-right: 15px;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu>li>a>span.arrow {
    display: none;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a p {
    display: block;
    text-align: left;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.menu-title {
    display: none;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu>li:hover>ul,
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu>li.open:hover>ul {
    display: inline-block!important;
}

.page-horizontal-bar .accordion-menu>li:hover>ul,
.page-horizontal-bar .accordion-menu>li.open:hover>ul {
    display: inline-block!important;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu>li.open>ul {
    display: none!important;
}

.page-horizontal-bar .accordion-menu>li.open>ul {
    display: none!important;
}*/


/* Page Inner */

.page-inner {
    padding: 0 0 50px 0;
    background: #F1F4F9;
    position: relative;
}

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

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

.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: 111px 0 50px 0;
}

.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
    padding: 0px 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 {
    margin: 0;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #1E2334;
}
.page-sub-heading {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #1E2334;
}
.page-title h3 {
    font-size: 24px;
    font-weight: 300;
    color: #74767d;
    padding: 0px;
    margin: 0 0 4px 0;
}


/* Page Settings */

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

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

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

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

.page-breadcrumb ul {
    margin: 0px;
}

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

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


/* Main Wrapper */

/*#main-wrapper {
    margin: 20px;
    padding: 20px;
}*/


/* Footer */

/*.page-footer {
    background: #fff;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 19px;
    padding-bottom: 19px;
}*/
.page-footer {
    background: #fff;
    width: 100%;
    display: block;
    position: fixed;
    bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background: #f5f5f5;
}


/* 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: #fff;
    border: none;
    position: relative;
    line-height: 20px;
    float: left;
    font-size: 17px;
    text-decoration: none;
}


/*.push-sidebar:hover {
    color: #5F5F5F;
}*/

.imgPreview img {
    outline:1px solid #ddd;
    outline-offset: -4px;
    padding: 5px;
    max-height: 85%;
}


/* 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: 20px 18px;
    color: #fff;
    border: none;
    position: relative;
    line-height: 20px;
    float: right;
    font-size: 17px;
    text-decoration: none;
}


/* Icons */


/* FontAwesome */

.fontawesome-icon-list .fa-item {
    padding: 10px 20px 10px 20px;
    color: #333;
}

.fontawesome-icon-list .fa-item i {
    margin-right: 5px;
}

.fontawesome-icon-list .fa-item:hover {
    background: #f1f1f1;
}

.line-icons .line-icon-item {
    padding: 10px 20px 10px 20px;
    color: #333;
    display: block;
}

.line-icons .line-icon-item:hover {
    background: #f1f1f1;
}

.bs-glyphicons-list li span.glyphicon {
    margin: 5px 0 10px 0;
    float: none;
    font-size: 24px;
}

.bs-glyphicons-list li span {
    text-align: center;
    display: block;
}

.bs-glyphicons-list li {
    display: block;
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff;
    list-style-type: none;
}

@media (min-width: 768px) {
    .bs-glyphicons-list li {
        width: 12.5%;
        font-size: 13px;
    }
}


/* Calendar */

.calendar-event {
    padding: 7px 10px;
    color: #5B5B5B;
    background: #FCF8E3;
    margin-bottom: 5px;
    overflow: hidden;
}

.calendar-event p {
    float: left;
    margin: 0;
}

.calendar-event .remove-calendar-event {
    float: right;
    color: #5B5B5B;
}


/* Dashboard */

.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;
}

@media (min-width: 768px) {
    .visitors-chart {
        border-right: 1px solid #eee;
    }
}

.stats-info ul {
    margin: 0;
}

.stats-info ul li {
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}

.stats-info ul li:last-child {
    border-bottom: 0;
}

.stats-info ul li i {
    margin-left: 5px;
}

#flotchart1 {
    height: 340px;
    width: 100%;
}

#flotchart2 {
    height: 278px;
    width: 100%;
}

#flotchart3 {
    height: 200px;
    width: 100%;
}

.server-load>.server-stat {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 20px;
}

.server-load .server-stat span {
    font-size: 11px;
    margin-bottom: 3px;
}

.server-load .server-stat p {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 3px;
}

.weather-current {
    overflow: hidden;
}

.weather-current p {
    font-size: 12px;
    margin: 5px 0 0 0;
    float: left;
    color: #8e8e8e;
}

.weather-current p span {
    font-size: 42px;
    clear: both;
    margin-top: 15px;
    display: block;
    color: #4E5E6A;
    font-weight: 300;
}

.weather-current p span sup {
    font-size: 25px;
}

.weather-current .weather-icon {
    font-size: 40px;
    display: block;
    float: left;
    margin: 15px 15px 0 0;
}

.weather-day {
    margin: 0;
    font-weight: 600;
    text-align: right;
    font-size: 22px;
}

.weather-day small {
    font-size: 11px;
    color: #8e8e8e;
    margin: 0;
}

.weather-info {
    width: 100%;
    display: block;
    overflow: hidden;
}

.weather-info li {
    padding: 8px 0;
}

.weather-top {
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}

.weather-days {
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #f1f1f1;
}

.weather-days li span {
    display: block;
    text-align: center;
}

.weather-days li i {
    display: block;
    font-size: 22px;
    text-align: center;
    margin: 10px 0 10px 0;
}

@media (max-width: 768px) {
    .weather-days li {
        margin-bottom: 15px;
    }
}

.live-tile {
    width: 100%;
    margin: 0;
    height: 155.5px;
}

.twitter-box {
    background: #5EA9DD;
}

.facebook-box {
    background: #3B5998;
}

.twitter-box i,
.facebook-box i {
    position: absolute;
    right: 10px;
    bottom: 0;
    font-size: 50px;
    color: rgba(255, 255, 255, 0.3);
}

.tile-date {
    display: block;
    margin-top: 15px;
    color: rgba(255, 255, 255, 0.7);
}

.inbox-widget {
    height: 341px !important;
}

.inbox-widget a {
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.inbox-widget .inbox-item {
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
    position: relative;
}

.inbox-widget a:last-child>.inbox-item {
    border-bottom: 0;
}

.inbox-widget .inbox-item .inbox-item-img {
    float: left;
    width: 40px;
    display: block;
    margin-right: 15px;
}

.inbox-widget .inbox-item img {
    width: 40px;
}

.inbox-widget .inbox-item .inbox-item-author {
    color: #333;
    font-weight: 600;
    display: block;
    margin: 0 0 0 0;
}

.inbox-widget .inbox-item .inbox-item-text {
    color: #a0a0a0;
    display: block;
    margin: 0;
    font-size: 11px;
}

.inbox-widget .inbox-item .inbox-item-date {
    position: absolute;
    top: 2px;
    right: 7px;
    color: #a9a9a9;
    font-size: 11px;
}

#rickshaw-chart {
    margin: 0 -22px -25px -20px;
    height: 100px;
}

.project-stats .progress {
    margin: 3px 0 0 0;
}


/* Profile */

.profile-cover {
    background: url('../images/profile-cover.png');
    background-size: cover;
    width: 100%;
    height: 300px;
    position: relative;
}

.profile-image {
    position: absolute;
    margin: 200px 20px 20px 20px;
}

.profile-image img {
    display: block;
    margin: 0 auto;
    width: 150px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px #fff;
    -moz-box-shadow: 0 0 0 5px #fff;
    -o-box-shadow: 0 0 0 5px #fff;
    box-shadow: 0 0 0 5px #fff;
}

.profile-info {
    position: absolute;
    bottom: 10px;
    right: 20px;
    padding: 0;
    margin: 0;
    text-align: right;
}

.profile-info-value {
    color: #fff;
    display: inline-block;
    margin-left: 40px;
}

.user-profile {
    margin-top: 60px;
}

.team .team-member {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
    position: relative;
}

.team .team-member .online {
    top: 5px;
    right: 5px;
}

.team .team-member img {
    width: 50px;
    float: left;
    border-radius: 50%;
    margin: 0 5px 0 5px;
}

.team .more-members a {
    display: block;
    text-align: center;
}

.profile-timeline ul li .timeline-item-header {
    width: 100%;
    overflow: hidden;
}

.profile-timeline ul li .timeline-item-header img {
    width: 50px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
}

.profile-timeline ul li .timeline-item-header p {
    margin: 0;
    color: #000;
    font-weight: bold;
}

.profile-timeline ul li .timeline-item-header p span {
    margin: 0;
    color: #8E8E8E;
    font-weight: normal;
}

.profile-timeline ul li .timeline-item-header small {
    margin: 0;
    color: #8E8E8E;
}

.profile-timeline ul li .timeline-item-post {
    padding: 20px 0 0 0;
    position: relative;
}

.profile-timeline ul li .timeline-item-post>img {
    width: 100%;
}

.timeline-options {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0 10px 0;
}

.timeline-options a {
    display: block;
    margin-right: 20px;
    float: left;
    color: #333;
    text-decoration: none;
}

.timeline-options a i {
    margin-right: 3px;
}

.timeline-options a:hover {
    color: #bf1ab0;
}

.timeline-comment {
    overflow: hidden;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
}

.timeline-comment .timeline-comment-header {
    overflow: hidden;
}

.timeline-comment .timeline-comment-header img {
    width: 30px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.timeline-comment .timeline-comment-header p {
    color: #000;
    float: left;
    margin: 0;
    font-weight: bold;
}

.timeline-comment .timeline-comment-header small {
    font-weight: normal;
    color: #8E8E8E;
}

.timeline-comment p.timeline-comment-text {
    display: block;
    color: #333;
    font-size: 12px;
    padding-left: 40px;
}

.post-options {
    overflow: hidden;
    margin-top: 15px;
    margin-left: 15px;
}

.post-options a {
    display: block;
    margin-top: 5px;
    margin-right: 20px;
    float: left;
    color: #333;
    text-decoration: none;
    font-size: 17px;
}

.post-options a:hover {
    color: #bf1ab0;
}

#gallery .mix {
    display: none;
}


/* Mailbox */

.mailbox-nav li a {
    display: block;
    padding: 10px 7px;
    color: #999;
    text-decoration: none;
    border-bottom: 1px solid #E7EAEC;
    overflow: hidden;
}

.mailbox-nav li a:hover,
.mailbox-nav .active a {
    color: #333;
}

.mailbox-nav li a i {
    margin-right: 5px;
}

.mailbox-content {
    background: #fff;
    padding: 15px;
}

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

.mailbox-header h2 {
    margin: 3px 0;
}

.mailbox-content {
    overflow: hidden;
}

.mailbox-content table thead tr th {
    border-bottom: 1px solid #ddd;
}

.mailbox-content table tbody tr td {
    cursor: pointer;
}

.mailbox-content table tbody tr:hover {
    background: #FAFAFA;
}

.mailbox-content table tbody tr.read {
    background: #F9F9F9;
    color: #7F7F7F;
}

.mailbox-content table tbody tr.checked {
    background: #FFFFCC;
}

.mail-hidden-options {
    display: none;
}

.message-header {
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 0 15px 0;
    margin-bottom: 10px;
}

.message-header h3 {
    float: left;
    font-size: 18px;
    margin: 0;
    color: #666;
}

.message-header p {
    float: right;
    margin: 0;
}

.message-sender {
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0 5px 0;
    margin-bottom: 10px;
}

.message-sender img {
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.message-sender p {
    display: inline-block;
}

.message-sender span {
    color: #7F7F7F;
}

.message-content {
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0 5px 0;
    margin-bottom: 10px;
}

.message-attachments {
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0 15px 0;
    margin-bottom: 10px;
}

.message-attachment {
    position: relative;
    width: 200px;
    float: left;
    margin-right: 10px;
    border: 1px solid #f1f1f1;
}

.message-attachment a {
    text-decoration: none;
}

.message-attachment img {
    display: block;
    width: 100%;
}

.attachment-info {
    background: #f9f9f9;
    padding: 10px;
}

.attachment-info p {
    margin: 0;
}

.attachment-info span {
    font-size: 11px;
    color: #aaa;
}

.compose-message {
    overflow: hidden;
    padding: 0 0 10px 0;
}

.compose-options {
    width: 100%;
    overflow: hidden;
    display: block;
}


/* Notifications */

.box-notifications {
    max-height: 312px;
    overflow-y: scroll;
}

.box-notifications ul li {
    display: block;
    padding: 11px 0 11px 0;
    border-bottom: 1px solid #f1f1f1;
}

.box-notifications ul li:first-child {
    padding: 0 0 11px 0;
}

.box-notifications ul li:last-child {
    padding: 11px 0 0 0;
    border-bottom: 0;
}

.box-notifications ul li p {
    margin: 0;
}


/* Extra */

.page-error #main-wrapper {
    margin: 5%;
}

.page-error .details {
    margin-bottom: 20px;
    text-align: center;
}

.coming-soon .page-inner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url('../images/coming-soon.jpg');
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
    background-size: cover;
}


/* Login */

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

.login-box {
    background: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 14px;
    /*margin: 25px auto;*/
    margin-top: 0;
    /*max-width: 500px;*/
    padding: 30px;
}
.logo-name {
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
}
.login-box .logo-name {
    display: block;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    color: #6c6c6c;
}

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

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

.login-box .user-box form {
    overflow: hidden;
}


/* Search Results */

.search-item {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
}

.search-item p {
    margin: 0;
}

.search-item a {
    text-decoration: none;
}

.search-item a.search-link {
    color: #bf1ab0;
}


/* Chat */

.chat {
    position: relative;
    padding-bottom: 100px;
}

.chat .chat-item {
    display: block;
    padding: 10px 15px;
    width: 100%;
    overflow: hidden;
}

.chat .chat-item-right .chat-message {
    float: right;
}

.chat .chat-item .chat-image {
    float: left;
    display: inline-block;
}

.chat-item-left .chat-message {
    margin-top: 5px;
}

.chat .chat-item .chat-message {
    position: relative;
    border-radius: 12px;
    padding: 4px 12px;
    max-width: 75%;
    background: #f1f1f1;
    display: inline-block;
}

.chat .chat-item img {
    display: block;
    width: 40px;
    border-radius: 50%;
    margin-right: 5px;
}

.chat .chat-item-right .chat-message {
    background: #55BAA0;
    float: right;
    color: #fff;
}

.chat-write {
    padding: 5px;
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 240px;
}

.chat-write input {
    width: 100%;
}


/* Transitions */

.top-menu .navbar-nav>li>a>.badge,
.menu li a .arrow:before,
.menu li.open>a>.arrow:before {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}


/* 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;*/
}


/* 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: 0px;
    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: #a12996;
}


/* Purple  */

.color-switcher .colorbox.color-purple {
    background-color: #bf1ab0;
}


/* Black  */

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


/* White  */

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

/*.table>thead>tr>th {
    background: #E3EAF3;
}*/

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th, .table td {
    padding: 6px 5px !important;
    color: #1E2334;
    font-weight: 500;
    border-left: none;
    border-bottom: 1px solid #e5e5e5;
}

.table>tbody>tr>td:first-child,
.table>tbody>tr>th:first-child,
.table>tfoot>tr>td:first-child,
.table>tfoot>tr>th:first-child,
.table>thead>tr>td:first-child,
.table>thead>tr>th:first-child {
    border-left: none;
}

.info-box {
    border-bottom: 5px solid #fff !important;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.info-box:hover {
    border-bottom: 5px solid #A8A8A8 !important;
}

.process-box{
    background: #fff;
    box-shadow: 0px 18px 60px 0px #00448114;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 30px;
    border: 1px solid #eee;
    margin-top: 15px;
    min-height: 314px;
}
.process-box .dropdown{
    float: right;
}
.process-box .dropdown-menu{
    min-width: 118px;
    margin: 0;
}
.process-box .dropdown-menu:before, .process-box .dropdown-menu:after{
    display: none !important;
}
.process-box h3 {
    font-size: 15px;
    word-break: break-all;
    height: 34px;
    overflow: hidden;
}
.process-box h5{
    height: 27px;
    overflow: hidden;
}
.process-box p{
    height: 22px;
    overflow: hidden;
}
.process-person ul{
    display: flex;
    align-items: center;
}
.process-person ul li{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    left: 0;
    border: 1px solid #ddd;
}
.process-person ul li:last-child{
    background: #ddd;
    color: #000;
    font-size: 16px;
    padding: 9px 0;
    text-align: center;
}
.process-person ul li img{
    width: 100%;
    height: 100%;
}


/* Media Queries */
@media only screen and (min-width: 992px) and (max-width: 1366px) {
	.top-menu-serach{
		width: 15%;
	    padding-left: 0%;
	    padding-right: 0%;
	}
}

}
@media (max-width: 991px) {
    .profile-image {
        right: 0;
        left: 0;
    }

    .profile-info {
        top: 10px;
        right: 0;
        left: 0;
        bottom: auto;
        text-align: center;
    }

    .profile-info-value {
        color: #fff;
        float: none;
        margin: 0 10px 0 10px;
        display: inline-block;
    }

    .mailbox-header h2 {
        margin: 20px 0;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .sidebar {
        opacity: 0;
        visibility: hidden;
        display: none;
        width: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    body:not(.page-header-fixed) .sidebar {
        padding-top: 0 !important;
    }

    .small-sidebar .sidebar.visible,
    .page-horizontal-bar .sidebar.visible {
        margin-right: -65px;
        opacity: 1;
        visibility: visible;
        width: 65px;
        display: block;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    body:not(.small-sidebar) .sidebar.visible {
        margin-right: -160px;
        opacity: 1;
        visibility: visible;
        display: block;
        width: 200px;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .accordion-menu {
        overflow-y: scroll;
    }

    .small-sidebar .sidebar,
    .horizontal-bar {
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .navbar .logo-box {
        margin: 0 auto;
        background: transparent !important;
        text-align: center;
        width: 100% !important;
        border: 0 !important;
    }

    .navbar .logo-box a {
        color: #5F5F5F !important;
    }

    .navbar .logo-box .logo-text {
        width: 100%;
        display: inline-block !important;
    }

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

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

    /*.sidebar-pusher {
        display: block;
    }*/

    /*.search-button {
        display: block;
    }*/

    .topmenu-outer,
    .small-sidebar .topmenu-outer,
    .page-sidebar-fixed:not(.page-header-fixed) .topmenu-outer {
        margin: 0;
    }

    .top-menu {
        overflow-y: scroll;
    }

    .page-inner {
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .page-inner.sidebar-visible {
        -webkit-transform: translate3d(160px, 0, 0);
        transform: translate3d(160px, 0, 0);
    }

    .small-sidebar .page-inner.sidebar-visible,
    .page-horizontal-bar .page-inner.sidebar-visible {
        -webkit-transform: translate3d(65px, 0, 0);
        transform: translate3d(65px, 0, 0);
    }

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

    .horizontal-bar {
        float: left;
        height: auto !important;
        display: block;
        z-index: 1029;
        overflow: visible !important;
    }

    .small-sidebar .horizontal-bar {
        height: auto !important;
    }

    .horizontal-bar .menu li {
        float: none;
        display: block;
    }

    .horizontal-bar .accordion-menu li>ul,
    .small-sidebar .horizontal-bar .accordion-menu li>ul {
        left: 65px !important;
        top: 0;
    }

    .small-sidebar.page-horizontal-bar .accordion-menu>li>a,
    .small-sidebar.page-horizontal-bar:not(.page-sidebar-fixed) .accordion-menu>li>a {
        padding: 15px !important;
        text-align: center;
        width: 65px;
    }

    .horizontal-bar .menu li a p {
        display: none;
    }

    .small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu>li>a>.menu-icon {
        margin-right: 0 !important;
        font-size: 16px;
        float: none !important;
    }

    .horizontal-bar .accordion-menu>li>a {
        padding: 15px;
        text-align: center;
        width: 65px;
    }

    .page-horizontal-bar .page-inner {
        padding: 60px 0 50px 0;
    }

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

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

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

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

    .data-circle-list {
        flex-direction: column;
    }

    .data-circle-list li {
        width: 75% !important;
        margin: 0 auto;
    }

    .zopim {
        position: fixed !important;
    }
}


/*--------quaisar-----------*/


/*.login-box a {
    display: block;
    margin: auto;
}*/

.filter-by-status .fa-pencil {
    /*color: #00AFF0;*/
}


/*.filter-by-status .fa-trash {
    color: #BF1AB0;
}*/

.marg-5 {
    margin-top: 5px;
}

.no-padding {
    padding: 0;
}


/*--------- form new-------*/

/*#addEdit textarea {
    margin-left: -4px;
    width: 97%;
}*/

/*#addEdit .checkbox label {
    padding-left: 0;
}*/

.wordBreak {
    word-break: break-all;
}


/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */

.cd-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}


/* -------------------------------- 

Main components 

-------------------------------- */

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

#cd-timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #fff;
}

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    #cd-timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-block:first-child {
    margin-top: 0;
}

.cd-timeline-block:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: 4em 0;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
}

.cd-timeline-img.cd-success {
    background: #22BAA0;
}

.cd-timeline-img.cd-info {
    background: #12AFCB;
}

.cd-timeline-img.cd-danger {
    background: #F25656;
}

.cd-timeline-img.cd-primary {
    background: #7A6FBE;
}

.cd-timeline-img.cd-warning {
    background: #F6D433;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        line-height: 60px;
        left: 50%;
        margin-left: -30px;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0;
    padding: 1em;
    -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);
}

.cd-timeline-content img {
    width: 100%;
    display: block;
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-content h2 {
    margin-top: 0;
}

.cd-timeline-content p,
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
    font-size: 13px;
}

.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
    display: inline-block;
}

.cd-timeline-content p {
    margin: 1em 0;
}

.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: 0.25em;
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }

    .cd-timeline-content .cd-read-more {
        float: left;
    }

    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right;
    }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width: 1170px) {

    /* inverse bounce effect on even content blocks */
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

.unbilled_tab ul {
    padding: 0;
}


/*.unbilled_tab ul li {
  float: left;
  margin: 5px 8px;
  width: 31.9%;
  list-style: none;
}*/

.unbilled_tab ul li {
    float: left;
    margin: 5px 8px;
    width: 31%;
    list-style: none;
}

.unbilled_tab ul li label {
    display: block;
    color: #666;
    font-weight: normal;
    text-align: left;
}

.div-one {
    width: 50%;
    float: left;
    background: #21ABF6;
    color: #fff;
    padding: 0px 10px;
}

.div-two {
    width: 50%;
    float: left;
    background: #0071BB;
    color: #fff;
    padding: 0px 10px;
}

.unbilled_tab ul li:nth-child(3) .div-one {
    width: 100%;
    background: #7FD000;
}

.unbilled_tab ul li:nth-child(2) .div-one {
    background: #FF8000;
}

.unbilled_tab ul li:nth-child(2) .div-two {
    background: #BABEC5;
}

.unbilled_tab ul li:nth-child(1) .div-one:hover {
    border-bottom: 5px solid #156FA0;
    margin-top: -5px;
}

.unbilled_tab ul li:nth-child(1) .div-two:hover {
    border-bottom: 5px solid #004A7A;
    margin-top: -5px;
}

.unbilled_tab ul li:nth-child(2) .div-one:hover {
    border-bottom: 5px solid #B25900;
    margin-top: -5px;
}

.unbilled_tab ul li:nth-child(2) .div-two:hover {
    border-bottom: 5px solid #85878C;
    margin-top: -5px;
}

.unbilled_tab ul li:nth-child(3) .div-one:hover {
    border-bottom: 5px solid #5B9400;
    margin-top: -5px;
}

.page-footer nav.cd-nav-container {
    display: none !important;
}

.left-icon {
    background: #004481 !important;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 52px;
    height: 100px;
    margin: 10px 20px 10px 10px;
    text-align: center;
    padding: 14px 27px;
    width: 100px;
}

.right-icon h4 {
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    color: #004481;
}

.right-icon p {
    font-size: 14px;
    color: #848484;
}

.right-icon {
    float: left;
    margin-top: 24px;
    text-align: left;
    width: 75%;
}

.btnmr {
    color: #468cd1;
}

.btnremove {
    margin-left: 3px;
    color: #d43f3a;
}

.side-list-qua {
    background: #F3F5F8;
    padding: 10px 15px;
    border-top: 1px solid hsl(0, 0%, 86%);
}

.side-list-qua:hover {
    background: #fff;
}

.side-list-qua:last-child {
    border-bottom: 1px solid hsl(0, 0%, 86%);
}

.side-list-qua a {
    color: #5F5F5F;
}

.sho-hide-qua {
    display: block;
}

.sho-hide-qua .form-group {
    margin-bottom: 10px;
    overflow: hidden;
}


/*
.sho-hide-qua{
        display:block;
    }
    .left-icon {
      font-size: 34px;
      height: 70px;
      margin: 10px 20px 0 10px;
      padding: 10px 20px;
      width: 70px;
    }
    .right-icon h4 {
      font-size: 20px;
      font-weight: 700;
        color: #1976d2;
        margin-top: 0;
    }
    .right-icon p {
        font-size: 14px;
        color: #848484;
    }
*/

.img-prv {
    background-color: hsl(0, 0%, 100%) none repeat scroll 0 0;
    border: 1px solid hsl(0, 0%, 87%);
    border-radius: 4px;
    height: 100px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 125px;
}

.img-prv {
    background-image: url("../images/no-image.jpg");
    background-repeat: no-repeat;
    background-position: center center;
}

.img-prv input[type="file"] {
    height: 98px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 123px;
    cursor: pointer;
}

.adit-pic-up {
    position: relative;
}

.adit-pic-up input[type="file"] {
    cursor: pointer;
    height: 31px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 35px;
}

.sho-hide-qua .btn {
    color: #fff;
}

.add-catag-pop {
    position: relative;
}

.cd-close-pop {
    font-size: 16px;
    margin-right: 10px;
    margin-top: 5px;
}

.add-catag-pop-wrap {
    width: 95%;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: absolute;
    top: 0;
    z-index: 99;
    background: #fff;
}

/*.detailsInvoice input[type="text"] {
    width: 80px;
}*/


/*.form-control {
    color: hsl(0, 0%, 33%) !important;
}*/

.drop-mega .dropdown-mega .dropdown-menu {
    left:47.6%;
    width: 676px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.drop-mega .dropdown-mega .dropdown-menu::before {
    border-bottom: 8px solid hsl(210, 18%, 87%);
    border-left: 8px solid hsla(0, 0%, 0%, 0);
    border-right: 8px solid hsla(0, 0%, 0%, 0);
    content: "";
    left: 59%;
    position: absolute;
    right: auto;
    top: -8px;
}

.drop-mega .dropdown-mega .dropdown-menu::after {
    border-bottom: 7px solid hsl(0, 0%, 100%);
    border-left: 7px solid hsla(0, 0%, 0%, 0);
    border-right: 7px solid hsla(0, 0%, 0%, 0);
    content: "";
    left: 59%;
    position: absolute;
    right: auto;
    top: -7px;
}

.drop-mega .dropdown-mega {
    font-size: 16px;
    padding: 11px 0;
}

.navbar .dropdown-mega .dropdown-menu {
    margin-top: 15px !important;
}

.drop-mega .dropdown-lang {
    font-size: 16px;
    padding: 11px 0;
    position: relative;
}

.navbar .dropdown-lang .dropdown-menu {
    margin-top: 15px !important;
}

.dropdown-mega .dropdown-mega .fa-plus:hover {
    /*    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);*/
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.drop-mega .dropdown-mega .open .dropdown-menu {
    margin-top: 0 !important;
    padding: 15px 0;
}

.drop-mega .dropdown-mega .dropdown-menu .col-md-3>ul {
    list-style: outside none none;
    padding: 0;
}

.drop-mega .dropdown-mega .open .dropdown-menu .col-md-3>ul {
    list-style: outside none none;
    padding: 0;
}

.drop-mega .dropdown-mega .open .dropdown-menu .col-md-3>ul>li {
    list-style: none;
}

.drop-mega .dropdown-mega .dropdown-menu .col-md-3 {
    padding: 0 10px;
}

.drop-mega .dropdown-mega .dropdown-menu .col-md-3>ul>li a {
    display: block;
    font-size: 12px;
    padding: 5px 0;
}

.ui-menu .ui-menu-item {
    list-style-image: none !important;
    background: #fff !important;
    padding: 6px 5px !important;
    font-size: 13px !important;
    color: hsl(0, 0%, 47%) !important;
}

.ui-menu .ui-menu-item:hover,
.ui-menu .ui-menu-item:focus {
    list-style-image: none !important;
    background: #41cac0 !important;
    color: #fff !important;
}

.top-section {
    background-color: #fefefe;
    background: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
    background: linear-gradient(to bottom, #fefefe, #f3f3f3);
    box-shadow: 0 2px 5px .2;
    border: 1px solid #c8cbcc;
    padding: 10px;
    max-width: 400px;
    float: right;
}

canvas.wPaint-canvas-bg {
    width: 100%;
    max-width: 100%;
}

canvas.wPaint-canvas {
    width: 100%;
    max-width: 100%;
}

canvas.wPaint-canvas-temp {
    width: 100%;
    max-width: 100%;
}

#drag-list-ul li span.icontitle {
    font-size: 14px;
    margin-left: 10px;
}

@media only screen and (max-device-width: 767px) {
    .logo-box img {
        display: block;
        margin: auto;
    }

    .navbar .logo-box .logo-text {
        height: 60px;
    }

    .no_align .text-right {
        text-align: left !important;
    }
}

@media only screen and (max-device-width: 991px) {
    form#frmSearch2 {
        /* float: left; */
        display: inline-block;
        width: 100%;
    }

    /* .filter-by-status .text-right {
        text-align: left;
    } */

    .unbilled_tab ul {
        padding: 0;
        display: table;
        content: " ";
    }

    .unbilled_tab ul li {
        width: 100%;
        margin: 8px 0;
    }

    form#frmSearch {
        margin-bottom: 15px;
    }

    .mar_btm_new {
        margin-bottom: 15px;
    }

    .dhx_cal_date {
        display: none !important;
    }

    #addEdit .checkbox-inline+.checkbox-inline,
    #addEdit .radio-inline+.radio-inline {
        margin-top: 0;
        margin-right: 10px;
        margin-left: 0;
    }

    .top-section {
        background-color: #fefefe;
        background: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
        background: linear-gradient(to bottom, #fefefe, #f3f3f3);
        box-shadow: 0 2px 5px .2;
        border: 1px solid #c8cbcc;
        padding: 10px;
        max-width: 400px;
        float: none;
        clear: both;
    }
}

.accept--wrap {
    font-family: 'Open Sans', sans-serif;
}

.accept--wrap .panel .panel-heading {
    padding: 20px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0 !important;
    height: auto;
    font-size: 14px;
    font-weight: 600;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(219, 219, 219, 1);
    box-shadow: 0px 3px 0px 0px rgba(219, 219, 219, 1);
    font-family: 'Open Sans', sans-serif;
}

.accept--wrap .panel {
    border: 1px solid #ecedee !important;
    font-family: 'Open Sans', sans-serif;
}

.accept--wrap .advise-call {
    font-size: 16px;
    padding-top: 16px;
}

.accept--wrap .panel .panel-body {
    padding: 35px 20px;
    background-color: #faf9f5;
}

.accept--wrap .payment-inner-box {
    max-width: 650px;
    background: #fff;
    border: 1px solid #ecedee !important;
    padding: 25px;
    margin: 0 auto;
}

.accept--wrap .panel-title {
    color: #2A3542;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
}

.accept--wrap .full-btn {
    width: 100%;
    display: block;
    background: #35a8c5;
    border: 1px solid #478f9e;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    padding: 5px 10px;
}

.accept--wrap label {
    display: block;
}

.thankuPage .icon-tick {
    font-size: 62px;
}

.thankuPage {
    font-family: 'Open Sans', sans-serif;
    height: 750px !important;
}

.thankuPage h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 46px;
    color: #4eae49;
}

.thankuPage p {
    font-size: 20px;
}

.thankuPage .btn-wrap {
    margin-top: 25px;
}

.thankuPage .btn-ReturnHome {
    margin-top: 25px;
    color: #000 !important;
    font-size: 18px;
    color: #fff;
}


/*------ module 2 css ---------*/

.manu-separator {
    width: 1px;
    background: #65b2fe;
    height: 28px;
    margin-top: 16px;
    position: absolute;
    top: 0;
    right: 0;
}

/*.center-menu {
    width:50%;
    float: left;
}*/
.center-menu{
	display: flex;
}
.top-toggle{
	margin-top: 15px;
	margin-right: 10px;
}
.drop-mega {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    justify-content: space-between;
}

.menu-icon-q ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
}

.menu-icon-q>ul>li {
    list-style: none;
    text-align: center;
}

.menu-icon-q>ul>li>a {
	/*display: inline-block;
    text-align: center;
    padding: 6px 8px;
    color: #1E2334;
    padding: 10px 5px;
    display: inline-block;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
}

.menu-icon-q>ul>li>a:hover {
    color: #E67D04;
}

.menu-icon-q>ul>li.active a {
    /*color: #fff;
    border-bottom: 4px solid #fff;*/
}

.menu-icon-q>ul>li>a>span {
    display: block;
    font-size: 14px;
}

.small-box {
    border: 1px solid #e4e4e4;
}

.text-gray {
    color: #a0a1a3;
}

.p-t-b-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.btn-add {
    background: #a7cf46;
    border-radius: 50% !important;
    width: 58px;
    height: 58px;
    text-align: center;
    color: #fff !important;
    font-size: 30px;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
    padding: 8px 12px;
    line-height: 40px;
}

.btn:hover,
.btn:focus {
    box-shadow: none;
    outline: none;
}

.footer-chat {
    cursor: pointer;
    position: fixed;
    bottom: 75px;
    right: 40px;
    z-index: 100;
}

.footer-chat .large-help-circle {
    content: "";
    position: absolute;
    bottom: -4px;
    right: -6px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #1976d2;
    display: block;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.23);
}

.footer-chat .small-help-icon {
    position: absolute;
    top: 15px;
    right: 14px;
    height: 32px;
    width: 32px;
}

.small-help-icon span {
    position: relative;
    bottom: 3px;
    right: -6px;
}

.small-help-icon img {
    height: auto;
    max-width: 100%;
}

.modal-title {
    font-size: 16px;
}

/*.btn-circle {
    display: inline-block;
    padding: 5px 7px;
    border-radius: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
}*/

.small-box {
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
    padding: 18px 15px;
    position: relative;
    border-radius: 10px !important;
}

.small-box:after {
    font-family: FontAwesome;
    color: #fff;
    font-size: 50px;
    position: absolute;
    bottom: 0px;
    right: 12px;
}

.small-box.orange {
    background: #fe6836;
}

.small-box.orange:after {
    content: "\f15c";
}

.small-box.blue {
    background: #12b1e8;
}

.small-box.blue:after {
    content: "\f073";
}

.small-box.red {
    background: #fe4453;
}

.small-box.red:after {
    content: "\f007";
}

.small-box.green {
    background: #56ad74;
}

.small-box.green:after {
    content: "\f0f2";
}

.small-box>.inner {
    /*    padding: 14px 10px;
    text-align: center;
    padding-top: 45px;*/
}

.small-box>.inner>small {
    color: #fff;
}

.small-box .paid {
    color: #fff;
    font-size: 14px;
}

.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none
}

.small-box>.small-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15)
}

.small-box h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 5px 0;
    white-space: nowrap;
    padding: 0;
    color: #525252;
}

.small-box p {
    font-size: 14px;
    color: #fff;
}

.small-box p>small {
    display: block;
    color: #fff;
    font-size: 13px;
    margin-top: 5px
}

/*.small-box h3,
.small-box p {
    z-index: 5px
}*/

.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 0;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.15)
}

.small-box .icon a {
    color: rgba(0, 0, 0, 0.54);
}

.small-box .btn-link {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: #1976d2;
}

.small-box .btn-link:hover,
.small-box .btn-link:focus {
    text-decoration: none;
}

.min-height {
    min-height: 178px;
}

.icon-with-tittle {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 0;
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.icon-with-tittle.border-bottom {
    border-bottom: 1px solid #e1e7f0;
    padding: 10px 15px;
}

.p-l-r-0 {
    padding-left: 0;
    padding-right: 0;
}

.sub-heading {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.small-box:hover {
    text-decoration: none;
    /*    color: #f9f9f9*/
}

.small-box .chart {
    margin-top: 20px;
}

.small-box .inner small {
    color: #fff;
}

.btn-sm {
    padding: 2px 5px;
    font-size: 10px;
}

.ms-options-wrap>button {
    background: #FFFFFF;
    border: 1px solid #DFE3F5 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
}

.ms-options-wrap>button:focus {
    border: 1px solid #DFE3F5 !important;
    background: #FFFFFF;
}
.ms-options ul{
    padding: 0;
}
.ms-options ul li{
    list-style: none;
}
.block-btn {
    display: block !important;
}

td.all-sm-btn .block-btn {
    margin-top: 5px;
}

.dataTables_length input[type="text"] {
    border-radius: 30px;
    border: none;
    border: 2px solid #dce1e4;
    height: 34px;
}

.dataTables_length input[type="text"]:focus {
    outline: none;
    border: 2px solid #1976d2;
}

.dataTables_length select {
    border-radius: 30px;
    border: none;
    border: 2px solid #dce1e4;
    height: 34px;
}

.dataTables_length select:focus {
    outline: none;
    border: 2px solid #1976d2;
}

.label {
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}


/*------- Change Subscription Page --------*/


/*  .price-wrap{
    padding:50px 0;
    background-color:#ECECEC;
    }*/

.price-wrap {
    margin-top: 8%;
}

.self-employed {
    border-top: 6px solid #0EF39A;
}

.self-employed-box {
    background-color: #fff;
    padding: 10px;
    text-align: center;
    border: 1px solid #eee;
    box-shadow: 0 0 15px #ddd;
    margin-top: 10px;
}

.self-employed-box h4 {
    font-size: 18px;
    font-weight: 600;
    color: #A4A4A4;
    margin: 0;
    padding: 0;
}

.self-employed-box h5 {
    font-size: 14px;
    font-weight: 600;
    color: #A4A4A4;
}

.pricing-section {
    display: inline-block;
    margin: 10px 0;
}

.pricing-section .price {
    display: inline-block;
    float: none;
    margin: 0 6px;
}

.pricing-section .price .old-price {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-decoration: line-through;
    margin: 0;
    padding: 0;
}

.pricing-section .price .new-price {
    font-size: 22px;
    font-weight: 600;
    color: #C219F0;
    margin: 0;
    padding: 0;
}

.self-title {
    font-size: 20px;
    font-weight: 500;
    color: #0EF39A;
    margin: 10px 0;
    padding: 0;
    text-align: center;
}

.top-border {
    border-top: 6px solid #0ca5a3;
}

.custom-clr {
    color: #0ca5a3;
}

.radio-wrapper {
    position: relative;
    color: #9b9b9b;
    cursor: pointer;
}

.radio-wrapper.buy-now {
    margin-bottom: 20px;
}

.radio-wrapper.buy-now input[type="radio"] {
    float: left;
    margin-right: 14px;
}

.copy {
    overflow: hidden;
}

.copy .copy-large {
    font-size: 24px !important;
    color: #000;
    font-weight: 500;
}

.copy .copy-small {
    font-size: 15px !important;
    color: #c9007a;
    font-weight: 400;
}

.bigmargin-top {
    margin-top: 70px;
}

.new-price-table ul {
    margin: 0;
    padding: 0;
}

.new-price-table ul li {
    float: left;
    margin-right: 30px;
    width: 22%;
    list-style: none;
}

.new-price-table>ul>li:first-child {
    width: 22%;
    margin-right: 50px;
}

.n-price-bx {
    border: none;
}

.n-price-bx ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.n-price-bx ul li {
    border-bottom: 1px solid #ccc;
    color: #000;
    width: 100%;
    font-size: 13px;
    float: none;
    font-weight: 500;
    line-height: 24px;
    padding: 5px 0 5px 12px;
    text-align: left;
    height: 34px;
    overflow: hidden;
    list-style: none transition: all ease-in-out 0.3s;
}

.n-price-bx ul li span {
    font-weight: 300;
    display: block;
}

.n-price-bx2 ul {
    margin: 0;
    padding: 0;
}

.n-price-bx2 ul li {
    border-bottom: 1px solid #ccc;
    color: #000;
    height: 34px;
    width: 100%;
    font-size: 13px;
    float: none;
    font-weight: 500;
    line-height: 24px;
    padding: 5px 0 5px 12px;
    text-align: center;
    list-style: none;
}

.n-price-bx2 ul li img {
    float: none;
    display: inline-block;
}


/*.fixed {
  
  top:0;
  left:0;
 width: 85%;
width: 84%;
  right:0;
  margin:0 auto;
  background-color: #ECECEC;
  }*/

@media screen and (max-width: 1199px) {
    .pricing-section .price .new-price {
        font-size: 20px;
    }

    .new-price-table ul li {
        margin-right: 23px;
    }
}

@media screen and (max-width: 991px) {
    .copy .copy-large {
        font-size: 18px !important;
    }

    .copy .copy-small {
        font-size: 13px !important;
        line-height: 18px;
    }

    .self-employed-box h4 {
        font-size: 14px;
    }

    .new-price-table ul li {
        margin-right: 18px;
    }

    .self-title {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .pricing-box {
        /*width: 767px;
        overflow: scroll;
        background-color: #ECECEC;*/
    }
    .sub-img {
        width: 100% !important;
    }
}


/*------- End Change Subscription Page --------*/

.cbp-spmenu-vertical a {
    padding: 5px 10px;
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    color: #1E2334;
}
.notification-time{
    color: #ddd;
    color: #858585;
    margin-bottom: 0 !important;
}
.notification-time .fa{
    margin-right: 5px;
}
.cbp-spmenu hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*----- login page -------*/

.icon-input {
    position: absolute;
    left: 5px;
    top: 6px;
}

.icon-input .fa {
    font-size: 20px;
    color: #cedde6;
}

.login-box .form-group {
    position: relative;
    margin-bottom: 28px;
}

.login-box .form-control {
    padding-left: 24px !important;
}

.login-box a {
    color: #1a98d5;
}

.forgot-pass a {
    color: #aabec7;
}

.not-member a {}

.data-circle-list {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    padding: 0;
    margin-bottom: 0;
}

.data-circle-list li {
    list-style: none;
    padding: 20px 5px;
    text-align: center;
    width: 23%;
}

.data-circle-list li:last-child {
    border-left: 1px solid #e1e7f0;
    width: 27%;
}


/*.dash-calendar .ui-datepicker td span, .dash-calendar .ui-datepicker td a {
    padding: 1.05rem .5em;
    text-align: center;
}
.dash-calendar .ui-widget.ui-widget-content{
    width: 100%;
    background: #393f4f;
}
.dash-calendar .ui-datepicker th{
    color: #fff;
}
.dash-calendar .ui-state-default, .dash-calendar .ui-widget-content .ui-state-default, .dash-calendar .ui-widget-header .ui-state-default, .dash-calendar .ui-button, html .dash-calendar .ui-button.ui-state-disabled:hover, html .dash-calendar .ui-button.ui-state-disabled:active{
    border: none;
    background: #393f4f;
    font-weight: normal;
    color: #ffffff;
}
.dash-calendar .ui-state-default.ui-state-highlight.ui-state-active{
    background: #1976d2;
}
.dash-calendar .ui-datepicker .ui-datepicker-header{
    background: #393f4f;
    border: none;
    color: #fff;
    text-transform: uppercase;
}
.dash-calendar .ui-icon-circle-triangle-w {
    background-position: -97px -16px;
}
.dash-calendar .ui-icon-circle-triangle-e {
    background-position: -33px -16px;
}*/
.ui-datepicker .ui-datepicker-title{
	color: #b9b9b9;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 1.05rem .5em;
    text-align: center;
}

.ui-widget.ui-widget-content {
    background: #393f4f;
}

.ui-datepicker th {
    color: #000;
}
.bootstrap-datetimepicker-widget table td span {
    color: #004481 !important;
    font-size: 16px;
    font-weight: bold;
    border:1px solid transparent;
    position: relative;
}
.bootstrap-datetimepicker-widget table td span:hover {
    background:#fff !important;
    background-color:#fff !important;
}
.bootstrap-datetimepicker-widget table td span:after{
    content: '';
    position: absolute;
    width: 0;
    bottom: 0;
    left: 0;
    border: 1px solid transparent;
    opacity: 0;
}
.bootstrap-datetimepicker-widget table td span:hover:after{
    content: '';
    position: absolute;
    width:100%;
    bottom: 0;
    left: 0;
    border: 1px solid #ccc;
    opacity: 1;
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    -moz-transition: all 1s linear;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none;
    background: #393f4f;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-default.ui-state-highlight.ui-state-active {
    background: #1976d2;
}

.ui-datepicker .ui-datepicker-header {
    background: #393f4f;
    border: none;
    color: #fff;
    text-transform: uppercase;
}

.ui-icon-circle-triangle-w {
    background-position: -97px -16px;
}

.ui-icon-circle-triangle-e {
    background-position: -33px -16px;
}

.dash-calendar .ui-widget.ui-widget-content {
    width: 100%;
}

.menu.accordion-menu {
    padding-bottom: 40px;
    overflow-x: scroll;
    padding-bottom: 10px;
}
/*Fire Fox*/
.menu.accordion-menu {
 scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}

/* width */
.menu.accordion-menu::-webkit-scrollbar {
	width:1px;
}

/* Track */
.menu.accordion-menu::-webkit-scrollbar-track {
	box-shadow: inset 0 0 1px #47b1b9;
	border-radius: 1px;
}

/* Handle */
.menu.accordion-menu::-webkit-scrollbar-thumb {
	background: #4c4c4c;
	border-radius:1px;
}

/* Handle on hover */
.menu.accordion-menu::-webkit-scrollbar-thumb:hover {
	background: #000;
}
.menu.accordion-menu li a:hover{
    background: rgba(255,255,255,0.2);
}
.menu.accordion-menu > li:first-child:after {
    display: none;
}

.table-todo-list.table>tbody>tr>td,
.table-todo-list.table>tbody>tr>th,
.table-todo-list.table>tfoot>tr>td,
.table-todo-list.table>tfoot>tr>th,
.table-todo-list.table>thead>tr>td,
.table-todo-list.table>thead>tr>th {
    border-left: none;
}

.table-todo-list.table>tbody>tr>td,
.table-todo-list.table>tbody>tr>th,
.table-todo-list.table>tfoot>tr>td,
.table-todo-list.table>tfoot>tr>th,
.table-todo-list.table>thead>tr>td,
.table-todo-list.table>thead>tr>th {
    border-bottom: 1px solid #e1e7f0;
    padding: 8px 10px !important;
}

.table-todo-list tr th {
    color: #aaabbf;
}

.todo-tittle {
    font-weight: 400;
    font-size: 12px;
    color: #515974;
    margin: 0;
}

.todo-date {
    background: #57c059;
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
    padding: 5px 12px;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    margin-top: 3px;
    white-space: nowrap;
}

.todo-trash {
    color: #ff0020;
    font-size: 22px;
    display: inline-block;
}

.todo-trash:hover {
    color: #ff0020;
}

.todo-scroll {
    height: 286px;
    overflow-y: scroll;
}


.shadow-box {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 30px;
}

.cbp-spmenu h3 a:hover {
    color: #ddd;
}

.cbp-spmenu a:hover {
    color: #222;
}

/*.menu {
    background: #1976d2 !important;
}*/

.center-menu .dropdown-mega.pull-right {
    padding-top: 10px;
}

.center-menu .dropdown-lang.pull-right {
    padding-top: 10px;
    padding-right: 10px;
}

#milestone_modal .form-group label {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    left: 0;
}

#milestone_modal .modal-header h6 {
    display: inline-block;
    line-height: 30px;
    position: relative;
    top: 0px;
    left: -10px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
}

#milestone_modal .modal-header {
    background: #1976d2;
    color: #fff;
    padding-top: 7px;
    height: auto;
    padding-bottom: 4px;
}

ul.menu.accordion-menu {
    height: 100%;
}

.justify-content-end .dropdown-lang {
    margin-right: 10px;
}

.dhx_cal_data {
    min-height: 384px !important;
}

#milestone_modal .modal-header a {
    color: #fff;
}

#milestone_modal .modal-header .close {
    color: #fff;
    opacity: 0.4;
}

#milestone_modal .total_div i {
    font-size: 18px !important;
}

#milestone_modal .total_div {
    border-bottom: 2px dashed #ccc;
    margin-bottom: 20px;
    margin-top: 15px;
    padding-bottom: 15px;
}

.filter-by-status .main .boxes .dropdown .textSec {
    width: 104px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 11px;
    display: inline-block;
}

.filter-by-status .ui-id {
    margin-bottom: 5px;
}
.filter-by-status #element2  a{
    /*color: #999999;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: bold;*/
}
/*.filter-by-status #element2 i{
    color: #99c621;
margin-right: 2px;
}*/
.dragul {
    padding-left: 0;
}

.dragul li {
    padding-bottom: 7px;
    margin-bottom: 1px;
    padding-top: 7px;
    padding-left: 15px;
    background: #1976d2;
    position: relative;
    border-radius: 5px;
}

.dragul li i {
    position: absolute;
    right: 25px;
    top: 11px;
}

.dragul li input {
    margin-right: 10px;
}

.uWantto {
    margin-top: -40px;
}

.uWanttoInput {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.fa, .far, .fas {
    font-family: FontAwesome !important;
}

@media only screen and (max-width :767px) {
    .uWantto {
        margin-top: 0;
    }

    .uWanttoInput li {
        width: 50% !important;
    }
}

/*.dataTables_length .btn {
    margin-top: 10px;
}*/

.self-employed-box {
    background-color: #fff;
    padding: 10px;
    text-align: center;
    border: 1px solid #eee;
    box-shadow: 0 0 14px #ddd;
    margin-top: 10px;
    min-height: 180px;
    margin-bottom: 15px;
}

.locationDuration .checkbox-inline input[type=radio],
.locationDuration .checkbox-inline input[type=checkbox] {
    margin-left: -20px;
    float: left;
}

#chartContainer svg {
    background-color: transparent !important;
}

#chartContainer svg desc {
    margin: 10px 0 0;
}

.fusioncharts-legend rect {
    fill: rgba(255, 255, 255, .0);
}

.row.cardDetails {
    /*background: #f1f1f1;*/
    padding-top: 25px;
}

.cardDetails .panel-heading {
    padding: 10px 15px;
}

.cardDetails .input-group {
    width: 100%;
}

.emp_view, .con_view, .cus_view, .led_view {
    position: relative;
    transition: all ease 0.3s;
}

.emp_view ul, .con_view ul, .cus_view ul, .led_view ul {
    padding: 0;
    margin: 0;
    margin-top:5px;
    z-index: 99;
    position: absolute;
    background: #fff;
    width: 100%;
    -webkit-box-shadow: 1px 6px 13px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 6px 13px -5px rgba(0,0,0,0.75);
box-shadow: 1px 6px 13px -5px rgba(0,0,0,0.75);
}

.emp_view ul li, .con_view ul li, .cus_view ul li, .led_view ul li {
    list-style-type: none;
    padding-bottom: 5px;
    border-bottom: 1px solid #dce1e4;
    padding: 5px;
    display: block;
}

.rm_lv {
    background: #f2f2f2;
    padding: 5px 10px;
    margin: 2px 5px;
    border-radius: 5px;
}

/*----*/
.customsale{
    position: relative;
    margin-top: 15px;
}
.customsale:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 138px;
    width: 100%;
    background: #f2f2f2;
    z-index: 1;
}
.customsale li {
    display: inline-block;
    width: 24.8%;
    z-index: 3;
    position: relative;
    vertical-align: top;
}

.treeBx {
    position: relative;
    margin-bottom: 25px;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
}

.treeBx h2 {
    text-align: center;
}

.treeBx .subheader li {
    background-color: #f2f2f2;
    display: inline-block;
    margin-right: 0px;
    padding: 10px;
    padding-top:5px;
    font-size: 12px;
    font-weight: bold;
    width: 49%;
    color:#fff;
    height: 48px;
    text-transform: uppercase;
    border:0;
}

.treeBx .subheader li:last-child {
    margin-right: 0px;
}

.treeBx .subheader li.bg-blue{
    background: url(../images/bg-blue.png);
    background-size: 100% 100%;
}
.treeBx .subheader li.bg-pink{
    background: url(../images/bg-pink.png);
    background-size: 100% 100%;
}
.treeBx .subheader li.bg-purple{
    background: url(../images/bg-purple.png);
    background-size: 100% 100%;
}
.treeBx .subheader li.bg-light-purple{
    background: url(../images/bg-light-purple.png);
    background-size: 100% 100%;
}
.treeBx .subheader li.bg-orange{
    background: url(../images/bg-orange.png);
    background-size: 100% 100%;
}
.treeBx .subheader li.bg-yellow{
    background: url(../images/bg-yellow.png);
    background-size: 100% 100%;
}
.treeBx .subheader li.bg-green{
    background: url(../images/bg-green.png);
    background-size: 100% 100%;
} 
.treeBx .subheader li.bg-red{
    background: url(../images/bg-red.png);
    background-size: 100% 100%;
}

ul.subheader {
    text-align: center;
    padding-left: 0;
    margin-bottom: 23px;
}


.treeBx h2 {
    text-align: center;
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
    color: #fff;
    padding: 15px;
    font-size: 18px;
}

#home_quicklinks {
    padding: 0px 0;
    text-align: center;
    background: #f2f2f2;
}

#home_quicklinks .link1 {
    position: relative;
}

#home_quicklinks a.quicklink {
    display: inline-block;
    width: 95%;
    height: auto;
    position: relative;
    margin: 15px 0px;
    padding: 10px;
    border-bottom: 2px solid #f2f2f2;
}

#home_quicklinks a.quicklink .ql_caption {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}

#home_quicklinks .outer {
    display: table;
    position: relative;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    width: 100%;
    border-spacing: 0px;
    padding: 0px;
}

#home_quicklinks .inner {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    width: 100%;
    border-spacing: 0px;
    padding: 0px;
}

#home_quicklinks a.quicklink .ql_caption h2 {
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    line-height: 1.46em;
    color: #1e9ad6;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
#home_quicklinks a.quicklink .ql_caption h2:after{
    position: absolute;
    content: '[';
    color:#1e9ad6;
    width:10px;
    height: 10px;
    top:0;
    left:0;
}
#home_quicklinks a.quicklink .ql_caption h2:before{
    position: absolute;
    content: ']';
    color:#1e9ad6;
    width:10px;
    height: 10px;
    top:0;
    right:0;
}

#home_quicklinks a.quicklink.link1 .ql_top {
    border-bottom-color: #f2f2f2;
    display: none;
}

#home_quicklinks a.quicklink.link1 .ql_bottom {
    border-top-color: #f2f2f2;
    display: none;
}

#home_quicklinks .ql_top {
    bottom: 123px;
    border-bottom: 50px solid #ccc;
}

#home_quicklinks .ql_bottom {
    top: 123px;
    border-top: 50px solid #ccc;
}

#home_quicklinks .ql_top,
.ql_bottom {
    position: absolute;
    left: 0px;
    width: 0px;
    border-left: 95px solid transparent;
    border-right: 95px solid transparent;
}




#home_quicklinks a.quicklink {
    font-size: 36px;
    font-weight: 500;
    text-decoration: none;
   background: #f2f2f2;
}

.subInner {
    margin-top: 15px;
}

.subInner li {
    background: url(../images/folder.png);
    background-repeat: no-repeat;
    border: 0px !important;
    height: 148px;
    background-size: 100% 100%;
}

.subInner li p {
    padding-top: 25px;
    font-size: 11px;
    line-height: 14px;
}


.subInnerBg {
    background:#f2f2f2;
    background-repeat: no-repeat;
    border: 1px solid #b2b2b2;
    height: 170px;
    background-size: contain;
    padding-top:0px;
    padding-left: 10px;
    padding-right: 7px;
    margin-top: 10px;
    width: 136px;
    margin: 10px auto;
    border-radius: 10px; 
}
.grid_view_show{
padding-top: 0px !important;
padding-left: 5px !important;
padding-right: 5px !important;
margin-top: 10px !important;
width: 100%;
margin: 10px auto!important;
}
#trash_popup .grid_view_show{
    width: 136px;
    }
.ui-draggable-dragging{
    z-index: 999;
}

.payment-form input[type="text"],
.payment-form input[type="email"],
.stripForm input[type="text"],
.stripForm input[type="email"] {
    border: 1px solid hsl(0, 0%, 78%);
    height: 49px;
    padding-left: 10px !important;
}

.payment-form .form-control,
.stripForm .form-control {
    border-radius: 5px !important;
}

.paymntTitle {
    background: #c3b02f;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 18px;
    padding-right: 40px;
    border-left: 4px solid #41789a;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.stripTitle {
    background: #009cde;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 18px;
    padding-right: 40px;
    border-left: 4px solid #000000;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.payment-form,
.stripForm {
    width: 500px;
    margin: 0 auto;
}

.payment-form label,
.stripForm label {
    color: #2c2e2f;
    font-size: 1em;
    font-weight: 700;
    width: 100%;
    border-radius: 5px;
    left: 0;
}

.userDtlsSec {
    padding-top: 9px;
}

.userDtlsSec .img-circle {
    width: 65px;
    height: 65px;
    display: block;
    vertical-align: top;
    border:1px solid #b2b2b2;
    margin: 0 auto;
}

.userDtlsSec .textSec {
    display: block;
    width: 100%;
    padding-left: 3px;
    word-break: break-word;
    text-align: center;
}

.userDtlsSec .textSec h3 {
    margin-top: 8px;
    border-bottom: 2px solid #c9c9c9;
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 0;
    width: 100%;
    display: block;
    text-transform: capitalize;
}

.userDtlsSec .textSec p {
    font-size: 10px;
    line-height: inherit;
    margin-bottom: 5px;
}

.userDtlsSec .textSec ul {
    padding-left: 0;
    position: relative;
    list-style: none;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.userDtlsSec .textSec ul li {
    width: auto;
    margin-right:5px;
    text-align: center;
    float: none;
}
.userDtlsSec .textSec ul li:last-child{
    margin-right:0;
}
.userDtlsSec .textSec ul li i {
    font-size: 11px;
}

.paymnt-optn img {
    width: 36%;
}

.paymnt-optn {
    background: #f1efef;
    padding: 7px;
    border-radius: 5px;
    margin-bottom: 10px;
}

/*
=====
LEVEL 1. RESET STYLES
=====
*/

.field {
    --uiFieldPlaceholderColor: var(--fieldPlaceholderColor, #767676);
}

.field__input {
    background-color: transparent;
    border-radius: 0;
    border: none;

    -webkit-appearance: none;
    -moz-appearance: none;

    font-family: inherit;
    font-size: 1em;
}

.field__input:focus::-webkit-input-placeholder {
    color: var(--uiFieldPlaceholderColor);
}

.field__input:focus::-moz-placeholder {
    color: var(--uiFieldPlaceholderColor);
    opacity: 1;
}

/*
  =====
  LEVEL 2. CORE STYLES
  =====
  */

.a-field {
    display: inline-block;
}

.a-field__input {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

.a-field__input:focus {
    outline: none;
}

.teamForm {
    width: 500px;
    margin: 0 auto;
    /* background: #a7cf46; */
    background: #b4cbd1;
    padding-top: 35px;
    padding-bottom: 15px;
    /* background: rgba(147,206,222,1);
    background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
    background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
    background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
    background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
    background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0 ); */
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}

.block {
    width: 100%;
    text-align: center;
}

.teamForm .form-group label {
    color: #000000;
    font-size: 13px;
}
.emp_view ul li:hover, .con_view  ul li:hover {
    border-bottom: 1px solid #59aec6;;
    color: #59aec6;
    cursor: pointer;
}
.subInnerBg2 {
    background: url(../images/folder2.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.custome-table tr th {
    background: #000000 !important;
    color: #fff !important;
}
.custome-table.table-hover>tbody>tr:hover>td, .custome-table.table-hover>tbody>tr:hover>th {
    background-color: #f7ffe3 !important
}
/*----*/
.lisitemap-section ul>li {
    padding: 8px;
    font-size: 14px;
    background: #a7cf46;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #a7cf46);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #a7cf46); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    list-style: none;
    margin: 1px;
}
.lisitemap-section li>a {
    color: #fff;
}
.lisitemap-section li>a:hover {
    color: #000;
}
.lisitemap-section ul{
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
}
/*----*/
.payment-successful-panel {
    padding: 80px 0;
    text-align: center;
    background: url(../images/sucess-bg.jpg);
    background-size: cover;
    height: 100vh;
    /* background-position: 153px 10%; */
}
.success-icon {
    width: 150px;
    height: 150px;
    border-width: 2px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    text-align: center;
    border-color: #10c633;
    border-style: dotted;
    padding: 10px;
}
.success-icon i{
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 40px;
    line-height: 121px;
    color: #4c89ff;
    border-radius: 100%;
    text-align: center;
    border-width: 2px;
    border-style: dotted;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: #10c633;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.payment-successful-panel h3{
    font-size: 60px;
    padding: 15px 0;
    color: green;
    font-weight: 200;    
}
.payment-successful-panel p{
    font-size:14px;
    color: #333;
}
.payment-successful-panel p strong{
    font-size: 22px;
    color: #333;
}
.payment-successful-panel .btn {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 0.3em;
    color: rgba(223,190,106,0.7);
    border-radius: 0;
    padding: 18px 80px 20px;
    transition: all 0.7s ease-out;
    background-image: linear-gradient(to right, #2b5876 0%, #4e4376 51%, #2b5876 100%);
  
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    margin: 0.625rem;
    border: none;
    border: 1px solid rgb(91, 167, 91);
  }
  
  .payment-successful-panel .btn:hover {
    color: #fff;
    border: 1px solid rgba(223,190,106,0);
    color: #fff;
    background-position: right center;
  }

  .table-responsive .btn-circle img {
    width: 91% !important;
  }
  .table-responsive .btn-circle img {
    width: initial !important;
}
  .bubble .lwc-chat-button {
    right: inherit !important;
    left: 20px;
    bottom: 28px !important;
}
.chat-list{
    text-align: center;
}
iframe.lwc-chat-frame.chat.open-chat {
    left: 0;
}
.lwc-chat-button.close-button {
    position: relative !important;
    bottom: 0;
}

.chatListlogo li{
    list-style: none;
}
.chatListlogo .chtLstIcn {
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

.chatListlogo .chtLstIcn img {
    max-width: 140px;
}
.chatListlogo >li {
    display: inline-block;
    width: 32%;
    text-align: center;
    -webkit-box-shadow: 0px 5px 13px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 13px -13px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 13px -13px rgba(0,0,0,0.5);
    margin-bottom: 33px;
}
.chatDetailsList::-webkit-scrollbar { 
    display: none; 
}
.chatDetailsList:hover { 
    border-right: 1px solid #a4ce3c;
}
.chatDetailsList{
    height: 200px;
    overflow-y: scroll;
    position: relative;
}
.chatDetailsList th{
    text-align: center
}
.chatListlogo .btn {
    padding: 4px 20px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    background-color: #1976d2;
}

.blink {
    text-align: right;
    line-height: initial;
    top: 0;
}
    .blink span {
    font-size: 10px;
    color: #a7cf46;
    animation: blink 1s linear infinite;
    font-weight:bold;
}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}

.logoLft {
    width: 50px;
    display: inline-block;
    height: 50px;
    float: left;
    margin: 15px;
}

.event-list {
    list-style: none;
    font-family: 'Lato', sans-serif;
    margin: 0px;
    padding: 0px;
    margin-top: 50px;
}

.event-list>li {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgb(51, 51, 51);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    padding: 0px;
    margin: 0px 0px 20px;
}

.event-list>li>time {
    display: inline-block;
    width: 100%;
    color: rgb(255, 255, 255);
    background-color: rgb(197, 44, 102);
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

.event-list>li:nth-child(even)>time {
    background-color: rgb(165, 82, 167);
}

.event-list>li>time>span {
    display: none;
}

.event-list>li>time>.day {
    display: block;
    font-size: 56pt;
    font-weight: 100;
    line-height: 1;
}

.event-list>li time>.month {
    display: block;
    font-size: 24pt;
    font-weight: 900;
    line-height: 1;
}

.event-list>li>img {
    width: 100%;
}

.event-list>li>.info {
    padding-top: 5px;
    text-align: center;
}

.event-list>li>.info>.title {
    font-size: 15pt;
    font-weight: 700;
    margin: 0px;
    line-height: 70px;
}

.event-list>li>.info>.desc {
    font-size: 13pt;
    font-weight: 300;
    margin: 0px;
}

.event-list>li>.info>ul,
.event-list>li>.social>ul {
    display: table;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.event-list>li>.social>ul {
    margin: 0px;
}

.event-list>li>.info>ul>li,
.event-list>li>.social>ul>li {
    display: table-cell;
    cursor: pointer;
    color: rgb(30, 30, 30);
    font-size: 11pt;
    font-weight: 300;
    padding: 3px 0px;
}

.event-list>li>.info>ul>li>a {
    display: block;
    width: 100%;
    color: rgb(30, 30, 30);
    text-decoration: none;
}

.event-list>li>.social>ul>li {
    padding: 0px;
}

.event-list>li>.social>ul>li>a {
    padding: 3px 0px;
}

.event-list>li>.info>ul>li:hover,
.event-list>li>.social>ul>li:hover {
    color: rgb(30, 30, 30);
    background-color: rgb(200, 200, 200);
}
@media (min-width: 768px) {
    .event-list>li {
        position: relative;
        display: block;
        width: 100%;

        padding: 0px;
    }

    .event-list>li>time,
    .event-list>li>img {
        display: inline-block;
    }

    .event-list>li>time,
    .event-list>li>img {
        width: 120px;
        float: left;
    }

    .event-list>li>.info {
        background-color: rgb(245, 245, 245);
        overflow: hidden;
    }

    .event-list>li>time,
    .event-list>li>img {
        width: 120px;
        height: 120px;
        padding: 0px;
        margin: 0px;
    }

    .event-list>li>.info {
        position: relative;
        height: 80px;
        text-align: left;
        padding-right: 40px;
    }

    .event-list>li>.info>.title,
    .event-list>li>.info>.desc {
        padding: 0px 10px;
    }

    .event-list>li>.info>ul {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    .event-list>li>.social {
        position: absolute;
        top: 0px;
        right: 0px;
        display: block;
        width: 40px;
    }

    .event-list>li>.social>ul {
        border-left: 1px solid rgb(230, 230, 230);
        border-bottom: 1px solid rgb(230, 230, 230);
    }

    .event-list>li>.social>ul>li {
        display: block;
        padding: 0px;
    }

    .event-list>li>.social>ul>li>a {
        display: block;
        width: 40px;
        padding: 10px 0px 9px;
    }
}
.pt-50{
    padding-top: 50px;
}
.pt-10{
    padding-top:10px !important;
}
ul.active_ul {
    -webkit-box-shadow: 5px 5px 5px 0px #dedede, inset 0px 2px 15px 0px #cdcdcd, 16px 5px 0px -3px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 5px 0px #dedede, inset 0px 2px 15px 0px #cdcdcd, 16px 5px 0px -3px rgba(0,0,0,0.5);
    overflow: hidden;
    padding: 15px !important;
}
ul.active_ul label {
    color: #1976d2;
}
#cbp-spmenu-s1 h3{
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    text-align: center;
    background: #fff;
    color:#1E2334;
}
#cbp-spmenu-s1 h3 span{
    float:none !important;
}
#cbp-spmenu-s1 .slimScrollDiv{
    margin: 0;
    font-size: 13px;
    color: #333;
}
#cbp-spmenu-s1 small{
margin: 0;
font-size: 11px;
color: #414141;
padding-bottom:5px;
padding-left:10px;
position: relative;
}
.notifications a span > small:after {
    font-family: "FontAwesome";
    content: "\f017";
    left: -5px;
    position: absolute;
    color: #b4cbd1;
    top: 2px;
}
.notifications a span {
    margin-bottom: 5px;
    font-size: 13px;
    color: #fe4453;
    font-weight: bold;
    position: relative;
}
.overlay-notify {
     position: fixed;
    width: 100wh;
    height: 100vh !important;
    /*background: rgba(0,0,0,0.5);
    z-index: 9999; */
}
.overlay-notify:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    top: 0;
    background: rgba(0,0,0,0.5);
}

/*--Chat Sec--*/
.user_chat_list .chat_list {
    width: 292px;
    position: fixed;
    bottom: 0px;
    height: calc(100% - 65px);
    right: 0;
    background: #fff;
    padding: 10px;
    z-index: 999;
    /* border-radius: 6px; */
    /* border: 1px solid #ccc; */
    border-left: 1px solid #ccc;
}
.user_chat_list .chat{
	margin-top: auto;
	margin-bottom: auto;
}
.user_chat_list .card{
    height: 100%;
	/* height: 500px; */ 
	border-radius: 15px !important;
    /* background-color: rgba(255,255,255,9) !important; */
    background-color: rgba(0,0,0,0.4) !important;
}
.user_chat_list .contacts_body{
	padding: 0.75rem 0 !important;
    overflow-y: scroll;
    white-space: nowrap;
    height: calc(100% - 64px);
}
.user_chat_list .msg_card_body{
	overflow-y: auto;
}
.user_chat_list .card-header{
	border-radius: 15px 15px 0 0 !important;
    border-bottom: 0 !important;
    padding-left: 5px !important;
    padding-right: 17px !important;
}
.user_chat_list .card-footer{
    border-radius: 0 0 15px 15px !important;
	border-top: 0 !important;
}
.user_chat_list .container{
	align-content: center;
}
.user_chat_list .search{
	border-radius: 30px 0 0 30px !important;
    background-color: #f1f1f1 !important;
    border: 0 !important;
    color: #000 !important;
    width: 96% !important;
}
.user_chat_list .search:focus{
     box-shadow:none !important;
   outline:0px !important;
}
.user_chat_list .type_msg{
	background-color: rgba(0,0,0,0.3) !important;
	border:0 !important;
	color:white !important;
	height: 60px !important;
	overflow-y: auto;
}
.user_chat_list .type_msg:focus{
     box-shadow:none !important;
   outline:0px !important;
}
.user_chat_list .attach_btn{
   border-radius: 15px 0 0 15px !important;
   background-color: rgba(0,0,0,0.3) !important;
	border:0 !important;
	color: white !important;
	cursor: pointer;
}
.user_chat_list .send_btn{
   border-radius: 0 15px 15px 0 !important;
   background-color: rgba(0,0,0,0.3) !important;
	border:0 !important;
	color: white !important;
	cursor: pointer;
}
.user_chat_list .search_btn{
	border-radius: 0 15px 15px 0 !important;
	background-color: #f1f1f1 !important;
	border:0 !important;
	color: #000 !important;
    cursor: pointer;
    width: 22px;
}
.user_chat_list .contacts{
	list-style: none;
	padding: 0;
}
.user_chat_list .contacts li{
	width: 100% !important;
	padding: 10px;
	margin-bottom: 10px !important;
    border-radius: 8px;
}
.user_chat_list .active{
	background-color: #efefef;
}
.user_chat_list .contacts li:hover{
    background-color: #efefef;
}
.user_chat_list .user_img{
	height:50px;
	width: 50px;
/*	border:1.5px solid #617083;*/

}
.user_chat_list .user_img_msg{
	height: 40px;
	width: 40px;
	border:1.5px solid #f5f6fa;

}
.user_chat_list .img_cont {
    position: relative;
    height: 50px;
    width: 50px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
}
.user_chat_list .img_cont_msg{
	height: 40px;
	width: 40px;
}
.user_chat_list .online_icon {
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: #4cd137;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    border: 1.5px solid white;
}
.user_chat_list .offline{
	background-color: #c23616 !important;
}
.user_chat_list .user_info{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 15px;
}
.user_chat_list .user_info .chat_user_name{
	font-size:14px;
	color: #000;
    margin-bottom: 5px;
    display: inline-block;
}
.user_chat_list .user_info p{
    font-size: 10px;
    color: rgba(255,255,255,0.6);
}
.user_chat_list .video_cam{
	margin-left: 50px;
	margin-top: 5px;
}
.user_chat_list .video_cam span{
	color: white;
	font-size: 20px;
	cursor: pointer;
	margin-right: 20px;
}
.user_chat_list .msg_cotainer{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 10px;
	border-radius: 25px;
	background-color: #fff;
	padding: 10px;
    position: relative;
    width: 70%;
    text-align: justify;
}
.user_chat_list .msg_cotainer_send{
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 10px;
	border-radius: 25px;
	background-color: #78e08f;
	padding: 10px;
	position: relative;
}
.user_chat_list .msg_time{
	position: absolute;
	left: 0;
	bottom: -15px;
	color: rgba(255,255,255,0.5);
	font-size: 10px;
}
.user_chat_list .msg_time_send{
	position: absolute;
	right:0;
	bottom: -15px;
	color: rgba(255,255,255,0.5);
	font-size: 10px;
}
.user_chat_list .msg_head{
	position: relative;
}
.user_chat_list #action_menu_btn{
	position: absolute;
	right: 10px;
	top: 10px;
	color: white;
	cursor: pointer;
	font-size: 20px;
}
.user_chat_list .action_menu{
	z-index: 1;
	position: absolute;
	padding: 15px 0;
	background-color: rgba(0,0,0,0.5);
	color: white;
	border-radius: 15px;
	top: 30px;
	right: 15px;
	display: none;
}
.user_chat_list .action_menu ul{
	list-style: none;
	padding: 0;
margin: 0;
}
.user_chat_list .action_menu ul li{
	width: 100%;
	padding: 10px 15px;
	margin-bottom: 5px;
}
.user_chat_list .action_menu ul li i{
	padding-right: 10px;

}
.user_chat_list .action_menu ul li:hover{
	cursor: pointer;
	background-color: rgba(0,0,0,0.2);
}

	@media(max-width: 576px){
        .user_chat_list .contacts_card{
		margin-bottom: 15px !important;
	}
    }
    .rounded-circle {
        border-radius: 50%!important;
    }
    .user_chat_list .input-group {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 96%;
    }
    .user_chat_list .card-header {
        padding: .75rem 1.25rem;
        margin-bottom: 0;
        border-bottom: 1px solid rgb(180, 203, 209);
    }
    .totalCstmr{
        font-weight: 600;
        font-size: 24px;
        line-height: 24px;
        color: #1E2334;
        margin: 0;
    }
   /*.chat_users .chat {
        padding-bottom: 0px;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 99;
        background: #b4cbd1; 
    }*/
    .user_chat_list .input-group-append,   .user_chat_list .input-group-prepend {
        display: -ms-flexbox;
        display: flex;
    }
    .input-group-prepend {
        position: absolute;
        right: -12px;
        height: 100%; 
    } 
    .input-group-prepend i {
        position: relative;
        right: -2px;
        top: 6px;
    }

    /*--Left chat--*/
    #append_chat_area .chat{
        margin-top: auto;
        margin-bottom: auto;
    }
    #append_chat_area .card{
        height: 100%;
        /*border-radius: 8px !important;
        background-color: #fff !important;*/
        width:290px;
    }
    #append_chat_area .contacts_body{
        padding:  0.75rem 0 !important;
        overflow-y: auto;
        white-space: nowrap;
    }
    /* #append_chat_area .msg_card_body{
        overflow-y: scroll;
        height: 333px;
    } */

    .minimize_crm {
        height: 30px !important;
    }
    .minimize_crm #append_chat_area .card {
        border-radius: 0px !important;
    }
    .minimize_crm #append_chat_area .card{
        background-color: transparent !important;
    }

    .minimize_crm.color_bg_card{
        border-radius: 0px !important;
    }
    .minimize_crm span#action_menu_btn {
        top: 2px !important;
    }
    .minimize_crm .chat_maximize{
        font-size: 13px;
        margin: 0 8px;
        margin-top: 2px;
    }
    #append_chat_area .msg_card_body {
        overflow-y: scroll;
        height: calc(100% - 108px);
        padding: 0 10px;
    }
    #append_chat_area .card-header{
        /*border-radius: 15px 15px 0 0 !important;*/
        border-bottom: 0 !important;
    }
    #append_chat_area .card-footer{
    border-radius: 0 0 15px 15px !important;
        border-top: 0 !important;
}
    #append_chat_area .container{
        align-content: center;
    }
    #append_chat_area .search{
        border-radius: 15px 0 0 15px !important;
        background-color: rgba(0,0,0,0.3) !important;
        border:0 !important;
        color:white !important;
    }
    #append_chat_area .search:focus{
         box-shadow:none !important;
       outline:0px !important;
    }
  
    #append_chat_area .smg_form_box {
        width: calc(100% - 48px);
        margin: 10px 7px;
    }
    #append_chat_area .type_msg {
        background-color: #efefef !important;
        color: #000 !important;
        height: 40px !important;
        overflow-y: auto;
        border-radius: 0 !important;
        padding: 4px 10px !important;
        border: 1px solid #e0e0e0;
        width: 95%;
        /* border-bottom-right-radius: 0px !important; */
        /* border-top-right-radius: 0px !important; */
        /* border-bottom: 0; */
        /* padding-left: 10px !important; */
        /* border-bottom-left-radius: 15px !important;*/
    }
    #append_chat_area .type_msg:focus{
        border: 1px solid #e0e0e0;
    }
    #append_chat_area .attach_btn{
        border-radius: 15px 0 0 15px !important;
        background-color: rgba(0,0,0,0.3) !important;
        border:0 !important;
        color: white !important;
        cursor: pointer;
    }
    #append_chat_area .send_btn {
        border: 0 !important;
        color: #ffffff !important;
        cursor: pointer;
        position: absolute;
        right: 5px;
        font-size: 20px;
        height: 40px;
        width: 40px;
        background-color: #209cd8 !important;
        border-radius: 0 !important;
        /* border-top-left-radius: 0 !important; */
        /* border-bottom-left-radius: 0 !important; */
        /* border-bottom-right-radius: 20px !important; */
        /* border-top-right-radius: 10px !important; */
    }

    #append_chat_area .search_btn{
        border-radius: 0 15px 15px 0 !important;
        background-color: rgba(0,0,0,0.3) !important;
        border:0 !important;
        color: white !important;
        cursor: pointer;
    }
    #append_chat_area .contacts{
        list-style: none;
        padding: 0;
    }
    #append_chat_area .contacts li{
        width: 100% !important;
        padding: 5px 10px;
        margin-bottom: 15px !important;
    }
    #append_chat_area .active{
        background-color: rgba(0,0,0,0.3);
    }
    #append_chat_area .user_img{
        height:30px;
        width: 30px;
        /*border:1.5px solid #f5f6fa;*/
    }
    #append_chat_area .user_img_msg{
        height: 40px;
        width: 40px;
        border:1.5px solid #f5f6fa;
    }
    
    #append_chat_area .img_cont{
        position: relative;
        height: 30px;
        width:30px;
    }
    #append_chat_area .img_cont_msg{
        height: 30px;
        width: 30px;
    }
#append_chat_area .online_icon{
    position: absolute;
    height: 15px;
    width:15px;
    background-color: #4cd137;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    border:1.5px solid white;
}
#append_chat_area .offline{
    background-color: #c23616 !important;
}
#append_chat_area .user_info{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 15px;
}
#append_chat_area .user_info span{
    font-size:14px;
    color: #fff;
    margin-bottom: 2px;
    display: inline-block;
}
#append_chat_area .user_info p{
    font-size: 10px;
    color: rgba(255,255,255,0.6);
    margin: 0;
    line-height: 10px;
}
#append_chat_area .video_cam{
    margin-left: 50px;
    margin-top: 5px;
}
#append_chat_area .video_cam span{
    color: white;
    font-size: 20px;
    cursor: pointer;
    margin-right: 20px;
}
#append_chat_area .chat_box_col{
    width: 100%;
    float: left;
}
#append_chat_area .msg_cotainer {
    margin-top: auto;
    margin-bottom: 15px;
    /*border-radius: 60px;*/
    /*background-color: #617083;*/
    padding: 5px 8px;
    position: relative;
    font-size: 12px;
    /*max-width: 274px;
    word-break: break-all;
    color: #fff;*/
}
.chat_box_col .msg_cotainer.right{
    position: relative;
    background: rgba(32, 156, 216, .1);
    border: 2px solid rgba(32, 156, 216, .1);
    border-radius: 6px 0 6px 0;
}
.chat_box_col .msg_cotainer.right:after{
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid rgba(32, 156, 216, .2);
    border-right: none;
    bottom: -22px;
    right: 10px;
}
.chat_box_col .msg_cotainer.left{
  position: relative;  
  background: rgba(97, 112, 131, .1);
  border: 2px solid rgba(97, 112, 131, .1);
  border-radius: 6px 0 6px 0;
}
.chat_box_col .msg_cotainer.left:after{
    content: "";
    position: absolute;
    right: auto;
    bottom: auto; 
    top: -22px;
    left: 9px;
    border: 10px solid transparent;
    border-bottom: 10px solid rgba(97, 112, 131, .2);
    border-left: none;
}
#append_chat_area .msg_cotainer_send{
    margin-top: auto;
    margin-bottom: 20px;
    margin-right: 10px;
    border-radius: 25px;
    background-color: #78E090;
    padding: 10px;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    max-width: 274px;
    word-break: break-all;
}
#append_chat_area .msg_time{
    position: absolute;
    left: 0;
    bottom: -15px;
    color: rgba(255,255,255,0.5);
    font-size: 10px;
}
#append_chat_area .msg_time {
    position: absolute;
    left: 0;
    bottom: -16px;
    color: rgba(255,255,255,0.5);
    font-size: 10px;
    width: 147px;
    display: block;
}
#append_chat_area .msg_head{
    position: relative;
}
#append_chat_area #action_menu_btn{
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
    cursor: pointer;
    font-size: 20px;
    display: -webkit-box;      
  display: -moz-box;        
  display: -ms-flexbox;     
  display: -webkit-flex; 
  display: flex;
}
#append_chat_area .action_menu{
    z-index: 1;
    position: absolute;
    padding: 15px 0;
    background-color: rgba(0,0,0,0.5);
    color: white;
    border-radius: 15px;
    top: 30px;
    right: 15px;
    display: none;
}
#append_chat_area .action_menu ul{
    list-style: none;
    padding: 0;
margin: 0;
}
#append_chat_area .action_menu ul li{
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 5px;
}
#append_chat_area .action_menu ul li i{
    padding-right: 10px;

}
#append_chat_area .action_menu ul li:hover{
    cursor: pointer;
    background-color: rgba(0,0,0,0.2);
}
/*.msg_cotainer.chat-msg-single.right{
    background-color: #209cd8 !important;
    color: #fff;
}*/


@media(max-width: 576px){
    #append_chat_area .contacts_card{
        margin-bottom: 15px !important;
    }
}

#append_chat_area .input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
#append_chat_area .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 5px;
    background-color: #617083;
/*    border-bottom: 1px solid rgb(180, 203, 209);
    background-color: rgba(0,0,0,.06);*/
}

#append_chat_area .chat {
    padding-bottom: 0px;
    position: absolute;
    right: 281px;
    bottom: 0;
    z-index: 999;
    width: 320px !important;
    /*height: calc(100% - 55px);*/
}
.mychat_box .chat_box{
    position: fixed;
    bottom: 0px;
    height: calc(54% - 65px);
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background: #fff;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#append_chat_area .msg_time_send {
    position: absolute;
    right: 0;
    bottom: -16px;
    color: rgba(255,255,255,0.5);
    font-size: 10px;
    width:145px;
    display: block;
    text-align: right;
}
.color_bg_card {
    background: #7F7FD5;
    background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
    background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
    border-radius: 15px;
}

#append_chat_area .msg_card_body::-webkit-scrollbar { 
    display: none; 
}
   
.user_type_lbl {
    color: #6d6d6d;
    display: block;
    font-size: 12px;
    position: relative;
}
.user_chat_li {
   /* padding-bottom: 17px !important;*/
    cursor: pointer;
}
#chatUL .last_msg {
    display: block;
    font-size: 12px;
    color: #a7cf46;
}
.user_chat_list .contacts_body::-webkit-scrollbar { 
    display: none; 
}
input#chat_search {
    padding-left: 10px !important;
}
#chatUL .last_msg i {
    margin-right: 5px;
}
#chatUL .unread {
    color: #fe7d91 !important;
}
#action_menu_btn .chat_minimize{
    margin: 0;
    padding: 0;
    line-height: inherit;
    height: auto;
    font-size: 12px;
    vertical-align: top;
    margin: 0 8px;
    background: #ff3030;
    color: #fff;
    padding: 0 5px;
    border-radius: 4px;
    height: 20px;
}
#action_menu_btn .chat_maximize{
    font-size: 12px;
    margin: 0 8px;
    /* margin-top: 2px; */
    background: #ff3030;
    color: #fff;
    padding: 0 5px;
    border-radius: 4px;
    line-height: 20px;
    height: 20px;
}
#action_menu_btn .chat_close {
    font-size: 16px;
    background: #ff3030;
    color: #fff;
    padding: 0 5px;
    border-radius: 4px;
    line-height: 20px;
    height: 20px; 
}
#append_chat_area .minimize_style {
    border-radius: 0 !important;
}
.minimize_style #append_chat_area .card-header {
    border-radius: 0 !important;
}


/*--10-05-2019*/
/*--09-04-2019--*/
/*.newInput .form-control {
    border-radius: 1px !important;
    border: 2px solid #e5e5e5 !important;
    text-align: center;
}*/
.py-0{
    padding-top: 0px !important;
    padding-bottom:  0px !important;
}
.pt10{
    padding-top: 10px !important;
}
.pb30{
    padding-bottom:30px !important;
}
.search-bar{
    width: 65%;
    display: flex;
}
/*.date-range{
    width: 35%;
    margin: 0 5px;
}*/
.buttons{
    margin: 0 5px;
}
/*.newInput .btn{
    background: #004481 !important;
    font-weight: bold;
    padding: 8px 15px;
    border:1px solid transparent;
    color:#fff;
}*/

.newInput option:first-child {
    color: #e5e5e5;
  }
.newInput option:first-of-type {
    color: #e5e5e5;
  }
  .newInput .panel-title{
      color:#858585;
     
  }
  .upload-btn-wrapper input[type=file] {
    /*font-size: 100px;*/
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    height: 36px;
  }
  .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  
  .upload-btn-wrapper .btn {
    color: #004481;
    background-color: #d9e2ed;
    padding: 8px 15px;
    border: 1px solid #004481;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
  }
  .customer-box{
      background: #fff;
      min-height: 150px;
      box-shadow: 0px 18px 60px 0px #00448114;
      border-radius: 12px;
      padding: 30px;
      margin-bottom: 30px;
  }
  .total-digit{
    color: #1E2334;
    font-size: 34px;
    font-weight: 600;
    line-height: 36px;
  }
  .icon-with-tittle{
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    color: #868890;
  }

  .newInput .panel{
      /* box-shadow:none; */
      background: transparent !important;
  }
  .newInput .small-box .imgIcn, .newInput .small-box .rightTxt{
      display: inline-block;
      vertical-align: top;
  }

/*.newInput .table-responsive table tr th {
    background: #b4cbd1;
    color: #000;
    border-right: 1px solid #e5e5e5;
    text-transform: uppercase;
}*/
.newInput .table-responsive table tr th {
    background: #fff;
    color: #787b85;
    border-right: none;
    font-weight: bold;
    padding: 8px 5px !important; 
    text-align: center;
  }
  .newInput .table-responsive .table tr th a {
    color: #787b85 !important;
  }
/*.newInput .table-responsive .table tr th a {
    color:#000  !important;
}*/
/*.newInput .table-responsive .btn-info.btn-circle{
    background: transparent !important;
    color:#999999 !important;
}*/
.newInput .table-responsive .fa-pencil{
    color:#999999 !important; 
}
.newInput .pagination>.active>a,.newInput .pagination>.active>span,.newInput .pagination>.active>a:hover, 
.newInput .pagination>.active>span:hover,.newInput .pagination>.active>a:focus,.newInput .pagination>.active>span:focus {
    background: transparent;
    border-color: #a7cf46;
    color: #a7cf46;
}
/*.menu-icon-q>ul>li.active a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #617083;
    left: 50%;
    transform: translateX(-50%);
}*/
.menu-icon-q>ul>li.active a{
    border: 0;
    position: relative;
    color: #E67D04;
}
/*--09-04-2019 end--*/

/*--10-04-2019--*/
/*.newInput .form-group label {
    color: #858585;
    font-size: 11px;
    vertical-align: top;
    top: 0;
}*/
#element4{
    display: block;
}
/*#element4 .btn{
    width: 94% !important;
}*/
/*.newInput .contrlbtn .btn {
    font-size: 12px;
    padding: 5px 7px;
}*/
/*.newInput .table-responsive table tr td:last-child {
    text-align: center;
}*/
/*.navbar {
    background: #004481 !important;
    background: #fff !important;
}*/
/*----*/


.drop-mega-b .dropdown-menu {
    right: -103px;
    /* width: 676px; */
    overflow: scroll;
    width: 1140px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.drop-mega-b .open .dropdown-menu {
    margin-top: 0 !important;
    padding: 15px 0;
}
.drop_mega-list a{
    text-align: left !important;
}
.hm_mnu .dropdown-list a{
    text-align: left !important;
}
.drop-mega-b .dropdown-menu .drop_mega-list>ul {
    list-style: outside none none;
    padding: 0;
}

.drop-mega-b .open .dropdown-menu .drop_mega-list>ul {
    list-style: outside none none;
    padding: 0;
}

.drop-mega-b  .open .dropdown-menu .drop_mega-list>ul>li {
    list-style: none;
}

.drop-mega-b  .dropdown-menu .drop_mega-list {
    padding: 0 10px;
}

.drop-mega-b .dropdown-menu .drop_mega-list>ul>li a {
    display: block;
    font-size: 12px;
    padding: 5px 5px;
}

.drop_mega-list h4{
    padding-left:5px;
}
 .drop-mega-b .dropdown-menu::-webkit-scrollbar { 
    display: none; 
} 
.drop-mega-b .btn, .selectLang .btn{
    display: block;
   /* padding: 20px 18px;*/
    color: #fff;
    border: none;
    position: relative;
    line-height: 20px;
}
#element3.selectLang .dropdown-menu:before{
    left: 50% !important;
}

#element3.selectLang .dropdown-menu:after {
    left: 50% !important;
}
.logoMenu .waves-button {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 0px !important;
}
.logoMenu .waves-button {
    padding-top: 12px !important;
    padding-bottom: 8px !important;
    padding-left: 0px !important;
}
.newInput .table .success td{
    background-color: #ffffff;
}
/*.newInput .nav-tabs>li.active>a,.newInput .nav-tabs>li.active>a:hover, .newInput .nav-tabs>li.active>a:focus {
    color: #004481;
    cursor: default;
    background-color: #004481;
    border-bottom-color:transparent;
    border: none !important;
    border-radius: 6px 6px 0 0 !important;
    padding: 10px 15px;
}*/
/*.newInput .nav-tabs>li>a {
    border-radius: 6px 6px 0 0!important;
    color: #000;
    font-size: 15px;
    background:none;
}
.newInput .vtd_navtab #element1, .newInput .vtd_navtab .nav-tabs {
    background: #d9e2ed;
    border-radius: 4px;
}*/
/*.newInput .nav-tabs>li>a:hover {
    background: transparent;
    border-color: transparent;
    color: #fff;
}
.newInput .nav-tabs li.active a{
    color:#fff;

}*/
/*.newInput .nav-tabs li a{
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}*/
/*.newInput #element1 li.active a:after, .newInput .vtd_navtab .nav-tabs li.active a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #f2f2f2;
    left: 50%;
    transform: translateX(-50%);
}*/
/*.newInput .tab-content {
    border: none;
    border-top: 1px solid #b4cbd1 !important;
    background: #f2f2f2;
    box-shadow: none;
}*/
.newInput .comnlable {
    color: #666666;
    margin-right: 15px;
}
/*.newInput .dataTables_length .btn{
    margin-left: 15px;
}  */     
.newInput .stockList span{
    background: transparent !important;
    position: relative; 
    color:#000;
}
/*.newInput .stockList .label-success{
    background: transparent !important;
}*/
.newInput .stockList .label-success i{
    color:#a7d046;
}
.newInput .stockList .label-warning i{
    color: #f0ad4e;
}
.newInput .stockList .label-danger i{
    color: #f25656;
}
.newInput .stockList i{
    margin-right: 5px;
}

.newInput .stockList2 .label-orange i{
    color:#f0ad4e;
}
.newInput .stockList2 .label-pink i{
    color: #f25656;
}
.newInput .stockList2 .label-blue i{
    color: #004481;
}
.newInput .stockList2 i{
    margin-right: 5px;
}
.newInput .stockList2 .label{
    color:#797979;
    font-size: 12px;
}
.stockList2 {
    vertical-align: bottom;
    margin-top:1px;
}
.stockList2 h6 {
    display: inline-block;
    font-size: 13px;
    margin-right: 6px;
}

.whereItem {
    padding: 30px 0;
}
.whereItem .btn {
    vertical-align: top;
}
.whereItem label h4 {
    font-size: 13px;
    margin-right: 15px;
}
.whereItem label {
    margin-top: 12px;
}
.whereItem .btn {
    vertical-align: top;
    margin-left: 15px;
}
.bulkdltsec{
    padding-top: 30px;
}
.newInput .newBtn{
    background: transparent !important;
    color:#999999;
}
.newInput .newBtn {
    border: none !important;
    padding-right: 0;
}
.newInput .newBtn:hover{
    color: #99c621;
}
.newInput .newBtn i{
    color: #99c621;
    margin-right: 2px;
}
/*.menu {
    background: #617083 !important;
}*/
.bdr {
    border: 1px solid #9a9a9a;
    color: #9a9a9a;
    padding: 2px;
    display: inline-block;
}
.newInput .bdr i{
    color: #9a9a9a;
}
.newInput img.centered {
    display: block;
    margin: 0 auto;
}
.danger {
    color: #f05555;
}
.warning{
    color:#f0ad4e;
}
.success{
    color:#a7d046; 
}
/*li#element7.ntfctn {
    margin-right: 0px;
}*/
.selectLang {
    margin-top: 10px;
}
.drop-mega-b{
    margin-top: 10px; 
}

/*--Table Align--*/
.table-responsive {
    text-align: center !important;
}
/*.table-responsive table tr th {
    text-align: center !important;
}*/
.table-responsive.not_right {
    text-align: left !important;
}
/*--Table Align end--*/
.menu-icon-q{
    border:0 !important;
}
div#scheduler_here {
    height: 100vh !important;
}

.dhx_cal_event_line.dhx_cal_event_line_start.dhx_cal_event_line_end {
   color:#fff !important;
}
.dhx_cal_event_clear.dhx_cal_event_line_start.dhx_cal_event_line_end {
    color: #fff !important;
    padding: 5px 0;
    list-style: none !important;
}
  
  .new .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  .check_on label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.check_on input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.check_on label {
    position: relative;
    cursor: pointer;
  }
  /* .check_on  input {
    display: none;
    cursor: pointer;
  } */
/*  img.userImg {
    width: 13px;
    margin-right: 20px;
}*/
/*img.usr-notify {
    width: 13px;
}*/

div#cust_name, div#cust_name_search {
    display: none;
    height: auto;
    width: calc(100% - 32px) !important;
    -webkit-box-shadow: -3px 6px 19px -9px rgba(0,0,0,0.2);
    -moz-box-shadow: -3px 6px 19px -9px rgba(0,0,0,0.2);
    box-shadow: -3px 6px 19px -9px rgba(0,0,0,0.2);
}
.intro {
    position: absolute;
    z-index: 1;
    background: #fff;
    height: 165px !important;
    overflow-y: scroll;
    padding-left: 10px;
    padding-top: 7px;
    display: block !important;
    border-bottom: 10px solid #fff;
}

/* .intro::-webkit-scrollbar { 
    display: none; 
} */
#ui-id-1::-webkit-scrollbar {
    display: none; 
}
.ui-widget.ui-widget-content{
    background: #fff;
}
div#cust_name a, div#cust_name_search a {
    color: #333;
    display: block;
    margin-bottom: 2px !important;
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
    position: relative;
}
 .intro a {
    padding-bottom: 5px;
}
.intro a:hover  {
    color: #004481 !important;
} 

div#cust_name a:after, .intro a:after, div#cust_name_search a:after {
   content:'';
   position: absolute;
   border-bottom: 1px solid #ccc;
   left: 0;
   bottom: 0;
   width:0px;
   opacity: 0;
}
div#cust_name a:hover:after, .intro a:hover:after, div#cust_name_search a:hover:after {
    content:'';
    position: absolute;
    border-bottom: 1px solid #ccc;
    left: 0;
    bottom: 0;
    width:100%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear; 
    opacity: 1;
 }

a.each_cust1 span {
    margin: 0 10px;
    display: inline-block;
}
.mt0{
    margin-top:0 !important;
}
/*.hederBg{
    background: #b4cbd1;
}*/
ul.eightBx {
    padding-left: 0;
    text-align: center;
}

.fc-button:hover, .fc-button:active, .fc-button.hover {
    background-color: #b4cbd1 !important;
}

.selectLang-emp > a{
    color:#fff !important;
}
/*#sale table i {
    color: #999;
    font-size: 16px;
}*/
select#public_folder {
    margin-right: 10px;
}
.pr15{
    padding-right: 15px !important;
}
.eyepopup tr > td:first-child{
    font-weight:bold;
}
  .eyepopup .modal-body{
    border: 10px solid #b4cbd1;
    margin-bottom:10px;
  }
  .eyepopup .modal-header{
    background: #b4cbd1;
  }
  .eyepopup .modal-title {
    text-transform: capitalize;
    color: #000;
}
h2.no_work_form {
    font-size: 20px;
    border: 1px solid #b4cbd1;
    padding: 10px;
    border-radius: 25px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #b4cbd1;
}
#addmore, .deletemore {
    background: #004481 !important;
    color: #fff;
}
span.icn-img i {
    font-size: 26px;
    color: #b4cbd1;
    margin-bottom: 2px;
}
h2.num_circle {
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: -10px;
}
#call_minimize_href {
    position: absolute;
    right: 57px;
    top: 105px;
    width: 50px;
    height: 50px;
    background: #a7d046;
    border: 2px solid rgba(221, 221, 221, 0.8);
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    -webkit-animation: call-comming 1s linear infinite;
    animation: call-comming 1s linear infinite;
    -webkit-transition: .5s linear;
    text-shadow: 1px 1px 1px #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
@-webkit-keyframes call-comming {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1);
        box-shadow: 0 0 0 0 rgba(0, 49, 0, 0.1), 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1), 0 0 0 60px rgba(0, 49, 0, 0);
        box-shadow: 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1), 0 0 0 60px rgba(0, 49, 0, 0)
    }
}

@keyframes call-comming {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 49, 0, 0.1), 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1);
        box-shadow: 0 0 0 0 rgba(0, 49, 0, 0.1), 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1), 0 0 0 60px rgba(0, 49, 0, 0);
        box-shadow: 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1), 0 0 0 60px rgba(0, 49, 0, 0)
    }
}

.grid_view_show .hide_info {
    display: inline-block !important;
}
.grid_view_show .textSec h3 {
    border-bottom: 0;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 0;
}
.grid_view_show.subInnerBg {
    height:53px !important;
    display: inline-block;
    border-radius: 5px !important;
    box-shadow: none;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: -moz-linear-gradient(left, #CCCCCC 0%, #EEEEEE 50%, #EEEEEE 50%, #CCCCCC 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dcdcdc),color-stop(50%,#EEEEEE), color-stop(50%,#EEEEEE), color-stop(100%,#dbdbdb));
    text-shadow: 1px 1px 0 #fff;
    box-shadow: 2px 14px 7px -15px rgba(0,0,0,0.75);

}
.grid_view_show .textSec ul {
    padding-left: 0;
    position: relative;
    list-style: none;
    text-align: center;
    width: 100%;
    margin-top: 5px;
}
.grid_view_show .userDtlsSec .textSec {
    word-break: break-word;
    text-align: center;

}
.grid_view_show .userDtlsSec {
    width: 103px;
}
.grid_view_show img.centered {
    width: 10px;
    position: relative;
    left: -5px;
    top:-4px;
}
.grid_view_show .cross_div_btn{
    float: right;
}
.btn_list i {
    font-size: 32px;
    color: #8e8e8e !important;
}
.grid_view_show img.centered {
    width: 10px;
    position: relative;
    left: -5px;
    top: 0px;
    height: 15px;
}
#trash_popup .hide_info {
    top: -3px;
    position: relative;
}
.ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item:focus {
    list-style-image: none !important;
    background: #fff !important;
    color: hsl(0, 0%, 47%) !important;
}
/*.row.chat_users.user_chat_list {
    position: relative;
    z-index: 999;
}*/
/*--30Day chart section--*/
@-webkit-keyframes animate-width {
    0% {
      width: 0;
    }
    100% {
      visibility: visible;
    }
  }
  @-moz-keyframes animate-width {
    0% {
      width: 0;
    }
    100% {
      visibility: visible;
    }
  }
  @keyframes animate-width {
    0% {
      width: 0;
    }
    100% {
      visibility: visible;
    }
  }
  @-webkit-keyframes animate-height {
    0% {
      height: 0;
    }
    100% {
      visibility: visible;
    }
  }
  @-moz-keyframes animate-height {
    0% {
      height: 0;
    }
    100% {
      visibility: visible;
    }
  }
  @keyframes animate-height {
    0% {
      height: 0;
    }
    100% {
      visibility: visible;
    }
  }

  #bar-chart {
    height: 312px;
    width: 80%;
    position: relative;
    margin: 50px auto 0;
    color: #cdcdcd;
    /* background-color: #3b4150; */
}
  #bar-chart * {
    box-sizing: border-box;
  }
  #bar-chart .graph {
    height: 283px;
    position: relative;
  }
  #bar-chart .bars {
    height: 253px;
    padding: 0 2%;
    position: absolute;
    width: 100%;
    z-index: 10;
  }
  /* #bar-chart .bar-group {
    display: block;
    float: left;
    height: 100%;
    position: relative;
    width: 12%;
    margin-right: 10%;
  } */
  #bar-chart .bar-group {
    display: block;
    float: left;
    height: 100%;
    position: relative;
    width: 3.3%;
    margin-right: 0%;
}
  #bar-chart .bar-group:last-child {
    margin-right: 0;
  }
  #bar-chart .bar-group .bar {
    visibility: hidden;
    height: 0;
    -webkit-animation: animate-height;
    -moz-animation: animate-height;
    animation: animate-height;
    animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
    -webkit-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
    -moz-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15);
    border: 1px solid #87989d;
    border-radius: 1px 1px 0 0;
    bottom: 0;
    cursor: pointer;
    height: 0;
    position: absolute;
    text-align: center;
    width: 45%;
}
  #bar-chart .bar-group .bar:nth-child(2) {
    left: 35%;
  }
  #bar-chart .bar-group .bar:nth-child(3) {
    left: 70%;
  }
  #bar-chart .bar-group .bar span {
    display: none;
  }
  #bar-chart .bar-group .bar-1 {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
  }
  #bar-chart .bar-group .bar-2 {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
  }
  #bar-chart .bar-group .bar-3 {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
  }
  #bar-chart .bar-group .bar-4 {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
  }
  #bar-chart .bar-group .bar-5 {
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
  }
  #bar-chart .bar-group .bar-6 {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
  }
  #bar-chart .bar-group .bar-7 {
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
  }
  #bar-chart .bar-group .bar-8 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
  }
  #bar-chart .bar-group .bar-9 {
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
  }
  #bar-chart .bar-group .bar-10 {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
  }
  #bar-chart .bar-group .bar-11 {
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
  }
  #bar-chart .bar-group .bar-12 {
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
  }
  #bar-chart .bar-group .bar-13 {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
  }
  #bar-chart .bar-group .bar-14 {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s;
  }
  #bar-chart .bar-group .bar-15 {
    animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
  }
  #bar-chart ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #bar-chart .x-axis {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  /* #bar-chart .x-axis li {
    float: left;
    margin-right: 10.5%;
    font-size: 11px;
    width: 11.5%;
  } */

  #bar-chart .x-axis li {
    float: left;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 11px;
    width: 3.2%;
    display: inline-block;
}
  #bar-chart .x-axis li:last-child {
    margin-right: 0;
  }
  #bar-chart .y-axis {
    position: absolute;
    text-align: right;
    width: 100%;
  }
  #bar-chart .y-axis li {
    border-top: 1px solid #4e5464;
    display: block;
    height: 63.25px;
    width: 100%;
  }
  #bar-chart .y-axis li span {
    display: block;
    font-size: 11px;
    margin: -10px 0 0 -60px;
    padding: 0 10px;
    width: 40px;
  }
  #bar-chart .stat-1 {
    background-image: -webkit-linear-gradient(left, #bcd1d6 0%, #cbdbde 47%, #e3ebee 50%, #f1f6f7 100%);
    background-image: linear-gradient(to right, #bcd1d6 0%, #cbdbde 47%, #e3ebee 50%, #f1f6f7 100%);
}
  
  #bar-chart .stat-2 {
    background-image: -webkit-linear-gradient(left, #b8f123 0%, #b8f123 47%, #79a602 50%, #79a602 100%);
    background-image: linear-gradient(to right, #b8f123 0%, #b8f123 47%, #79a602 50%, #79a602 100%);
  }
  #bar-chart .stat-3 {
    background-image: -webkit-linear-gradient(left, #00c5ff 0%, #00c5ff 47%, #0383a9 50%, #0383a9 100%);
    background-image: linear-gradient(to right, #00c5ff 0%, #00c5ff 47%, #0383a9 50%, #0383a9 100%);
  }
  .icon-with-tittle.border-bottom.task {
    position: absolute;
    right: 0px;
    top:48%;
    border-bottom: 0;
    font-size: 16px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#trash_popup li, .subInnerBg {
    display: inline-block;
}
ul.invceListTxt {
    padding-left: 0;
    list-style: none;
    font-weight: bold;
}
ul.invceListTxt li {
    padding-bottom: 1px;
    font-weight: normal;
}
/* ul.invceListTxt li:nth-child(1){
    color:#78281F;
}
ul.invceListTxt li:nth-child(2){
    color:#4A235A  ;
}
ul.invceListTxt li:nth-child(3){
    color:#1B4F72    ;
}
ul.invceListTxt li:nth-child(4){
    color:#0B5345;
}
ul.invceListTxt li:nth-child(5){
    color:#784212;
} */
.text-center {
    text-align: center !important;
}
/*--Phone Section--*/
.call-modal-content{
    border-radius: 20px;
}
.call-modal-content .tab-content {
    border-radius: 20px;
}
.call-modal-content .nav-tabs {
    justify-content: center;
    display: flex;
}
.call-modal-content .nav-tabs>li>a{
    margin-right: 0;
    margin: 1px;
}
#output{
    position: relative;
}
.call-to{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.call-to h5{
    margin-right: 5px;
    color: #000;
}
.my_numbers_div {
    width: 100%;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
}
.my_numbers_div h5{
    color: #000;
}
.row_digit {
    display: flex;
    justify-content: space-around;
}
.botrow {
  display: flex;
  justify-content: space-around;
}
.dig {
    float: left;
    padding: 15px 15px;
    width:50px;
    height: 50px;
    cursor: pointer;
}
.digit, .dig {
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: #f0f9fe;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #e7f1f3;
    margin: 5px;
    padding: 8px 0;
    font-size: 22px;
    font-weight: 500;
}
#dialerModal .modal-dialog, #incoming_call_dialog .modal-dialog{
  width: 320px;
  margin: 30px auto;
  text-align: center;
}
#call_controll {
    /*background: #fff !important;
    margin: 0px auto;
    padding: 2px 2px;
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 10px;
    letter-spacing: 0.3em;
    color: rgba(0, 0, 0, 0.7);
    border-radius: 28px;
    transition: all 0.7s ease-out;
    text-decoration: none;
    border: 1px solid #ccc;*/
}
#call_controll #recorder_btn {
    /*background: transparent !important;*/
    /*color: rgba(0, 0, 0, 0.7);*/
    min-width: 115px;
    /*text-transform: uppercase;
    font-weight: 500;*/
}
#recorder_stop_btn {
    /*opacity: 0;
    transition: all 0.3s ease-in;*/
    background: #f000 !important;
    /*margin: 0px auto;*/
    /*padding: 2px 18px;*/
    display: inline-block;
    /*background: transparent;
    text-transform: uppercase;
    font-weight: 500;*/
    /*width: auto;*/
    /*font-style: normal;
    letter-spacing: auto;*/
    color: rgba(0, 0, 0, 0.7);
    /*border-radius: 28px;*/
    /*transition: all 0.7s ease-out;*/
    /*text-decoration: none;*/
    border: 1px solid rgba(255, 0, 0, 0);
    /*transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;*/
}
#recorder_stop_btn:hover{
    color: red;
}
#call_controll:hover{
    /*border-top:1px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom: 1px solid #66bb6a;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;*/
}
#call_controll #recorder_stop_btn {
    opacity: 1;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    background: #fff !important;
    border: 1px solid red;
    color: red;
    margin-top: 5px;
}
#call_controll #recorder_stop_btn:hover{
    /*border-bottom: 1px solid red;*/
}
.my_numbers_div:hover {
    /*color: rgb(180, 203, 209);
    border: 1px solid rgb(180, 203, 209);
    background-position: right center;
    position: relative;
    left:2px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;*/
}
.newInput .my_numbers_div option:first-of-type {
    color: #4e4e4e;
}
.my_numbers_div .my_twl_number {
    /*color: #fff;
    background: #b4cbd1;
    border: 0;
    border-radius: 18px;
    position: relative;
    left: 0px;
    height: 29px;
    float: right;
    top: -1px;
    font-size: 12px;*/
    border: 0;
    color: #004481;
}
.my_numbers_div select:focus, #output .phone-number {
    outline: none;
}
.call-to input[type="text"]:focus{
   outline: none; 
}
.my_numbers_div label{
    padding-top: 5px;
    width: auto !important;
}
/*#output label {
    position: absolute;
    top: 8px;
    left: 0;
    width: auto;
}*/
input.phone-number {
    background: #FFFFFF;
    border: 1px solid #DFE3F5;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: none;
    min-height: 34px;
    padding: 2px 5px;
    width: 180px;
    margin-top: 2px;
}
/*  #dialerModal .modal-content,#incoming_call_dialog .modal-content {
    border-radius: 20px !important;
    border-left: 7px solid #444444;
    border-right: 7px solid #444444;
}*/
/*  #dialerModal #output, #incoming_call_dialog #output {
    font-family: "Exo";
    font-size: 2rem;
    height: 60px;
    font-weight: bold;
    color: #848484;
    text-align: center;
}*/
/*#dialerModal .btn, #incoming_call_dialog .btn{
    display: block;
    margin: 0px auto;
    padding: 2px 18px;
}*/
#dialerModal #button-call , #incoming_call_dialog  #button-call{
    display: inline-block;
    background-color: #66bb6a;
    padding: 0;
    margin:5px;
    color: white;
    cursor: pointer;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    line-height: 50px;
    font-size: 25px;
    position: relative;
    float: inherit;
}
.sendQuotationMail {
    background-color: #004481;
    color: #fff;
    border: 1px solid transparent;
}
.sendQuotationMail:hover{
    background-color: #004481;
    color:#fff;
}
#dialerModal .botrow .digit {
    line-height: 42px;
}
button.btn.btn-success.paypl.pygtcn {
    background: #004481;
}
#button-answer {
    background-color: #66bb6a;
    margin: 10px;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    display: inline-block;
}
#button-reject {
    background-color: red;
    margin: 10px;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    display: inline-block;
}
#dialerModal #button-call {
    background-color: #66bb6a;
    padding: 0;
    margin: 5px;
    color: white;
    height: 60px;
    width: 60px;
    border-radius: 50px;
    line-height: 60px;
    font-size: 25px;
    cursor: pointer;
}
#button-hangup {
  display: none;
  background-color: red;
  padding: 0;
  margin: 5px;
  color: white;
  height: 60px;
  width: 60px;
  border-radius: 50px;
  line-height: 60px;
  font-size: 25px;
  cursor: pointer;
}
.botrow {
    width: 100%;
}
div#dial-timer-incoming {
    margin-bottom: 5px;
    font-size: 20px;
    color: #5543ca;
    background: #5543ca;
    background: -moz-linear-gradient(left,#f4524d 0%,#5543ca 100%) !important;
    background: -webkit-linear-gradient(left,#f4524d 0%,#5543ca 100%) !important;
    background: linear-gradient(to right,#f4524d 0%,#5543ca 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    padding-bottom: 5px;
    margin-top: 5px;
}
div#output-incoming {
    border-radius: 10px;
    color: #444444;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 6px;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
#output-incoming{
    color: black; 
 font-family: "arial";
 font-size: 3em;
 white-space: nowrap;
 overflow: hidden;
 width: 100%;
 animation: animtext 3s steps(80, end); 
  transition: all cubic-bezier(0.1, 0.7, 1.0, 0.1);
}
a.btn.btn-success.addNewTax {
    background: none;
    color: #004481;
    padding: 0;
    border: 0;
}
@keyframes animtext { 
 from {
     width: 0;
    transition: all 1s ease-in-out;
 } 
}

#incoming_call_dialog .modal-footer {
    margin-top: 4px;
    padding-top: 0 !important;
}
/* .subInnerBg:hover .mini-info{
    width: 100%;
    height:200px;
    opacity: 1;
    padding: 15px;;
} */
.subInnerBg:hover .mini-info {
    width: 132px;
    height: 60px;
    opacity: 1;
    padding: 6px;
    z-index: 99999;
    overflow: scroll;
    text-align: left;
    top: -67px;
}

.subInnerBg:hover .mini-info {
    width: 150px;
    height: 160px;
    padding:8px;
    z-index: 999;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: left;
    top: -40px;
    border-radius: 5px;
    word-break: break-all;
    left: -35px !important;
}
.subInnerBg:hover .mini-info::-webkit-scrollbar {
    width:1px !important;
   }
   /* Track */
   .subInnerBg:hover .mini-info::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px #ccc !important;
    border-radius:1px !important;
   }
    
   /* Handle */
   .subInnerBg:hover .mini-info::-webkit-scrollbar-thumb {
    background: #1e9ad6 !important;
    border-radius:1px !important;
   }
   
   /* Handle on hover */
   .subInnerBg:hover .mini-info::-webkit-scrollbar-thumb:hover {
    background: #1e9ad6;
   }

.grid_view_show:hover .mini-info {
    width: 132px;
    height: 60px;
    opacity: 1;
    padding: 6px;
    z-index: 99999;
    overflow: scroll;
    text-align: left;
    top: -67px;
}
.grid_view_show:hover .mini-info {
    width: 150px;
    height: 118px;
    opacity: 1;
    padding: 5px;
    z-index: 999;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: left;
    top: -95px;
    border-radius:5px;
}
.grid_view_show:hover .mini-info::-webkit-scrollbar {
    width:1px !important;
   }
   /* Track */
   .grid_view_show:hover .mini-info::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px #ccc !important;
    border-radius:1px !important;
   }
    
   /* Handle */
   .grid_view_show:hover .mini-info::-webkit-scrollbar-thumb {
    background: #1e9ad6 !important;
    border-radius:1px !important;
   }
   
   /* Handle on hover */
   .grid_view_show:hover .mini-info::-webkit-scrollbar-thumb:hover {
    background: #1e9ad6;
   }
   
.mini-info span{
    display: block;
    font-size: 12px;
}
.mini-info::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
.mini-info {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 0;
    border: 1px solid #ccc;
    text-align: center;
    background: #eee;
    /*border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: -moz-linear-gradient(left, #CCCCCC 0%, #EEEEEE 50%, #EEEEEE 50%, #CCCCCC 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dcdcdc),color-stop(50%,#EEEEEE), color-stop(50%,#EEEEEE), color-stop(100%,#dbdbdb));
    text-shadow: 1px 1px 0 #fff;
    box-shadow: 2px 14px 7px -15px rgba(0,0,0,0.75);*/
    transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.showNum {
    padding-top: 8px;
    display: block;
}
/*button#saveNotes, #btn_delete_lead_sels_funle{
    background-color: #004481;
    color: #fff;
    border: 1px solid transparent;
}*/
.settingSec .event-list>li>.social {
    position: absolute;
    top: 13px;
    right: 0px;
    width: 85px;
}
.settingSec .event-list>li {
    position: relative;
}
#ui-id-1 {
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
}
a {
    color: #004481;
    cursor: pointer;
}
#my_color_model .close {
    position: absolute;
    right: 12px;
    top: 6px;
    color: #004481;
    opacity: 0.6;
}
.page-inner.page-header-fixed.new_height {
    min-height: 650px !important;
    height: auto !important;
}
#directDateEvent .bootstrap-datetimepicker-widget .btn {
 background: transparent !important;
}
#save_edit_service{
    background: #004481 !important;
}
.vdoUser {
    /*display: inline-block;
    width: 90px;
    margin-left: 33px;
    float: left;
    text-align: center;*/
    position: relative;
    z-index: 2;
}
.vdoUser img{
    width: 45px;
}
.vdoTutrl {
    display: inline-block;
    font-weight: bold;
    margin-top: 2px;
    margin-left: 2px;
    font-size: 14px;
    color: #222;
    /*text-shadow: 1px 2px 3px #959595;*/
}
ul.dropdown-menu.check_on li{
    text-align: left;
}
.lftTime {
    display: inline-block;
    position: fixed;
    left: 45%;
    padding-top: 15px;
    color: #fff;
    top: 0;
    z-index:1001;
    transform: translateX(-53%);
}
.lftTime button {
    background: url(../images/upgradeButton.png);
    border: none;
    background-size: 100%;
    height: 40px;
    position: relative;
    width: 100px;
    background-repeat: no-repeat;
    top: 19px;
}
.lftTime a {
    width: 100%;
    display: block;
}
.lftTime .daysCnt {
    position: relative;
    top: 10px;
    text-shadow: 1px 3px 2px #64a0d6;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    width: 100% !important;
}

.eightBx .dropdown-menu:before {
    border-bottom: 8px solid #ffffff;
}
/*.login-body{
    background: #eee !important;
}*/
/*.login-body .page-content{
    background: #1f9ad6 !important;
    background-color:  #1f9ad6 !important;
    overflow-y: hidden;
}*/
/*.login-body .page-inner {
    background:#1f9ad6 !important;
}*/
/*.login-body button.btn.btn-success.btn-block {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
}*/
/*.login-body .forgot-pass {
    position: relative;
    margin-bottom: 10px;
    display: block;
    height: 15px;
    margin-top: -20px;
}
.login-body .forgot-pass a {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #000;
    font-weight: bold;
}
.login-body h3{
    text-align: center;
    margin-bottom: 30px;
}
.login-body h4{
    text-align: center;
    font-size: 16px;
    color: #000;
    margin: 24px 0;
    position: relative;
}*/
/*.login-body h4:after {
    content: '';
    position: absolute;
    border: 0.5px solid #000;
    left: 0;
    width: 36%;
    top: 8px;
}
.login-body h4:before {
    content: '';
    position: absolute;
    border: 0.5px solid #000;
    right: 0;
    width: 36%;
    top: 8px;
}*/
.login-body .radio, .login-body .checkbox {
    padding-left: 0;
}
/* .not-member img{
    width: 100%;
} */
.login-body h5{
    font-size: 14px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.dashboard_home_page1 .dropdown-list{
    text-align: left !important;
}

#no_access{
    position:relative;
}

body#no_access_body {
    overflow: hidden;
}

#no_access:after {
    content: '';
    position: absolute;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height:900vh;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index:1000;
}
#no_access_body .lftTime{
    position: fixed;
    top: 1px;
    z-index: 1001 !important;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

#thisform .panel-heading .panel-title {
    font-size: 17px !important;
    border-left:6px solid #eee;
    margin-top: 15px;
}
.jqte_tool.jqte_tool_1 .jqte_tool_label {
    height: 26px !important;
}
a.cross_estimate {
    position: absolute !important;
    right: 6px;
    top: 5px;
}
#thisform .form-group {
    position: relative;
}
.uploadlogo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
}
.uploadlogo img {
    width: 40px;
    height: auto;
}
#callscheduleForm .btn{
    background: none !important;
}
.bootstrap-datetimepicker-widget .btn{
    background: none !important;
    background-color: none !important;
}
 #tab2 .table-striped th {
    background-color:#b4cbd1 !important;
    color:#fff;
    text-align: center;
}
#tab2 .table-striped{
    text-align: center;
}
#tab2 audio {
    height: 38px !important;
    outline: none;
}
div#call_btn_ch_in {
    margin-top: 15px;
    /*border-bottom: 1px solid #e6e6e6;*/
    margin-bottom: 15px;
}
#button-answer, #button-reject{
    position: relative;
}
/* the 'wave', same shape and size as its parent */
#button-answer:hover .phone-wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    background: #6fd173 !important;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}
#button-reject:hover .phone-wave-red {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    background: red;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}
.note-scroll {
    overflow-y: scroll;
    height: 340px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  
  /*
    Animate!
    NOTE: add browser prefixes where needed.
  */
  .phone-wave, .phone-wave-red  {
    animation: phone-wave 2s linear infinite;
  }
  
  @keyframes phone-wave {
    from {
      opacity: 0.4;
    }
    to {
      transform: scale(3);
      opacity: 0;
    }
  }
  @keyframes  phone-wave-red {
    from {
      opacity: 0.4;
    }
    to {
      transform: scale(3);
      opacity: 0;
    }
  } 


#dialerModal .nav.nav-tabs li{
    width: 49%;
    /*background:#b4cbd1;*/
}
#dialerModal .nav.nav-tabs li.active {
    /*background:#a7d046;*/
    margin-bottom: 0;
}

.customer-avatar {
    border: 1px solid #d9e2ed;
    background: #d9e2ed;
    border-radius: 6px;
    overflow: hidden;
    padding: 5px;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}
.customer-avatar img{
    width: 100%;
    border-radius: 6px;
}

/* Normal desktop :992px. */

/****************************************************************************************
@
@	Tablet Styles
@
****************************************************************************************/

@media only screen and (min-width : 992px) and (max-width : 1024px) { 
    .eightBx > li {
        width: 24% !important;
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive {
        padding-top:2px !important;
    }
    .bdr {
        right:0px;
    }
    .stockList2 {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width:991px) {
    .top-search{
        display: none;
    }
    .navbar-nav{
        display: flex;
    }
    .center-menu {
        display: flex;
    }
    .eightBx > li {
        width: 25% !important;
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch;
    }
    .bdr {
        right:0px !important;
    }
    .table-responsive {
        padding-top:2px !important;
    }
    .stockList2 {
        margin-bottom: 10px;
    }
    .newGreen {
        background: #a7d046;
        min-height: 218px;
    }
    .menu.accordion-menu li {
        padding-left: 0px;
    }
    .hrs {
        top: 0 !important;
        margin-bottom: 5px;
    }
    a.btn.btn-success.newBtn.mbl-txt-right {
        width: 100%;
        text-align: right;
    } 
    .customsale li {
        width: 49.1%;
    }
    .col-md-6.ui-droppable{
        min-height: auto;
    }
    form#message-frm input {
        width: 80% !important;
    }
    div#example_length {
        padding-top: 10px;
    }
    .stockList {
        padding-bottom: 5px;
    }
    .templateBx h2 {
        font-size: 15px !important;
    }
   
    i.fa.fa-search {
        margin-bottom: 10px;
    }
    .bdr {
        margin-bottom: 5px;
    }
    .tab-f-right{
        float: right !important;
    }
    .col-md-2.col-sm-2.drop_mega-list {
        height: 230px;
        overflow-y: scroll;
    }
    .drop-mega-b .dropdown-menu {
       width: 676px; 
    }
}


@media only screen and (min-width : 799px) and (max-width : 1279px) { /* viewport 800*1280 Galaxy Tab(1/2 10.1) and Kindle Fire HD 8.9" */
    .top-menu .navbar-nav>li>a {
        padding: 20px 10px;
    }
}

/****************************************************************************************
@
@	Mobile Styles
@
****************************************************************************************/
.drop-mega-b .dropdown-menu .drop_mega-list {
    padding: 0 10px;
    text-align: left;
}
div#sup_name{
    width: calc(100% - 32px) !important;
}
#emailQuatation .modal-dialog {
    width:70% !important;
}
#emailQuatation a.marg-5{
    margin-top: 0px;
}
.invcngBx .due, .invcngBx .paid{
    width: 49%;
    display: inline-block;
    text-align: center;
}
.invcngBx .due h5, .invcngBx .paid h5{
    font-size: 28px;
    color:red;
}
.invcngBx .due h2, .invcngBx .paid h2 {
    font-size: 18px;
    margin-left: 38px;
    color: #404040;
}
.invcngBx .due h4, .invcngBx .paid h4 {
    color: #404040;
}
.invcngBx .due ul, .invcngBx .paid ul {
    list-style: none;
    border-top: 1px solid #ccc;
}
.invcngBx .due p, .invcngBx .paid p{
    list-style: none;
    border-top: 1px solid #ccc;
    color:#404040;
}

/*#fly_keypad .digit_global {
    float: left;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 2rem;
    cursor: pointer;
    background: #f0f9fe;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    margin: 5px;
    border: 1px solid #e7f1f3;
    position: relative;
    left: 7px;
}*/

/*#fly_keypad .sub {
    font-size: 0.8rem;
    color: grey;
}


#output_global #output{
    font-family: "Exo";
    font-size: 2rem;
    height: 60px;
    font-weight: bold;
    color: #848484;
    text-align: center;
}
#output_global #phone-number {
    font-size: 16px;
    font-weight: normal;
    color: #848484;
    width: 100%;
    left: -8px;
    border: none;
    text-align: center;
    border-bottom: 1px solid;
    margin-bottom: 25px;
}
div#fly_keypad {
    overflow: hidden;
}

#incoming_call_dialog .keypad_global_foot {
    padding-top: 10px !important;
}*/
div.msgBox {
    text-align: center;
    background:#b4cbd1;
    padding: 4px 4px 4px 4px;
    max-width: 630px;
    /* background: linear-gradient(62deg, rgb(230, 228, 230) 0%, rgb(28, 139, 193) 22%, rgba(0,212,255,1) 88%) !important; */
}
div.msgBoxContent span {
    vertical-align: middle;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}
div.msgBoxTitle {
    padding: 5px 0 5px 0;
    font-variant: small-caps;
    font-size:26px;
    font-weight: lighter;
    color: #000000;
    background: #b4cbd1;
    width: 100%;
    border-bottom: 1px solid #b0bcbf;
}

.msgBoxImage {
    border-radius: 50px;
    line-height: 105px;
    display: block;
    margin: 0 auto;
    width: 100% !important;
}
div.msgBoxContent {
    width: 100% !important;
}
.msgBoxContainer {
    background: url(../images/scrity.jpg);
    background-size: 100%;
    width: 100%;
    overflow: hidden;
    background-position: 0px -58px;
    background-repeat: no-repeat;
    padding-bottom: 15px;
    min-height: 100px;
    text-shadow: 1px 1px #dadada;
}
.msgBoxContent strong{
color:#000;
}
.msgBoxImage{
    display: none !important;
}
div.msgBoxImage img {
    height: 55px;
    width: 55px;
    position: relative;
    top: -24px;
}
.skiptranslate.goog-te-gadget .goog-logo-link, .skiptranslate.goog-te-gadget  span{
 display: none !important;
}
div#google_translate_element {
    height: 28px;
    display: block;
    overflow: hidden;
    margin-top: 9px;
}
select.goog-te-combo {
    background: transparent;
    color: #fff;
    border: 0;
    width: 142px;
}
select.goog-te-combo option{
    color:#000;
}
.goog-tooltip.skiptranslate{
    display: none !important;
}
.goog-te-banner-frame {
    top: -58px !important;
}
body.page-header-fixed.pace-running{
    top:0 !important;
}
.pace-done{
    top:0 !important;
}
#my_pos_menu {
    opacity: 1 !important;
    padding-top: 5%;
}
.small-box_modify .d-flex > div{
    float:none;
}
.small-box_modify .d-flex{
    width: 100%;
}
label.chkLblA {
    padding-left: 7px;
}
#signatureModal {
    overflow-y: auto;
}
/* width */
#signatureModal::-webkit-scrollbar {
	width:1px; }
  
  /* Track */
  #signatureModal::-webkit-scrollbar-track {
	box-shadow: inset 0 0 4px #1800ef;
	border-radius:1px; }
  
  /* Handle */
  #signatureModal::-webkit-scrollbar-thumb {
	background: #4c4c4c;
	border-radius:1px; }
  
  /* Handle on hover */
  #signatureModal::-webkit-scrollbar-thumb:hover {
    background: #000; }

    #add_payment_opt_div {
        margin-bottom: 15px;
        width: 70%;
        padding: 0 15px;
        -webkit-border-radius: 10px;
        background: -moz-linear-gradient(left, #CCCCCC 0%, #EEEEEE 50%, #EEEEEE 50%, #CCCCCC 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dcdcdc),color-stop(50%,#EEEEEE), color-stop(50%,#EEEEEE), color-stop(100%,#dbdbdb));
        text-shadow: 1px 1px 0 #fff;
        -webkit-box-shadow: -8px 9px 19px -9px rgba(0,0,0,0.75);
        -moz-box-shadow: -8px 9px 19px -9px rgba(0,0,0,0.75);
        box-shadow: -3px 9px 6px -9px rgba(0,0,0,0.75);
        font-weight: 900;
        line-height: 30px;
    }

    .search_everything_menu span.search_everything_menu2 {

        left: -20px;
    }
    #forword_popup_open, #mute, #unmute{
        /*color: rgba(0, 0, 0, 0.7);*/
        /*min-width: 95px;*/
        /*text-transform: uppercase;*/
        /*font-weight: 500;
        border: 1px solid transparent;
        padding: 2px 2px !important;*/
        /*display: inline-block;*/
        /*background: transparent !important;
        text-transform: uppercase;
        font-weight: 500;
        font-style: normal;
        font-size: 10px;
        color: rgba(0, 0, 0, 0.7);
        border-radius: 28px !important;
        transition: all 0.7s ease-out;
        text-decoration: none;
        border: 1px solid #ccc;*/
        /*display: inline-block !important;*/
        margin-top: 5px;
    }

    #forword_popup_open:hover, #mute:hover, #unmute:hover {
        /*border-top: 1px solid transparent;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        border-bottom: 1px solid #66bb6a;
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;*/
    }
    div#mutediv {
        display: inline-block;
        margin-top: 5px;
    }
    /*#call_controll2{
        margin-top:5px;
    }*/

    #output_global #phone-number-global{
        /*padding-left: 6px;*/
    }

    .right{
        float: right !important;
    }
    .left{
        float: left !important;
    }

.overlay-content {
    width: 99% !important;
    margin: 0 auto;
    margin-top: 10px !important;
}
.all-shortcut{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    margin-top: 8px;
}
.all-shortcut li{
    list-style: none;
    background: #fff;
    border: 1px solid #DDE6F3;
    width: calc(100% / 9);
}
.all-shortcut li a{
    position: relative;
}
/*.all-shortcut li:hover .shortcut-box{
    color: #617083;
}*/
.shortcut-icon{
    width: 36px;
    height: 36px;
}
.shortcut-icon img{
    max-width: 100%;
}
.shortcut-numbers{
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 16px;
    line-height: 36px;
    font-weight: 600;
    width: 36px;
    height: 36px;
    background: #e0e9f0;
    color: #004481;
    border-radius: 50%;
    display: block;
    text-align: center;
}   
.shortcut-box{
   padding: 1px 10px;
   display: block;
}
.shortcut-name{
    font-weight: 500;
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
}
.closebtn {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 2;
    font-size: 24px;
    color: #FF0000;
}
.closebtn:hover,.closebtn:focus{
	color: #da1010 !important;
}
.card-box-flex{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	min-height: 96px;
}
.dash-top-widgets{
    margin-bottom: 1.5rem;
}
.hook {
    background: #ffffff;
    color: #494f56;
    border-radius: 4px !important;
    font-weight: bold !important;
    border: 1px solid #98a6b7 !important;
}
.hook .fa{
  margin-right: 10px;
}
.hook span {
    margin-left: 10px !important;
}
.dash-top-widgets-flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
}
.monthly-dropdown{
    margin-right: 20px;
}
.monthly-dropdown .form-control{
    background: #ffffff;
    color: #494f56;
    border-radius: 4px !important;
    font-weight: bold !important;
    border: 1px solid #98a6b7;
    height: 38px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.glob-search{
    position: relative;
    left: -12px;
}

.pac-container {
    width: 400px !important;
}
.calendar-status {
    margin-top: 15px; 
}
.calendar-status ul{
    list-style: none;
    display: flex;
    justify-content: flex-end;
    padding: 0;
}
.calendar-status ul li {
    padding: 5px;
    margin: 0 5px;
    font-weight: 500;
}
.calendar-status ul li:first-child{
  color: #008000;
}
.calendar-status ul li:nth-child(2){
  color: #795548;
}
.calendar-status ul li:nth-child(3){
  color: #800680;
}
.calendar-status ul li:nth-child(4){
  color: #444f5a;
}
.calendar-status ul li:nth-child(5){
  color: #2f5984;
}
.calendar-status ul li:nth-child(6){
  color: #ff6800;
}

.onoffswitch {
    position: relative; 
    width: 70px;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden; 
    cursor: pointer;
    border: 2px solid #FFFFFF; 
    border-radius: 20px;
    margin-bottom: 0;
}
.onoffswitch-inner {
    display: block; 
    width: 200%; 
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; 
    float: left; 
    width: 50%; 
    height: 30px; 
    padding: 0; 
    line-height: 30px;
    font-size: 14px;
    color: white;
    box-sizing: border-box;
    position: relative;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-right: 18px;
    background-color: #A3CC46; 
    color: #FFFFFF;
    font-weight: 600;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 9px;
    background-color: #ccc;
    color: #777777;
    text-align: right;
    font-weight: 600;
}
.onoffswitch-switch {
    display: block; 
    width: 20px; 
    height: 20px;
    margin: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 1px; 
    bottom: 0;
    right: 36px;
    border: 1px solid #FFFFFF; 
    border-radius: 30px;
    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: 0px; 
}
.swal-footer{
    text-align: center;
}
.swal-title {
    color: #1E2334;
    font-size: 24px;
}
.swal-icon--info {
    border-color: #004481;
}
.swal-icon--info:after, .swal-icon--info:before {
    background-color: #004481;
}
.swal-button:not([disabled]):hover {
    background-color: #505050;
    border-color: #505050;
}

.cataloge-list ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.cataloge-list ul li{
    margin: 10px;
    width: 23%;
}
.cataloge-list ul li a{
    color: #1E2334;
    background: #fff;
    padding: 20px;
    border-radius: 36px;
    overflow: hidden;
    border: 1px solid #DDE6F3;
    display: block;
}
.cataloge-list ul li a:hover{
    /*background: #5D24FF;*/
    color: #1E2334;
    box-shadow: 0px 24px 48px rgba(93, 36, 255, 0.24);
    border: 1px solid #5D24FF;
}
.cataloge-list ul li a:hover .cat-icon{
    /*background-position: 0 -110px;*/
}
.cataloge-list ul li .cat-icon{
    background-repeat: no-repeat;
    background-position: 0 0px;
    /*width: 110px;*/
    height: 150px;
    margin: 0 auto;
    transition: all cubic-bezier(0.42, 0, 0, 1.24) 0.2s;
    margin-bottom: 15px;
    background-size: cover;
    margin-bottom: 15px;
}
.cataloge-list ul li .package-img{
    margin: 0 auto;
    height: 150px;
    margin-bottom: 15px;
}
.cataloge-list ul li .package-img img{
    width: 100%;
    height: 100%;
}
.cataloge-list ul li .cat-icon img{
    width: 100%;
    height: 100%;
}
.cataloge-list ul li .camera-img{
    /*width: 120px;*/
    height: 150px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.cataloge-list ul li .camera-img img{
    width: 100%;
    height: 100%;
}
.cataloge-list ul li h4{
    font-weight: 600;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}
.cataloge-list ul li h3{
    font-size: 34px;
    margin-top: 0;
}
.cataloge-list.camera-list ul li a{
    border: 1px solid #DDE6F3;
    background: #fff;
}
.cataloge-list.camera-list ul li a:hover{
    background: #fff;
    border: 1px solid #004481;
    box-shadow: none;
    color: #1E2334;
}
.package-list ul li{

}
.step-count{
    color: #868890;
}
.step-count strong{
    color: #1E2334;
    font-weight: 600;
}

.new-menu{
    /*display: flex;*/
    display: none;
    justify-content: space-between;
    padding: 4px 15px;
}
.new-search{
    position: relative;
}
.new-search .form-control{
    border: none;
    color: #666;
    font-size: 14px;
    padding-left: 24px;
    min-height: 44px;
}
.new-search .search-icon:after{
    content: "";
    background: url(../images/search-icon.png);
    width: 18px;
    height: 18px;
    position: absolute;
    top: 12px;
    left: 0;
}
.new-navbar ul{
    display: flex;
}
.new-navbar ul li{
    margin-top: 28px;
    margin-bottom: 5px;
}
.new-navbar ul li a{
    padding: 4px 12px;
    color: #1E2334;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    position: relative;
    padding-top: 36px;
    border-bottom: 4px solid transparent;
}
.new-navbar ul li a:before {
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    background: url(../images/menu-sprite.png);
    background-repeat: no-repeat;
    right: 0;
    margin: auto;
}
/*.new-navbar ul li a:before{
    background-position: -24px 0px;
}*/
.new-navbar ul li.active a{
    border-bottom: 4px solid #E67D04;
    color: #E67D04;
}
.new-navbar ul li.active a:before{
    background-position: 0px -24px;
}
.new-navbar ul li:nth-child(2) a:before{
    background-position: -25px 0px;
}
.new-navbar ul li:nth-child(3) a:before{
    background-position: -50px 0px;
}
.new-navbar ul li:nth-child(4) a:before{
    background-position: -75px 0px;
}
.new-navbar ul li:nth-child(5) a:before{
    background-position: -100px 0px;
}
.new-navbar ul li:nth-child(6) a:before{
    background-position: -125px 0px;
}
.new-navbar ul li:nth-child(7) a:before{
    background-position: -150px 0px;
}
.new-navbar ul li:nth-child(8) a:before{
    background-position: -175px 0px;
}
.new-navbar ul li:nth-child(9) a:before{
    background-position: -200px 0px;
}
.new-navbar ul li:nth-child(10) a:before{
    background-position: -225px 0px;
}
.new-navbar ul li:nth-child(11) a:before{
    background-position: -250px 0px;
}
.new-navbar ul li:nth-child(12) a:before{
    background-position: -275px 0px;
}
.new-navbar ul li:nth-child(13) a:before{
    background-position: -300px 0px;
}
.new-navbar ul li:nth-child(14) a:before{
    background-position: -325px 0px;
}

.nav-author .btn {
    color: #979998;
    font-size: 20px;
    padding: 5px 12px;
    margin: 3px 0;
    border-radius: 8px;
}
.user-setting-wrap {
    display: flex;
    align-items: center;
}
.user-setting-wrap .user-name {
    padding-left: 6px;
    text-align: left;
}
.user-setting-wrap .user-name h6 {
    font-size: 14px;
    margin: 0;
    font-weight: 700;
    color: #666;
}
.user-setting-wrap .user-name p {
    font-size: 12px;
    margin: 0;
}
.nav-author .dropdown-menu {
    border-radius: 0;
    border: 1px solid #dfdfdf;
    background: #fff;
    padding: 5px;
    width: 205px;
    transform: translate(-84px, 42px) !important;
}
.new-user-profile >ul{
    display: flex;
    align-items: center;
}
.new-user-profile >ul >li{
    margin-left: 5px;
}
.new-user-profile >ul >li .fa{
    font-size: 20px;
    margin-right: 10px;
}
.profile-img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    overflow: hidden;
    margin: 5px auto;
    margin-bottom: 10px;
}
.profile-img img {
    width: 100%;
    height: 100%;
}
.profile-detail {
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
}
.profile-detail h5 {
    color: #1a1a1a;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}
.profile-detail h6 {
    color: #1a1a1a;
    margin: 0;
    font-size: 14px;
}
.profile-detail p {
    color: #939393;
    margin: 0;
    font-size: 13px;
    line-height: 16px;
}
.profile-links {
    padding: 10px 0;
}
.profile-links ul li a {
    padding: 6px 10px;
    font-size: 14px;
    text-decoration: none;
    display: block;
    border-radius: 4px;
    font-weight: 500;
}
.profile-links ul li a i {
    min-width: 30px;
}
.ticket-list>ul>li{
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 15px;
    background: #fff;
    overflow: hidden;
}
.ticket-top{
    display: flex;
}
.ticket-left{
    position: relative;
    padding: 10px;
    width: 20%;
    text-align: center;
}
.ticket-number{
    color: #666;
    font-size: 16px;
    line-height: 20px;
}
.ticket-status{
    /*background-color: rgb(8, 156, 218);*/
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    display: block;
    text-align: center;
}
.ticket-right{
    position: relative;
    padding: 10px;
    width: 80%;
    padding-right: 134px;
}
.ticket-heading{
    font-size: 16px;
    color: #666;
    font-weight: 500;
    margin: 0;
}
.ticket-content{
    margin-bottom: 0;
    font-size: 13px;
    color: #898989;
}
.ticket-time{
    color: #666;
    font-size: 14px;
    display: block;
    margin-top: 5px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.ticket-bottom{
    background: #fbfbfb;
}
.ticket-bottom>ul{
    display: flex;
}
.ticket-bottom>ul>li{
    border-right: 1px solid #dbdbdb;
    flex-grow: 1;
    text-align: center;
    padding: 5px;
}
.ticket-bottom>ul>li:last-child{
    border: none;
}
.ticket-bottom>ul>li p{
    margin-bottom: 0px;
}
.ticket-bottom>ul>li span{
    font-size: 15px;
    font-weight: bold;
}
.person-detail{
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
}
.person-detail ul li{
    margin: 10px 0;
}
.person-detail ul li p{
    font-size: 13px;
    margin: 0;
    color: #9b9b9b;
}
.person-detail ul li h3{
    font-size: 15px;
    margin: 0;
}
.ticket-details{
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 15px;
    background: #fff;
    overflow: hidden;
}
.ticket-from{
   border-bottom: 1px solid #ddd; 
    padding: 10px;
    position: relative;
}
.ticket-details .ticket-bottom{
    padding: 10px;
}
.asset-qr{
    /*height: 400px;
    overflow: hidden;*/
}
.asset-qr img{
    /*width: 100%;
    height: 100%;*/
}

/*@media only screen and (max-width: 1920px) and (min-width: 1801px){
    .center-menu {
        width: 30%;
    }
    .top-search {
        position: relative;
        width: 39%;
        padding: 0 8%;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1401px){
    .center-menu {
        width: 40%;
    }
    .top-search {
        width: 19%;
        padding: 0 1%;
    }
}

@media (max-width: 1400px){
    .center-menu {
        width: 40%;
    }
    .top-search {
        width: 16%;
        padding: 0 1%;
    }
}*/
@media only screen and (min-width: 1921px) and (max-width: 2200px) {
    .center-menu {
        /* width: 30%; */
    }
    .top-search {
        position: relative;
        width: 41%;
    	padding: 0 8%;
    }
    .service-name-eclip{
        width: 222px;
    }
    .shortcut-box{
       padding: 18px 10px;
    }
    .glob-search{
        position: relative;
        left: -138px;
    }
}

@media only screen and (min-width: 1801px) and (max-width: 1920px) {
    .center-menu {
        /* width: 30%; */
    }
    .top-search {
        position: relative;
        width: 38%;
    	padding: 0 6%;
    }
    .service-name-eclip{
        width: 222px;
    }
    .shortcut-box{
       padding: 14px 10px;
    }
    .glob-search{
        position: relative;
        left: -108px;
    }
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
    .center-menu {
        /* width: 36%; */
    }
    .top-search {
        width: 30%;
    	padding: 0 3%;
    }
    .shortcut-box{
       padding: 8px 10px;
    }
    .glob-search{
        position: relative;
        left: -58px;
    }
}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {
    .center-menu {
        /* width: 40%; */
    }
    .top-search {
        width: 19%;
    	padding: 0 1%;
    }
    .shortcut-box {
        padding: 5px 10px;
    }
    .shortcut-icon {
        width: 60px;
        height: 60px;
        padding: 12px;
    }
    .shortcut-name {
        font-size: 16px;
        margin: 9px 0;
    }
    .glob-search{
        position: relative;
        left: -20px;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1400px) {
	.top-search {
        width: 15%;
        padding: 0 1%;
    }
    .menu-icon-q>ul>li>a {
	    padding: 6px 6px;
	}
    .all-shortcut li {
        width: calc(100% / 6);
    }
	.shortcut-box {
        padding: 5px 10px;
        display: block;
    }
    .shortcut-name {
        font-size: 15px;
        margin: 6px 0;
    }
    .treeBx .subheader li {
        font-size: 11px;
    }
}

@media only screen and (min-width: 1279px) and (max-width: 1299px) {
    .top-menu .navbar-nav>li>a {
        padding: 6px 6px;
    }
}


@media only screen and (max-width :767px){
    .icon-with-tittle.border-bottom.task {
        top: 55%;
    }
    .balnceCrdt .num {
        width: 50% !important;
    }
    #open_bal .small-box {
        height: auto !important;
    }
    #line-chart {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: auto;
    }
    #line-chart {
        background: #fff;
        padding-top: 0px;
        padding-left: 15px;
        padding-right: 10px;
        padding-bottom: 15px;
    }
    #element9.small-box, #element10.small-box, #element11.small-box, .element20.small-box, .small-box.bg-teal-gradient {
        height: auto !important;
    }
    .data-circle-list li {
        padding-bottom: 15px;
    }
    #calendar { 
        height: auto !important;
    }
    .connectedSortable {
        min-height: auto !important;
    }
    #line-chart {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .page-header-fixed .navbar {
        z-index: 999;
        position: relative;
    }
    .data-circle-list {
        padding-bottom: 15px;
    }
    .pagination>li>a {
        margin-bottom: 2px;
    }
    .unbilled_tab {
        text-align: center;
    }
    .newInput .small-box .imgIcn {
        margin-right: 0 !important;
        margin-bottom: 5px;
        display: block;
    }
  .el5 #element4 .btn.newBtn {
        width:100% !important;
    }
    .el1 .small-box {
        text-align: center;
    }
    .el1 .small-box .imgIcn {
        display: block;
    }
    .newInput .small-box{
        text-align: center;
    }
    #mceu_11{
        width: 100% !important;
    }
    .teamForm {
        width: 100%;
    }
    #frmSearch .dataTables_length select, #frmSearch label {
        width: 100% !important;
    }
    #frmSearch .dataTables_length input[type="text"] {
        width: 100% !important;
    }
    .land-box {
        text-align: center;
    }
    .payment-form, .stripForm {
        width: 100%;
    }
    .top-box input[type=radio] + label {
        font-size: 14px !important;
    }
    .check-box-list.uWantto {
        padding-bottom: 15px;
    } 
    .eightBx > li {
        width: 100% !important;
    }
    .ui-draggable-handle {
        -ms-touch-action: inherit !important;
        touch-action: inherit  !important;
    }
    .data-circle-list li {
        padding-bottom: 12px !important;
    }
    .hdingTab {
        margin-bottom:4px;
    }
    .hdingTab ul li{
        border-bottom:1px solid #fff;
    }
    .hdingTab li.active a:after{
        display:none;
    }
    .mblTbl{
        padding-top:10px !important;
    }
    .mbl-txt-right{
        text-align: right;
    }
    .mbl-float-right{
        float: right;
    }
    .newInput #element1 li.active a:after, .newInput .vtd_navtab .nav-tabs li.active a:after{
        display: none;
    }
    
    .customsale {
        padding-left: 0;
    }
    .customsale .col-md-6 {
        min-height: auto;
    }
    #drop6 {
        min-height: auto;
    }
    #Somwrita {
        height: auto;
    }
    .card.hovercard {
        margin: 15px;
    }
    #message-frm .btn {
        margin-top: 0px;
    }
    form#message-frm input {
        width: 77% !important;
    }
    .chatListlogo >li {
        width: 100%;
    }
    .dhx_cal_navline {
        min-width: 540px !important;
    }
    .block_color {
        display: inline-block !important;
    }
  
    .filter-by-status .text-right {
        text-align: left;
    }
    form#frmSearch {
        margin-top: 20px;
    }
    #frmSearch .borderBx{
            text-align: center;
            padding: 10px;
    }
    #line-chart .progress {
        width: 28% !important;
        margin-right: 8px !important;
    }
    #line-chart {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #bar-chart .y-axis li span {
        margin: -10px 0 0 -47px;
    }
    .open_bal .icon-with-tittle{
        border:none;
    }
    #showChat:hover, #showChat:active, #showChat:focus {
        color: #ffffff;
    }

    .menu.accordion-menu{
        padding-left: 13px;
    }
    .mbGap10{
        padding-top: 10px;
    }
    .customsale .col-md-6 {
        min-height: auto;
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
    div#example_length {
        padding-left: 2px;
        padding-right: 2px;
    }
    
}
@media only screen and (min-width : 320px) and (max-width : 480px) { /* viewport 320*480px iPhone 4 */
    .customsale li {
        width: 100%;
    }
}
@media only screen and (min-width : 481px) and (max-width : 767px) {
    .customsale li {
        width: 32.8%;
        vertical-align: top;
    }
    .treeBx .subheader li{
        font-size: 10px;
    }
 
}
@media only screen and (max-width : 320px) {
    .fc-toolbar .fc-left {
        margin-bottom: 10px;
    }  
    form#message-frm input {
        width: 71% !important;
    }
}
=======
/* CRM.CRM Global Styles */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body {
    position: relative;
    height: 100% !important;
    width: 100%;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    line-height: 22px;
    background: #fff !important;
    color: #212121;
}


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

a:hover,
a:active,
a:focus {
    outline: none !important;
}
ul{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}

/* Typography */

p {
    display: block;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 22px;
    margin: 0px 0px 10px 0px;
    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: 22px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

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

.f-thin {
    font-weight: 300;
}

.f-normal {
    font-weight: normal;
}

.f-bold {
    font-weight: 600;
}

.f-s-10 {
    font-size: 10px;
}

.f-s-11 {
    font-size: 11px;
}

.f-s-12 {
    font-size: 12px;
}

.f-s-13 {
    font-size: 13px;
}

.f-s-14 {
    font-size: 14px;
}

.f-s-15 {
    font-size: 15px;
}

.f-s-16 {
    font-size: 16px;
}

.f-s-17 {
    font-size: 17px;
}

.f-s-18 {
    font-size: 18px;
}

.f-s-20 {
    font-size: 20px;
}

.f-s-22 {
    font-size: 22px;
}

.f-s-24 {
    font-size: 24px;
}

.f-s-26 {
    font-size: 26px;
}

.f-s-28 {
    font-size: 28px;
}

.f-s-30 {
    font-size: 30px;
}

.f-s-32 {
    font-size: 32px;
}

.text-xs {
    font-size: 10px;
}

.text-sm {
    font-size: 12px;
}

.text-md {
    font-size: 16px;
}

.text-lg {
    font-size: 32px;
}

.text-xl {
    font-size: 52px;
}

.text-xxl {
    font-size: 80px;
}

.f-white {
    color: #fff;
}

.f-gray {
    color: #ccc;
}

.f-gray-dark {
    color: #a2a2a2;
}

.f-black {
    color: #333;
}

.f-green {
    color: #bf1ab0;
}

.f-blue {
    color: #127acb;
}

.f-lblue {
    color: #12AFCB;
}

.f-purple {
    color: #bf1ab0;
}

.f-red {
    color: #f25656;
}

.f-yellow {
    color: #f6d433;
}

.f-orange {
    color: #e79b2f;
}

/*.text-default {
    color: #ccc;
}

.text-primary {
    color: #bf1ab0;
}

.text-success {
    color: #bf1ab0;
}

.text-info {
    color: #12AFCB;
}

.text-warning {
    color: #f6d433;
}

.text-danger {
    color: #f25656;
}*/


/* Icons */

.icon-xs {
    font-size: 12px;
}

.icon-sm {
    font-size: 14px;
}

.icon-md {
    font-size: 16px;
}

.icon-lg {
    font-size: 18px;
}

.icon-state-default {
    color: #ccc;
}

.icon-state-primary {
    color: #bf1ab0;
}

.icon-state-success {
    color: #bf1ab0;
}

.icon-state-info {
    color: #12AFCB;
}

.icon-state-warning {
    color: #f6d433;
}

.icon-state-danger {
    color: #f25656;
}


/* Alert */

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

/*.alert-success {
    background: #e5f3df;
}

.alert-info {
    background: #d3e6f0;
}

.alert-warning {
    background: #f6f2dd;
}

.alert-danger {
    background: #f1d9d9;
}*/


/* Custom Badges */

.badge {
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    border-radius: 0px;
    font-weight: 300;
    font-size: 11px !important;
    text-align: center;
    vertical-align: middle;
    line-height: 11px;
    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: #bf1ab0;
    color: #FFF;
}

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

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

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

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


/* Switchery */

.switch-sm .switchery {
    height: 15px;
    width: 25px;
}

.switch-sm .switchery>small {
    height: 15px;
    width: 15px;
}

.switch-md .switchery {
    height: 20px;
    width: 35px;
}

.switch-md .switchery>small {
    height: 20px;
    width: 20px;
}

.switch-lg .switchery {
    height: 25px;
    width: 40px;
}

.switch-lg .switchery>small {
    height: 25px;
    width: 25px;
}


/* CSS Utilities */


/* Margins & Paddings */

.no-s {
    margin: 0px !important;
    padding: 0px !important;
}

.no-m {
    margin: 0;
}

.no-p {
    padding: 0;
}

.m {
    margin: 15px;
}

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

.m-r-xxs {
    margin-right: 5px;
}

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

.m-l-xxs {
    margin-left: 5px;
}

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

.m-r-xs {
    margin-right: 10px;
}

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

.m-l-xs {
    margin-left: 10px;
}

.m-t-sm {
    margin-top: 15px;
}

.m-r-sm {
    margin-right: 15px;
}

.m-b-sm {
    margin-bottom: 15px;
}

.m-l-sm {
    margin-left: 15px;
}

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

.m-r-md {
    margin-right: 20px;
}

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

.m-l-md {
    margin-left: 20px;
}

.m-t-lg {
    margin-top: 25px;
}

.m-r-lg {
    margin-right: 25px;
}

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

.m-l-lg {
    margin-left: 25px;
}

.m-t-xxl {
    margin-top: 30px;
}

.m-r-xxl {
    margin-right: 30px;
}

.m-b-xxl {
    margin-bottom: 30px;
}

.m-l-xxl {
    margin-left: 30px;
}

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

.m-r-n-xxs {
    margin-right: -5px;
}

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

.m-l-n-xxs {
    margin-left: -5px;
}

.m-t-n-xs {
    margin-top: -10px;
}

.m-r-n-xs {
    margin-right: -10px;
}

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

.m-l-n-xs {
    margin-left: -10px;
}

.m-t-n-sm {
    margin-top: -15px;
}

.m-r-n-sm {
    margin-right: -15px;
}

.m-b-n-sm {
    margin-bottom: -15px;
}

.m-l-n-sm {
    margin-left: -15px;
}

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

.m-r-n-md {
    margin-right: -20px;
}

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

.m-l-n-md {
    margin-left: -20px;
}

.m-t-n-lg {
    margin-top: -25px;
}

.m-r-n-lg {
    margin-right: -25px;
}

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

.m-l-n-lg {
    margin-left: -25px;
}

.m-t-n-xxl {
    margin-top: -30px;
}

.m-r-n-xxl {
    margin-right: -30px;
}

.m-b-n-xxl {
    margin-bottom: -30px;
}

.m-l-n-xxl {
    margin-left: -30px;
}

.p {
    padding: 15px;
}

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

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

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

.no-p-h {
    padding-left: 0;
    padding-right: 0;
}

.no-p-v {
    padding-top: 0;
    padding-bottom: 0;
}

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

.p-h-lg {
    padding-left: 25px;
    padding-right: 25px;
}

.p-h-xxl {
    padding-left: 30px;
    padding-right: 30px;
}

.p-v-xxs {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-v-xs {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-v-sm {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-v-md {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p-v-lg {
    padding-top: 25px;
    padding-bottom: 25px;
}

.p-v-xxl {
    padding-top: 30px;
    padding-bottom: 30px;
}


/* Borders */

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

.b {
    border: 1px solid #f1f1f1;
}

.b-t {
    border-top: 1px solid #f1f1f1;
}

.b-r {
    border-right: 1px solid #f1f1f1;
}

.b-b {
    border-bottom: 1px solid #f1f1f1;
}

.b-l {
    border-left: 1px solid #f1f1f1;
}

.b-default {
    border-color: #f1f1f1;
}

.b-primary {
    border-color: #bf1ab0;
}

.b-info {
    border-color: #12AFCB;
}

.b-success {
    border-color: #bf1ab0;
}

.b-warning {
    border-color: #f6d433;
}

.b-danger {
    border-color: #f25656;
}

.b-2 {
    border-size: 2px;
}

.b-3 {
    border-size: 3px;
}

.b-4 {
    border-size: 4px;
}

.b-n-t {
    border-top: 0;
}

.b-n-r {
    border-right: 0;
}

.b-n-b {
    border-bottom: 0;
}

.b-n-l {
    border-left: 0;
}


/* Radius */

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

.r {
    border-radius: 2px;
}

.r-t-l {
    border-top-left-radius: 2px;
}

.r-t-r {
    border-top-right-radius: 2px;
}

.r-b-l {
    border-bottom-left-radius: 2px;
}

.r-b-r {
    border-bottom-right-radius: 2px;
}

.no-r-t-l {
    border-top-left-radius: 0 !important;
}

.no-r-t-r {
    border-top-right-radius: 0 !important;
}

.no-r-b-l {
    border-bottom-left-radius: 0 !important;
}

.no-r-b-r {
    border-bottom-right-radius: 0 !important;
}


/* Backgrounds */

.bg-n {
    background: transparent !important;
}

.bg-primary {
    background-color: #bf1ab0;
    color: #fff;
}

.bg-primary.dark {
    background-color: #6e63b4;
    color: #fff;
}

.bg-primary.light {
    background-color: #877cc7;
    color: #fff;
}

.bg-success {
    background-color: #bf1ab0;
    color: #fff;
}

.bg-success.dark {
    background-color: #1da890;
    color: #fff;
}

.bg-success.light {
    background-color: #32c6ad;
    color: #fff;
}

.bg-info {
    background-color: #12AFCB;
    color: #fff;
}

.bg-info.dark {
    background-color: #0ba0bb;
    color: #fff;
}

.bg-info.light {
    background-color: #20beda;
    color: #fff;
}

.bg-warning {
    background-color: #f6d433;
    color: #fff;
}

.bg-warning.dark {
    background-color: #f1ca11;
    color: #fff;
}

.bg-warning.light {
    background-color: #fada44;
    color: #fff;
}

.bg-danger {
    background-color: #f25656;
    color: #fff;
}

.bg-danger.dark {
    background-color: #e54f4f;
    color: #fff;
}

.bg-danger.light {
    background-color: #f66d6d;
    color: #fff;
}

.bg-dark {
    background-color: #333;
    color: #fff;
}

.bg-dark.dark {
    background-color: #2b2b2b;
    color: #fff;
}

.bg-dark.light {
    background-color: #3b3b3b;
    color: #fff;
}

.bg-light {
    background-color: #f1f1f1;
}

.bg-light.dark {
    background-color: #e5e5e5;
}

.bg-light.light {
    background-color: #f9f9f9;
}

.bg-gray {
    background-color: #ccc;
}

.bg-gray.dark {
    background-color: #b9b9b9;
}

.bg-gray.light {
    background-color: #d7d7d7;
}


/* Buttons */

.btn {
    font-size: 12px;
    font-weight: 600;
    padding: 8px 15px;
    border-radius: 4px;
}

.btn-addon i {
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin: -7px -13px;
    margin-right: 12px;
    line-height: 34px;
    text-align: center;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: rgba(0, 0, 0, 0.1);
}

.btn-rounded.btn-addon i {
    margin: -7px -16px;
    margin-right: 15px;
    border-radius: 50px;
}

.btn-rounded.btn-addon.btn-sm i {
    margin: -7px -16px;
    margin-right: 10px;
    border-radius: 50px;
}

.btn-lg {
    line-height: inherit;
}

.btn-lg.btn-addon i {
    width: 45px;
    height: 45px;
    margin: -11px -17px;
    margin-right: 16px;
    line-height: 45px;
}

.btn-sm.btn-addon i {
    width: 30px;
    height: 30px;
    margin: -6px -11px;
    margin-right: 10px;
    line-height: 30px;
}

.btn-xs.btn-addon i {
    width: 22px;
    height: 22px;
    margin: -2px -6px;
    margin-right: 5px;
    line-height: 22px;
    font-size: 10px;
}

.btn-default {
    background-color: #fff;
    color: #333;
    border: 1px solid #e5e5e5;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-group.open .btn-default.dropdown-toggle,
.btn.btn-default.active {
    background-color: #f1f1f1;
    border: 1px solid #e5e5e5;
}

.btn-primary {
    background-color: #bf1ab0;
    color: #fff;
    border: 1px solid transparent;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-group.open .btn-primary.dropdown-toggle,
.btn.btn-primary.active {
    background-color: #ad17a0;
    border: 1px solid transparent;
}

.btn-success-light {
    background-color: #ebf2de;
    color: #B7D858;
    border: 1px solid #ebf2de;
}
.btn-success-light:hover {
    background-color: #B7D858;
    color: #fff;
    border: 1px solid #B7D858;
}
.btn-success{
    background-color: #B7D858;
    color: #fff;
    border: 1px solid #B7D858;
}
.btn-warning-outline{
    background-color: #fff;
    color: #E67D04;
    border: 1px solid #faede0;
}
.btn-warning-outline:hover{
    background-color: #E67D04;
    color: #fff;
    border: 1px solid #E67D04;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-group.open .btn-success.dropdown-toggle,
.btn.btn-success.active {
    background-color: #9bc438;
    border: 1px solid #9bc438;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    background-color: #9bc438;
    /* border: 1px solid #9bc438; */
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
    background-color: #9bc438;
    /* border: 1px solid #9bc438; */
}

.btn-danger {
    background-color: #f25656;
    color: #fff;
    border: 1px solid transparent;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-group.open .btn-danger.dropdown-toggle,
.btn.btn-danger.active {
    background-color: #e14444;
    border: 1px solid transparent;
}

.btn-info {
    background-color: #004481;
    color: #fff;
    border: 1px solid transparent;
}
.btn-info-outline{
    color: #004481;
    border: 1px solid #e6ecf3;
}
.btn-info-outline:hover{
    background-color: #004481;
    color: #fff;
}
.btn-info-light{
    background-color: #d9e2ed;
    color: #004481;
}
.btn-info-light:hover{
    background-color: #004481;
    color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-group.open .btn-info.dropdown-toggle,
.btn.btn-info.active {
    background-color: #468cd1;
    border: 1px solid transparent;
}

.btn-warning {
    background-color: #f8a626;
    color: #fff;
    border: 1px solid #f8a626;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-group.open .btn-warning.dropdown-toggle,
.btn.btn-warning.active {
    background-color: #e8bf40;
    border: 1px solid transparent;
}

.btn-rounded {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 50px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}


/* Box Shadow */

.bs-n {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.bs-dark {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    box-shadow: 0 0 3px rgba(0, 0, 0, .6);
}

.bs-light {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.bs-t {
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
}

.bs-r {
    -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
    box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
}

.bs-b {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.bs-l {
    -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
    box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
}


/* Width & Height */

.full-height {
    height: 100% !important;
}

.full-width {
    width: 100% !important;
}

.w-xxs {
    width: 50px;
}

.w-xs {
    width: 90px;
}

.w-sm {
    width: 140px;
}

.w {
    width: 200px;
}

.w-md {
    width: 240px;
}

.w-lg {
    width: 280px;
}

.w-xl {
    width: 330px;
}

.w-xxl {
    width: 370px;
}

.w-auto {
    width: auto;
}

.h-auto {
    height: auto;
}


/* Tooltip */

.tooltip-inner {
    border-radius: 0;
}


/* Panel */

.panel {
    -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);
    border: 0 !important;
    margin-bottom: 25px;
    border-radius: 0;
}

@media (min-width: 768px) {
    .panel>.row>div:first-child {
        padding-left: 15px;
        padding-right: 0;
    }

    .panel>.row>div:last-child {
        padding-left: 0;
        padding-right: 15px;
    }
}

.panel .panel-heading {
    padding: 8px 0;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0 !important;
    font-size: 14px;
    font-weight: 600;
}

.panel .panel-heading .panel-title {
    font-size: 14px;
    float: left;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
}

.panel .panel-heading .panel-title small {
    font-size: 80%;
}

.panel .panel-heading .panel-control {
    float: right;
    height: auto;
}

.panel .panel-heading .panel-control a {
    text-decoration: none;
    color: #ccc;
    margin-left: 5px;
    font-size: 14px;
    float: left;
}

.panel .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel .panel-body {
    position: relative;
    padding: 20px 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel .panel-heading+.panel-body {
    /*padding: 0 20px 20px 20px;*/
}

.panel-default .panel-heading {
    background: #f1f1f1;
    border-color: #e7e7e7;
}

.panel-default .panel-heading .panel-control a {
    color: #bbb;
}

.panel-default .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel-primary .panel-heading {
    background: #bf1ab0;
    color: #fff;
}

.panel-primary .panel-heading .panel-control a {
    color: #fff;
}

.panel-primary .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-success .panel-heading {
    background: #bf1ab0;
    color: #fff;
}

.panel-success .panel-heading .panel-control a {
    color: #fff;
}

.panel-success .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-info .panel-heading {
    background: #12AFCB;
    color: #fff;
}

.panel-info .panel-heading .panel-control a {
    color: #fff;
}

.panel-info .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-warning .panel-heading {
    background: #f6d433;
    color: #fff;
}

.panel-warning .panel-heading .panel-control a {
    color: #fff;
}

.panel-warning .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-danger .panel-heading {
    background: #f25656;
    color: #fff;
}

.panel-danger .panel-heading .panel-control a {
    color: #fff;
}

.panel-danger .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-transparent {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.panel-transparent .panel-heading .panel-control a {
    color: #ccc;
}

.panel-transparent .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel-white {
    background: #fff;
}

.panel-white .panel-heading .panel-control a {
    color: #ccc;
}

.panel-white .panel-heading .panel-control a:hover {
    color: #a2a2a2;
}

.panel-purple {
    background: #bf1ab0;
}

.panel-purple .panel-heading {
    color: #fff;
}

.panel-purple .panel-body {
    color: #fff;
}

.panel-purple .panel-heading .panel-control a {
    color: #fff;
}

.panel-purple .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-green {
    background: #bf1ab0;
}

.panel-green .panel-heading {
    color: #fff;
}

.panel-green .panel-body {
    color: #fff;
}

.panel-green .panel-heading .panel-control a {
    color: #fff;
}

.panel-green .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-blue {
    background: #12AFCB;
}

.panel-blue .panel-heading {
    color: #fff;
}

.panel-blue .panel-body {
    color: #fff;
}

.panel-blue .panel-heading .panel-control a {
    color: #fff;
}

.panel-blue .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-yellow {
    background: #f6d433;
}

.panel-yellow .panel-heading {
    color: #fff;
}

.panel-yellow .panel-body {
    color: #fff;
}

.panel-yellow .panel-heading .panel-control a {
    color: #fff;
}

.panel-yellow .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-red {
    background: #f25656;
}

.panel-red .panel-heading {
    color: #fff;
}

.panel-red .panel-body {
    color: #fff;
}

.panel-red .panel-heading .panel-control a {
    color: #fff;
}

.panel-red .panel-heading .panel-control a:hover {
    color: #f1f1f1;
}

.panel-placeholder {
    border: 2px dashed #ddd;
    margin-bottom: 20px;
}


/* Wells */

.well {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #F6F6F6;
    border: 0;
}


/* Modals */

.modal {
    z-index: 1010 !important;
    background: rgba(0,0,0,0.25);
}

.modal-content {
    -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);
    border: 0;
    border-radius: 8px;
}

.modal-header {
    padding: 15px;
    overflow: hidden;
   /* border-top-left-radius: 0;
    border-top-right-radius: 0;*/
    border: 0 !important;
    /*height: 55px;*/
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.modal-body {
    position: relative;
    padding: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.modal-footer {
    padding: 15px;
    /*border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;*/
    border: 0;
    margin-top: 0;
}

.modal-header+.modal-body {
    padding: 15px;
}

.modal-body+.modal-footer {
    padding: 15px;
}

/*.modal-open {
    overflow-y: auto !important;
}*/

.modal-open {
    padding: 0 !important;
}

.modal-backdrop {
    z-index: 1;
}


/* Pagination */

.pagination>li>a {
    color: #5B5B5B;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background: #1976d2;
    border-color: #1976d2;
}


/* Progress Bars */

.progress {
    border-radius: 2px;
    height: 15px;
}

.progress-squared {
    border-radius: 0;
}

.progress-xs {
    height: 5px;
}

.progress-sm {
    height: 10px;
}

.progress-md {
    height: 15px;
}

.progress-lg {
    height: 25px;
}

.progress-bar-purple {
    background-color: #9428FF;
}
.progress-bar-primary {
    background-color: #00BFCB;
}

.progress-bar-success {
    background-color: #68D000;
}

.progress-bar-info {
    background-color: #5D24FF;
}

.progress-bar-warning {
    background-color: #E67D04;
}

.progress-bar-danger {
    background-color: #FF0000;
}


/* Tabs */
/*.nav-tabs>li>a {
    border-radius: 0 !important;
    color: #004481;
    font-size: 15px;
}*/

/*.nav-tabs>li>a:hover {
    background: #004481;
    border-color: #004481 #004481 #004481;
    color: #fff;
}*/

/*.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #1976d2;
    border-bottom-color: #1976d2;
}*/

.nav-tabs {
    border-bottom: none;
}

.nav-pills>li>a {
    color: #777;
    border-radius: 0 !important;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #bf1ab0;
}

.tabs-below>.nav-tabs,
.tabs-right>.nav-tabs,
.tabs-left>.nav-tabs {
    border-bottom: 0;
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
    display: none;
}

.tab-content>.active,
.pill-content>.active {
    display: block;
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tabs-below>.nav-tabs>li>a:hover,
.tabs-below>.nav-tabs>li>a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:hover,
.tabs-below>.nav-tabs>.active>a:focus {
    border-color: #fff #ddd #ddd #ddd;
}

.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
    float: none;
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tabs-left>.nav-tabs>li>a:hover,
.tabs-left>.nav-tabs>li>a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover,
.tabs-left>.nav-tabs .active>a:focus {
    border-color: #ddd transparent #ddd #ddd;
    border-right-color: #ffffff;
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.tabs-right>.nav-tabs>li>a:hover,
.tabs-right>.nav-tabs>li>a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:hover,
.tabs-right>.nav-tabs .active>a:focus {
    border-color: #ddd #ddd #ddd transparent;
    border-left-color: #ffffff;
}


/* Accordions */

.panel-group .panel-heading .panel-title>a {
    font-size: 14px;
}

.panel-group .panel-heading {
    font-size: 14px;
}

.panel-group .panel-heading .panel-title>a {
    text-decoration: none;
}

.panel-group .panel-heading {
    border-bottom: 0 !important;
}

.panel>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
}

.panel-group .panel-heading .panel-title {
    position: relative;
    width: 100%;
}

.panel-group .panel-heading .panel-title>a:after {
    font-family: 'FontAwesome';
    content: "\f067";
    position: absolute;
    right: 0;
    color: #777;
    height: 15px;
    top: 50%;
    margin-top: -7.5px;
}

.panel-group .panel-heading .panel-title>a.collapsed:after {
    content: "\f068";
}

.panel-group .panel-primary .panel-heading .panel-title>a:after,
.panel-group .panel-success .panel-heading .panel-title>a:after,
.panel-group .panel-info .panel-heading .panel-title>a:after,
.panel-group .panel-danger .panel-heading .panel-title>a:after,
.panel-group .panel-warning .panel-heading .panel-title>a:after {
    color: #fff;
}


/* jsTree */

.jstree-default .jstree-clicked {
    background: #f1f1f1;
    border-radius: 0;
    box-shadow: inset 0 0 1px #999;
}

.jstree-default li a:hover {
    background: #f1f1f1;
    border-radius: 0;
    box-shadow: inset 0 0 1px #999;
}


/* Labels */

.label.label-default {
    background: #fff;
    border: 1px solid #e5e5e5;
}

.label.label-success {
    background: #B7D858;
    color: #fff;
}
.label-success[href]:hover, .label-success[href]:focus {
    background-color: #aacc47;
}
.label.label-primary {
    background: #f2eff9;
    color: #603CB7;
}
.label.label-primary.outline{
    background: #fff;
    border: 1px solid #603CB7;
}
.label.label-info {
    background: #12AFCB;
}

.label.label-danger {
    background: #f25656;
}

.label.label-warning {
    background: #fdf5eb;
    color: #E67D04;
}


/* Forms */

/*label {
    color: #1E2334;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}*/

.form-group label {
    color: #1E2334;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}

/*.form-group label {
    color: #1976d2;
    color: rgba(0, 0, 0, 0.54);
    font-size: 11px;
}*/

.controls label {
    display: block;
}

.form-control {
    background: #FFFFFF;
    border: 1px solid #DFE3F5;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: none;
    color: #666;
}

input[disabled] {
    background: #f7f7f7;
    border-color: #d2d7db;
}

.form-control:focus {
    border: 1px solid #cdcdcd;
    background: #fff;
    box-shadow: none;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    border: 1px solid #DFE3F5;
    background: #E5E5E5;
    box-shadow: none;
}
.help-block {
    margin-bottom: 5px;
}

.form-group.has-success .form-control,
.form-group.has-warning .form-control,
.form-group.has-error .form-control {
    box-shadow: none;
}

.form-group.has-success .form-control:focus {
    border: 1px solid #bf1ab0;
    background: #fff;
}

.form-group.has-warning .form-control:focus {
    border: 1px solid #f6d433;
    background: #fff;
}

.form-group.has-error .form-control:focus {
    border: 1px solid #f25656;
    background: #fff;
}

.form-group.has-success label {
    color: #bf1ab0;
}

.form-group.has-warning label {
    color: #f6d433;
}

.form-group.has-error label {
    color: #f25656;
}

label.error {
    color: #a94442;
    font-weight: bold;
    margin-top: 5px;
    float: left;
    font-size: 12px;
}

input.form-control.input-rounded {
    border-radius: 30px;
}

.input-group .btn {
    padding: 7px 12px;
}

ol.linenums {
    margin: 0;
}

.select2-selection {
    background: #fff !important;
    border-radius: 0 !important;
    border: 1px solid #dce1e4 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    padding: 6px 10px !important;
    height: 34px !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}

.select2-dropdown {
    background: #fff;
    border-radius: 0;
    border: 1px solid #dce1e4;
    border-top: 0;
    box-shadow: none !important;
    font-size: 13px;
    padding: 6px 10px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 9999;
}

.select2-dropdown.select2-dropdown--above {
    border: 1px solid #dce1e4;
    border-bottom: 0;
}

.select2-selection--multiple .select2-selection__choice {
    background: #f1f1f1 !important;
    border-radius: 0 !important;
    border: 1px solid #ccc !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    line-height: inherit !important;
    padding: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
}

.popover {
    border: 1px solid #ebebeb;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.popover-title {
    border-radius: 0;
}

.popover.top>.arrow {
    border-top-color: #ebebeb;
}

.popover.left>.arrow {
    border-left-color: #ebebeb;
}

.popover.right>.arrow {
    border-right-color: #ebebeb;
}

.popover.bottom>.arrow {
    border-bottom-color: #ebebeb;
}

.ms-drop ul>li {
    width: 100%;
    text-align: left;
}


/* Tables */

/*.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th,
.table td {
    padding: 10px 5px !important;
}*/

a:focus,
a:hover {
    text-decoration: none;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    background: #fff;
    border-radius: 0;
    border: 1px solid #dce1e4;
    box-shadow: none !important;
    font-size: 13px;
    padding: 6px 10px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dataTables_wrapper .dataTables_filter input:focus {
    border: 1px solid #bdc5c9;
    background: #fff;
    outline: 0;
}

.dataTables_wrapper .dataTables_length select:focus {
    outline: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #5f5f5f !important;
    border: 1px solid #ebebeb;
    background: #f1f1f1 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    color: #5f5f5f !important;
    border: 1px solid transparent;
    background: #f7f7f7 !important;
    box-shadow: none;
}

tr.group,
tr.group:hover {
    background-color: #ddd !important;
}


/* 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: 15px;
    padding-top: 10px;
    overflow: auto;
    outline: 0;
}

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

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


/* Center */

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


/* Display */

.display-block {
    display: block;
}

.display-inline {
    display: inline-block;
}


/* Middle Box */

.box-middle {
    position: absolute;
    height: 400px;
    width: 400px;
    top: 50%;
    left: 50%;
    margin-left: -200px !important;
    margin-top: -200px !important;
}


/* Date Picker */

/*.datepicker {
    padding: 10px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1) !important;
}

.datepicker table tr td,
.datepicker table tr th,
.datepicker table tr td span {
    border-radius: 0 !important;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #ffffff;
    background-color: #004481;
    border: 0;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    color: #ffffff;
    background-color: #004481 !important;
    border: 0;
}
*/
.bootstrap-datetimepicker-widget table td span{
    text-align: center;
}

/* Colorpicker */

.colorpicker {
    padding: 10px !important;
}


/* Dropzone */

.dropzone {
    border: 1px solid #f1f1f1;
    border-radius: 0;
    background: #f9f9f9;
}


/* Image Cropper */

.img-preview {
    height: 150px;
    width: 220px;
    overflow: hidden;
    text-align: center;
}


/* Sparkline Charts */

.jqstooltip {
    box-sizing: content-box;
}


/* Flot Chart */

#flot1 {
    width: 100%;
    height: 250px;
}

#flot2 {
    width: 100%;
    height: 250px;
}

#flot3 {
    margin: 0 auto;
    width: 250px;
    height: 250px;
}

#flot3 .pie-chart-legend {
    padding: 5px;
}

#flot4 {
    width: 100%;
    height: 250px;
}

#flotTip {
    border-radius: 0;
    background: rgba(51, 51, 51, 0.8);
    color: #fff;
    padding: 5px;
    font-size: 13px !important;
}


/* Vector Maps */

.jqvmap-zoomin,
.jqvmap-zoomout {
    background-color: #bf1ab0;
    color: #fff;
    border: 1px solid transparent;
    font-size: 13px;
    border-radius: 0;
    outline: none !important;
    padding: 3px 5px;
    height: auto;
    width: auto;
    margin-left: 7px;
}

.jqvmap-zoomin:hover,
.jqvmap-zoomin:focus,
.jqvmap-zoomin:active,
.jqvmap-zoomout:hover,
.jqvmap-zoomout:focus,
.jqvmap-zoomout:active {
    background-color: #ad17a0;
    border: 1px solid transparent;
}


/* Gritter Notifications */

.gritter-item {
    font-size: 13px;
    background: rgba(0, 0, 0, 0.7);
    background-image: none !important;
    padding: 15px;
}

.gritter-top {
    background: none !important;
}

.gritter-bottom {
    background: none !important;
}

.gritter-close {
    top: 15px;
    left: auto;
    right: 5px;
}

.gritter-image {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.gritter-with-image {
    padding-left: 10px;
}


/* Calendar */

.fc button {
    height: auto;
    padding: 6px 12px;
    font-size: 13px;
}

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0;
}

.fc-state-default {
    border: 1px solid;
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.fc-state-default {
    background-color: #fff;
    background-image: none;
    border-color: #e5e5e5;
    color: #333;
    text-shadow: 0;
    box-shadow: 0;
    outline: 0 !important;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #333333;
    background-color: #e6e6e6;
}

.fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.fc-state-down,
.fc-state-active {
    background-color: #f1f1f1;
    border: 1px solid #e5e5e5;
    box-shadow: 0 !important;
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

.fc-day-grid-event {
    padding: 5px;
    background: #bf1ab0;
    border: 0;
}


/* List Groups */

.list-group-item.active {
    background: #f1f1f1;
    border-color: #DDDDDD;
    color: #333;
}

.list-group-item.active:hover {
    background: #e7e7e7;
    border-color: #DDDDDD;
    color: #333;
}


/* Header */

.navbar {
    border: none;
    background: #fff !important;
    z-index: 999;
    border-radius: 0px;
    border: none;
    margin: auto;
    position: relative;
    min-height: 64px !important;
    box-shadow: 0 5px 10px #efefef;
}

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

input[type="text"] {
     /*border: 1px solid hsl(0, 0%, 78%);
    height: 34px;
    padding: 0 8px;*/
}

input[type="email"] {
    /*border: 1px solid hsl(0, 0%, 78%);
    height: 34px;
    padding: 0 8px;*/
}

select {
    /*border: 1px solid hsl(0, 0%, 78%);
    height: 34px;
    padding: 0 8px;*/
}

@media (min-width: 768px) {
    .page-content.container .navbar {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .page-content.container .navbar {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .page-content.container .navbar {
        width: 1170px;
    }
}


/*.topmenu-outer {
    height: 60px;
    background: #1976d2;
    margin-left: 160px;
}*/


/*.small-sidebar .topmenu-outer {
    margin-left: 65px;
}
*/

.pace .pace-progress {
    background: #bf1ab0;
}

.pace .pace-progress-inner {
    box-shadow: 0 0 10px #bf1ab0, 0 0 5px #bf1ab0;
}

.pace .pace-activity {
    border-top-color: #bf1ab0;
    border-left-color: #bf1ab0;
    margin-top: 60px;
}


/* logo */

.navbar .logo-box {
    position: relative;
    width: 175px;
    height: 60px;
    float: left;
    display: table;
}

.navbar .logo-box .logo-text {
    font-size: 20px;
    font-weight: bold;
    line-height: 60px;
    padding: 0 15px 0 15px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.navbar .logo-box a:hover,
.navbar .logo-box a:focus {
    text-decoration: none;
}

.navbar .logo-box a {
    margin: 0 auto;
}

.small-sidebar .navbar .logo-box {
    width: 65px;
}


/* Top Menu */
.top-menu{
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}
.top-menu-serach{
	width: 36%;
    padding-left: 8%;
    padding-right: 8%;
}
/*.navbar-nav.navbar-right {
    margin-right: 0;
}*/

/*.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}*/

/*.top-menu .navbar-nav>li {
    margin-right: 10px;
    margin-left: 10px;
}*/
.top-menu .navbar-nav>li>a {
    display: block;
    padding: 6px 6px;
    color: #1E2334;
    text-align: center;
}
.top-menu .navbar-nav>li>a:hover{
    color: #E67D04;
}
.top-menu .navbar-nav>li>a img{
    display: block;
    margin: auto;
}
.top-menu .navbar-nav>li>a span{
	display: block;
}
.top-menu .nav>li>a:hover,
.top-menu .nav>li>a:focus,
.top-menu .nav>li>a:active,
.top-menu .nav .open>a,
.top-menu .nav .open>a:hover,
.top-menu .nav .open>a:focus {
    background: transparent;
    color: #E67D04;
}

.top-menu .nav .open>a,
.top-menu .nav .open>a:hover,
.top-menu .nav .open>a:focus {
    background: transparent;
    border-color: none;
}

.top-menu .navbar-nav>li>a>i {
    font-size: 14px;
}

.top-menu .navbar-nav>li>a>.badge {
    font-family: "Open Sans", sans-serif;
    position: absolute;
    top: 12px;
    right: 7px;
    padding: 3px 6px;
    font-size: 11px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.top-menu .navbar-nav>li>a>.user-name {
    padding: 0 10px 0 0;
    line-height: 20px;
}

.top-menu .navbar-nav>li>a>.user-name {
    padding: 0 10px 0 0;
    line-height: 20px;
}
.msgcount, .notificationCounter{
    background: #f25656;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 9px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 15px;
    z-index: 99;
    right: 0;
}
.notificationCounter{
    right: 27px;
}

.msgcount, .supportTicketCounter{
    background: #f25656;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 9px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 15px;
    z-index: 99;
    right: 0;
}
.supportTicketCounter{
    right: 27px;
}

@media (max-width: 991px) {
    .top-menu .navbar-nav>li>a>.user-name {
        display: none;
    }
}

.top-menu .navbar-nav>li>a>.user-name>i {
    margin-left: 5px;
}

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


/* Dropdowns */

.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 99;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    background-color: #fffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d8dee4;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -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);
}
.drop_mega-list ul{
	padding: 0;
}
.drop_mega-list ul li{
	list-style: none;
}
.dropdown-menu li {
    font-size: 13px;
}

.dropdown-menu li a:hover {
    background: #f7f7f7;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 25px !important;
}

.dropdown-menu:before {
    position: absolute;
    top: -8px;
    left: 50%;
    right: auto;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #d8dee4;
    border-left: 8px solid transparent;
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -7px;
    left: 50%;
    right: auto;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
}

.dropdown.dropup>.dropdown-menu:after,
.dropdown.dropup>.dropdown-menu:before,
.btn-group.dropup>.dropdown-menu:after,
.btn-group.dropup>.dropdown-menu:before,
.dropdown-toggle.dropup>.dropdown-menu:after,
.dropdown-toggle.dropup>.dropdown-menu:before {
    display: none !important;
}

.navbar-left .dropdown-menu:before,
.dropdown-menu.dropdown-menu-left:before {
    left: 16px;
    right: auto;
}

.navbar-left .dropdown-menu:after,
.dropdown-menu.dropdown-menu-left:after {
    left: 17px;
    right: auto;
}

.navbar-right .dropdown-menu:before,
.dropdown-menu.dropdown-menu-right:before {
    right: initial;
    left: 20%;
    display: none !important;
}

.navbar-right .dropdown-menu:after,
.dropdown-menu.dropdown-menu-right:after {
    right: initial;
    left: 20%;
    display: none !important;
}

.dropdown-menu.title-caret:after {
    border-bottom: 7px solid #fff;
}

.dropdown-menu>li.active>a:hover,
.dropdown-menu>li.active>a:focus,
.dropdown-menu>li.active>a:active,
.dropdown-menu>li.active>a,
.dropdown-menu>li.active>a:hover,
.dropdown-menu>li.active>a:focus {
    background: #F7F7F7;
    color: #333;
}

.drop-title {
    display: block;
    border-bottom: 1px solid #F3F3F3;
    font-size: 14px;
    background: #fff;
    padding: 12px;
    color: #6a6a6a;
    margin: 0px;
}

.dropdown-menu li.drop-all a {
    padding: 10px;
    color: #707070;
    background: #FFF;
    font-size: 14px;
}

.dropdown-menu li.drop-all a:hover {
    background: #f7f7f7;
}

.dropdown-sm {
    width: 190px;
}

.dropdown-md {
    width: 230px;
}

.dropdown-lg {
    width: 280px;
}

.dropdown-menu li a {
    padding: 7px 10px 7px 10px;
    color: #5f5f5f;
    font-size: 13px;
    display: block;
    text-align: left;
}

.dropdown-menu li a i {
    margin-right: 10px;
}

.dropdown-menu li.no-link {
    padding: 7px 10px 7px 10px;
}

.dropdown-menu li.li-group {
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 0px 5px 0px;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #eee;
    border-color: transparent;
}

.navbar .dropdown .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    margin-top: 40px !important;
}

.navbar .open .dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top:1px !important;
}

.navbar .dropdown {
    display: inline-block;
}


/* 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;
}

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

.messages li a .msg-text {
    display: block;
    width: 210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a0a0a0;
    margin: 0px;
    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: 0px;
    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: 0px;
    float: left;
    width: 148px;
}

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


/* Page Content */

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

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


/* Sidebar */

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

.page-sidebar {
    width: 202px;
    display: block;
    z-index: 998;
    /*    position: absolute;*/
    position: fixed;
    top: 0;
    left: -202px;
    /*    height: auto !important;
    overflow: visible !important;*/
    /*    overflow-x: scroll;*/
    height: 100%;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
}

.page-sidebar.slide-side {
    left: 0;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
}

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

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

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

.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;
}

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


/* Horizontal Bar */

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

@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-top: 60px;
}

.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;
    }
}

@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;
    }
}

@media (max-width: 1200px) {
    .horizontal-bar .accordion-menu>li>a>p {
        display: none;
    }

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

    body:not(.small-sidebar) .horizontal-bar .accordion-menu>li>a>.menu-icon {
        float: none !important;
        margin: 0 !important;
    }

    .horizontal-bar .accordion-menu ul {
        top: 50px !important;
    }
}

.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: 0px !important;
    padding: 0px !important;
    position: relative;
}

.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu>li>a,
.horizontal-bar .accordion-menu>li>a {
    padding: 16px !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: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

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

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

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: 200px;
    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: 50px;
}

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

.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;
}


/* 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: 0px;
    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;
}


/* Menu */

.menu li a .badge {
    margin-left: 10px;
}

.menu.accordion-menu {
    /*padding: 0px;
    margin: 0px;
    width: 175px;
    color: white;
    position: relative;
    display: block;*/
}

.menu.accordion-menu a {
    display: block;
    font-size: 16px;
    padding: 10px 5px;
    text-decoration: none;
}
.menu.accordion-menu a p{
	font-size: 14px;
}
/*.menu.accordion-menu a .fa-info-circle{
	margin-top: 5px;
}*/
.menu.accordion-menu>li>a {
    text-align: left;
    color: #1E2334;
    padding: 10px 5px;
}

body:not(.page-horizontal-bar):not(.small-sidebar) .menu.accordion-menu a {
    text-align: left;
}

.menu.accordion-menu a p {
    line-height: 1.42857143 !important;
    margin: 0;
    display: inline;
}

.menu.accordion-menu a span.menu-icon {
    display: inline;
    font-size: 18px;
    padding-right: 5px;
}

/*.menu.accordion-menu li>a>.arrow:before {
    width: 10px;
    float: right;
    display: block;
    margin-top: -20px;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
}*/

.menu.accordion-menu>li>a>.arrow:before {
    margin-top: -39px;
}

.menu.accordion-menu li.open>a>.arrow:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.menu.accordion-menu {
    padding-top: 10px;
}
.menu.accordion-menu li {
    list-style-type: none;
    margin-bottom: 0px;
    position: relative;
    z-index:999;
}
.menu.accordion-menu > li:after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    top: 15px;
    color: #1E2334;
    z-index: 999;
}
.menu.accordion-menu > li.nodroplink:after{
    display: none;
}
.menu.accordion-menu li a .badge {
    float: right;
    margin-top: 1px;
    margin-right: 0px;
    margin-left: 0px;
    display: block;
}
.menu {
    background: #fff;
    padding-left: 0;
    box-shadow: 0 5px 10px #d7d7d7;
}
.menu.accordion-menu ul {
    z-index: 999;
}
.sub-menu{
    padding: 0 5px;
    background: #ebeff5;
}
.sub-menu li{
    
}
.sub-menu li a{
   
}
.menu.accordion-menu ul li a {
    display: block;
    padding: 8px 5px;
    text-decoration: none;
    font-size: 13px;
}

.menu.accordion-menu ul li ul {
    padding: 2px 0 2px 0;
}

.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li a,
.hover-menu .menu.accordion-menu .sub-menu li .sub-menu li a,
.page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li a {
    padding-left: 26px;
}

.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li a,
.hover-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li a,
.page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li a {
    padding-left: 31px;
}

.compact-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li a,
.hover-menu .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li a,
.page-horizontal-bar .menu.accordion-menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li a {
    padding-left: 36px;
}

/*.menu ul {
    padding: 10px;
    z-index: 99;
}*/
.compact-menu:not(.small-sidebar) .menu.accordion-menu li a {
    text-align: left !important;
}

.compact-menu:not(.page-horizontal-bar) .menu.accordion-menu>li>a>p {
    display: inline !important;
}

.compact-menu .menu.accordion-menu a span.menu-icon {
    display: inline-block !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    margin-right: 10px !important;
}

.compact-menu .menu.accordion-menu li a .arrow:before {
    margin-top: -2px;
}

.page-horizontal-bar.compact-menu .menu.accordion-menu ul {
    top: 50px;
}

.page-horizontal-bar.compact-menu.small-sidebar .menu.accordion-menu ul {
    top: 46px !important;
}

.hover-menu:not(.page-horizontal-bar) .menu.accordion-menu>li>a>span.arrow {
    display: none;
}

.hover-menu .menu.accordion-menu>li:hover>ul,
.hover-menu .menu.accordion-menu>li.open:hover>ul {
    display: inline-block !important;
}

.hover-menu .accordion-menu li {
    position: relative;
}

.hover-menu .accordion-menu>li>ul {
    position: absolute;
    left: 160px;
    width: 200px;
}

.hover-menu:not(.page-horizontal-bar) .accordion-menu>li>ul {
    position: absolute;
    top: 0;
    left: 160px;
    width: 200px;
}

.hover-menu .sidebar,
.hover-menu .sidebar .page-sidebar-inner,
.hover-menu .sidebar .menu,
.hover-menu .sidebar .slimScrollDiv {
    overflow: visible !important;
}

.hover-menu .accordion-menu ul li a {
    text-align: left !important;
}

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

.hover-menu .sidebar .slimScrollBar,
.hover-menu .slimScrollBar {
    display: none !important;
}


/* Small Menu */


/*.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu {
    width: 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .page-sidebar-inner {
    overflow: hidden!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu {
    width: 160px!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu>li>a {
    padding: 15px;
    text-align: center;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu>li>a {
    padding: 15px;
    padding-left: 18px;
    padding-right: 18px;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu>li>a {
    text-align: left;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu>li>a>.menu-icon {
    margin-right: 10px!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu ul li a {
    text-align: center;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .menu-icon {
    float: none;
    margin: 0!important;
    font-size: 14px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a .menu-icon {
    font-size: 20px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a p,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .arrow,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li.menu-title,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a .badge {
    display: none!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li a p {
    margin: 0;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .menu.accordion-menu li.open .sub-menu {
    visibility: hidden;
    height: 0!important;
    padding: 0;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .sidebar-widget,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .sidebar-header {
    display: block!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a p,
.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.menu-title {
    display: block!important;
}

.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a p,
.compact-menu.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.menu-title {
    display: inline!important;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li.open .sub-menu {
    visibility: visible;
    height: auto!important;
    padding: 10px;
}

.small-sidebar.page-sidebar-fixed:not(.page-horizontal-bar) .sidebar:hover .menu.accordion-menu li a .arrow {
    display: block!important;
    float: right;
}

.small-sidebar:not(.page-sidebar-fixed) .sidebar,
.small-sidebar:not(.page-sidebar-fixed) .sidebar>*,
.horizontal-bar,
.horizontal-bar>* {
    overflow: visible!important;
}

.small-sidebar:not(.page-sidebar-fixed) .sidebar .slimScrollBar,
.horizontal-bar .slimScrollBar {
    display: none!important;
}

.small-sidebar:not(.page-sidebar-fixed) .menu.accordion-menu {
    width: auto;
    oveflow: visible!important;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu,
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li {
    padding: 0;
    margin: 0;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li {
    list-style: none;
    position: relative;
    width: auto;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a {
    text-decoration: none;
    display: block;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu>li>a {
    padding: 15px 25px 15px 25px;
    text-align: center;
    position: relative;
    width: 265px;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a span.menu-icon {
    font-size: 14px;
    margin: 0 50px 0 0!important;
    float: left;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a p {
    margin: 0;
    float: left;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a .arrow:before {
    width: 10px;
    float: right;
    margin-left: 15px;
    margin-top: -2px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: 18px;
    content: "\f104";
    font-weight: 300;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li:hover>a {
    z-index: 999;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu>li>ul {
    position: absolute;
    left: 65px;
    top: 44px;
    width: 200px;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu ul li a {
    display: block;
    padding: 10px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    background: transparent;
    font-size: 13px;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu ul li span.menu-icon {
    margin-right: 15px;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu>li>a>span.arrow {
    display: none;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li a p {
    display: block;
    text-align: left;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu li.menu-title {
    display: none;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu>li:hover>ul,
.small-sidebar:not(.page-sidebar-fixed) .accordion-menu>li.open:hover>ul {
    display: inline-block!important;
}

.page-horizontal-bar .accordion-menu>li:hover>ul,
.page-horizontal-bar .accordion-menu>li.open:hover>ul {
    display: inline-block!important;
}

.small-sidebar:not(.page-sidebar-fixed) .accordion-menu>li.open>ul {
    display: none!important;
}

.page-horizontal-bar .accordion-menu>li.open>ul {
    display: none!important;
}*/


/* Page Inner */

.page-inner {
    padding: 0 0 50px 0;
    background: #F1F4F9;
    position: relative;
}

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

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

.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: 111px 0 50px 0;
}

.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
    padding: 0px 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 {
    margin: 0;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #1E2334;
}
.page-sub-heading {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #1E2334;
}
.page-title h3 {
    font-size: 24px;
    font-weight: 300;
    color: #74767d;
    padding: 0px;
    margin: 0 0 4px 0;
}


/* Page Settings */

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

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

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

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

.page-breadcrumb ul {
    margin: 0px;
}

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

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


/* Main Wrapper */

#main-wrapper {
    /*margin: 20px;*/
    padding: 20px;
}


/* Footer */

/*.page-footer {
    background: #fff;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 19px;
    padding-bottom: 19px;
}*/
.page-footer {
    background: #fff;
    width: 100%;
    display: block;
    position: fixed;
    bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background: #f5f5f5;
}


/* 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: #fff;
    border: none;
    position: relative;
    line-height: 20px;
    float: left;
    font-size: 17px;
    text-decoration: none;
}


/*.push-sidebar:hover {
    color: #5F5F5F;
}*/

.imgPreview img {
    outline:1px solid #ddd;
    outline-offset: -4px;
    padding: 5px;
    max-height: 85%;
}


/* 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: 20px 18px;
    color: #fff;
    border: none;
    position: relative;
    line-height: 20px;
    float: right;
    font-size: 17px;
    text-decoration: none;
}


/* Icons */


/* FontAwesome */

.fontawesome-icon-list .fa-item {
    padding: 10px 20px 10px 20px;
    color: #333;
}

.fontawesome-icon-list .fa-item i {
    margin-right: 5px;
}

.fontawesome-icon-list .fa-item:hover {
    background: #f1f1f1;
}

.line-icons .line-icon-item {
    padding: 10px 20px 10px 20px;
    color: #333;
    display: block;
}

.line-icons .line-icon-item:hover {
    background: #f1f1f1;
}

.bs-glyphicons-list li span.glyphicon {
    margin: 5px 0 10px 0;
    float: none;
    font-size: 24px;
}

.bs-glyphicons-list li span {
    text-align: center;
    display: block;
}

.bs-glyphicons-list li {
    display: block;
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff;
    list-style-type: none;
}

@media (min-width: 768px) {
    .bs-glyphicons-list li {
        width: 12.5%;
        font-size: 13px;
    }
}


/* Calendar */

.calendar-event {
    padding: 7px 10px;
    color: #5B5B5B;
    background: #FCF8E3;
    margin-bottom: 5px;
    overflow: hidden;
}

.calendar-event p {
    float: left;
    margin: 0;
}

.calendar-event .remove-calendar-event {
    float: right;
    color: #5B5B5B;
}


/* Dashboard */

.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;
}

@media (min-width: 768px) {
    .visitors-chart {
        border-right: 1px solid #eee;
    }
}

.stats-info ul {
    margin: 0;
}

.stats-info ul li {
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}

.stats-info ul li:last-child {
    border-bottom: 0;
}

.stats-info ul li i {
    margin-left: 5px;
}

#flotchart1 {
    height: 340px;
    width: 100%;
}

#flotchart2 {
    height: 278px;
    width: 100%;
}

#flotchart3 {
    height: 200px;
    width: 100%;
}

.server-load>.server-stat {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 20px;
}

.server-load .server-stat span {
    font-size: 11px;
    margin-bottom: 3px;
}

.server-load .server-stat p {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 3px;
}

.weather-current {
    overflow: hidden;
}

.weather-current p {
    font-size: 12px;
    margin: 5px 0 0 0;
    float: left;
    color: #8e8e8e;
}

.weather-current p span {
    font-size: 42px;
    clear: both;
    margin-top: 15px;
    display: block;
    color: #4E5E6A;
    font-weight: 300;
}

.weather-current p span sup {
    font-size: 25px;
}

.weather-current .weather-icon {
    font-size: 40px;
    display: block;
    float: left;
    margin: 15px 15px 0 0;
}

.weather-day {
    margin: 0;
    font-weight: 600;
    text-align: right;
    font-size: 22px;
}

.weather-day small {
    font-size: 11px;
    color: #8e8e8e;
    margin: 0;
}

.weather-info {
    width: 100%;
    display: block;
    overflow: hidden;
}

.weather-info li {
    padding: 8px 0;
}

.weather-top {
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}

.weather-days {
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #f1f1f1;
}

.weather-days li span {
    display: block;
    text-align: center;
}

.weather-days li i {
    display: block;
    font-size: 22px;
    text-align: center;
    margin: 10px 0 10px 0;
}

@media (max-width: 768px) {
    .weather-days li {
        margin-bottom: 15px;
    }
}

.live-tile {
    width: 100%;
    margin: 0;
    height: 155.5px;
}

.twitter-box {
    background: #5EA9DD;
}

.facebook-box {
    background: #3B5998;
}

.twitter-box i,
.facebook-box i {
    position: absolute;
    right: 10px;
    bottom: 0;
    font-size: 50px;
    color: rgba(255, 255, 255, 0.3);
}

.tile-date {
    display: block;
    margin-top: 15px;
    color: rgba(255, 255, 255, 0.7);
}

.inbox-widget {
    height: 341px !important;
}

.inbox-widget a {
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.inbox-widget .inbox-item {
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
    position: relative;
}

.inbox-widget a:last-child>.inbox-item {
    border-bottom: 0;
}

.inbox-widget .inbox-item .inbox-item-img {
    float: left;
    width: 40px;
    display: block;
    margin-right: 15px;
}

.inbox-widget .inbox-item img {
    width: 40px;
}

.inbox-widget .inbox-item .inbox-item-author {
    color: #333;
    font-weight: 600;
    display: block;
    margin: 0 0 0 0;
}

.inbox-widget .inbox-item .inbox-item-text {
    color: #a0a0a0;
    display: block;
    margin: 0;
    font-size: 11px;
}

.inbox-widget .inbox-item .inbox-item-date {
    position: absolute;
    top: 2px;
    right: 7px;
    color: #a9a9a9;
    font-size: 11px;
}

#rickshaw-chart {
    margin: 0 -22px -25px -20px;
    height: 100px;
}

.project-stats .progress {
    margin: 3px 0 0 0;
}


/* Profile */

.profile-cover {
    background: url('../images/profile-cover.png');
    background-size: cover;
    width: 100%;
    height: 300px;
    position: relative;
}

.profile-image {
    position: absolute;
    margin: 200px 20px 20px 20px;
}

.profile-image img {
    display: block;
    margin: 0 auto;
    width: 150px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px #fff;
    -moz-box-shadow: 0 0 0 5px #fff;
    -o-box-shadow: 0 0 0 5px #fff;
    box-shadow: 0 0 0 5px #fff;
}

.profile-info {
    position: absolute;
    bottom: 10px;
    right: 20px;
    padding: 0;
    margin: 0;
    text-align: right;
}

.profile-info-value {
    color: #fff;
    display: inline-block;
    margin-left: 40px;
}

.user-profile {
    margin-top: 60px;
}

.team .team-member {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    float: left;
    position: relative;
}

.team .team-member .online {
    top: 5px;
    right: 5px;
}

.team .team-member img {
    width: 50px;
    float: left;
    border-radius: 50%;
    margin: 0 5px 0 5px;
}

.team .more-members a {
    display: block;
    text-align: center;
}

.profile-timeline ul li .timeline-item-header {
    width: 100%;
    overflow: hidden;
}

.profile-timeline ul li .timeline-item-header img {
    width: 50px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
}

.profile-timeline ul li .timeline-item-header p {
    margin: 0;
    color: #000;
    font-weight: bold;
}

.profile-timeline ul li .timeline-item-header p span {
    margin: 0;
    color: #8E8E8E;
    font-weight: normal;
}

.profile-timeline ul li .timeline-item-header small {
    margin: 0;
    color: #8E8E8E;
}

.profile-timeline ul li .timeline-item-post {
    padding: 20px 0 0 0;
    position: relative;
}

.profile-timeline ul li .timeline-item-post>img {
    width: 100%;
}

.timeline-options {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0 10px 0;
}

.timeline-options a {
    display: block;
    margin-right: 20px;
    float: left;
    color: #333;
    text-decoration: none;
}

.timeline-options a i {
    margin-right: 3px;
}

.timeline-options a:hover {
    color: #bf1ab0;
}

.timeline-comment {
    overflow: hidden;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
}

.timeline-comment .timeline-comment-header {
    overflow: hidden;
}

.timeline-comment .timeline-comment-header img {
    width: 30px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.timeline-comment .timeline-comment-header p {
    color: #000;
    float: left;
    margin: 0;
    font-weight: bold;
}

.timeline-comment .timeline-comment-header small {
    font-weight: normal;
    color: #8E8E8E;
}

.timeline-comment p.timeline-comment-text {
    display: block;
    color: #333;
    font-size: 12px;
    padding-left: 40px;
}

.post-options {
    overflow: hidden;
    margin-top: 15px;
    margin-left: 15px;
}

.post-options a {
    display: block;
    margin-top: 5px;
    margin-right: 20px;
    float: left;
    color: #333;
    text-decoration: none;
    font-size: 17px;
}

.post-options a:hover {
    color: #bf1ab0;
}

#gallery .mix {
    display: none;
}


/* Mailbox */

.mailbox-nav li a {
    display: block;
    padding: 10px 7px;
    color: #999;
    text-decoration: none;
    border-bottom: 1px solid #E7EAEC;
    overflow: hidden;
}

.mailbox-nav li a:hover,
.mailbox-nav .active a {
    color: #333;
}

.mailbox-nav li a i {
    margin-right: 5px;
}

.mailbox-content {
    background: #fff;
    padding: 15px;
}

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

.mailbox-header h2 {
    margin: 3px 0;
}

.mailbox-content {
    overflow: hidden;
}

.mailbox-content table thead tr th {
    border-bottom: 1px solid #ddd;
}

.mailbox-content table tbody tr td {
    cursor: pointer;
}

.mailbox-content table tbody tr:hover {
    background: #FAFAFA;
}

.mailbox-content table tbody tr.read {
    background: #F9F9F9;
    color: #7F7F7F;
}

.mailbox-content table tbody tr.checked {
    background: #FFFFCC;
}

.mail-hidden-options {
    display: none;
}

.message-header {
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 0 15px 0;
    margin-bottom: 10px;
}

.message-header h3 {
    float: left;
    font-size: 18px;
    margin: 0;
    color: #666;
}

.message-header p {
    float: right;
    margin: 0;
}

.message-sender {
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0 5px 0;
    margin-bottom: 10px;
}

.message-sender img {
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.message-sender p {
    display: inline-block;
}

.message-sender span {
    color: #7F7F7F;
}

.message-content {
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0 5px 0;
    margin-bottom: 10px;
}

.message-attachments {
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0 15px 0;
    margin-bottom: 10px;
}

.message-attachment {
    position: relative;
    width: 200px;
    float: left;
    margin-right: 10px;
    border: 1px solid #f1f1f1;
}

.message-attachment a {
    text-decoration: none;
}

.message-attachment img {
    display: block;
    width: 100%;
}

.attachment-info {
    background: #f9f9f9;
    padding: 10px;
}

.attachment-info p {
    margin: 0;
}

.attachment-info span {
    font-size: 11px;
    color: #aaa;
}

.compose-message {
    overflow: hidden;
    padding: 0 0 10px 0;
}

.compose-options {
    width: 100%;
    overflow: hidden;
    display: block;
}


/* Notifications */

.box-notifications {
    max-height: 312px;
    overflow-y: scroll;
}

.box-notifications ul li {
    display: block;
    padding: 11px 0 11px 0;
    border-bottom: 1px solid #f1f1f1;
}

.box-notifications ul li:first-child {
    padding: 0 0 11px 0;
}

.box-notifications ul li:last-child {
    padding: 11px 0 0 0;
    border-bottom: 0;
}

.box-notifications ul li p {
    margin: 0;
}


/* Extra */

.page-error #main-wrapper {
    margin: 5%;
}

.page-error .details {
    margin-bottom: 20px;
    text-align: center;
}

.coming-soon .page-inner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url('../images/coming-soon.jpg');
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/coming-soon.jpg');
    background-size: cover;
}


/* Login */

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

.login-box {
    background: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 14px;
    /*margin: 25px auto;*/
    margin-top: 0;
    /*max-width: 500px;*/
    padding: 30px;
}
.logo-name {
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
}
.login-box .logo-name {
    display: block;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    color: #6c6c6c;
}

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

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

.login-box .user-box form {
    overflow: hidden;
}


/* Search Results */

.search-item {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
}

.search-item p {
    margin: 0;
}

.search-item a {
    text-decoration: none;
}

.search-item a.search-link {
    color: #bf1ab0;
}


/* Chat */

.chat {
    position: relative;
    padding-bottom: 100px;
}

.chat .chat-item {
    display: block;
    padding: 10px 15px;
    width: 100%;
    overflow: hidden;
}

.chat .chat-item-right .chat-message {
    float: right;
}

.chat .chat-item .chat-image {
    float: left;
    display: inline-block;
}

.chat-item-left .chat-message {
    margin-top: 5px;
}

.chat .chat-item .chat-message {
    position: relative;
    border-radius: 12px;
    padding: 4px 12px;
    max-width: 75%;
    background: #f1f1f1;
    display: inline-block;
}

.chat .chat-item img {
    display: block;
    width: 40px;
    border-radius: 50%;
    margin-right: 5px;
}

.chat .chat-item-right .chat-message {
    background: #55BAA0;
    float: right;
    color: #fff;
}

.chat-write {
    padding: 5px;
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 240px;
}

.chat-write input {
    width: 100%;
}


/* Transitions */

.top-menu .navbar-nav>li>a>.badge,
.menu li a .arrow:before,
.menu li.open>a>.arrow:before {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}


/* 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;*/
}


/* 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: 0px;
    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: #a12996;
}


/* Purple  */

.color-switcher .colorbox.color-purple {
    background-color: #bf1ab0;
}


/* Black  */

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


/* White  */

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

/*.table>thead>tr>th {
    background: #E3EAF3;
}*/

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th, .table td {
    padding: 6px 5px !important;
    color: #1E2334;
    font-weight: 500;
    border-left: none;
    border-bottom: 1px solid #e5e5e5;
}

.table>tbody>tr>td:first-child,
.table>tbody>tr>th:first-child,
.table>tfoot>tr>td:first-child,
.table>tfoot>tr>th:first-child,
.table>thead>tr>td:first-child,
.table>thead>tr>th:first-child {
    border-left: none;
}

.info-box {
    border-bottom: 5px solid #fff !important;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.info-box:hover {
    border-bottom: 5px solid #A8A8A8 !important;
}

/*.process-box{
    background: #fff;
    min-height: 150px;
    box-shadow: 0px 18px 60px 0px #00448114;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 30px;
    border: 1px solid #eee;
    margin-top: 15px;
}
.process-box .dropdown{
    float: right;
}
.process-box .dropdown-menu{
    min-width: 118px;
    margin: 0;
}
.process-box .dropdown-menu:before, .process-box .dropdown-menu:after{
    display: none !important;
}
.process-person ul{
    display: flex;
    align-items: center;
}
.process-person ul li{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    left: 0;
    border: 1px solid #ddd;
}
.process-person ul li:last-child{
    background: #ddd;
    color: #000;
    font-size: 16px;
    padding: 9px 0;
    text-align: center;
}
.process-person ul li img{
    width: 100%;
    height: 100%;
}*/


/* Media Queries */
@media only screen and (min-width: 992px) and (max-width: 1366px) {
	.top-menu-serach{
		width: 15%;
	    padding-left: 0%;
	    padding-right: 0%;
	}
}

}
@media (max-width: 991px) {
    .profile-image {
        right: 0;
        left: 0;
    }

    .profile-info {
        top: 10px;
        right: 0;
        left: 0;
        bottom: auto;
        text-align: center;
    }

    .profile-info-value {
        color: #fff;
        float: none;
        margin: 0 10px 0 10px;
        display: inline-block;
    }

    .mailbox-header h2 {
        margin: 20px 0;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .sidebar {
        opacity: 0;
        visibility: hidden;
        display: none;
        width: 0;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    body:not(.page-header-fixed) .sidebar {
        padding-top: 0 !important;
    }

    .small-sidebar .sidebar.visible,
    .page-horizontal-bar .sidebar.visible {
        margin-right: -65px;
        opacity: 1;
        visibility: visible;
        width: 65px;
        display: block;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    body:not(.small-sidebar) .sidebar.visible {
        margin-right: -160px;
        opacity: 1;
        visibility: visible;
        display: block;
        width: 200px;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .accordion-menu {
        overflow-y: scroll;
    }

    .small-sidebar .sidebar,
    .horizontal-bar {
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }

    .navbar .logo-box {
        margin: 0 auto;
        background: transparent !important;
        text-align: center;
        width: 100% !important;
        border: 0 !important;
    }

    .navbar .logo-box a {
        color: #5F5F5F !important;
    }

    .navbar .logo-box .logo-text {
        width: 100%;
        display: inline-block !important;
    }

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

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

    /*.sidebar-pusher {
        display: block;
    }*/

    /*.search-button {
        display: block;
    }*/

    .topmenu-outer,
    .small-sidebar .topmenu-outer,
    .page-sidebar-fixed:not(.page-header-fixed) .topmenu-outer {
        margin: 0;
    }

    .top-menu {
        overflow-y: scroll;
    }

    .page-inner {
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .page-inner.sidebar-visible {
        -webkit-transform: translate3d(160px, 0, 0);
        transform: translate3d(160px, 0, 0);
    }

    .small-sidebar .page-inner.sidebar-visible,
    .page-horizontal-bar .page-inner.sidebar-visible {
        -webkit-transform: translate3d(65px, 0, 0);
        transform: translate3d(65px, 0, 0);
    }

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

    .horizontal-bar {
        float: left;
        height: auto !important;
        display: block;
        z-index: 1029;
        overflow: visible !important;
    }

    .small-sidebar .horizontal-bar {
        height: auto !important;
    }

    .horizontal-bar .menu li {
        float: none;
        display: block;
    }

    .horizontal-bar .accordion-menu li>ul,
    .small-sidebar .horizontal-bar .accordion-menu li>ul {
        left: 65px !important;
        top: 0;
    }

    .small-sidebar.page-horizontal-bar .accordion-menu>li>a,
    .small-sidebar.page-horizontal-bar:not(.page-sidebar-fixed) .accordion-menu>li>a {
        padding: 15px !important;
        text-align: center;
        width: 65px;
    }

    .horizontal-bar .menu li a p {
        display: none;
    }

    .small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu>li>a>.menu-icon {
        margin-right: 0 !important;
        font-size: 16px;
        float: none !important;
    }

    .horizontal-bar .accordion-menu>li>a {
        padding: 15px;
        text-align: center;
        width: 65px;
    }

    .page-horizontal-bar .page-inner {
        padding: 60px 0 50px 0;
    }

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

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

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

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

    .data-circle-list {
        flex-direction: column;
    }

    .data-circle-list li {
        width: 75% !important;
        margin: 0 auto;
    }

    .zopim {
        position: fixed !important;
    }
}

.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;
}


/*--------quaisae-----------*/


/*.login-box a {
    display: block;
    margin: auto;
}*/

.filter-by-status .fa-pencil {
    /*color: #00AFF0;*/
}


/*.filter-by-status .fa-trash {
    color: #BF1AB0;
}*/

.marg-5 {
    margin-top: 5px;
}

.no-padding {
    padding: 0;
}


/*--------- form new-------*/

/*#addEdit textarea {
    margin-left: -4px;
    width: 97%;
}*/

/*#addEdit .checkbox label {
    padding-left: 0;
}*/

.wordBreak {
    word-break: break-all;
}


/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */

.cd-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}


/* -------------------------------- 

Main components 

-------------------------------- */

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

#cd-timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #fff;
}

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    #cd-timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-block:first-child {
    margin-top: 0;
}

.cd-timeline-block:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: 4em 0;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
}

.cd-timeline-img.cd-success {
    background: #22BAA0;
}

.cd-timeline-img.cd-info {
    background: #12AFCB;
}

.cd-timeline-img.cd-danger {
    background: #F25656;
}

.cd-timeline-img.cd-primary {
    background: #7A6FBE;
}

.cd-timeline-img.cd-warning {
    background: #F6D433;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        line-height: 60px;
        left: 50%;
        margin-left: -30px;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0;
    padding: 1em;
    -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);
}

.cd-timeline-content img {
    width: 100%;
    display: block;
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-content h2 {
    margin-top: 0;
}

.cd-timeline-content p,
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
    font-size: 13px;
}

.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
    display: inline-block;
}

.cd-timeline-content p {
    margin: 1em 0;
}

.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: 0.25em;
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }

    .cd-timeline-content .cd-read-more {
        float: left;
    }

    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right;
    }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width: 1170px) {

    /* inverse bounce effect on even content blocks */
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

.unbilled_tab ul {
    padding: 0;
}


/*.unbilled_tab ul li {
  float: left;
  margin: 5px 8px;
  width: 31.9%;
  list-style: none;
}*/

.unbilled_tab ul li {
    float: left;
    margin: 5px 8px;
    width: 31%;
    list-style: none;
}

.unbilled_tab ul li label {
    display: block;
    color: #666;
    font-weight: normal;
    text-align: left;
}

.div-one {
    width: 50%;
    float: left;
    background: #21ABF6;
    color: #fff;
    padding: 0px 10px;
}

.div-two {
    width: 50%;
    float: left;
    background: #0071BB;
    color: #fff;
    padding: 0px 10px;
}

.unbilled_tab ul li:nth-child(3) .div-one {
    width: 100%;
    background: #7FD000;
}

.unbilled_tab ul li:nth-child(2) .div-one {
    background: #FF8000;
}

.unbilled_tab ul li:nth-child(2) .div-two {
    background: #BABEC5;
}

.unbilled_tab ul li:nth-child(1) .div-one:hover {
    border-bottom: 5px solid #156FA0;
    margin-top: -5px;
}

.unbilled_tab ul li:nth-child(1) .div-two:hover {
    border-bottom: 5px solid #004A7A;
    margin-top: -5px;
}

.unbilled_tab ul li:nth-child(2) .div-one:hover {
    border-bottom: 5px solid #B25900;
    margin-top: -5px;
}

.unbilled_tab ul li:nth-child(2) .div-two:hover {
    border-bottom: 5px solid #85878C;
    margin-top: -5px;
}

.unbilled_tab ul li:nth-child(3) .div-one:hover {
    border-bottom: 5px solid #5B9400;
    margin-top: -5px;
}

.page-footer nav.cd-nav-container {
    display: none !important;
}

.left-icon {
    background: #004481 !important;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 52px;
    height: 100px;
    margin: 10px 20px 10px 10px;
    text-align: center;
    padding: 14px 27px;
    width: 100px;
}

.right-icon h4 {
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    color: #004481;
}

.right-icon p {
    font-size: 14px;
    color: #848484;
}

.right-icon {
    float: left;
    margin-top: 24px;
    text-align: left;
    width: 75%;
}

.btnmr {
    color: #468cd1;
}

.btnremove {
    margin-left: 3px;
    color: #d43f3a;
}

.side-list-qua {
    background: #F3F5F8;
    padding: 10px 15px;
    border-top: 1px solid hsl(0, 0%, 86%);
}

.side-list-qua:hover {
    background: #fff;
}

.side-list-qua:last-child {
    border-bottom: 1px solid hsl(0, 0%, 86%);
}

.side-list-qua a {
    color: #5F5F5F;
}

.sho-hide-qua {
    display: block;
}

.sho-hide-qua .form-group {
    margin-bottom: 10px;
    overflow: hidden;
}


/*
.sho-hide-qua{
        display:block;
    }
    .left-icon {
      font-size: 34px;
      height: 70px;
      margin: 10px 20px 0 10px;
      padding: 10px 20px;
      width: 70px;
    }
    .right-icon h4 {
      font-size: 20px;
      font-weight: 700;
        color: #1976d2;
        margin-top: 0;
    }
    .right-icon p {
        font-size: 14px;
        color: #848484;
    }
*/

.img-prv {
    background-color: hsl(0, 0%, 100%) none repeat scroll 0 0;
    border: 1px solid hsl(0, 0%, 87%);
    border-radius: 4px;
    height: 100px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 125px;
}

.img-prv {
    background-image: url("../images/no-image.jpg");
    background-repeat: no-repeat;
    background-position: center center;
}

.img-prv input[type="file"] {
    height: 98px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 123px;
    cursor: pointer;
}

.adit-pic-up {
    position: relative;
}

.adit-pic-up input[type="file"] {
    cursor: pointer;
    height: 31px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 35px;
}

.sho-hide-qua .btn {
    color: #fff;
}

.add-catag-pop {
    position: relative;
}

.cd-close-pop {
    font-size: 16px;
    margin-right: 10px;
    margin-top: 5px;
}

.add-catag-pop-wrap {
    width: 95%;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: absolute;
    top: 0;
    z-index: 99;
    background: #fff;
}

/*.detailsInvoice input[type="text"] {
    width: 80px;
}*/


/*.form-control {
    color: hsl(0, 0%, 33%) !important;
}*/

.drop-mega .dropdown-mega .dropdown-menu {
    left:47.6%;
    width: 676px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.drop-mega .dropdown-mega .dropdown-menu::before {
    border-bottom: 8px solid hsl(210, 18%, 87%);
    border-left: 8px solid hsla(0, 0%, 0%, 0);
    border-right: 8px solid hsla(0, 0%, 0%, 0);
    content: "";
    left: 59%;
    position: absolute;
    right: auto;
    top: -8px;
}

.drop-mega .dropdown-mega .dropdown-menu::after {
    border-bottom: 7px solid hsl(0, 0%, 100%);
    border-left: 7px solid hsla(0, 0%, 0%, 0);
    border-right: 7px solid hsla(0, 0%, 0%, 0);
    content: "";
    left: 59%;
    position: absolute;
    right: auto;
    top: -7px;
}

.drop-mega .dropdown-mega {
    font-size: 16px;
    padding: 11px 0;
}

.navbar .dropdown-mega .dropdown-menu {
    margin-top: 15px !important;
}

.drop-mega .dropdown-lang {
    font-size: 16px;
    padding: 11px 0;
    position: relative;
}

.navbar .dropdown-lang .dropdown-menu {
    margin-top: 15px !important;
}

.dropdown-mega .dropdown-mega .fa-plus:hover {
    /*    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);*/
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.drop-mega .dropdown-mega .open .dropdown-menu {
    margin-top: 0 !important;
    padding: 15px 0;
}

.drop-mega .dropdown-mega .dropdown-menu .col-md-3>ul {
    list-style: outside none none;
    padding: 0;
}

.drop-mega .dropdown-mega .open .dropdown-menu .col-md-3>ul {
    list-style: outside none none;
    padding: 0;
}

.drop-mega .dropdown-mega .open .dropdown-menu .col-md-3>ul>li {
    list-style: none;
}

.drop-mega .dropdown-mega .dropdown-menu .col-md-3 {
    padding: 0 10px;
}

.drop-mega .dropdown-mega .dropdown-menu .col-md-3>ul>li a {
    display: block;
    font-size: 12px;
    padding: 5px 0;
}

.ui-menu .ui-menu-item {
    list-style-image: none !important;
    background: #fff !important;
    padding: 6px 5px !important;
    font-size: 13px !important;
    color: hsl(0, 0%, 47%) !important;
}

.ui-menu .ui-menu-item:hover,
.ui-menu .ui-menu-item:focus {
    list-style-image: none !important;
    background: #41cac0 !important;
    color: #fff !important;
}

.top-section {
    background-color: #fefefe;
    background: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
    background: linear-gradient(to bottom, #fefefe, #f3f3f3);
    box-shadow: 0 2px 5px .2;
    border: 1px solid #c8cbcc;
    padding: 10px;
    max-width: 400px;
    float: right;
}

canvas.wPaint-canvas-bg {
    width: 100%;
    max-width: 100%;
}

canvas.wPaint-canvas {
    width: 100%;
    max-width: 100%;
}

canvas.wPaint-canvas-temp {
    width: 100%;
    max-width: 100%;
}

#drag-list-ul li span.icontitle {
    font-size: 14px;
    margin-left: 10px;
}

@media only screen and (max-device-width: 767px) {
    .logo-box img {
        display: block;
        margin: auto;
    }

    .navbar .logo-box .logo-text {
        height: 60px;
    }

    .no_align .text-right {
        text-align: left !important;
    }
}

@media only screen and (max-device-width: 991px) {
    form#frmSearch2 {
        /* float: left; */
        display: inline-block;
        width: 100%;
    }

    /* .filter-by-status .text-right {
        text-align: left;
    } */

    .unbilled_tab ul {
        padding: 0;
        display: table;
        content: " ";
    }

    .unbilled_tab ul li {
        width: 100%;
        margin: 8px 0;
    }

    form#frmSearch {
        margin-bottom: 15px;
    }

    .mar_btm_new {
        margin-bottom: 15px;
    }

    .dhx_cal_date {
        display: none !important;
    }

    #addEdit .checkbox-inline+.checkbox-inline,
    #addEdit .radio-inline+.radio-inline {
        margin-top: 0;
        margin-right: 10px;
        margin-left: 0;
    }

    .top-section {
        background-color: #fefefe;
        background: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
        background: linear-gradient(to bottom, #fefefe, #f3f3f3);
        box-shadow: 0 2px 5px .2;
        border: 1px solid #c8cbcc;
        padding: 10px;
        max-width: 400px;
        float: none;
        clear: both;
    }
}

.accept--wrap {
    font-family: 'Open Sans', sans-serif;
}

.accept--wrap .panel .panel-heading {
    padding: 20px;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0 !important;
    height: auto;
    font-size: 14px;
    font-weight: 600;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(219, 219, 219, 1);
    box-shadow: 0px 3px 0px 0px rgba(219, 219, 219, 1);
    font-family: 'Open Sans', sans-serif;
}

.accept--wrap .panel {
    border: 1px solid #ecedee !important;
    font-family: 'Open Sans', sans-serif;
}

.accept--wrap .advise-call {
    font-size: 16px;
    padding-top: 16px;
}

.accept--wrap .panel .panel-body {
    padding: 35px 20px;
    background-color: #faf9f5;
}

.accept--wrap .payment-inner-box {
    max-width: 650px;
    background: #fff;
    border: 1px solid #ecedee !important;
    padding: 25px;
    margin: 0 auto;
}

.accept--wrap .panel-title {
    color: #2A3542;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
}

.accept--wrap .full-btn {
    width: 100%;
    display: block;
    background: #35a8c5;
    border: 1px solid #478f9e;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    padding: 5px 10px;
}

.accept--wrap label {
    display: block;
}

.thankuPage .icon-tick {
    font-size: 62px;
}

.thankuPage {
    font-family: 'Open Sans', sans-serif;
    height: 750px !important;
}

.thankuPage h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 46px;
    color: #4eae49;
}

.thankuPage p {
    font-size: 20px;
}

.thankuPage .btn-wrap {
    margin-top: 25px;
}

.thankuPage .btn-ReturnHome {
    margin-top: 25px;
    color: #000 !important;
    font-size: 18px;
    color: #fff;
}


/*------ module 2 css ---------*/

.manu-separator {
    width: 1px;
    background: #65b2fe;
    height: 28px;
    margin-top: 16px;
    position: absolute;
    top: 0;
    right: 0;
}

/*.center-menu {
    width:50%;
    float: left;
}*/
.center-menu{
	display: flex;
}
.top-toggle{
	margin-top: 15px;
	margin-right: 10px;
}
.drop-mega {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    justify-content: space-between;
}

.menu-icon-q ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
}

.menu-icon-q>ul>li {
    list-style: none;
    text-align: center;
}

.menu-icon-q>ul>li>a {
	display: inline-block;
    text-align: center;
    padding: 6px 6px;
    color: #1E2334;
    /*padding: 10px 5px;
    display: inline-block;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
}

.menu-icon-q>ul>li>a:hover {
    color: #E67D04;
}

.menu-icon-q>ul>li.active a {
    /*color: #fff;
    border-bottom: 4px solid #fff;*/
}

.menu-icon-q>ul>li>a>span {
    display: block;
    font-size: 14px;
}

.small-box {
    border: 1px solid #e4e4e4;
}

.text-gray {
    color: #a0a1a3;
}

.p-t-b-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.btn-add {
    background: #a7cf46;
    border-radius: 50% !important;
    width: 58px;
    height: 58px;
    text-align: center;
    color: #fff !important;
    font-size: 30px;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important;
    padding: 8px 12px;
    line-height: 40px;
}

.btn:hover,
.btn:focus {
    box-shadow: none;
    outline: none;
}

.footer-chat {
    cursor: pointer;
    position: fixed;
    bottom: 75px;
    right: 40px;
    z-index: 100;
}

.footer-chat .large-help-circle {
    content: "";
    position: absolute;
    bottom: -4px;
    right: -6px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #1976d2;
    display: block;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.23);
}

.footer-chat .small-help-icon {
    position: absolute;
    top: 15px;
    right: 14px;
    height: 32px;
    width: 32px;
}

.small-help-icon span {
    position: relative;
    bottom: 3px;
    right: -6px;
}

.small-help-icon img {
    height: auto;
    max-width: 100%;
}

.modal-title {
    font-size: 16px;
}

/*.btn-circle {
    display: inline-block;
    padding: 5px 7px;
    border-radius: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
}*/

.small-box {
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
    padding: 18px 15px;
    position: relative;
    border-radius: 10px !important;
}

.small-box:after {
    font-family: FontAwesome;
    color: #fff;
    font-size: 50px;
    position: absolute;
    bottom: 0px;
    right: 12px;
}

.small-box.orange {
    background: #fe6836;
}

.small-box.orange:after {
    content: "\f15c";
}

.small-box.blue {
    background: #12b1e8;
}

.small-box.blue:after {
    content: "\f073";
}

.small-box.red {
    background: #fe4453;
}

.small-box.red:after {
    content: "\f007";
}

.small-box.green {
    background: #56ad74;
}

.small-box.green:after {
    content: "\f0f2";
}

.small-box>.inner {
    /*    padding: 14px 10px;
    text-align: center;
    padding-top: 45px;*/
}

.small-box>.inner>small {
    color: #fff;
}

.small-box .paid {
    color: #fff;
    font-size: 14px;
}

.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none
}

.small-box>.small-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15)
}

.small-box h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 5px 0;
    white-space: nowrap;
    padding: 0;
    color: #525252;
}

.small-box p {
    font-size: 14px;
    color: #fff;
}

.small-box p>small {
    display: block;
    color: #fff;
    font-size: 13px;
    margin-top: 5px
}

/*.small-box h3,
.small-box p {
    z-index: 5px
}*/

.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 0;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.15)
}

.small-box .icon a {
    color: rgba(0, 0, 0, 0.54);
}

.small-box .btn-link {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: #1976d2;
}

.small-box .btn-link:hover,
.small-box .btn-link:focus {
    text-decoration: none;
}

.min-height {
    min-height: 178px;
}

.icon-with-tittle {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 0;
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.icon-with-tittle.border-bottom {
    border-bottom: 1px solid #e1e7f0;
    padding: 10px 15px;
}

.p-l-r-0 {
    padding-left: 0;
    padding-right: 0;
}

.sub-heading {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.small-box:hover {
    text-decoration: none;
    /*    color: #f9f9f9*/
}

.small-box .chart {
    margin-top: 20px;
}

.small-box .inner small {
    color: #fff;
}

.btn-sm {
    padding: 2px 5px;
    font-size: 10px;
}

.ms-options-wrap>button {
    background: #FFFFFF;
    border: 1px solid #DFE3F5 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
}

.ms-options-wrap>button:focus {
    border: 1px solid #DFE3F5 !important;
    background: #FFFFFF;
}
.ms-options ul{
    padding: 0;
}
.ms-options ul li{
    list-style: none;
}
.block-btn {
    display: block !important;
}

td.all-sm-btn .block-btn {
    margin-top: 5px;
}

.dataTables_length input[type="text"] {
    border-radius: 30px;
    border: none;
    border: 2px solid #dce1e4;
    height: 34px;
}

.dataTables_length input[type="text"]:focus {
    outline: none;
    border: 2px solid #1976d2;
}

.dataTables_length select {
    border-radius: 30px;
    border: none;
    border: 2px solid #dce1e4;
    height: 34px;
}

.dataTables_length select:focus {
    outline: none;
    border: 2px solid #1976d2;
}

.label {
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}


/*------- Change Subscription Page --------*/


/*  .price-wrap{
    padding:50px 0;
    background-color:#ECECEC;
    }*/

.price-wrap {
    margin-top: 8%;
}

.self-employed {
    border-top: 6px solid #0EF39A;
}

.self-employed-box {
    background-color: #fff;
    padding: 10px;
    text-align: center;
    border: 1px solid #eee;
    box-shadow: 0 0 15px #ddd;
    margin-top: 10px;
}

.self-employed-box h4 {
    font-size: 18px;
    font-weight: 600;
    color: #A4A4A4;
    margin: 0;
    padding: 0;
}

.self-employed-box h5 {
    font-size: 14px;
    font-weight: 600;
    color: #A4A4A4;
}

.pricing-section {
    display: inline-block;
    margin: 10px 0;
}

.pricing-section .price {
    display: inline-block;
    float: none;
    margin: 0 6px;
}

.pricing-section .price .old-price {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-decoration: line-through;
    margin: 0;
    padding: 0;
}

.pricing-section .price .new-price {
    font-size: 22px;
    font-weight: 600;
    color: #C219F0;
    margin: 0;
    padding: 0;
}

.self-title {
    font-size: 20px;
    font-weight: 500;
    color: #0EF39A;
    margin: 10px 0;
    padding: 0;
    text-align: center;
}

.top-border {
    border-top: 6px solid #0ca5a3;
}

.custom-clr {
    color: #0ca5a3;
}

.radio-wrapper {
    position: relative;
    color: #9b9b9b;
    cursor: pointer;
}

.radio-wrapper.buy-now {
    margin-bottom: 20px;
}

.radio-wrapper.buy-now input[type="radio"] {
    float: left;
    margin-right: 14px;
}

.copy {
    overflow: hidden;
}

.copy .copy-large {
    font-size: 24px !important;
    color: #000;
    font-weight: 500;
}

.copy .copy-small {
    font-size: 15px !important;
    color: #c9007a;
    font-weight: 400;
}

.bigmargin-top {
    margin-top: 70px;
}

.new-price-table ul {
    margin: 0;
    padding: 0;
}

.new-price-table ul li {
    float: left;
    margin-right: 30px;
    width: 22%;
    list-style: none;
}

.new-price-table>ul>li:first-child {
    width: 22%;
    margin-right: 50px;
}

.n-price-bx {
    border: none;
}

.n-price-bx ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.n-price-bx ul li {
    border-bottom: 1px solid #ccc;
    color: #000;
    width: 100%;
    font-size: 13px;
    float: none;
    font-weight: 500;
    line-height: 24px;
    padding: 5px 0 5px 12px;
    text-align: left;
    height: 34px;
    overflow: hidden;
    list-style: none transition: all ease-in-out 0.3s;
}

.n-price-bx ul li span {
    font-weight: 300;
    display: block;
}

.n-price-bx2 ul {
    margin: 0;
    padding: 0;
}

.n-price-bx2 ul li {
    border-bottom: 1px solid #ccc;
    color: #000;
    height: 34px;
    width: 100%;
    font-size: 13px;
    float: none;
    font-weight: 500;
    line-height: 24px;
    padding: 5px 0 5px 12px;
    text-align: center;
    list-style: none;
}

.n-price-bx2 ul li img {
    float: none;
    display: inline-block;
}


/*.fixed {
  
  top:0;
  left:0;
 width: 85%;
width: 84%;
  right:0;
  margin:0 auto;
  background-color: #ECECEC;
  }*/

@media screen and (max-width: 1199px) {
    .pricing-section .price .new-price {
        font-size: 20px;
    }

    .new-price-table ul li {
        margin-right: 23px;
    }
}

@media screen and (max-width: 991px) {
    .copy .copy-large {
        font-size: 18px !important;
    }

    .copy .copy-small {
        font-size: 13px !important;
        line-height: 18px;
    }

    .self-employed-box h4 {
        font-size: 14px;
    }

    .new-price-table ul li {
        margin-right: 18px;
    }

    .self-title {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .pricing-box {
        /*width: 767px;
        overflow: scroll;
        background-color: #ECECEC;*/
    }
    .sub-img {
        width: 100% !important;
    }
}


/*------- End Change Subscription Page --------*/

.cbp-spmenu-vertical a {
    padding: 5px 10px;
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
    color: #1E2334;
}
.notification-time{
    color: #ddd;
    color: #858585;
    margin-bottom: 0 !important;
}
.notification-time .fa{
    margin-right: 5px;
}
.cbp-spmenu hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*----- login page -------*/

.icon-input {
    position: absolute;
    left: 5px;
    top: 6px;
}

.icon-input .fa {
    font-size: 20px;
    color: #cedde6;
}

.login-box .form-group {
    position: relative;
    margin-bottom: 28px;
}

.login-box .form-control {
    padding-left: 24px !important;
}

.login-box a {
    color: #1a98d5;
}

.forgot-pass a {
    color: #aabec7;
}

.not-member a {}

.data-circle-list {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    padding: 0;
    margin-bottom: 0;
}

.data-circle-list li {
    list-style: none;
    padding: 20px 5px;
    text-align: center;
    width: 23%;
}

.data-circle-list li:last-child {
    border-left: 1px solid #e1e7f0;
    width: 27%;
}


/*.dash-calendar .ui-datepicker td span, .dash-calendar .ui-datepicker td a {
    padding: 1.05rem .5em;
    text-align: center;
}
.dash-calendar .ui-widget.ui-widget-content{
    width: 100%;
    background: #393f4f;
}
.dash-calendar .ui-datepicker th{
    color: #fff;
}
.dash-calendar .ui-state-default, .dash-calendar .ui-widget-content .ui-state-default, .dash-calendar .ui-widget-header .ui-state-default, .dash-calendar .ui-button, html .dash-calendar .ui-button.ui-state-disabled:hover, html .dash-calendar .ui-button.ui-state-disabled:active{
    border: none;
    background: #393f4f;
    font-weight: normal;
    color: #ffffff;
}
.dash-calendar .ui-state-default.ui-state-highlight.ui-state-active{
    background: #1976d2;
}
.dash-calendar .ui-datepicker .ui-datepicker-header{
    background: #393f4f;
    border: none;
    color: #fff;
    text-transform: uppercase;
}
.dash-calendar .ui-icon-circle-triangle-w {
    background-position: -97px -16px;
}
.dash-calendar .ui-icon-circle-triangle-e {
    background-position: -33px -16px;
}*/
.ui-datepicker .ui-datepicker-title{
	color: #b9b9b9;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 1.05rem .5em;
    text-align: center;
}

.ui-widget.ui-widget-content {
    background: #393f4f;
}

.ui-datepicker th {
    color: #000;
}
.bootstrap-datetimepicker-widget table td span {
    color: #004481 !important;
    font-size: 16px;
    font-weight: bold;
    border:1px solid transparent;
    position: relative;
}
.bootstrap-datetimepicker-widget table td span:hover {
    background:#fff !important;
    background-color:#fff !important;
}
.bootstrap-datetimepicker-widget table td span:after{
    content: '';
    position: absolute;
    width: 0;
    bottom: 0;
    left: 0;
    border: 1px solid transparent;
    opacity: 0;
}
.bootstrap-datetimepicker-widget table td span:hover:after{
    content: '';
    position: absolute;
    width:100%;
    bottom: 0;
    left: 0;
    border: 1px solid #ccc;
    opacity: 1;
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    -moz-transition: all 1s linear;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: none;
    background: #393f4f;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-default.ui-state-highlight.ui-state-active {
    background: #1976d2;
}

.ui-datepicker .ui-datepicker-header {
    background: #393f4f;
    border: none;
    color: #fff;
    text-transform: uppercase;
}

.ui-icon-circle-triangle-w {
    background-position: -97px -16px;
}

.ui-icon-circle-triangle-e {
    background-position: -33px -16px;
}

.dash-calendar .ui-widget.ui-widget-content {
    width: 100%;
}

.menu.accordion-menu {
    padding-bottom: 40px;
    overflow-x: scroll;
    padding-bottom: 10px;
}
/*Fire Fox*/
.menu.accordion-menu {
 scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}

/* width */
.menu.accordion-menu::-webkit-scrollbar {
	width:1px;
}

/* Track */
.menu.accordion-menu::-webkit-scrollbar-track {
	box-shadow: inset 0 0 1px #47b1b9;
	border-radius: 1px;
}

/* Handle */
.menu.accordion-menu::-webkit-scrollbar-thumb {
	background: #4c4c4c;
	border-radius:1px;
}

/* Handle on hover */
.menu.accordion-menu::-webkit-scrollbar-thumb:hover {
	background: #000;
}
.menu.accordion-menu li a:hover{
    background: rgba(255,255,255,0.2);
}
.menu.accordion-menu > li:first-child:after {
    display: none;
}

.table-todo-list.table>tbody>tr>td,
.table-todo-list.table>tbody>tr>th,
.table-todo-list.table>tfoot>tr>td,
.table-todo-list.table>tfoot>tr>th,
.table-todo-list.table>thead>tr>td,
.table-todo-list.table>thead>tr>th {
    border-left: none;
}

.table-todo-list.table>tbody>tr>td,
.table-todo-list.table>tbody>tr>th,
.table-todo-list.table>tfoot>tr>td,
.table-todo-list.table>tfoot>tr>th,
.table-todo-list.table>thead>tr>td,
.table-todo-list.table>thead>tr>th {
    border-bottom: 1px solid #e1e7f0;
    padding: 8px 10px !important;
}

.table-todo-list tr th {
    color: #aaabbf;
}

.todo-tittle {
    font-weight: 400;
    font-size: 12px;
    color: #515974;
    margin: 0;
}

.todo-date {
    background: #57c059;
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
    padding: 5px 12px;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    margin-top: 3px;
    white-space: nowrap;
}

.todo-trash {
    color: #ff0020;
    font-size: 22px;
    display: inline-block;
}

.todo-trash:hover {
    color: #ff0020;
}

.todo-scroll {
    height: 286px;
    overflow-y: scroll;
}


.shadow-box {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 30px;
}

.cbp-spmenu h3 a:hover {
    color: #ddd;
}

.cbp-spmenu a:hover {
    color: #222;
}

/*.menu {
    background: #1976d2 !important;
}*/

.center-menu .dropdown-mega.pull-right {
    padding-top: 10px;
}

.center-menu .dropdown-lang.pull-right {
    padding-top: 10px;
    padding-right: 10px;
}

#milestone_modal .form-group label {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    left: 0;
}

#milestone_modal .modal-header h6 {
    display: inline-block;
    line-height: 30px;
    position: relative;
    top: 0px;
    left: -10px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
}

#milestone_modal .modal-header {
    background: #1976d2;
    color: #fff;
    padding-top: 7px;
    height: auto;
    padding-bottom: 4px;
}

ul.menu.accordion-menu {
    height: 100%;
}

.justify-content-end .dropdown-lang {
    margin-right: 10px;
}

.dhx_cal_data {
    min-height: 384px !important;
}

#milestone_modal .modal-header a {
    color: #fff;
}

#milestone_modal .modal-header .close {
    color: #fff;
    opacity: 0.4;
}

#milestone_modal .total_div i {
    font-size: 18px !important;
}

#milestone_modal .total_div {
    border-bottom: 2px dashed #ccc;
    margin-bottom: 20px;
    margin-top: 15px;
    padding-bottom: 15px;
}

.filter-by-status .main .boxes .dropdown .textSec {
    width: 104px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 11px;
    display: inline-block;
}

.filter-by-status .ui-id {
    margin-bottom: 5px;
}
.filter-by-status #element2  a{
    /*color: #999999;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: bold;*/
}
/*.filter-by-status #element2 i{
    color: #99c621;
margin-right: 2px;
}*/
.dragul {
    padding-left: 0;
}

.dragul li {
    padding-bottom: 7px;
    margin-bottom: 1px;
    padding-top: 7px;
    padding-left: 15px;
    background: #1976d2;
    position: relative;
    border-radius: 5px;
}

.dragul li i {
    position: absolute;
    right: 25px;
    top: 11px;
}

.dragul li input {
    margin-right: 10px;
}

.uWantto {
    margin-top: -40px;
}

.uWanttoInput {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.fa, .far, .fas {
    font-family: FontAwesome !important;
}

@media only screen and (max-width :767px) {
    .uWantto {
        margin-top: 0;
    }

    .uWanttoInput li {
        width: 50% !important;
    }
}

/*.dataTables_length .btn {
    margin-top: 10px;
}*/

.self-employed-box {
    background-color: #fff;
    padding: 10px;
    text-align: center;
    border: 1px solid #eee;
    box-shadow: 0 0 14px #ddd;
    margin-top: 10px;
    min-height: 180px;
    margin-bottom: 15px;
}

.locationDuration .checkbox-inline input[type=radio],
.locationDuration .checkbox-inline input[type=checkbox] {
    margin-left: -20px;
    float: left;
}

#chartContainer svg {
    background-color: transparent !important;
}

#chartContainer svg desc {
    margin: 10px 0 0;
}

.fusioncharts-legend rect {
    fill: rgba(255, 255, 255, .0);
}

.row.cardDetails {
    /*background: #f1f1f1;*/
    padding-top: 25px;
}

.cardDetails .panel-heading {
    padding: 10px 15px;
}

.cardDetails .input-group {
    width: 100%;
}

.emp_view, .con_view, .cus_view, .led_view {
    position: relative;
    transition: all ease 0.3s;
}

.emp_view ul, .con_view ul, .cus_view ul, .led_view ul {
    padding: 0;
    margin: 0;
    margin-top:5px;
    z-index: 99;
    position: absolute;
    background: #fff;
    width: 100%;
    -webkit-box-shadow: 1px 6px 13px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 6px 13px -5px rgba(0,0,0,0.75);
box-shadow: 1px 6px 13px -5px rgba(0,0,0,0.75);
}

.emp_view ul li, .con_view ul li, .cus_view ul li, .led_view ul li {
    list-style-type: none;
    padding-bottom: 5px;
    border-bottom: 1px solid #dce1e4;
    padding: 5px;
    display: block;
}

.rm_lv {
    background: #f2f2f2;
    padding: 5px 10px;
    margin: 2px 5px;
    border-radius: 5px;
}

/*----*/
.customsale{
    position: relative;
    margin-top: 15px;
}
.customsale:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 138px;
    width: 100%;
    background: #f2f2f2;
    z-index: 1;
}
.customsale li {
    display: inline-block;
    width: 24.8%;
    z-index: 3;
    position: relative;
    vertical-align: top;
}

.treeBx {
    position: relative;
    margin-bottom: 25px;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
}

.treeBx h2 {
    text-align: center;
}

.treeBx .subheader li {
    background-color: #f2f2f2;
    display: inline-block;
    margin-right: 0px;
    padding: 10px;
    padding-top:5px;
    font-size: 12px;
    font-weight: bold;
    width: 49%;
    color:#fff;
    height: 48px;
    text-transform: uppercase;
    border:0;
}

.treeBx .subheader li:last-child {
    margin-right: 0px;
}

.treeBx .subheader li.bg-blue{
    background: url(../images/bg-blue.png);
    background-size: 100% 100%;
}
.treeBx .subheader li.bg-pink{
    background: url(../images/bg-pink.png);
    background-size: 100% 100%;
}
.treeBx .subheader li.bg-purple{
    background: url(../images/bg-purple.png);
    background-size: 100% 100%;
}
.treeBx .subheader li.bg-light-purple{
    background: url(../images/bg-light-purple.png);
    background-size: 100% 100%;
}
.treeBx .subheader li.bg-orange{
    background: url(../images/bg-orange.png);
    background-size: 100% 100%;
}
.treeBx .subheader li.bg-yellow{
    background: url(../images/bg-yellow.png);
    background-size: 100% 100%;
}
.treeBx .subheader li.bg-green{
    background: url(../images/bg-green.png);
    background-size: 100% 100%;
} 
.treeBx .subheader li.bg-red{
    background: url(../images/bg-red.png);
    background-size: 100% 100%;
}

ul.subheader {
    text-align: center;
    padding-left: 0;
    margin-bottom: 23px;
}


.treeBx h2 {
    text-align: center;
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
    background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
    color: #fff;
    padding: 15px;
    font-size: 18px;
}

#home_quicklinks {
    padding: 0px 0;
    text-align: center;
    background: #f2f2f2;
}

#home_quicklinks .link1 {
    position: relative;
}

#home_quicklinks a.quicklink {
    display: inline-block;
    width: 95%;
    height: auto;
    position: relative;
    margin: 15px 0px;
    padding: 10px;
    border-bottom: 2px solid #f2f2f2;
}

#home_quicklinks a.quicklink .ql_caption {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}

#home_quicklinks .outer {
    display: table;
    position: relative;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    width: 100%;
    border-spacing: 0px;
    padding: 0px;
}

#home_quicklinks .inner {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    width: 100%;
    border-spacing: 0px;
    padding: 0px;
}

#home_quicklinks a.quicklink .ql_caption h2 {
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    line-height: 1.46em;
    color: #1e9ad6;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
#home_quicklinks a.quicklink .ql_caption h2:after{
    position: absolute;
    content: '[';
    color:#1e9ad6;
    width:10px;
    height: 10px;
    top:0;
    left:0;
}
#home_quicklinks a.quicklink .ql_caption h2:before{
    position: absolute;
    content: ']';
    color:#1e9ad6;
    width:10px;
    height: 10px;
    top:0;
    right:0;
}

#home_quicklinks a.quicklink.link1 .ql_top {
    border-bottom-color: #f2f2f2;
    display: none;
}

#home_quicklinks a.quicklink.link1 .ql_bottom {
    border-top-color: #f2f2f2;
    display: none;
}

#home_quicklinks .ql_top {
    bottom: 123px;
    border-bottom: 50px solid #ccc;
}

#home_quicklinks .ql_bottom {
    top: 123px;
    border-top: 50px solid #ccc;
}

#home_quicklinks .ql_top,
.ql_bottom {
    position: absolute;
    left: 0px;
    width: 0px;
    border-left: 95px solid transparent;
    border-right: 95px solid transparent;
}




#home_quicklinks a.quicklink {
    font-size: 36px;
    font-weight: 500;
    text-decoration: none;
   background: #f2f2f2;
}

.subInner {
    margin-top: 15px;
}

.subInner li {
    background: url(../images/folder.png);
    background-repeat: no-repeat;
    border: 0px !important;
    height: 148px;
    background-size: 100% 100%;
}

.subInner li p {
    padding-top: 25px;
    font-size: 11px;
    line-height: 14px;
}


.subInnerBg {
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 10px 30px 0px #00448114;
    padding: 15px;
    overflow: hidden;
}
.grid_view_show{
padding-top: 0px !important;
padding-left: 5px !important;
padding-right: 5px !important;
margin-top: 10px !important;
width: 100%;
margin: 10px auto!important;
}
#trash_popup .grid_view_show{
    width: 136px;
    }
.ui-draggable-dragging{
    z-index: 999;
}

.payment-form input[type="text"],
.payment-form input[type="email"],
.stripForm input[type="text"],
.stripForm input[type="email"] {
    border: 1px solid hsl(0, 0%, 78%);
    height: 49px;
    padding-left: 10px !important;
}

.payment-form .form-control,
.stripForm .form-control {
    border-radius: 5px !important;
}

.paymntTitle {
    background: #c3b02f;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 18px;
    padding-right: 40px;
    border-left: 4px solid #41789a;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.stripTitle {
    background: #009cde;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 18px;
    padding-right: 40px;
    border-left: 4px solid #000000;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.payment-form,
.stripForm {
    width: 500px;
    margin: 0 auto;
}

.payment-form label,
.stripForm label {
    color: #2c2e2f;
    font-size: 1em;
    font-weight: 700;
    width: 100%;
    border-radius: 5px;
    left: 0;
}

.userDtlsSec {
    padding-top: 9px;
}

.userDtlsSec .img-circle {
    width: 65px;
    height: 65px;
    display: block;
    vertical-align: top;
    border:1px solid #b2b2b2;
    margin: 0 auto;
}

.userDtlsSec .textSec {
    display: block;
    width: 100%;
    padding-left: 3px;
    word-break: break-word;
    text-align: center;
}

.userDtlsSec .textSec h3 {
    margin-top: 8px;
    border-bottom: 1px solid #d6d6d6;
    color: #868890;
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 0;
    width: 100%;
    display: block;
    text-transform: capitalize;
}

.userDtlsSec .textSec p {
    font-size: 10px;
    line-height: inherit;
    margin-bottom: 5px;
}

.userDtlsSec .textSec ul {
    padding-left: 0;
    position: relative;
    list-style: none;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.userDtlsSec .textSec ul li {
    width: auto;
    margin-right:5px;
    text-align: center;
    float: none;
}
.userDtlsSec .textSec ul li:last-child{
    margin-right:0;
}
.userDtlsSec .textSec ul li i {
    font-size: 11px;
}

.paymnt-optn img {
    width: 36%;
}

.paymnt-optn {
    background: #f1efef;
    padding: 7px;
    border-radius: 5px;
    margin-bottom: 10px;
}

/*
=====
LEVEL 1. RESET STYLES
=====
*/

.field {
    --uiFieldPlaceholderColor: var(--fieldPlaceholderColor, #767676);
}

.field__input {
    background-color: transparent;
    border-radius: 0;
    border: none;

    -webkit-appearance: none;
    -moz-appearance: none;

    font-family: inherit;
    font-size: 1em;
}

.field__input:focus::-webkit-input-placeholder {
    color: var(--uiFieldPlaceholderColor);
}

.field__input:focus::-moz-placeholder {
    color: var(--uiFieldPlaceholderColor);
    opacity: 1;
}

/*
  =====
  LEVEL 2. CORE STYLES
  =====
  */

.a-field {
    display: inline-block;
}

.a-field__input {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

.a-field__input:focus {
    outline: none;
}

.teamForm {
    width: 500px;
    margin: 0 auto;
    /* background: #a7cf46; */
    background: #b4cbd1;
    padding-top: 35px;
    padding-bottom: 15px;
    /* background: rgba(147,206,222,1);
    background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
    background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
    background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
    background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
    background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0 ); */
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}

.block {
    width: 100%;
    text-align: center;
}

.teamForm .form-group label {
    color: #000000;
    font-size: 13px;
}
.emp_view ul li:hover, .con_view  ul li:hover {
    border-bottom: 1px solid #59aec6;;
    color: #59aec6;
    cursor: pointer;
}
.subInnerBg2 {
    background: url(../images/folder2.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.custome-table tr th {
    background: #000000 !important;
    color: #fff !important;
}
.custome-table.table-hover>tbody>tr:hover>td, .custome-table.table-hover>tbody>tr:hover>th {
    background-color: #f7ffe3 !important
}
/*----*/
.lisitemap-section ul>li {
    padding: 8px;
    font-size: 14px;
    background: #a7cf46;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f5af19, #a7cf46);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f5af19, #a7cf46); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    list-style: none;
    margin: 1px;
}
.lisitemap-section li>a {
    color: #fff;
}
.lisitemap-section li>a:hover {
    color: #000;
}
.lisitemap-section ul{
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
}
/*----*/
.payment-successful-panel {
    padding: 80px 0;
    text-align: center;
    background: url(../images/sucess-bg.jpg);
    background-size: cover;
    height: 100vh;
    /* background-position: 153px 10%; */
}
.success-icon {
    width: 150px;
    height: 150px;
    border-width: 2px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    text-align: center;
    border-color: #10c633;
    border-style: dotted;
    padding: 10px;
}
.success-icon i{
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 40px;
    line-height: 121px;
    color: #4c89ff;
    border-radius: 100%;
    text-align: center;
    border-width: 2px;
    border-style: dotted;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: #10c633;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.payment-successful-panel h3{
    font-size: 60px;
    padding: 15px 0;
    color: green;
    font-weight: 200;    
}
.payment-successful-panel p{
    font-size:14px;
    color: #333;
}
.payment-successful-panel p strong{
    font-size: 22px;
    color: #333;
}
.payment-successful-panel .btn {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 0.3em;
    color: rgba(223,190,106,0.7);
    border-radius: 0;
    padding: 18px 80px 20px;
    transition: all 0.7s ease-out;
    background-image: linear-gradient(to right, #2b5876 0%, #4e4376 51%, #2b5876 100%);
  
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    margin: 0.625rem;
    border: none;
    border: 1px solid rgb(91, 167, 91);
  }
  
  .payment-successful-panel .btn:hover {
    color: #fff;
    border: 1px solid rgba(223,190,106,0);
    color: #fff;
    background-position: right center;
  }

  .table-responsive .btn-circle img {
    width: 91% !important;
  }
  .table-responsive .btn-circle img {
    width: initial !important;
}
  .bubble .lwc-chat-button {
    right: inherit !important;
    left: 20px;
    bottom: 28px !important;
}
.chat-list{
    text-align: center;
}
iframe.lwc-chat-frame.chat.open-chat {
    left: 0;
}
.lwc-chat-button.close-button {
    position: relative !important;
    bottom: 0;
}

.chatListlogo li{
    list-style: none;
}
.chatListlogo .chtLstIcn {
    text-align: center;
    display: block;
    margin-bottom: 15px;
}

.chatListlogo .chtLstIcn img {
    max-width: 140px;
}
.chatListlogo >li {
    display: inline-block;
    width: 32%;
    text-align: center;
    -webkit-box-shadow: 0px 5px 13px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 13px -13px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 13px -13px rgba(0,0,0,0.5);
    margin-bottom: 33px;
}
.chatDetailsList::-webkit-scrollbar { 
    display: none; 
}
.chatDetailsList:hover { 
    border-right: 1px solid #a4ce3c;
}
.chatDetailsList{
    height: 200px;
    overflow-y: scroll;
    position: relative;
}
.chatDetailsList th{
    text-align: center
}
.chatListlogo .btn {
    padding: 4px 20px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    background-color: #1976d2;
}

.blink {
    text-align: right;
    line-height: initial;
    top: 0;
}
    .blink span {
    font-size: 10px;
    color: #a7cf46;
    animation: blink 1s linear infinite;
    font-weight:bold;
}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}

.logoLft {
    width: 50px;
    display: inline-block;
    height: 50px;
    float: left;
    margin: 15px;
}

.event-list {
    list-style: none;
    font-family: 'Lato', sans-serif;
    margin: 0px;
    padding: 0px;
    margin-top: 50px;
}

.event-list>li {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgb(51, 51, 51);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    padding: 0px;
    margin: 0px 0px 20px;
}

.event-list>li>time {
    display: inline-block;
    width: 100%;
    color: rgb(255, 255, 255);
    background-color: rgb(197, 44, 102);
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}

.event-list>li:nth-child(even)>time {
    background-color: rgb(165, 82, 167);
}

.event-list>li>time>span {
    display: none;
}

.event-list>li>time>.day {
    display: block;
    font-size: 56pt;
    font-weight: 100;
    line-height: 1;
}

.event-list>li time>.month {
    display: block;
    font-size: 24pt;
    font-weight: 900;
    line-height: 1;
}

.event-list>li>img {
    width: 100%;
}

.event-list>li>.info {
    padding-top: 5px;
    text-align: center;
}

.event-list>li>.info>.title {
    font-size: 15pt;
    font-weight: 700;
    margin: 0px;
    line-height: 70px;
}

.event-list>li>.info>.desc {
    font-size: 13pt;
    font-weight: 300;
    margin: 0px;
}

.event-list>li>.info>ul,
.event-list>li>.social>ul {
    display: table;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.event-list>li>.social>ul {
    margin: 0px;
}

.event-list>li>.info>ul>li,
.event-list>li>.social>ul>li {
    display: table-cell;
    cursor: pointer;
    color: rgb(30, 30, 30);
    font-size: 11pt;
    font-weight: 300;
    padding: 3px 0px;
}

.event-list>li>.info>ul>li>a {
    display: block;
    width: 100%;
    color: rgb(30, 30, 30);
    text-decoration: none;
}

.event-list>li>.social>ul>li {
    padding: 0px;
}

.event-list>li>.social>ul>li>a {
    padding: 3px 0px;
}

.event-list>li>.info>ul>li:hover,
.event-list>li>.social>ul>li:hover {
    color: rgb(30, 30, 30);
    background-color: rgb(200, 200, 200);
}
@media (min-width: 768px) {
    .event-list>li {
        position: relative;
        display: block;
        width: 100%;

        padding: 0px;
    }

    .event-list>li>time,
    .event-list>li>img {
        display: inline-block;
    }

    .event-list>li>time,
    .event-list>li>img {
        width: 120px;
        float: left;
    }

    .event-list>li>.info {
        background-color: rgb(245, 245, 245);
        overflow: hidden;
    }

    .event-list>li>time,
    .event-list>li>img {
        width: 120px;
        height: 120px;
        padding: 0px;
        margin: 0px;
    }

    .event-list>li>.info {
        position: relative;
        height: 80px;
        text-align: left;
        padding-right: 40px;
    }

    .event-list>li>.info>.title,
    .event-list>li>.info>.desc {
        padding: 0px 10px;
    }

    .event-list>li>.info>ul {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    .event-list>li>.social {
        position: absolute;
        top: 0px;
        right: 0px;
        display: block;
        width: 40px;
    }

    .event-list>li>.social>ul {
        border-left: 1px solid rgb(230, 230, 230);
        border-bottom: 1px solid rgb(230, 230, 230);
    }

    .event-list>li>.social>ul>li {
        display: block;
        padding: 0px;
    }

    .event-list>li>.social>ul>li>a {
        display: block;
        width: 40px;
        padding: 10px 0px 9px;
    }
}
.pt-50{
    padding-top: 50px;
}
.pt-10{
    padding-top:10px !important;
}
ul.active_ul {
    -webkit-box-shadow: 5px 5px 5px 0px #dedede, inset 0px 2px 15px 0px #cdcdcd, 16px 5px 0px -3px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 5px 0px #dedede, inset 0px 2px 15px 0px #cdcdcd, 16px 5px 0px -3px rgba(0,0,0,0.5);
    overflow: hidden;
    padding: 15px !important;
}
ul.active_ul label {
    color: #1976d2;
}
#cbp-spmenu-s1 h3{
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    text-align: center;
    background: #fff;
    color:#1E2334;
}
#cbp-spmenu-s1 h3 span{
    float:none !important;
}
#cbp-spmenu-s1 .slimScrollDiv{
    margin: 0;
    font-size: 13px;
    color: #333;
}
#cbp-spmenu-s1 small{
margin: 0;
font-size: 11px;
color: #414141;
padding-bottom:5px;
padding-left:10px;
position: relative;
}
.notifications a span > small:after {
    font-family: "FontAwesome";
    content: "\f017";
    left: -5px;
    position: absolute;
    color: #b4cbd1;
    top: 2px;
}
.notifications a span {
    margin-bottom: 5px;
    font-size: 13px;
    color: #fe4453;
    font-weight: bold;
    position: relative;
}
.overlay-notify {
     position: fixed;
    width: 100wh;
    height: 100vh !important;
    /*background: rgba(0,0,0,0.5);
    z-index: 9999; */
}
.overlay-notify:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    top: 0;
    background: rgba(0,0,0,0.5);
}

/*--Chat Sec--*/
.user_chat_list .chat_list {
    width: 292px;
    position: fixed;
    bottom: 0px;
    height: calc(100% - 65px);
    right: 0;
    background: #fff;
    padding: 10px;
    z-index: 999;
    /* border-radius: 6px; */
    /* border: 1px solid #ccc; */
    border-left: 1px solid #ccc;
}
.user_chat_list .chat{
	margin-top: auto;
	margin-bottom: auto;
}
.user_chat_list .card{
    height: 100%;
	/* height: 500px; */ 
	border-radius: 15px !important;
    /* background-color: rgba(255,255,255,9) !important; */
    background-color: rgba(0,0,0,0.4) !important;
}
.user_chat_list .contacts_body{
	padding: 0.75rem 0 !important;
    overflow-y: scroll;
    white-space: nowrap;
    height: calc(100% - 64px);
}
.user_chat_list .msg_card_body{
	overflow-y: auto;
}
.user_chat_list .card-header{
	border-radius: 15px 15px 0 0 !important;
    border-bottom: 0 !important;
    padding-left: 5px !important;
    padding-right: 17px !important;
}
.user_chat_list .card-footer{
    border-radius: 0 0 15px 15px !important;
	border-top: 0 !important;
}
.user_chat_list .container{
	align-content: center;
}
.user_chat_list .search{
	border-radius: 30px 0 0 30px !important;
    background-color: #f1f1f1 !important;
    border: 0 !important;
    color: #000 !important;
    width: 96% !important;
}
.user_chat_list .search:focus{
     box-shadow:none !important;
   outline:0px !important;
}
.user_chat_list .type_msg{
	background-color: rgba(0,0,0,0.3) !important;
	border:0 !important;
	color:white !important;
	height: 60px !important;
	overflow-y: auto;
}
.user_chat_list .type_msg:focus{
     box-shadow:none !important;
   outline:0px !important;
}
.user_chat_list .attach_btn{
   border-radius: 15px 0 0 15px !important;
   background-color: rgba(0,0,0,0.3) !important;
	border:0 !important;
	color: white !important;
	cursor: pointer;
}
.user_chat_list .send_btn{
   border-radius: 0 15px 15px 0 !important;
   background-color: rgba(0,0,0,0.3) !important;
	border:0 !important;
	color: white !important;
	cursor: pointer;
}
.user_chat_list .search_btn{
	border-radius: 0 15px 15px 0 !important;
	background-color: #f1f1f1 !important;
	border:0 !important;
	color: #000 !important;
    cursor: pointer;
    width: 22px;
}
.user_chat_list .contacts{
	list-style: none;
	padding: 0;
}
.user_chat_list .contacts li{
	width: 100% !important;
	padding: 10px;
	margin-bottom: 10px !important;
    border-radius: 8px;
}
.user_chat_list .active{
	background-color: #efefef;
}
.user_chat_list .contacts li:hover{
    background-color: #efefef;
}
.user_chat_list .user_img{
	height:50px;
	width: 50px;
/*	border:1.5px solid #617083;*/

}
.user_chat_list .user_img_msg{
	height: 40px;
	width: 40px;
	border:1.5px solid #f5f6fa;

}
.user_chat_list .img_cont {
    position: relative;
    height: 50px;
    width: 50px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
}
.user_chat_list .img_cont_msg{
	height: 40px;
	width: 40px;
}
.user_chat_list .online_icon {
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: #4cd137;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    border: 1.5px solid white;
}
.user_chat_list .offline{
	background-color: #c23616 !important;
}
.user_chat_list .user_info{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 15px;
}
.user_chat_list .user_info .chat_user_name{
	font-size:14px;
	color: #000;
    margin-bottom: 5px;
    display: inline-block;
}
.user_chat_list .user_info p{
    font-size: 10px;
    color: rgba(255,255,255,0.6);
}
.user_chat_list .video_cam{
	margin-left: 50px;
	margin-top: 5px;
}
.user_chat_list .video_cam span{
	color: white;
	font-size: 20px;
	cursor: pointer;
	margin-right: 20px;
}
.user_chat_list .msg_cotainer{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 10px;
	border-radius: 25px;
	background-color: #fff;
	padding: 10px;
    position: relative;
    width: 70%;
    text-align: justify;
}
.user_chat_list .msg_cotainer_send{
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 10px;
	border-radius: 25px;
	background-color: #78e08f;
	padding: 10px;
	position: relative;
}
.user_chat_list .msg_time{
	position: absolute;
	left: 0;
	bottom: -15px;
	color: rgba(255,255,255,0.5);
	font-size: 10px;
}
.user_chat_list .msg_time_send{
	position: absolute;
	right:0;
	bottom: -15px;
	color: rgba(255,255,255,0.5);
	font-size: 10px;
}
.user_chat_list .msg_head{
	position: relative;
}
.user_chat_list #action_menu_btn{
	position: absolute;
	right: 10px;
	top: 10px;
	color: white;
	cursor: pointer;
	font-size: 20px;
}
.user_chat_list .action_menu{
	z-index: 1;
	position: absolute;
	padding: 15px 0;
	background-color: rgba(0,0,0,0.5);
	color: white;
	border-radius: 15px;
	top: 30px;
	right: 15px;
	display: none;
}
.user_chat_list .action_menu ul{
	list-style: none;
	padding: 0;
margin: 0;
}
.user_chat_list .action_menu ul li{
	width: 100%;
	padding: 10px 15px;
	margin-bottom: 5px;
}
.user_chat_list .action_menu ul li i{
	padding-right: 10px;

}
.user_chat_list .action_menu ul li:hover{
	cursor: pointer;
	background-color: rgba(0,0,0,0.2);
}

	@media(max-width: 576px){
        .user_chat_list .contacts_card{
		margin-bottom: 15px !important;
	}
    }
    .rounded-circle {
        border-radius: 50%!important;
    }
    .user_chat_list .input-group {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 96%;
    }
    .user_chat_list .card-header {
        padding: .75rem 1.25rem;
        margin-bottom: 0;
        border-bottom: 1px solid rgb(180, 203, 209);
    }
    .totalCstmr{
        font-weight: 600;
        font-size: 24px;
        line-height: 24px;
        color: #1E2334;
        margin: 0;
    }
   /*.chat_users .chat {
        padding-bottom: 0px;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 99;
        background: #b4cbd1; 
    }*/
    .user_chat_list .input-group-append,   .user_chat_list .input-group-prepend {
        display: -ms-flexbox;
        display: flex;
    }
    .input-group-prepend {
        position: absolute;
        right: -12px;
        height: 100%; 
    } 
    .input-group-prepend i {
        position: relative;
        right: -2px;
        top: 6px;
    }

    /*--Left chat--*/
    #append_chat_area .chat{
        margin-top: auto;
        margin-bottom: auto;
    }
    #append_chat_area .card{
        height: 100%;
        /*border-radius: 8px !important;
        background-color: #fff !important;*/
        width:290px;
    }
    #append_chat_area .contacts_body{
        padding:  0.75rem 0 !important;
        overflow-y: auto;
        white-space: nowrap;
    }
    /* #append_chat_area .msg_card_body{
        overflow-y: scroll;
        height: 333px;
    } */

    .minimize_crm {
        height: 30px !important;
    }
    .minimize_crm #append_chat_area .card {
        border-radius: 0px !important;
    }
    .minimize_crm #append_chat_area .card{
        background-color: transparent !important;
    }

    .minimize_crm.color_bg_card{
        border-radius: 0px !important;
    }
    .minimize_crm span#action_menu_btn {
        top: 2px !important;
    }
    .minimize_crm .chat_maximize{
        font-size: 13px;
        margin: 0 8px;
        margin-top: 2px;
    }
    #append_chat_area .msg_card_body {
        overflow-y: scroll;
        height: calc(100% - 108px);
        padding: 0 10px;
    }
    #append_chat_area .card-header{
        /*border-radius: 15px 15px 0 0 !important;*/
        border-bottom: 0 !important;
    }
    #append_chat_area .card-footer{
    border-radius: 0 0 15px 15px !important;
        border-top: 0 !important;
}
    #append_chat_area .container{
        align-content: center;
    }
    #append_chat_area .search{
        border-radius: 15px 0 0 15px !important;
        background-color: rgba(0,0,0,0.3) !important;
        border:0 !important;
        color:white !important;
    }
    #append_chat_area .search:focus{
         box-shadow:none !important;
       outline:0px !important;
    }
  
    #append_chat_area .smg_form_box {
        width: calc(100% - 48px);
        margin: 10px 7px;
    }
    #append_chat_area .type_msg {
        background-color: #efefef !important;
        color: #000 !important;
        height: 40px !important;
        overflow-y: auto;
        border-radius: 0 !important;
        padding: 4px 10px !important;
        border: 1px solid #e0e0e0;
        width: 95%;
        /* border-bottom-right-radius: 0px !important; */
        /* border-top-right-radius: 0px !important; */
        /* border-bottom: 0; */
        /* padding-left: 10px !important; */
        /* border-bottom-left-radius: 15px !important;*/
    }
    #append_chat_area .type_msg:focus{
        border: 1px solid #e0e0e0;
    }
    #append_chat_area .attach_btn{
        border-radius: 15px 0 0 15px !important;
        background-color: rgba(0,0,0,0.3) !important;
        border:0 !important;
        color: white !important;
        cursor: pointer;
    }
    #append_chat_area .send_btn {
        border: 0 !important;
        color: #ffffff !important;
        cursor: pointer;
        position: absolute;
        right: 5px;
        font-size: 20px;
        height: 40px;
        width: 40px;
        background-color: #209cd8 !important;
        border-radius: 0 !important;
        /* border-top-left-radius: 0 !important; */
        /* border-bottom-left-radius: 0 !important; */
        /* border-bottom-right-radius: 20px !important; */
        /* border-top-right-radius: 10px !important; */
    }

    #append_chat_area .search_btn{
        border-radius: 0 15px 15px 0 !important;
        background-color: rgba(0,0,0,0.3) !important;
        border:0 !important;
        color: white !important;
        cursor: pointer;
    }
    #append_chat_area .contacts{
        list-style: none;
        padding: 0;
    }
    #append_chat_area .contacts li{
        width: 100% !important;
        padding: 5px 10px;
        margin-bottom: 15px !important;
    }
    #append_chat_area .active{
        background-color: rgba(0,0,0,0.3);
    }
    #append_chat_area .user_img{
        height:30px;
        width: 30px;
        /*border:1.5px solid #f5f6fa;*/
    }
    #append_chat_area .user_img_msg{
        height: 40px;
        width: 40px;
        border:1.5px solid #f5f6fa;
    }
    
    #append_chat_area .img_cont{
        position: relative;
        height: 30px;
        width:30px;
    }
    #append_chat_area .img_cont_msg{
        height: 30px;
        width: 30px;
    }
#append_chat_area .online_icon{
    position: absolute;
    height: 15px;
    width:15px;
    background-color: #4cd137;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    border:1.5px solid white;
}
#append_chat_area .offline{
    background-color: #c23616 !important;
}
#append_chat_area .user_info{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 15px;
}
#append_chat_area .user_info span{
    font-size:14px;
    color: #fff;
    margin-bottom: 2px;
    display: inline-block;
}
#append_chat_area .user_info p{
    font-size: 10px;
    color: rgba(255,255,255,0.6);
    margin: 0;
    line-height: 10px;
}
#append_chat_area .video_cam{
    margin-left: 50px;
    margin-top: 5px;
}
#append_chat_area .video_cam span{
    color: white;
    font-size: 20px;
    cursor: pointer;
    margin-right: 20px;
}
#append_chat_area .chat_box_col{
    width: 100%;
    float: left;
}
#append_chat_area .msg_cotainer {
    margin-top: auto;
    margin-bottom: 15px;
    /*border-radius: 60px;*/
    /*background-color: #617083;*/
    padding: 5px 8px;
    position: relative;
    font-size: 12px;
    /*max-width: 274px;
    word-break: break-all;
    color: #fff;*/
}
.chat_box_col .msg_cotainer.right{
    position: relative;
    background: rgba(32, 156, 216, .1);
    border: 2px solid rgba(32, 156, 216, .1);
    border-radius: 6px 0 6px 0;
}
.chat_box_col .msg_cotainer.right:after{
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid rgba(32, 156, 216, .2);
    border-right: none;
    bottom: -22px;
    right: 10px;
}
.chat_box_col .msg_cotainer.left{
  position: relative;  
  background: rgba(97, 112, 131, .1);
  border: 2px solid rgba(97, 112, 131, .1);
  border-radius: 6px 0 6px 0;
}
.chat_box_col .msg_cotainer.left:after{
    content: "";
    position: absolute;
    right: auto;
    bottom: auto; 
    top: -22px;
    left: 9px;
    border: 10px solid transparent;
    border-bottom: 10px solid rgba(97, 112, 131, .2);
    border-left: none;
}
#append_chat_area .msg_cotainer_send{
    margin-top: auto;
    margin-bottom: 20px;
    margin-right: 10px;
    border-radius: 25px;
    background-color: #78E090;
    padding: 10px;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    max-width: 274px;
    word-break: break-all;
}
#append_chat_area .msg_time{
    position: absolute;
    left: 0;
    bottom: -15px;
    color: rgba(255,255,255,0.5);
    font-size: 10px;
}
#append_chat_area .msg_time {
    position: absolute;
    left: 0;
    bottom: -16px;
    color: rgba(255,255,255,0.5);
    font-size: 10px;
    width: 147px;
    display: block;
}
#append_chat_area .msg_head{
    position: relative;
}
#append_chat_area #action_menu_btn{
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
    cursor: pointer;
    font-size: 20px;
    display: -webkit-box;      
  display: -moz-box;        
  display: -ms-flexbox;     
  display: -webkit-flex; 
  display: flex;
}
#append_chat_area .action_menu{
    z-index: 1;
    position: absolute;
    padding: 15px 0;
    background-color: rgba(0,0,0,0.5);
    color: white;
    border-radius: 15px;
    top: 30px;
    right: 15px;
    display: none;
}
#append_chat_area .action_menu ul{
    list-style: none;
    padding: 0;
margin: 0;
}
#append_chat_area .action_menu ul li{
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 5px;
}
#append_chat_area .action_menu ul li i{
    padding-right: 10px;

}
#append_chat_area .action_menu ul li:hover{
    cursor: pointer;
    background-color: rgba(0,0,0,0.2);
}
/*.msg_cotainer.chat-msg-single.right{
    background-color: #209cd8 !important;
    color: #fff;
}*/


@media(max-width: 576px){
    #append_chat_area .contacts_card{
        margin-bottom: 15px !important;
    }
}

#append_chat_area .input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
#append_chat_area .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 5px;
    background-color: #617083;
/*    border-bottom: 1px solid rgb(180, 203, 209);
    background-color: rgba(0,0,0,.06);*/
}

#append_chat_area .chat {
    padding-bottom: 0px;
    position: absolute;
    right: 281px;
    bottom: 0;
    z-index: 999;
    width: 320px !important;
    /*height: calc(100% - 55px);*/
}
.mychat_box .chat_box{
    position: fixed;
    bottom: 0px;
    height: calc(54% - 65px);
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background: #fff;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#append_chat_area .msg_time_send {
    position: absolute;
    right: 0;
    bottom: -16px;
    color: rgba(255,255,255,0.5);
    font-size: 10px;
    width:145px;
    display: block;
    text-align: right;
}
.color_bg_card {
    background: #7F7FD5;
    background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
    background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
    border-radius: 15px;
}

#append_chat_area .msg_card_body::-webkit-scrollbar { 
    display: none; 
}
   
.user_type_lbl {
    color: #6d6d6d;
    display: block;
    font-size: 12px;
    position: relative;
}
.user_chat_li {
   /* padding-bottom: 17px !important;*/
    cursor: pointer;
}
#chatUL .last_msg {
    display: block;
    font-size: 12px;
    color: #a7cf46;
}
.user_chat_list .contacts_body::-webkit-scrollbar { 
    display: none; 
}
input#chat_search {
    padding-left: 10px !important;
}
#chatUL .last_msg i {
    margin-right: 5px;
}
#chatUL .unread {
    color: #fe7d91 !important;
}
#action_menu_btn .chat_minimize{
    margin: 0;
    padding: 0;
    line-height: inherit;
    height: auto;
    font-size: 12px;
    vertical-align: top;
    margin: 0 8px;
    background: #ff3030;
    color: #fff;
    padding: 0 5px;
    border-radius: 4px;
    height: 20px;
}
#action_menu_btn .chat_maximize{
    font-size: 12px;
    margin: 0 8px;
    /* margin-top: 2px; */
    background: #ff3030;
    color: #fff;
    padding: 0 5px;
    border-radius: 4px;
    line-height: 20px;
    height: 20px;
}
#action_menu_btn .chat_close {
    font-size: 16px;
    background: #ff3030;
    color: #fff;
    padding: 0 5px;
    border-radius: 4px;
    line-height: 20px;
    height: 20px; 
}
#append_chat_area .minimize_style {
    border-radius: 0 !important;
}
.minimize_style #append_chat_area .card-header {
    border-radius: 0 !important;
}


/*--10-05-2019*/
/*--09-04-2019--*/
/*.newInput .form-control {
    border-radius: 1px !important;
    border: 2px solid #e5e5e5 !important;
    text-align: center;
}*/
.py-0{
    padding-top: 0px !important;
    padding-bottom:  0px !important;
}
.pt10{
    padding-top: 10px !important;
}
.pb30{
    padding-bottom:30px !important;
}
.search-bar{
    width: 65%;
    display: flex;
}
/*.date-range{
    width: 35%;
    margin: 0 5px;
}*/
.buttons{
    margin: 0 5px;
}
/*.newInput .btn{
    background: #004481 !important;
    font-weight: bold;
    padding: 8px 15px;
    border:1px solid transparent;
    color:#fff;
}*/

.newInput option:first-child {
    color: #e5e5e5;
  }
.newInput option:first-of-type {
    color: #e5e5e5;
  }
  .newInput .panel-title{
      color:#858585;
     
  }
  .upload-btn-wrapper input[type=file] {
    /*font-size: 100px;*/
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    height: 36px;
  }
  .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  
  .upload-btn-wrapper .btn {
    color: #004481;
    background-color: #d9e2ed;
    padding: 8px 15px;
    border: 1px solid #004481;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
  }
  .customer-box{
      background: #fff;
      min-height: 150px;
      box-shadow: 0px 18px 60px 0px #00448114;
      border-radius: 12px;
      padding: 30px;
      margin-bottom: 30px;
  }
  .total-digit{
    color: #1E2334;
    font-size: 34px;
    font-weight: 600;
    line-height: 36px;
  }
  .icon-with-tittle{
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    color: #868890;
  }

  .newInput .panel{
      box-shadow:none;
      background: transparent !important;
  }
  .newInput .small-box .imgIcn, .newInput .small-box .rightTxt{
      display: inline-block;
      vertical-align: top;
  }

/*.newInput .table-responsive table tr th {
    background: #b4cbd1;
    color: #000;
    border-right: 1px solid #e5e5e5;
    text-transform: uppercase;
}*/
.newInput .table-responsive table tr th {
    background: #fff;
    color: #787b85;
    border-right: none;
    font-weight: bold;
    padding: 8px 5px !important; 
    text-align: center;
  }
  .newInput .table-responsive .table tr th a {
    color: #787b85 !important;
  }
/*.page-content {
    background: #fff;
}*/

/*.newInput .table-responsive .table tr th a {
    color:#000  !important;
}*/
/*.newInput .table-responsive .btn-info.btn-circle{
    background: transparent !important;
    color:#999999 !important;
}*/
.newInput .table-responsive .fa-pencil{
    color:#999999 !important; 
}
.newInput .pagination>.active>a,.newInput .pagination>.active>span,.newInput .pagination>.active>a:hover, 
.newInput .pagination>.active>span:hover,.newInput .pagination>.active>a:focus,.newInput .pagination>.active>span:focus {
    background: transparent;
    border-color: #a7cf46;
    color: #a7cf46;
}
/*.menu-icon-q>ul>li.active a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #617083;
    left: 50%;
    transform: translateX(-50%);
}*/
.menu-icon-q>ul>li.active a{
    border: 0;
    position: relative;
    color: #E67D04;
}
/*--09-04-2019 end--*/

/*--10-04-2019--*/
/*.newInput .form-group label {
    color: #858585;
    font-size: 11px;
    vertical-align: top;
    top: 0;
}*/
#element4{
    display: block;
}
/*#element4 .btn{
    width: 94% !important;
}*/
/*.newInput .contrlbtn .btn {
    font-size: 12px;
    padding: 5px 7px;
}*/
/*.newInput .table-responsive table tr td:last-child {
    text-align: center;
}*/
/*.navbar {
    background: #004481 !important;
    background: #fff !important;
}*/
/*----*/


.drop-mega-b .dropdown-menu {
    right: -103px;
    /* width: 676px; */
    overflow: scroll;
    width: 1140px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.drop-mega-b .open .dropdown-menu {
    margin-top: 0 !important;
    padding: 15px 0;
}
.drop_mega-list a{
    text-align: left !important;
}
.hm_mnu .dropdown-list a{
    text-align: left !important;
}
.drop-mega-b .dropdown-menu .drop_mega-list>ul {
    list-style: outside none none;
    padding: 0;
}

.drop-mega-b .open .dropdown-menu .drop_mega-list>ul {
    list-style: outside none none;
    padding: 0;
}

.drop-mega-b  .open .dropdown-menu .drop_mega-list>ul>li {
    list-style: none;
}

.drop-mega-b  .dropdown-menu .drop_mega-list {
    padding: 0 10px;
}

.drop-mega-b .dropdown-menu .drop_mega-list>ul>li a {
    display: block;
    font-size: 12px;
    padding: 5px 5px;
}

.drop_mega-list h4{
    padding-left:5px;
}
 .drop-mega-b .dropdown-menu::-webkit-scrollbar { 
    display: none; 
} 
.drop-mega-b .btn, .selectLang .btn{
    display: block;
   /* padding: 20px 18px;*/
    color: #fff;
    border: none;
    position: relative;
    line-height: 20px;
}
#element3.selectLang .dropdown-menu:before{
    left: 50% !important;
}

#element3.selectLang .dropdown-menu:after {
    left: 50% !important;
}
.logoMenu .waves-button {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 0px !important;
}
.logoMenu .waves-button {
    padding-top: 12px !important;
    padding-bottom: 8px !important;
    padding-left: 0px !important;
}
.newInput .table .success td{
    background-color: #ffffff;
}
/*.newInput .nav-tabs>li.active>a,.newInput .nav-tabs>li.active>a:hover, .newInput .nav-tabs>li.active>a:focus {
    color: #004481;
    cursor: default;
    background-color: #004481;
    border-bottom-color:transparent;
    border: none !important;
    border-radius: 6px 6px 0 0 !important;
    padding: 10px 15px;
}*/
/*.newInput .nav-tabs>li>a {
    border-radius: 6px 6px 0 0!important;
    color: #000;
    font-size: 15px;
    background:none;
}
.newInput .vtd_navtab #element1, .newInput .vtd_navtab .nav-tabs {
    background: #d9e2ed;
    border-radius: 4px;
}*/
/*.newInput .nav-tabs>li>a:hover {
    background: transparent;
    border-color: transparent;
    color: #fff;
}
.newInput .nav-tabs li.active a{
    color:#fff;

}*/
/*.newInput .nav-tabs li a{
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}*/
/*.newInput #element1 li.active a:after, .newInput .vtd_navtab .nav-tabs li.active a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #f2f2f2;
    left: 50%;
    transform: translateX(-50%);
}*/
/*.newInput .tab-content {
    border: none;
    border-top: 1px solid #b4cbd1 !important;
    background: #f2f2f2;
    box-shadow: none;
}*/
.newInput .comnlable {
    color: #666666;
    margin-right: 15px;
}
/*.newInput .dataTables_length .btn{
    margin-left: 15px;
}  */     
.newInput .stockList span{
    background: transparent !important;
    position: relative; 
    color:#000;
}
/*.newInput .stockList .label-success{
    background: transparent !important;
}*/
.newInput .stockList .label-success i{
    color:#a7d046;
}
.newInput .stockList .label-warning i{
    color: #f0ad4e;
}
.newInput .stockList .label-danger i{
    color: #f25656;
}
.newInput .stockList i{
    margin-right: 5px;
}

.newInput .stockList2 .label-orange i{
    color:#f0ad4e;
}
.newInput .stockList2 .label-pink i{
    color: #f25656;
}
.newInput .stockList2 .label-blue i{
    color: #004481;
}
.newInput .stockList2 i{
    margin-right: 5px;
}
.newInput .stockList2 .label{
    color:#797979;
    font-size: 12px;
}
.stockList2 {
    vertical-align: bottom;
    margin-top:1px;
}
.stockList2 h6 {
    display: inline-block;
    font-size: 13px;
    margin-right: 6px;
}

.whereItem {
    padding: 30px 0;
}
.whereItem .btn {
    vertical-align: top;
}
.whereItem label h4 {
    font-size: 13px;
    margin-right: 15px;
}
.whereItem label {
    margin-top: 12px;
}
.whereItem .btn {
    vertical-align: top;
    margin-left: 15px;
}
.bulkdltsec{
    padding-top: 30px;
}
.newInput .newBtn{
    background: transparent !important;
    color:#999999;
}
.newInput .newBtn {
    border: none !important;
    padding-right: 0;
}
.newInput .newBtn:hover{
    color: #99c621;
}
.newInput .newBtn i{
    color: #99c621;
    margin-right: 2px;
}
/*.menu {
    background: #617083 !important;
}*/
.bdr {
    border: 1px solid #9a9a9a;
    color: #9a9a9a;
    padding: 2px;
    display: inline-block;
}
.newInput .bdr i{
    color: #9a9a9a;
}
.newInput img.centered {
    display: block;
    margin: 0 auto;
}
.danger {
    color: #f05555;
}
.warning{
    color:#f0ad4e;
}
.success{
    color:#a7d046; 
}
/*li#element7.ntfctn {
    margin-right: 0px;
}*/
.selectLang {
    margin-top: 10px;
}
.drop-mega-b{
    margin-top: 10px; 
}

/*--Table Align--*/
.table-responsive {
    text-align: center !important;
}
/*.table-responsive table tr th {
    text-align: center !important;
}*/
.table-responsive.not_right {
    text-align: left !important;
}
/*--Table Align end--*/
.menu-icon-q{
    border:0 !important;
}
div#scheduler_here {
    height: 100vh !important;
}

.dhx_cal_event_line.dhx_cal_event_line_start.dhx_cal_event_line_end {
   color:#fff !important;
}
.dhx_cal_event_clear.dhx_cal_event_line_start.dhx_cal_event_line_end {
    color: #fff !important;
    padding: 5px 0;
    list-style: none !important;
}
  
  .new .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  .check_on label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.check_on input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.check_on label {
    position: relative;
    cursor: pointer;
  }
  /* .check_on  input {
    display: none;
    cursor: pointer;
  } */
/*  img.userImg {
    width: 13px;
    margin-right: 20px;
}*/
/*img.usr-notify {
    width: 13px;
}*/

div#cust_name, div#assigned_name, div#cust_name_search {
    display: none;
    height: auto;
    width: calc(100% - 32px) !important;
    -webkit-box-shadow: -3px 6px 19px -9px rgba(0,0,0,0.2);
    -moz-box-shadow: -3px 6px 19px -9px rgba(0,0,0,0.2);
    box-shadow: -3px 6px 19px -9px rgba(0,0,0,0.2);
}
.intro {
    position: absolute;
    z-index: 1;
    background: #fff;
    height: 165px !important;
    overflow-y: scroll;
    padding-left: 10px;
    padding-top: 7px;
    display: block !important;
    border-bottom: 10px solid #fff;
}

/* .intro::-webkit-scrollbar { 
    display: none; 
} */
#ui-id-1::-webkit-scrollbar {
    display: none; 
}
.ui-widget.ui-widget-content{
    background: #fff;
}
div#cust_name a, div#assigned_name a, div#cust_name_search a {
    color: #333;
    display: block;
    margin-bottom: 2px !important;
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
    position: relative;
}
 .intro a {
    padding-bottom: 5px;
}
.intro a:hover  {
    color: #004481 !important;
} 

div#cust_name a:after, div#assigned_name a:after, .intro a:after, div#cust_name_search a:after {
   content:'';
   position: absolute;
   border-bottom: 1px solid #ccc;
   left: 0;
   bottom: 0;
   width:0px;
   opacity: 0;
}
div#cust_name a:hover:after, div#assigned_name a:hover:after, .intro a:hover:after, div#cust_name_search a:hover:after {
    content:'';
    position: absolute;
    border-bottom: 1px solid #ccc;
    left: 0;
    bottom: 0;
    width:100%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear; 
    opacity: 1;
 }

a.each_cust1 span {
    margin: 0 10px;
    display: inline-block;
}
.mt0{
    margin-top:0 !important;
}
/*.hederBg{
    background: #b4cbd1;
}*/
ul.eightBx {
    padding-left: 0;
    text-align: center;
}

.fc-button:hover, .fc-button:active, .fc-button.hover {
    background-color: #b4cbd1 !important;
}

.selectLang-emp > a{
    color:#fff !important;
}
/*#sale table i {
    color: #999;
    font-size: 16px;
}*/
select#public_folder {
    margin-right: 10px;
}
.pr15{
    padding-right: 15px !important;
}
.eyepopup tr > td:first-child{
    font-weight:bold;
}
  .eyepopup .modal-body{
    border: 10px solid #b4cbd1;
    margin-bottom:10px;
  }
  .eyepopup .modal-header{
    background: #b4cbd1;
  }
  .eyepopup .modal-title {
    text-transform: capitalize;
    color: #000;
}
h2.no_work_form {
    font-size: 20px;
    border: 1px solid #b4cbd1;
    padding: 10px;
    border-radius: 25px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #b4cbd1;
}
#addmore, .deletemore {
    background: #004481 !important;
    color: #fff;
}
span.icn-img i {
    font-size: 26px;
    color: #b4cbd1;
    margin-bottom: 2px;
}
h2.num_circle {
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: -10px;
}
#call_minimize_href {
    position: absolute;
    right: 57px;
    top: 105px;
    width: 50px;
    height: 50px;
    background: #a7d046;
    border: 2px solid rgba(221, 221, 221, 0.8);
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    -webkit-animation: call-comming 1s linear infinite;
    animation: call-comming 1s linear infinite;
    -webkit-transition: .5s linear;
    text-shadow: 1px 1px 1px #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
@-webkit-keyframes call-comming {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1);
        box-shadow: 0 0 0 0 rgba(0, 49, 0, 0.1), 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1), 0 0 0 60px rgba(0, 49, 0, 0);
        box-shadow: 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1), 0 0 0 60px rgba(0, 49, 0, 0)
    }
}

@keyframes call-comming {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 49, 0, 0.1), 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1);
        box-shadow: 0 0 0 0 rgba(0, 49, 0, 0.1), 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1), 0 0 0 60px rgba(0, 49, 0, 0);
        box-shadow: 0 0 0 20px rgba(0, 49, 0, 0.1), 0 0 0 40px rgba(0, 49, 0, 0.1), 0 0 0 60px rgba(0, 49, 0, 0)
    }
}

.grid_view_show .hide_info {
    display: inline-block !important;
}
.grid_view_show .textSec h3 {
    border-bottom: 0;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 0;
}
.grid_view_show.subInnerBg {
    height:53px !important;
    display: inline-block;
    text-align: center;
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 10px 30px 0px #00448114;
    padding: 15px;
    overflow: hidden;

}
.grid_view_show .textSec ul {
    padding-left: 0;
    position: relative;
    list-style: none;
    text-align: center;
    width: 100%;
    margin-top: 5px;
}
.grid_view_show .userDtlsSec .textSec {
    word-break: break-word;
    text-align: center;

}
.grid_view_show .userDtlsSec {
    width: 103px;
}
.grid_view_show img.centered {
    width: 10px;
    position: relative;
    left: -5px;
    top:-4px;
}
.grid_view_show .cross_div_btn{
    float: right;
}
.btn_list i {
    font-size: 22px;
    color: #b0b0b0;
}
.grid_view_show img.centered {
    width: 10px;
    position: relative;
    left: -5px;
    top: 0px;
    height: 15px;
}
#trash_popup .hide_info {
    top: -3px;
    position: relative;
}
.ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item:focus {
    list-style-image: none !important;
    background: #fff !important;
    color: hsl(0, 0%, 47%) !important;
}
/*.row.chat_users.user_chat_list {
    position: relative;
    z-index: 999;
}*/
/*--30Day chart section--*/
@-webkit-keyframes animate-width {
    0% {
      width: 0;
    }
    100% {
      visibility: visible;
    }
  }
  @-moz-keyframes animate-width {
    0% {
      width: 0;
    }
    100% {
      visibility: visible;
    }
  }
  @keyframes animate-width {
    0% {
      width: 0;
    }
    100% {
      visibility: visible;
    }
  }
  @-webkit-keyframes animate-height {
    0% {
      height: 0;
    }
    100% {
      visibility: visible;
    }
  }
  @-moz-keyframes animate-height {
    0% {
      height: 0;
    }
    100% {
      visibility: visible;
    }
  }
  @keyframes animate-height {
    0% {
      height: 0;
    }
    100% {
      visibility: visible;
    }
  }

  #bar-chart {
    height: 312px;
    width: 80%;
    position: relative;
    margin: 50px auto 0;
    color: #cdcdcd;
    /* background-color: #3b4150; */
}
  #bar-chart * {
    box-sizing: border-box;
  }
  #bar-chart .graph {
    height: 283px;
    position: relative;
  }
  #bar-chart .bars {
    height: 253px;
    padding: 0 2%;
    position: absolute;
    width: 100%;
    z-index: 10;
  }
  /* #bar-chart .bar-group {
    display: block;
    float: left;
    height: 100%;
    position: relative;
    width: 12%;
    margin-right: 10%;
  } */
  #bar-chart .bar-group {
    display: block;
    float: left;
    height: 100%;
    position: relative;
    width: 3.3%;
    margin-right: 0%;
}
  #bar-chart .bar-group:last-child {
    margin-right: 0;
  }
  #bar-chart .bar-group .bar {
    visibility: hidden;
    height: 0;
    -webkit-animation: animate-height;
    -moz-animation: animate-height;
    animation: animate-height;
    animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
    -webkit-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
    -moz-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15);
    border: 1px solid #87989d;
    border-radius: 1px 1px 0 0;
    bottom: 0;
    cursor: pointer;
    height: 0;
    position: absolute;
    text-align: center;
    width: 45%;
}
  #bar-chart .bar-group .bar:nth-child(2) {
    left: 35%;
  }
  #bar-chart .bar-group .bar:nth-child(3) {
    left: 70%;
  }
  #bar-chart .bar-group .bar span {
    display: none;
  }
  #bar-chart .bar-group .bar-1 {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
  }
  #bar-chart .bar-group .bar-2 {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
  }
  #bar-chart .bar-group .bar-3 {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
  }
  #bar-chart .bar-group .bar-4 {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
  }
  #bar-chart .bar-group .bar-5 {
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
  }
  #bar-chart .bar-group .bar-6 {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
  }
  #bar-chart .bar-group .bar-7 {
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
  }
  #bar-chart .bar-group .bar-8 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
  }
  #bar-chart .bar-group .bar-9 {
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
  }
  #bar-chart .bar-group .bar-10 {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
  }
  #bar-chart .bar-group .bar-11 {
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
  }
  #bar-chart .bar-group .bar-12 {
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
  }
  #bar-chart .bar-group .bar-13 {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
  }
  #bar-chart .bar-group .bar-14 {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s;
  }
  #bar-chart .bar-group .bar-15 {
    animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
  }
  #bar-chart ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #bar-chart .x-axis {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  /* #bar-chart .x-axis li {
    float: left;
    margin-right: 10.5%;
    font-size: 11px;
    width: 11.5%;
  } */

  #bar-chart .x-axis li {
    float: left;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 11px;
    width: 3.2%;
    display: inline-block;
}
  #bar-chart .x-axis li:last-child {
    margin-right: 0;
  }
  #bar-chart .y-axis {
    position: absolute;
    text-align: right;
    width: 100%;
  }
  #bar-chart .y-axis li {
    border-top: 1px solid #4e5464;
    display: block;
    height: 63.25px;
    width: 100%;
  }
  #bar-chart .y-axis li span {
    display: block;
    font-size: 11px;
    margin: -10px 0 0 -60px;
    padding: 0 10px;
    width: 40px;
  }
  #bar-chart .stat-1 {
    background-image: -webkit-linear-gradient(left, #bcd1d6 0%, #cbdbde 47%, #e3ebee 50%, #f1f6f7 100%);
    background-image: linear-gradient(to right, #bcd1d6 0%, #cbdbde 47%, #e3ebee 50%, #f1f6f7 100%);
}
  
  #bar-chart .stat-2 {
    background-image: -webkit-linear-gradient(left, #b8f123 0%, #b8f123 47%, #79a602 50%, #79a602 100%);
    background-image: linear-gradient(to right, #b8f123 0%, #b8f123 47%, #79a602 50%, #79a602 100%);
  }
  #bar-chart .stat-3 {
    background-image: -webkit-linear-gradient(left, #00c5ff 0%, #00c5ff 47%, #0383a9 50%, #0383a9 100%);
    background-image: linear-gradient(to right, #00c5ff 0%, #00c5ff 47%, #0383a9 50%, #0383a9 100%);
  }
  .icon-with-tittle.border-bottom.task {
    position: absolute;
    right: 0px;
    top:48%;
    border-bottom: 0;
    font-size: 16px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#trash_popup li, .subInnerBg {
    display: inline-block;
}
ul.invceListTxt {
    padding-left: 0;
    list-style: none;
    font-weight: bold;
}
ul.invceListTxt li {
    padding-bottom: 1px;
    font-weight: normal;
}
/* ul.invceListTxt li:nth-child(1){
    color:#78281F;
}
ul.invceListTxt li:nth-child(2){
    color:#4A235A  ;
}
ul.invceListTxt li:nth-child(3){
    color:#1B4F72    ;
}
ul.invceListTxt li:nth-child(4){
    color:#0B5345;
}
ul.invceListTxt li:nth-child(5){
    color:#784212;
} */
.text-center {
    text-align: center !important;
}
/*--Phone Section--*/
.call-modal-content{
    border-radius: 20px;
}
.call-modal-content .tab-content {
    border-radius: 20px;
}
.call-modal-content .nav-tabs {
    justify-content: center;
    display: flex;
}
.call-modal-content .nav-tabs>li>a{
    margin-right: 0;
    margin: 1px;
}
#output{
    position: relative;
}
.call-to{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.call-to h5{
    margin-right: 5px;
    color: #000;
}
.my_numbers_div {
    width: 100%;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
}
.my_numbers_div h5{
    color: #000;
}
.row_digit {
    display: flex;
    justify-content: space-around;
}
.botrow {
  display: flex;
  justify-content: space-around;
}
.dig {
    float: left;
    padding: 15px 15px;
    width:50px;
    height: 50px;
    cursor: pointer;
}
.digit, .dig {
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: #f0f9fe;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #e7f1f3;
    margin: 5px;
    padding: 8px 0;
    font-size: 22px;
    font-weight: 500;
}
#dialerModal .modal-dialog, #incoming_call_dialog .modal-dialog{
  width: 320px;
  margin: 30px auto;
  text-align: center;
}
#call_controll {
    /*background: #fff !important;
    margin: 0px auto;
    padding: 2px 2px;
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 10px;
    letter-spacing: 0.3em;
    color: rgba(0, 0, 0, 0.7);
    border-radius: 28px;
    transition: all 0.7s ease-out;
    text-decoration: none;
    border: 1px solid #ccc;*/
}
#call_controll #recorder_btn {
    /*background: transparent !important;*/
    /*color: rgba(0, 0, 0, 0.7);*/
    min-width: 115px;
    /*text-transform: uppercase;
    font-weight: 500;*/
}
#recorder_stop_btn {
    /*opacity: 0;
    transition: all 0.3s ease-in;*/
    background: #f000 !important;
    /*margin: 0px auto;*/
    /*padding: 2px 18px;*/
    display: inline-block;
    /*background: transparent;
    text-transform: uppercase;
    font-weight: 500;*/
    /*width: auto;*/
    /*font-style: normal;
    letter-spacing: auto;*/
    color: rgba(0, 0, 0, 0.7);
    /*border-radius: 28px;*/
    /*transition: all 0.7s ease-out;*/
    /*text-decoration: none;*/
    border: 1px solid rgba(255, 0, 0, 0);
    /*transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;*/
}
#recorder_stop_btn:hover{
    color: red;
}
#call_controll:hover{
    /*border-top:1px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom: 1px solid #66bb6a;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;*/
}
#call_controll #recorder_stop_btn {
    opacity: 1;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    background: #fff !important;
    border: 1px solid red;
    color: red;
    margin-top: 5px;
}
#call_controll #recorder_stop_btn:hover{
    /*border-bottom: 1px solid red;*/
}
.my_numbers_div:hover {
    /*color: rgb(180, 203, 209);
    border: 1px solid rgb(180, 203, 209);
    background-position: right center;
    position: relative;
    left:2px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;*/
}
.newInput .my_numbers_div option:first-of-type {
    color: #4e4e4e;
}
.my_numbers_div .my_twl_number {
    /*color: #fff;
    background: #b4cbd1;
    border: 0;
    border-radius: 18px;
    position: relative;
    left: 0px;
    height: 29px;
    float: right;
    top: -1px;
    font-size: 12px;*/
    border: 0;
    color: #004481;
}
.my_numbers_div select:focus, #output .phone-number {
    outline: none;
}
.call-to input[type="text"]:focus{
   outline: none; 
}
.my_numbers_div label{
    padding-top: 5px;
    width: auto !important;
}
/*#output label {
    position: absolute;
    top: 8px;
    left: 0;
    width: auto;
}*/
input.phone-number {
    background: #FFFFFF;
    border: 1px solid #DFE3F5;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: none;
    min-height: 34px;
    padding: 2px 5px;
    width: 180px;
    margin-top: 2px;
}
/*  #dialerModal .modal-content,#incoming_call_dialog .modal-content {
    border-radius: 20px !important;
    border-left: 7px solid #444444;
    border-right: 7px solid #444444;
}*/
/*  #dialerModal #output, #incoming_call_dialog #output {
    font-family: "Exo";
    font-size: 2rem;
    height: 60px;
    font-weight: bold;
    color: #848484;
    text-align: center;
}*/
/*#dialerModal .btn, #incoming_call_dialog .btn{
    display: block;
    margin: 0px auto;
    padding: 2px 18px;
}*/
#dialerModal #button-call , #incoming_call_dialog  #button-call{
    display: inline-block;
    background-color: #66bb6a;
    padding: 0;
    margin:5px;
    color: white;
    cursor: pointer;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    line-height: 50px;
    font-size: 25px;
    position: relative;
    float: inherit;
}
.sendQuotationMail {
    background-color: #004481;
    color: #fff;
    border: 1px solid transparent;
}
.sendQuotationMail:hover{
    background-color: #004481;
    color:#fff;
}
#dialerModal .botrow .digit {
    line-height: 42px;
}
button.btn.btn-success.paypl.pygtcn {
    background: #004481;
}
#button-answer {
    background-color: #66bb6a;
    margin: 10px;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    display: inline-block;
}
#button-reject {
    background-color: red;
    margin: 10px;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    display: inline-block;
}
#dialerModal #button-call {
    background-color: #66bb6a;
    padding: 0;
    margin: 5px;
    color: white;
    height: 60px;
    width: 60px;
    border-radius: 50px;
    line-height: 60px;
    font-size: 25px;
    cursor: pointer;
}
#button-hangup {
  display: none;
  background-color: red;
  padding: 0;
  margin: 5px;
  color: white;
  height: 60px;
  width: 60px;
  border-radius: 50px;
  line-height: 60px;
  font-size: 25px;
  cursor: pointer;
}
.botrow {
    width: 100%;
}
div#dial-timer-incoming {
    margin-bottom: 5px;
    font-size: 20px;
    color: #5543ca;
    background: #5543ca;
    background: -moz-linear-gradient(left,#f4524d 0%,#5543ca 100%) !important;
    background: -webkit-linear-gradient(left,#f4524d 0%,#5543ca 100%) !important;
    background: linear-gradient(to right,#f4524d 0%,#5543ca 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    padding-bottom: 5px;
    margin-top: 5px;
}
div#output-incoming {
    border-radius: 10px;
    color: #444444;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 6px;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
#output-incoming{
    color: black; 
 font-family: "arial";
 font-size: 3em;
 white-space: nowrap;
 overflow: hidden;
 width: 100%;
 animation: animtext 3s steps(80, end); 
  transition: all cubic-bezier(0.1, 0.7, 1.0, 0.1);
}
a.btn.btn-success.addNewTax {
    background: none;
    color: #004481;
    padding: 0;
    border: 0;
}
@keyframes animtext { 
 from {
     width: 0;
    transition: all 1s ease-in-out;
 } 
}

#incoming_call_dialog .modal-footer {
    margin-top: 4px;
    padding-top: 0 !important;
}
/* .subInnerBg:hover .mini-info{
    width: 100%;
    height:200px;
    opacity: 1;
    padding: 15px;;
} */
.subInnerBg:hover .mini-info {
    width: 132px;
    height: 60px;
    opacity: 1;
    padding: 6px;
    z-index: 999;
    overflow: scroll;
    text-align: left;
    top: -67px;
}

.subInnerBg:hover .mini-info {
    width: 150px;
    height: 160px;
    padding:8px;
    z-index: 999;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: left;
    top: -40px;
    border-radius: 5px;
    word-break: break-all;
    left: -35px !important;
}
.subInnerBg:hover .mini-info::-webkit-scrollbar {
    width:1px !important;
   }
   /* Track */
   .subInnerBg:hover .mini-info::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px #ccc !important;
    border-radius:1px !important;
   }
    
   /* Handle */
   .subInnerBg:hover .mini-info::-webkit-scrollbar-thumb {
    background: #1e9ad6 !important;
    border-radius:1px !important;
   }
   
   /* Handle on hover */
   .subInnerBg:hover .mini-info::-webkit-scrollbar-thumb:hover {
    background: #1e9ad6;
   }

.grid_view_show:hover .mini-info {
    width: 132px;
    height: 60px;
    opacity: 1;
    padding: 6px;
    z-index: 99999;
    overflow: scroll;
    text-align: left;
    top: -67px;
}
.grid_view_show:hover .mini-info {
    width: 150px;
    height: 118px;
    opacity: 1;
    padding: 5px;
    z-index: 999;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: left;
    top: -95px;
    border-radius:5px;
}
.grid_view_show:hover .mini-info::-webkit-scrollbar {
    width:1px !important;
   }
   /* Track */
   .grid_view_show:hover .mini-info::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px #ccc !important;
    border-radius:1px !important;
   }
    
   /* Handle */
   .grid_view_show:hover .mini-info::-webkit-scrollbar-thumb {
    background: #1e9ad6 !important;
    border-radius:1px !important;
   }
   
   /* Handle on hover */
   .grid_view_show:hover .mini-info::-webkit-scrollbar-thumb:hover {
    background: #1e9ad6;
   }
   
.mini-info span{
    display: block;
    font-size: 12px;
}
.mini-info::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
.mini-info {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 0;
    border: 1px solid #d6d6d6;
    text-align: center;
    background: #F7F8FC;
    /*border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: -moz-linear-gradient(left, #CCCCCC 0%, #EEEEEE 50%, #EEEEEE 50%, #CCCCCC 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dcdcdc),color-stop(50%,#EEEEEE), color-stop(50%,#EEEEEE), color-stop(100%,#dbdbdb));
    text-shadow: 1px 1px 0 #fff;
    box-shadow: 2px 14px 7px -15px rgba(0,0,0,0.75);*/
    transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.showNum {
    padding-top: 8px;
    display: block;
}
/*button#saveNotes, #btn_delete_lead_sels_funle{
    background-color: #004481;
    color: #fff;
    border: 1px solid transparent;
}*/
.settingSec .event-list>li>.social {
    position: absolute;
    top: 13px;
    right: 0px;
    width: 85px;
}
.settingSec .event-list>li {
    position: relative;
}
#ui-id-1 {
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
}
a {
    color: #004481;
    cursor: pointer;
}
#my_color_model .close {
    position: absolute;
    right: 12px;
    top: 6px;
    color: #004481;
    opacity: 0.6;
}
.page-inner.page-header-fixed.new_height {
    min-height: 650px !important;
    height: auto !important;
}
#directDateEvent .bootstrap-datetimepicker-widget .btn {
 background: transparent !important;
}
#save_edit_service{
    background: #004481 !important;
}
.vdoUser {
    /*display: inline-block;
    width: 90px;
    margin-left: 33px;
    float: left;
    text-align: center;*/
    position: relative;
    z-index: 2;
}
.vdoUser img{
    width: 45px;
}
.vdoTutrl {
    display: inline-block;
    font-weight: bold;
    margin-top: 2px;
    margin-left: 2px;
    font-size: 14px;
    color: #222;
    /*text-shadow: 1px 2px 3px #959595;*/
}
ul.dropdown-menu.check_on li{
    text-align: left;
}
.lftTime {
    display: inline-block;
    position: fixed;
    left: 45%;
    padding-top: 15px;
    color: #fff;
    top: 0;
    z-index:1001;
    transform: translateX(-53%);
}
.lftTime button {
    background: url(../images/upgradeButton.png);
    border: none;
    background-size: 100%;
    height: 40px;
    position: relative;
    width: 100px;
    background-repeat: no-repeat;
    top: 19px;
}
.lftTime a {
    width: 100%;
    display: block;
}
.lftTime .daysCnt {
    position: relative;
    top: 10px;
    text-shadow: 1px 3px 2px #64a0d6;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    width: 100% !important;
}

.eightBx .dropdown-menu:before {
    border-bottom: 8px solid #ffffff;
}
/*.login-body{
    background: #eee !important;
}*/
/*.login-body .page-content{
    background: #1f9ad6 !important;
    background-color:  #1f9ad6 !important;
    overflow-y: hidden;
}*/
/*.login-body .page-inner {
    background:#1f9ad6 !important;
}*/
/*.login-body button.btn.btn-success.btn-block {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
}*/
/*.login-body .forgot-pass {
    position: relative;
    margin-bottom: 10px;
    display: block;
    height: 15px;
    margin-top: -20px;
}
.login-body .forgot-pass a {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #000;
    font-weight: bold;
}
.login-body h3{
    text-align: center;
    margin-bottom: 30px;
}
.login-body h4{
    text-align: center;
    font-size: 16px;
    color: #000;
    margin: 24px 0;
    position: relative;
}*/
/*.login-body h4:after {
    content: '';
    position: absolute;
    border: 0.5px solid #000;
    left: 0;
    width: 36%;
    top: 8px;
}
.login-body h4:before {
    content: '';
    position: absolute;
    border: 0.5px solid #000;
    right: 0;
    width: 36%;
    top: 8px;
}*/
.login-body .radio, .login-body .checkbox {
    padding-left: 0;
}
/* .not-member img{
    width: 100%;
} */
.login-body h5{
    font-size: 14px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.dashboard_home_page1 .dropdown-list{
    text-align: left !important;
}

#no_access{
    position:relative;
}

body#no_access_body {
    overflow: hidden;
}

#no_access:after {
    content: '';
    position: absolute;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height:900vh;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index:1000;
}
#no_access_body .lftTime{
    position: fixed;
    top: 1px;
    z-index: 1001 !important;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

#thisform .panel-heading .panel-title {
    font-size: 17px !important;
    border-left:6px solid #eee;
    margin-top: 15px;
}
.jqte_tool.jqte_tool_1 .jqte_tool_label {
    height: 26px !important;
}
a.cross_estimate {
    position: absolute !important;
    right: 6px;
    top: 5px;
}
#thisform .form-group {
    position: relative;
}
.uploadlogo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
}
.uploadlogo img {
    width: 40px;
    height: auto;
}
#callscheduleForm .btn{
    background: none !important;
}
.bootstrap-datetimepicker-widget .btn{
    background: none !important;
    background-color: none !important;
}
 #tab2 .table-striped th {
    background-color:#b4cbd1 !important;
    color:#fff;
    text-align: center;
}
#tab2 .table-striped{
    text-align: center;
}
#tab2 audio {
    height: 38px !important;
    outline: none;
}
div#call_btn_ch_in {
    margin-top: 15px;
    /*border-bottom: 1px solid #e6e6e6;*/
    margin-bottom: 15px;
}
#button-answer, #button-reject{
    position: relative;
}
/* the 'wave', same shape and size as its parent */
#button-answer:hover .phone-wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    background: #6fd173 !important;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}
#button-reject:hover .phone-wave-red {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    background: red;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}
.note-scroll {
    overflow-y: scroll;
    height: 340px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  
  /*
    Animate!
    NOTE: add browser prefixes where needed.
  */
  .phone-wave, .phone-wave-red  {
    animation: phone-wave 2s linear infinite;
  }
  
  @keyframes phone-wave {
    from {
      opacity: 0.4;
    }
    to {
      transform: scale(3);
      opacity: 0;
    }
  }
  @keyframes  phone-wave-red {
    from {
      opacity: 0.4;
    }
    to {
      transform: scale(3);
      opacity: 0;
    }
  } 


#dialerModal .nav.nav-tabs li{
    width: 49%;
    /*background:#b4cbd1;*/
}
#dialerModal .nav.nav-tabs li.active {
    /*background:#a7d046;*/
    margin-bottom: 0;
}

.customer-avatar {
    border: 1px solid #d9e2ed;
    background: #d9e2ed;
    border-radius: 6px;
    overflow: hidden;
    padding: 5px;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}
.customer-avatar img{
    width: 100%;
    border-radius: 6px;
}

/* Normal desktop :992px. */

/****************************************************************************************
@
@	Tablet Styles
@
****************************************************************************************/

@media only screen and (min-width : 992px) and (max-width : 1024px) { 
    .eightBx > li {
        width: 24% !important;
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive {
        padding-top:2px !important;
    }
    .bdr {
        right:0px;
    }
    .stockList2 {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width:991px) {
    .top-search{
        display: none;
    }
    .navbar-nav{
        display: flex;
    }
    .center-menu {
        display: flex;
    }
    .eightBx > li {
        width: 25% !important;
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch;
    }
    .bdr {
        right:0px !important;
    }
    .table-responsive {
        padding-top:2px !important;
    }
    .stockList2 {
        margin-bottom: 10px;
    }
    .newGreen {
        background: #a7d046;
        min-height: 218px;
    }
    .menu.accordion-menu li {
        padding-left: 0px;
    }
    .hrs {
        top: 0 !important;
        margin-bottom: 5px;
    }
    a.btn.btn-success.newBtn.mbl-txt-right {
        width: 100%;
        text-align: right;
    } 
    .customsale li {
        width: 49.1%;
    }
    .col-md-6.ui-droppable{
        min-height: auto;
    }
    form#message-frm input {
        width: 80% !important;
    }
    div#example_length {
        padding-top: 10px;
    }
    .stockList {
        padding-bottom: 5px;
    }
    .templateBx h2 {
        font-size: 15px !important;
    }
   
    i.fa.fa-search {
        margin-bottom: 10px;
    }
    .bdr {
        margin-bottom: 5px;
    }
    .tab-f-right{
        float: right !important;
    }
    .col-md-2.col-sm-2.drop_mega-list {
        height: 230px;
        overflow-y: scroll;
    }
    .drop-mega-b .dropdown-menu {
       width: 676px; 
    }
}


@media only screen and (min-width : 799px) and (max-width : 1279px) { /* viewport 800*1280 Galaxy Tab(1/2 10.1) and Kindle Fire HD 8.9" */
    .top-menu .navbar-nav>li>a {
        padding: 20px 10px;
    }
}

/****************************************************************************************
@
@	Mobile Styles
@
****************************************************************************************/
.drop-mega-b .dropdown-menu .drop_mega-list {
    padding: 0 10px;
    text-align: left;
}
div#sup_name{
    width: calc(100% - 32px) !important;
}
#emailQuatation .modal-dialog {
    width:70% !important;
}
#emailQuatation a.marg-5{
    margin-top: 0px;
}
.invcngBx .due, .invcngBx .paid{
    width: 49%;
    display: inline-block;
    text-align: center;
}
.invcngBx .due h5, .invcngBx .paid h5{
    font-size: 28px;
    color:red;
}
.invcngBx .due h2, .invcngBx .paid h2 {
    font-size: 18px;
    margin-left: 38px;
    color: #404040;
}
.invcngBx .due h4, .invcngBx .paid h4 {
    color: #404040;
}
.invcngBx .due ul, .invcngBx .paid ul {
    list-style: none;
    border-top: 1px solid #ccc;
}
.invcngBx .due p, .invcngBx .paid p{
    list-style: none;
    border-top: 1px solid #ccc;
    color:#404040;
}

/*#fly_keypad .digit_global {
    float: left;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 2rem;
    cursor: pointer;
    background: #f0f9fe;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    margin: 5px;
    border: 1px solid #e7f1f3;
    position: relative;
    left: 7px;
}*/

/*#fly_keypad .sub {
    font-size: 0.8rem;
    color: grey;
}


#output_global #output{
    font-family: "Exo";
    font-size: 2rem;
    height: 60px;
    font-weight: bold;
    color: #848484;
    text-align: center;
}
#output_global #phone-number {
    font-size: 16px;
    font-weight: normal;
    color: #848484;
    width: 100%;
    left: -8px;
    border: none;
    text-align: center;
    border-bottom: 1px solid;
    margin-bottom: 25px;
}
div#fly_keypad {
    overflow: hidden;
}

#incoming_call_dialog .keypad_global_foot {
    padding-top: 10px !important;
}*/
div.msgBox {
    text-align: center;
    background:#b4cbd1;
    padding: 4px 4px 4px 4px;
    max-width: 630px;
    /* background: linear-gradient(62deg, rgb(230, 228, 230) 0%, rgb(28, 139, 193) 22%, rgba(0,212,255,1) 88%) !important; */
}
div.msgBoxContent span {
    vertical-align: middle;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}
div.msgBoxTitle {
    padding: 5px 0 5px 0;
    font-variant: small-caps;
    font-size:26px;
    font-weight: lighter;
    color: #000000;
    background: #b4cbd1;
    width: 100%;
    border-bottom: 1px solid #b0bcbf;
}

.msgBoxImage {
    border-radius: 50px;
    line-height: 105px;
    display: block;
    margin: 0 auto;
    width: 100% !important;
}
div.msgBoxContent {
    width: 100% !important;
}
.msgBoxContainer {
    background: url(../images/scrity.jpg);
    background-size: 100%;
    width: 100%;
    overflow: hidden;
    background-position: 0px -58px;
    background-repeat: no-repeat;
    padding-bottom: 15px;
    min-height: 100px;
    text-shadow: 1px 1px #dadada;
}
.msgBoxContent strong{
color:#000;
}
.msgBoxImage{
    display: none !important;
}
div.msgBoxImage img {
    height: 55px;
    width: 55px;
    position: relative;
    top: -24px;
}
.skiptranslate.goog-te-gadget .goog-logo-link, .skiptranslate.goog-te-gadget  span{
 display: none !important;
}
div#google_translate_element {
    height: 28px;
    display: block;
    overflow: hidden;
    margin-top: 9px;
}
select.goog-te-combo {
    background: transparent;
    color: #fff;
    border: 0;
    width: 142px;
}
select.goog-te-combo option{
    color:#000;
}
.goog-tooltip.skiptranslate{
    display: none !important;
}
.goog-te-banner-frame {
    top: -58px !important;
}
body.page-header-fixed.pace-running{
    top:0 !important;
}
.pace-done{
    top:0 !important;
}
#my_pos_menu {
    opacity: 1 !important;
    padding-top: 5%;
}
.small-box_modify .d-flex > div{
    float:none;
}
.small-box_modify .d-flex{
    width: 100%;
}
label.chkLblA {
    padding-left: 7px;
}
#signatureModal {
    overflow-y: auto;
}
/* width */
#signatureModal::-webkit-scrollbar {
	width:1px; }
  
  /* Track */
  #signatureModal::-webkit-scrollbar-track {
	box-shadow: inset 0 0 4px #1800ef;
	border-radius:1px; }
  
  /* Handle */
  #signatureModal::-webkit-scrollbar-thumb {
	background: #4c4c4c;
	border-radius:1px; }
  
  /* Handle on hover */
  #signatureModal::-webkit-scrollbar-thumb:hover {
    background: #000; }

    #add_payment_opt_div {
        margin-bottom: 15px;
        width: 70%;
        padding: 0 15px;
        -webkit-border-radius: 10px;
        background: -moz-linear-gradient(left, #CCCCCC 0%, #EEEEEE 50%, #EEEEEE 50%, #CCCCCC 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dcdcdc),color-stop(50%,#EEEEEE), color-stop(50%,#EEEEEE), color-stop(100%,#dbdbdb));
        text-shadow: 1px 1px 0 #fff;
        -webkit-box-shadow: -8px 9px 19px -9px rgba(0,0,0,0.75);
        -moz-box-shadow: -8px 9px 19px -9px rgba(0,0,0,0.75);
        box-shadow: -3px 9px 6px -9px rgba(0,0,0,0.75);
        font-weight: 900;
        line-height: 30px;
    }

    .search_everything_menu span.search_everything_menu2 {

        left: -20px;
    }
    #forword_popup_open, #mute, #unmute{
        /*color: rgba(0, 0, 0, 0.7);*/
        /*min-width: 95px;*/
        /*text-transform: uppercase;*/
        /*font-weight: 500;
        border: 1px solid transparent;
        padding: 2px 2px !important;*/
        /*display: inline-block;*/
        /*background: transparent !important;
        text-transform: uppercase;
        font-weight: 500;
        font-style: normal;
        font-size: 10px;
        color: rgba(0, 0, 0, 0.7);
        border-radius: 28px !important;
        transition: all 0.7s ease-out;
        text-decoration: none;
        border: 1px solid #ccc;*/
        /*display: inline-block !important;*/
        margin-top: 5px;
    }

    #forword_popup_open:hover, #mute:hover, #unmute:hover {
        /*border-top: 1px solid transparent;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        border-bottom: 1px solid #66bb6a;
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;*/
    }
    div#mutediv {
        display: inline-block;
        margin-top: 5px;
    }
    /*#call_controll2{
        margin-top:5px;
    }*/

    #output_global #phone-number-global{
        /*padding-left: 6px;*/
    }

    .right{
        float: right !important;
    }
    .left{
        float: left !important;
    }

.overlay-content {
    width: 99% !important;
    margin: 0 auto;
    margin-top: 10px !important;
}
.all-shortcut{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    margin-top: 8px;
}
.all-shortcut li{
    list-style: none;
    background: #fff;
    border: 1px solid #DDE6F3;
    width: calc(100% / 9);
}
.all-shortcut li a{
    position: relative;
}
/*.all-shortcut li:hover .shortcut-box{
    color: #617083;
}*/
.shortcut-icon{
    width: 36px;
    height: 36px;
}
.shortcut-icon img{
    max-width: 100%;
}
.shortcut-numbers{
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 16px;
    line-height: 36px;
    font-weight: 600;
    width: 36px;
    height: 36px;
    background: #e0e9f0;
    color: #004481;
    border-radius: 50%;
    display: block;
    text-align: center;
}   
.shortcut-box{
   padding: 1px 10px;
   display: block;
}
.shortcut-name{
    font-weight: 500;
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
}
.closebtn {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 2;
    font-size: 24px;
    color: #FF0000;
}
.closebtn:hover,.closebtn:focus{
	color: #da1010 !important;
}
.card-box-flex{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	min-height: 96px;
}
.mt-0{
	margin-top: 0;
}

.dash-top-widgets{
    margin-bottom: 1.5rem;
}
.hook {
    background: #ffffff;
    color: #494f56;
    border-radius: 4px !important;
    font-weight: bold !important;
    border: 1px solid #98a6b7 !important;
}
.hook .fa{
  margin-right: 10px;
}
.hook span {
    margin-left: 10px !important;
}
.dash-top-widgets-flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
}
.monthly-dropdown{
    margin-right: 20px;
}
.monthly-dropdown .form-control{
    background: #ffffff;
    color: #494f56;
    border-radius: 4px !important;
    font-weight: bold !important;
    border: 1px solid #98a6b7;
    height: 38px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.glob-search{
    position: relative;
    left: -12px;
}

.pac-container {
    width: 400px !important;
}
.calendar-status {
    margin-top: 15px; 
}
.calendar-status ul{
    list-style: none;
    display: flex;
    justify-content: flex-end;
    padding: 0;
}
.calendar-status ul li {
    padding: 5px;
    margin: 0 5px;
    font-weight: 500;
}
.calendar-status ul li:first-child{
  color: #008000;
}
.calendar-status ul li:nth-child(2){
  color: #795548;
}
.calendar-status ul li:nth-child(3){
  color: #800680;
}
.calendar-status ul li:nth-child(4){
  color: #444f5a;
}
.calendar-status ul li:nth-child(5){
  color: #2f5984;
}
.calendar-status ul li:nth-child(6){
  color: #ff6800;
}

.onoffswitch {
    position: relative; 
    width: 70px;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden; 
    cursor: pointer;
    border: 2px solid #FFFFFF; 
    border-radius: 20px;
    margin-bottom: 0;
}
.onoffswitch-inner {
    display: block; 
    width: 200%; 
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; 
    float: left; 
    width: 50%; 
    height: 30px; 
    padding: 0; 
    line-height: 30px;
    font-size: 14px;
    color: white;
    box-sizing: border-box;
    position: relative;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-right: 18px;
    background-color: #A3CC46; 
    color: #FFFFFF;
    font-weight: 600;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 9px;
    background-color: #ccc;
    color: #777777;
    text-align: right;
    font-weight: 600;
}
.onoffswitch-switch {
    display: block; 
    width: 20px; 
    height: 20px;
    margin: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 1px; 
    bottom: 0;
    right: 36px;
    border: 1px solid #FFFFFF; 
    border-radius: 30px;
    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: 0px; 
}
.swal-footer{
    text-align: center;
}
.swal-title {
    color: #1E2334;
    font-size: 24px;
}
.swal-icon--info {
    border-color: #004481;
}
.swal-icon--info:after, .swal-icon--info:before {
    background-color: #004481;
}
.swal-button:not([disabled]):hover {
    background-color: #505050;
    border-color: #505050;
}

.cataloge-list ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.cataloge-list ul li{
    margin: 10px;
    width: 23%;
}
.cataloge-list ul li a{
    color: #1E2334;
    background: #fff;
    padding: 20px;
    border-radius: 36px;
    overflow: hidden;
    border: 1px solid #DDE6F3;
    display: block;
}
.cataloge-list ul li a:hover{
    /*background: #5D24FF;*/
    color: #1E2334;
    box-shadow: 0px 24px 48px rgba(93, 36, 255, 0.24);
    border: 1px solid #5D24FF;
}
.cataloge-list ul li a:hover .cat-icon{
    /*background-position: 0 -110px;*/
}
.cataloge-list ul li .cat-icon{
    background-repeat: no-repeat;
    background-position: 0 0px;
    /*width: 110px;*/
    height: 150px;
    margin: 0 auto;
    transition: all cubic-bezier(0.42, 0, 0, 1.24) 0.2s;
    margin-bottom: 15px;
    background-size: cover;
    margin-bottom: 15px;
}
.cataloge-list ul li .package-img{
    margin: 0 auto;
    height: 150px;
    margin-bottom: 15px;
}
.cataloge-list ul li .package-img img{
    width: 100%;
    height: 100%;
}
.cataloge-list ul li .cat-icon img{
    width: 100%;
    height: 100%;
}
.cataloge-list ul li .camera-img{
    /*width: 120px;*/
    height: 150px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.cataloge-list ul li .camera-img img{
    width: 100%;
    height: 100%;
}
.cataloge-list ul li h4{
    font-weight: 600;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}
.cataloge-list ul li h3{
    font-size: 34px;
    margin-top: 0;
}
.cataloge-list.camera-list ul li a{
    border: 1px solid #DDE6F3;
    background: #fff;
}
.cataloge-list.camera-list ul li a:hover{
    background: #fff;
    border: 1px solid #004481;
    box-shadow: none;
    color: #1E2334;
}
.package-list ul li{

}
.step-count{
    color: #868890;
}
.step-count strong{
    color: #1E2334;
    font-weight: 600;
}

.new-menu{
    /*display: flex;*/
    display: none;
    justify-content: space-between;
    padding: 4px 15px;
}
.new-search{
    position: relative;
}
.new-search .form-control{
    border: none;
    color: #666;
    font-size: 14px;
    padding-left: 24px;
    min-height: 44px;
}
.new-search .search-icon:after{
    content: "";
    background: url(../images/search-icon.png);
    width: 18px;
    height: 18px;
    position: absolute;
    top: 12px;
    left: 0;
}
.new-navbar ul{
    display: flex;
}
.new-navbar ul li{
    margin-top: 28px;
    margin-bottom: 5px;
}
.new-navbar ul li a{
    padding: 4px 12px;
    color: #1E2334;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    position: relative;
    padding-top: 36px;
    border-bottom: 4px solid transparent;
}
.new-navbar ul li a:before {
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    background: url(../images/menu-sprite.png);
    background-repeat: no-repeat;
    right: 0;
    margin: auto;
}
/*.new-navbar ul li a:before{
    background-position: -24px 0px;
}*/
.new-navbar ul li.active a{
    border-bottom: 4px solid #E67D04;
    color: #E67D04;
}
.new-navbar ul li.active a:before{
    background-position: 0px -24px;
}
.new-navbar ul li:nth-child(2) a:before{
    background-position: -25px 0px;
}
.new-navbar ul li:nth-child(3) a:before{
    background-position: -50px 0px;
}
.new-navbar ul li:nth-child(4) a:before{
    background-position: -75px 0px;
}
.new-navbar ul li:nth-child(5) a:before{
    background-position: -100px 0px;
}
.new-navbar ul li:nth-child(6) a:before{
    background-position: -125px 0px;
}
.new-navbar ul li:nth-child(7) a:before{
    background-position: -150px 0px;
}
.new-navbar ul li:nth-child(8) a:before{
    background-position: -175px 0px;
}
.new-navbar ul li:nth-child(9) a:before{
    background-position: -200px 0px;
}
.new-navbar ul li:nth-child(10) a:before{
    background-position: -225px 0px;
}
.new-navbar ul li:nth-child(11) a:before{
    background-position: -250px 0px;
}
.new-navbar ul li:nth-child(12) a:before{
    background-position: -275px 0px;
}
.new-navbar ul li:nth-child(13) a:before{
    background-position: -300px 0px;
}
.new-navbar ul li:nth-child(14) a:before{
    background-position: -325px 0px;
}

.nav-author .btn {
    color: #979998;
    font-size: 20px;
    padding: 5px 12px;
    margin: 3px 0;
    border-radius: 8px;
}
.user-setting-wrap {
    display: flex;
    align-items: center;
}
.user-setting-wrap .user-name {
    padding-left: 6px;
    text-align: left;
}
.user-setting-wrap .user-name h6 {
    font-size: 14px;
    margin: 0;
    font-weight: 700;
    color: #666;
}
.user-setting-wrap .user-name p {
    font-size: 12px;
    margin: 0;
}
.nav-author .dropdown-menu {
    border-radius: 0;
    border: 1px solid #dfdfdf;
    background: #fff;
    padding: 5px;
    width: 205px;
    transform: translate(-84px, 42px) !important;
}
.new-user-profile >ul{
    display: flex;
    align-items: center;
}
.new-user-profile >ul >li{
    margin-left: 5px;
}
.new-user-profile >ul >li .fa{
    font-size: 20px;
    margin-right: 10px;
}
.profile-img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    overflow: hidden;
    margin: 5px auto;
    margin-bottom: 10px;
}
.profile-img img {
    width: 100%;
    height: 100%;
}
.profile-detail {
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
}
.profile-detail h5 {
    color: #1a1a1a;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}
.profile-detail h6 {
    color: #1a1a1a;
    margin: 0;
    font-size: 14px;
}
.profile-detail p {
    color: #939393;
    margin: 0;
    font-size: 13px;
    line-height: 16px;
}
.profile-links {
    padding: 10px 0;
}
.profile-links ul li a {
    padding: 6px 10px;
    font-size: 14px;
    text-decoration: none;
    display: block;
    border-radius: 4px;
    font-weight: 500;
}
.profile-links ul li a i {
    min-width: 30px;
}
.ticket-list>ul>li{
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 15px;
    background: #fff;
    overflow: hidden;
}
.ticket-top{
    display: flex;
}
.ticket-left{
    position: relative;
    padding: 10px;
    width: 20%;
    text-align: center;
}
.ticket-number{
    color: #666;
    font-size: 16px;
    line-height: 20px;
}
.ticket-status{
    /*background-color: rgb(8, 156, 218);*/
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    display: block;
    text-align: center;
}
.ticket-right{
    position: relative;
    padding: 10px;
    width: 80%;
    padding-right: 134px;
}
.ticket-heading{
    font-size: 16px;
    color: #666;
    font-weight: 500;
    margin: 0;
}
.ticket-content{
    margin-bottom: 0;
    font-size: 13px;
    color: #898989;
}
.ticket-time{
    color: #666;
    font-size: 14px;
    display: block;
    margin-top: 5px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.ticket-bottom{
    background: #fbfbfb;
}
.ticket-bottom>ul{
    display: flex;
}
.ticket-bottom>ul>li{
    border-right: 1px solid #dbdbdb;
    flex-grow: 1;
    text-align: center;
    padding: 5px;
}
.ticket-bottom>ul>li:last-child{
    border: none;
}
.ticket-bottom>ul>li p{
    margin-bottom: 0px;
}
.ticket-bottom>ul>li span{
    font-size: 15px;
    font-weight: bold;
}
.person-detail{
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
}
.person-detail ul li{
    margin: 10px 0;
}
.person-detail ul li p{
    font-size: 13px;
    margin: 0;
    color: #9b9b9b;
}
.person-detail ul li h3{
    font-size: 15px;
    margin: 0;
}
.ticket-details{
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 15px;
    background: #fff;
    overflow: hidden;
}
.ticket-from{
   border-bottom: 1px solid #ddd; 
    padding: 10px;
    position: relative;
}
.ticket-details .ticket-bottom{
    padding: 10px;
}
.asset-qr{
    /*height: 400px;
    overflow: hidden;*/
}
.asset-qr img{
    /*width: 100%;
    height: 100%;*/
}
.mt-0{
    margin-top: 0;
}
.pt-0{
    padding-top: 0 !important;
}


@media only screen and (min-width: 1921px) and (max-width: 2200px) {
    .center-menu {
        /* width: 30%; */
    }
    .top-search {
        position: relative;
        width: 41%;
    	padding: 0 8%;
    }
    .service-name-eclip{
        width: 222px;
    }
    .shortcut-box{
       padding: 18px 10px;
    }
    .glob-search{
        position: relative;
        left: -138px;
    }
}

@media only screen and (min-width: 1801px) and (max-width: 1920px) {
    .center-menu {
        /* width: 30%; */
    }
    .top-search {
        position: relative;
        width: 38%;
    	padding: 0 6%;
    }
    .service-name-eclip{
        width: 222px;
    }
    .shortcut-box{
       padding: 14px 10px;
    }
    .glob-search{
        position: relative;
        left: -108px;
    }
}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
    .center-menu {
        /* width: 36%; */
    }
    .top-search {
        width: 30%;
    	padding: 0 3%;
    }
    .shortcut-box{
       padding: 8px 10px;
    }
    .glob-search{
        position: relative;
        left: -58px;
    }
}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {
    .center-menu {
        /* width: 40%; */
    }
    .top-search {
        width: 18%;
    	padding: 0 1%;
    }
    .shortcut-box {
        padding: 5px 10px;
    }
    .shortcut-icon {
        width: 60px;
        height: 60px;
        padding: 12px;
    }
    .shortcut-name {
        font-size: 16px;
        margin: 9px 0;
    }
    .glob-search{
        position: relative;
        left: -20px;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1400px) {
	.top-search {
        width: 15%;
        padding: 0 1%;
    }
    .menu-icon-q>ul>li>a {
	    padding: 6px 6px;
	}
    .all-shortcut li {
        width: calc(100% / 6);
    }
	.shortcut-box {
        padding: 5px 10px;
        display: block;
    }
    .shortcut-name {
        font-size: 15px;
        margin: 6px 0;
    }
    .treeBx .subheader li {
        font-size: 11px;
    }
}

@media only screen and (min-width: 1279px) and (max-width: 1299px) {
    .top-menu .navbar-nav>li>a {
        padding: 6px 6px;
    }
}


@media only screen and (max-width :767px){
    .icon-with-tittle.border-bottom.task {
        top: 55%;
    }
    .balnceCrdt .num {
        width: 50% !important;
    }
    #open_bal .small-box {
        height: auto !important;
    }
    #line-chart {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: auto;
    }
    #line-chart {
        background: #fff;
        padding-top: 0px;
        padding-left: 15px;
        padding-right: 10px;
        padding-bottom: 15px;
    }
    #element9.small-box, #element10.small-box, #element11.small-box, .element20.small-box, .small-box.bg-teal-gradient {
        height: auto !important;
    }
    .data-circle-list li {
        padding-bottom: 15px;
    }
    #calendar { 
        height: auto !important;
    }
    .connectedSortable {
        min-height: auto !important;
    }
    #line-chart {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    .page-header-fixed .navbar {
        z-index: 999;
        position: relative;
    }
    .data-circle-list {
        padding-bottom: 15px;
    }
    .pagination>li>a {
        margin-bottom: 2px;
    }
    .unbilled_tab {
        text-align: center;
    }
    .newInput .small-box .imgIcn {
        margin-right: 0 !important;
        margin-bottom: 5px;
        display: block;
    }
  .el5 #element4 .btn.newBtn {
        width:100% !important;
    }
    .el1 .small-box {
        text-align: center;
    }
    .el1 .small-box .imgIcn {
        display: block;
    }
    .newInput .small-box{
        text-align: center;
    }
    #mceu_11{
        width: 100% !important;
    }
    .teamForm {
        width: 100%;
    }
    #frmSearch .dataTables_length select, #frmSearch label {
        width: 100% !important;
    }
    #frmSearch .dataTables_length input[type="text"] {
        width: 100% !important;
    }
    .land-box {
        text-align: center;
    }
    .payment-form, .stripForm {
        width: 100%;
    }
    .top-box input[type=radio] + label {
        font-size: 14px !important;
    }
    .check-box-list.uWantto {
        padding-bottom: 15px;
    } 
    .eightBx > li {
        width: 100% !important;
    }
    .ui-draggable-handle {
        -ms-touch-action: inherit !important;
        touch-action: inherit  !important;
    }
    .data-circle-list li {
        padding-bottom: 12px !important;
    }
    .hdingTab {
        margin-bottom:4px;
    }
    .hdingTab ul li{
        border-bottom:1px solid #fff;
    }
    .hdingTab li.active a:after{
        display:none;
    }
    .mblTbl{
        padding-top:10px !important;
    }
    .mbl-txt-right{
        text-align: right;
    }
    .mbl-float-right{
        float: right;
    }
    .newInput #element1 li.active a:after, .newInput .vtd_navtab .nav-tabs li.active a:after{
        display: none;
    }
    
    .customsale {
        padding-left: 0;
    }
    .customsale .col-md-6 {
        min-height: auto;
    }
    #drop6 {
        min-height: auto;
    }
    #Somwrita {
        height: auto;
    }
    .card.hovercard {
        margin: 15px;
    }
    #message-frm .btn {
        margin-top: 0px;
    }
    form#message-frm input {
        width: 77% !important;
    }
    .chatListlogo >li {
        width: 100%;
    }
    .dhx_cal_navline {
        min-width: 540px !important;
    }
    .block_color {
        display: inline-block !important;
    }
  
    .filter-by-status .text-right {
        text-align: left;
    }
    form#frmSearch {
        margin-top: 20px;
    }
    #frmSearch .borderBx{
            text-align: center;
            padding: 10px;
    }
    #line-chart .progress {
        width: 28% !important;
        margin-right: 8px !important;
    }
    #line-chart {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #bar-chart .y-axis li span {
        margin: -10px 0 0 -47px;
    }
    .open_bal .icon-with-tittle{
        border:none;
    }
    #showChat:hover, #showChat:active, #showChat:focus {
        color: #ffffff;
    }

    .menu.accordion-menu{
        padding-left: 13px;
    }
    .mbGap10{
        padding-top: 10px;
    }
    .customsale .col-md-6 {
        min-height: auto;
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
    div#example_length {
        padding-left: 2px;
        padding-right: 2px;
    }
    
}
@media only screen and (min-width : 320px) and (max-width : 480px) {
    .customsale li {
        width: 100%;
    }
}
@media only screen and (min-width : 481px) and (max-width : 767px) {
    .customsale li {
        width: 32.8%;
        vertical-align: top;
    }
    .treeBx .subheader li{
        font-size: 10px;
    }
 
}
@media only screen and (max-width : 320px) {
    .fc-toolbar .fc-left {
        margin-bottom: 10px;
    }  
    form#message-frm input {
        width: 71% !important;
    }
}