@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");

* {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



html,

body {

    font-family: "Roboto", sans-serif;

    font-size: 12pt;

    font-weight: normal;

    overflow: hidden;

    height: 100%;

    background: #000000;

}



i,

a,

input,

button,

textarea,

select {

    outline: none

}



button {

    border: 0;

    background: transparent

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: normal

}



a,

a:hover,

a:focus,

a:active {

    text-decoration: none;

    cursor: pointer;

    color: #333

}

.opacity{opacity: 0.4;}


.add-btn {

    background: #468600;

    color: #fff;

    text-transform: uppercase;

    font-size: 11px;

    font-weight: 600;

    height: 30px;

    line-height: 28px !important;

    letter-spacing: 2px;

    padding: 0px;

    width: 100%;

}



ul,

li {

    list-style: none

}



html,

body,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

li {

    margin: 0;

    padding: 0

}



.underline {

    text-decoration: underline;

}



.select-bg-1,

header .universal-search ul li select {

    background: url(../img/down-icon.png) right/26px no-repeat #f8f8f8 !important

}



.selectize-input,

.select-bg-2,

select {

    background: url(../img/down-icon.png) right/26px no-repeat #fff !important

}



select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.wp100 {width: 100% !important;}

.df  {display: flex !important;}

.ac {align-items: center !important;}

.ais {align-items: stretch !important;}

.fdc {flex-direction: column !important;}

.afe {align-items: flex-end !important;}

.afs {align-items: flex-start !important;}

.jsb {justify-content: space-between !important;}

.jsa {justify-content: space-around;}

.jc {justify-content: center !important;}

.jfe {justify-content: flex-end !important;}

.jfs {justify-content: flex-start !important;}

.left-auto {margin-left: auto !important;}



@keyframes shadow-pulse {

    0% {

        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);

    }

    100% {

        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);

    }

}



@-webkit-keyframes shadow-pulse {

    0% {

        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);

    }

    100% {

        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);

    }

}



@-moz-keyframes shadow-pulse {

    0% {

        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);

    }

    100% {

        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);

    }

}



@-ms-keyframes shadow-pulse {

    0% {

        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);

    }

    100% {

        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);

    }

}



.text-left {

    text-align: left !important;

}



.text-right {

    text-align: right !important;

}



.text-center {

    text-align: center !important;

}



.none-shadow {

    box-shadow: none !important;

    border: 1px solid #ccc;

}



.file,

select,

input[type="file"].files,

input[type="text"],

input[type="date"],

input[type="time"],

input[type="number"],

input[type="email"],

input[type="password"],

input[type="url"],

textarea {

    height: 30px;

    border: 1px solid #ccc !important;

    background: #fff;

    padding-left: 10px;

    padding-right: 10px;

    width: 100%;

    display: inline-block;

    font-size: 11px;

    font-family: "Roboto", sans-serif;

    color: #000;

    position: relative;

    border-radius: 0px;

    box-shadow: none;

    font-weight: normal;

}



input[type="file"].files {

    padding-top: 5px;

}



.w300 {width: 300px !important;}

.w340 {width: 340px !important;}

.w350 {width: 350px !important;}

.w400 {width: 400px !important;}

.w470 {width: 470px !important;}

.w500 {width: 500px !important;}

.w600 {width: 600px !important;}

.w700 {width: 700px !important;}

.w800 {width: 800px !important;}

.w900 {width: 900px !important;}

.w550 {width: 550px !important;}

.w700 {width: 700px !important;}

.w450 {width: 450px !important;}

.w280 {width: w280 !important;}



.file:focus,

select:focus,

input[type="text"]:focus,

input[type="date"]:focus,

input[type="time"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="password"]:focus,

textarea:focus,

.area-border:focus {

    border: 1px solid rgb(28, 170, 85) !important;

    box-shadow: 0 0 0 2px rgba(28, 170, 85, 0.3) !important;

}



.file input[type="file"] {

    display: none

}



.anim-width,

.left-property,

.left-container,

header .left,

.right-container,

.main-wrapper.active .left-property,

.main-wrapper.active .left-container,

.main-wrapper.active header .left,

header .main-wrapper.active .left,

.custome-full-body-popup,

.custome-full-body-popup.active {

    -webkit-transition: width 0.5s;

    transition: width 0.5s

}





/* .anim-width2,

.login-bg .login .inear-login .form .field .control-field span:after,

.login-bg .register .inear-login .form .field .control-field span:after,

.login-bg .login .inear-login .form .field .control-field .inputText:focus~span:after,

.login-bg .register .inear-login .form .field .control-field .inputText:focus~span:after {

    -webkit-transition: width 0.3s;

    transition: width 0.3s

} */



.anim-height,

.custome-full-body-popup,

.custome-full-body-popup.active {

    -webkit-transition: height 0.5s;

    transition: height 0.5s

}



.anim-padding,

.main-wrapper,

.main-wrapper.active {

    -webkit-transition: padding 0.5s;

    transition: padding 0.5s

}





/* .anim-left,

.login-bg .login,

.login-bg.active .login,

.left-navigation ul li a div,

.left-navigation ul li:hover a div,

.left-navigation ul li .submenu ul li:hover a div {

    -webkit-transition: left 0.3s;

    transition: left 0.3s

} */



.anim-right,

.login-bg .register,

.login-bg.active .register,

.custome-full-body-popup,

.custome-full-body-popup.active {

    -webkit-transition: right 0.3s;

    transition: right 0.3s

}



.transition,

header,

header.visiblsh,

header .logo img,

header .sub-menu .quick-create h1:after,

header .sub-menu .quick-create:hover h1:after,

.left-navigation ul li .submenu,

.left-navigation ul li .submenu ul,

.active .left-navigation ul li .submenu,

.active .left-navigation ul li .submenu ul,

.table table tr:hover td .action-hover,

.action-hover-default,

.action-hover,

.related-menus ul li a div,

.related-menus ul li a div i,

.related-menus ul li a div span,

.related-menus ul li a div:hover span,

.related-menus ul li:hover a div,

.related-menus ul li.active a div,

.related-menus ul li:hover a div i,

.related-menus ul li.active a div i,

.details .custome-table table,

.details .custome-table table tr:hover td .action-hover,

.details:hover .custome-table table {

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s

}



.main-wrapper {

    padding-left: 50px

}



.wp100 {

    width: 100%;

}



.align-center {

    align-items: center !important;

}



.left-property,

.left-container,

header .left {

    position: fixed;

    width: 200px;

    left: 0

}



.left-container {

    height: 100%;

    z-index: 10;

    padding-top: 48px;

    background: #000000 !important;

}





/* .right-container {

    width: 100%;

    background: #fff

} */





/* .right-container .scrollbar {

    min-height: 93.5%;

    height: 93.5%;

    width: 97%;

    overflow-y: auto;

    position: absolute

} */





/* okaya css Add*/



.loading-bg {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    padding: 50px 10px 10px 200px;

    width: 100%;

    height: 100%;

    z-index: 9;

}

.panel-group .panel.has-error-bdr

{

    border-color: #ff0000 !important;

}

.form-column.has-error,

.has-error input,

.has-error md-select,

.has-error select,

.has-error textarea {

    border: 1px solid #ff0000 !important;

    box-shadow: 0 0 0 2px rgba rgba(255, 0, 0, 0.3) !important;

}



.innear-container {

    position: absolute;

    height: 100%;

    width: 100%;

    padding: 50px 10px 10px 200px;

    right: 0;

    top: 0;

}



.okaya-container {

    border-radius: 20px;

    height: 100%;

    box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.9);

    overflow: hidden;

    position: relative;

}



.okaya-container.af-none:after {

    height: 0px;

    position: inherit;

    background: transparent;

}



.cs-container {

    background: #fff;

}



.scroll-container {

    height: 100%;

    overflow: auto;

}



.container-padding {

    padding: 10px;

}



.left-auto {

    margin-left: auto !important;

}



.module-head {

    display: flex;

    align-items: center;

    background: #008626;

    padding: 10px;

    border-radius: 20px 20px 0px 0px;

}



.module-name h2 {

    font-size: 12px;

    font-weight: 600;

    color: #fff;

    letter-spacing: 1px;

    text-transform: capitalize;

}



.module-name p {

    font-size: 11px;

    line-height: 18px;

    color: #fff;

}



.universal-search {

    min-width: 180px;

    width: 180px;

    padding: 0px 10px;

}



.universal-search select {

    border-radius: 8px;

    height: 35px;

}



.logout-btn {

    margin-left: auto;

    /* position: relative; */

    /* padding-right: 100px; */

    align-items: center;

    display: flex;

}



.welcome-note {

    font-size: 12px;

    color: #fff;

}



.logout-btn a div {

    width: 80px;

    background: #000000;

    /* background-image: linear-gradient(-90deg, #3c3f41, #020202); */

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.logout-btn a div i {

    color: #ffff00;

}



.logout-btn a div p {

    font-size: 11px;

    /* margin-top: 10px; */

    color: #ffffff;

}



.new-step-form .tabs {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 10px 0px;

    position: relative;

    z-index: 7;

}



.new-step-form .tabs li {

    text-align: center;

    padding-left: 30px;

    padding-right: 30px;

    position: relative;

}



.new-step-form .tabs li:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 2px;

    background: #24a95a;

    top: 14px;

}



.new-step-form .tabs li:last-child:after {

    display: none;

}



.new-step-form .tabs li a {

    text-align: center;

}



.new-step-form .tabs li a span {

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 26px;

    border-radius: 30px;

    background: #fff;

    position: relative;

    z-index: 9;

    border: solid 2px #24a95a;

}



.new-step-form .tabs li a span:before {

    content: "done";

    position: absolute;

    top: -3px;

    left: -2px;

    width: 30px;

    height: 30px;

    line-height: 26px;

    background: #24a95a;

    color: #ffffff;

    font-family: 'Material Icons';

    font-weight: normal;

    font-style: normal;

    letter-spacing: normal;

    text-transform: none;

    border-radius: 100%;

    font-size: 18px;

    border: 2px solid #24a95a;

    display: none;

}



.new-step-form .tabs li a p {

    display: block;

    font-size: 11px;

    margin-top: 5px;

    font-weight: 600;

}



.new-step-form .tabs li.active a span,

.new-step-form .tabs li.done a span {

    background: #24a95a;

    color: #fff;

}



.new-step-form .tabs li.active a span:before {

    display: block;

}



.cs-relative {

    position: relative !important;

    padding-right: 60px;

}



.cart-btn {

    position: absolute;

    top: 0;

    right: 0;

    /* width: 30px; */

    height: 30px;

    margin-top: 0px;

    padding: 10px;

    box-sizing: border-box;

    display: flex;

    align-items: center;

    background: #24a95a;

    color: #fff;

}



.csm-tabs {

    padding: 15px;

}



.csm-tabs ul {

    display: flex;

}



.csm-tabs ul li {

    margin-right: 15px;

    position: relative;

}



.csm-tabs ul li:last-child {

    margin-right: 0px;

}



.csm-tabs ul li:focus {

    outline: none;

}



.csm-tabs ul li a {

    position: relative;

    padding: 3px 10px 3px 5px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: 1px solid #24a95a;

    letter-spacing: 1px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);

    background: #24a95a;

    border-radius: 6px;

}



.csm-tabs.active-af ul li a {

    position: relative;

}



.csm-tabs.active-af ul li a:after {

    content: '';

    position: absolute;

    bottom: -8px;

    left: 50%;

    transform: translateX(-50%);

    width: 0;

    height: 0;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-top: 7px solid #24a95a;

    display: none;

}



.csm-tabs.active-af ul li a.active:after {

    display: inherit;

}



.csm-tabs.maxwidth ul li a {

    width: 270px;

}



.csm-tabs ul li a p {

    font-size: 11px;

    font-weight: 600;

    color: #fff;

    display: flex;

    align-items: center;

    letter-spacing: 0px;

}



.csm-tabs ul li a img {

    width: 20px;

    margin: 0px 15px;

}



.csm-tabs ul li a span {

    width: auto;

    min-width: 20px;

    height: 20px;

    line-height: 20px;

    border-radius: 0px 6px 6px 0px;

    background: #ffffff;

    font-weight: 600;

    font-size: 11px;

    color: #000;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 10px;

    padding: 3px;

    margin-right: -5px;

}



.csm-tabs.fwt {

    padding: 0px;

}



.csm-tabs.tab-af {

    position: relative;

    padding-left: 30px;

}



.csm-tabs.tab-af:after {

    content: '';

    position: absolute;

    top: 50%;

    left: 15px;

    width: 2px;

    height: 100%;

    background: rgba(0, 0, 0, 0.2);

    transform: translateY(-50%);

}



.csm-tabs.tab-border ul li a {

    border: 1px solid #cccccc !important;

}



.csm-tabs.fwt ul li {

    margin-right: 0px;

}



.csm-tabs.fwt ul li a {

    box-shadow: none;

    background: #ffffff;

    border-color: #ffffff;

    border-radius: 0px;

    position: relative;

    transition: all 0.5s;

}



.csm-tabs.fwt ul li a:after {

    content: '';

    position: absolute;

    bottom: -8px;

    left: 50%;

    transform: translateX(-50%);

    width: 0;

    height: 0;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-top: 7px solid transparent;

}



.csm-tabs.fwt ul li:first-child a {

    border-radius: 6px 0px 0px 6px;

}



.csm-tabs.fwt ul li:last-child a {

    border-radius: 0px 6px 6px 0px;

}



.csm-tabs.fwt ul li a p {

    color: #000000;

}



.csm-tabs.fwt ul li a span {

    color: #ffffff;

    background: #868181;

    border-radius: 6px;

}



.csm-tabs.fwt ul li a:hover,

.csm-tabs.fwt ul li a.active {

    background: #008626;

    border-color: #021749;

    transition: all 0.5s;

}



.csm-tabs.fwt ul li a:hover p,

.csm-tabs.fwt ul li a.active p {

    color: #ffffff;

}



.csm-tabs.fwt ul li a:hover span,

.csm-tabs.fwt ul li a.active span {

    color: #868181;

    background: #ffffff;

}



.csm-tabs.fwt ul li a:hover:after,

.csm-tabs.fwt ul li a.active:after {

    border-top: 7px solid #008626;

}



.csm-tabs ul li.active a.leadbank span,

.csm-tabs ul li.active a.csupcoming span,

.csm-tabs ul li a.csupcoming,

.csm-tabs ul li a.leadbank {

    background: #fff;

}



.csm-tabs ul li a:focus {

    outline: none;

}



.csm-tabs ul li.active a {

    background: #000000;

    /* box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16); */

}



.csm-tabs.tab-space-bdr {

    padding: 15px 0px;

}



.csm-tabs.tab-space-bdr ul li a {

    border: 1px solid #000000;

    padding: 10px;

}



.csm-tabs ul li a p i {

    color: #000;

    line-height: 0px;

    margin-right: 15px;

    font-size: 20px;

}



.csm-tabs ul li.active a p i {

    color: #fff !important;

}



.csm-tabs ul li.active a:after {

    content: "";

    position: absolute;

    bottom: -7px;

    left: 50%;

    transform: translateX(-50%);

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #000000;

}



.csm-tabs ul li.active a p {

    color: #fff;

}



.item-info {

    margin-top: 10px;

}



.forword-page {

    display: flex;

    align-items: center;

    background: #ccc;

    height: 40px;

    border: 1px solid rgba(0, 0, 0, 0.3);

    margin-bottom: 10px;

    cursor: pointer;

}



.forword-page span.counts {

    min-width: 40px;

    height: 40px;

    border-radius: 0px;

    line-height: 38px;

    text-align: center;

    background: rgba(0, 0, 0, 0.5);

    color: #ffffff;

    font-size: 12px;

    font-weight: 600;

}



.forword-page p {

    font-size: 12px;

    line-height: 0px;

    padding-left: 10px;

    color: #000000;

}



.forword-page span.arrow {

    margin-left: auto;

    margin-right: 10px;

    color: rgba(0, 0, 0, 0.5);

}



.forword-page.activity {

    background: #34a5eb;

}



.forword-page.quotation {

    background: #008626;

}



.forword-page.requirement {

    background: #ffa200;

}



.cs-radio {

    display: inline-flex;

    margin-right: 20px;

    font-size: 13px;

    /* line-height: 15px; */

    align-items: center;

}



.cs-radio input {

    margin: 0px 10px 0px 0px;

}



.custom-collaps {

    padding: 10px;

}



.custom-collaps .custom-collaps {

    padding: 10px;

    border: 1px solid #ccc;

    margin-top: 10px;

}



.custom-collaps .custom-collaps p.cat-name {

    font-size: 11px;

    margin-bottom: 5px;

    font-weight: 600;

}



.collaps-flex {

    display: flex;

    width: 100%;

}



.flex-head {

    display: flex;

}



.flex-head a.add-in {

    width: 150px;

    min-width: 150px;

    border: 2px solid #24A959;

    margin-left: 10px;

    padding: 0px 10px;

    display: flex;

    color: #24a95a;

    align-items: center;

    justify-content: center;

    height: 35px;

    font-size: 12px;

}



.flex-head a.add-in i {

    transform: rotate(-90deg);

    margin-left: 10px;

}



.collaps-flex .sel-input {

    width: 100%;

    position: relative;

}



.collaps-flex .sel-input input {

    position: absolute;

    top: 0;

    left: 0;

    height: 35px;

    display: none;

}



.collaps-flex .sel-input.active input {

    display: block;

}



.collaps-flex .sel-input select,

.collaps-flex .sel-input md-select {

    height: 35px !important;

}



.collaps-flex a.add-collaps {

    min-width: 35px;

    height: 35px;

    background: #24a95a;

    /* display: flex; */

    line-height: 35px;

    text-align: center;

}



.collaps-flex a.add-collaps i {

    font-size: 20px;

    line-height: 35px;

    color: #ffffff;

}



.panel-group .panel {

    border-radius: 0px;

}



.panel-group.collaps-group {

    margin: 15px 0px 0px 0px !important;

}



.panel-group.collaps-group .panel-default>.panel-heading {

    color: #333;

    background-color: #ffffff;

    border-color: transparent;

    background-image: inherit;

    position: relative;

}



.panel-group.collaps-group .panel-default .panel-collapse {

    padding: 10px;

}



.panel-group.collaps-group .panel-default .collapse .panel-group,

.panel-group.collaps-group .panel-default .collapse.in .panel-group {

    margin-bottom: -1px;

}



.panel-group.collaps-group .panel-default>.panel-heading:after {

    content: 'add';

    position: absolute;

    top: 50%;

    right: 15px;

    transform: translateY(-50%);

    font-family: 'Material Icons';

    font-weight: normal;

    font-style: normal;

    font-size: 24px;

    line-height: 1;

    letter-spacing: normal;

    text-transform: none;

    display: inline-block;

    white-space: nowrap;

    word-wrap: normal;

    transition: all 0.5s;

}



.panel-group.collaps-group .panel-default>.panel-heading.active:after {

    content: 'remove';

    transition: all 0.5s;

}



.panel-group.collaps-group .panel-title {

    font-size: 12px;

}



.upload-images {

    margin-top: 15px;

}



.upload-images p {

    font-size: 11px;

    color: #000000;

    margin-bottom: 3px;

}



.upload-images ul {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

}



.upload-images ul li {

    margin-right: 10px;

    margin-bottom: 10px;

    width: 100px;

    height: 100px;

}



.upload-images ul li label {

    min-width: 100px;

    width: 100px;

    height: 100px;

    border: 1px solid #24a95a;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    position: relative;

    margin: 0px !important;

}



.upload-images ul li label img,

.upload-images ul li label canvas {

    width: 100%;

    height: 100%;

    border-radius: 10px;

}



.upload-images ul li label.file-bg {

    background: #24a95a;

    cursor: pointer;

}



.upload-images ul li label.file-bg i {

    color: #ffffff;

    font-size: 26px;

}



.upload-images ul li label .del-icon {

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(255, 255, 255, 0.7);

    width: 100%;

    height: 100%;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: scale(0);

    transition: all 0.9s;

    justify-content: space-around;

    flex-direction: row;

}



.upload-images ul li label .del-icon i {

    color: #ff0000;

    font-size: 20px;

}



.upload-images ul li label:hover .del-icon {

    transform: scale(1);

    transition: all 0.9s;

}



.password {

    display: flex;

    align-items: center;

}



.password input {

    width: 100%;

    border: 0px !important;

    height: 20px;

    padding: 0px;

}



.password input:focus {

    border: 0px !important;

    box-shadow: none !important;

}



.password a.hide-show {

    min-width: 20px;

    height: 20px;

    position: relative;

}



.password a.hide-show i {

    position: relative;

    width: 100%;

    height: 100%;

}



.password a.hide-show i:after {

    content: 'visibility_off';

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

    font-family: 'Material Icons';

    font-weight: normal;

    font-style: normal;

    font-size: 18px;

    line-height: 1;

    letter-spacing: normal;

    text-transform: none;

    display: inline-block;

    color: #000000;

    transition: all 0.9s;

}



.password.active a.hide-show i:after {

    content: 'visibility';

    transition: all 0.9s;

}



.user-profile {

    position: absolute;

    top: 10px;

    left: 5px;

    width: 120px;

    height: 110px;

}



.user-profile label {

    width: 100%;

    height: 100%;

    display: flex;

    background: #24a95a;

    margin-bottom: 0px;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}



.user-profile span {

    position: absolute;

    width: 100%;

    font-size: 11px;

    text-align: center;

    color: #ffffff !important;

    background: #000000;

    padding: 5px;

}



.col-relative {

    position: relative;

    padding: 0px 0px 0px 130px;

}



.user-profile label img,

.user-profile label canvas {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}



.user-profile label i {

    font-size: 30px;

    color: #fff;

}



.form-check input {

    width: 16px;

    height: 16px;

    cursor: pointer;

}



.simple-heading {

    padding: 20px 0px 10px 0px;

    position: relative;

    display: inline-block;

}



.simple-heading button {

    position: absolute;

    top: 50%;

    right: -30px;

    font-size: 20px;

    transform: translateY(-50%);

    width: 20px;

    height: 20px;

    background: #24a95a;

    border-radius: 4px;

}



.simple-heading button i {

    font-size: 16px;

    color: #ffffff;

}



.simple-heading h2 {

    font-size: 12px;

    font-weight: 600;

    color: #062845;

    letter-spacing: 0.5px;

}



.back-btn {

    border-right: 1px solid rgba(0, 0, 0, 0.5);

    margin-right: 10px;

}



.back-btn a {

    width: 35px;

    min-width: 35px;

    display: block;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 40px;

    margin-right: 5px;

    transition: 0.5s;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.back-btn a i {

    color: #ffffff;

}



a.chips-arrow {

    padding: 2px 20px 0px 4px;

    background: #f9f9f9;

    display: inline-block;

    border: 1px solid #e1e1e1;

    border-radius: 4px;

    position: relative;

    color: #585858 !important;

}



a.chips-arrow:after {

    content: 'keyboard_arrow_right';

    position: absolute;

    top: 50%;

    right: 0;

    font-family: 'Material Icons';

    font-weight: normal;

    font-style: normal;

    font-size: 18px;

    line-height: 1;

    letter-spacing: normal;

    text-transform: none;

    display: inline-block;

    white-space: nowrap;

    word-wrap: normal;

    transform: translateY(-50%);

}



.back-btn a:hover {

    background: rgba(0, 0, 0, 0.1);

    transition: 0.5s;

}



.scroll240 {

    min-height: auto;

    max-height: 240px;

    overflow: auto;

}



.scroll400 {

    min-height: auto;

    max-height: 400px;

    overflow: auto;

}



.tree-sticky {

    position: sticky;

    top: 0;

    right: -20px;

}



.tree-section {

    padding: 10px 0px;

    min-height: auto;

    max-height: calc(100% - 160px);

    overflow: auto;

}



.tree-section ul {

    margin: 0px;

    padding: 0;

    position: relative;

}



.tree-section ul li {

    position: relative;

    padding: 7px 0px 7px 25px;

    font-size: 13px;

}



.tree-section ul li:before {

    position: absolute;

    top: 13px;

    left: 6px;

    width: 20px;

    height: 2;

    background: #24a95a;

    border-radius: 10px;

    content: '';

}



.tree-section ul li:after {

    z-index: 99;

    content: "";

    position: absolute;

    height: 100%;

    width: 2px;

    background: #24a95a;

    /* background-image:linear-gradient(180deg , #24a95a, #ffffff); */

    left: 0px;

    top: -11px;

}



.tree-section ul li:last-child:after {

    content: "";

    height: 25px;

}





/* .tree-section ul:first-child:after{top: 30px;}  */



.tree-section ul li span {

    padding-left: 10px;

}



.tree-section ul li span:after {

    content: '';

    position: absolute;

    top: 9px;

    left: -4px;

    width: 10px;

    height: 10px;

    background: #fff;

    border-radius: 10px;

    border: 2px solid #000000;

    z-index: 999;

}



.tree-scroll {

    padding: 0px 15px 15px;

    min-height: auto;

    max-height: 500px;

    overflow: auto;

}



.lead-tab {

    display: flex;

}



.lead-tab a {

    background: #fff;

    margin-right: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 20px;

    font-size: 11px;

    border: 2px solid #14a751;

    cursor: default;

    padding: 0px 0px 0px 10px;

    white-space: nowrap;

}



.lead-tab a span {

    width: 60px;

    height: 20px;

    background: #14a751;

    border-radius: 0px 10px 10px 0px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding-left: 0px !important;

    margin-left: 10px;

    color: #fff;

}



.flex-content {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.flex-content .control-group {

    width: 100%;

    margin-right: 15px;

}



.flex-content .control-group:last-child {

    margin-right: 0px;

}



.cs-flex a.add-item,

.cs-flex button.add-item {

    position: inherit;

    top: inherit;

    transform: inherit;

}



a.add-item,

button.add-item {

    min-width: 30px;

    height: 30px;

    background: #24a95a;

    text-align: center;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

    cursor: pointer;

}



a.add-item i,

button.add-item i {

    line-height: 30px;

    font-size: 20px;

    color: #ffffff;

}



.cs-flex a.add-item i,

.cs-flex button.add-item i {

    line-height: inherit;

}



.no-found {

    padding: 50px;

    text-align: center;

}



.no-found img {

    height: 100px !important;

}



.no-found p {

    font-size: 12px;

    margin-top: 16px;

    text-transform: uppercase;

}



.center-data {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.center-data p.af-img {

    position: relative;

}



.center-data p.af-img:after {

    content: '';

    position: absolute;

    position: absolute;

    top: -30px;

    right: -50px;

    background: url('../../assets/img/arrow.gif') no-repeat;

    width: 50px;

    height: 60px;

    background-size: cover;

}



.lead-color {

    padding: 15px 15px 0px 15px;

}



.lead-color ul {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.lead-color ul li {

    width: 50%;

    font-size: 11px;

    font-weight: 600;

    margin-bottom: 20px;

}



.lead-color ul li span {

    width: 20px;

    height: 20px;

    background: #14a751;

    display: inline-block;

    margin-right: 10px;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);

}



.master-search {

    display: flex;

    align-items: center;

}



.master-search input,

.master-search md-select {

    height: 35px !important;

    width: 300px;

    min-width: 300px;

    border-radius: 8px 0px 0px 8px;

    cursor: text !important;

}



.master-search md-select md-select-menu md-content {

    min-width: 96% !important;

    width: 96% !important;

}



.master-search a.search-btn {

    height: 35px;

    background: #24a95a;

    line-height: 40px;

    font-size: 12px;

    padding: 0px 15px;

    color: #fff;

    border-radius: 0px 10px 10px 0px;

    -webkit-touch-callout: none;

    /* iOS Safari */

    -webkit-user-select: none;

    /* Safari */

    -khtml-user-select: none;

    /* Konqueror HTML */

    -moz-user-select: none;

    /* Old versions of Firefox */

    -ms-user-select: none;

    /* Internet Explorer/Edge */

    user-select: none;

}



tspan {

    font-size: 11px;

    font-weight: 600;

}



.hot {

    background: #000000 !important;

    color: #ffffff !important;

    text-align: center !important;

}



.cold {

    background: #9e9e9e !important;

    color: #ffffff !important;

    text-align: center !important;

}



.warm {

    background: #757575 !important;

    color: #ffffff !important;

    text-align: center !important;

}



.delivered-text {

    color: #2cab05 !important;

    font-weight: 600 !important;

}



.delivered-bg {

    background: #2cab05 !important;

    color: #ffffff !important;

}



.approved-bg {

    background: #2cab05 !important;

    color: #ffffff !important;

}



.pending-text {

    color: #ffa315 !important;

    font-weight: 600 !important;

}



.pending-bg {

    background: #ffa315 !important;

    color: #ffffff !important;

}



.reject-text {

    color: #ff0000 !important;

    font-weight: 600 !important;

}



.reject-bg {

    background: #ff0000 !important;

    color: #ffffff !important;

}



.end-label-dropdown {

    margin-top: 1px;

}



.end-label-dropdown select {

    margin-top: -1px;

}





/* okaya css End*/



.crm-search-input {

    position: relative;

    clear: both

}



.crm-search-input input {

    height: 40px;

    width: 100%;

}



.crm-search-input button {

    position: absolute;

    top: 8px;

    right: 8px

}



.crm-search-input button i {

    color: #ccc

}



.table-lt,

.table table,

.details .custome-table table {

    border-collapse: collapse;

    width: 100%;

    table-layout: fixed;

    border: solid 1px #ccc;

    background: #fff;

    font-size: 11px;

}



.table-lt th,

.table table th,

.details .custome-table table th,

.table-lt td,

.table table td,

.details .custome-table table td {

    vertical-align: middle;

    border: solid 1px #cccccc;

    padding: 5px 10px;

    position: relative;

    height: 30px

}



.table-lt th,

.table table th,

.details .custome-table table th,

.table-lt td,

.table table td,

.details .custome-table .border-table table td {

    vertical-align: middle;

    border: solid 1px #beb9b5 !important;

    padding: 5px 10px;

    position: relative;

    height: 30px

}



.box-shadow,

header .sub-menu .quick-create,

.add-pop-form .modal-content,

.detail-form .modal-content,

.custome-full-body-popup .popup-container {

    box-shadow: 0px 0px 10px 0px #ccc

}



.submit-btn a,

.submit-btn button,

.submit-btn input[type="submit"],

.submit-btn input[type="button"] {

    font-family: "Roboto", sans-serif;

    color: #fff;

    text-transform: uppercase;

    background: #24a95a !important;

    outline: none;

    letter-spacing: 2px;

    border: 0;

    outline: none;

    padding: 10px 25px;

    display: inline-block;

    text-shadow: 0px 1px 0px #000;

    font-size: 12px;

    font-weight: 600px;

    border-radius: 5px;

}



.submit-btn.close-bg a,

.submit-btn.close-bg button,

.submit-btn.close-bg input[type="submit"],

.submit-btn.close-bg input[type="button"] {

    background: #f71515 !important;

    color: #ffffff !important;

    font-weight: 600;

}



.neno-space,

.summary-detail ul li {

    border: solid 1px #ccc;

    padding: 10px;

    border-radius: 0px

}



.summary-detail ul li:nth-child(even) {

    background: #f8f8f8;

}



.summary-detail {

    background: #fff;

}



.summary-detail ul li p span {

    color: #e44303;

    font-size: 10px;

}



.description p {

    font-size: 11px;

    line-height: 18pt

}





/* .login-bg {

    background-size: cover;

    height: 100%;

    background: #f6f7f7;

}



.login-bg .register .outer-login {

    background: transparent;

    background: -webkit-linear-gradient(transparent, #fff);

    background: -o-linear-gradient(transparent, #fff);

    background: -moz-linear-gradient(transparent, #fff);

    background: linear-gradient(transparent, #fff);

    border-radius: 0px 0px 4px 4px;

    border-bottom: solid 1px #1c384e

}



.login-bg .login .inear-login,

.login-bg .register .inear-login {

    background: transparent;

    background: -webkit-linear-gradient(transparent, #fff);

    background: -o-linear-gradient(transparent, #fff);

    background: -moz-linear-gradient(transparent, #fff);

    background: linear-gradient(transparent, #fff);

    border-radius: 0px 0px 4px 4px;

    padding-bottom: 60px;

    border-bottom: solid 3px #5489b7;

    ;

}



.login-bg .register .inear-login .logo-tag {

    text-align: center;

    background: #f8f8f8;

    width: 70%;

    margin: 60px auto 40px;

    border-radius: 4px;

    padding: 15px 10px

}



.login-bg .login .inear-login .logo-tag .logo img,

.login-bg .register .inear-login .logo-tag .logo img {

    height: 50px

}



.login-bg .login .inear-login .form,

.login-bg .register .inear-login .form {

    padding: 0px 40px

}



.login-bg .login .inear-login .form .field,

.login-bg .register .inear-login .form .field {

    margin-bottom: 30px

}



.login-bg .login .inear-login .form .field .icon,

.login-bg .register .inear-login .form .field .icon {

    display: table-cell;

    vertical-align: middle

}



.login-bg .login .inear-login .form .field .icon i,

.login-bg .register .inear-login .form .field .icon i {

    width: 40px;

    font-size: 24px

}



.login-bg .login .inear-login .form .field .icon i.fa-lock,

.login-bg .register .inear-login .form .field .icon i.fa-lock {

    font-size: 36px

}



.login-bg .login .inear-login .form .field .control-field,

.login-bg .register .inear-login .form .field .control-field {

    position: relative;

    display: table-cell;

    vertical-align: top;

    width: 100%

}



.login-bg .login .inear-login .form .field .control-field .inputText,

.login-bg .register .inear-login .form .field .control-field .inputText {

    height: 50px;

    line-height: 50px;

    border: 0;

    border-bottom: solid 2px #ccc;

    background: transparent;

    font-size: 16px;

    color: #000;

    padding-top: 10px;

    padding-left: 0;

    font-family: "Roboto", sans-serif

}



.login-bg .login .inear-login .form .field .control-field span:after,

.login-bg .register .inear-login .form .field .control-field span:after {

    content: "";

    position: absolute;

    bottom: 0;

    width: 0%;

    height: 2px;

    background: #ec125c;

    margin: 0px auto;

    left: 0;

    right: 0

}



.login-bg .login .inear-login .form .field .control-field .inputText:focus~span:after,

.login-bg .register .inear-login .form .field .control-field .inputText:focus~span:after {

    content: "";

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 2px;

    background: #ec125c;

    margin: 0px auto;

    left: 0;

    right: 0

}



.login-bg .login .inear-login .form .reme,

.login-bg .login .inear-login .form .fpas,

.login-bg .register .inear-login .form .reme,

.login-bg .register .inear-login .form .fpas {

    font-family: "Roboto", sans-serif

}



.login-bg .login .inear-login .form .reme label,

.login-bg .login .inear-login .form .fpas label,

.login-bg .register .inear-login .form .reme label,

.login-bg .register .inear-login .form .fpas label {

    font-weight: normal

}



.login-bg .login .inear-login .form .fpas a,

.login-bg .register .inear-login .form .fpas a {

    color: #006cff

}



.login-bg .login {

    position: relative;

    top: inherit;

    left: 0;

    opacity: 1;

    visibility: visible

}



.login-bg .register {

    position: absolute;

    top: 0;

    right: -400px;

    opacity: 0;

    visibility: hidden

}



.login-bg.active .login {

    position: absolute;

    top: 0;

    left: -400px;

    opacity: 0;

    visibility: hidden

}



.login-bg.active .register {

    position: relative;

    top: inherit;

    right: 0;

    opacity: 1;

    visibility: visible

} */



.outer {

    display: table;

    width: 100%;

    height: 100%;

}



.inner {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}



.login {

    width: 100%;

    height: 100%;

    position: relative;

}



.login .login-container {

    width: 100%;

    position: relative;

    z-index: 1;

}



.login .login-container .login-left {

    width: 50%;

    height: 100vh;

    float: left;

}



.login .login-container .login-left .project-name {

    padding-left: 180px;

}



.login .login-container .login-left .project-name h2 {

    text-align: left;

    font-size: 26px;

    margin-bottom: 24px;

    color: #fff;

    letter-spacing: 2px;

    text-transform: uppercase;

    text-shadow: 5px 5px 9px rgba(0, 0, 0, 0.9);

}



.login .login-container .login-left .project-name h2 span {

    font-size: 52px;

}



.login .login-container .login-right {

    width: 50%;

    height: 100vh;

    float: left;

}



.login .login-container .login-right .login-form {

    width: 370px;

    height: 430px;

    background: #fff;

    box-shadow: 0px 15px 40px 2px rgba(0, 0, 0, 0.5);

    border-radius: 10px;

    margin: 0 auto;

    padding: 30px;

    position: relative;

}



.login .login-container .login-right .login-form .company-logo {

    padding-bottom: 15px;

    text-align: center;

}



.login .login-container .login-right .login-form .company-logo img {

    height: 60px;

}



.login .login-container .login-right .login-form .short-description {

    padding-bottom: 30px;

}



.login .login-container .login-right .login-form .short-description p {

    font-size: 12px;

    text-align: left;

    padding-right: 50px;

    line-height: 18px;

    color: #000;

}



.login .login-container .login-right .login-form .form .control-field .login-input {

    width: 100%;

    position: relative;

}



.login .login-container .login-right .login-form .form .control-field .login-input input {

    border-radius: 20px;

    background: #fff;

    width: 100%;

    height: 40px;

    font-size: 12px;

    padding-left: 40px;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

    box-sizing: border-box;

}



.login .login-container .login-right .login-form .form .control-field .login-input .input-icon {

    position: absolute;

    top: 12px;

    left: 10px;

    font-size: 20px;

}



.login .login-container .login-right .login-btn {

    text-align: left;

    position: absolute;

    bottom: 30px;

}



.login .login-container .login-right .login-btn button {

    position: relative;

    width: 110px;

    text-align: left;

    border-radius: 20px;

    padding: 8px 10px;

    background: #008626;

    color: #fff;

    transition: all 0.5s;

}



.login .login-container .login-right .login-btn button span {

    font-size: 14px !important;

}



.login .login-container .login-right .login-btn button:after {

    content: "arrow_right_alt";

    font-family: "Material Icons";

    font-weight: normal;

    font-style: normal;

    font-size: 24px;

    letter-spacing: normal;

    text-transform: none;

    display: inline-block;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    transition: right 0.5s;

    right: 20px;

}



.login .login-container .login-right .login-btn button:hover {

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.5);

    transition: all 0.5s;

}



.login .login-container .login-right .login-btn button:hover:after {

    content: 'arrow_right_alt';

    right: 10px;

    transition: right 0.5s;

}



.login:after {

    content: "";

    background: #000000;

    /* background: #000000 url('../../assets/img/okaya-img/login-bg.png') no-repeat center; */

    position: absolute;

    top: 0;

    left: 0;

    width: 50%;

    height: 100%;

    background-size: cover;

}



.login:before {

    content: "";

    background: #000000;

    position: absolute;

    top: 0;

    right: 0;

    width: 50%;

    height: 100%;

    z-index: 1;

}



.floating-label {

    position: absolute;

    pointer-events: none;

    transition: 0.2s ease all;

    top: 15px;

    font-size: 16px;

    color: #000;

    opacity: 0.8

}



textarea:focus~.floating-label,

textarea:not(:focus):valid~.floating-label,

input[type="email"]:focus~.floating-label,

input[type="email"]:not(:focus):valid~.floating-label,

input:focus~.floating-label,

input:not(:focus):valid~.floating-label {

    font-size: 10pt;

    top: 0px;

    color: #000

}



header {

    height: 50px;

    padding: 0px 10px;

    z-index: 13;

    position: relative;

    background: #000000;

    display: flex;

    align-items: center;

}



header.visiblsh {

    box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.1)

}



header .right {

    width: 100%

}



header .logo {

    text-align: center;

    background: #fff;

    padding: 10px;

    border-radius: 10px;

    margin-top: 45px;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);

}



header .logo img {

    height: 40px;

}





/* header .universal-search ul {

    height: 40px;

    padding: 5px 0

}



header .universal-search ul li {

    float: left

}



header .universal-search ul li:nth-child(1) {

    width: 40%;

    padding-right: 5px

}



header .universal-search ul li:nth-child(2) {

    width: 60%

}



header .universal-search ul li select,

header .universal-search ul li input {

    height: 40px;

    background: #ffffff;

    border-radius: 40px;

} */



header .topbar-icons .mbtnn {

    display: none

}



header .topbar-icons ul {

    text-align: right

}



header .topbar-icons ul li {

    display: inline-block;

    position: relative;

    line-height: 48px;

    vertical-align: top

}





header .topbar-icons ul li:hover {

    background: #ebebeb;

    border-bottom: solid 1px #ee9a10

}



header .topbar-icons ul li a {

    display: block;

    color: #fff;

    /* padding: 0px 15px */

}



header .topbar-icons ul li a i {

    font-size: 16px;

    line-height: 48px

}



header .topbar-icons ul li a span {

    position: absolute;

    color: #fff;

    background: #ec125c;

    font-size: 10px;

    width: 18px;

    height: 18px;

    text-align: center;

    line-height: 18px;

    border-radius: 100%;

    top: 2px;

    right: 8px

}



header .topbar-icons ul li.cog {

    line-height: 20px

}



header .topbar-icons ul li.cog a {

    padding: 0px 15px 12px 15px

}



header .topbar-icons ul li.cog a i.fa-account-cog {

    background: url("../img/account-cog.png") no-repeat bottom center;

    background-size: 18px;

    height: 20px;

    width: 20px;

    opacity: 0.6;

    margin-top: 12px

}



header .topbar-icons ul li.logout {

    text-align: center

}



header .topbar-icons ul li.logout a {

    background: #2296f2;

}



header .topbar-icons ul li.logout a i {

    line-height: 20px

}



header .topbar-icons ul li.logout div {

    height: 50px;

    line-height: 20px;

    /* padding-top: 5px */

}



header .topbar-icons ul li.logout div p {

    font-size: 10pt

}



header .sub-menu .fa-plus-circle {

    color: #0097f7

}



header .sub-menu .quick-create {

    position: absolute;

    display: none;

    z-index: 999999;

    background: #fff;

    border: solid 1px #ccc;

    width: 400px;

    right: 0

}



header .sub-menu .quick-create h1 {

    font-size: 12px;

    text-align: left;

    background: #f8f8f8;

    border-bottom: solid 1px #ccc;

    padding-left: 15px;

    position: relative;

    z-index: 1;

    line-height: 45px

}



header .sub-menu .quick-create h1:after {

    background: #ebebeb;

    content: "";

    position: absolute;

    height: 100%;

    width: 0%;

    z-index: -1;

    right: 0

}



header .sub-menu .quick-create ul li {

    float: left;

    width: 50%;

    text-align: left;

    line-height: 40px

}



header .sub-menu .quick-create ul li a {

    font-size: 14px

}



header .sub-menu .quick-create ul li a i {

    width: 30px

}



header .sub-menu .quick-create ul li:hover {

    background: transparent;

    border-bottom: 0

}



header .sub-menu .quick-create ul li:hover a {

    color: #ec125c

}



header .sub-menu .quick-create:hover h1:after {

    background: #ebebeb;

    content: "";

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: -1;

    right: 0

}



header .sub-menu:hover .quick-create {

    display: block;

    z-index: 99999

}



.menu-toggle {

    padding: 0;

}



.left-navigation ul {

    margin-top: 10px

}



.left-navigation ul li {

    position: relative

}



.left-navigation ul li a {

    color: #637888;

    font-family: "Roboto", sans-serif;

    text-transform: uppercase;

    display: block;

    padding: 10px 0px;

    background: #1c384e;

    z-index: 1;

    border-left: solid 3px #1c384e

}



.left-navigation ul li a i {

    width: 50px;

    text-align: center;

    font-size: 18px

}



.left-navigation ul li a span {

    position: absolute;

    opacity: 0;

    visibility: hidden;

    transition: 0.3s

}



.left-navigation ul li a div {

    position: absolute;

    border: solid 1px #1c384e;

    top: 0;

    padding: 9px 0px 9px 10px;

    text-align: center;

    right: -150px;

    width: 150px;

    background: #1c384e;

    color: #fff;

    border-left: 0;

    border-radius: 0px 6px 6px 0px;

    left: -150px;

    z-index: -1;

    text-align: left

}



.left-navigation ul li a div i {

    width: 30px

}



.left-navigation ul li a:before {

    opacity: 0;

    visibility: hidden;

    content: "\f0d9";

    font-family: FontAwesome;

    right: 0px;

    position: absolute;

    font-size: 24px;

    margin-top: -7px;

    color: #1c384e

}



.left-navigation ul li:hover a {

    background: #000;

    border-left: solid 3px #ee9a10

}



.left-navigation ul li:hover a div {

    left: 50px

}



.left-navigation ul li.active a {

    background: #000;

    border-left: solid 3px #ee9a10

}



.left-navigation ul li.active a:before {

    color: #fff

}



.left-navigation ul li.active a:hover:before {

    color: #1c384e

}



.left-navigation ul li .submenu {

    position: absolute;

    min-width: 150px;

    left: 50px;

    margin-top: -42px;

    background: #1c384e;

    border-radius: 0px 6px 6px 0px;

    padding-top: 10px

}



.left-navigation ul li .submenu .txg {

    color: #fff;

    text-transform: uppercase;

    padding-left: 10px;

    font-family: "Roboto", sans-serif

}



.left-navigation ul li .submenu .txg i {

    width: 30px;

    text-align: center;

    font-size: 18px

}



.left-navigation ul li .submenu ul {

    padding-bottom: 10px;

    padding-left: 15px

}



.left-navigation ul li .submenu ul li a {

    padding: 4px 0px;

    background: #1c384e;

    border-left: solid 3px #1c384e;

    font-size: 14px

}



.left-navigation ul li .submenu ul li:hover a {

    background: transparent;

    border-left: solid 3px transparent;

    color: #fff

}



.left-navigation ul li .submenu ul li:hover a div {

    left: 50px

}



.left-after,

.left-navigation ul li:hover a:before,

.left-navigation ul li.active a:before,

.left-navigation ul li.active a:hover:before,

.left-navigation ul li .submenu ul li:hover a:before {

    opacity: 1;

    visibility: visible;

    content: "\f0d9";

    font-family: FontAwesome;

    position: absolute

}



.active .left-navigation ul li a span {

    opacity: 1;

    visibility: visible;

    transition: 0.5s

}



.active .left-navigation ul li a div {

    display: none

}



.active .left-navigation ul li .submenu {

    margin-top: 0px;

    padding-top: 0px

}



.active .left-navigation ul li .submenu .txg {

    display: none

}



.active .left-navigation ul li .submenu ul {

    padding-left: 0px

}



.table {

    overflow-x: auto;

    position: relative

}



.table table {

    min-width: 1024px;

}



.table table th {

    color: #000;

    font-family: "Roboto", sans-serif;

    font-size: 10pt;

    background: #e2e2e2;

}





/*.table table tr th {

    border-bottom: solid 0px #ccc

}*/



.table table tr:hover {

    background: #f8f8f8;

}



.table table tr:hover td .action-hover {

    opacity: 1;

    visibility: visible

}



.table table tr:nth-child(1):hover {

    background: transparent

}



.table table td {

    color: #696969;

}



.table table td strong {

    color: #333

}



.table table td a {

    color: #23527c;

}



.table table td a:hover {

    text-decoration: underline

}



.table table label {

    margin: 0;

    display: block;

    cursor: pointer

}



.table table label input[type="checkbox"] {

    cursor: pointer

}



.table table .mobile-no li {

    display: inline-block

}



.table table .mobile-no li:nth-child(2) {

    padding-left: 20px

}



.table table .mobile-no li:nth-child(2):before {

    content: ",";

    font-size: 31px;

    position: absolute;

    top: 0;

    margin: -8px 0px 0px -22px

}



.table.icon-table {

    box-shadow: 0px 3px 6px 0px #ccc;

}



.action-hover-default {

    display: flex;

    align-items: center;

    justify-content: center;

}



.action-hover-default,

.action-hover {

    position: absolute;

    right: 0;

    top: 2px;

    opacity: 0;

    visibility: hidden

}



.action-hover-default ul li,

.action-hover ul li {

    float: left;

    width: 25px !important;

    height: 25px !important;

    text-align: center;

    line-height: 25px !important;

    border: solid 1px #ccc;

    background: #fff

}



.action-hover ul li.delete,

.action-hover-default ul li.delete {

    border-color: #ff0000;

}



.action-hover ul li.delete a i,

.action-hover-default ul li.delete a i {

    color: #ff0000;

}



.action-hover ul li.delete:hover,

.action-hover-default ul li.delete:hover {

    background: #ff0000;

}



.action-hover ul li.delete:hover a i,

.action-hover-default ul li.delete:hover a i {

    color: #fff;

}



.action-hover ul li.edit,

.action-hover-default ul li.edit {

    border-color: #2e7907;

}



.action-hover ul li.edit a i,

.action-hover-default ul li.edit a i {

    color: #2e7907;

}



.action-hover ul li.edit:hover,

.action-hover-default ul li.edit:hover {

    background: #2e7907;

}



.action-hover ul li.edit:hover a i,

.action-hover-default ul li.edit:hover a i {

    color: #fff;

}



.action-hover ul li.view,

.action-hover-default ul li.view {

    border-color: #009faf;

}



.action-hover ul li.view a i,

.action-hover-default ul li.view a i {

    color: #009faf;

}



.action-hover ul li.view:hover,

.action-hover-default ul li.view:hover {

    background: #009faf;

}



.action-hover ul li.view:hover a i,

.action-hover-default ul li.view:hover a i {

    color: #fff;

}



.action-hover-default ul li:first-child,

.action-hover ul li:nth-child(1) {

    border-radius: 4px 0px 0px 4px

}



.action-hover-default ul li:last-child

{

    border-radius: 0px 4px 4px 0px

}



.action-hover-default ul li a,

.action-hover ul li a {

    display: block;

    justify-content: center;

}



.action-hover-default ul li i,

.action-hover ul li i {

    font-size: 12pt;

    color: #000;

    line-height: 22px;

}



.action-hover-default ul li:hover,

.action-hover ul li:hover {

    background: #f1eeee

}



.action-hover-default ul li:hover i,

.action-hover ul li:hover i {

    color: #122b3e

}



.action-hover-default.hover-center,

.action-hover.hover-center {

    position: static

}



.action-hover-default.hover-center ul li,

.action-hover.hover-center ul li {

    float: none;

    display: inline-block;

    margin-left: -4px

}



.action-hover-default.hover-center ul li:last-child

{

    border-radius: 4px;

}



.action-hover-default.hover-center ul li.single-border,

.action-hover.hover-center ul li.single-border {

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px

}



.action-hover-default {

    opacity: 1;

    visibility: visible

}



.wp100 {

    width: 100%;

}



.width30 {

    width: 30px

}



.width20 {

    width: 20px

}



.width40 {

    width: 40px

}



.width50 {

    width: 50px

}



.width100 {

    width: 100px

}



.width150 {

    width: 150px

}



.width200 {

    width: 200px

}



.width230 {

    width: 230px

}



.width250 {

    width: 250px

}



.h200 {

    height: 200px !important;

}



.h220 {

    height: 220px !important;

}



.h240 {

    height: 240px !important;

}



.h350 {

    height: 350px !important;

}



.h400 {

    height: 400px !important;

}



.h440 {

    height: 440px !important;

}



.mr0

{

    margin-right: 0px;

}



.mrb5 {

    margin-bottom: 5px

}



.mrb8 {

    margin-bottom: 8px

}



.mrb10 {

    margin-bottom: 10px

}



.mrb12 {

    margin-bottom: 12px

}



.mrb15 {

    margin-bottom: 10px;

}



.summary-detail ul li {

    margin-bottom: -1px;

}



.mrb25 {

    margin-bottom: 25px;

}



.mrb28 {

    margin-bottom: 20px;

}



.mrb30 {

    margin-bottom: 30px;

}



.mrb40 {

    margin-bottom: 40px;

}



.mrb50 {

    margin-bottom: 50px;

}



.mrb60 {

    margin-bottom: 60px;

}



.mrt0 {

    margin-top: 0px !important;

}



.mrt5 {

    margin-top: 5px;

}



.mrt8 {

    margin-top: 8px;

}



.mrt10,

.summary-detail ul li p:nth-child(2) {

    margin-top: 10px;

}



.mrt12 {

    margin-top: 12px

}



.mrt15,

.details .custome-table,

.summary-detail {

    margin-top: 15px

}



.mrt30 {

    margin-top: 30px

}



.mrt40 {

    margin-top: 30px

}



.mrt50 {

    margin-top: 50px

}



.mrt60 {

    margin-top: 60px

}



.mrl5 {

    margin-left: 5px

}



.mrl10 {

    margin-left: 10px

}



.mrl15 {

    margin-left: 15px

}



.mrl20 {

    margin-left: 20px

}



.mrl25 {

    margin-left: 25px

}



.mrl60 {

    margin-left: 60px

}



.mrl30 {

    margin-left: 30px

}



.mrr5 {

    margin-right: 5px !important;

}



.mrr10 {

    margin-right: 10px

}



.mrr15 {

    margin-right: 15px !important;

}



.mrr20 {

    margin-right: 20px

}



.mrr25 {

    margin-right: 25px !important;

}



.mrr30 {

    margin-right: 30px

}



.mrb0 {

    margin-bottom: 0px !important;

}



.mrt20 {

    margin-top: 8px;

}



.bg-1 {

    background: #f8f8f8

}



.fnt-16 {

    font-size: 16px

}



.fnt-18 {

    font-size: 18px

}



.fnt-20 {

    font-size: 20px

}



.fnt-22 {

    font-size: 22px

}



.fnt-24 {

    font-size: 24px

}



.fnt-semi {

    font-family: "Roboto", sans-serif

}



.cl333 {

    color: #333 !important

}



.no-padding {

    padding: 0 !important

}



.no-margin {

    margin: 0 !important

}



.padding10 {

    padding: 10px !important

}



.pd-tb10 {

    padding: 10px 0px !important;

}



.padding5 {

    padding: 5px !important

}



.padding15 {

    padding: 15px !important

}



.h80 {

    height: 80px !important;

}



.bt-pic {

    font-size: 10px;

    color: #000;

    margin-bottom: 10px;

}



.no-padding-td table tr th:nth-child(1),

.no-padding-td table tr td:nth-child(1) {

    padding: 0 !important

}



.listing-btn ul li {

    float: left;

    text-align: center;

    vertical-align: middle;

    border: solid 1px #ccc;

    height: 35px;

    line-height: 35px;

    min-width: 70px;

    border-left: 0;

    padding: 0px 10px

}



.listing-btn ul li.adding {

    background: #52a1e3;

    border: 0px;

}



.listing-btn ul li.adding a {

    color: #fff !important;

}



.listing-btn ul li.adding a:hover {

    color: #333 !important;

}



.listing-btn ul li:first-child {

    border-left: solid 1px #ccc

}



.listing-btn ul li a {

    color: #000;

    display: block;

    font-size: 10pt

}



.listing-btn ul li a i {

    margin-right: 10px;

    font-size: 10pt

}



.listing-btn ul li.adding a {

    color: #333

}



.listing-btn ul li.adding a:hover {

    color: #ec125c

}



.listing-btn.active ul li a {

    color: #333

}



.listing-btn.active ul li a:hover {

    color: #ec125c

}



.listing-heading ul li {

    display: inline-block;

    padding-right: 15px;

    position: relative;

    padding-left: 5px

}



.listing-heading ul li:after {

    content: "\f105";

    font-family: FontAwesome;

    position: absolute;

    right: 0;

    top: -5px

}



.listing-heading ul li:nth-child(2):after {

    content: "\f105";

    font-family: FontAwesome;

    position: absolute;

    right: 0;

    top: -5px

}



.listing-heading ul li:first-child {

    padding-left: 0px

}



.listing-heading ul li:last-child:after {

    display: none

}



.listing-heading ul li a h1 {

    font-family: "Roboto", sans-serif;

    font-size: 12px;

    color: #006cff

}



.listing-heading ul li a h1.color-black {

    color: #000

}



.listing-heading ul li p {

    font-size: 12px;

    text-transform: uppercase;

    color: #333

}



.related-menus ul {

    text-align: right

}



.related-menus ul li {

    display: inline-block;

    margin-left: 15px;

    position: relative

}



.related-menus ul li a div {

    height: 40px;

    width: 40px;

    border-radius: 100%;

    border: solid 2px #ccc;

    text-align: center;

    line-height: 38px

}



.related-menus ul li a div i {

    font-size: 18px;

    line-height: 36px;

    color: #ccc;

}



.related-menus ul li a div span {

    right: -40px;

    left: initial;

    top: 48px;

    position: absolute;

    color: #000;

    font-size: 12px;

    text-transform: uppercase;

    font-family: "Roboto", sans-serif;

    border: solid 1px;

    height: 40px;

    padding: 0px 20px;

    border-radius: 5px;

    background: #fff;

    opacity: 0;

    visibility: hidden;

    white-space: nowrap;

    z-index: 2

}



.related-menus ul li a div span:after {

    content: "\f0d8";

    font-family: FontAwesome;

    right: 12px;

    position: absolute;

    font-size: 20px;

    top: -22px

}



.related-menus ul li a div:hover span {

    right: 0px;

    left: initial;

    opacity: 1;

    visibility: visible

}



.related-menus ul li:hover a div,

.related-menus ul li.active a div {

    border: solid 2px #000

}



.related-menus ul li:hover a div i,

.related-menus ul li.active a div i {

    color: #000

}



.details {

    position: relative

}



.details .dt-heading button {

    position: absolute;

    right: 0;

    top: 0;

    display: block

}



.details .dt-heading button:hover {

    color: #ec125c

}



.details .custome-table table {

    border-collapse: separate;

    border: 0

}



.details .custome-table table tr td {

    border-bottom: 0;

    color: #696969

}



.details .custome-table table tr td strong {

    font-weight: normal;

    font-family: "Roboto", sans-serif

}



.details .custome-table table tr th {

    background: #ebebeb;

    border-right: 0px;

    border-bottom: 0px;

}



.details .custome-table table tr td {

    border-right: 0px;

}



.details .custome-table table tr th:last-child,

.details .custome-table table tr td:last-child {

    border-right: solid 1px #cccccc

}



.details .custome-table table tr td a {

    color: #005daf;

}



.details .custome-table.last-border-bottom table tr:last-child th,

.details .custome-table table tr:last-child td {

    border-bottom: solid 1px #cccccc

}



.details .custome-table table tr:hover td .action-hover {

    opacity: 1;

    visibility: visible

}



.dt-heading h2 {

    font-size: 12px;

    font-family: "Roboto", sans-serif;

    color: #000;

    position: relative;

    display: inline-block;

    z-index: 1;

    font-weight: 600;

}



.dt-heading h2:after {

    content: "";

    position: absolute;

    background: #000000;

    height: 1px;

    width: 100%;

    bottom: -1px;

    z-index: -1;

    left: 0px;

}



.dt-heading h2 i {

    margin-right: 10px;

    display: none;

}



.summary-detail ul li p {

    font-size: 11px

}



.add-pop-form,

.detail-form {

    top: 60px

}



.add-pop-form .modal-dialog,

.detail-form .modal-dialog {

    width: 767px

}



.add-pop-form .modal-content,

.detail-form .modal-content {

    border-radius: 0

}



.modal-content .modal-body .body-middle-part {

    overflow: auto;

    padding-bottom: 10px;

}



.add-pop-form .modal-body,

.detail-form .modal-body {

    padding: 0px;

}



.add-pop-form .modal-body .body-middle-part .pop-heading {

    position: relative;

}



a.model-close {

    position: absolute;

    top: 50%;

    right: 15px;

    transform: translateY(-50%);

    color: #ffffff;

}



.add-pop-form .modal-body .body-middle-part .pop-heading,

.detail-form .modal-body .body-middle-part .pop-heading {

    background: #000000;

}



.add-pop-form .modal-body .body-middle-part .pop-heading h2,

.detail-form .modal-body .body-middle-part .pop-heading h2 {

    font-size: 12px;

    color: #fff;

    padding: 10px 15px;

    ;

    text-transform: uppercase;

    font-weight: 400;

    letter-spacing: 1px;

}



.add-pop-form .modal-body .form-data,

.detail-form .modal-body .form-data {

    padding: 15px;

    position: relative;

    padding-bottom: 5px;

}



.add-pop-form .modal-body .form-data .control-group,

.detail-form .modal-body .form-data .control-group {

    margin-bottom: 10px

}



.add-pop-form .modal-body .form-data .control-group label,

.detail-form .modal-body .form-data .control-group label {

    color: #3e3e3e;

    font-size: 13px;

    font-weight: 400;

    margin-bottom: 0px !important;

}



.add-pop-form .modal-body .form-data .control-group label span {

    color: #ff0000;

    font-style: 14px;

}



.add-pop-form .modal-body .form-data .control-group input {

    font-size: 11px;

}



.add-pop-form .modal-body .contact-person .form-data,

.detail-form .modal-body .contact-person .form-data {

    border: solid 1px #ccc;

    margin: 15px 15px;

    border-radius: 8px;

    background: #f8f8f8

}



.add-pop-form .modal-footer,

.detail-form .modal-footer {

    background: #efefef;

    padding: 5px 15px !important;

}



.add-pop-form .modal-footer ul,

.detail-form .modal-footer ul {

    padding: 10px 0px

}



.add-pop-form .modal-footer ul li,

.detail-form .modal-footer ul li {

    display: inline-block;

    text-align: right;

    margin-left: 20px

}



.add-pop-form .modal-footer ul li .cncl,

.detail-form .modal-footer ul li .cncl {

    font-family: "Roboto", sans-serif;

    color: #ffffff;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 14px

}



.add-pop-form .modal-footer ul li .cncl {

    position: absolute;

    top: 6px;

    right: 10px;

    font-size: 0px;

}



.add-pop-form .modal-footer ul li .cncl:after {

    background: url(../../assets/img/close.svg) no-repeat center;

    content: "";

    width: 25px;

    height: 25px;

    position: absolute;

    right: 15px;

    top: 10px;

    background-size: 15px;

}



.add-pop-form .modal-footer ul li:last-child {

    margin-left: 0px !important;

}



.modal-backdrop {

    background-color: rgba(0, 0, 0, 0.9);

}



.modal.cs-right-model

{

    height: 100%;

    top: 0 !important;

}





.modal.cs-right-model .modal-dialog

{

    height: 100%;

    width: 400px;

    margin: 0 0 0 auto;

}



.modal.cs-right-model .modal-dialog .modal-content

{

    height: 100%;

}





.no-data-found {

    text-align: center;

    padding-top: 50px

}



.no-data-found img {

    max-width: 100%

}



.add-form .new-form-design {

    background: #ebebeb;

    padding: 15px;

}



.add-form .row {

    padding-bottom: 15px

}



.add-form .dt-heading {

    border-bottom: solid 1px #ccc;

    padding-bottom: 15px

}



.add-form ul li {

    float: left;

    vertical-align: middle

}



.csm-form ul li label.upload-file {

    width: 100%;

    height: 100%;

    display: block;

}



.csm-form ul li label,

.add-form ul li label {

    font-size: 11px;

    color: #000;

    font-weight: normal;

    margin: 0;

    line-height: 40px

}



.csm-form ul li label span,

.add-form ul li label span {

    color: #ff0000;

    font-size: 12px;

}



.add-form .new-form-design ul li label {

    font-size: 11px;

    color: #3e3e3e;

    font-weight: 600;

}



.add-form .new-form-design .dt-heading h2:after {

    display: none;

}



.add-form ul li:nth-child(1) {

    width: 40%

}



.add-form ul li:nth-child(2) {

    width: 60%

}



.add-form ul.setting-tabs {

    position: relative;

    padding-left: 5px

}



.add-form ul.setting-tabs:after {

    content: "";

    background: #ccc;

    width: 100%;

    height: 1px;

    position: absolute;

    bottom: 1px;

    left: 0;

    z-index: -1

}



.add-form ul.setting-tabs li {

    width: 250px;

    float: none;

    display: inline-block;

    border: solid 1px #ccc;

    background: #f8f8f8;

    border-bottom: 0;

    margin-left: -5px

}



.add-form ul.setting-tabs li.active {

    background: #fff;

    border-top: solid 3px #ccc;

    border-bottom: solid 1px #fff

}



.add-form ul.setting-tabs li a {

    color: #727171;

    font-size: 16px;

    display: block;

    padding: 15px

}



.add-form ul.setting-tabs li a i {

    margin-right: 10px;

    font-size: 22px

}



.custome-date-picker ul li {

    float: none

}



.custome-date-picker ul li:nth-child(1) {

    width: 100%

}



.custome-date-picker ul li:nth-child(2) {

    width: 100%

}



.custome-full-body-popup {

    position: fixed;

    background: rgba(255, 255, 255, 0.8);

    width: 100%;

    height: 100%;

    z-index: 9999;

    overflow-y: auto;

    top: 0;

    right: -100%

}



.custome-full-body-popup.active {

    right: 0%

}



.custome-full-body-popup .popup-container {

    max-width: 90%;

    background: #fff;

    margin: 0px auto;

    margin-top: 30px;

    margin-bottom: 30px;

    border: solid 1px #ccc

}



.custome-full-body-popup .popup-container .table table {

    min-width: 800px

}



.custome-full-body-popup .popup-container .popup-heading {

    background: #607383;

    position: relative

}



.custome-full-body-popup .popup-container .popup-heading h1 {

    font-size: 18px;

    color: #fff;

    padding: 15px

}



.custome-full-body-popup .popup-container .popup-heading .cancel {

    position: absolute;

    right: -20px;

    top: -20px

}



.custome-full-body-popup .popup-container .popup-heading .cancel img {

    height: 40px

}



.custome-full-body-popup .popup-container .body-part {

    padding: 15px

}



.custome-full-body-popup .popup-container .latest-quote {

    background: #f8f8f8;

    border: solid 1px #ccc;

    padding: 15px

}



.custome-full-body-popup .popup-container .latest-quote .company-details {

    text-align: center

}



.custome-full-body-popup .popup-container .latest-quote .company-details .logo img {

    height: 40px

}



.custome-full-body-popup .popup-container .latest-quote .company-details .address-detail h2 {

    font-size: 16px

}



.custome-full-body-popup .popup-container .latest-quote .company-details .address-detail h2,

.custome-full-body-popup .popup-container .latest-quote .company-details .address-detail p {

    font-family: "Roboto", sans-serif

}



.custome-full-body-popup .popup-container .latest-quote .customer-dt p {

    margin-top: 10px

}



.custome-full-body-popup .popup-container .latest-quote .customer-dt p strong {

    padding-right: 15px

}



.custome-full-body-popup .popup-container .latest-quote .customer-dt h2,

.custome-full-body-popup .popup-container .latest-quote .customer-dt p {

    clear: both

}



.custome-full-body-popup .popup-container .latest-quote .customer-dt h2 i,

.custome-full-body-popup .popup-container .latest-quote .customer-dt p i {

    width: 30px;

    height: 50px;

    float: left

}



.custome-full-body-popup .popup-container .latest-quote .inr-table table {

    border: 0;

    background: transparent

}



.custome-full-body-popup .popup-container .latest-quote .inr-table table tr th,

.custome-full-body-popup .popup-container .latest-quote .inr-table table tr td {

    border: 0;

    vertical-align: bottom

}



.custome-full-body-popup .popup-container .un-heading h2 {

    font-size: 18px;

    color: #000;

    text-decoration: underline;

    font-family: "Roboto", sans-serif

}



.innear-st {

    background: #f8f8f8;

    border: solid 1px #ccc;

    padding: 15px;

    box-shadow: 0px 0px 6px 0px #ccc;

    position: relative;

    margin-top: 10px;

    margin-bottom: 20px

}



.innear-st .cancel {

    width: 35px;

    height: 34px;

    border: solid 1px #ccc;

    background: #fff;

    border-radius: 100%;

    position: absolute;

    right: -15px;

    top: -15px;

    text-align: center;

    line-height: 35px;

    box-shadow: 0px 0px 4px 0px #ccc

}



.innear-st .cancel label {

    display: block

}



.innear-st .cancel label i {

    color: #ec165f

}



.special-search {

    text-align: center;

    width: 100%;

    padding-left: 0

}



.input-field .prefix {

    position: absolute;

    top: 18px;

    left: 0;

}



.special-search .input-field {

    display: table-cell;

    width: 100%;

    vertical-align: top

}



.special-search .input-field input[type="text"] {

    border: solid 1px #ccc !important;

}



.special-search .btnn {

    display: table-cell;

    vertical-align: top

}



.special-search .btnn button {

    background: #ee9a10;

    height: 40px;

    width: 60px;

    border-radius: 0px 5px 5px 0px;

    color: #fff;

    line-height: 0;

    margin-left: -1px

}



md-toast.md-load-toast-theme,

md-toast.md-success-toast-theme {

    background: rgba(255, 255, 255, 0.4);

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 99999;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px

}



md-toast.md-success-toast-theme .md-toast-content {

    background: #1c384e;

    text-align: center;

    font-size: 14px

}



md-toast.md-load-toast-theme .md-toast-content,

md-toast.md-success-toast-theme .md-toast-content {

    position: absolute;

    margin: 0px auto;

    left: 0;

    right: 0;

    width: 500px;

    top: 40%

}



md-toast.md-load-toast-theme .md-toast-content {

    background: transparent;

    box-shadow: none;

    text-align: center;

    height: 85px;

    min-height: 85px;

    padding: 0;

    font-size: 0px

}



md-toast.md-load-toast-theme .md-toast-content span {

    height: 50px

}



md-toast.md-load-toast-theme .md-toast-content span:before {

    content: "";

    background: url("../../assets/img/hourglass.svg") no-repeat center;

    height: 50px;

    width: 50px;

    background-size: cover;

    position: absolute

}



md-dialog .md-dialog-content {

    padding: 0px !important;

}



md-dialog.md-default-theme .md-dialog-content .md-title {

    background: #000000;

    font-size: 18px;

    color: #fff;

    padding: 15px

}



md-dialog.md-default-theme .md-dialog-content .ng-scope {

    padding: 25px;

    text-align: center

}



md-dialog.md-default-theme md-dialog-actions {

    padding: 0;

    text-align: right;

    border-top: 1px solid #c8c8c8;

    background: #ffffff;

}



md-dialog.md-default-theme md-dialog-actions button {

    width: 100%;

    margin: 0px !important;

    padding: 5px;

    min-height: 52px;

}



md-dialog.md-default-theme md-dialog-actions button:nth-child(2) {

    font-family: "Roboto", sans-serif;

    color: #fff !important;

    text-transform: uppercase;

    background: transparent !important;

    letter-spacing: 2px;

    border: 0;

    outline: none;

    display: inline-block;

    margin: 0;

    color: #62a33e !important;

}



md-dialog.md-default-theme md-dialog-actions button:nth-child(1) {

    font-family: "Roboto", sans-serif;

    color: #ec1212 !important;

    text-transform: uppercase;

    letter-spacing: 2px;

    background: transparent !important;

    border-right: 1px solid #c8c8c8;

}



md-dialog.md-default-theme md-dialog-actions button:focus:nth-child(1) {

    color: #ec1212 !important;

    background: transparent !important

}



.add-form ul li {

    position: relative

}



.add-form ul li span.error {

    font-size: 11px;

    position: absolute;

    right: 10px;

    top: 11px;

    color: #f00

}



.cn-more {

    position: absolute;

    top: 0;

    margin-left: 20px;

    background: #006cff;

    color: #fff;

    text-align: CENTER;

    width: 25px;

    height: 25px;

    border-radius: 4px;

    line-height: 27px;

    margin-top: -2px

}



.cn-more i {

    margin: 0 !important;

    font-size: 14px

}



.btn-disable {

    opacity: 0.7

}



.pagination li a,

.pagination li span {

    font-size: 11px;

}



.pagination>.active>a,

.pagination>.active>a:hover {

    background: #ef3a2d !important;

    border-color: #ef3a2d !important;

}



.inr-usd {

    position: relative

}



.inr-usd .icon {

    position: absolute;

    z-index: 1;

    left: 10px;

    top: 13px

}



.inr-usd input {

    padding-left: 25px

}



.trix-listing ul,

.trix-listing li {

    list-style: initial !important;

    width: 100% !important;

    float: none

}



.trix-listing ol,

.trix-listing li {

    list-style: decimal !important;

    width: 100% !important;

    float: none

}



.table_slider {

    position: absolute;

    top: 23px;

    right: -30px

}



.innear-st {

    background: #f8f8f8;

    border: solid 1px #ccc;

    padding: 15px;

    box-shadow: 0px 0px 6px 0px #ccc;

    position: relative;

    margin-top: 10px;

    margin-bottom: 20px

}



.innear-st .cancel {

    width: 35px;

    height: 34px;

    border: solid 1px #ccc;

    background: #fff;

    border-radius: 100%;

    position: absolute;

    right: -15px;

    top: -15px;

    text-align: center;

    line-height: 35px;

    box-shadow: 0px 0px 4px 0px #ccc

}



.innear-st label {

    display: block

}



.innear-st label i {

    color: #ec165f

}



.submit-btnn a,

.submit-btnn button,

.submit-btnn input[type="submit"],

.submit-btnn input[type="button"] {

    font-family: "Proxima Nova Light", serif;

    color: #fff;

    text-transform: uppercase;

    background: #62a33e;

    letter-spacing: 2px;

    border: 0;

    outline: none;

    padding: 5px 20px;

    display: inline-block;

    text-shadow: 0px 2px 0px #000;

    font-size: 14px

}



.theme-setting .main-wrapper .innear-container {

    padding-left: 50px;

    -webkit-transition: left 0.3s;

    transition: left 0.3s;

    transition: 0.3s linear

}



.theme-setting .main-wrapper.active .innear-container {

    -webkit-transition: left 0.3s;

    transition: left 0.3s;

    transition: 0.3s linear

}



.theme-setting .left-navigation ul li a div {

    width: 210px;

    left: -160px

}



.theme-setting .left-navigation ul li a i,

.theme-setting .left-navigation ul li a span {

    color: #fff

}



.theme-setting .left-navigation ul li:hover a div {

    left: 50px

}



.theme_logo img {

    height: 30px;

    margin-top: 10px

}



.access-label label {

    width: initial !important

}



.theme-setting label {

    width: 100%

}



.theme-setting .input_type {

    border: 1px solid #ccc;

    padding-left: 10px

}



.theme-setting .input_type input {

    display: none;

    outline: none

}



.theme-setting .theme_icon {

    margin-left: 0px

}



.theme-setting .theme_icon ul li:nth-child(1) {

    width: 25%

}



.theme-setting .theme_icon ul li:nth-child(2) {

    width: 75%

}



.theme-setting .theme_color ul li:nth-child(1) {

    width: 75%

}



.theme-setting .theme_color ul li:nth-child(2) {

    width: 25%

}



.theme-setting .theme_range ul li:nth-child(1),

.theme-setting .theme_range ul li:nth-child(2) {

    width: 50%

}



.theme-setting input[type=color] {

    border: 0px;

    padding: 0;

    height: 40px;

    background: transparent;

    width: 100%;

    outline: none

}



.theme-setting .input_type_range {

    margin-top: 20px

}



.tgappend .access {

    margin-bottom: 20px !important

}



.tgappend .access select {

    font-weight: normal !important

}



.tgappend .theme-access {

    box-shadow: 0px 0px 10px #ccc;

    padding: 0 15px

}



.tgappend .theme-access .access-box {

    padding: 10px 0px;

    border-bottom: solid 1px #ccc;

    box-shadow: 0px 3px 2px 0px rgba(204, 204, 204, 0.38)

}



.tgappend .theme-access .access-box label span {

    padding-bottom: 10px;

    font-size: 10pt;

    font-weight: normal

}



.tgappend .theme-access p {

    padding-top: 10px;

    font-size: 11pt;

    color: #000000

}



.tgappend .theme-access .theme-checkbox {

    margin-bottom: 20px

}



.tgappend .theme-access label .mdc-checkbox {

    margin-bottom: -8px

}



.main-access-checkbox {

    display: inline-block;

    padding-left: 20px

}



.select2-container {

    width: 100%

}



.select2-container .select2-choice {

    height: 40px;

    line-height: 40px;

    padding: 0px 10px;

    border-radius: 0px;

    box-shadow: none;

    background-image: none;

    border: solid 1px #ccc

}



.select2-container .select2-choice .select2-arrow {

    background: url(../img/down-icon.png) right/26px no-repeat #fff !important;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    width: 35px;

    border: 0

}



.select2-container .select2-choice .select2-arrow b {

    background: transparent

}



.select2-container .select2-chosen {

    font-size: 10pt;

    font-family: "Roboto", sans-serif;

    color: #000

}



.select2-results li,

.select2-results .select2-highlighted {

    width: 100% !important

}





/*# sourceMappingURL=style.css.map */



.normal-weight {

    font-weight: normal !important;

}



.cnt-data {}



.cnt-data h2 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 20px;

}



.cnt-data p {

    font-size: 12px;

    padding-top: 10px;

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.related-menus ul li.active a {

    cursor: no-drop !important;

}



.related-menus ul li.active a div span,

.related-menus ul li.active a div:hover span {

    display: none !important;

}





/*

===================

=================== PRAYAG CRM

===================

*/



.prayag-cs-table {}





/* .top-mini-header {

    background: #fff;

    margin-top: -15px;

    padding: 4px 10px;

    position: relative;

    z-index: 9;

    box-shadow: 0px 3px 6px 0px #ccc;

    padding-top: 16px;

} */





/* .top-mini-header:after

{

    content: "";

    background: #fff;

    position: absolute;

    width: 20px;

    height: 60px;

    top: 0px;

    left: -14px;

} */





/* .top-mini-header .main-heading {} */





/* .top-mini-header .main-heading h1 {

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 500;

    padding-left: 10px;

    color: #333;

    position: relative;

    line-height: 40px;

} */





/* .top-mini-header .main-heading h1:before {

    content: "";

    position: absolute;

    height: 22px;

    width: 3px;

    background: #c7c7c7;

    left: 0px;

    top: 9px;

} */





/* .top-mini-header .main-heading ul {}



.top-mini-header .main-heading ul li {

    display: inline-block;

    position: relative;

} */





/* .top-mini-header .main-heading ul li a {}



.top-mini-header .main-heading ul li a h1 {

    color: #006cff;

} */





/* .top-mini-header .main-heading ul li p { font-size: 14px; }



.top-mini-header .main-heading ul li:first-child {

    margin-right: 30px;

}



.top-mini-header .main-heading ul li:first-child:after {

    content: "";

    position: absolute;

    width: 8px;

    height: 8px;

    background: #ccc;

    border-radius: 100%;

    right: -20px;

    top: 15px;

} */



.cs-btn {

    background: #24a95a;

    color: #fff;

    text-transform: uppercase;

    font-size: 11px;

    font-weight: 600;

    line-height: 0;

    letter-spacing: 2px;

    padding: 13px 10px;

    border: 2px solid #24a95a;

    margin-top: 2px;

    display: inline-block;

}



.cs-btn.btnh30 {

    width: 30px;

    height: 30px;

    padding: 0px;

}



.cs-btn.outline,

a.cs-btn.outline,

button.cs-btn.outline {

    background: #ffffff;

    border: 2px solid #24a95a;

    color: #24a95a;

}





/*.cs-btn:hover{color: #fff; background:#24a95a;}*/



.cs-btn:focus {

    outline: none !important;

}



.cs-border {

    background: #fff;

    color: #468600;

    border: solid 2px #468600;

}



.cs-border:hover {

    background: #468600;

}





/*

============================

============================ MENUS

============================

*/



.nav-side-menu {

    overflow: auto;

    height: 100%;

    background: #000000;

    box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.3);

}



.nav-side-menu .brand {

    background-color: #23282e;

    line-height: 50px;

    display: block;

    text-align: center;

    font-size: 12px;

}



.nav-side-menu .toggle-btn {

    display: none;

}



.nav-side-menu ul,

.nav-side-menu li {

    list-style: none;

    padding: 0px;

    margin: 0px;

    line-height: 55px;

    cursor: pointer;

}



.nav-side-menu li a {

    display: flex;

    align-items: center;

    justify-content: center;

}



.nav-side-menu li p {

    display: flex;

    align-items: center;

    justify-content: start;

    padding: 10px;

    font-size: 11px;

    line-height: 0px;

}



.nav-side-menu li p img {

    height: 15px;

    margin-right: 10px;

}



.nav-side-menu ul :not(collapsed) .arrow:before,

.nav-side-menu li :not(collapsed) .arrow:before {

    font-family: FontAwesome;

    content: "\f078";

    display: inline-block;

    padding-left: 0px;

    padding-right: 0px;

    vertical-align: middle;

    float: right;

    margin-right: -3px;

}



.nav-side-menu ul .sub-menu li.active,

.nav-side-menu li .sub-menu li.active {

    color: #d19b3d !important;

}



.nav-side-menu ul li.active a,

.nav-side-menu li li.active a,

.nav-side-menu ul .sub-menu li.active a,

.nav-side-menu li .sub-menu li.active a {

    color: #fff !important;

}



.nav-side-menu ul .sub-menu li,

.nav-side-menu li .sub-menu li {

    border: none;

    line-height: 28px;

    border-bottom: 1px solid #7d7b79;

    margin-left: 0px;

}



.nav-side-menu ul .sub-menu li {

    position: relative

}





/* .nav-side-menu ul .sub-menu li:hover,

.nav-side-menu li .sub-menu li:hover {

    background-color: #035392;

} */



.nav-side-menu ul .sub-menu li:before,

.nav-side-menu li .sub-menu li:before {

    /* font-family: FontAwesome;

    content: "\f105";

    display: inline-block;

    padding-left: 10px;

    padding-right: 10px;

    vertical-align: middle;

    position: absolute;

    left: 6px;

    color: #ffffff;

    top: 50%;

    transform: translateY(-50%);

    z-index: 3; */

}



.nav-side-menu ul .sub-menu li a p {

    padding-left: 8px;

}



.nav-side-menu ul .sub-menu li a span {

    top: 50%;

    transform: translateY(-50%);

}



.nav-side-menu ul .sub-menu li a {

    border-bottom: 0px !important;

    padding: 5px 0px 5px 40px;

    position: relative;

}



.nav-side-menu ul .sub-menu li:nth-child(1n+0) a span.count-bg {

    background: #1f82d8;

}



.nav-side-menu ul .sub-menu li:nth-child(2n+0) a span.count-bg {

    background: #000000;

}



.nav-side-menu ul .sub-menu li:nth-child(3n+0) a span.count-bg {

    background: #95a924;

}



.nav-side-menu ul .sub-menu li:nth-child(4n+0) a span.count-bg {

    background: #9c27b0;

}



.nav-side-menu ul .sub-menu li:nth-child(5n+0) a span.count-bg {

    background: #00bcd4;

}



.nav-side-menu ul .sub-menu li:nth-child(6n+0) a span.count-bg {

    background: #f44336;

}



.nav-side-menu ul .sub-menu li a:before {

    font-family: FontAwesome;

    content: "\f105";

    display: inline-block;

    padding-left: 10px;

    padding-right: 10px;

    vertical-align: middle;

    position: absolute;

    left: 6px;

    color: #ffffff;

    top: 50%;

    transform: translateY(-50%);

    z-index: 3;

}



.nav-side-menu ul .sub-menu li a:hover:before,

.nav-side-menu ul .sub-menu li a.active:before {

    color: #000000;

}



.nav-side-menu ul .sub-menu li:first-child a {

    border-top: 0px !important

}



.nav-side-menu li {

    padding-left: 0px;

    border-bottom: 0px solid #23282e;

}



.nav-side-menu li a {

    text-decoration: none;

    color: #ffffff;

    border-bottom: solid 1px #a5a5a5;

    display: block;

    font-size: 11px;

    font-weight: normal;

    position: relative;

    background: #000000;

    z-index: 2;

}



.nav-side-menu li a:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 0px;

    height: 100%;

    z-index: -1;

    transition: all 0.5s;

}



.nav-side-menu li a:hover,

.nav-side-menu li a.active {

    color: #000000;

    background: transparent;

}



.nav-side-menu li a:hover:after,

.nav-side-menu li a.active {

    width: 100%;

    background: #ffffff;

    transition: all 0.9s;

}



.nav-side-menu li a:hover img,

.nav-side-menu li a.active img {

    filter: invert(0.8);

    transform: rotateY(360deg);

    transition: all 0.9s;

}



.nav-side-menu li a span {

    position: absolute;

    right: 10px;

    /* background: #fff; */

    color: rgb(255, 255, 255);

    line-height: 22px;

    font-size: 11px;

    font-weight: 600;

    border-radius: 12px;

    height: 22px;

    padding: 0px 10px;

    top: 27%;

}



.nav-side-menu li a span.arrow {

    background: transparent;

    color: #ffffff;

}



.nav-side-menu li a:hover span.arrow,

.nav-side-menu li a.active span.arrow {

    color: #008626;

}



.nav-side-menu li a i {

    padding-left: 10px;

    width: 20px;

    padding-right: 30px;

}



.nav-side-menu .menu-list .menu-content {

    display: block;

}



.description.neno-space.mrt15 {

    background: #ebebeb;

}



.drw-boxes {}



.drw-boxes .boxes {

    text-align: center;

    border-radius: 4px;

    padding: 15px;

}



.drw-boxes .boxes .val-bx {

    height: 90px;

    line-height: 90px;

}



.drw-boxes .boxes .val-bx1 {

    line-height: 70px;

}



.drw-boxes .boxes .val-bx h2 {

    color: #fff;

    font-size: 12px;

}



.drw-boxes .boxes .val-bx h2 i {

    margin-right: 10px;

}



.drw-boxes .boxes .val-bx span {

    font-size: 36px;

    font-weight: 600;

    color: #fff;

}



.drw-boxes .boxes .val-bx p {

    line-height: 0px;

    font-size: 12px;

    color: #fff;

}



.drw-boxes .col-sm-3:nth-child(1) .boxes {

    background: #00bcd4;

}



.drw-boxes .col-sm-3:nth-child(2) .boxes {

    background: #FF5252;

}



.drw-boxes .col-sm-3:nth-child(3) .boxes {

    background: #00bfa5;

}



.drw-boxes .col-sm-3:nth-child(4) .boxes {

    background: #ff6e40;

}



.crm-drw-fr {}



.crm-drw-fr ul {}



.crm-drw-fr ul li {

    display: inline-block;

}



.crm-drw-fr ul li select,

.crm-drw-fr ul li input[type="text"] {

    width: 150px;

}



.crm-drw-fr ul li input[type="submit"] {

    border: 0;

}



.welcome-note strong {

    text-decoration: underline;

}



.welcome-note span {

    /*color: #676565;*/

}



.login-bg .login .outer-login {

    background: #ebebeb;

}



.login-bg .login .inear-login .logo-tag {

    text-align: center;

    background: #dcdcdc;

    margin: 60px auto 40px;

    padding: 15px 10px;

}





/* 

=================================

================================= STEP FORM DESIGN

=================================

*/



.step-form {}



.step-form .s-left-container {

    float: left;

    width: 250px;

    position: absolute;

    padding-top: 120px;

    height: 100%;

    top: 0;

}



.step-form .s-left-container .navigations {

    box-shadow: 0px 5px 10px 0px #ccc;

    height: 100%;

    background: #F8F8F8;

}



.step-form .s-left-container .navigations ul {}



.step-form .s-left-container .navigations ul li {

    position: relative;

}



.step-form .s-left-container .navigations ul li a {

    font-size: 12px;

    font-weight: 500;

    color: #8A8A8A;

    display: block;

    padding: 15px;

    padding-left: 40px;

    text-transform: uppercase;

}



.step-form .s-left-container .navigations ul li a i {

    position: absolute;

    left: 10px;

    top: 15px;

    font-size: 18px;

}



.step-form .s-left-container .navigations ul li.mini-active a,

.step-form .s-left-container .navigations ul li:hover a {

    background: #EFEFEF;

}



.step-form .s-left-container .navigations ul li.active1 a {

    background: #333333;

    color: #fff;

    cursor: no-drop;

}



.step-form .s-left-container .navigations ul li.no-drop a {

    cursor: no-drop !important;

    opacity: 0.5;

}



.step-form .s-left-container .navigations ul li.active1 a:after {

    content: "";

    position: absolute;

    width: 22px;

    height: 22px;

    right: 10px;

    background: url("../img/icon-right-cirle.svg") center no-repeat;

}



.step-form .s-right-container {

    padding-left: 245px;

}



.full-form .new-form-design,

.step-form .s-right-container .add-form .new-form-design {

    background: #fff;

}



.step-form .s-right-container .add-new-form-d {}



.full-form .new-form-design .add-new-form-d ul li:nth-child(1),

.full-form .new-form-design .add-new-form-d ul li:nth-child(2),

.step-form .s-right-container .add-form .add-new-form-d ul li:nth-child(1),

.step-form .s-right-container .add-form .add-new-form-d ul li:nth-child(2) {

    width: 100% !important;

}



.add-more-c {

    border: solid 2px #19a100;

    color: #19a100;

}



.delete-more-c {

    border: solid 2px #df0000;

    color: #df0000;

}



.add-more-c,

.delete-more-c {

    height: 40px;

    padding: 0px 0px;

    border-radius: 2px;

    display: block;

    width: 120px;

    font-size: 11px;

    text-transform: uppercase;

    font-weight: 600;

    text-align: center;

}



.step-form input[type="text"],

.step-form input[type="number"],

.step-form input[type="email"],

.step-form textarea {

    background: #f9f8f8;

}



.step-form select {

    background: url(../img/down-icon.png) right/26px no-repeat #f9f8f8 !important;

}



.new-btnn {

    border: solid 2px #52a1e4;

    border-radius: 4px;

    height: 35px;

    padding: 0px 20px;

    font-size: 11px;

    text-transform: uppercase;

    font-weight: 600;

    color: #333333;

    letter-spacing: 2px;

    line-height: 33px;

}



.new-btnn:hover {

    background: #52a1e4;

    color: #000;

}



.new-btnn1 {

    border: solid 2px #52a1e4;

    border-radius: 4px;

    height: 40px;

    padding: 0px 20px;

    font-size: 11px;

    text-transform: uppercase;

    font-weight: 600;

    color: #333333;

    letter-spacing: 2px;

    line-height: 37px;

}



.new-btnn1:hover {

    background: #52a1e4;

    color: #000;

}



.color-black {

    color: #000 !important;

}



.right-scroll {

    overflow-y: scroll;

    /* overflow-x: scroll; */

    height: 100%;

    padding-bottom: 100px;

}



.right-scroll.pd-ma {

    margin-right: -15px;

    padding-right: 15px;

}



div::-webkit-scrollbar {

    width: 5px;

}



div::-webkit-scrollbar-track {

    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */

}



div::-webkit-scrollbar-thumb {

    background-color: d4d4d4;

    outline: 1px solid d4d4d4;

    border-radius: 5px;

}



.form-sep {

    background: #ebebeb;

    padding: 15px 0px;

}



.form-sep:after {

    content: "";

    display: table;

    clear: both;

}



.modal-dialog {

    margin: 0px auto;

}



.addmore-btn {

    background: #52a1e3;

    font-size: 11px;

    color: #fff;

    height: 30px;

    width: 30px;

    border-radius: 2px;

    margin: -6px 10px 0px 16px;

}



.delete-btn {

    background: #e80909;

    font-size: 11px;

    color: #fff;

    height: 30px;

    width: 30px;

    border-radius: 2px;

    position: absolute;

    right: 10px;

    top: 31px;

}



.outer {

    display: table;

    width: 100%;

    height: 100%;

}



.outer .innear {

    display: table-cell;

    height: 100%;

    width: 100%;

    vertical-align: middle;

    text-align: center;

}



.gallery {}



.gallery ul {

    text-align: right;

}



.gallery ul li {

    display: inline-block;

    position: relative;

    margin: 5px;

    overflow: hidden;

}



.gallery ul li a {

    display: block;

    border: solid 2px #d80000;

}



.gallery ul li a button {

    position: absolute;

    right: -20px;

    top: -20px;

    background: #d80000;

    color: #fff;

    width: 30px;

    height: 30px;

    font-size: 16px;

    border-radius: 30px 0px 30px 30px;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

}



.gallery ul li a:hover button {

    right: 0px;

    top: 0px;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    transition: 0.5s;

}



.gallery ul li a img {

    width: 100px;

    height: 100px;

}





/*     

.loading-bg {

    background: #fff;

} */



.loading-bg .outer {

    display: table;

    width: 100%;

    height: 100%;

    background: #fff;

    border-radius: 20px;

}



.loading-bg .outer .inner {

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}



.notification {

    float: right;

    position: relative;

    margin-right: 20px;

}



.notification .icon {

    padding: 12px 20px 12px;

}



.notification .icon button {}



.notification .icon button i {}



.notification .icon button span {

    position: absolute;

    background: #ff4081;

    color: #fff;

    width: 20px;

    height: 20px;

    border-radius: 100%;

    top: -4px;

    font-size: 13px;

    right: 8px;

    line-height: 20px;

}



.ds-notice .noti-list,

.notification .noti-list {

    position: absolute;

    z-index: 1;

    background: #fff;

    right: 0;

    width: 320px;

    box-shadow: 0px 4px 10px 0px #ccc;

    top: 55px;

    overflow: hidden;

    height: 0px;

    -moz-transition: height 0.3s ease;

    -webkit-transition: height 0.3s ease;

    -o-transition: height 0.3s ease;

    transition: height 0.3s ease;

}



.ds-notice .noti-list,

.notification:hover .noti-list {

    height: 180px;

    overflow: hidden;

    /* display: block; */

    -moz-transition: height 0.3s ease;

    -webkit-transition: height 0.3s ease;

    -o-transition: height 0.3s ease;

    transition: height 0.3s ease;

}



.notification .noti-list h2 {

    font-size: 18px;

    font-weight: 400;

    text-transform: uppercase;

    border-bottom: solid 1px #ccc;

    padding: 15px;

}



.notification .noti-list h2 span {

    position: absolute;

    background: #ff4081;

    color: #fff;

    font-size: 11px;

    height: 20px;

    line-height: 20px;

    padding: 0px 5px;

    border-radius: 2px;

    right: 15px;

}



.ds-notice .noti-list ul,

.notification .noti-list ul {

    padding: 5px 0px;

}



.ds-notice .noti-list ul li,

.notification .noti-list ul li {

    position: relative;

    padding: 20px 15px 20px 65px;

}



.ds-notice .noti-list ul li:hover,

.notification .noti-list ul li:hover {

    background: #f1f1f1;

}



.ds-notice .noti-list ul li:last-child,

.notification .noti-list ul li:last-child {

    margin-bottom: 0px;

}



.notification .noti-list ul li a {}



.notification .noti-list ul li a {}



.ds-notice .noti-list ul li .i,

.notification .noti-list ul li .i,

.notification .noti-list ul li a i {

    position: absolute;

    left: 15px;

    top: 13px;

    width: 35px;

    height: 35px;

    border-radius: 100%;

    text-align: center;

    line-height: 37px;

    font-size: 12px;

    color: #fff;

    font-weight: 600;

}



td.noti-counter.ng-binding {

    color: #fff;

    font-weight: 600;

    text-align: center;

}



.ds-notice .noti-list ul li:nth-child(1) .i,

.notification .noti-list ul li:nth-child(1) a .i,

.notification .noti-list ul li:nth-child(1) a i {

    background: #3fcfde;

}



.ds-notice .noti-list ul li:nth-child(2) .i,

.notification .noti-list ul li:nth-child(2) a .i,

.notification .noti-list ul li:nth-child(2) a i {

    background: #ff2f1b;

}



.ds-notice .noti-list ul li:nth-child(3) .i,

.notification .noti-list ul li:nth-child(3) a .i,

.notification .noti-list ul li:nth-child(3) a i {

    background: #069682;

}



.ds-notice .noti-list ul li:nth-child(4) .i,

.notification .noti-list ul li:nth-child(4) a .i,

.notification .noti-list ul li:nth-child(4) a i {

    background: #ff4702;

}



.ds-notice .noti-list ul li:nth-child(5) .i,

.notification .noti-list ul li:nth-child(5) a .i,

.notification .noti-list ul li:nth-child(5) a i {

    background: #ffbf00;

}



.ds-notice .noti-list ul li:nth-child(6) .i,

.notification .noti-list ul li:nth-child(6) a .i,

.notification .noti-list ul li:nth-child(6) a i {

    background: #3fcfde;

}



.ds-notice .noti-list ul li:nth-child(7) .i,

.notification .noti-list ul li:nth-child(7) a .i,

.notification .noti-list ul li:nth-child(7) a i {

    background: #ff2f1b;

}



.ds-notice .noti-list ul li:nth-child(8) .i,

.notification .noti-list ul li:nth-child(8) a .i,

.notification .noti-list ul li:nth-child(8) a i {

    background: #069682;

}



.ds-notice .noti-list ul li:nth-child(9) .i,

.notification .noti-list ul li:nth-child(9) a .i,

.notification .noti-list ul li:nth-child(9) a i {

    background: #ff4702;

}



.ds-notice .noti-list ul li:nth-child(10) .i,

.notification .noti-list ul li:nth-child(10) a .i,

.notification .noti-list ul li:nth-child(10) a i {

    background: #ffbf00;

}



.ds-notice .noti-list ul li:nth-child(11) .i,

.notification .noti-list ul li:nth-child(11) a .i,

.notification .noti-list ul li:nth-child(11) a i {

    background: #3fcfde;

}



.ds-notice .noti-list ul li:nth-child(12) .i,

.notification .noti-list ul li:nth-child(12) a .i,

.notification .noti-list ul li:nth-child(12) a i {

    background: #069682;

}



.ds-notice .noti-list ul li:nth-child(13) .i,

.notification .noti-list ul li:nth-child(13) a .i,

.notification .noti-list ul li:nth-child(13) a i {

    background: #ff2f1b;

}



.ds-notice .noti-list ul li p,

.notification .noti-list ul li a p {

    font-size: 12px;

    position: relative;

}



.ds-notice .noti-list ul li span,

.notification .noti-list ul li a span {

    position: absolute;

    top: 0px;

    font-weight: 600;

    font-size: 12px;

    right: 0;

    color: #FF0068;

}



.icon-table {}



.icon-table table {

    border: 0px;

}



.icon-table table tr {

    border-bottom: solid 1px #cccccc;

}



.icon-table table tr th {

    background: #fff;

    border: 0px;

}



.icon-table table tr td {

    border: 0px;

    /*border-bottom: solid 1px #ccc;*/

    /*text-transform: uppercase;*/

}



.icon-table table tr th:nth-child(1) {

    padding-left: 15px;

}



.icon-table table tr td:nth-child(1) {

    padding-left: 20px;

}



.icon-table .cs-icon {

    padding-left: 30px;

}



.icon-table .cs-icon .icon {

    height: 35px;

    width: 35px;

    position: absolute;

    background: #000;

    border-radius: 100%;

    border: solid 1px #000;

    float: left;

    top: 5px;

    left: 15px;

}



.icon-table .cs-icon .icon span {

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    color: #fff;

}



.icon-table .cs-icon .icon img {

    width: 43px;

    height: 43px;

    border-radius: 100%;

}



.icon-table .cs-icon .title {

    height: 45px;

    overflow: hidden;

    float: left;

    padding-left: 10px;

}



.icon-table .cs-icon .title .innear {

    text-align: left;

    text-transform: uppercase;

}



.icon-table .cs-icon .title a {}



.status-pending {

    background: rgb(255, 95, 3);

}



.status-approved {

    background: rgb(0, 109, 15);

}



.status-reject {

    background: rgb(219, 0, 0);

}



.status-complete {

    background: rgb(4, 142, 235);

}



.status-pending,

.status-approved,

.status-reject,

.status-complete {

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    padding: 5px;

    border-radius: 4px;

}



.cs-dropdown {

    float: right;

    position: relative;

    margin-right: 15px;

}



.cs-dropdown button {

    background: #ebebeb;

    border-radius: 4px;

    padding: 8px 20px;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 2px;

    border: solid 2px #000;

    color: #000;

    font-weight: 600;

    text-shadow: none;

    letter-spacing: 2px;

}



.cs-dropdown button:hover,

.cs-dropdown button:focus {

    background: #ebebeb !important;

    color: #000 !important;

    border: solid 2px #000 !important;

    outline: none !important;

}



.cs-dropdown .dropdown-menu li a {

    padding: 10px 20px;

}



.upload-btn {

    padding: 15px 0 8px 0;

}



.import {

    background: #f8f8f8;

    padding: 0px 15px 15px 15px;

    border: solid 1px #ebebeb;

    margin-top: 15px;

}



.import:after {

    content: "";

    display: table;

    clear: both;

}



.import label {

    font-size: 16px;

    font-weight: 400;

    line-height: 50px;

}



.import p {

    margin: 50px 0px;

    font-size: 12px;

}



.import p a {

    color: #006cff;

}



.import p a:hover {

    text-decoration: underline;

}



.no-border {

    border: 0px !important;

}



.cs-disable {

    cursor: no-drop !important;

    opacity: 0.3;

}



.cs-disable:hover {

    color: #fff;

}



.login-screen {

    position: relative;

    z-index: 1;

    height: 100%;

    background: url('../img/login-bg.jpg') no-repeat left;

    background-size: cover;

}



.login-screen .login-section {

    position: relative;

    background: #fff;

    padding: 0px 0px 15px;

    float: right;

    width: 480px;

    border-radius: 2px;

    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);

}



.login-screen .login-section .heading {

    padding: 15px;

    border-top: solid 5px #ee4d53;

    background: #fff;

}



.login-screen .login-section img {

    height: 65px;

}



.login-screen .login-section .form-ds {

    padding: 20px;

}



.login-screen .login-section .form-ds label {

    font-weight: 400;

}



.login-screen .login-section .form-ds input[type="button"] {

    background: #57aee2;

    padding: 0px 40px;

    height: 46px;

    outline: none !important;

}



input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset !important;

}



.detail-left-menus {}



.detail-left-menus ul {

    border: solid 1px #000;

}



.detail-left-menus ul li {

    position: relative;

    border-bottom: solid 1px #66abc0;

}



.detail-left-menus ul li a {

    display: flex;

    font-size: 13px;

    color: #000;

    font-weight: 500;

    padding: 5px 10px;

    align-items: center;

    justify-content: space-between;

    background: #7fd6f0;

    transition: 0.1s linear;

}



.detail-left-menus ul li a:hover {

    background: #6cc2dc;

    transition: 0.1s linear;

}



.detail-left-menus ul li a span {

    width: 25px;

    height: 25px;

    border-radius: 100%;

    text-align: center;

    line-height: 25px;

    font-weight: 600;

    color: #fff;

    margin-right: 10px;

    font-size: 13px;

    display: inline-block;

}



.detail-left-menus ul li a i {

    font-size: 18px;

    opacity: 0.5;

}



.detail-left-menus ul li:nth-child(1) a span {

    background: #00525a;

}



.detail-left-menus ul li:nth-child(2) a span {

    background: #fe622e;

}



.detail-left-menus ul li:nth-child(3) a span {

    background: #18c3a1;

}



.detail-left-menus ul li:nth-child(4) a span {

    background: #ff0068;

}



.detail-left-menus ul li:nth-child(5) a span {

    background: #2e3192;

}





/* 

===================================

===================================

=================================== DASHBOARD

===================================

===================================

*/



.table table {

    font-size: 13px !important;

}



.extra-order-data {

    background: #f1f1f1;

}



.extra-order-data .step-form .s-left-container {

    padding-top: 10px;

}



.extra-order-data .step-form .s-right-container .add-form .new-form-design {

    margin-top: 5px;

}



.extra-order-data .step-form .s-left-container .navigations {

    background: #fff;

}



.extra-order-data .step-form .s-left-container .navigations ul li a {

    font-size: 11px;

    padding-left: 15px;

    text-decoration: none;

}



.extra-order-data .step-form .s-left-container .navigations ul li.active a {

    background: #EFEFEF;

    color: #000;

}



.extra-order-data .step-form .s-left-container .navigations {

    height: 98%;

    box-shadow: 0px 5px 5px 0px #e2e2e2;

}



.extra-order-data .step-form .s-left-container .navigations ul li a i {

    position: absolute;

    right: 5px;

    top: 13px;

    left: initial;

    font-size: 18px;

}



.extra-order-data .s-right-container .add-form table .total {

    font-weight: 500;

    color: #000;

}



.extra-order-data .s-right-container .order-status {

    background: #fff;

    margin-top: 10px;

}



.extra-order-data .right-scroll {

    padding-bottom: 5px;

}



.al-table td {

    border-bottom: 0px !important;

    background: #f2f1ef;

}



.row-bg {

    /*background: #ebebeb url('../img/or-bg.svg') no-repeat center;*/

    background: #ebebeb;

    padding-bottom: 15px;

    margin: 0px 15px;

}



.row-bg2 {

    background: #ebebeb;

    padding: 15px;

    padding-bottom: 0px;

}



.row-bg2:after,

.row-bg:after {

    content: "";

    display: table;

    clear: both;

}



.link {

    color: #1b04e1;

    text-decoration: underline;

    display: inline-block;

}



.invoice-page {

    border: solid 1px #ccc;

    box-shadow: 0px 3px 6px 0px #ccc;

    padding-bottom: 15px;

}



.invoice-page .in-header {

    background: #f5f5f5;

    padding: 15px;

}



.invoice-page .in-header img {}



.invoice-page .in-header p {

    font-size: 11px;

}



.invoice-page .cn-header h2 {}



.invoice-page .cn-header h3 {

    font-size: 11px;

    font-weight: 500;

    color: #1b04e1;

}



.invoice-page .cn-header p {

    font-size: 11px;

}



.invoice-page .cn-header .right-data {

    background: #f5f5f5;

    padding: 15px;

    border: solid 1px #ccc;

}



.invoice-page .cn-header .right-data table {}



.invoice-page .cn-header .right-data table tr {}



.invoice-page .cn-header .right-data table tr td {}



.invoice-page .cn-header .right-data table tr th {

    font-size: 11px;

}



.invoice-page .cn-header .right-data table tr td {

    font-size: 11px;

}



.invoice-page .cn-header .right-data table tr td,

.invoice-page .cn-header .right-data table tr th {

    padding: 2px

}



.invoice-page .in-header:after,

.invoice-page .cn-header:after {

    clear: both;

    content: "";

    display: table;

}



.add-ds-table {}



.add-ds-table table {

    table-layout: fixed;

    width: 100%;

}



.add-ds-table table tr {}



.add-ds-table table tr th {

    font-size: 11px;

    padding-right: 100px !important;

    text-align: right;

}



.add-ds-table table tr td {

    font-size: 11px;

    width: 100px;

    font-size: 11px;

    text-align: right;

    /*background: #f8f8f8;*/

    /*border: solid 1px #ccc;*/

}



.add-ds-table table tr td input,

.add-ds-table table tr td select {

    height: 25px;

    line-height: 25px;

    text-align: right;

}



.add-ds-table table tr th,

.add-ds-table table tr td {

    padding: 5px;

}



.leadnotice:hover .noti-list {

    height: 200px !important

}



.segment-check {

    border: solid 1px #ccc;

    padding: 15px;

}



.segment-check:after {

    content: "";

    display: table;

    clear: both;

}



.segment-check li {

    position: relative;

    vertical-align: middle;

    margin-bottom: 5px;

    width: 100% !important;

}



.segment-check li:after {

    display: table;

    clear: both;

    content: "";

}



.segment-check li label {

    font-weight: 400 !important;

    padding-top: 2px;

}



.segment-check li input[type="text"] {

    float: right;

    width: 70px;

    height: 25px;

}



.segment-check li input[type="checkbox"] {

    margin-right: 10px;

}



.sg-2 {

    border: 0px;

    padding: 0px;

}



.sg-2 li {

    margin-bottom: -10px;

}



.smhidepage {

    margin-top: 15px;

}



.smhidepage .summarypopgift {

    border: solid 1px #f8f8f8;

    padding: 15px;

    box-shadow: 0px 3px 6px 0px #00000029;

}



.smhidepage .summarypopgift h2 {

    font-size: 12px;

    padding-bottom: 15px;

    text-transform: uppercase;

    font-weight: 500;

}



.smhidepage .summarypopgift .table {margin-bottom: 0px;}

.smhidepage .summarypopgift .table table {min-width: 100%;}

.smhidepage .col-sm-6:nth-child(1) {padding-right: 7.5px;}

.smhidepage .col-sm-6:nth-child(2) {padding-left: 7.5px;}

.md-dialog-container {

    z-index: 9999;

}



.hl-tabs-data {

    border: solid 1px #ccc;

    border-top: 0px;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.212);

    padding: 15px;

}



.h1-head {}



.h1-head h2 {

    font-size: 18px;

    font-weight: 500;

    display: inline-block;

    margin-top: 10px;

}



.h1-head a {

    float: right;

}



.h1-head:after {

    content: "";

    display: table;

    clear: both;

}



.tech-tabs {}

.tech-tabs .nav-tabs {

    border: 0px;

}



.tech-tabs .nav-tabs li {

    margin-right: 5px;

}



.tech-tabs .nav-tabs li a {

    color: #363B4D;

    font-size: 12px;

    font-weight: 400;

    background: #fff;

    border: solid 1px #d1d1d1;

}



.tech-tabs .nav-tabs li a span {

    background: #787878;

    color: rgb(255, 255, 255);

    font-size: 10px;

    font-weight: 600;

    padding: 5px 10px;

    margin-left: 10px;

    border-radius: 10px;

}



.tech-tabs .nav-tabs li a:hover,

.tech-tabs .nav-tabs li.active a {

    background: #d1d1d1;

    color: #000;

}



.tech-tabs .nav-tabs li.active a {

    cursor: no-drop;

}



.tech-tabs .nav-tabs li a:hover span,

.tech-tabs .nav-tabs li.active a span {

    background: #06752F;

    color: #fff;

}



.tech-tabs .tab-content {

    padding: 15px;

    border: solid 1px #EBEBEB;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.226);

    clear: both;

}



.payments-tabs {}

.payments-tabs li {}

.payments-tabs li a {

    font-size: 11px !important;

    padding: 10px !important;

    padding-left: 15px !important;

    text-transform: capitalize !important;

    color: #000 !important;

}



.payments-tabs li a p {

    position: absolute;

    right: 10px;

    top: 11px;

    background: #CCC;

    font-size: 10px;

    padding: 2px;

    border-radius: 4px;

}



.payments-tabs li a p .inrr-icon {

    width: 15px;

    height: 15px;

    background-size: 6px;

}



.payments-tabs li a p span {

    color: #000;

}



.payments-tabs li.active {

    background: #ccc;

}



.dash-data-not-found {

    height: 300px;

    width: 100%;

    position: relative;

}



.dash-data-not-found:after {

    content: "Data Not Found !";

    font-size: 11px;

    height: 100%;

    text-align: center;

    width: 100%;

    position: absolute;

    top: 40%;

}



.odrtblttl td {border: 0px !important;}

.odrtblttl td strong {font-weight: 600 !important;}

.cs-multiselect multiple-autocomplete {}

.cs-multiselect multiple-autocomplete .form-item-container {}

.cs-multiselect multiple-autocomplete .form-item-container .list-inline {}

.cs-multiselect multiple-autocomplete .form-item-container ul li {width: 100% !important;}

.cs-multiselect multiple-autocomplete .form-item-container .list-inline li {width: auto !important;float: none;}



.order-form {

    padding: 5px 10px 0px 10px;

}



.order-form .add-new-form-d label {

    line-height: 30px;

}



.order-form .add-new-form-d select,

.order-form .add-new-form-d input {

    height: 30px;

}



.order-form .add-new-form-d .add-more-c,

.order-form .add-new-form-d .delete-more-c {

    height: 30px;

}



.input-height .add-more-c,

.input-height .delete-more-c,

.input-height input {

    height: 30px;

}



.top-dist-search {}



.top-dist-search li {

    display: table-cell;

    padding: 0px 5px;

    vertical-align: middle;

}



.top-dist-search li:nth-child(1) {

    padding-left: 0px;

}



.top-dist-search li input[type="date"] {

    height: 35px;

}



.top-dist-search li input[type="submit"] {}



.text-cap {

    text-transform: capitalize !important;

}



.top-tbse {

    position: absolute;

    z-index: 1;

    right: 10px;

    top: 10px;

}



.sm-add {

    position: absolute;

    top: -6px;

    right: 15px;

    font-size: 12px;

    font-weight: 600;

}



.sm-add input {

    margin-right: 5px;

}



.full-label ul li {

    width: 100% !important;

}



.full-label ul li label {

    line-height: 20px;

    /*margin-top: 20px;*/

}



.cs-multiselect multiple-autocomplete .form-item-container .list-inline li:last-child input,

.cs-multiselect multiple-autocomplete .form-item-container .list-inline li:last-child {

    width: 100% !important;

}



.cs-multiselect multiple-autocomplete .form-item-container {

    padding: 0px;

}



.cs-multiselect multiple-autocomplete .form-item-container .list-inline li:last-child input {

    height: 40px;

    border-radius: 0px;

}



.cs-multiselect multiple-autocomplete .form-item-container ul li {

    width: 100% !important;

    font-size: 11px;

}



.cs-multiselect multiple-autocomplete .form-item-container .list-inline li {

    padding-right: 0px;

}



.form-item-container .list-inline li span {

    font-size: 11px;

}



.form-item-container .list-inline li span.remove {

    position: absolute;

    top: -10px;

    right: -4px;

}



.form-item-container .list-inline li span.remove i {

    font-size: 10px;

    color: #f00;

}



.add-form.add-form-full ul li:nth-child(1) {

    width: 30%;

}



.add-form.add-form-full ul li:nth-child(2) {

    width: 70%;

}



.add-form.add-form-full ul li label {

    font-weight: 600;

}



.mobile-show {

    display: none !important;

}



.desktop-show {

    display: inherit !important;

}



.click-heare {

    border: solid 1px #ccc;

    margin-top: 15px;

    text-align: center;

    margin-bottom: 10px;

    border-bottom: solid 2px #ccc;

}



.click-heare img {

    max-width: 100%;

}



.table-scroll {

    overflow-x: auto !important;

}



.table-scroll table {

    min-width: 1024px !important;

}



.selectdemoSelectHeader .demo-header-searchbox {

    border: none;

    outline: none;

    height: 100%;

    width: 100%;

    padding: 0;

}



.selectdemoSelectHeader .demo-select-header {

    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);

    height: 48px;

    cursor: pointer;

    position: relative;

    display: flex;

    align-items: center;

    width: auto;

}



.selectdemoSelectHeader md-content._md {

    max-height: 240px;

}



table .table1 {

    min-width: 250px;

}



.excel-btn {

    padding: 5px 15px;

    background: #d96516;

    box-shadow: 0px 3px 6px 0px #ccc;

    color: #fff;

}



.area-border {

    border: 1px #cccccc solid;

    height: 30px !important;

    width: 100% !important;

    margin: 0px;

}



.md-select-value {

    margin-top: -3px;

    padding: 0px 10px;

    font-weight: 400;

    border: 0px;

}



.wt-hg {

    width: 40px;

    height: 40px;

    line-height: 40px;

    background: #cccccc;

    color: #ffff;

    border: 1px #cccccc solid;

    /*margin-left: 10px;*/

}



.form-item-container {

    border: none !important;

}



.form-item-container .list-inline input {

    /* border: 1px solid #fdb888 !important; */

    margin-bottom: 10px;

}



.autocomplete-list {

    margin-top: -30px;

}



.autocomplete-list,

.form-item-container,

.form-item-container .list-inline input {

    box-shadow: none !important;

}



label.input-size {

    font-size: 12px !important;

    font-weight: 400 !important;

}



input.margin-right {

    margin-right: 5px;

}



trix-toolbar .button_group button {

    width: 38px !important;

    height: 25px !important;

}



.border-none {

    border: 0px !important;

}



.first-page table td span {

    color: #FF0068;

    margin-left: 25px;

}



select,

textarea {

    font-size: 11px !important;

}



textarea {

    padding: 10px !important;

}



.table th,

.table td {

    border: 1px solid #fdb888;

}



md-select:not([disabled]):focus .md-select-value {

    border-bottom: rgb(217, 100, 22) !important;

}



md-select-menu:not(.md-overflow) md-content {

    padding-top: 0px !important;

}



.selectdemoSelectHeader .demo-select-header {

    height: 38px !important;

}



.selectdemoSelectHeader .demo-select-header input {

    padding: 10px;

    box-sizing: border-box;

    position: relative;

    background: #f9f9f9;

    border-radius: 0;

    border: 1px solid #ccc;

    border-bottom: 0px;

}



.border {

    border: solid 1px #cccccc;

}



.cs-accordion {

    width: 100%;

    /* margin: auto; */

    margin-top: 15px;

}



.cs-accordion .panel-group {

    margin-bottom: 0px;

}



.cs-accordion .cm-header h1 {

    font-size: 16px;

}



.cs-accordion .cr-header h1 {

    font-size: 12px;

    margin-bottom: 10px;

}



.cs-accordion .cm-header h1,

.cs-accordion .cr-header h1 {

    text-decoration: underline;

    font-weight: 500;

}



.cs-accordion .panel {

    border: solid 1px #DBDBDB;

    position: relative;

}



.cs-accordion .panel .panel-heading {

    padding: 0;

    background: #fff;

    background-color: #fff !important;

    background-image: none !important;

}



.cs-accordion .panel .panel-heading h4 {

    padding: 5px 15px;

}



.cs-accordion .panel .panel-heading .icon {

    display: inline-block;

    margin-right: 15px;

    background: #222;

    color: #fff;

    padding: 10px 15px;

    border-radius: 50%;

}



.cs-accordion .panel .panel-heading .right-arrow {

    font-size: 24px;

    margin-top: 4px;

    color: #ef3a2d;

    cursor: pointer;

}



.cs-accordion .panel .panel-heading .icon img {

    border-radius: 100%;

    height: 35px;

    width: 35px;

    border: solid 1px #f8f8f8;

    box-shadow: 0px 3px 6px 0px #ccc;

}



.cs-accordion .panel .panel-heading .counter {

    position: absolute;

    right: 50px;

    top: 15px;

    font-size: 12px;

    font-weight: 600;

}



.cs-accordion .panel .panel-heading a {

    font-size: 12px;

}



.cs-accordion .panel .panel-heading.car-panel h4 {

    padding: 10px 15px;

}



.cs-accordion .panel .panel-heading.car-panel .right-arrow {

    margin-top: -6px;

}



.pr-search md-input-container {

    margin: 0px;

    width: 100%;

}



.pr-search md-input-container md-select {

    border: solid 1px #ccc;

    height: 30px;

}



.pr-search md-input-container md-select md-select-value {

    border: 0px;

}



.pr-search md-input-container md-select md-select-value span {

    font-size: 10pt;

    font-weight: normal;

    text-transform: capitalize;

    color: #757579;

    margin-top: -7px;

    margin-left: 5px;

}



md-select-menu md-content md-option {

    padding: 0 10px 0 10px;

    height: 30px;

    font-size: 11px;

}



md-select-menu md-content md-option .md-text {

    font-size: 11px;

}



.pr-search md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {

    -webkit-transform: translateY(0px) translateX(0px) scale(1);

    transform: translateY(0px) translateX(0px) scale(1);

}



.dropdown.dropdown-scroll .dropdown-menu {

    overflow: auto;

    max-height: 250px;

}



.dropdown-menu li::-webkit-scrollbar {

    width: 2px;

}



.dropdown-scroll .dropdown-menu li::-webkit-scrollbar-track {

    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */

}



.dropdown-menu li::-webkit-scrollbar-thumb {

    background-color: #d4d4d4;

    outline: 1px solid #d4d4d4;

    border-radius: 5px;

}



ul.dropdown-menu li {

    width: 100% !important;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}



ul.dropdown-menu li:last-child {

    border-bottom: 0px;

}



.dropdown-menu>li>a {

    font-size: 11px;

    line-height: 24px;

}



.searchandselect {

    height: 40px;

    border: solid 1px #ccc;

    background: #fff;

    padding-left: 10px;

    padding-right: 10px;

    width: 100%;

    display: inline-block;

    font-size: 10pt;

    font-family: "Roboto", sans-serif;

    color: #000;

    position: relative;

    text-align: left;

    z-index: 1;

    background: url(../img/down-icon.png) right/26px no-repeat #fff !important;

}



.searchandselect .header {

    height: 40px;

    padding: 10px 15px;

    z-index: 9999;

    background: #efefef;

}



.searchandselect .search {

    padding: 5px;

    display: none;

    z-index: 9999;

}



.searchandselect .dropdown {

    border: 1px solid #e6e8ea;

    left: 0;

    list-style: outside none none;

    overflow: auto;

    position: absolute;

    right: 0;

    top: 100%;

    margin: 0;

    padding: 0;

    display: none;

    z-index: 9999;

}



.searchandselect.active .search {

    display: inherit;

}



.searchandselect.active .dropdown {

    display: inherit;

    max-height: 290px;

    background: #fff;

    box-shadow: 0px 3px 6px 0px #ccc;

}



.searchandselect .dropdown li:nth-child(1) {

    margin-top: 10px;

}



.searchandselect .dropdown li {

    margin: 5px 0 0;

    padding: 0 10px;

    width: 100% !important;

}



.searchandselect .dropdown li i {

    color: inherit;

    margin-right: 5px;

    vertical-align: middle;

    float: right;

}



.searchandselect .dropdown li small {

    margin-right: 10px;

}



.searchandselect .header {

    height: 40px;

    padding: 10px 15px;

    z-index: 9999;

    font-size: 11px;

}



.searchandselect .header b {

    font-weight: normal;

}



.searchandselect .search {

    padding: 5px;

    display: none;

    z-index: 9999;

    position: absolute;

    background: #fff;

}



.searchandselect .dropdown {

    border: 1px solid #e6e8ea;

    left: 0;

    list-style: outside none none;

    overflow: auto;

    position: absolute;

    right: 0;

    top: 100px;

    margin: 0;

    padding: 0;

    display: none;

    z-index: 99;

    background: #fff;

}



.searchandselect .search {

    padding: 5px;

    display: none;

    z-index: 9999;

    position: absolute;

    background: #fff;

}



.searchandselect .dropdown {

    border: 1px solid #e6e8ea;

    left: 0;

    list-style: outside none none;

    overflow: auto;

    position: absolute;

    right: 0;

    top: 100px;

    margin: 0;

    padding: 0;

    display: none;

    z-index: 99;

    background: #fff;

}



.searchandselect .search,

.searchandselect .dropdown {

    width: 100%;

    min-width: 333.33px;

}



.searchandselect.active .search {

    display: inherit;

    width: 100%;

    min-width: 333.33px;

}



.searchandselect.active {

    width: 100%;

    min-width: 333.33px;

}



.searchandselect.active .search .input-group {

    width: 100%;

}



.searchandselect.active .search .input-group input {

    border-radius: 0px;

}



.searchandselect.active .search .input-group-btn {

    position: absolute;

    /* font-size: 0; */

    white-space: nowrap;

    right: 36px;

    top: 5px;

}



.searchandselect.active .search .input-group-btn button {

    border: 0;

    box-shadow: none;

}



.searchandselect.active .search small {

    font-size: 10px;

}



.searchandselect.active .dropdown {

    display: inherit;

    max-height: 290px;

}



.searchandselect .dropdown li {

    margin: 8px 0 0;

    width: 100% !important;

    font-size: 11px;

    padding: 0px 10px 0px 10px;

}



.searchandselect .dropdown li:hover {

    background: #f8f8f8;

}



.searchandselect .dropdown li i {

    color: inherit;

    margin-right: 5px;

    vertical-align: middle;

    float: right;

}



.searchandselect .dropdown li small {

    margin-right: 10px;

}



.select-bg {

    background: #fff;

    font-size: 11px;

    padding-left: 5px;

}



.md-checkbox-enabled.md-default-theme[selected] .md-icon,

.md-checkbox-enabled[selected] .md-icon {

    background: rgba(108, 181, 63, 0.87);

}



md-select-menu md-content md-option .md-text {

    color: #000;

}



.pagination {

    display: flex !important;

    align-items: flex-start;

    justify-content: flex-end;

    margin: 10px 0px !important;

    position: fixed;

    bottom: 15px;

    left: 210px;

    z-index: 9;

}



.pagination.top-right

{

    position: absolute;

    top: 50%;

    right: 10px;

    border: 0px;

    margin: 0px !important;

    transform: translateY(-50%);

    bottom: inherit;

}



ul.pagination li {

    display: flex !important;

    align-items: center;

    justify-content: center;

}



ul.pagination li i {

    font-size: 25px !important;

    padding-right: 4px !important;

}



ul.pagination li a {

    margin: 0px !important;

}



.pagination>li>a {

    padding: 7px 12px !important;

    color: #000000 !important;

}



.icon-box {

    width: 32px !important;

    height: 30px !important;

    font-size: 32px !important;

    background: #008626 !important;

    display: block !important;

    line-height: 23px !important;

    padding: 4px 0px !important;

    color: #fff;

    text-align: center;

}



ul.search-page {

    display: flex;

    margin: 10px 0px;

    align-items: center;

}



ul.search-page li {

    display: inline-block;

    margin-right: 15px;

    line-height: 28px;

}



ul.search-page li label {

    font-size: 13px !important;

}



.next-btn {

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    background: #24a95a;

    color: #fff;

    display: block;

    font-size: 11px;

    border-radius: 4px;

}



.next-btn:hover {

    color: #fff;

}



.coupon-table table tr td {

    border: 1px#ff8b3a solid;

    padding: 10px;

    font-size: 11px;

    color: #333;

    position: relative;

}



.coupon-table tr th {

    font-weight: 500;

    border: 1px#ff8b3a solid;

    font-size: 11px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    padding: 10px;

    color: #000;

}



.coupon-table table tr td:hover {

    background: #ffe8d9;

}



.coupon-table .action-hover {

    position: absolute;

    top: 18px;

    right: 15px;

    opacity: 1;

    visibility: visible;

}



.cs-home-table tr th {

    background: #dcdcdc !important;

}



.cs-home-table tr th,

.cs-home-table tr td {

    border: solid 1px #ccc !important;

}



.cs-home-table tr td a {

    text-decoration: none !important;

    display: block !important;

}



.cs-home-table tr:hover:nth-child(odd) td {

    background: #fff !important;

}



.cs-home-table tr:nth-child(odd) td:hover {

    background: #dcdcdc !important;

}



.cs-home-table tr:nth-child(odd) td:nth-child(1),

.cs-home-table tr:nth-child(odd) td:nth-child(3) {

    background: #dcdcdc !important;

    color: #000 !important;

}



.cs-home-table tr:hover:nth-child(even) td {

    background: #fff !important;

}



.cs-home-table tr:nth-child(even) td:hover {

    background: #e9e9e9 !important;

}



.cs-home-table tr:nth-child(even) td:nth-child(1),

.cs-home-table tr:nth-child(even) td:nth-child(3) {

    background: #e9e9e9 !important;

    color: #000 !important;

}



th.pr-search input,

th.pr-search md-select {

    height: 26px;

    font-weight: 400;

    font-size: 12px;

    border: 1px solid #a2a2a2 !important;

}



th.pr-search select,

.md-select {

    height: 26px;

    font-weight: 400;

    font-size: 12px !important;

    border: 1px solid #a2a2a2 !important;

}



th.pr-search input::placeholder {

    font-weight: 400;

    font-size: 12px;

}



.font-upper {

    text-transform: uppercase !important;

}



th.pr-search input[type="date"] {

    padding: 0px 0px 0px 2px !important;

}



md-select .md-select-value {

    border-bottom: transparent !important;

}



md-select .md-select-value.md-select-placeholder {

    color: inherit !important;

}



.cs-ntable table tr td {

    border: solid 1px #fdb887;

}



.cs-ntable table tr td:first-child {

    border-left: 0px

}



.cs-ntable table tr td:last-child {

    border-right: 0px

}



.in-table table {

    min-width: auto;

}



.in-table table tr {

    border-bottom: 0px;

}



.in-table .acrolls {

    overflow: hidden;

    overflow-y: scroll;

    max-height: 91px;

}



.in-table table tr td {

    border: solid 1px #ccc !important;

}



.csmicon {

    padding-left: 0px !important;

    display: inline-block;

}



.csmicon .icon {

    float: none !important;

    top: inherit !important;

    left: inherit !important;

    position: relative !important;

}



.new-step-form {

    padding: 10px 0px;

}



.csm-form .inspace {

    background: #fff;

    border: 1px solid #cccccc;

}



.csm-form ul li label {

    line-height: 20px;

    margin-top: 10px;

}



.row.col-padding .col-sm-1,

.row.col-padding .col-sm-2,

.row.col-padding .col-sm-3,

.row.col-padding .col-sm-4,

.row.col-padding .col-sm-5,

.row.col-padding .col-sm-6,

.row.col-padding .col-sm-8,

.row.col-padding .col-sm-9,

.row.col-padding .col-sm-10,

.row.col-padding .col-sm-11,

.row.col-padding .col-sm-12 {

    padding-left: 7.5px;

    padding-right: 7.5px;

}



.more {

    padding-left: 8px;

    padding-right: 8px;

}



.pl15 {padding-left: 15px !important;}

.pr15 {padding-right: 15px !important;}

.pl10 {padding-left: 8px !important;}

.pr10 {padding-right: 8px !important;}

.pl0 {padding-left: 0px !important;}

.pr0 {padding-right: 0px !important;}

.csm-heading {

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #f3f3f3;

    padding: 10px;

    border-bottom: solid 1px #ccc;

    padding-left: 10px;

    color: #fff;

    font-size: 12px;

    position: relative;

}



.csm-heading a.add-new,

.csm-heading button.add-new {

    position: absolute;

    top: 0;

    right: 0;

    width: 36px;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: 30px;

    background: #51aa5b;

}



.csm-heading a.add-new i,

.csm-heading button.add-new i {

    font-size: 18px;

    line-height: 35px;

    color: #ffffff;

}



.csm-heading h2 {

    text-transform: capitalize;

    /* letter-spacing: 1px; */

    font-size: 12px;

    font-weight: 500;

}



.csm-heading p {

    font-size: 11px;

}



.csm-heading p span {

    font-size: 12px;

    color: #ff0000;

}



.csm-heading .time {

    font-size: 11px;

    font-weight: 600;

    color: #000;

}



.csm-heading .time span {

    color: #09139b;

}



.csm-heading h2,

.csm-heading p {

    color: #00244d;

}



.csm-heading.csm2 {

    background: #ebebeb !important;

    margin-left: 0px;

    margin-right: 0px;

    margin-top: 25px;

    padding: 10px;

    border: 0px !important;

}



.csm-heading.csm2 p.date-time {

    font-size: 11px;

    color: #000000;

}



.csm-form ul li md-select {

    font-size: 10pt;

    padding-left: 10px;

}



.csm-form ul li md-select md-select-value {

    border-bottom-color: transparent;

}



.help-block.error {

    font-size: 11px;

    margin: 0px;

}



.help-block {

    display: block;

    margin-top: 2px;

    margin-bottom: -10px;

    font-size: 11px;

    color: #ff0000;

    margin-left: 5px;

}



.error-field input,

.error-field select,

.error-field textarea,

.error-field .area-border {

    border: 1px solid #e90a0a !important;

    box-shadow: 0px 4px 6px 0px rgba(233, 10, 10, 0.2);

}



.loading-field {

    position: relative;

}



p.loading-content {

    display: none;

}



.loading-field p.loading-content {

    position: absolute;

    top: 1px;

    left: 30px;

    z-index: 2;

    width: calc(100% - 33px);

    height: 27px;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 1px;

    display: block;

    padding-left: 10px;

    background: #ffffff;

    line-height: 27px;

}



.loading-field:before {

    content: "";

    position: absolute;

    top: 2px;

    left: 3px;

    background: #ffffff url(../../assets/img/sm-loading.svg) no-repeat;

    background-size: 100%;

    width: 27px;

    height: 25px;

    z-index: 2;

}



.error-field span {

    font-size: 12px !important;

    color: #ff0000;

    margin-top: 5px;

    display: block;

}



.md-select-menu-container {

    z-index: 9999 !important;

}



.cs-calender {

    background: #fff;

    /*padding: 16px;*/

    padding-top: 0;

    /*  margin-top: 16px;*/

}



.in-clnd {

    background: #fff;

    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.4);

}



.cs-calender .calendar-header {

    display: flex;

    align-items: center;

    height: 45px;

    justify-content: space-between;

}



.cs-calender .calendar-header button {

    width: 45px;

    height: 45px;

    background: #fff;

    border: 0px;

}



.cs-calender .calendar-header button img {

    height: 13px;

}



.cs-calender .calendar-body .grid {

    padding: 0px;

}



.cs-calender .calendar-body .col:last-child {

    border-right: none;

}



.cs-calender .calendar-body .calendar-weekday,

.cs-calender .calendar-body .calendar-date {

    text-align: center;

    margin: 0;

}



.cs-calender .calendar-body .calendar-weekday {

    font-weight: 600;

    /* border-bottom: solid 1px #000; */

    /* background-color: #333 */

}



.cs-calender .calendar-body .calendar-weekday .col {

    padding: 8px !important;

    font-weight: 600;

}



.cs-calender .calendar-body .calendar-date {

    /* border-bottom: solid 1px #000; */

}



.cs-calender .calendar-body ion-grid ion-row {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.cs-calender [col-1] {

    webkit-box-flex: 0;

    -webkit-flex: 0 0 8.33333%;

    -ms-flex: 0 0 8.33333%;

    flex: 0 0 14.285714285714286%;

    width: 14.285714285714286%;

    max-width: 14.285714285714286%;

    height: 35px;

    align-items: center;

    display: flex;

    justify-content: center;

}



.cs-calender .col {

    text-align: center;

    color: #fff;

    font-size: 11px;

    font-weight: 300;

    padding: 2px;

}



.cs-calender .col span {

    display: block;

    padding: 8px;

    /* border: solid 2px #333; */

}



.cs-calender .col span.notactive {

    border-radius: 0px;

}



.cs-calender .col span.active {

    background: #000;

    border-radius: 0px;

}



span.csred {

    /*border: solid 2px #ff0000;*/

    border-radius: 100%;

    display: block;

    height: 35px;

    width: 35px;

    color: #ff0000;

}



span.csred.activated {

    background: #ff0000;

    color: #fff;

}



span.csgreen {

    /*border: solid 2px #008626;*/

    border-radius: 100%;

    display: block;

    height: 35px;

    width: 35px;

    color: #429428

}



span.csgreen.activated {

    background: #008626;

    color: #429428

}



span.csblue {

    border: solid 2px #01a8e7;

    border-radius: 100%;

    display: block;

    height: 35px;

    width: 35px;

}



span.csblue.activated {

    background: #01a8e7;

    color: #fff;

}



span.csyellow {

    /*border: solid 2px #008626;*/

    border-radius: 100%;

    display: block;

    height: 35px;

    width: 35px;

    color: #ffbc00;

}



.cs-calender .col span.currentDate,

.cs-calender .col span.dotclick {

    font-weight: 600;

    color: white;

    border-radius: 0px;

}



.cs-calender .col span.currentDate {

    background-color: #ff0000;

}



.cs-calender .col span.dotclick {

    border: solid 2px #000 !important;

}



.cs-calender .last-month,

.cs-calender .next-month {

    color: #999999;

    font-size: 90%;

}



.cs-calender .currentDate,

.cs-calender .otherDate {

    padding: 5px;

}



.cs-calender .event-bullet {

    margin: 2px auto;

    height: 5px;

    width: 5px;

    background-color: green;

    border-radius: 30px;

}



.cs-calender .selected-date {

    width: 20px;

    height: 2px;

    background-color: blue;

}



.cs-calender .unselected-date {

    border: none;

}



.cs-calender .csm-header {

    background: #00a8e7;

    padding: 15px;

}



.cs-calender .csm-header p {

    color: #fff;

    font-size: 11px;

    opacity: 0.7;

    font-weight: 600;

}



.cs-calender .csm-header h1 {

    font-size: 24px;

    font-weight: 600;

    color: #fff;

}



.indicator ul li {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-bottom: 10px;

    font-size: 12px;

}



.indicator ul li span {

    width: 16px;

    height: 16px;

    border-radius: 100%;

    margin-right: 15px;

}



.indicator ul li span.yellow-bg {

    background: #ffbc00;

}



.indicator ul li span.green-bg {

    background: #429428;

}



.indicator ul li span.red-bg {

    background: #ff0000;

}



.radio-input {

    display: flex;

    align-items: center;

}



.radio-input .radio-inner {

    width: 100%;

    margin-right: 10px;

    font-size: 13px;

}



.cs-chips ul li {

    display: inline-flex;

    width: inherit !important;

    padding: 5px 8px;

    background: #ccc;

    font-size: 11px;

    align-items: center;

    border-radius: 16px;

    color: #000;

    margin: 0px 10px 10px 0px;

}



.cs-chips ul li:last-child {

    margin-bottom: 0px;

}



.cs-chips ul li span {

    margin-left: 5px;

    color: #5f5f5f;

}

.cs-chips.chips-chng
{
}

.cs-chips.chips-chng ul li
{
    background: #03a9f4;
    font-size: 12px !important;
    letter-spacing: 0.2px;
    color: #ffffff;
}



.referral,

.marketing,

.telemarketing,

.social,

.offline,

.online,

.inquiry,

.website,

.campaign,

.india.mart,

.google.ads,

.sales.team,

.laminates.team,

.reference,

.other {

    color: #fff !important;

    font-size: 12px;

    white-space: nowrap;

    letter-spacing: 1px;

    padding-left: 10px !important;

}



.referral {

    background: #1f487c !important;

}



.marketing {

    background: #bf5754 !important;

}



.telemarketing {

    background: #f79647 !important;

}



.social {

    background: #49acc6 !important;

}



.offline {

    background: #dc3429 !important;

}



.online {

    background: #ffab29 !important;

}



.inquiry {

    background: #2d8400 !important;

}



.website {

    background: #8e24aa !important;

}



.campaign {

    background: #00796b !important;

}



.india.mart {

    background: #000000 !important;

}



.other {

    background: #e91e63 !important;

}



.google.ads {

    background: #6d3737 !important;

}



.sales.team {

    background: #447d20 !important;

}



.laminates.team {

    background: #bd0250 !important;

}



.reference {

    background: #4d219c !important;

}



.suspect {

    background: #00bddf !important;

    color: #ffffff !important;

    padding: 5px;

}



.open-status,

.reject,

.return {

    background: #ff0000 !important;

    color: #ffffff !important;

    padding: 5px;

}



.close-status,

.paid,

.approved,

.incoming {

    background: #008626 !important;

    color: #ffffff !important;

    padding: 5px;

}



.pending {

    background: #ffa200 !important;

    color: #ffffff !important;

    padding: 5px;

}



.minor {

    background: #3f48cc !important;

    color: #ffffff !important;

}



.critical {

    background: #ed1c24 !important;

    color: #ffffff !important;

    text-align: center;

    padding: 5px;

}



.major {

    background: #ff7f27 !important;

    color: #ffffff !important;

    text-align: center;

    padding: 5px;

}



.minor {

    background: #3f48cc !important;

    color: #ffffff !important;

    text-align: center;

    padding: 5px;

}



.threshold {

    background: #ff00ff !important;

    color: #ffffff !important;

    text-align: center;

    padding: 5px;

}



.informative 

{ 

    background: #000000 !important;

    color: #ffffff !important;

    text-align: center;

    padding: 5px

}



.sales-team {background: #ca0038 !important; color: #ffffff !important;}

.google-ads {background: #00796b !important; color: #ffffff !important;}

.india-mart {background: #000000 !important; color: #ffffff !important;}

.referral {background: #49acc6 !important; color: #ffffff !important;}

.total {background: #23aae1 !important; color: #ffffff !important;}

.cold {background: #9e9e9e !important; color: #ffffff !important;}

.hot {background: #000000 !important; color: #ffffff !important;}

.technician-support {color: #ffa707 !important;}

.technician {color: #0044ff !important;}

.pending-clr {color: #ffa400 !important; font-weight: 600;}

.hold-clr {color: #4f49ff !important; font-weight: 600;}

.cancel-clr {color: #ed1c24 !important; font-weight: 600;}

.close-clr {color: #05b914 !important; font-weight: 600;}

.alert-clr {color: #ff0000 !important;}



.project-stages {

    display: flex;

    align-items: start;

    justify-content: center;

    background: #fff;

    position: relative;

}



.project-stages .st-tooltip {

    position: absolute;

    right: 15px;

    top: 15px;

    color: #ff8f8d;

}



.project-stages .csml {

    display: flex;

    align-items: center;

    /*height: 98px;*/

    justify-content: center;

    margin: 0px -7px;

}



.project-stages .csfigure {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    width: calc(33.33% - 14px);

    height: 100px;

    padding: 10px;

    margin: 7px;

    background: #fff;

    justify-content: center;

    cursor: pointer;

    transition: 0.1s linear;

    border: solid 1px #f8f8f8;

}



.project-stages .csfigure:hover {

    box-shadow: 0px 3px 6px 0px #ccc;

    transition: 0.1s linear;

}



.project-stages .csfigure .stage-name {

    width: 30px;

    height: 30px;

    background: rgba(0, 0, 0, 0.1);

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    border: solid 1px #fff;

    box-shadow: 0px 3px 6px 0px #ccc;

    color: #9f9f9f;

}



.project-stages .csfigure.done .stage-name {

    font-size: 0px;

    background: #24a95a url('../img/baseline-done-24px.svg') center no-repeat;

}



.project-stages .csfigure.complete .stage-name {

    background: #00a8da;

    color: #fff;

}



.project-stages .csfigure.done p,

.project-stages .csfigure.complete p {

    opacity: 1;

}



.project-stages .csfigure p {

    width: 100%;

    text-align: center;

    font-size: 13px;

    font-weight: 500;

    /*margin-top: 5px;*/

    opacity: 0.3;

}



.csm-new-table {

    padding: 15px;

}



.csm-new-table table {

    border: solid 1px #ccc

}



.csm-new-table table tr {

    border: solid 1px #ccc

}



.icon-table.csm-new-table table tr td:nth-child(1) {

    padding-left: 10px;

}



.table-header {

    padding-left: 15px;

    padding-right: 15px;

}



table.in-table tr th,

table.in-table tr td {

    border-left: 0px !important;

}



table.in-table tr th:last-child,

table.in-table tr td:last-child {

    border-right: 0px !important;

}



table.in-table tr:last-child th,

table.in-table tr:last-child td {

    border-bottom: 0px !important;

}



table.in-table tr td {

    border-top: 0px !important;

}



table.in-table tr th:last-child,

table.in-table tr td:last-child {

    border-left: 1px solid #000 !important;

}



.table-header table {

    table-layout: fixed;

    width: 100%;

    background: #d1d1d1;

}



.table-header table tr {}



.table-header table tr th {

    font-size: 11px;

    padding: 10px 10px;

    text-transform: uppercase;

    letter-spacing: 1px;

    border: solid 1px rgba(0, 0, 0, 0.2);

}





/* .table-header table tr th:last-child{border-right: 0px;} */



.csm-footer {

    position: fixed;

    bottom: 0px;

    display: flex;

    align-items: center;

    /*width: 100%;*/

    right: 20px;

    bottom: 20px;

    justify-content: flex-end;

    z-index: 99;

}



.csm-footer.bottom-right

{

    position: absolute;

    bottom: 15px;

    right: 15px;

}



.csm-footer .imex {

    margin-right: 15px;

    width: 55px;

    height: 55px;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0px 3px 6px 0px #ccc;

    overflow: hidden;

    padding: 11px;

}



.csm-footer .imex .counter {

    position: absolute;

    top: 23px;

    right: 21px;

    width: 20px;

    height: 20px;

    background: #47367f;

    border-radius: 100%;

    font-weight: 600;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

}



.csm-footer .cs-add {

    width: 40px;

    height: 40px;

    background: #47367f;

    border-radius: 100%;

    font-weight: 600;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    padding: 10px;

    margin-right: 10px;

    border: 2px solid #ffffff;

    animation: shadow-pulse 1s infinite;

    -webkit-animation: shadow-pulse 1s infinite;

    -moz-animation: shadow-pulse 1s infinite;

    -ms-animation: shadow-pulse 1s infinite;

}



.csm-footer .cs-add.square-btn {

    height: inherit;

    width: inherit;

    border-radius: 30px;

    font-size: 12px;

    letter-spacing: 1px;

}



.csm-footer .cs-add.square-btn i {

    margin-left: 10px;

}



.csm-footer .cs-add:last-child {

    margin-right: 0px;

}



.csm-footer .cs-add.excel {

    background: #fefffd;
    
    border-color: #24a95a;

}



.csm-footer .cs-add {

    background: #24a95a;

}



.csm-footer .cs-add i {

    color: #fff;

    font-size: 20px;

}



.csm-footer .cs-add img {

    width: 20px;

}



.csm-footer .imex {

    background: #fff;

}



.csm-footer .imex i {

    color: #0088d8;

    font-size: 32px;

}

.uploader-add-btn {
    width: 40px;
    height: 40px;
    background: #008626;
    border-radius: 100%;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 10px;
    margin-right: 10px;
    border: 2px solid #ffffff;
    animation: shadow-pulse 1s infinite;
    -webkit-animation: shadow-pulse 1s infinite;
    -moz-animation: shadow-pulse 1s infinite;
    -ms-animation: shadow-pulse 1s infinite;
    height: inherit;
    width: inherit;
    border-radius: 30px;
    font-size: 12px;
    letter-spacing: 1px;
}


/* .ss-scroll

{

    min-height: auto;

    overflow: auto !important;

    max-height: calc(100vh - 155px);

} */



.ss-scroll.height-scroll {

    max-height: 300px;

}



.lwr-detail {

    display: flex;

    justify-content: flex-end;

}



.lwr-detail table tr th {

    font-size: 13px;

    color: #6f6f6f;

    padding: 10px 15px;

}



.lwr-detail table tr td {

    font-size: 16px;

    color: #000;

    padding: 10px 15px;

    padding-right: 0px;

}



.ss-container {

    table-layout: fixed;

    width: 100%;

}



.table-height {

    height: calc(100vh - 174px);

    overflow: auto;

}



.ss-container.left-right-15 {

    width: initial;

    margin: 0px -15px;

}



.ss-container.left-right-10 {

    width: initial;

    margin: 0px -10px;

}



.left-right-15 {

    margin: 0px -15px !important;

}



.left-right-10 {

    margin: 0px -10px !important;

}



.ss-container table {

    border-spacing: 0px;

    width: 100%;

}



table.ss-table {

    width: 100%;

    table-layout: fixed;

    max-height: calc(100vh - 180px);

}



table.ss-table tr th {

    background: #f5f5f5;

    font-size: 11px;

    padding: 10px 5px;

    border-right: 1px solid rgba(0, 0, 0, .1);

    font-weight: 500;

    position: relative;

}



.blank1:nth-child(2) .ss-table tr th {

    padding: 5px;

}



table.ss-table tr th:last-child {

    border-right: 0px;

}



table.ss-table tr td {

    background: #fff;

    font-size: 11px;

    padding: 10px 5px;

    border-right: 1px solid rgba(0, 0, 0, .1);

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    line-height: 16px;

    position: relative;

}



table.ss-table tr:first-child td:first-child {

    /*border-top-left-radius: 10px;*/

}



table.ss-table tr:first-child td:last-child {

    /*border-top-right-radius: 10px;*/

}



table.ss-table tr:last-child td:first-child {

    /*border-bottom-left-radius: 10px;*/

}



table.ss-table tr:last-child td:last-child {

    /*border-bottom-right-radius: 10px;*/

}



table.ss-table tr:last-child td {

    border-bottom: 0px;

}



table.ss-table tr td .check-box {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(0);

    transition: 0.5s;

}



table.ss-table tr td .check-box input {

    width: 15px;

    height: 15px;

    margin-top: 0px;

    cursor: pointer;

}



table.ss-table tr:hover td .check-box,

table.ss-table tr.active td .check-box {

    transform: translate(-50%, -50%) scale(1);

    transition: 0.5s;

}



table.ss-table tr td:last-child {

    border-right: 0px;

}



table.ss-table tr td a {

    color: #000DC4;

}



table.ss-table tr td a.delete-action {

    color: #ff0000;

}



table.ss-table tr td p {

    padding: 6px 6px 0;

}



table.ss-table tr td input::placeholder {

    font-size: 12px;

}



.blank1 {

    padding: 0px 10px;

    background: #f5f5f5;

    border-bottom: 1px solid #d2d2d2d2;

    border-left: 0px;

    border-right: 0px;

}



.row-flex {

    display: flex;

    margin-top: 10px;

}



.row-flex .dash-tables {

    margin-top: 0px !important;

    width: 100%;

}



.custom-dashboad .row-flex .dash-tables .table-one {

    height: inherit;

}



.listing {

    width: 250px;

    min-width: 250px;

    border-radius: 10px;

    border: 1px solid#2a2b2b !important;

    display: flex;

    align-items: center;

    flex-direction: column;

    margin-right: 10px;

}



.listing a {

    width: 100%;

    padding: 15px 10px;

    border-bottom: 1px dashed #3949ab;

}



.listing a:last-child {

    border-bottom: 0px;

}



.blank7 {

    padding: 0px 16px;

    background: #f5f5f5;

    border-bottom: 1px solid #d2d2d2d2;

    border-left: 0px;

    border-right: 0px;

}



.blank8 {

    padding: 0px 16px;

    background: #f5f5f5;

    border-bottom: 1px solid #d2d2d2d2;

    border-left: 0px;

    border-right: 0px;

}



.blank1:first-child {

    border-top: 1px solid #ccc;

}



.blank2 {

    margin: 10px;

    border-radius: 6px;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);

    /* overflow: hidden; */

    border: 1px solid #d2d2d2d2;

}



.img-tag a {

    border: 1px solid #000DC4;

    padding: 3px 5px;

    border-radius: 5px;

}



.img-tag a img {

    width: 15px;

    height: 15px;

}



.dtfooter .cs-add {

    margin-right: 15px;

    width: auto !important;

    height: 40px;

    border-radius: 6px;

    display: flex;

    background: #2e821b;

    align-items: center;

    /*justify-content: center;*/

    box-shadow: 0px 3px 6px 0px #ccc;

    color: #fff;

    font-weight: 400;

    font-size: 12px;

    padding: 0px 15px;

    white-space: nowrap;

}





/*.dtfooter .cs-add i{margin-right: 15px;}*/



.csm-right-form {

    left: inherit;

    top: 0px;

}



.csm-right-form .modal-dialog {

    width: 420px;

}



.csm-right-form .modal-body {

    height: 100%;

}



.csm-right-form .modal-dialog .pop-heading {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 20px 10px;

    background: #000000 !important;

    position: sticky;

    width: 100%;

    top: 0;

    z-index: 2;

    right: 0;

}



.ss-sticky {

    position: sticky;

    top: 0px;

    z-index: 1;

}



.cs-action {

    width: auto;

    margin-top: 5px;

}



.cs-action select {

    border-radius: 15px;

    border: solid 1px #004378 !important;

    box-shadow: 0px 1px 3px 0px #ccc;

    padding-right: 35px;

}



.csm-right-form .modal-dialog .pop-heading h2 {

    padding: 0px !important;

    font-weight: 400 !important;

    font-size: 13px !important;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 350px;

    white-space: nowrap;

    text-transform: inherit !important;

}



.csm-right-form .modal-dialog .pop-heading button i {

    color: rgba(255, 255, 255, 0.8);

    font-size: 20px;

}



.data-grid-view {

    padding: 10px;

    margin-top: 33px;

    overflow: scroll;

    height: calc(100vh - 53px);

    position: relative;

    background: #ffffff;

}



.data-grid-view.no-height {

    height: auto;

}



.data-grid-view .figure {

    border: solid 1px #fff;

    border-radius: 4px;

    margin-bottom: 10px;

    /*box-shadow: 0px 3px 6px 0px #ccc;*/

    background: #fff;

}



.data-grid-view .figure .top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 5px 10px;

    border-bottom: solid 1px #ccc;

    background: #f8f8f8;

    border-radius: 4px 4px 0px 0px;

}



.data-grid-view .figure .top h1 {

    font-size: 11px;

    font-weight: 600;

    display: flex;

    align-items: center;

}



.data-grid-view .figure .top h1 img {

    vertical-align: middle;

    height: 30px;

    border-right: solid 1px #ccc;

    padding-right: 15px;

    margin-right: 15px;

}



.data-grid-view .figure .top p {

    font-size: 10px;

    opacity: 0.9;

}



.data-grid-view .figure .description {

    padding: 8px 8px;

    margin-top: 8px;

    padding-top: 0px;

}



.data-grid-view .figure .description h2 {

    padding-top: 10px;

    font-size: 12px;

    margin-bottom: 10px;

}



.data-grid-view .figure .description h2 strong {}



.data-grid-view .figure .description .fcm {

    display: flex;

    align-items: center;

    justify-content: center;

}



.data-grid-view .figure .description .fcm .fg {

    width: 100%;

    border: 1px dashed #ccc;

    padding: 5px 8px;

    display: flex;

    align-items: center;

}



.data-grid-view .figure .description .fcm .fg p {

    line-height: 14px;

}



.data-grid-view .figure .description .fcm .fg p:nth-child(1) {

    padding-right: 5px;

    color: #565656

}



.data-grid-view .figure .description .fcm .fg p:nth-child(2) {

    opacity: 1;

    font-weight: 500;

}



.data-grid-view .figure .location i {

    font-size: 13px;

    margin-right: 5px;

}



.data-grid-view .figure .location {

    display: flex;

    font-size: 11px;

    margin-top: 5px;

}



.data-grid-view .figure .location a {

    display: flex;

    font-size: 12px;

    color: blue !important;

    text-transform: capitalize;

    cursor: pointer;

}



.data-grid-view.table-format .figure {

    border-radius: inherit;

    margin-bottom: 0px;

    box-shadow: none;

    padding: 0px;

    display: flex;

}



.pr-detail {

    background: #fff;

    padding: 10px;

    box-shadow: 0px 3px 6px 0px #ccc;

    position: relative;

    /* overflow: hidden;*/

    padding-top: 0px;

}



.pr-detail:after {

    content: '';

    display: table;

    clear: both;

}



.pr-detail.flat {

    padding: 0px;

    box-shadow: none;

}



.pr-detail .top {

    display: flex;

    align-items: center;

    justify-content: start;

    border-bottom: solid 1px #ccc;

    padding-bottom: 15px;

}



.pr-detail .top .figure {

    display: flex;

    align-items: center;

    justify-content: start;

    border-right: solid 1px #b9b9b9;

    padding-left: 15px;

    padding-right: 10px;

    width: 340px;

}



.pr-detail .top .figure:first-child {

    padding-left: 0px;

}



.pr-detail .top .figure:last-child {

    border-right: 0px;

}



.pr-detail .top .figure .cs-left {

    width: 35px;

    padding-right: 10px;

}



.pr-detail .top .figure .cs-left img {

    width: 100%;

}



.pr-detail .top .figure .cs-right {}



.pr-detail .top .figure .cs-right p {

    font-size: 12px;

    font-weight: 500

}



.pr-detail .top .figure .cs-right p:nth-child(1) {

    opacity: 0.8;

}



.pr-detail .top .figure .cs-right p:nth-child(2) {}



.pr-detail .middle {

    display: flex;

    align-items: center;

    justify-content: start;

    margin-top: 10px;

}



.pr-detail .middle .figure {

    border: dashed 1px #9e9e9e;

    margin-right: 10px;

    width: 100%;

    position: relative;

    padding: 5px;

    background: #fefefe;

}



.pr-detail .middle .figure button.edit {

    position: absolute;

    top: 50%;

    right: 4px;

    transform: translateY(-50%);

}



.pr-detail .middle .figure button.edit i {

    font-size: 18px;

}



.pr-detail .middle .figure.flex-figure {

    display: flex;

    align-items: center;

}



.pr-detail .middle .figure.flex-figure .icon {

    width: 30px;

    height: 30px;

}



.pr-detail .middle .figure.flex-figure .icon img {

    width: 30px;

    height: 30px;

}



.pr-detail .middle .figure.flex-figure a {

    font-weight: 500;

    font-size: 11px;

    color: #3f48cc !important;

    text-decoration: underline;

}



.pr-detail .middle .figure.figure-icon {

    display: flex;

    align-items: center;

}



.pr-detail .middle .figure.figure-icon .icon {

    width: 30px;

    min-width: 30px;

    height: 30px;

    margin-right: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.pr-detail .middle .figure.figure-icon .icon img {

    height: 25px;

}



.pr-detail .middle .figure.figure-icon div {

    width: 100%;

    float: left;

}



.pr-detail.head-status .middle .figure {

    min-width: 100px;

    padding: 5px;

}



.pr-detail .middle .figure:last-child {

    margin-right: 0px;

}



.pr-detail .middle .figure p {

    font-size: 11px;

    font-weight: 500;

}



.pr-detail .middle .figure p:nth-child(1) {

    opacity: 0.8;

}



.pr-detail .middle .figure p:nth-child(2) {}



.pr-detail .middle .figure .cs-in-edit {

    position: absolute;

    right: 0px;

    height: 54px;

    top: 0px;

    border-left: solid 1px #ccc;

    width: 50px;

    background: #f8f8f8;

    transform: scale(0, 0);

    transition: 0.3s linear;

}



.pr-detail .middle .figure .cs-in-edit i {

    font-size: 20px;

}



.pr-detail:hover .middle .figure .cs-in-edit {

    transform: scale(1, 1);

    transition: 0.3s linear;

}



.pr-detail .middle.column {

    flex-direction: column;

}



.pr-detail .middle.column .figure {

    margin-right: 0px;

    margin-bottom: 10px;

}



.pr-detail .middle.column .figure:last-child {

    margin-bottom: 0px;

}



.pr-detail.table-format .middle {

    flex-direction: column;

}



.pr-detail.table-format .middle .figure {

    padding: 0px;

    margin: -1px;

    display: flex;

    border-radius: 0px;

}



.pr-detail.table-format .middle .figure p {

    padding: 10px;

}



.pr-detail.table-format .middle .figure p:nth-child(1) {

    min-width: 100px;

    width: 100px;

    background: #e8e5e5;

}



.pr-detail.table-format .middle .figure p:nth-child(2) {

    width: 100%;

}



.pr-detail .cs-edit {

    background: #00a9db;

    color: #fff;

    width: 38px;

    height: 38px;

    border-radius: 45px 0px 45px 45px;

    font-size: 16px;

    box-shadow: 0px 3px 6px 0px #ccc;

    position: absolute;

    top: -60px;

    right: -50px;

    border: solid 1px #fff;

    transition: 0.3s linear;

}



.pr-detail .cs-edit i {

    font-size: 18px;

}



.pr-detail:hover .cs-edit {

    top: 0px;

    right: 0px;

    transition: 0.3s linear;

}



.pr-detail .middle.address .figure {

    width: 100%;

    border: solid 1px #b9b9b9

}



.pr-detail .csm-heading {

    background: #d8d8d8;

    margin-top: 0px;

    margin-left: -10px;

    margin-right: -10px;

    margin-bottom: 10px;

    border: solid 1px #ccc;

    border-bottom: 0px;

}



.pr-detail.mrg-figure .middle:last-child {

    margin-top: 0px;

}



.pr-detail.mrg-figure .middle .figure {

    margin-right: -1px;

    margin-top: -1px;

}



.csm-heading button i {

    color: #000;

}



.ali-ct {

    display: flex;

    align-items: center;

    justify-content: center;

}



.as-dtl label {

    font-size: 13px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-weight: 500;

}



.as-dtl .figure {

    display: flex;

    align-items: center;

    justify-content: center;

}



.as-dtl .figure select {

    font-size: 12px !important;

    background: inherit !important;

}



.as-dtl .figure.text-full {

    align-items: flex-end;

}



.as-dtl .figure .text-full2 {

    width: 100%;

}



.as-dtl .figure button {

    width: 35px;

    min-width: 35px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #51aa5b;

}



.as-dtl .figure button i {

    font-size: 16px;

    color: #ffffff;

}



.as-dtl .figure button.edit {

    display: inherit;

}



.as-dtl .figure button.save,

.as-dtl .figure a.cs-btn {

    display: none;

}



.as-dtl .figure.active button.edit {

    display: none;

}



.as-dtl .figure.active button.save {

    display: inherit;

}



.as-dtl .figure.active a.cs-btn {

    display: inline-block;

}



.as-dtl .figure.active select {

    background: url(../img/down-icon.png) right/26px no-repeat #fff !important;

    font-size: 14px;

}



.as-dtl .figure button.save {

    background: #00a9db;

}



.as-dtl .figure button.save i {

    color: #fff;

}



.as-dtl.as-dtl2 .csnfig {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: solid 1px #ccc;

    padding-left: 10px;

    font-size: 12px;

}





/*.as-dtl.as-dtl2 .csnfig .edit i{co}*/



.as-dtl.as-dtl2 .csnfig button {

    max-width: 35px;

    min-width: 35px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #ccc;

    display: inherit;

}



.as-dtl.as-dtl2 .figure {

    display: none;

}



.as-dtl.as-dtl2.activee .csnfig {

    display: none;

}



.as-dtl.as-dtl2.activee .figure {

    display: flex;

}



.as-dtl.as-dtl2 label a {

    font-weight: 600;

    text-decoration: underline;

    color: #004bbb;

}



.pssticky {

    position: sticky;

    top: 0px;

    right: 0px;

}



.anlink a {

    display: inline-block;

    background: #f8f8f8;

    border-radius: 5px;

    padding: 0px 5px;

    height: 25px;

    line-height: 25px;

    font-size: 14px !important;

    text-decoration: none !important;

    border: 1px solid #3F51B5;

    margin: 0px 16px;

    width: 30px;

    justify-content: center;

}



.anlink a i {

    font-size: 12px;

    opacity: 0.6;

}



.mtbx {

    background: #f8f8f8;

    margin: 0px;

    padding: 16px;

    padding-bottom: 10px;

    padding-left: 0;

    border: solid 1px #ccc;

}



.mtbx2 {

    border: solid 1px #ccc;

    padding: 15px;

    background: #f8f8f8;

}



.pr7h {

    padding-right: 7.5px !important;

}



.pl7h {

    padding-left: 7.5px !important;

}



.md-dialog-container {

    z-index: 9999 !important;

}



.md-griddada {

    padding: 0;

    padding-right: 15px;

}



.md-griddada .data-grid-view {

    margin-top: 0;

    background: #fff;

    border: solid 1px #ccc;

    height: 261px;

}



.md-griddada .data-grid-view .figure {}



.md-griddada .data-grid-view .figure .top {

    margin-bottom: 10px;

    position: relative;

}



.md-griddada .data-grid-view .figure .top h1 span {

    font-weight: 400;

    font-size: 11px;

    position: absolute;

    top: 0px;

    opacity: 0.6;

}



.md-griddada .data-grid-view .figure .description {

    padding: 0px;

}



.mtnt {

    display: flex;

    border: solid 1px #ccc;

    margin-right: 15px;

    height: 312px;

    align-items: center;

    justify-content: center;

    color: #00a314;

}



.md-exdata {}



.md-exdata .top {}



.md-exdata .top p {

    font-size: 14px;

}



.md-exdata .top p strong {}



.md-exdata .mdl {

    border: solid 1px #ccc;

    padding: 10px;

}



.md-exdata .mdl h2 {

    font-size: 15px;

    font-weight: 600;

}



.md-exdata .mdl table {

    table-layout: fixed;

    width: 100%;

    margin-top: 10px;

}



.md-exdata .mdl table tr {}



.md-exdata .mdl table tr td {

    border: dashed 1px #ccc;

    padding: 10px;

}



.md-exdata .mdl table tr td p {

    font-size: 14px;

    margin-top: 5px;

}



.md-exdata .mdl table tr td p:nth-child(1) {

    opacity: 0.6;

    margin-top: 0px;

}



.disabled {

    opacity: 0.5;

}



.all-tabs-dropdown {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.all-tabs-dropdown .dropdown {}



.all-tabs-dropdown .dropdown button {}



.all-tabs-dropdown .dropdown button img {

    width: 35px;

}



.all-tabs-dropdown .dropdown .dropdown-menu {

    right: 0;

    left: inherit;

    padding: 0px;

}



.all-tabs-dropdown .dropdown .dropdown-menu li {}



.all-tabs-dropdown .dropdown .dropdown-menu li a {

    padding: 10px;

    border-bottom: solid 1px #ccc;

    position: relative;

    padding-right: 50px;

}



.all-tabs-dropdown .dropdown .dropdown-menu li:last-child() a {

    border-bottom: 0px;

}



.all-tabs-dropdown .dropdown .dropdown-menu li a img {

    height: 35px;

    margin-right: 10px;

}



.all-tabs-dropdown .dropdown .dropdown-menu li a span {

    background: #ee3b37;

    position: absolute;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    right: 8px;

    top: 8px;

    border-radius: 100%;

    color: #fff;

    font-weight: 600;

}



.table-container {

    background: #fff;

    margin-top: 15px;

}



.table-container .table-header {

    padding-left: 0px;

    padding-right: 5px;

}



.csmnew-table {}



.csmnew-table table {

    table-layout: fixed;

    width: 100%;

}



.csmnew-table table tr {}



.csmnew-table table tr th,

.csmnew-table table tr td {

    font-size: 11px;

    border: solid 1px #ccc;

    padding: 10px 5px;

    position: relative;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



span.mm {

    position: absolute;

    top: 9px;

    right: 6px;

    font-size: 11px;

    font-weight: 600;

    background: #ccc;

    display: block;

    width: 30px;

    height: 40px;

    line-height: 40px;

    text-align: center;

}



.csmnew-table table tr td a {

    color: #000DC4;

    display: flex;

    align-items: center;

}



.csmnew-table table tr td p {

    padding: 6px 6px 0;

}



.csmnew-table table tr td input::placeholder {

    font-size: 12px;

}



.table-btns {

    display: flex;

    align-items: center;

    justify-content: center;

}



.table-btns a {

    padding: 5px 10px;

    margin: 0px 5px;

    border-radius: 5px;

    color: #fff !important;

    border: solid 1px rgba(0, 0, 0, 0.2);

}



.table-btns a {

    background: #ccc;

}



.table-btns a.csfollowup {

    background: #fe932b;

}



.table-btns a.csdelete {

    color: #ff0000 !important;

    border: 1px solid #ff0000 !important;

    background: transparent;

    font-weight: 600;

}



.table-btns a.reset {

    color: #004378 !important;

    border: 1px solid #004378 !important;

    background: transparent;

    font-weight: 600;

}



.table-btns a.csedit {

    background: #00adff;

}



.table-btns a.csstatus {

    background: #2e821b;

}



.top-dav {

    display: flex;

    align-items: center;

    justify-content: start;

}



.top-dav .top-figure {

    border: dashed 1px #7fd6f0;

    position: relative;

    padding: 10px;

    display: flex;

    align-items: center;

    background: #ecfbff;

}



.top-dav .top-figure p {

    font-size: 14px;

    font-weight: 500;

}



.top-dav .top-figure p:nth-child(1) {

    opacity: 0.6;

    margin-right: 10px;

}



.rquval .top-dav {

    flex-wrap: wrap;

    margin-top: 15px;

}



.rquval .top-dav .top-figure {

    width: 100%;

    flex-wrap: wrap;

}



.rquval .top-dav .top-figure p {

    opacity: 1;

    color: #929292;

}



.rquval .top-dav .top-figure p span {

    color: #000;

}



.wrapper {

    position: relative !important;

    width: 100% !important;

    height: 40px;

    /*margin: 20px !important;*/

    overflow: hidden !important;

}



.date {

    border: 0;

    width: 100% !important;

    height: 40px;

    line-height: 40px !important;

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    background: #fff !important;

    border: 1px solid #999 !important;

    box-sizing: border-box !important;

}



.picker {

    width: 250px !important;

    height: 40px;

    font-size: 999px !important;

    opacity: 0 !important;

    position: absolute !important;

    top: 0 !important;

    right: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

}



.csm-not-found {

    background: #fff;

    box-shadow: 0px 3px 6px 0px #ccc;

}



.dtbtler {

    background: #d1d1d1;

    border-top: solid 1px #ccc;

    border-bottom: solid 1px #ccc;

}



.dtbtler table tr th {

    border-bottom: 0px;

    border-top: 0px

}



.dtbtler table tr th:first-child {

    border-left: 0px;

}



.dtbtler table tr th:last-child {

    border-right: 0px;

}



.leadresult {

    border: solid 1px #ccc;

    margin-bottom: 10px;

}



.leadresult .incontainer {

    display: flex;

    align-items: center;

    justify-content: space-around;

    background: #f8f8f8;

}



.leadresult .incontainer .figure {

    width: 150px;

    text-align: center;

    position: relative;

    outline: none;

    padding: 15px 0px;

}



.leadresult .incontainer .figure:after {

    content: "";

    position: absolute;

    width: 0%;

    transition: 0.3s linear;

}



.leadresult .incontainer .figure span {

    display: inline-block;

    height: 30px;

    background: #ccc;

    padding: 0px 10px;

    line-height: 30px;

    font-weight: 600;

    font-size: 13px;

    border-radius: 8px;

}



.leadresult .incontainer .figure p {

    font-size: 12px;

    font-weight: 500;

    margin-top: 10px;

}



.leadresult .incontainer .figure.active:after {

    content: "";

    position: absolute;

    width: 70%;

    height: 5px;

    background: #000;

    border-radius: 5px;

    left: 0px;

    bottom: -3px;

    right: 0px;

    margin: auto;

    transition: 0.3s linear;

}



.leadresult .incontainer .figure.active span {

    background: #000;

    color: #fff;

}





/* .leadresult .incontainer .figure.active p{} */



.mt-23 {

    margin-top: 23px;

}



.mthead {

    position: relative;

}





/* .mthead h2{} */



.mthead span {

    background: #ee3b37;

    width: 39px;

    height: 39px;

    position: absolute;

    right: 5px;

    top: 5px;

    color: #fff;

    font-size: 20px;

    text-align: center;

    line-height: 40px;

    font-weight: 600;

}





/*LEFT NAVIGATION & TOGGLE CSS*/



.toggle-menu {

    padding: 0px 15px;

}



.toggle-menu i {

    font-size: 24px;

    color: #fff;

}



.main-wrapper.active .left-container {

    width: 50px;

}



.main-wrapper .innear-container {

    transition: 0.3s linear;

}



.main-wrapper.active .innear-container {

    padding-left: 50px;

    transition: 0.3s linear;

}





/* .main-wrapper .top-mini-header{transition: 0.3s linear;} */





/* .main-wrapper.active .top-mini-header{padding-left: 185px; transition: 0.3s linear;} */



.main-wrapper.active .nav-side-menu .menu-list ul li a p {

    font-size: 0px;

}



.main-wrapper.active .nav-side-menu .menu-list ul li a span {

    display: none;

}



.main-wrapper.active .nav-side-menu .menu-list ul li ul.sub-menu {

    display: none;

}



.main-wrapper .left-container:hover .nav-side-menu .menu-list ul li a span {

    display: inherit;

}



.main-wrapper .left-container:hover .nav-side-menu .menu-list ul li ul.sub-menu {

    display: inherit;

}



.main-wrapper.active .priority-color {

    width: 0px;

    overflow: hidden;

    border: 0px;

}



.main-wrapper .left-container:hover .priority-color {

    width: 190px;

    transition: width 0.5s;

    overflow: hidden;

}





/* dsahboard start*/



.ds-container {

    display: flex;

    padding: 0px 8px;

}



.ds-counter {

    width: 100%;

    height: 120px;

    display: flex;

    align-items: center;

    justify-items: center;

    flex-direction: column;

    border-radius: 6px;

    border: 1px solid rgba(0, 0, 0, 0.2);

    margin: 0px 7px;

}



.ds-counter.ds-counter-bg1 {

    background: #ba68c8 url('../img/counterbg/bg1.svg') no-repeat center;

}



.ds-counter.ds-counter-bg2 {

    background: #1976d2 url('../img/counterbg/bg2.svg') no-repeat center;

}



.ds-counter.ds-counter-bg3 {

    background: #ef6c00 url('../img/counterbg/bg3.svg') no-repeat center;

}



.ds-counter.ds-counter-bg4 {

    background: #00897b url('../img/counterbg/bg4.svg') no-repeat center;

}



.ds-counter.ds-counter-bg5 {

    background: #388e3c url('../img/counterbg/bg5.svg') no-repeat center;

}



.ds-counter.ds-counter-bg6 {

    background: #827717 url('../img/counterbg/bg6.svg') no-repeat center;

}



.ds-counter p {

    font-size: 18px;

    color: #fff;

    padding: 20px 0px 15px 0px;

}



.ds-counter ul li {

    font-size: 30px;

    font-weight: 600;

    display: inline-block;

    color: #ffff;

    padding: 0px 25px;

}



.ds-counter ul li a {

    color: #fff;

}



.cs-datein {

    margin: -15px;

    margin-bottom: 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #cccccc;

    padding-right: 15px;

}



.cs-datein h2 {

    margin: 0px !important;

}



.cs-datein div {

    display: flex;

    align-items: center;

}



.cs-datein div p {

    font-size: 11px;

    display: flex;

    align-items: center;

    margin-right: 15px;

}



.day-count {

    background: #f15a60;

    color: #fff;

    border-radius: 7px;

    padding: 3px 10px;

}



.count {

    width: 20px;

    height: 20px;

    background: #a0a0a0;

    color: #fff;

    border-radius: 20px;

    padding: 4px;

    text-align: center;

    margin-right: 5px;

}



.left-blog {

    width: 100%;

    background: #fff;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);

    padding: 15px;

}



.left-blog h2 {

    background: #ccc;

    padding: 15px;

    margin: -15px;

    font-size: 19px;

    margin-bottom: 10px;

    font-weight: 600;

}



.mlcon {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: -5px;

}



.mlcon .cs-figure {

    text-align: center;

    padding-left: 30px;

    padding-right: 30px;

    position: relative;

}



.mlcon .cs-figure:after {

    content: "";

    position: absolute;

    width: 2px;

    height: 28px;

    right: 0px;

    top: 10px;

    background: #000;

    opacity: 0.2;

}



.mlcon .cs-figure:last-child:after {

    display: none;

}



.mlcon .cs-figure h1 {

    color: #fff;

    font-size: 26px;

}



.mlcon .cs-figure p {

    padding: 0;

    font-size: 12px;

    color: #fff;

    opacity: 0.8;

}



.no-margin {

    margin: 0px !important;

}



.data-counter {

    display: flex;

    align-items: center;

    height: 70px;

    border: 1px solid #ccc;

    margin-bottom: 10px;

    position: relative;

}



.data-counter.arr:after {

    content: "";

    position: absolute;

    background: url(../img/keyboard-right-arrow-button.svg) no-repeat center;

    width: 50px;

    height: 70px;

    right: 0px;

    opacity: 0.6;

    background-size: 12px;

    top: 0px;

}



.data-counter:last-child {

    margin-bottom: 0px;

}



.data-counter span {

    min-width: 70px;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.data-counter span.yellow {

    background: #ff9204;

}



.data-counter span.grey {

    background: #d5d5d5;

}



.data-counter span.skyblue {

    background: #7cb5ec;

}



.ab-detail {

    background: none !important;

    box-shadow: none !important;

}



.data-counter span.green {

    background: #00811A;

}



.data-counter span.blue {

    background: #0063E5;

}



.data-counter span.pink {

    background: #E500A8;

}



.data-counter .text-box {

    width: 100%;

    padding-left: 30px;

}



.data-counter .text-box h3 {

    font-size: 18px;

    font-weight: 600;

}



.data-counter .text-box p {

    font-size: 12px;

    color: #959595;

}



.sprate-box {

    background: #fff;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

    padding: 15px;

    margin-top: 20px;

}



button.asign-btn {

    min-width: 100px;

    height: 40px;

    background: #ee3b37;

    margin-left: 10px;

    color: #fff;

    border-radius: 6px;

    cursor: pointer;

}



button.asign-btn:hover {

    box-shadow: 0px 3px 6px 0px rgba(171, 166, 166, 0.7);

    transition: 0.5s;

}





/* dsahboard end */



.highcharts-credits,

.highcharts-button-box,

.highcharts-button-symbol {

    display: none;

}



.grtabs {

    position: absolute;

    z-index: 1;

    right: 10px;

    top: -5px;

}



.grtabs ul {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.grtabs ul li {}



.grtabs ul li a {

    font-size: 12px;

    display: block;

    background: #f8f8f8;

    padding: 5px 10px;

    margin: 5px;

    border-radius: 5px;

}



.grtabs ul li a.active {

    background: #000;

    color: #fff;

}



.in-inr {

    position: relative;

}



.in-inr:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 30px;

    height: 30px;

    border: solid 1px #ccc;

    background: #efefef url('../img/inr.png') no-repeat center;

    background-size: 8px;

}



.in-inr input {

    padding-left: 40px;

}



.dis-in {

    position: relative;

}



.dis-in:after {

    position: absolute;

    content: "%";

    top: 0;

    right: 0;

    width: 30px;

    height: 30px;

    border: solid 1px #ccc;

    background: #efefef;

    background-size: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.dis-in input {

    padding-right: 40px;

}



.cd-table {}



.cd-table table {

    table-layout: fixed;

    width: 100%;

}



.cd-table table tr {}



.cd-table table tr th {

    text-align: right;

}



.cd-table table tr td {}



.cd-table table tr th,

.cd-table table tr td {

    font-size: 12px;

    padding: 15px 10px;

    border-bottom: solid 1px #ccc;

    vertical-align: middle;

}



.nwform table tr th,

.nwform table tr td {

    border: 0px !important;

    background: #fff !important;

}



.ad-icon {

    height: 15px;

    margin-top: -3px;

    margin-left: 5px;

}



.uploadimg {

    background: #ebf9ff;

    border: solid 1px #c5ecfd;

    border-radius: 6px;

    height: 105px;

    margin-top: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.uploadimg label {

    margin: 0;

    width: 100%;

}



.uploadimg label p {

    font-size: 11px;

    font-weight: 300;

    text-align: center;

}



.uploadimg label p i {}



.uploadimg .thumb {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}



.cs-flex {

    display: flex;

    align-items: center;

}



.uploaded {

    border: 1px solid #ccc;

    width: 100px;

    height: 100px;

    padding: 10px;

    position: relative;

    overflow: hidden;

}



.hvr-delete {

    background: #ff0000;

    border-radius: 10px 0px 10px 10px;

    width: 25px;

    height: 25px;

    position: absolute;

    top: -10px;

    right: -30px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: 0.5s;

}



.uploaded:hover .hvr-delete {

    top: 0px;

    right: 0px;

    transition: 0.5s;

}



.hvr-delete i {

    color: #fff;

}



.uploaded img {

    height: 100%;

    width: 100%;

}



.dispt-order {

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);

    padding: 15px;

    margin-top: 15px;

}



.dispt-order .adform,

.dispt-order .top-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.dispt-order .top-head .cs-left {}



.dispt-order .top-head .cs-left h2 {

    font-size: 18px;

    font-weight: 600;

}



.dispt-order .top-head .cs-left p {

    font-size: 14px;

    line-height: 28px;

    margin-top: 10px;

}



.dispt-order .top-head .cs-right {}



.dispt-order .top-head .cs-right img {

    height: 45px;

}



.dispt-order .gstno {

    font-size: 16px;

    font-weight: 600;

    margin-top: 15px;

    margin-bottom: 10px;

}



.dispt-order .adform {

    align-items: flex-start;

}



.dispt-order .adform .cs-left {

    min-width: 500px;

}



.dispt-order .adform .cs-left .byinfo {

    padding-right: 15px

}



.dispt-order .adform .cs-left .byinfo .csm-heading h2 {

    margin: 0;

    font-weight: normal;

    padding-left: 0px;

}



.dispt-order .adform .cs-left .byinfo h1 {

    font-size: 16px;

    background: #f8f8f8;

    padding: 15px;

}



.dispt-order .adform .cs-left .byinfo h2 {

    font-size: 12px;

    font-weight: 600;

    margin-top: 15px;

    margin-bottom: 10px;

    padding-left: 15px;

}



.dispt-order .adform .cs-left .byinfo p {

    font-size: 14px;

    line-height: 28px;

    margin-top: 10px;

    padding-left: 15px;

}



.dispt-order .adform .cs-left .byinfo p strong {

    font-weight: 600;

}



.dispt-order .adform .cs-right {}



.dispt-order .iteminfo {

    margin-left: -15px;

    margin-right: -15px;

}



.dispt-order .iteminfo .table-container {

    box-shadow: none;

}



.dispt-order .iteminfo .trms {

    padding: 15px;

}



.dispt-order .iteminfo .trms label {

    font-size: 13px;

}



.dispt-order .iteminfo .trms textarea {

    height: 110px;

}



.stages-history {

    background: #fff;

}



.stages-history ul {}



.stages-history ul li {

    padding-left: 80px;

    position: relative;

    padding-bottom: 32px;

}



.stages-history ul li .counter {

    width: 65px;

    height: 65px;

    background: #ee3b37;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 9;

}



.stages-history ul li .counter h1 {

    font-size: 24px;

    text-align: center;

    font-weight: 600;

    color: #fff;

}



.stages-history ul li .counter h1 span {

    font-size: 12px;

    font-weight: 400;

}



.stages-history ul li .oneone {

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: 60px;

}



.stages-history ul li .oneone p {

    margin: 0px !important;

}



.stages-history ul li .csdate {

    font-size: 11px;

    font-weight: 600;

}



.stages-history ul li p {

    font-size: 12px;

    line-height: 24px;

    margin: 10px 0px;

    margin-top: -10px;

}



.stages-history ul li p span {}



.stages-history ul li p:nth-child(2) {}



.stages-history ul li:after {

    content: "";

    position: absolute;

    width: 1px;

    height: 100%;

    background: #ee3b37;

    top: 0px;

    left: 33px;

}



.stages-history ul li:last-child:after {

    display: none;

}



.pr-icon {}



.pr-icon img {}



.ds-comingsoon {

    background: #6e0eb0 url('../img/ds-coming.jpg') center center no-repeat;

    height: 100%;

    width: 100%;

    background-size: 60%;

}



.right-ord-dt {

    padding: 0px;

}



.right-ord-dt .csm-heading {

    margin: 0px;

    background: #e9e9e9;

    border: 0;

}



.right-ord-dt .or-description {

    padding: 15px;

}



.right-ord-dt .or-description .td-table {}



.right-ord-dt .or-description .td-table table tr {}



.distable table tr td,

.right-ord-dt .or-description .td-table table tr td {

    background: #f8f8f8;

    width: 120px;

}



.distable table tr th,

.right-ord-dt .or-description .td-table table tr th {

    font-weight: 500;

}



.distable table tr th,

.distable table tr td,

.right-ord-dt .or-description .td-table table tr th,

.right-ord-dt .or-description .td-table table tr td {

    padding: 10px;

    border: solid 1px #ccc;

    font-size: 12px;

}



.right-ord-dt .or-description .one-one {

    display: flex;

    flex-wrap: wrap;

    padding: 15px 0px;

}



.right-ord-dt .or-description .one-one .cs-figure {

    width: 100%;

    border: solid 1px #ccc;

    padding: 10px;

    margin-top: -1px;

}



.right-ord-dt .or-description .one-one .cs-figure p {

    font-size: 14px;

    opacity: 0.6;

}



.right-ord-dt .or-description .one-one .cs-figure h1 {

    font-size: 14px;

    margin-top: 5px;

}



.right-ord-dt .or-description .th-table {}



.distable table,

.right-ord-dt .or-description .th-table table,

.right-ord-dt .or-description .td-table table {

    table-layout: fixed;

    width: 100%;

}



.right-ord-dt .or-description .th-table table tr {}



.right-ord-dt .or-description .th-table table tr td {}



.right-ord-dt .or-description .th-table table tr th {

    text-align: right;

    font-weight: 500;

}



.right-ord-dt .or-description .th-table table tr td,

.right-ord-dt .or-description .th-table table tr th {

    border-bottom: solid 1px #ccc;

    padding: 10px;

    font-size: 12px;

}



.right-ord-dt .or-description .th-table table tr th a {

    font-size: 12px;

    font-weight: 400;

    color: #1b04e1 !important;

}



.distable {

    padding: 15px;

    padding-bottom: 0px;

}



.distable table tr {}



.distable table tr td {

    width: 170px;

}



.open-mod {

    background: green;

    display: flex !important;

    align-items: center;

    justify-content: center;

    color: #fff;

}





/*TOOL TIP CSS START */



a.tip {

    position: relative;

}



a.tip span {

    display: none;

    position: absolute;

    top: -10px;

    left: 60px;

    width: 125px;

    padding: 5px;

    z-index: 100;

    background: #ee3b37d6;

    color: #fff;

    -moz-border-radius: 5px;

    /* this works only in camino/firefox */

    -webkit-border-radius: 5px;

    /* this is just for Safari */

}



a.tip span:before {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    border-top: 8px solid transparent;

    border-bottom: 8px solid transparent;

    border-right: 8px solid black;

    left: -8px;

    top: 7px;

}



a:hover.tip {

    font-size: 99%;

    /* this is just for IE */

}



a:hover.tip span {

    display: block;

}





/*TOOL TIP CSS END */



.black-link {

    color: #000 !important;

    cursor: default !important;

    padding: 10px 5px;

}



th .black-link,

td .black-link {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}



.cs-top-dr .dropdown-toggle {

    border: solid 1px #ccc;

    padding: 6px 10px;

    border-radius: 5px;

    display: flex;

}



.cs-top-dr .dropdown-toggle i {

    margin-left: 5px;

}



.cs-top-dr .dropdown-menu {

    right: 0;

    left: inherit;

}



.cs-top-dr .dropdown-menu li {

    margin: 0px;

}



.cs-top-dr .dropdown-menu li a {

    text-align: left;

    padding: 10px 15px;

}



.ds-checklist {}



.ds-checklist a {

    display: block;

    border-bottom: solid 1px #ccc;

}



.ds-checklist a .cshead {

    display: flex;

    background: #f8f8f8;

    font-size: 13px;

}



.ds-checklist a .cshead p {

    padding: 10px 15px;

    color: #adadad;

    position: relative;

}



.ds-checklist a .cshead p:after {

    content: "";

    position: absolute;

    width: 1px;

    background: #ccc;

    right: 0px;

    top: 10px;

    height: 20px;

}



.ds-checklist a .cshead p:nth-child(2):after {

    display: none;

}



.ds-checklist a .cshead p span {

    color: #000;

}



.ds-checklist a h1 {

    font-size: 13px;

    padding: 10px 15px;

}



.ds-checklist a .mdata {

    display: flex;

    align-items: center;

    padding: 15px;

    padding-top: 0;

}



.ds-checklist a .mdata .icon {

    min-width: 50px;

    height: 50px;

    align-items: center;

    justify-content: center;

    font-size: 24px;

    box-shadow: 0px 3px 6px 0px #ccc;

    border-radius: 100%;

    display: flex;

    text-transform: uppercase;

    font-weight: 600;

    margin-right: 15px;

}



.ds-checklist a .mdata .disc {}



.ds-checklist a .mdata .disc h2 {

    font-size: 11px;

    text-transform: capitalize;

}



.ds-checklist a .mdata .disc p {

    font-size: 11px;

    margin-top: 5px;

    display: flex;

}



.ds-checklist a .mdata .disc p i {

    font-size: 17px;

}



.td-circle {

    width: 25px;

    height: 25px;

    background: #f8f8f8;

    border-radius: 100%;

    display: inline-block;

    line-height: 23px;

    color: #000;

    border: solid 1px rgba(0, 0, 0, 0.3);

}



.td-circle.green {

    background: #4CAF50;

    color: #fff;

}



.white-normal {

    white-space: normal !important;

}



.cd-delete {}



.cd-delete i {

    color: #ff0000;

}



.custom-dashboad .dash-counter {

    width: 100%;

}



.custom-dashboad .dash-counter ul {

    list-style: none;

    display: flex;

    align-items: center;

    width: 100%;

}



.custom-dashboad .dash-counter ul li {

    margin-right: 10px;

    background: #919191;

    padding: 10px;

    border-radius: 10px;

    border: 1px solid #919191;

    box-shadow: 0px 3px 6px 0px #ccc;

    width: 100%;

    height: 100px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.mw200 {

    width: 200px !important;

    min-width: 200px !important;

}



.green {

    background: #2E7D32 !important;

}



.white-clr {

    color: #ffffff !important;

}





.red-clr {

    color: #ff0000 !important;

}



.blue-clr {

    color: #0ed6f7 !important;

}

.theme-clr {

    color: #008626 !important;

}



.blue {

    background: #3949AB !important;

}



.pink {

    background: #F50057 !important;

}



.skyblue {

    background: #00B1FF !important;

}



.purple {

    background: #b423ef !important;

}



.yellow {

    background: #FFBB00 !important;

}



.dash-scroll {

    overflow: hidden;

    overflow-y: scroll;

    height: 360px;

}



.dash-sticky {

    position: sticky;

    top: 0px;

}



.custom-dashboad .dash-counter ul li:last-child {

    margin-right: 0px;

}



.custom-dashboad .dash-counter ul li .upper {

    display: flex;

    align-items: center;

    margin-bottom: 6px;

}



.custom-dashboad .dash-counter ul li .circle {

    background: #fff;

    width: auto;

    min-width: 35px;

    height: 35;

    line-height: 35px;

    border-radius: 100%;

    padding: 8px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 600;

}



.custom-dashboad .dash-counter ul li img {

    height: 20px;

}



.custom-dashboad .dash-counter ul li .upper .dash-value {

    display: flex;

    align-items: flex-end;

    /*min-width: 120px;*/

    width: 100%;

    justify-content: flex-end;

}



.custom-dashboad .dash-counter ul li .upper .dash-value.content-start {

    justify-content: flex-start;

}



.custom-dashboad .dash-counter ul li .upper .dash-value .tags {

    width: 100%;

    padding: 0px 10px;

    position: relative;

}



.custom-dashboad .dash-counter ul li .upper .dash-value .tags span {

    margin-left: auto;

    font-size: 18px;

    font-weight: 600;

    color: #ffff;

}



.custom-dashboad .dash-counter ul li .upper .dash-value .tags:after {

    border-right: 2px solid rgba(0, 0, 0, 0.4);

    content: "";

    height: 70%;

    width: 2px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0px;

}



.custom-dashboad .dash-counter ul li .upper .dash-value .tags:last-child {

    padding-right: 0px;

}



.custom-dashboad .dash-counter ul li .upper .dash-value .tags:last-child:after {

    display: none;

}



.custom-dashboad .dash-counter ul li .upper .dash-value .tags h1 {

    font-size: 15px;

    font-weight: 500;

    color: #fff;

}



.custom-dashboad .dash-counter ul li .upper .dash-value .tags p {

    color: #fff;

    font-size: 11px;

}



.cnt-af {

    width: 100%;

    position: relative;

    margin-top: 13px;

}



.cnt-af:after {

    content: '';

    position: absolute;

    top: 50%;

    right: -11px;

    width: 40px;

    height: 4px;

    background: #fff;

    transform: translateY(-50%);

    border-radius: 6px;

}



.custom-dashboad .dash-counter ul li .lower {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.custom-dashboad .dash-counter ul li .lower.bdr-btm {

    border-bottom: 2px solid rgba(0, 0, 0, 0.4);

    margin-bottom: 10px;

    padding-bottom: 10px;

}



.custom-dashboad .dash-counter ul li .lower.bdr-btm span {

    color: #fff;

    font-weight: 600;

    font-size: 18px;

}



.custom-dashboad .dash-counter ul li .lower p {

    font-size: 11px;

    color: #fff;

}



.custom-dashboad .dash-counter ul li .lower h1 {

    font-size: 12px;

    font-weight: bold;

}



.custom-dashboad .dash-tables {

    margin-top: 10px;

    display: flex;

}



.custom-dashboad .dash-tables .table-one {

    width: 100%;

    border: 1px solid #008626;

    margin-right: 10px;

    border-radius: 10px;

    height: 410px;

    overflow: hidden;

}



.custom-dashboad .dash-tables .table-one.flat-table {

    overflow: inherit;

    width: 340px;

    min-width: 340px;

    height: 465px;

    border: 0;

}



.custom-dashboad .dash-tables .table-one:last-child {

    margin-right: 0px;

}



.custom-dashboad .dash-tables .table-one .tablehead {

    background: #008626;

    padding: 0px 10px;

    border-radius: 10px 10px 0px 0px;

    display: flex;

    align-items: center;

    position: relative;

    height: 40px;

}



.more-btn-vert {

    margin-left: auto;

    color: #ffffff;

    z-index: 10;

}



.more-btn-vert i {

    font-size: 18px;

}



.more-btn-vert ul.dropdown-menu {

    left: -130px !important;

}



.custom-dashboad .dash-tables .table-one .tablehead p {

    color: #fff;

    font-size: 11px;

    letter-spacing: 1px;

    font-weight: 500;

    display: inline-block;

}



.custom-dashboad .dash-tables .table-one .tablehead .csm-tabs ul li a p {

    color: #000;

}



.custom-dashboad .dash-tables .table-one .tablehead .csm-tabs ul li a:hover p,

.custom-dashboad .dash-tables .table-one .tablehead .csm-tabs ul li a.active p {

    color: #fff !important;

}



.custom-dashboad .dash-tables .table-one .tablehead p span {

    background: rgba(0, 0, 0, 0.2);

    padding: 5px 8px;

    border-radius: 6px;

}



.custom-dashboad .dash-tables .table-one .tablebody .strip {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    padding: 10px 0px;

    border-bottom: 1px solid #888888;

    background: #fff;

}



.custom-dashboad .dash-tables .table-one .tablebody .strip .tags1 {

    position: relative;

    width: 70px;

    text-align: center;

}



.custom-dashboad .dash-tables .table-one .tablebody .strip .tags1:after {

    border-right: 1px solid #707070;

    content: "";

    height: 16px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0px;

}



.custom-dashboad .dash-tables .table-one .tablebody .strip .tags1:last-child {

    padding-right: 0px;

}



.custom-dashboad .dash-tables .table-one .tablebody .strip .tags1:last-child:after {

    display: none;

}



.custom-dashboad .dash-tables .table-one .tablebody .strip .tags1 p {

    color: #000;

    font-weight: 500;

    font-size: 11px;

}



.custom-dashboad .dash-tables .table-one .tablebody .content {

    display: flex;

    align-items: center;

    border-bottom: 1px dashed #888888;

    padding: 10px 0px;

}



.custom-dashboad .dash-tables .table-one .tablebody .content:last-child {

    border-bottom: 0px;

}



.custom-dashboad .dash-tables .table-one .tablebody .content .left {

    width: 50%;

    padding-left: 15px;

}



.custom-dashboad .dash-tables .table-one .tablebody .content .left h1 {

    font-size: 11px;

    font-weight: 600;

}



.custom-dashboad .dash-tables .table-one .tablebody .content .left p {

    font-size: 11px;

}



.custom-dashboad .dash-tables .table-one .tablebody .content .right {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    width: 50%;

}



.custom-dashboad .dash-tables .table-one .tablebody .content .right .tags1 {

    min-width: 70px;

    display: flex;

    align-items: center;

    justify-content: center

}



.custom-dashboad .dash-tables .table-one .tablebody .content .right .tags1 span {

    height: 36px;

    width: 36px;

    border-radius: 8px;

    background: #23AAE1;

    font-size: 12px;

    font-weight: 500;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

}



.grap-tab .graph div,

.grap-tab .graph div svg {

    width: 100% !important;

}



.grap-tab {

    margin-left: auto;

}



.grap-tab ul {

    display: flex;

}



.grap-tab ul li {

    margin-right: 10px;

}



.grap-tab ul li:last-child {

    margin-right: 0px;

}



.grap-tab ul li a {

    padding: 10px 15px;

    background: rgba(0, 0, 0, 0.3);

    font-size: 13px;

    text-transform: uppercase;

    color: #fff;

    transition: 0.5s;

}



.grap-tab ul li a:hover,

.grap-tab ul li a.active {

    background: #ffffff;

    color: #000000;

    transition: 0.5s;

}



.info {

    border: 1px dashed #23AAE1;

    padding: 10px;

    width: 100%;

    border-radius: 6px;

    margin-bottom: 10px;

}



.info:last-child {

    margin-bottom: 0px;

}



.info .upr {

    border-bottom: 1px dashed #23AAE1;

    display: flex;

    align-items: center;

}



.info .upr .dates {

    border-right: 1px solid #ccc;

    padding: 5px;

    align-items: center;

    display: flex;

}



.info .upr .dates:last-child {

    border: 0px !important;

}



.info .upr .dates p {

    font-size: 11px;

    color: #616161;

    display: flex;

    align-items: center;

    white-space: nowrap;

}



.info .upr .dates p i {

    color: #3F9A3F;

    font-size: 18px;

    padding-right: 2px;

}



.info .upr .dates p span {

    font-weight: 600;

    color: #000 !important;

}



.info .mid {

    display: flex;

    align-items: center;

}



.info .mid .mid-circle {

    border: 1px solid #23AAE1;

    box-shadow: 0px 3px 6px 0px #ccc;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 35px;

    min-width: 35px;

    height: 35px;

    border-radius: 40px;

    margin-right: 10px;

}



.info .mid .mid-circle span {

    font-size: 14px;

    font-weight: 500;

    line-height: 0;

}



.info .mid .cont {

    padding: 10px 0px;

}



.info .mid .cont h1 {

    font-size: 11px;

    font-weight: 600;

    color: #000;

}



.info .mid .cont p {

    font-size: 11px;

    color: #000;

    margin-top: 3px;

}



.info .mid .cont p span {

    color: #8a8a8a;

}



.info .lwr p {

    font-size: 11px;

    color: #000;

}



.info .lwr .amt {

    display: flex;

    padding-left: 50px;

    justify-content: space-between;

    align-items: baseline;

}



.info .lwr .amt h1 {

    color: #FE622E;

    font-size: 20px;

}



.info .lwr .amt p {

    font-size: 11px;

    color: #000;

}



.info .lwr .amt p span {

    color: #0D00C8;

}



.info.flat {

    padding: 5px 10px;

    border: 0px;

    border-bottom: 1px solid #919191;

    border-radius: 0px;

    margin-bottom: 0px;

}



.info.flat:last-child {

    border-bottom: 0px;

}



.info.flat a,

.info.flat a:link {

    color: #0400f7;

}



.info.flat a:visited {

    color: #8006bf;

}



.info.flat a:hover {

    color: #ff0000;

}



.info.flat .mid .cont p {

    color: #797979;

}



.info.flat .f14 {

    font-size: 14px !important;

}



.pt-0 {

    padding-top: 0px !important;

}



.p-15 {

    padding: 15px !important;

}



.list-calender {

    width: auto;

    border: 1px solid #0079AB;

    border-radius: 10px;

    margin-right: 15px;

}



.list-calender .search-list {

    display: flex;

}



.list-calender .search-list .search1 {

    height: 35px;

    border-radius: 20px;

    background: #fff;

    box-shadow: 0px 3px 6px 0px #a2a1a1;

    padding: 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: 1px solid #0079AB;

}



.list-calender .search-list .search1 p {

    font-size: 11px;

    color: #8a8a8a;

    white-space: nowrap;

    padding-right: 50px;

}



.list-calender .search-list .search2 {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    padding: 5px;

    padding-bottom: 10px;

}



.list-calender .search-list .search2 p {

    font-size: 11px;

}



.list-calender .main-calender {

    max-height: 430px;

    overflow-x: scroll;

}



.list-calender .main-calender .in-container {

    display: flex;

}



.blank-div {

    height: 26px;

    position: sticky;

    top: 0;

    left: 0;

    z-index: 1;

    background: #2296f2;

}



.list-calender {

    overflow: hidden;

    overflow-y: scroll;

}



.cal-right {

    min-width: 500px;

}



.cal-right .cl-head {

    position: inherit;

}



.list-calender .main-calender .cal-left {

    background: #2196F3;

    width: 260px;

    min-width: 260px;

    position: sticky;

    left: 0;

    /* height: 100%; */

    z-index: 9;

    float: left;

    margin-top: -26px;

}



.main-calender {

    min-height: auto;

    max-height: 430px;

}



.main-calender .cal-right,

.main-calender .blank-div {

    position: sticky;

    top: 0;

    z-index: 2;

}



.list-calender .main-calender .cal-left .cal-repeat {

    border-top: 1px solid #636363;

    padding: 5px 10px;

    display: flex;

    align-items: center;

}



.list-calender .main-calender .cal-left .cal-repeat .cal-circle {

    width: 35px;

    height: 35px;

    border-radius: 35px;

    background: #000;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 10px;

}



.list-calender .main-calender .cal-left .cal-repeat .cal-circle p {

    font-size: 18px;

    font-weight: 500;

    color: #fff;

}



.list-calender .main-calender .cal-left .cal-repeat .cal-content h1 {

    font-size: 11px;

    color: #fff;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 194px;

}



.list-calender .main-calender .cal-left .cal-repeat .cal-content p {

    font-size: 11px;

    color: #e6e6e6;

}



.list-calender .main-calender .cl-head {

    display: flex;

    align-items: center;

    top: 0;

    z-index: 9;

    position: sticky;

    background: #fff;

    margin-left: 260px;

}



.list-calender .cl-head {

    position: inherit;

}



.list-calender .main-calender .cl-head .cal-date {

    padding: 5px 0px;

    border-top: 1px dashed #000;

    border-right: 1px dashed #000;

    min-width: 55px;

    text-align: center;

    background: #fff;

}



.list-calender .main-calender .cl-head .cal-date p {

    font-size: 11px;

    font-weight: 600;

}



.list-calender .main-calender .cal-right .cl-body {

    display: flex;

}



.list-calender .main-calender .cal-right .cl-body .cal-ticks {

    padding: 10px 0px;

    min-width: 55px;

    text-align: center;

    border-top: 1px dashed #000;

    border-right: 1px dashed #000;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

}



.list-calender .main-calender .cal-right .cl-body .cal-ticks.approved span {

    width: 25px;

    height: 25px;

    border-radius: 25px;

    background: #32c339;

    display: flex;

    align-items: center;

    justify-content: center;

}



.load-more {

    padding: 10px;

    background: #f9f9f9;

    text-align: center;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 0.5px;

    cursor: pointer;

}



.list-calender .main-calender .cal-right .cl-body .cal-ticks.approved span i {

    color: #fff;

    font-size: 19px;

}



.list-calender .main-calender .cal-right .cl-body .cal-ticks.reject span {

    width: 25px;

    height: 25px;

    border-radius: 25px;

    background: #E1E1E1;

    display: flex;

    align-items: center;

    justify-content: center;

}



.list-calender .main-calender .cal-right .cl-body .cal-ticks.reject span i {

    color: #bbb;

    font-size: 19px;

}



.bg-blue {

    background: #2196F3;

    padding: 5px;

    border-radius: 10px 0px 0px 0px;

    width: 260px;

    min-width: 260px;

}



.select-cls {

    /*width: 135    px;*/

    border: 0px !important;

    font-weight: 600;

    font-size: 12px !important;

}



.repeat {

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: initial;

    border-right: 0px;

    width: 100%;

}



.listing a:last-child .repeat {

    border-bottom: 0px;

    border-right: 0px;

}



.repeat .list-both {

    display: flex;

    align-items: center;

}



.repeat .list-both .img {

    width: 40px;

    height: 40px;

    border-radius: 40px;

    box-shadow: 0px 3px 6px 0px #ccc;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 11px;

    overflow: hidden;

}



.repeat .list-both .img img {

    height: 100%;

}



.repeat .list-both .ds-cont {

    padding-left: 15px;

}



.repeat .list-both .ds-cont h1 {

    font-size: 12px;

    font-weight: 600;

    color: #000;

    margin-bottom: 2px;

}



.repeat .list-both .ds-cont p {

    font-size: 11px;

    color: #8a8a8a;

}



.repeat .errow {

    margin-left: auto;

}



.repeat .errow i {

    color: #0079AB;

}



.section {

    margin-top: 20px;

}



.section ul {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.section ul li.boxes {

    width: 150px;

    /* height: 40px; */

    box-shadow: 0px 3px 6px 0px #ccc;

    background: #fff;

    margin-right: 15px;

    padding: 10px;

    border-radius: 5px;

}



.section ul li.boxes:last-child {

    margin-right: 0px;

}



.section ul li.boxes .upr-bx {

    margin-bottom: 10px;

}



.section ul li.boxes .upr-bx p {

    font-size: 12px;

    font-weight: 500;

}



.section ul li.boxes .lwr-bx h1 {

    font-size: 16px;

    display: flex;

    align-items: flex-end;

    justify-content: flex-end;

}



.section ul li.boxes .lwr-bx h1 span {

    font-size: 11px;

    padding-right: 2px;

}



.bdr-bottom {

    border-bottom: 0px !important;

}



.flex-pagination {

    display: flex;

    align-items: center;

    flex-direction: row-reverse;

}



.h150 {

    height: 150px !important;

}



.h120 {

    height: 120px !important;

}



.cs-tooltip {

    position: relative;

    /* display: inline-block; */

    width: auto;

}



.cs-tooltip p {

    /* display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden; */

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.cs-tooltip p a {

    display: inline !important;

}



.cs-tooltip .tooltiptext {

    visibility: hidden;

    min-width: fit-content;

    background-color: #555;

    color: #fff;

    text-align: left;

    border-radius: 6px;

    padding: 5px 10px;

    font-size: 11px;

    text-transform: capitalize;

    line-height: 16px;

    position: absolute;

    z-index: 1;

    margin: 0px;

    bottom: 40px;

    left: 50%;

    opacity: 0;

    transition: opacity 0.3s;

    transform: translateX(-50%);

}



.cs-tooltip .tooltiptext::after {

    content: "";

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: #555 transparent transparent transparent;

}



.cs-tooltip:hover .tooltiptext {

    visibility: visible;

    opacity: 1;

}



a.refresh {

    /* margin-top: 15px; */

    display: flex;

    width: 30px;

    height: 30px;

    background: #f5f5f5;

    align-items: center;

    justify-content: center;

    border-radius: 30px;

    margin-right: 5px;

}



a.refresh:hover {

    background: #f5f5f5;

    transition: 0.5s;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);

}



.download-link {

    color: #160ac3;

    font-size: 13px;

    text-decoration: underline;

    margin-top: 15px;

    display: block;

}



.download-link:hover {

    color: #160ac3;

    text-decoration: underline;

}



.simple-table table {

    width: 100%;

    table-layout: fixed;

}



.simple-table table tr th {

    border: 1px solid #ccc;

    padding: 9px;

    font-size: 11px;

    background: #f9f9f9;

}



.simple-table table tr td {

    border: 1px solid #ccc;

    font-size: 11px;

    background: #fff;

    padding: 5px;

}



ul.flex-checkbox {

    display: flex;

    align-items: center;

}



ul.flex-checkbox li {

    display: inline-flex;

    align-items: center;

}



ul.flex-checkbox li input {

    margin: 0px;

    width: 18px;

    height: 18px;

}



ul.flex-checkbox li label {

    margin: 0px;

    font-size: 11px;

    margin-left: 15px;

}



.suggestion-box {

    width: 50%;

    height: 200px;

    background: #fefefe;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    margin-left: 145px;

    box-shadow: inset 0px -1px 15px 0px rgb(195, 195, 195);

}



.suggestion-box img {

    width: 75%;

}



.custom-drop {

    position: relative;

}



.custom-drop .lwr-part {

    display: none;

    position: absolute;

    margin-top: -1px;

}



.custom-drop:hover .lwr-part {

    height: 370px;

    position: absolute;

    width: 400px;

    display: flex;

}



.custom-drop .drop-down {

    width: 200px;

    background: #dedede;

    border: 1px solid #ccc;

    padding: 5px 10px;

}



.custom-drop .drop-down a {

    font-size: 13px;

    color: #000;

    font-weight: 600;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.custom-drop .drop-down i {

    font-size: 18px;

}



.custom-drop .lwr-part ul.open1 {

    width: 200px;

    min-width: 200px;

    max-width: 400px;

    background: #fff;

    list-style: none;

    height: 370px;

    overflow: auto;

    border: 1px solid #ccc;

}



.custom-drop .lwr-part ul.open.active {

    display: block;

}



.custom-drop .lwr-part ul.open {

    width: 200px;

    min-width: 200px;

    max-width: 400px;

    background: #fff;

    list-style: none;

    height: 370px;

    overflow: auto;

    display: none;

    border: 1px solid #ccc;

}



.custom-drop .lwr-part ul.open1::-webkit-scrollbar,

.custom-drop .lwr-part ul.open::-webkit-scrollbar {

    width: 5px;

}



.custom-drop .lwr-part ul.open1::-webkit-scrollbar-thumb,

.custom-drop .lwr-part ul.open::-webkit-scrollbar-thumb {

    background-color: #d4d4d4;

    outline: 1px solid #d4d4d4;

    border-radius: 5px;

}



.custom-drop .lwr-part ul.open1 li {

    padding: 0px 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #ccc;

}



.custom-drop .lwr-part ul.open1 li.active,

.custom-drop .lwr-part ul.open li.active {

    background: #004378;

}



.custom-drop .lwr-part ul.open1 li.active a,

.custom-drop .lwr-part ul.open li.active a {

    color: #fff;

}



.custom-drop .lwr-part ul.open1 li.active a i,

.custom-drop .lwr-part ul.open li.active a i {

    color: #fff;

}



.custom-drop .lwr-part ul.open1 li a {

    padding: 5px 0px;

    font-size: 13px;

}



.custom-drop .lwr-part ul.open1 li a i {

    font-size: 18px;

}



.custom-drop .lwr-part ul.open li {

    padding: 0px 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #ccc;

}



.custom-drop .lwr-part ul.open li a {

    padding: 5px 0px;

    font-size: 13px;

}



.sumbit-fix {

    width: 100%;

    position: fixed;

    bottom: 0px;

    left: 0;

    padding: 10px;

    background: #ffffff;

    z-index: 1;

}



.sumbit-fix a,

.sumbit-fix button {

    background: #00b900;

    font-size: 11px;

    padding: 10px 15px;

    display: block;

    width: 100%;

    color: #ffffff;

    font-weight: 600;

    letter-spacing: 0.5px;

}



a.anchor-tag {

    color: #0629d2;

    border-bottom: 2px solid;

    font-size: 13px;

}



.assign-column {

    height: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.assign-column a {

    background: #2296f2;

    padding: 10px 30px;

    display: flex;

    align-items: center;

    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.3);

    color: #fff;

    font-size: 12px;

    border: 2px solid #ffffff;

    border-radius: 60px;

}



.assign-column a i {

    margin-right: 20px;

}



.cs-scroll {

    min-height: auto;

    max-height: 350px;

    overflow: auto;

    overflow-x: hidden;

    margin: 0px -15px;

    padding: 0px 15px;

}



.chat-type-logs {

    min-height: auto;

    max-height: 400px;

    overflow: auto;

    margin-right: -10px;

    padding-right: 10px;

    background: #ffffff;

}



.message {

    display: flex;

    align-items: flex-start;

    box-sizing: content-box;

}



.message .img-text {

    width: 40px;

    min-width: 40px;

    height: 40px;

    border-radius: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    font-weight: 500;

    border: 2px solid #ffffff;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);

    color: #fff;

}



.message .img-text img {

    width: 100%;

    height: 100%;

    border-radius: 100%;

    border: 2px solid #2296f2;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

}



.message .message-text {

    position: relative;

    margin-bottom: 10px;

    padding: 10px;

    border-radius: 10px;

    position: relative;

    box-sizing: border-box;

    /* display: table-column; */

}



.message .message-tittle {

    margin: -10px -10px 10px -10px;

    border-radius: 8px 8px 0px 0px;

    padding: 10px;

    position: relative;

}



.message .message-text:after {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    border-top: 7px solid transparent;

    border-bottom: 7px solid transparent;

    border-right: 7px solid #2296f2;

}



.message .name {

    font-size: 11px;

    font-weight: 600;

}



.message .message-date {

    font-size: 10px;

    font-weight: 600;

    padding-left: 15px;

}



.message .message-desc {

    font-size: 11px;

    line-height: 18px;

}



.message.user {

    flex-direction: row;

}



.message.user.default .message-text {

    border: 1px solid #c3c2c2;

}



.message.user.default .message-tittle {

    background: #f9f9f9;

    border-bottom: 1px solid #c3c2c2;

    display: flex;

    justify-content: space-between;

}



.message.user.default .message-text:after {

    border-right-color: #c3c2c2;

}



.message.user.default .img-text {

    background: #004378;

}



.message.user.person-one .message-text {

    border: 1px solid #2296f2;

}



.message.user.person-one .message-tittle {

    background: #e7f4ff;

    border-bottom: 1px solid #2296f2;

}



.message.user.person-one .message-text:after {

    border-right-color: #2296f2;

}



.message.user.person-one .img-text {

    background: #2296f2;

}



.message.user.person-two .message-text {

    border: 1px solid #d13bcc;

}



.message.user.person-two .message-tittle {

    background: #ffd5fe;

    border-bottom: 1px solid #d13bcc;

}



.message.user.person-two .message-text:after {

    border-right-color: #d13bcc;

}



.message.user.person-two .img-text {

    background: #d13bcc;

}



.message.user.person-three .message-text {

    border: 1px solid #e0d42b;

}



.message.user.person-three .message-tittle {

    background: #fffbbe;

    border-bottom: 1px solid #e0d42b;

}



.message.user.person-three .message-text:after {

    border-right-color: #e0d42b;

}



.message.user.person-three .img-text {

    background: #e0d42b;

}



.message.user .message-text {

    margin-left: 20px;

}



.message .message-text .message-time {

    font-size: 10px;

    color: #ffeb00;

}



.message.user .message-text:after {

    top: 10px;

    left: -8px;

}



.message.admin {

    flex-direction: row-reverse;

}



.message.admin .message-text {

    margin-right: 20px;

    border: 1px solid #2296f2;

    background: #2296f2;

    color: #fff;

    margin-left: 60px;

}



.message.admin .message-text .message-time {

    text-align: right;

}



.message.admin .message-text:after {

    top: 10px;

    right: -8px;

    transform: rotate(180deg);

}



.edit-dropdown .dropdown-menu {

    left: -90px;

}



.edit-dropdown button.pdf-btn {

    display: inline-flex;

    align-items: center;

    margin-top: 0px !important;

}



.edit-dropdown button.pdf-btn i {

    margin-right: 10px;

    font-size: 18px;

}



.edit-dropdown .btn-default,

.edit-dropdown .btn-default:hover {

    color: #2296f2 !important;

    background-color: #ffffff !important;

    border-color: #2296f2 !important;

    font-weight: 600;

    min-width: 100px;

    margin-top: 5px;

    display: flex;

    align-items: center;

}



.edit-dropdown .btn-default i {

    margin-right: 10px;

    font-size: 20px;

}



.edit-dropdown .caret {

    border-top: 6px dashed;

    border-right: 6px solid transparent;

    border-left: 6px solid transparent;

    margin-left: 20px;

}



.edit-dropdown .dropdown-menu>li>a {

    display: flex;

    padding: 10px;

    align-items: center;

    border-bottom: 1px solid #ccc;

    font-size: 13px;

}



.edit-dropdown .dropdown-menu>li:last-child a {

    border-bottom: 0px;

}



.edit-dropdown .dropdown-menu>li>a img {

    /* height: 24px; */

    margin-right: 10px;

}



.invoice-upload-file {

    display: block;

    height: 30px;

    line-height: 30px !important;

    border: 1px solid #ccc;

    padding: 0px 10px;

    margin-top: 0px !important;

    cursor: pointer;

}



.invoice-upload-file .icon {

    width: max-content;

    background: #efefef;

    margin: 2px 0px 0px -5px;

    height: 24px;

    float: left;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0px 15px;

}



.invoice-upload-file .icon i {

    margin-right: 5px;

    color: #8c8a8a;

}



.invoice-upload-file .icon p {

    float: left;

    margin-left: 5px;

}



.invoice-upload-file p {

    margin-left: 10px;

    display: inline-block;

}



table.in-table tr:last-child td {

    border-bottom: 0px !important;

    border-color: rgba(0, 0, 0, .1) !important;

}



span.forword-chip {

    display: inline-flex;

    align-items: center;

    padding: 2px 6px;

    border-radius: 16px;

    font-size: 11px;

    color: #000000;

    background: #f9f9f9;

    font-weight: 600;

    letter-spacing: 0.5px;

    border: 1px solid rgba(0, 0, 0, 0.2);

    outline: none;

    cursor: pointer;

}



span.forword-chip:nth-child(2) {

    margin-left: 10px;

}



span.forword-chip i {

    line-height: 0px;

    margin-left: 5px;

    font-size: 20px;

    color: rgba(0, 0, 0, 0.3);

}



span.forword-chip.stock-chip i {

    margin-right: 5px;

    margin-left: 0px;

    color: #000000;

}



span.forword-chip.stock-chip:nth-child(2) i {

    transform: rotate(180deg);

}



span.forword-chip.open-com {

    background: #ff0000;

    color: #ffffff;

}



span.forword-chip.close-com {

    background: #00b900;

    color: #ffffff;

}



.row-section {

    border-bottom: 1px solid #cccccc;

    min-height: auto;

    max-height: 400px;

    overflow: hidden;

}



.edit-type input {

    background: #efefef;

}



.summary-table table {

    width: 100%;

}



.summary-table table tr td {

    font-size: 11px;

    font-weight: 600;

}



.summary-table h2 {

    font-size: 14px;

    border-bottom: 2px solid #565656;

    margin-top: 20px;

    color: #000000;

}



.priority-color {

    position: fixed;

    bottom: 10px;

    left: 7px;

    width: 190px;

    background: #fff;

    border: 1px solid #ffc2c2;

    box-shadow: 0px 5px 15px 0px rgba(255, 194, 194, 0.9);

    border-radius: 10px;

    transition: width 0.5s;

    /* animation: shadow-pulse 1s infinite;

    -webkit-animation: shadow-pulse 1s infinite;

    -moz-animation: shadow-pulse 1s infinite;

    -ms-animation: shadow-pulse 1s infinite; */

}



.priority-color h2 {

    font-size: 12px;

    padding: 10px;

    border-bottom: 1px solid #ffc2c2;

    font-weight: 600;

    white-space: nowrap;

}



.priority-color .color-code {

    padding: 10px;

    display: flex;

    flex-wrap: wrap;

}



.priority-color .color-code div {

    width: 50%;

    font-size: 11px;

    margin-bottom: 10px;

    display: flex;

    align-items: center;

}



.priority-color .color-code div:last-child {

    margin-bottom: 0px;

}



.priority-color .color-code div span {

    width: 15px;

    height: 15px;

    display: inline-block;

    border-radius: 20px;

    margin-right: 5px;

}



.top-heading ul {

    display: flex;

    align-items: center;

}



.top-heading ul li a.back {

    padding: 5px 15px;

    margin-right: 10px;

    border-right: 1px solid #ccc;

    cursor: pointer;

}



.top-heading ul li a.back i {

    font-size: 16px;

}



.top-heading ul li h2 {

    font-size: 12px;

    font-weight: 600;

    line-height: 18px;

}



.top-heading ul li p {

    font-size: 11px;

    line-height: 18px;

}



.flex-row {

    display: flex;

    align-items: flex-end;

}



.flex-row ul {

    margin-right: 15px;

}



.flex-row ul:last-child {

    margin-right: 0px;

}



a.add-product {

    width: 40px;

    min-width: 40px;

    height: 42px;

    background: #00b900;

    line-height: 42px;

    text-align: center;

}



a.add-product i {

    color: #ffffff;

    font-size: 18px;

    line-height: 42px;

}



.logs {

    min-height: auto;

    max-height: 350px;

    overflow: auto;

    margin-right: -5px;

    padding-right: 15px;

}



.logs ul {

    margin-left: 15px;

    margin-top: -10px;

}



.logs ul li {

    position: relative;

    font-size: 11px;

    display: flex;

    justify-content: space-between;

    line-height: 20px;

    margin-left: 10px;

    padding: 10px 0px;

}



.logs ul li:before {

    content: "";

    position: absolute;

    top: 50%;

    left: -19px;

    width: 2px;

    height: 100%;

    background: #2296f2;

}



.logs ul li:after {

    content: "";

    position: absolute;

    top: 50%;

    left: -25px;

    width: 15px;

    height: 15px;

    border: 2px solid #2296f2;

    border-radius: 25px;

    background: #ffffff;

    transform: translateY(-50%);

}



.logs ul li:last-child:before {

    display: none;

}



.logs ul li .name,

.logs ul li .time {

    font-size: 11px;

    line-height: 18x

}



.logs ul li .time {

    font-weight: 600;

    min-width: 120px;

    padding-left: 10px;

}



.flex-item {

    display: flex;

    align-items: center;

}



.remark-modal {

    position: relative;

    margin-top: 8px;

}



.remark-modal a.remark-btn {

    border: 2px solid #ffffff;

    background: #f9f9f9;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

    padding: 8px 10px;

    border-radius: 30px;

    margin-right: 30px;

    position: relative;

    font-size: 13px;

    font-weight: 600;

}



.remark-modal a.remark-btn img {

    height: 20px;

    margin-right: 10px;

}



.remark-modal a.remark-btn span.count {

    position: absolute;

    top: -5px;

    right: -15px;

    min-width: 20px;

    width: auto;

    height: 20px;

    background: #ff7f27;

    line-height: 13px;

}



.remark-modal .chat-position {

    position: absolute;

    width: 400px;

    right: 20px;

    background: #ffffff;

    top: 30px;

    padding: 15px;

    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);

    border-radius: 10px;

    border: 1px solid #9c9c9c;

    transform: scale(0);

    transition: 0.5s;

}



.remark-modal .chat-position a.cs-btn {

    display: inline-block;

    margin-top: 10px;

    float: right;

}



.remark-modal.active .chat-position {

    transform: scale(1);

    transition: 0.5s;

}



.remark-modal .chat-position .head {

    margin: -15px -15px 15px -15px;

    background: #dedcdc;

    padding: 15px;

    border-radius: 10px 10px 0px 0px;

    position: relative;

}



.remark-modal .chat-position .head h2 {

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 0.5px;

}



.remark-modal .chat-position .head a.close {

    position: absolute;

    top: 50%;

    right: 15px;

    transform: translateY(-50%);

    color: #ff0000;

    opacity: 1;

    font-size: 18px;

}



.dashboard-container {

    padding: 15px;

}



.all-counter {

    margin-bottom: 10px;

}



.flex-counter {

    display: flex;

    justify-content: space-between;

}



.flex-counter .counter {

    border: 1px solid #ccc;

    width: 100%;

    margin-right: 10px;

    padding: 10px;

    border-radius: 8px;

}



.flex-counter .counter.complaint {

    background: #f44336;

}



.flex-counter .counter.network {

    background: #e91e63;

}



.flex-counter .counter.user {

    background: #9c27b0;

}



.flex-counter .counter.invoice {

    background: #2196f3;

}



.flex-counter .counter.expense {

    background: #795548;

}



.flex-counter .counter.same-width {

    min-width: 230px;

    width: 230px;

}



.flex-counter .counter.same-width .top-item,

.flex-counter .counter.same-width .bottom-item {

    height: inherit;

}



.flex-counter .counter:last-child {

    margin-right: 0px;

}



.flex-counter .counter .top-item {

    display: flex;

    justify-content: space-between;

    padding-bottom: 10px;

    border-bottom: 2px solid rgba(0, 0, 0, 0.2);

    height: 30px;

    margin-bottom: 10px;

    align-items: center;

}



.flex-counter .counter .top-item h3 {

    font-size: 18px;

    color: #ffffff;

}



.flex-counter .counter .top-item span.digit {

    width: auto;

    height: 35px;

    min-width: 35px;

    background: #ffffff;

    color: #000000;

    border-radius: 35px;

    line-height: 35px;

    text-align: center;

    font-weight: 600;

}



.flex-counter .counter .top-item p {

    font-size: 11px;

    color: #ffffff;

}



.flex-counter .counter .top-item h2 {

    font-size: 12px;

    font-weight: 600;

    color: #ffffff;

}



.flex-counter .counter .bottom-item {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 10px 0px;

    height: 50px;

}



.flex-counter .counter .bottom-item p {

    font-size: 11px;

    color: #ffffff;

}



.flex-counter .counter .bottom-item h2 {

    font-size: 15px;

    font-weight: 600;

    color: #ffffff;

}



.flex-counter .counter .bottom-item ul {

    display: flex;

    width: 100%;

}



.flex-counter .counter .bottom-item ul li {

    width: 100%;

    position: relative;

    margin-right: 10px;

    padding-right: 10px;

    color: #ffffff;

}



.flex-counter .counter .bottom-item ul li p {

    font-size: 12px;

    font-weight: 600;

    color: #ffffff;

}



.flex-counter .counter .bottom-item ul li span {

    font-size: 13px;

    color: #ffffff;

}



.flex-counter .counter .bottom-item ul li:last-child {

    margin-right: 0;

}



.flex-counter .counter .bottom-item ul li:after {

    content: "";

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    width: 2px;

    height: 50%;

    background: rgba(0, 0, 0, 0.2);

}



.flex-counter .counter .bottom-item ul li:last-child:after {

    background: transparent;

}



.square-box {

    border: 1px solid;

    padding: 10px;

    border-radius: 8px;

}



.square-box.black-sec {

    border: 1px solid #333333;

}



.square-box.black-sec .head {

    background: #333333;

}



.square-box.blue-sec {

    border: 1px solid #339;

}



.square-box.blue-sec .head {

    background: #339;

}



.square-box.sky-blue-sec {

    border: 1px solid #23aae1;

}



.square-box.sky-blue-sec .head {

    background: #23aae1;

}



.square-box.pink-sec {

    border: 1px solid #f50057;

}



.square-box.pink-sec .head {

    background: #f50057;

}



.square-box.green-sec {

    border: 1px solid #60c3a1;

}



.square-box.green-sec .head {

    background: #60c3a1;

}



.square-box .head {

    margin: -10px -10px 10px -10px;

    padding: 0px 10px;

    height: 45px;

    color: #ffff;

    display: flex;

    align-items: center;

    border-radius: 8px 8px 0px 0px;

}



.square-box .head h2 {

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.square-box .head span.count {

    margin-left: auto;

    min-width: 40px;

    width: auto;

    height: 30px;

    padding: 5px 10px;

    border-radius: 9px;

    background: #ffffff;

    color: #000000;

    font-weight: 600;

}



.square-box .head ul {

    margin-left: auto;

    display: flex;

    align-items: center;

}



.square-box .head ul li {

    margin-right: 10px;

    font-size: 12px;

    font-weight: 600;

}



.square-box .head ul li a {

    background: rgba(0, 0, 0, 0.4);

    color: #ffffff;

    padding: 5px 10px;

}



.square-box .head ul li:last-child {

    margin-right: 0px;

}



.square-box .head ul li a:hover,

.square-box .head ul li a.active {

    background: #ffffff;

    color: #000000;

}



.number-strip ul li {

    display: flex;

    justify-content: space-between;

    padding: 5px;

    margin-bottom: 10px;

    align-items: center;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);

}



.number-strip ul li .content {

    width: 100%;

    background: #fff;

    padding: 0px 5px;

    font-size: 11px;

    height: 40px;

    line-height: 40px;

    color: #000000;

    font-weight: 600;

}



.number-strip ul li .number {

    width: auto;

    min-width: 50px;

    text-align: center;

    background: transparent;

    font-size: 20px;

    height: 40px;

    line-height: 40px;

    font-weight: 600;

    color: #ffffff;

}



.number-strip ul li:first-child {

    background: #00b900;

}



.number-strip ul li:nth-child(2) {

    background: #ffa200;

}



.number-strip ul li:last-child {

    border-radius: 0px 0px 8px 8px;

    margin-bottom: 0px;

    background: #d13bcc;

}



.complaint-sec ul {

    display: flex;

    width: 100%;

    padding: 10px 0px;

}



.complaint-sec ul li {

    width: 100%;

    display: flex;

    align-items: center;

}



.complaint-sec ul li .img-secation {

    width: 40px;

    min-width: 40px;

    margin-right: 10px;

}



.complaint-sec ul li .content-secation p {

    font-size: 11px;

    color: #000000;

}



.complaint-sec ul li .content-secation span {

    font-size: 20px;

    font-weight: 600;

}



.one-line {

    display: inline-flex;

}



.one-line a {

    margin-right: 5px;

}



.tag {

    padding: 10px;

    font-size: 12px;

    font-weight: 600;

    color: #ffffff;

    border-radius: 6px;

    display: inline;

}



.user-hint {

    display: flex;

    align-items: center;

    margin-top: 2px;

}



.user-hint p {

    padding: 0px !important;

    font-size: 11px;

    color: #868282;

}



.user-hint span.days-bg {

    margin-left: 5px;

    background: #DFF6FF;

    padding: 2px 5px;

    border-radius: 20px;

    color: #23AAE1;

    font-weight: 600;

    font-size: 11px;

}



.pagination-sticky {

    position: sticky;

    left: 0;

    z-index: 2;

}



.horizontal {

    width: 100%;

    overflow: auto;

    min-height: auto;

    max-height: calc(100vh - 260px);

}



.horizontal.tab-space {

    max-height: calc(100vh - 220px);

}



.horizontal.clac125,

.horizontal .page-scroll.clac125 {

    max-height: calc(100vh - 125px);

}



.horizontal .page-scroll {

    height: calc(100vh - 120px);

    overflow: auto;

}



.horizontal .page-scroll table tr th.first-head {

    position: sticky;

    top: 0px;

    right: 0px;

    z-index: 3;

}



.horizontal table {

    width: 100%;

    min-width: 1024px;

    table-layout: fixed;

    border-collapse: collapse;

    box-sizing: border-box;

}



.horizontal table tr th .table-head {

    padding: 0px 15px;

    background: #f1f1f1;

}



.horizontal table tr th .table-head table tr th {

    border-right: 1px solid #dcdbdb;

    padding: 10px;

    font-size: 11px;

    text-transform: capitalize;

    font-weight: 500;

    color: #000;

    position: relative;

    text-align: left;

    background: #f1f1f1;

}



.horizontal table tr th .table-head table tr:nth-child(2) th {

    padding: 5px;

}



.horizontal table tr th .table-head table tr th:last-child {

    border-right: 0px;

}



.horizontal table tr th .table-head:first-child {

    border-top: 0px;

}



.horizontal table tr th .table-head:last-child table tr th {

    border-top: 1px solid #dcdbdb;

}



.horizontal table tr th .table-head:last-child table tr th table tr th {

    border-top: 0px;

}



.horizontal table tr th table {

    min-width: inherit;

}



.horizontal table tr td {

    padding: 10px;

}



.horizontal table tr td a {

    color: #000DC4;

}



.horizontal table tr td .table-body {

    width: 100%;

    border-radius: 8px;

}



.horizontal table tr td .table-body table tr td {

    border: 1px solid #dcdbdb;

    padding: 10px;

    background: #fff;

    font-size: 11px;

    font-weight: normal;

    color: #383737;

    position: relative;

}



.horizontal table tr td .table-body table tr td table {

    min-width: 100%;

    width: inherit;

}



.horizontal table tr td .table-body table tr td table tr td:first-child {border-left: 0px;}

.horizontal table tr td .table-body table tr td table tr td:last-child {border-right: 0px;}

.horizontal table tr td .table-body table tr td table tr:first-child td {border-top: 0px;}

.horizontal table tr td .table-body table tr td table tr:last-child td {border-bottom: 0px;}

.horizontal table tr td .table-body table tr:hover td .action-btns {opacity: 1;}

.horizontal table tr td .table-body table tr:hover td .action-btns button,

.horizontal table tr td .table-body table tr:hover td .action-btns a {opacity: 1;}

.horizontal table tr td .table-body table tr:hover td .action-btns i {

    font-size: 20px;

    margin-right: 5px;

}



.horizontal .sticky-th {

    position: sticky !important;

    left: 10px;

    z-index: 2;

    border-right: 0px !important;

}



.horizontal .sticky-th:after {

    content: "";

    position: absolute;

    background: #f1f1f1;

    height: 100%;

    width: 17px;

    top: -1px;

    left: -17px;

    border-top: 1px solid #dcdbdb;

}



.horizontal .sticky-td {

    position: sticky !important;

    left: 15px;

    z-index: 1;

    border-right: 0px !important;

}



.horizontal .sticky-td:after {

    content: "";

    position: absolute;

    background: #fff;

    height: 100%;

    width: 17px;

    top: -1px;

    left: -17px;

}



.horizontal .sticky-td.bg-head,

.horizontal .sticky-td.bg-head table tr td {

    background: #90caf9;

}



.horizontal .sticky-td.bg-head:after {

    background: #ffffff;

}



.horizontal .sticky-td.bg-head table tr td {

    color: #000000;

}



.horizontal table tr.td-bule-bg td {

    background: #90caf9 !important;

}



.swal-modal {

    width: 400px;

}



.swal-title {

    font-size: 18px;

}



.swal-text {

    font-size: 14px;

}



.swal-footer {

    text-align: center;

}



.w-1 {width: 1px !important;}

.w-2 {width: 2px !important;}

.w-3 {width: 3px !important;}

.w-4 {width: 4px !important;}

.w-5 {width: 5px !important;}

.w-6 {width: 6px !important;}

.w-7 {width: 7px !important;}

.w-8 {width: 8px !important;}

.w-9 {width: 9px !important;}

.w-10 {width: 10px !important;}

.w-11 {width: 11px !important;}

.w-12 {width: 12px !important;}

.w-13 {width: 13px !important;}

.w-14 {width: 14px !important;}

.w-15 {width: 15px !important;}

.w-16 {width: 16px !important;}

.w-17 {width: 17px !important;}

.w-18 {width: 18px !important;}

.w-19 {width: 19px !important;}

.w-20 {width: 20px !important;}

.w-21 {width: 21px !important;}

.w-22 {width: 22px !important;}

.w-23 {width: 23px !important;}

.w-24 {width: 24px !important;}

.w-25 {width: 25px !important;}

.w-26 {width: 26px !important;}

.w-27 {width: 27px !important;}

.w-28 {width: 28px !important;}

.w-29 {width: 29px !important;}

.w-30 {width: 30px !important;}

.w-31 {width: 31px !important;}

.w-32 {width: 32px !important;}

.w-33 {width: 33px !important;}

.w-34 {width: 34px !important;}

.w-35 {width: 35px !important;}

.w-36 {width: 36px !important;}

.w-37 {width: 37px !important;}

.w-38 {width: 38px !important;}

.w-39 {width: 39px !important;}

.w-40 {width: 40px !important;}

.w-41 {width: 41px !important;}

.w-42 {width: 42px !important;}

.w-43 {width: 43px !important;}

.w-44 {width: 44px !important;}

.w-45 {width: 45px !important;}

.w-46 {width: 46px !important;}

.w-47 {width: 47px !important;}

.w-48 {width: 48px !important;}

.w-49 {width: 49px !important;}

.w-50 {width: 50px !important;}

.w-51 {width: 51px !important;}

.w-52 {width: 52px !important;}

.w-53 {width: 53px !important;}

.w-54 {width: 54px !important;}

.w-55 {width: 55px !important;}

.w-56 {width: 56px !important;}

.w-57 {width: 57px !important;}

.w-58 {width: 58px !important;}

.w-59 {width: 59px !important;}

.w-60 {width: 60px !important;}

.w-61 {width: 61px !important;}

.w-62 {width: 62px !important;}

.w-63 {width: 63px !important;}

.w-64 {width: 64px !important;}

.w-65 {width: 65px !important;}

.w-66 {width: 66px !important;}

.w-67 {width: 67px !important;}

.w-68 {width: 68px !important;}

.w-69 {width: 69px !important;}

.w-70 {width: 70px !important;}

.w-71 {width: 71px !important;}

.w-72 {width: 72px !important;}

.w-73 {width: 73px !important;}

.w-74 {width: 74px !important;}

.w-75 {width: 75px !important;}

.w-76 {width: 76px !important;}

.w-77 {width: 77px !important;}

.w-78 {width: 78px !important;}

.w-79 {width: 79px !important;}

.w-80 {width: 80px !important;}

.w-81 {width: 81px !important;}

.w-82 {width: 82px !important;}

.w-83 {width: 83px !important;}

.w-84 {width: 84px !important;}

.w-85 {width: 85px !important;}

.w-86 {width: 86px !important;}

.w-87 {width: 87px !important;}

.w-88 {width: 88px !important;}

.w-89 {width: 89px !important;}

.w-90 {width: 90px !important;}

.w-91 {width: 91px !important;}

.w-92 {width: 92px !important;}

.w-93 {width: 93px !important;}

.w-94 {width: 94px !important;}

.w-95 {width: 95px !important;}

.w-96 {width: 96px !important;}

.w-97 {width: 97px !important;}

.w-98 {width: 98px !important;}

.w-99 {width: 99px !important;}

.w-100 {width: 100px !important;}

.w-101 {width: 101px !important;}

.w-102 {width: 102px !important;}

.w-103 {width: 103px !important;}

.w-104 {width: 104px !important;}

.w-105 {width: 105px !important;}

.w-106 {width: 106px !important;}

.w-107 {width: 107px !important;}

.w-108 {width: 108px !important;}

.w-109 {width: 109px !important;}

.w-110 {width: 110px !important;}

.w-111 {width: 111px !important;}

.w-112 {width: 112px !important;}

.w-113 {width: 113px !important;}

.w-114 {width: 114px !important;}

.w-115 {width: 115px !important;}

.w-116 {width: 116px !important;}

.w-117 {width: 117px !important;}

.w-118 {width: 118px !important;}

.w-119 {width: 119px !important;}

.w-120 {width: 120px !important;}

.w-121 {width: 121px !important;}

.w-122 {width: 122px !important;}

.w-123 {width: 123px !important;}

.w-124 {width: 124px !important;}

.w-125 {width: 125px !important;}

.w-126 {width: 126px !important;}

.w-127 {width: 127px !important;}

.w-128 {width: 128px !important;}

.w-129 {width: 129px !important;}

.w-130 {width: 130px !important;}

.w-131 {width: 131px !important;}

.w-132 {width: 132px !important;}

.w-133 {width: 133px !important;}

.w-134 {width: 134px !important;}

.w-135 {width: 135px !important;}

.w-136 {width: 136px !important;}

.w-137 {width: 137px !important;}

.w-138 {width: 138px !important;}

.w-139 {width: 139px !important;}

.w-140 {width: 140px !important;}

.w-141 {width: 141px !important;}

.w-142 {width: 142px !important;}

.w-143 {width: 143px !important;}

.w-144 {width: 144px !important;}

.w-145 {width: 145px !important;}

.w-146 {width: 146px !important;}

.w-147 {width: 147px !important;}

.w-148 {width: 148px !important;}

.w-149 {width: 149px !important;}

.w-150 {width: 150px !important;}

.w-151 {width: 151px !important;}

.w-152 {width: 152px !important;}

.w-153 {width: 153px !important;}

.w-154 {width: 154px !important;}

.w-155 {width: 155px !important;}

.w-156 {width: 156px !important;}

.w-157 {width: 157px !important;}

.w-158 {width: 158px !important;}

.w-159 {width: 159px !important;}

.w-160 {width: 160px !important;}

.w-161 {width: 161px !important;}

.w-162 {width: 162px !important;}

.w-163 {width: 163px !important;}

.w-164 {width: 164px !important;}

.w-165 {width: 165px !important;}

.w-166 {width: 166px !important;}

.w-167 {width: 167px !important;}

.w-168 {width: 168px !important;}

.w-169 {width: 169px !important;}

.w-170 {width: 170px !important;}

.w-171 {width: 171px !important;}

.w-172 {width: 172px !important;}

.w-173 {width: 173px !important;}

.w-174 {width: 174px !important;}

.w-175 {width: 175px !important;}

.w-176 {width: 176px !important;}

.w-177 {width: 177px !important;}

.w-178 {width: 178px !important;}

.w-179 {width: 179px !important;}

.w-180 {width: 180px !important;}

.w-181 {width: 181px !important;}

.w-182 {width: 182px !important;}

.w-183 {width: 183px !important;}

.w-184 {width: 184px !important;}

.w-185 {width: 185px !important;}

.w-186 {width: 186px !important;}

.w-187 {width: 187px !important;}

.w-188 {width: 188px !important;}

.w-189 {width: 189px !important;}

.w-190 {width: 190px !important;}

.w-191 {width: 191px !important;}

.w-192 {width: 192px !important;}

.w-193 {width: 193px !important;}

.w-194 {width: 194px !important;}

.w-195 {width: 195px !important;}

.w-196 {width: 196px !important;}

.w-197 {width: 197px !important;}

.w-198 {width: 198px !important;}

.w-199 {width: 199px !important;}

.w-200 {width: 200px !important;}

.w-201 {width: 201px !important;}

.w-202 {width: 202px !important;}

.w-203 {width: 203px !important;}

.w-204 {width: 204px !important;}

.w-205 {width: 205px !important;}

.w-206 {width: 206px !important;}

.w-207 {width: 207px !important;}

.w-208 {width: 208px !important;}

.w-209 {width: 209px !important;}

.w-210 {width: 210px !important;}

.w-211 {width: 211px !important;}

.w-212 {width: 212px !important;}

.w-213 {width: 213px !important;}

.w-214 {width: 214px !important;}

.w-215 {width: 215px !important;}

.w-216 {width: 216px !important;}

.w-217 {width: 217px !important;}

.w-218 {width: 218px !important;}

.w-219 {width: 219px !important;}

.w-220 {width: 220px !important;}

.w-221 {width: 221px !important;}

.w-222 {width: 222px !important;}

.w-223 {width: 223px !important;}

.w-224 {width: 224px !important;}

.w-225 {width: 225px !important;}

.w-226 {width: 226px !important;}

.w-227 {width: 227px !important;}

.w-228 {width: 228px !important;}

.w-229 {width: 229px !important;}

.w-230 {width: 230px !important;}

.w-231 {width: 231px !important;}

.w-232 {width: 232px !important;}

.w-233 {width: 233px !important;}

.w-234 {width: 234px !important;}

.w-235 {width: 235px !important;}

.w-236 {width: 236px !important;}

.w-237 {width: 237px !important;}

.w-238 {width: 238px !important;}

.w-239 {width: 239px !important;}

.w-240 {width: 240px !important;}

.w-241 {width: 241px !important;}

.w-242 {width: 242px !important;}

.w-243 {width: 243px !important;}

.w-244 {width: 244px !important;}

.w-245 {width: 245px !important;}

.w-246 {width: 246px !important;}

.w-247 {width: 247px !important;}

.w-248 {width: 248px !important;}

.w-249 {width: 249px !important;}

.w-250 {width: 250px !important;}

.w-251 {width: 251px !important;}

.w-252 {width: 252px !important;}

.w-253 {width: 253px !important;}

.w-254 {width: 254px !important;}

.w-255 {width: 255px !important;}

.w-256 {width: 256px !important;}

.w-257 {width: 257px !important;}

.w-258 {width: 258px !important;}

.w-259 {width: 259px !important;}

.w-260 {width: 260px !important;}

.w-261 {width: 261px !important;}

.w-262 {width: 262px !important;}

.w-263 {width: 263px !important;}

.w-264 {width: 264px !important;}

.w-265 {width: 265px !important;}

.w-266 {width: 266px !important;}

.w-267 {width: 267px !important;}

.w-268 {width: 268px !important;}

.w-269 {width: 269px !important;}

.w-270 {width: 270px !important;}

.w-271 {width: 271px !important;}

.w-272 {width: 272px !important;}

.w-273 {width: 273px !important;}

.w-274 {width: 274px !important;}

.w-275 {width: 275px !important;}

.w-276 {width: 276px !important;}

.w-277 {width: 277px !important;}

.w-278 {width: 278px !important;}

.w-279 {width: 279px !important;}

.w-280 {width: 280px !important;}

.w-281 {width: 281px !important;}

.w-282 {width: 282px !important;}

.w-283 {width: 283px !important;}

.w-284 {width: 284px !important;}

.w-285 {width: 285px !important;}

.w-286 {width: 286px !important;}

.w-287 {width: 287px !important;}

.w-288 {width: 288px !important;}

.w-289 {width: 289px !important;}

.w-290 {width: 290px !important;}

.w-291 {width: 291px !important;}

.w-292 {width: 292px !important;}

.w-293 {width: 293px !important;}

.w-294 {width: 294px !important;}

.w-295 {width: 295px !important;}

.w-296 {width: 296px !important;}

.w-297 {width: 297px !important;}

.w-298 {width: 298px !important;}

.w-299 {width: 299px !important;}

.w-300 {width: 300px !important;}

.w-301 {width: 301px !important;}

.w-302 {width: 302px !important;}

.w-303 {width: 303px !important;}

.w-304 {width: 304px !important;}

.w-305 {width: 305px !important;}

.w-306 {width: 306px !important;}

.w-307 {width: 307px !important;}

.w-308 {width: 308px !important;}

.w-309 {width: 309px !important;}

.w-310 {width: 310px !important;}

.w-311 {width: 311px !important;}

.w-312 {width: 312px !important;}

.w-313 {width: 313px !important;}

.w-314 {width: 314px !important;}

.w-315 {width: 315px !important;}

.w-316 {width: 316px !important;}

.w-317 {width: 317px !important;}

.w-318 {width: 318px !important;}

.w-319 {width: 319px !important;}

.w-320 {width: 320px !important;}

.w-321 {width: 321px !important;}

.w-322 {width: 322px !important;}

.w-323 {width: 323px !important;}

.w-324 {width: 324px !important;}

.w-325 {width: 325px !important;}

.w-326 {width: 326px !important;}

.w-327 {width: 327px !important;}

.w-328 {width: 328px !important;}

.w-329 {width: 329px !important;}

.w-330 {width: 330px !important;}

.w-331 {width: 331px !important;}

.w-332 {width: 332px !important;}

.w-333 {width: 333px !important;}

.w-334 {width: 334px !important;}

.w-335 {width: 335px !important;}

.w-336 {width: 336px !important;}

.w-337 {width: 337px !important;}

.w-338 {width: 338px !important;}

.w-339 {width: 339px !important;}

.w-340 {width: 340px !important;}

.w-341 {width: 341px !important;}

.w-342 {width: 342px !important;}

.w-343 {width: 343px !important;}

.w-344 {width: 344px !important;}

.w-345 {width: 345px !important;}

.w-346 {width: 346px !important;}

.w-347 {width: 347px !important;}

.w-348 {width: 348px !important;}

.w-349 {width: 349px !important;}

.w-350 {width: 350px !important;}

.w-351 {width: 351px !important;}

.w-352 {width: 352px !important;}

.w-353 {width: 353px !important;}

.w-354 {width: 354px !important;}

.w-355 {width: 355px !important;}

.w-356 {width: 356px !important;}

.w-357 {width: 357px !important;}

.w-358 {width: 358px !important;}

.w-359 {width: 359px !important;}

.w-360 {width: 360px !important;}

.w-361 {width: 361px !important;}

.w-362 {width: 362px !important;}

.w-363 {width: 363px !important;}

.w-364 {width: 364px !important;}

.w-365 {width: 365px !important;}

.w-366 {width: 366px !important;}

.w-367 {width: 367px !important;}

.w-368 {width: 368px !important;}

.w-369 {width: 369px !important;}

.w-370 {width: 370px !important;}

.w-371 {width: 371px !important;}

.w-372 {width: 372px !important;}

.w-373 {width: 373px !important;}

.w-374 {width: 374px !important;}

.w-375 {width: 375px !important;}

.w-376 {width: 376px !important;}

.w-377 {width: 377px !important;}

.w-378 {width: 378px !important;}

.w-379 {width: 379px !important;}

.w-380 {width: 380px !important;}

.w-381 {width: 381px !important;}

.w-382 {width: 382px !important;}

.w-383 {width: 383px !important;}

.w-384 {width: 384px !important;}

.w-385 {width: 385px !important;}

.w-386 {width: 386px !important;}

.w-387 {width: 387px !important;}

.w-388 {width: 388px !important;}

.w-389 {width: 389px !important;}

.w-390 {width: 390px !important;}

.w-391 {width: 391px !important;}

.w-392 {width: 392px !important;}

.w-393 {width: 393px !important;}

.w-394 {width: 394px !important;}

.w-395 {width: 395px !important;}

.w-396 {width: 396px !important;}

.w-397 {width: 397px !important;}

.w-398 {width: 398px !important;}

.w-399 {width: 399px !important;}

.w-400 {width: 400px !important;}

.w-401 {width: 401px !important;}

.w-402 {width: 402px !important;}

.w-403 {width: 403px !important;}

.w-404 {width: 404px !important;}

.w-405 {width: 405px !important;}

.w-406 {width: 406px !important;}

.w-407 {width: 407px !important;}

.w-408 {width: 408px !important;}

.w-409 {width: 409px !important;}

.w-410 {width: 410px !important;}

.w-411 {width: 411px !important;}

.w-412 {width: 412px !important;}

.w-413 {width: 413px !important;}

.w-414 {width: 414px !important;}

.w-415 {width: 415px !important;}

.w-416 {width: 416px !important;}

.w-417 {width: 417px !important;}

.w-418 {width: 418px !important;}

.w-419 {width: 419px !important;}

.w-420 {width: 420px !important;}

.w-421 {width: 421px !important;}

.w-422 {width: 422px !important;}

.w-423 {width: 423px !important;}

.w-424 {width: 424px !important;}

.w-425 {width: 425px !important;}

.w-426 {width: 426px !important;}

.w-427 {width: 427px !important;}

.w-428 {width: 428px !important;}

.w-429 {width: 429px !important;}

.w-430 {width: 430px !important;}

.w-431 {width: 431px !important;}

.w-432 {width: 432px !important;}

.w-433 {width: 433px !important;}

.w-434 {width: 434px !important;}

.w-435 {width: 435px !important;}

.w-436 {width: 436px !important;}

.w-437 {width: 437px !important;}

.w-438 {width: 438px !important;}

.w-439 {width: 439px !important;}

.w-440 {width: 440px !important;}

.w-441 {width: 441px !important;}

.w-442 {width: 442px !important;}

.w-443 {width: 443px !important;}

.w-444 {width: 444px !important;}

.w-445 {width: 445px !important;}

.w-446 {width: 446px !important;}

.w-447 {width: 447px !important;}

.w-448 {width: 448px !important;}

.w-449 {width: 449px !important;}

.w-450 {width: 450px !important;}

.w-451 {width: 451px !important;}

.w-452 {width: 452px !important;}

.w-453 {width: 453px !important;}

.w-454 {width: 454px !important;}

.w-455 {width: 455px !important;}

.w-456 {width: 456px !important;}

.w-457 {width: 457px !important;}

.w-458 {width: 458px !important;}

.w-459 {width: 459px !important;}

.w-460 {width: 460px !important;}

.w-461 {width: 461px !important;}

.w-462 {width: 462px !important;}

.w-463 {width: 463px !important;}

.w-464 {width: 464px !important;}

.w-465 {width: 465px !important;}

.w-466 {width: 466px !important;}

.w-467 {width: 467px !important;}

.w-468 {width: 468px !important;}

.w-469 {width: 469px !important;}

.w-470 {width: 470px !important;}

.w-471 {width: 471px !important;}

.w-472 {width: 472px !important;}

.w-473 {width: 473px !important;}

.w-474 {width: 474px !important;}

.w-475 {width: 475px !important;}

.w-476 {width: 476px !important;}

.w-477 {width: 477px !important;}

.w-478 {width: 478px !important;}

.w-479 {width: 479px !important;}

.w-480 {width: 480px !important;}

.w-481 {width: 481px !important;}

.w-482 {width: 482px !important;}

.w-483 {width: 483px !important;}

.w-484 {width: 484px !important;}

.w-485 {width: 485px !important;}

.w-486 {width: 486px !important;}

.w-487 {width: 487px !important;}

.w-488 {width: 488px !important;}

.w-489 {width: 489px !important;}

.w-490 {width: 490px !important;}

.w-491 {width: 491px !important;}

.w-492 {width: 492px !important;}

.w-493 {width: 493px !important;}

.w-494 {width: 494px !important;}

.w-495 {width: 495px !important;}

.w-496 {width: 496px !important;}

.w-497 {width: 497px !important;}

.w-498 {width: 498px !important;}

.w-499 {width: 499px !important;}

.w-500 {width: 500px !important;}

.top-1 {top: 1px !important;}

.top-2 {top: 2px !important;}

.top-3 {top: 3px !important;}

.top-4 {top: 4px !important;}

.top-5 {top: 5px !important;}

.top-6 {top: 6px !important;}

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

.top-8 {top: 8px !important;}

.top-9 {top: 9px !important;}

.top-10 {top: 10px !important;}

.top-11 {top: 11px !important;}

.top-12 {top: 12px !important;}

.top-13 {top: 13px !important;}

.top-14 {top: 14px !important;}

.top-15 {top: 15px !important;}

.top-16 {top: 16px !important;}

.top-17 {top: 17px !important;}

.top-18 {top: 18px !important;}

.top-19 {top: 19px !important;}

.top-20 {top: 20px !important;}

.top-21 {top: 21px !important;}

.top-22 {top: 22px !important;}

.top-23 {top: 23px !important;}

.top-24 {top: 24px !important;}

.top-25 {top: 25px !important;}

.top-26 {top: 26px !important;}

.top-27 {top: 27px !important;}

.top-28 {top: 28px !important;}

.top-29 {top: 29px !important;}

.top-30 {top: 30px !important;}

.top-31 {top: 31px !important;}

.top-32 {top: 32px !important;}

.top-33 {top: 33px !important;}

.top-34 {top: 34px !important;}

.top-35 {top: 35px !important;}

.top-36 {top: 36px !important;}

.top-37 {top: 37px !important;}

.top-38 {top: 38px !important;}

.top-39 {top: 39px !important;}

.top-40 {top: 40px !important;}

.top-41 {top: 41px !important;}

.top-42 {top: 42px !important;}

.top-43 {top: 43px !important;}

.top-44 {top: 44px !important;}

.top-45 {top: 45px !important;}

.top-46 {top: 46px !important;}

.top-47 {top: 47px !important;}

.top-48 {top: 48px !important;}

.top-49 {top: 49px !important;}

.top-50 {top: 50px !important;}

.top-51 {top: 51px !important;}

.top-52 {top: 52px !important;}

.top-53 {top: 53px !important;}

.top-54 {top: 54px !important;}

.top-55 {top: 55px !important;}

.top-56 {top: 56px !important;}

.top-57 {top: 57px !important;}

.top-58 {top: 58px !important;}

.top-59 {top: 59px !important;}

.top-60 {top: 60px !important;}

.top-61 {top: 61px !important;}

.top-62 {top: 62px !important;}

.top-63 {top: 63px !important;}

.top-64 {top: 64px !important;}

.top-65 {top: 65px !important;}

.top-66 {top: 66px !important;}

.top-67 {top: 67px !important;}

.top-68 {top: 68px !important;}

.top-69 {top: 69px !important;}

.top-70 {top: 70px !important;}

.top-71 {top: 71px !important;}

.top-72 {top: 72px !important;}

.top-73 {top: 73px !important;}

.top-74 {top: 74px !important;}

.top-75 {top: 75px !important;}

.top-76 {top: 76px !important;}

.top-77 {top: 77px !important;}

.top-78 {top: 78px !important;}

.top-79 {top: 79px !important;}

.top-80 {top: 80px !important;}

.top-81 {top: 81px !important;}

.top-82 {top: 82px !important;}

.top-83 {top: 83px !important;}

.top-84 {top: 84px !important;}

.top-85 {top: 85px !important;}

.top-86 {top: 86px !important;}

.top-87 {top: 87px !important;}

.top-88 {top: 88px !important;}

.top-89 {top: 89px !important;}

.top-90 {top: 90px !important;}

.top-91 {top: 91px !important;}

.top-92 {top: 92px !important;}

.top-93 {top: 93px !important;}

.top-94 {top: 94px !important;}

.top-95 {top: 95px !important;}

.top-96 {top: 96px !important;}

.top-97 {top: 97px !important;}

.top-98 {top: 98px !important;}

.top-99 {top: 99px !important;}

.top-100 {top: 100px !important;}

.topa-1:after {top: 1px !important;}

.topa-2:after {top: 2px !important;}

.topa-3:after {top: 3px !important;}

.topa-4:after {top: 4px !important;}

.topa-5:after {top: 5px !important;}

.topa-6:after {top: 6px !important;}

.topa-7:after {top: 7px !important;}

.topa-8:after {top: 8px !important;}

.topa-9:after {top: 9px !important;}

.topa-10:after {top: 10px !important;}

.topa-11:after {top: 11px !important;}

.topa-12:after {top: 12px !important;}

.topa-13:after {top: 13px !important;}

.topa-14:after {top: 14px !important;}

.topa-15:after {top: 15px !important;}

.topa-16:after {top: 16px !important;}

.topa-17:after {top: 17px !important;}

.topa-18:after {top: 18px !important;}

.topa-19:after {top: 19px !important;}

.topa-20:after {top: 20px !important;}

.topa-21:after {top: 21px !important;}

.topa-22:after {top: 22px !important;}

.topa-23:after {top: 23px !important;}

.topa-24:after {top: 24px !important;}

.topa-25:after {top: 25px !important;}

.topa-26:after {top: 26px !important;}

.topa-27:after {top: 27px !important;}

.topa-28:after {top: 28px !important;}

.topa-29:after {top: 29px !important;}

.topa-30:after {top: 30px !important;}

.topa-31:after {top: 31px !important;}

.topa-32:after {top: 32px !important;}

.topa-33:after {top: 33px !important;}

.topa-34:after {top: 34px !important;}

.topa-35:after {top: 35px !important;}

.topa-36:after {top: 36px !important;}

.topa-37:after {top: 37px !important;}

.topa-38:after {top: 38px !important;}

.topa-39:after {top: 39px !important;}

.topa-40:after {top: 40px !important;}

.topa-41:after {top: 41px !important;}

.topa-42:after {top: 42px !important;}

.topa-43:after {top: 43px !important;}

.topa-44:after {top: 44px !important;}

.topa-45:after {top: 45px !important;}

.topa-46:after {top: 46px !important;}

.topa-47:after {top: 47px !important;}

.topa-48:after {top: 48px !important;}

.topa-49:after {top: 49px !important;}

.topa-50:after {top: 50px !important;}

.topa-51:after {top: 51px !important;}

.topa-52:after {top: 52px !important;}

.topa-53:after {top: 53px !important;}

.topa-54:after {top: 54px !important;}

.topa-55:after {top: 55px !important;}

.topa-56:after {top: 56px !important;}

.topa-57:after {top: 57px !important;}

.topa-58:after {top: 58px !important;}

.topa-59:after {top: 59px !important;}

.topa-60:after {top: 60px !important;}

.topa-61:after {top: 61px !important;}

.topa-62:after {top: 62px !important;}

.topa-63:after {top: 63px !important;}

.topa-64:after {top: 64px !important;}

.topa-65:after {top: 65px !important;}

.topa-66:after {top: 66px !important;}

.topa-67:after {top: 67px !important;}

.topa-68:after {top: 68px !important;}

.topa-69:after {top: 69px !important;}

.topa-70:after {top: 70px !important;}

.topa-71:after {top: 71px !important;}

.topa-72:after {top: 72px !important;}

.topa-73:after {top: 73px !important;}

.topa-74:after {top: 74px !important;}

.topa-75:after {top: 75px !important;}

.topa-76:after {top: 76px !important;}

.topa-77:after {top: 77px !important;}

.topa-78:after {top: 78px !important;}

.topa-79:after {top: 79px !important;}

.topa-80:after {top: 80px !important;}

.topa-81:after {top: 81px !important;}

.topa-82:after {top: 82px !important;}

.topa-83:after {top: 83px !important;}

.topa-84:after {top: 84px !important;}

.topa-85:after {top: 85px !important;}

.topa-86:after {top: 86px !important;}

.topa-87:after {top: 87px !important;}

.topa-88:after {top: 88px !important;}

.topa-89:after {top: 89px !important;}

.topa-90:after {top: 90px !important;}

.topa-91:after {top: 91px !important;}

.topa-92:after {top: 92px !important;}

.topa-93:after {top: 93px !important;}

.topa-94:after {top: 94px !important;}

.topa-95:after {top: 95px !important;}

.topa-96:after {top: 96px !important;}

.topa-97:after {top: 97px !important;}

.topa-98:after {top: 98px !important;}

.topa-99:after {top: 99px !important;}

.topa-100:after {top: 100px !important;}

.right-1 {right: 1px !important;}

.right-2 {right: 2px !important;}

.right-3 {right: 3px !important;}

.right-4 {right: 4px !important;}

.right-5 {right: 5px !important;}

.right-6 {right: 6px !important;}

.right-7 {right: 7px !important;}

.right-8 {right: 8px !important;}

.right-9 {right: 9px !important;}

.right-10 {right: 10px !important;}

.right-11 {right: 11px !important;}

.right-12 {right: 12px !important;}

.right-13 {right: 13px !important;}

.right-14 {right: 14px !important;}

.right-15 {right: 15px !important;}

.right-16 {right: 16px !important;}

.right-17 {right: 17px !important;}

.right-18 {right: 18px !important;}

.right-19 {right: 19px !important;}

.right-20 {right: 20px !important;}

.right-21 {right: 21px !important;}

.right-22 {right: 22px !important;}

.right-23 {right: 23px !important;}

.right-24 {right: 24px !important;}

.right-25 {right: 25px !important;}

.right-26 {right: 26px !important;}

.right-27 {right: 27px !important;}

.right-28 {right: 28px !important;}

.right-29 {right: 29px !important;}

.right-30 {right: 30px !important;}

.right-31 {right: 31px !important;}

.right-32 {right: 32px !important;}

.right-33 {right: 33px !important;}

.right-34 {right: 34px !important;}

.right-35 {right: 35px !important;}

.right-36 {right: 36px !important;}

.right-37 {right: 37px !important;}

.right-38 {right: 38px !important;}

.right-39 {right: 39px !important;}

.right-40 {right: 40px !important;}

.right-41 {right: 41px !important;}

.right-42 {right: 42px !important;}

.right-43 {right: 43px !important;}

.right-44 {right: 44px !important;}

.right-45 {right: 45px !important;}

.right-46 {right: 46px !important;}

.right-47 {right: 47px !important;}

.right-48 {right: 48px !important;}

.right-49 {right: 49px !important;}

.right-50 {right: 50px !important;}

.right-51 {right: 51px !important;}

.right-52 {right: 52px !important;}

.right-53 {right: 53px !important;}

.right-54 {right: 54px !important;}

.right-55 {right: 55px !important;}

.right-56 {right: 56px !important;}

.right-57 {right: 57px !important;}

.right-58 {right: 58px !important;}

.right-59 {right: 59px !important;}

.right-60 {right: 60px !important;}

.right-61 {right: 61px !important;}

.right-62 {right: 62px !important;}

.right-63 {right: 63px !important;}

.right-64 {right: 64px !important;}

.right-65 {right: 65px !important;}

.right-66 {right: 66px !important;}

.right-67 {right: 67px !important;}

.right-68 {right: 68px !important;}

.right-69 {right: 69px !important;}

.right-70 {right: 70px !important;}

.right-71 {right: 71px !important;}

.right-72 {right: 72px !important;}

.right-73 {right: 73px !important;}

.right-74 {right: 74px !important;}

.right-75 {right: 75px !important;}

.right-76 {right: 76px !important;}

.right-77 {right: 77px !important;}

.right-78 {right: 78px !important;}

.right-79 {right: 79px !important;}

.right-80 {right: 80px !important;}

.right-81 {right: 81px !important;}

.right-82 {right: 82px !important;}

.right-83 {right: 83px !important;}

.right-84 {right: 84px !important;}

.right-85 {right: 85px !important;}

.right-86 {right: 86px !important;}

.right-87 {right: 87px !important;}

.right-88 {right: 88px !important;}

.right-89 {right: 89px !important;}

.right-90 {right: 90px !important;}

.right-91 {right: 91px !important;}

.right-92 {right: 92px !important;}

.right-93 {right: 93px !important;}

.right-94 {right: 94px !important;}

.right-95 {right: 95px !important;}

.right-96 {right: 96px !important;}

.right-97 {right: 97px !important;}

.right-98 {right: 98px !important;}

.right-99 {right: 99px !important;}

.right-100 {right: 100px !important;}

.righta-1:after {right: 1px !important;}

.righta-2:after {right: 2px !important;}

.righta-3:after {right: 3px !important;}

.righta-4:after {right: 4px !important;}

.righta-5:after {right: 5px !important;}

.righta-6:after {right: 6px !important;}

.righta-7:after {right: 7px !important;}

.righta-8:after {right: 8px !important;}

.righta-9:after {right: 9px !important;}

.righta-10:after {right: 10px !important;}

.righta-11:after {right: 11px !important;}

.righta-12:after {right: 12px !important;}

.righta-13:after {right: 13px !important;}

.righta-14:after {right: 14px !important;}

.righta-15:after {right: 15px !important;}

.righta-16:after {right: 16px !important;}

.righta-17:after {right: 17px !important;}

.righta-18:after {right: 18px !important;}

.righta-19:after {right: 19px !important;}

.righta-20:after {right: 20px !important;}

.righta-21:after {right: 21px !important;}

.righta-22:after {right: 22px !important;}

.righta-23:after {right: 23px !important;}

.righta-24:after {right: 24px !important;}

.righta-25:after {right: 25px !important;}

.righta-26:after {right: 26px !important;}

.righta-27:after {right: 27px !important;}

.righta-28:after {right: 28px !important;}

.righta-29:after {right: 29px !important;}

.righta-30:after {right: 30px !important;}

.righta-31:after {right: 31px !important;}

.righta-32:after {right: 32px !important;}

.righta-33:after {right: 33px !important;}

.righta-34:after {right: 34px !important;}

.righta-35:after {right: 35px !important;}

.righta-36:after {right: 36px !important;}

.righta-37:after {right: 37px !important;}

.righta-38:after {right: 38px !important;}

.righta-39:after {right: 39px !important;}

.righta-40:after {right: 40px !important;}

.righta-41:after {right: 41px !important;}

.righta-42:after {right: 42px !important;}

.righta-43:after {right: 43px !important;}

.righta-44:after {right: 44px !important;}

.righta-45:after {right: 45px !important;}

.righta-46:after {right: 46px !important;}

.righta-47:after {right: 47px !important;}

.righta-48:after {right: 48px !important;}

.righta-49:after {right: 49px !important;}

.righta-50:after {right: 50px !important;}

.righta-51:after {right: 51px !important;}

.righta-52:after {right: 52px !important;}

.righta-53:after {right: 53px !important;}

.righta-54:after {right: 54px !important;}

.righta-55:after {right: 55px !important;}

.righta-56:after {right: 56px !important;}

.righta-57:after {right: 57px !important;}

.righta-58:after {right: 58px !important;}

.righta-59:after {right: 59px !important;}

.righta-60:after {right: 60px !important;}

.righta-61:after {right: 61px !important;}

.righta-62:after {right: 62px !important;}

.righta-63:after {right: 63px !important;}

.righta-64:after {right: 64px !important;}

.righta-65:after {right: 65px !important;}

.righta-66:after {right: 66px !important;}

.righta-67:after {right: 67px !important;}

.righta-68:after {right: 68px !important;}

.righta-69:after {right: 69px !important;}

.righta-70:after {right: 70px !important;}

.righta-71:after {right: 71px !important;}

.righta-72:after {right: 72px !important;}

.righta-73:after {right: 73px !important;}

.righta-74:after {right: 74px !important;}

.righta-75:after {right: 75px !important;}

.righta-76:after {right: 76px !important;}

.righta-77:after {right: 77px !important;}

.righta-78:after {right: 78px !important;}

.righta-79:after {right: 79px !important;}

.righta-80:after {right: 80px !important;}

.righta-81:after {right: 81px !important;}

.righta-82:after {right: 82px !important;}

.righta-83:after {right: 83px !important;}

.righta-84:after {right: 84px !important;}

.righta-85:after {right: 85px !important;}

.righta-86:after {right: 86px !important;}

.righta-87:after {right: 87px !important;}

.righta-88:after {right: 88px !important;}

.righta-89:after {right: 89px !important;}

.righta-90:after {right: 90px !important;}

.righta-91:after {right: 91px !important;}

.righta-92:after {right: 92px !important;}

.righta-93:after {right: 93px !important;}

.righta-94:after {right: 94px !important;}

.righta-95:after {right: 95px !important;}

.righta-96:after {right: 96px !important;}

.righta-97:after {right: 97px !important;}

.righta-98:after {right: 98px !important;}

.righta-99:after {right: 99px !important;}

.righta-100:after {right: 100px !important;}

.pl-1 {padding-left: 1px !important;}

.pl-2 {padding-left: 2px !important;}

.pl-3 {padding-left: 3px !important;}

.pl-4 {padding-left: 4px !important;}

.pl-5 {padding-left: 5px !important;}

.pl-6 {padding-left: 6px !important;}

.pl-7 {padding-left: 7px !important;}

.pl-8 {padding-left: 8px !important;}

.pl-9 {padding-left: 9px !important;}

.pl-10 {padding-left: 10px !important;}

.pl-11 {padding-left: 11px !important;}

.pl-12 {padding-left: 12px !important;}

.pl-13 {padding-left: 13px !important;}

.pl-14 {padding-left: 14px !important;}

.pl-15 {padding-left: 15px !important;}

.pl-16 {padding-left: 16px !important;}

.pl-17 {padding-left: 17px !important;}

.pl-18 {padding-left: 18px !important;}

.pl-19 {padding-left: 19px !important;}

.pl-20 {padding-left: 20px !important;}

.pl-21 {padding-left: 21px !important;}

.pl-22 {padding-left: 22px !important;}

.pl-23 {padding-left: 23px !important;}

.pl-24 {padding-left: 24px !important;}

.pl-25 {padding-left: 25px !important;}

.pl-26 {padding-left: 26px !important;}

.pl-27 {padding-left: 27px !important;}

.pl-28 {padding-left: 28px !important;}

.pl-29 {padding-left: 29px !important;}

.pl-30 {padding-left: 30px !important;}

.pl-31 {padding-left: 31px !important;}

.pl-32 {padding-left: 32px !important;}

.pl-33 {padding-left: 33px !important;}

.pl-34 {padding-left: 34px !important;}

.pl-35 {padding-left: 35px !important;}

.pl-36 {padding-left: 36px !important;}

.pl-37 {padding-left: 37px !important;}

.pl-38 {padding-left: 38px !important;}

.pl-39 {padding-left: 39px !important;}

.pl-40 {padding-left: 40px !important;}

.pl-41 {padding-left: 41px !important;}

.pl-42 {padding-left: 42px !important;}

.pl-43 {padding-left: 43px !important;}

.pl-44 {padding-left: 44px !important;}

.pl-45 {padding-left: 45px !important;}

.pl-46 {padding-left: 46px !important;}

.pl-47 {padding-left: 47px !important;}

.pl-48 {padding-left: 48px !important;}

.pl-49 {padding-left: 49px !important;}

.pl-50 {padding-left: 50px !important;}

.pl-51 {padding-left: 51px !important;}

.pl-52 {padding-left: 52px !important;}

.pl-53 {padding-left: 53px !important;}

.pl-54 {padding-left: 54px !important;}

.pl-55 {padding-left: 55px !important;}

.pl-56 {padding-left: 56px !important;}

.pl-57 {padding-left: 57px !important;}

.pl-58 {padding-left: 58px !important;}

.pl-59 {padding-left: 59px !important;}

.pl-60 {padding-left: 60px !important;}

.pl-61 {padding-left: 61px !important;}

.pl-62 {padding-left: 62px !important;}

.pl-63 {padding-left: 63px !important;}

.pl-64 {padding-left: 64px !important;}

.pl-65 {padding-left: 65px !important;}

.pl-66 {padding-left: 66px !important;}

.pl-67 {padding-left: 67px !important;}

.pl-68 {padding-left: 68px !important;}

.pl-69 {padding-left: 69px !important;}

.pl-70 {padding-left: 70px !important;}

.pl-71 {padding-left: 71px !important;}

.pl-72 {padding-left: 72px !important;}

.pl-73 {padding-left: 73px !important;}

.pl-74 {padding-left: 74px !important;}

.pl-75 {padding-left: 75px !important;}

.pl-76 {padding-left: 76px !important;}

.pl-77 {padding-left: 77px !important;}

.pl-78 {padding-left: 78px !important;}

.pl-79 {padding-left: 79px !important;}

.pl-80 {padding-left: 80px !important;}

.pl-81 {padding-left: 81px !important;}

.pl-82 {padding-left: 82px !important;}

.pl-83 {padding-left: 83px !important;}

.pl-84 {padding-left: 84px !important;}

.pl-85 {padding-left: 85px !important;}

.pl-86 {padding-left: 86px !important;}

.pl-87 {padding-left: 87px !important;}

.pl-88 {padding-left: 88px !important;}

.pl-89 {padding-left: 89px !important;}

.pl-90 {padding-left: 90px !important;}

.pl-91 {padding-left: 91px !important;}

.pl-92 {padding-left: 92px !important;}

.pl-93 {padding-left: 93px !important;}

.pl-94 {padding-left: 94px !important;}

.pl-95 {padding-left: 95px !important;}

.pl-96 {padding-left: 96px !important;}

.pl-97 {padding-left: 97px !important;}

.pl-98 {padding-left: 98px !important;}

.pl-99 {padding-left: 99px !important;}

.pl-100 {padding-left: 100px !important;}

.pr-1 {padding-left: 1px !important;}

.pr-2 {padding-left: 2px !important;}

.pr-3 {padding-left: 3px !important;}

.pr-4 {padding-left: 4px !important;}

.pr-5 {padding-left: 5px !important;}

.pr-6 {padding-left: 6px !important;}

.pr-7 {padding-left: 7px !important;}

.pr-8 {padding-left: 8px !important;}

.pr-9 {padding-left: 9px !important;}

.pr-10 {padding-left: 10px !important;}

.pr-11 {padding-left: 11px !important;}

.pr-12 {padding-left: 12px !important;}

.pr-13 {padding-left: 13px !important;}

.pr-14 {padding-left: 14px !important;}

.pr-15 {padding-left: 15px !important;}

.pr-16 {padding-left: 16px !important;}

.pr-17 {padding-left: 17px !important;}

.pr-18 {padding-left: 18px !important;}

.pr-19 {padding-left: 19px !important;}

.pr-20 {padding-left: 20px !important;}

.pr-21 {padding-left: 21px !important;}

.pr-22 {padding-left: 22px !important;}

.pr-23 {padding-left: 23px !important;}

.pr-24 {padding-left: 24px !important;}

.pr-25 {padding-left: 25px !important;}

.pr-26 {padding-left: 26px !important;}

.pr-27 {padding-left: 27px !important;}

.pr-28 {padding-left: 28px !important;}

.pr-29 {padding-left: 29px !important;}

.pr-30 {padding-left: 30px !important;}

.pr-31 {padding-left: 31px !important;}

.pr-32 {padding-left: 32px !important;}

.pr-33 {padding-left: 33px !important;}

.pr-34 {padding-left: 34px !important;}

.pr-35 {padding-left: 35px !important;}

.pr-36 {padding-left: 36px !important;}

.pr-37 {padding-left: 37px !important;}

.pr-38 {padding-left: 38px !important;}

.pr-39 {padding-left: 39px !important;}

.pr-40 {padding-left: 40px !important;}

.pr-41 {padding-left: 41px !important;}

.pr-42 {padding-left: 42px !important;}

.pr-43 {padding-left: 43px !important;}

.pr-44 {padding-left: 44px !important;}

.pr-45 {padding-left: 45px !important;}

.pr-46 {padding-left: 46px !important;}

.pr-47 {padding-left: 47px !important;}

.pr-48 {padding-left: 48px !important;}

.pr-49 {padding-left: 49px !important;}

.pr-50 {padding-left: 50px !important;}

.pr-51 {padding-left: 51px !important;}

.pr-52 {padding-left: 52px !important;}

.pr-53 {padding-left: 53px !important;}

.pr-54 {padding-left: 54px !important;}

.pr-55 {padding-left: 55px !important;}

.pr-56 {padding-left: 56px !important;}

.pr-57 {padding-left: 57px !important;}

.pr-58 {padding-left: 58px !important;}

.pr-59 {padding-left: 59px !important;}

.pr-60 {padding-left: 60px !important;}

.pr-61 {padding-left: 61px !important;}

.pr-62 {padding-left: 62px !important;}

.pr-63 {padding-left: 63px !important;}

.pr-64 {padding-left: 64px !important;}

.pr-65 {padding-left: 65px !important;}

.pr-66 {padding-left: 66px !important;}

.pr-67 {padding-left: 67px !important;}

.pr-68 {padding-left: 68px !important;}

.pr-69 {padding-left: 69px !important;}

.pr-70 {padding-left: 70px !important;}

.pr-71 {padding-left: 71px !important;}

.pr-72 {padding-left: 72px !important;}

.pr-73 {padding-left: 73px !important;}

.pr-74 {padding-left: 74px !important;}

.pr-75 {padding-left: 75px !important;}

.pr-76 {padding-left: 76px !important;}

.pr-77 {padding-left: 77px !important;}

.pr-78 {padding-left: 78px !important;}

.pr-79 {padding-left: 79px !important;}

.pr-80 {padding-left: 80px !important;}

.pr-81 {padding-left: 81px !important;}

.pr-82 {padding-left: 82px !important;}

.pr-83 {padding-left: 83px !important;}

.pr-84 {padding-left: 84px !important;}

.pr-85 {padding-left: 85px !important;}

.pr-86 {padding-left: 86px !important;}

.pr-87 {padding-left: 87px !important;}

.pr-88 {padding-left: 88px !important;}

.pr-89 {padding-left: 89px !important;}

.pr-90 {padding-left: 90px !important;}

.pr-91 {padding-left: 91px !important;}

.pr-92 {padding-left: 92px !important;}

.pr-93 {padding-left: 93px !important;}

.pr-94 {padding-left: 94px !important;}

.pr-95 {padding-left: 95px !important;}

.pr-96 {padding-left: 96px !important;}

.pr-97 {padding-left: 97px !important;}

.pr-98 {padding-left: 98px !important;}

.pr-99 {padding-left: 99px !important;}

.pr-100 {padding-left: 100px !important;}



/* narender */



.ds-none ul li input {

    display: none !important;

}



.ds-none ul li span.remove i {

    display: none !important;

}



.ds-none .autocomplete-list {

    border: none !important;

}



.ds-border-none .autocomplete-list {

    border: none !important;

}





/* --- 16-12-2019 ---- */



.name-show {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 5px;

}



.name-show p {

    background: #a0a0a0;

    border-radius: 15px;

    padding: 3px 8px;

    margin-right: 5px;

    margin-bottom: 5px;

    color: #fff;

    opacity: inherit !important;

}



.image-section ul {

    list-style: none;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin: -5px -10px;

}



.image-section ul li {

    border-radius: 5px;

    height: 100px;

    width: 110px;

    box-shadow: 0px 1px 2px 0px #ccc;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 10px;

    margin-top: 10px;

    padding: 10px;

}



.image-section ul li img {

    height: 100%;

}



.ds-contact {

    box-shadow: 0px 3px 6px 0px #ccc;

    margin-top: 15px;

}



.ds-contact h1 {

    font-size: 12px;

    font-weight: 600;

    padding: 14px;

    padding-bottom: 10px;

    margin: 0px -7px 0px -8px;

    border-bottom: solid 1px #ccc;

    margin-bottom: 10px;

}



.ds-contact .cs-btn {

    width: 100%;

    color: #fff;

    margin-top: 29px;

    height: 30px;

    padding: 13px 10px;

}



.ds-contact .table {

    padding: 15px 7px 0px;

}



.summary-table table {

    width: 100%;

}



.summary-table table tr td {

    padding: 10px;

    border-bottom: 1px solid #ccc;

}



.summary-table table tr:last-child td {

    border-bottom: 0px;

}



.bill-images {

    width: 100%;

    min-height: auto;

    max-height: 400px;

    overflow: auto;

    margin-right: 10px;

    padding-right: 10px;

}



.bill-images ul li {

    display: inline-block;

    width: calc(50% - 5px);

    border: 1px solid #ccc;

    height: 160px;

    padding: 10px;

    background: #ffffff;

    margin-right: 10px;

    margin-bottom: 10px;

}



.bill-images ul li a img {

    width: 100%;

    height: 100%;

}



.bill-images ul li:nth-child(even) {

    margin-right: 0px;

}



.width215 {

    width: 215px !important;

}



.date-filter ul {

    display: flex;

    align-items: flex-end;

}



.date-filter ul li.filter-bg {

    background: #000000;

    border-radius: 6px;

    padding: 3px;

}



.date-filter ul li.filter-bg p {

    padding: 0px 2px;

}



.date-filter ul li {

    margin-right: 5px;

}



.date-filter ul li:last-child {

    margin-right: 0px;

}



.date-filter ul li p {

    font-size: 11px;

    color: #eaeaea;

    font-weight: 600;

    letter-spacing: 0.5px;

}



.date-filter input,

.date-filter md-select {

    width: 125px;

    border-radius: 6px;

    padding: 0px 5px;

}



a.go-btn {

    background: #08950d;

    font-size: 11px;

    height: 30px;

    display: flex;

    align-items: center;

    padding: 0px 10px;

    color: #fff;

    border-radius: 6px;

    transition: 0.5s;

}



a.go-btn:hover {

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

    transition: 0.5s;

}





/* //--notification-css-start--// */



.top-nav {

    float: right;

    display: flex;

    margin-right: 15px;

}



.top-nav li {

    position: relative;

}



.top-nav li .notification-list {

    width: 400px;

    height: 0px;

    position: absolute;

    top: 35px;

    right: 0;

    z-index: 4;

    background: #fff;

    overflow: hidden;

    box-shadow: 0px 9px 12px 0px rgba(0, 0, 0, 0.5);

    -moz-transition: height 1s ease;

    -webkit-transition: height 1s ease;

    -o-transition: height 1s ease;

    transition: height 1s ease;

}



.top-nav li .notification-list .head {

    display: flex;

    align-items: flex-start;

    border-bottom: 2px solid #f44336;

    padding: 15px;

}



.top-nav li .notification-list .head p {

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 1px;

}



.top-nav li .notification-list .head span.counter {

    margin-left: auto;

    width: 50px;

    height: 30px;

    background: #5cc011;

    text-align: center;

    line-height: 30px;

    font-size: 12px;

    font-weight: 500;

    color: #fff;

    border-radius: 6px;

}



.top-nav li .notification-list .list {

    max-height: calc(100vh - 170px);

    min-height: 190px;

    overflow-y: auto;

    transition: height 0.5s;

    position: relative;

}



.top-nav li .notification-list .list .remove {

    position: absolute;

    top: 0px;

    z-index: 3;

    background: #fff;

    display: none;

    height: 100%;

    width: 100%;

    padding: 10px;

    transition: all 0.3s linear;

}



.top-nav li .notification-list .list .remove.active {

    display: block;

}



.top-nav li .notification-list .list .remove h1 {

    background: #f8f8f8;

    margin: -10px -10px 0px -10px;

    color: black;

    padding: 10px 15px;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 1px;

    position: relative;

}



.top-nav li .notification-list .list .remove h1 button {

    position: absolute;

    margin: -2px 0px 0px 0px;

    color: #ff0000;

    right: 5px;

}



.top-nav li .notification-list .list .remove textarea {

    height: 110px;

    margin-top: 10px;

}



.top-nav li .notification-list .list .remove .cs-btn {

    margin-top: 10px;

}



.top-nav li .notification-list .list ul li {

    padding: 15px 10px;

    display: flex;

    align-items: center;

    cursor: pointer;

    outline: none;

}



.top-nav li .notification-list .list ul li .cross_icon {

    position: absolute;

    right: 0px;

    height: 100%;

    background: #ffdcdc;

    width: 46px;

    color: #ff0000;

    transform: scale(0);

    transition: 0.3s linear;

}



.top-nav li .notification-list .list ul li:hover .cross_icon {

    transform: scale(1);

}



.top-nav li .notification-list .list ul li span.digit {

    height: 35px;

    min-width: 35px;

    font-size: 18px;

    color: #fff;

    text-align: center;

    line-height: 35px;

    font-weight: 600;

    border-radius: 100%;

    margin-right: 20px;

}



.top-nav li .notification-list .list ul li .in-content p:nth-child(1) {

    font-size: 13px;

    font-weight: 600;

    padding-right: 65px;

}



.top-nav li .notification-list .list ul li .in-content p:nth-child(1) span.new-msg {

    font-size: 10px;

    color: #fff;

    background: #f00;

    padding: 2px 4px;

    border-radius: 50px;

    margin-left: 5px;

}



.top-nav li .notification-list .list ul li .in-content p:nth-child(2) {

    font-size: 11px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    line-height: 16px;

    max-height: 50px;

    -webkit-line-clamp: 4;

}



.top-nav li .notification-list .list ul li span.cd-date {

    position: absolute;

    top: 15px;

    right: 10px;

    font-size: 11px;

    color: #5f5f5f;

    text-align: right;

}



.top-nav li .notification-list .list ul li:after {

    background: transparent;

}



.top-nav li .notification-list .list ul li:nth-child(10n+1) span.digit {

    background: #512da8;

}



.top-nav li .notification-list .list ul li:nth-child(10n+2) span.digit {

    background: #ec407a;

}



.top-nav li .notification-list .list ul li:nth-child(10n+3) span.digit {

    background: #0288d1;

}



.top-nav li .notification-list .list ul li:nth-child(10n+4) span.digit {

    background: #689f38;

}



.top-nav li .notification-list .list ul li:nth-child(10n+5) span.digit {

    background: #bed02f;

}



.top-nav li .notification-list .list ul li:nth-child(10n+6) span.digit {

    background: #e66d05;

}



.top-nav li .notification-list .list ul li:nth-child(10n+7) span.digit {

    background: #ef2020;

}



.top-nav li .notification-list .list ul li:nth-child(10n+8) span.digit {

    background: #a92aa5;

}



.top-nav li .notification-list .list ul li:nth-child(10n+9) span.digit {

    background: #80b305;

}



.top-nav li .notification-list .list ul li:nth-child(10n+10) span.digit {

    background: #b3056d;

}



.top-nav li .notification-list .list ul li:hover {

    background: #e4e4e4;

}



.top-nav li a {

    position: relative;

}



.top-nav li a img {

    height: 20px;

}



.top-nav li a span.cs-noti {

    position: absolute;

    top: -5px;

    width: 20px;

    height: 20px;

    display: flex;

    background: #5cc011;

    align-items: center;

    justify-content: center;

    line-height: 20px;

    right: 11px;

    border-radius: 100%;

    color: #fff;

    font-size: 11px;

    font-weight: 600;

}



.top-nav li.mat-drop {

    padding-right: 15px;

}



.top-nav li.mat-drop button {

    font-size: 11px;

    color: #fff;

}



.top-nav li.mat-drop button img {

    width: 30px;

    height: 30px;

    border-radius: 50%;

    margin-right: 5px;

}



.top-nav li.mat-drop button:after {

    font-family: 'Material Icons';

    content: "arrow_drop_down";

    font-size: 24px;

    position: absolute;

}



.top-nav li.master-btn {

    padding-left: 10px;

}



.top-nav li.master-btn button {

    font-size: 10px;

    text-transform: uppercase;

    height: 25px;

    line-height: 25px;

    padding: 0px 10px;

    letter-spacing: 2px;

    z-index: 2;

    margin-top: 6px;

}



.top-nav li:last-child():after {

    display: none;

}



.top-nav li.hov-noti.active .notification-list {

    height: auto;

    overflow: inherit;

    transition: height 0.5s;

}



.dropdown.cs-drop_box {

    margin-left: auto;

    outline: none;

}



.dropdown.cs-drop_box button {

    padding: 2px 6px;

    font-size: 13px;

}



.dropdown.cs-drop_box ul.dropdown-menu {

    left: inherit !important;

    right: 0 !important;

}



.dropdown.cs-drop_box button span.caret {

    margin-left: 10px;

}



.cs-column {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px;

}



.ds-select {

    margin-left: auto;

}



.ds-select select {

    min-width: 120px;

}



label.cs-check-condition {

    margin-bottom: 0px;

    font-size: 11px;

    display: flex;

    align-items: center;

    padding: 10px 0px 0px 0px;

    font-weight: normal;

    cursor: pointer;

}



label.cs-check-condition input {

    margin-top: 0px;

    margin-right: 5px;

    width: 16px;

    height: 16px;

}



button.coman-btn {

    /* height: 30px; */

    padding: 6px 10px;

    background: #24a95a;

    font-size: 11px;

    margin-right: 10px;

    color: white;

}



button.coman-btn:last-child {

    margin-right: 0px;

}



button.coman-btn:hover {

    background: #000000;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);

}



.cs-check-list label {

    display: flex;

    border-bottom: 1px solid #cccccc;

    padding-bottom: 10px;

    margin-bottom: 10px;

    font-size: 11px;

    font-weight: normal;

    align-items: center;

}



.cs-check-list label input {

    margin-right: 10px;

    margin-top: 0px;

    height: 15px;

    width: 15px;

}



.cs-check-list label:nth-child(2) {

    border-bottom: 0px;

    margin-bottom: 0px;

}



.no-padding {

    padding: 0px !important;

}



.one-line-text {

    white-space: nowrap !important;

    text-overflow: ellipsis !important;

    overflow: hidden !important;

    display: block !important;

}



.horizontal table {

    min-width: 1024px;

    table-layout: fixed;

    border-collapse: collapse;

    box-sizing: border-box;

}



.horizontal table tr th.first-head {

    padding: 0px;

    position: sticky;

    top: 0;

    left: 0;

    z-index: 3;

}



.horizontal table tr th .table-head {

    padding: 0px 10px;

    background: #f1f1f1;

    position: relative;

}



.horizontal table tr th .table-head:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0px;

    width: 15px;

    height: 1px;

    background: rgba(0, 0, 0, .1);

}



.horizontal table tr th .table-head table tr th {

    border-right: 1px solid rgba(0, 0, 0, .1);

    padding: 10px 5px;

    font-size: 11px;

    text-transform: capitalize;

    font-weight: 500;

    color: #000;

    position: relative;

    background: #f5f5f5;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

}



.horizontal table tr th .table-head.bg-head,

.horizontal table tr th .table-head.bg-head table tr th,

.horizontal table tr th .table-head.bg-head table tr th.sticky-th:after {

    background: #90caf9;

}



.horizontal table tr th .table-head.bg-head:after {

    background: rgba(0, 0, 0, 0.5);

}



.horizontal table tr th .table-head.bg-head table tr th {

    border-color: rgba(0, 0, 0, 0.5);

}



.horizontal table tr th .table-head table tr th table tr th {

    border-bottom: 0px;

}



.horizontal table tr th .table-head table tr th:last-child {

    border-right: 0px;

}



.horizontal table tr th .table-head:first-child {

    border-top: 0px;

}



.horizontal table tr th .table-head:last-child table tr th {

    border-top: 1px solid #dddddd;

}



.horizontal table tr th .table-head:last-child table tr th table tr th {

    border-top: 0px;

}



.horizontal table tr th table {

    min-width: inherit;

}



.horizontal table tr td {

    padding: 10px;

}



.horizontal table tr td .table-body {

    width: 100%;

    border-radius: 8px;

}



.horizontal table tr td .table-body table tr td {

    border: 1px solid #dddddd;

    padding: 10px 5px;

    font-size: 11px;

    font-weight: normal;

    color: #383737;

    background: #ffffff;

    position: relative;

}



.horizontal table tr td .table-body table tr td table {

    min-width: 100%;

}



.horizontal table tr td .table-body table tr td table tr td:first-child {

    border-left: 0px;

}



.horizontal table tr td .table-body table tr td table tr td:last-child {

    border-right: 0px;

}



.horizontal table tr td .table-body table tr td table tr:first-child td {

    border-top: 0px;

}



.horizontal table tr td .table-body table tr td table tr:last-child td {

    border-bottom: 0px;

}



.horizontal table tr td .table-body table tr:hover td .action-btns {

    opacity: 1;

}



.horizontal table tr td .table-body table tr:hover td .action-btns button,

.horizontal table tr td .table-body table tr:hover td .action-btns a {

    opacity: 1;

}



.horizontal table tr td .table-body table tr:hover td .action-btns i {

    font-size: 20px;

    margin-right: 5px;

}



.horizontal .page-scroll {

    height: calc(100vh - 180px);

    overflow: auto;

}



.horizontal .page-scroll table tr th.first-head {

    position: sticky;

    top: 0px;

    right: 0px;

    z-index: 3;

}



.horizontal .sticky-th {

    position: sticky !important;

    left: 10px;

    z-index: 7;

    border-right: 0px !important;

}



.horizontal .sticky-th:after {

    content: "";

    position: absolute;

    background: #f1f1f1;

    height: 100%;

    width: 17px;

    top: -1px;

    left: -17px;

    border-top: 1px solid #dddddd;

}



.horizontal .sticky-td {

    position: sticky !important;

    left: 10px;

    z-index: 2;

    border-right: 0px !important;

}



.horizontal .sticky-td:after {

    content: "";

    position: absolute;

    width: 17px;

    top: -1px;

    left: -17px;

    height: 110%;

    background: #ffffff;

    border: 1px solid #ffffff;

    border-right: 1px solid #ddd;

}



.horizontal table tr td .table-body table tr.focus-tr:focus-within td {

    background: #f3f3f3;

}



span.counter-bg {

    width: calc(100% - 10px);

    height: calc(100% - 10px);

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 600;

    color: #000000;

}



span.lg-green {

    background: #a5d6a7;

}



span.lg-purple {

    background: #b39ddb;

}



span.lg-tin {

    background: #80cbc4;

}



span.lg-blue {

    background: #81d4fa;

}



span.lg-yellow {

    background: #dce775;

}



span.lg-orange {

    background: #ffe082;

}



span.lg-red {

    background: #ffab91;

}



.seprate-loading {

    height: 100%;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.cs-editor {

    padding: 10px;

}



.cs-editor trix-editor {

    min-height: 204px;

    max-height: 400px;

    overflow: auto;

}



.cs-editor trix-editor ul,

.cs-editor trix-editor ul li {

    list-style: inside;

}



.abacus-connect {

    align-items: center;

}



.abacus-connect button {

    background: #fff;

    display: flex;

    align-items: center;

    padding: 3px 10px;

    border-radius: 4px;

    padding-right: 15px;

    outline: none;

    border: 0px;

    /* box-shadow: 0px 1px 5px 0px #ccc; */

}



.abacus-connect button img {

    height: 19px;

    margin-right: 10px;

}



.abacus-connect button p {

    color: #f09e18;

    font-weight: 600;

    font-size: 13px;

    line-height: 20px;

}



.abacus-connect button span {

    position: absolute;

    top: 2px;

    right: -7px;

    background: #ff0000;

    color: #fff;

    font-size: 11px;

    width: 20px;

    height: 20px;

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.connect-alignment ul {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    position: relative;

}



.connect-alignment ul li {

    margin-right: 25px;

    position: relative;

    display: flex !important;

    align-items: center !important;

    height: 100%;

}



.connect-alignment ul li:hover {

    background: none !important;

    border-bottom: 1px !important;

}



.connect-alignment ul li:last-child {

    margin-right: 0px;

}



.connect-alignment ul li:after {

    content: "";

    position: absolute;

    top: 50%;

    right: -12px;

    height: 25px;

    width: 1px;

    background: #d6d6d6;

    transform: translateY(-50%);

}



.connect-alignment ul li:last-child:after {

    display: none;

}



a.icon-change {

    left: inherit !important;

    right: 0px !important;

    padding: 11px!important;

    background: #ff0000 !important;

    color: #fff !important;

    width: 20px !important;

    height: 20px !important;

    border-radius: 5px !important;

}



a.icon-change i {

    color: #fff !important;

    font-size: 17px !important;

}





/* Trvel & Expense Css */





/* travel & expense modules css */



.ancor-del {

    color: #ff0000 !important;

    text-decoration: underline;

    font-size: 11px;

}



.ancor-del.green-clr {

    color: #00a60c !important;

}



.input-check input[type="checkbox"] {

    width: 15px;

    height: 15px;

    margin-top: 0px;

}



.input-check input[type="text"],

.input-check input[type="number"] {

    width: calc(100% - 10px);

    text-align: left;

    height: 20px;

    background: #f1f1f1;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.warning-alert {

    display: flex;

    align-items: center;

    height: 35px;

    margin-top: 25px;

}



.warning-alert i {

    font-size: 16px;

    line-height: 16px;

    color: #ff0000;

}



.warning-alert p {

    margin: 0px 10px 0px 5px;

    color: #ff0000;

    font-size: 12px;

}



.warning-alert a {

    font-size: 11px;

    color: #0022c7;

}



.form-column {

    border: 1px solid #ccc;

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

}



.form-column .name {

    background: #DAF5F2;

    min-width: max-content;

    height: 30px;

    padding: 0px 10px;

    line-height: 30px;

    font-size: 11px;

    font-weight: 600;

}



.form-column .name span {

    color: #ff0000;

}



.form-column .check-radio {

    padding: 0px 10px;

    margin-top: 3px;

}



.form-column .check-radio label {

    margin-bottom: 0px;

    font-size: 11px;

    display: inline-flex;

    line-height: 15px;

    width: 130px;

    font-weight: 100;

    font-size: 11px;

}



.form-column .check-radio label input[type="radio"],

.form-column .check-radio label input[type="checkbox"] {

    margin: 0px 5px 0px 0px;

}



.underline-heading {

    display: block;

}



.underline-heading h2 {

    display: flex;

    font-size: 12px;

    line-height: 12px;

    text-transform: uppercase;

    letter-spacing: 0.3px;

    font-weight: 600;

}



.underline-heading h2 a {

    color: #3f00ff;

    text-transform: capitalize;

    font-style: initial;

    margin-left: 5px;

    text-decoration: underline;

    margin-left: auto;

}



.status-ac strong.green-clr {

    color: #008626 !important;

}



.status-ac strong.yellow-clr {

    color: #FF9200 !important;

}



.status-ac strong.red-clr {

    color: #ff0000 !important;

}



.status-ac strong.sky-clr {

    color: #30c4fd !important;

}



.status-action {

    display: flex;

    line-height: 0px;

    align-items: center;

    justify-content: center;

    line-height: 0px;

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

}



.status-action.fix-top-right {

    top: 10px;

    right: 10px;

    transform: inherit;

    z-index: 1;

}



.status-action a,

.status-action button {

    width: 25px;

    height: 25px;

    border: 2px solid rgba(0, 0, 0, 0.1);

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: 0px;

    overflow: hidden;

    padding: 2px;

    border-radius: 6px;

    background: #ffffff;

    cursor: pointer;

}



.status-action a i,

.status-action button i {

    font-size: 16px;

    line-height: 23px;

}



.status-action a.ac-red,

.status-action button.ac-red,

.status-action a.ac-reject,

.status-action button.ac-reject {

    border-color: #DE0000 !important;

}



.status-action a.ac-red i,

.status-action button.ac-red i,

.status-action a.ac-reject i,

.status-action button.ac-reject i {

    color: #DE0000 !important;

}



.status-action a.ac-green,

.status-action button.ac-green,

.status-action a.ac-approved,

.status-action button.ac-approved {

    border-color: #008626 !important;

}



.status-action a.ac-green i,

.status-action button.ac-green i,

.status-action a.ac-approved i,

.status-action button.ac-approved i {

    color: #008626 !important;

}



.status-action a.ac-yellow,

.status-action button.ac-yellow,

.status-action a.ac-pending,

.status-action button.ac-pending {

    border-color: #FF9200 !important;

}



.status-action a.ac-yellow i,

.status-action button.ac-yellow i,

.status-action a.ac-pending i,

.status-action button.ac-pending i {

    color: #FF9200 !important;

}



.status-action a.ac-sky,

.status-action button.ac-sky,

.status-action a.ac-shipped,

.status-action button.ac-shipped {

    border-color: #30c4fd !important;

}



.status-action a.ac-sky i,

.status-action button.ac-sky i,

.status-action a.ac-shipped i,

.status-action button.ac-shipped i {

    color: #30c4fd !important;

}



.status-action a.ac-grey,

.status-action button.ac-grey {

    border-color: #848484 !important;

}



.status-action a.ac-grey i,

.status-action button.ac-grey i {

    color: #848484 !important;

}



.chips-value {

    display: inline-flex;

}



.chips-value span {

    background: #ddfcffcc;

    padding: 0px 5px;

    border-radius: 6px;

    margin-right: 5px;

    display: flex;

    align-items: center;

}



.cs-detail {

    padding: 10px;

    display: grid;

    grid-template-columns: auto;

    grid-column-gap: 10px;

    grid-row-gap: 10px;

}



.cs-detail.three-column {

    grid-template-columns: auto auto auto;

}



.cs-detail .column {

    background: #f4f5f8;

    border: 2px solid #f4f5f8;

    padding: 5px;

}



.cs-detail .column span {

    font-size: 11px;

    font-weight: 600;

    line-height: 16px;

}



.cs-detail .column p {

    font-size: 11px;

    margin: 0px;

    line-height: 20px;

}



.bg-secation {

    padding: 0px 10px;

    background: #DAF5F2;

    border-radius: 10px;

    margin-bottom: 20px;

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    justify-items: flex-end;

    min-height: 70px;

    position: relative;

}



.profile-detail {

    display: flex;

    position: relative;

}



.profile-detail .detail-box {

    padding-right: 10px;

    padding-left: 10px;

    position: relative;

}



.profile-detail .detail-box:first-child {

    padding-left: 0px;

}



.profile-detail .detail-box p {

    font-size: 11px;

}



.profile-detail .detail-box span {

    font-size: 11px;

    font-weight: 600;

}



.profile-detail .detail-box:after {

    content: "";

    position: absolute;

    top: 50%;

    right: 0;

    width: 2px;

    height: 70%;

    background: rgba(0, 0, 0, 0.2);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.profile-detail .detail-box:last-child:after {

    display: none;

}



.left-auto {

    margin-left: auto;

}



.source {

    margin-right: 10px;

    position: relative;

    border: 1px solid transparent;

    padding: 10px 60px 10px 10px;

}



.source:last-child {

    margin-right: 0px;

}



.source span {

    font-weight: 600;

}



.source span,

.source p {

    text-transform: capitalize;

    font-size: 11px;

}



.source.green-bg {

    background: #00a60c !important;

    color: #ffffff !important;

}



.source.yellow-bg {

    background: #ef9b11 !important;

    color: #ffffff !important;

}



.source.transparent {

    background: transparent !important;

    border: #989aa2 1px solid !important;

}



.dflex {

    display: flex;

}



a.text-btn {

    width: 100%;

    font-size: 12px;

    text-align: center;

    background: #00a60c;

    color: #ffffff !important;

    outline: none;

    display: block;

    padding: 4px;

    cursor: pointer;

}





/* Accordion css */



.panel-group {

    margin-bottom: 10px !important;

}



.panel-group .panel {

    border-radius: 0;

    box-shadow: none;

    border-color: #a5a5a5;

}



.panel-default>.panel-heading {

    padding: 0;

    border-radius: 0;

    color: #212121;

    background-color: #f5f5f5;

    border-color: #EEEEEE;

}



.panel-title {

    font-size: 11px;

    font-weight: 600;

}



.panel-title button.del-btn,

.panel-title span.del-btn {

    position: absolute;

    top: 50%;

    right: 5px;

    transform: translateY(-50%);

    background: #f5f5f5;

    opacity: 0;

    visibility: hidden;

    transition: 0.6s;

}

.panel-title button.del-btn i,

.panel-title span.del-btn i

{

    font-size: 20px;

    color: #ff0000;

}

.panel-title:hover button.del-btn,

.panel-title:hover span.del-btn

{

    opacity: 1;

    visibility: visible;

}



.panel-heading label.check-action {

    position: absolute;

    top: 50%;

    left: 10px;

    transform: translateY(-50%);

    margin: 0px;

}



.panel-heading label.check-action input {

    margin-top: 0px;

    width: 12px;

    height: 12px;

    cursor: pointer;

}



.panel-title>a {

    display: block;

    padding: 10px;

    text-decoration: none;

}



.more-less {

    float: right;

    color: #212121;

}



.panel-body {

    padding: 10px 0px !important;

}



.panel-body.pt0 {

    padding-top: 0px !important;

}



.panel-default>.panel-heading+.panel-collapse>.panel-body {

    border-top-color: #EEEEEE;

}



.panel-default>.panel-heading {

    background-image: inherit !important;

    position: relative;

}



a.add-item, 
button.add-item {

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

    font-size: 12px;

    background: #4ea711;

    display: block;

    padding: 5px;

    color: #ffffff;

    line-height: 22px;

    letter-spacing: 0.3px;

}



.cursor-text {

    cursor: text !important;

}





/* ----- v CAN BE DELETED v ----- */



.cs-collapse {

    width: 100%;

    padding: 0px;

}



.panel-group .panel+.panel {

    margin-top: 10px !important;

}



.cs-form-box {

    margin-bottom: 10px;

    border: 1px solid #989aa2;

    background: #f4f5f8;

    padding: 0px 10px 10px;

    position: relative;

}



label.floating-heading {

    font-size: 12px;

    background: transparent;

    text-transform: capitalize;

    margin-bottom: 0px;

    width: 100%;

    padding: 10px 10px 0px 10px;

}



.panel-title>a.active i:before {

    content: '\f068';

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

}



.cs-collapse pre {

    white-space: normal;

}



.map-view #map {

    width: 100%;

    height: 100%;

}



.w155 {

    width: 155px !important;

}



.filter-data {

    position: absolute;

    top: 50%;

    right: 0;

    display: flex;

    flex-direction: column;

    transform: translateY(-50%);

    /* height: 100%; */

}



.filter-data a.filter-btn,

.filter-data button.filter-btn {

    display: block;

    border: 0px;

    background: transparent;

}



.filter-data a.filter-btn i,

.filter-data button.filter-btn i {

    font-size: 22px;

    line-height: 14px;

}



span.chips-code {

    background: #f9f9f9;

    padding: 2px 4px;

    border-radius: 20px;

    font-size: 11px;

    border: 1px solid #ccc;

}



a.download-btn {

    display: inline-flex;

    align-items: center;

    background: #f2f2f2;

    padding: 0px 8px;

    color: #000 !important;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 6px;

}



a.download-btn:hover {

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);

    transition: 0.4s;

}



a.download-btn i {

    font-size: 20px;

    margin-left: 10px;

}





/* .multiselect-items {

    border: 1px solid #ccc;

    padding: 8px;

    margin-top: -2px;

}



.multiselect-items:focus

{

    border: 1px solid rgb(28, 170, 85);

    box-shadow: 0 0 0 2px rgba(28, 170, 85, 0.3);

} */



.cs-multiselect.multiselect-items multiple-autocomplete .form-item-container .list-inline li:last-child input {

    min-height: 30px;

    border-radius: 0px;

    margin-top: -1px;

    height: inherit;

    margin: 0px;

    padding: 0px 5px;

}



.cs-multiselect.multiselect-items multiple-autocomplete .form-item-container .list-inline li:last-child input:focus {

    border: 1px solid rgb(28, 170, 85) !important;

    box-shadow: 0 0 0 2px rgba(28, 170, 85, 0.3) !important;

}



.cs-multiselect.multiselect-items ul.list-inline li {

    margin: 8px 0;

}



.cs-multiselect.multiselect-items ul.list-inline li:last-child {

    margin: 0px;

    margin-top: 1px;

}



.cs-multiselect.multiselect-items .autocomplete-list {

    border: 0px;

}



label.select-items {

    display: flex;

    cursor: pointer;

}



label.select-items p {

    font-size: 11px;

    color: #0053bd;

    text-decoration: underline;

    margin-right: 10px;

}



label.select-items p:last-child {

    margin-right: 0px

}



label.select-items p {

    font-size: 11px;

}



.img-upload {

    display: flex;

    align-items: center;

}



.img-upload label {

    margin-top: 0px !important;

}



.img-upload label ul {

    list-style: none;

    display: flex;

    align-items: center;

}



.img-upload label ul li {

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 10px;

    width: 90px;

    height: 90px;

    box-shadow: 0px 2px 3px 0px #ccc;

}



.img-upload label ul li:last-child {

    margin-right: 0px !important;

}



.img-upload label ul li.cs-upload {

    background: #f2f2f2;

    border: solid 1px #cccccc;

    border-radius: 6px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 10px !important;

    flex-direction: column;

    width: 90px !important;

    height: 90px !important;

    cursor: pointer;

}



.img-upload label ul li.cs-upload p {

    font-size: 12px;

    font-weight: 600;

}



.img-upload label ul li.cs-upload i {

    font-size: 24px;

}



.img-upload ul {

    display: flex;

}



.img-upload ul li.cs-uploaded {

    list-style: none;

    display: flex;

    align-items: center;

}



.img-upload ul li.cs-uploaded:last-child {

    margin-right: 0px;

}



.img-upload ul li.cs-uploaded {

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 10px;

    width: 90px !important;

    height: 90px !important;

    box-shadow: 0px 2px 3px 0px #ccc !important;

}



.img-upload ul li.cs-uploaded {

    position: relative;

    overflow: hidden;

}





/* 

.img-upload ul li.cs-uploaded div

{

    width: 100%;

    height: 100%;

} */



.img-upload ul li.cs-uploaded div img {

    width: 100%;

    background: #1d9200;

    padding: 20px;

}



.img-upload ul li.cs-uploaded div img.flat {

    padding: 0px;

    background: transparent;

    height: 100%;

}



a.zoom-in {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(0, 0);

    background: #fff;

    border-radius: 20px;

    width: 25px;

    height: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: 0.5s;

}



a.zoom-in i {

    font-size: 22px;

    color: #434343;

}



.delete-ac {

    position: absolute;

    top: 0px;

    right: -30px;

    background: #ff0000;

    border-radius: 10px 20px 10px 10px;

    padding: 3px;

    transition: 0.0s;

    cursor: pointer;

}



.delete-ac i {

    font-size: 15px;

    color: #fff;

}



.img-upload ul li.cs-uploaded:hover a.zoom-in {

    transform: translate(-50%, -50%) scale(1, 1);

}



.img-upload ul li.cs-uploaded:hover .delete-ac {

    right: 0px;

    transition: 0.5s;

}



.map-secation {

    text-align: center;

}



.map-secation button {

    display: flex;

    align-items: center;

    margin: auto;

    font-size: 12px;

    padding: 5px 10px;

    background: #51aa5b;

    color: #fff;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);

}



.map-secation button.bg-red {

    background: #c10909;

}



.map-secation button i {

    font-size: 20px;

    margin-right: 5px;

    color: rgba(0, 0, 0, 0.4);

}



.map-secation .map-view {

    width: 100%;

    height: 250px;

    margin-top: 10px;

    display: none;

}



.map-secation.active .map-view {

    display: block;

}



.pb-0 {

    padding-bottom: 0px !important;

}



.cs-check {

    display: flex;

    align-items: center;

    margin-bottom: 15px;

}



.cs-check label {

    font-size: 12px;

    width: 100%;

    margin-bottom: 0px;

    font-weight: 500;

    cursor: pointer;

    display: flex;

    align-items: center;

}



.cs-check label input {

    width: 14px;

    height: 15px;

    margin: 0px;

    margin-right: 8px;

}



.cs-row {

    display: grid;

    align-items: center;

    grid-template-columns: 120px auto 90px auto 75px;

    grid-column-gap: 14px;

    margin-bottom: 15px;

}



.cs-row.auto-column {

    grid-template-columns: auto auto auto auto 75px;

    align-items: flex-end;

}



.cs-row:last-child {

    margin-bottom: 0px;

}



.cs-row label {

    font-weight: 400;

}



.cs-row.auto-column {

    grid-template-columns: auto auto auto auto 75px;

    align-items: flex-end;

}



.cs-row:last-child {

    margin-bottom: 0px;

}



.cs-row label {

    font-weight: 400;

}



.cs-row input.cs-btn {

    background: #24a95a;

    color: #ffffff;

    cursor: pointer;

    font-weight: 600;

}



.as-dtl_fix {

    position: absolute;

    top: 50%;

    right: 5px;

    transform: translateY(-50%);

}





/* //--notification-css-start--// */



.cs-row input.cs-btn {

    background: #24a95a;

    color: #ffffff;

    cursor: pointer;

    font-weight: 600;

}





/* //--notification-css-start--// */



a.search-input {

    display: flex;

    align-items: center;

    height: 24px;

    font-weight: 400;

    font-size: 12px;

    border: 1px solid #a2a2a2;

    padding: 0px 2px;

    background: #ffffff;

}



a.search-input::focus {

    border: 1px solid rgb(28, 170, 85) !important;

    box-shadow: 0 0 0 2px rgba(28, 170, 85, 0.3) !important;

}



a.search-input i {

    font-size: 16px;

    margin-right: 5px;

}



.pop-up-filter {

    width: 150px;

    background: #f9f9f9;

    border: 1px solid #cccccc;

    padding: 5px;

    position: absolute;

    top: 2px;

    left: 2px;

    z-index: 4;

    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4);

    transform: scale(0, 0);

    transition: 0.5s all;

}



.pop-up-filter.active {

    transform: scale(1, 1);

}



.pop-up-filter .radio-btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.pop-up-filter .radio-btn label {

    font-size: 15px;

    border: 1px solid #cccccc;

    padding: 5px 12px 5px 8px;

    display: flex;

    align-items: center;

    margin-bottom: 0px;

    background: #ffffff;

    cursor: pointer;

}



.pop-up-filter .radio-btn label input {

    margin: 0px 5px 0px 0px;

}



.pop-up-filter .radio-btn label span {

    line-height: 0px;

}



.pop-up-filter .radio-btn label span i {

    font-size: 20px;

    line-height: 10px;

    position: relative;

    color: #000000;

}



.pop-up-filter .radio-btn label span i:after {

    content: '';

    content: '';

    position: absolute;

    top: 3px;

    left: 15px;

    width: 10px;

    height: 1px;

    background: #000000;

}



.pop-up-filter .radio-btn label span i:before {

    content: '';

    content: '';

    position: absolute;

    top: 7px;

    left: 15px;

    width: 10px;

    height: 1px;

    background: #000000;

}



.pop-up-filter a.close-radio i {

    font-size: 18px;

}



.pop-up-filter a.close-radio {

    position: absolute;

    top: -10px;

    right: -10px;

    color: #ff0000;

}





/* SFA Dashboard */



a.sm-counter-in {

    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);

    position: relative;

    height: 70px;

    margin-bottom: 16px;

    border-radius: 6px;

    display: flex;

    align-items: center;

}



a.sm-counter-in .cs-img {

    width: 70px;

    height: 100%;

    background: #919191;

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 6px 0px 0px 6px;

}



a.sm-counter-in .cs-img img {

    height: 25px;

}



a.sm-counter-in .cs-count {

    padding-right: 10px;

    padding-left: 85px;

    display: flex;

    align-items: flex-start;

    flex-direction: column;

    justify-content: center;

}



a.sm-counter-in .cs-count h2 {

    font-size: 15px;

    font-weight: 600;

}



a.sm-counter-in .cs-count p {

    font-size: 13px;

    line-height: 17px;

    color: #919191;

}



a.sm-counter-in .cs-count .side-info

{

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

}



a.sm-counter-in .cs-count .side-info:after

{

    content: "";

    background: #cccccc;

    width: 2px;

    height: 25px;

    border-radius: 10px;

    position: absolute;

    top: 50%;

    left: -10px;

    transform: translateY(-50%);

}



a.sm-counter-in .cs-count .side-info .add_info

{

    display: flex;

    align-items: center;

}



a.sm-counter-in .cs-count .side-info .add_info h2 {

    font-size: 13px;

    font-weight: 600;

}



a.sm-counter-in .cs-count .side-info .add_info p {

    font-size: 11px;

    line-height: 19px;

    color: #919191;

    margin-left: 7px;

}



/* a.sm-counter-in:nth-child(1) .cs-img {background: #B71C1C;} */

a.sm-counter-in:nth-child(1) .cs-img {background: #C62828;}

a.sm-counter-in:nth-child(2) .cs-img {background: #D32F2F;}

a.sm-counter-in:nth-child(3) .cs-img {background: #E53935;}

a.sm-counter-in:nth-child(4) .cs-img {background: #F44336;}



.ds-sm-tab {

    margin-left: auto;

}



.ds-sm-tab a {

    font-size: 12px;

    padding: 2px 10px;

    display: table-cell;

    background: #fff;

    color: #000000;

    position: relative;

    transition: 0.8s all;

}



.ds-sm-tab a:after {

    content: '';

    position: absolute;

    top: 50%;

    right: 0px;

    width: 1px;

    height: 100%;

    background: #000000;

    transform: translateY(-50%);

}



.ds-sm-tab a:last-child:after {

    background: transparent;

}



.ds-sm-tab a:hover,

.ds-sm-tab a.active {

    background: #000000;

    color: #fff;

}



.ds-sm-tab a:first-child {

    border-top-left-radius: 6px;

    border-bottom-left-radius: 6px;

}



.ds-sm-tab a:last-child {

    border-top-right-radius: 6px;

    border-bottom-right-radius: 6px;

}



.image-sc {

    padding: 15px 5px;

}



.pdf-image {

    width: 120px;

    height: 120px;

    margin: 10px 5px;

}



.image-sc .pdf-image img {

    object-fit: cover;

}



.image-view {

    /* height: 200px; */

    overflow: auto;

    margin: 10px;

    min-height: auto;

    text-align: center;

    max-height: 200px;

    display: flex;

    justify-content: center;

}



.image-view .multi

{

    display: flex;

    align-items: center;

    position: relative;

    margin: 0px 5px;

    overflow: hidden;

    

}



.image-view .multi a

{

    border-radius: 4px;

    border: 1px solid #e8e8e8;

    overflow: hidden;

    width: 134px;

    height: 170px;

}



.image-view img {

    height: 100%;

}



.image-view.five-image

{

    flex-wrap: wrap;

    justify-content: inherit;

}



.image-view.five-image .multi

{

    margin: 5px;

}



.image-view.five-image .multi a

{

    width: 152px;

    height: 142px;

    display: flex;

    align-items: center;

    justify-content: center;

    

}



.image-view .multi button.delete-images

{

    position: absolute;

    top: 4px;

    right: -20px;

    background: #ff0000;

    border-radius: 4px;

    transition: 0.5s;

}



.image-view .multi button.delete-images i

{

    color: #fff;

    font-size: 18px;

}



.image-view .multi:hover button.delete-images

{

    right: 5px;

    transition: 0.5s;

}





.sugest-content {

    padding: 10px 6px 20px 6px;

    font-size: 14px;

    color: #000000;

}



.sugest-content ul li {

    display: flex;

    align-items: center;

    padding: 8px 0px;

}



.sugest-content ul li label {

    line-height: 0px;

    margin-left: 8px;

    font-size: 12px;

}



.sugest-content ul li label,

.sugest-content ul li input {

    margin-top: 0px;

}



.footer-btn-group {

    border-top: 1px solid #ccc;

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-column-gap: 10px;

    grid-row-gap: 10px;

    padding: 10px 10px 0px 10px;

}



.footer-btn-group.single {

    grid-template-columns: 1fr;

}



.footer-btn-group a.red-btn,

.footer-btn-group button.red-btn {

    background: #e0050f;

    border-color: #e0050f;

}

a.cs-btns-group

{

    margin-left: auto;

    background: #000000;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 5px 10px;

    font-size: 13px;

    color: #ffffff;

    border-radius: 6px;

    border: 2px solid #ffffff;

    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3), 0px -3px 6px 0px rgba(0, 0, 0, 0.3);

}

a.cs-btns-group i {

    font-size: 20px;

    line-height: 20px;

    width: 20px;

    margin-right: 10px;

}

a.cs-btns-group:hover 

{

    background: #fff;

    color: #000000;

    border-color: #000000;

}



/* 10/29/2020 */

.relative{position: relative;}



.pr130{padding-right: 130px !important;}

.pr122{padding-right: 122px !important;}





button.que-btn, a.que-btn  

{

    position: absolute;

    bottom: 0;

    right: 0px;

    background: #51aa5b;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 12px;

    padding: 0px 10px;

    height: 30px;

}



button.que-btn i,

a.que-btn i

{

    font-size: 20px;

    margin-left: 10px;

}



button.que-btn i.rotate-icons,

a.que-btn i.rotate-icons

{

    transform: rotate(-90deg);

    margin-top: 4px;

    margin-left: 6px;

}



.survey-ans ol 

{

    margin-left: 70px;

    margin-bottom: 0px;

    margin-top: 10px;

    position: relative;

}



.survey-ans ol:after 

{

    content: 'Answer:';

    position: absolute;

    top: 0;

    left: -70px;

    font-size: 12px;

    color: #51aa5b;

    font-weight: 600;

    text-decoration: underline;

}



.survey-ans ol li 

{

    list-style: inherit;

    font-size: 11px;

    line-height: 18px;

    margin-bottom: 10px;

    position: relative;

}

.survey-ans ol li:last-child

{

    margin-bottom: 0px;

}



.survey-ans ol li a 

{

    position: absolute;

    top: 0;

    right: 0px;

    font-size: 20px;

    background: #ffffff;

    opacity: 0;

    visibility: hidden;

    transition: 0.2s;

}

.survey-ans ol li a i

{

    font-size: 20px;

    color: #ff0000;

    transition: 0.2s;

}



.survey-ans ol li:hover a

{

    opacity: 1;

    visibility: visible;

    display: flex;

    align-items: center;

}



.survey-ans ol li:hover a p

{

    font-size: 12px;

}



.survey-ans ol li:hover a.delete

{



}



.survey-ans ol li:hover a.delete i

{

    margin-right: 5px;

}



.survey-ans ol li:hover a.delete p

{

    color: red;

}



.survey-ans ol li:hover a.view

{

    margin-right: 65px;

}



.survey-ans ol li:hover a.view i

{

    margin-right: 5px;

    color: #0ed6f7;

}



.survey-ans ol li:hover a.view p

{

    color: #0ed6f7;

    font-weight: 500;

}



.survey-ans ol li a:hover i

{

    transform: scale(1.2);

}

.survey-reply ol li

{

    list-style: inherit;

}



.survey-reply

{

    background: #cfffd4;

    padding: 5px 0px;

    margin-top: 10px;

    border: 1.5px #000000 dotted;

}



.survey-reply p

{

    padding: 0px 0px 5px 10px;

    font-size: 12px !important;

    color: #000000;

    font-weight: 600;

}

.survey-reply ol

{

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 0px;

}

.survey-reply ol li

{

    margin-left: 25px;

    font-size: 12px;

    font-weight: 600;

}

.survey-reply ol li::marker

{

    color: #ff0000;

}



.cmn-toggle 

{

    position: absolute;

    margin-left: -9999px;

    visibility: hidden;

}



.cmn-toggle + label 

{

    display: block;

    position: relative;

    cursor: pointer;

    outline: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



input.cmn-toggle-round-flat + label 

{

    padding: 2px;

    width: 100%;

    height: 25px;

    margin-bottom: 0px;

    background-color: #dedede;

    -webkit-border-radius: 60px;

    -moz-border-radius: 60px;

    -ms-border-radius: 60px;

    -o-border-radius: 60px;

    border-radius: 60px;

    -webkit-transition: background 0.4s;

    -moz-transition: background 0.4s;

    -o-transition: background 0.4s;

    transition: background 0.4s;

}



input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after 

{

    display: block;

    position: absolute;

    content: "";

}



input.cmn-toggle-round-flat + label:before 

{

    top: 2px;

    left: 2px;

    bottom: 2px;

    right: 2px;

    background-color: #fff;

    -webkit-border-radius: 60px;

    -moz-border-radius: 60px;

    -ms-border-radius: 60px;

    -o-border-radius: 60px;

    border-radius: 60px;

    -webkit-transition: background 0.4s;

    -moz-transition: background 0.4s;

    -o-transition: background 0.4s;

    transition: background 0.4s;

}



input.cmn-toggle-round-flat + label:after 

{

    top: 4px;

    left: 4px;

    bottom: 0;

    width: 17px;

    height: 17px;

    background-color: #dedede;

    -webkit-border-radius: 52px;

    -moz-border-radius: 52px;

    -ms-border-radius: 52px;

    -o-border-radius: 52px;

    border-radius: 52px;

    -webkit-transition: margin 0.4s, background 0.4s;

    -moz-transition: margin 0.4s, background 0.4s;

    -o-transition: margin 0.4s, background 0.4s;

    transition: margin 0.4s, background 0.4s;

}



input.cmn-toggle-round-flat:checked + label 

{

    background-color: #51aa5b;

}



input.cmn-toggle-round-flat:checked + label:after 

{

    margin-left: calc(100% - 26px);

    background-color: #51aa5b;

}





.fab-checkbox {

    display: none;

}

.fab {

    position: absolute;

    bottom: 0px;

    right: 10px;

    border-radius: 100% !important;

    width: 40px;

    min-width: 40px;

    height: 40px;

    background: #51aa5b !important;

    border-radius: 50%;

    background: #126ee2;

    box-shadow: 0px 1px 16px #dcdcdc;

    transition: all 0.3s ease;

    z-index: 1;

    border-radius: 100%;

    border: 2px solid #42a04c !important;

    cursor: pointer;

}



.fab:before 

{

    display: none;

}



.fab-checkbox:checked ~ .fab:before 

{

    display: none;

}





.fab-dots {

    position: absolute;

    height: 7px;

    width: 6px;

    background-color: white;

    border-radius: 100%;

    top: 50%;

    transform: translateX(0%) translateY(-50%) rotate(0deg);

    opacity: 1;

    animation: blink 3s ease infinite;

    transition: all 0.3s ease;

}



.fab-dots-1 {

    left: 7px;

    animation-delay: 0s;

}

.fab-dots-2 {

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    animation-delay: 0.4s;

}

.fab-dots-3 {

    right: 7px;

    animation-delay: 0.8s;

}



.fab-checkbox:checked ~ .fab .fab-dots {

    height: 3px;

}



.fab .fab-dots-2 {

    transform: translateX(-50%) translateY(-50%) rotate(0deg);

}



.fab-checkbox:checked ~ .fab .fab-dots-1 {

    width: 24px;

    border-radius: 10px;

    left: 50%;

    transform: translateX(-50%) translateY(-50%) rotate(45deg);

}

.fab-checkbox:checked ~ .fab .fab-dots-3 {

    width: 24px;

    border-radius: 10px;

    right: 50%;

    transform: translateX(50%) translateY(-50%) rotate(-45deg);

}



@keyframes blink {

    50% {

        opacity: 0.25;

    }

}



.fab-checkbox:checked ~ .fab .fab-dots {

    animation: none;

}



.fab-wheel {

    position: absolute;

    bottom: 0;

    right: 10px;

    width: 10rem;

    height: 10rem;

    transition: all 0.3s ease;

    transform-origin: bottom right;

    transform: scale(0);

}



.fab-checkbox:checked ~ .fab-wheel {

    transform: scale(1);

}

.fab-action {

    position: absolute;

    background: #fff;

    width: 40px;

    height: 40px;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #000;

    box-shadow: 0 0.1rem 1rem rgb(195 195 195 / 82%);

    transition: all 1s ease;

    opacity: 0;

    border: 1.5px solid #3a7d33;

}



.fab-action .text-line

{

    position: absolute;

    top: 11px;

    background: rgba(0, 0, 0, 0.7);

    right: 48px;

    padding: 2px 8px;

    border-radius: 3px;

    display: flex;

    justify-content: flex-end;

    width: fit-content;

    align-items: center;

}



.fab-action .text-line p

{

    color: #fff;

    font-size: 12px;

    white-space: nowrap;

}



.fab-action i

{

    font-size: 20px;

    color: #3a7d33;

}





.fab-action img

{

    width: 19px;

    height: 19px;

}





.fab-checkbox:checked ~ .fab-wheel .fab-action {

    opacity: 1;

}



.fab-wheel .fab-action-1 {

    right: 0px;

    top: -85px;

}



.fab-wheel .fab-action-2 {

    right: 0px;

    top: -35px;

}

.fab-wheel .fab-action-3 {

    right: 0px;

    top: 15px;

}

.fab-wheel .fab-action-4 {

    right: 0px;

    top: 65px;

}



.fab-wheel .fab-action-5 {

    right: 0px;

    top: 60px;

}



.bdr-btm0

{

    border-bottom: 0px !important;

}



.select_state

{

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

}



.select_state img

{

    height: 280px;

}



.select_state p

{

    position: absolute;

    top: 42%;

    left: 45%;

    transform: translateX(-50%);

    font-weight: 500;

    color: #000000;

    font-size: 13px;

    line-height: 15px;

    text-transform: capitalize;

}

button.choose-btns

{

    box-shadow: 0px 3px 6px 0px #cccccc;

    border-radius: 5px;

    margin: 20px;

}



button.choose-btns .mid-img

{

    height: 130px;

    width: 140px;

    display: flex;

    align-items: center;

    justify-content: center;

}



button.choose-btns .mid-text

{

    font-size: 13px;

    font-weight: 600;

    padding: 7px 10px;

    background: #f1f1f1;

    text-transform: uppercase;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



button.choose-btns .mid-text i

{

    font-size: 19px;

    color: #0e8c41;

    margin-left: 10px;

}
p.thumb-line

{

    position: absolute;

    bottom: 0;

    font-size: 11px;

    color: #ffffff;

    background: rgba(0,0,0,0.6);

    width: 169px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    border-radius: 0px 0px 4px 4px;

    left: 0px;

    text-align: center;

}
.resend_btn{
    position: absolute;
    right: 40px;
    padding: 10px;

}
.otpsent_msg{
    font-size: 12px;
    font-weight: 600;
    position: relative;
    right: -45px;
}
.link-btn {
    font-size: 12px;
    font-weight: 600;
    color: blue !important;
    line-height: 15px;
    padding: 2px 0px !important;
    text-align: left;
    min-width: auto;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Montserrat', sans-serif;
    white-space: normal;
    text-decoration: underline;
    cursor: pointer;
    
    &.underline {
      text-decoration: underline;
    }
    
    &.flat {
      padding: 0px !important;
      line-height: 0px !important
    }
  }

  .note-text
{
    margin-top: 10px;
}

.note-text p.note_value
{
    position: absolute;
    top: 0px;
    font-size: 12px;
    color: #eaeaea;
    font-weight: 500;
}