@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: #424242;
    
}



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
    
}

.csm-tabs.is-loading {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}


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



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



@-webkit-keyframes rotating

{
    
    from {
        
        -webkit-transform: rotate(0deg);
        
        -o-transform: rotate(0deg);
        
        transform: rotate(0deg);
        
    }
    
    to {
        
        -webkit-transform: rotate(360deg);
        
        -o-transform: rotate(360deg);
        
        transform: rotate(360deg);
        
    }
    
}



@keyframes rotating {
    
    from {
        
        -ms-transform: rotate(0deg);
        
        -moz-transform: rotate(0deg);
        
        -webkit-transform: rotate(0deg);
        
        -o-transform: rotate(0deg);
        
        transform: rotate(0deg);
        
    }
    
    to {
        
        -ms-transform: rotate(360deg);
        
        -moz-transform: rotate(360deg);
        
        -webkit-transform: rotate(360deg);
        
        -o-transform: rotate(360deg);
        
        transform: rotate(360deg);
        
    }
    
}



.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="text"],

input[type="date"],

input[type="time"],

input[type="number"],

input[type="email"],

input[type="password"],

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



.w300 

{
    
    width: 300px !important;
    
}

.w340

{
    
    width: 340px !important;
    
}

.w350

{
    
    width: 350px !important;
    
}

.w400 

{
    
    width: 400px !important;
    
}

.w470 

{
    
    width: 470px !important;
    
}

.w500 

{
    
    width: 500px !important;
    
}

.w550 

{
    
    width: 550px !important;
    
}

.w650{width: 650px !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
    
}

input[type="file"].file {
    
    padding-top: 5px;
    
}

.file-intro {
    font-size: 11px;
    margin-top: 35px;
}
.file-intro a
{
    color: #006cff;
    transition: all 0.7s;
}
.file-intro a:hover
{
    text-decoration: underline;
}



.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: #424242 !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;
    
}





.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: #24a95a;
    
    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-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: 700; */
    
    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: #424242;
    
}

.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: #424242;
    
    border-color: #424242;
    
    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 #424242;
    
}



.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: #424242;
    
    /* 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 #424242;
    
    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 #424242;
    
}

.csm-tabs ul li.active a p{color: #fff;}



.csm-tabs.csm-tabs-chng

{
    
    padding: 2px 0px 7px 23px;
    
}



.csm-tabs.csm-tabs-chng ul li a

{
    
    background: #fff;
    
    box-shadow: none;
    
    border: 1px solid #ccc;
    
    border-radius: 3px;
    
    cursor: text;
    
}



.csm-tabs.csm-tabs-chng ul li a p

{
    
    color: #000;
    
    border-right: 1px solid #ccc;
    
    padding-right: 5px;
    
}



.csm-tabs.csm-tabs-chng ul li a span

{
    
    margin-left: 2px;
    
    letter-spacing: 0px;
    
}



.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.score{
    background: #fcba03;
}


.forword-page.activity 

{
    
    background: #34a5eb;
    
}



.forword-page.quotation 

{
    
    background: #27ab00;
    
}

.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: #2e2e2e;
    
    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 #424242;
    
    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;
    
    height: calc(100% - 40px);
    
    overflow: auto;
    
}



.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: #424242 !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;
    
}



.cancel-bg

{
    
    background: #adadad !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: #27ab00;
    
    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 : #ffff;
    
    /* background: #424242 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:#424242;
    
    position: absolute;
    
    top: 0;
    
    right: 0;
    
    width: 50%;
    
    height: 100%;
    
    z-index: 1;
    
}


/* ---------------------CSS for New Login Design Start-----------------------------/ */
.login.login_change:before
{
    background: transparent;
}

.login.login_change:after
{
    background : #ffff;

    /* background: #424242 url('../../assets/img/okaya-img/Okaya-login-banner_new.png') no-repeat center; */
    background-size: cover;
    width: 100%;
}

.login.login_change .login-container .login-left
{
    width: 0px;
}

.login.login_change .login-container .login-left .outer .inner .project-name
{
    display: none;
}

.login.login_change .login-container .login-right
{
    background: rgba(0,0,0,0.5);
    width: 100%;
}

.login.login_change .login-container .login-right .login-form .short-description p
{
    font-size: 13px;
    letter-spacing: 0.3;
    color: #000000;
    font-weight: 500;
}

.login.login_change .login-container .login-right .login-form
{
    /* background: #efefefbf; */
    border-radius: 20px;
}

.login.login_change .login-container .login-right .login-form .form .login-btn
{
    width: 100%;
}

.login.login_change .login-container .login-right .login-form .form .login-btn button
{
    width: 80%;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.login.login_change .login-container .login-right .login-form .form .control-field .login-input input
{
    background: transparent;
    border: 1px solid #ffffff70 !important;
}

/* ---------------------CSS for New Login Design End-----------------------------/ */














.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: #424242;
    
    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: 18px;
    
    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:nth-child(1),

.action-hover ul li:nth-child(1) {
    
    border-radius: 4px 0px 0px 4px
    
}



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



.w190{width: 190px !important;}



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



.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: #424242;
    
    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: #424242;
    
}



.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: #424242;
    
    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: #2e2e2e;
    
    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 35px;
    
    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: #24a95a;
    
}

.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: #424242;
    
}





.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 rgba(0, 0, 0, 0.3);
    
    display: block;
    
    font-size: 11px;
    
    font-weight: normal;
    
    position: relative;
    
    background: #2e2e2e;
    
    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: #2e2e2e;
    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: 19px;
    font-size: 10px;
    font-weight: 500;
    border-radius: 4px;
    height: 20px;
    padding: 0px 7px;
    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: #424242;}

.nav-side-menu li a i {
    padding-left: 10px;
    width: 20px;
    padding-right: 30px;
}

.nav-side-menu .menu-list .menu-content {display: block;}

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

.nav-side-menu ul{padding: 0px 5px;}
.nav-side-menu ul li{border-bottom: 0px;}
.nav-side-menu ul li a.active{border-radius: 10px;}
.nav-side-menu ul li a.active:before
{
    content: "";
    left: 0;
    width: 4px;
    height: 60%;
    background: #24a95a;
    transform: translateY(-50%);
    border-radius: 6px;
    padding: 0px;
}

.nav-side-menu ul li a:hover::after{border-radius: 10px;}

.nav-side-menu ul li a:hover::before
{
    content: "";
    left: 0;
    width: 4px;
    height: 60%;
    background: #24a95a;
    transform: translateY(-50%);
    border-radius: 6px;
    padding: 0px;
}

/* -- */

.nav-side-menu ul.sub-menu{padding: 10px;}
.nav-side-menu ul.sub-menu li{border-bottom: 0px;}
.nav-side-menu ul.sub-menu li a.active{border-radius: 10px;}
.nav-side-menu ul.sub-menu li a.active:before
{
    content: "";
    left: 0;
    width: 4px;
    height: 60%;
    background: #24a95a;
    transform: translateY(-50%);
    border-radius: 6px;
    padding: 0px;
}

.nav-side-menu ul.sub-menu li a:hover::after{border-radius: 10px;}

.nav-side-menu ul.sub-menu li a:hover::before
{
    content: "";
    left: 0;
    width: 4px;
    height: 60%;
    background: #24a95a;
    transform: translateY(-50%);
    border-radius: 6px;
    padding: 0px;
}
/* ---------------------------- */



.description.neno-space.mrt15 {background: #ebebeb;}

.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 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;
    
    display: flex;
    
    align-items: center;
    
    justify-content: center;
    
}



.loading-bg .outer .inner

{
    
    position: relative;
    
}



.loading-bg .outer .inner img

{
    
    display: none;
    
}



.loading-bg .outer .inner:before {
    
    content: '';
    
    position: absolute;
    
    top: calc(50% - 53px);
    
    left: calc(50% - 25px);
    
    transform: translate(-50%,-50%);
    
    width: 40px;
    
    height: 60px;
    
    background: url(../../assets/img/okaya-img/okaya-o.png) no-repeat top left;
    
    background-size: contain;
    
    -webkit-animation: rotating 1s linear infinite;
    
    -moz-animation: rotating 1s linear infinite;
    
    -ms-animation: rotating 1s linear infinite;
    
    -o-animation: rotating 1s linear infinite;
    
    animation: rotating 1s linear infinite;
    
}





.loading-bg .outer .inner:after

{
    
    content: 'Loading';
    
    background: url(../../assets/img/okaya-img/Circles-menu-3.gif) no-repeat;
    
    position: absolute;
    
    top: 60%;
    
    left: 50%;
    
    transform: translate(-50%,-50%);
    
    width: 70px;
    
    display: flex;
    
    font-size: 14px;
    
    font-weight: 500;
    
    align-items: center;
    
    height: 13px;
    
    background-size: 20px;
    
    background-position: 51px -1px;
    
}



.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; position: relative;}

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

.border-fff
{
    border: 1px solid #ffffff;
}





.border000-top{
    
    border-top: solid 1px #000; 
    
}



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

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: #424242 !important;
    
}

.icon-box {
    
    width: 32px !important;
    
    height: 30px !important;
    
    font-size: 32px !important;
    
    background: #424242 !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-radius: 15px; 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;
    
}



.pt0

{
    
    padding-top: 0px !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.add-text, 

.csm-heading button.add-new.add-text

{
    
    width: fit-content;
    
    padding: 0px 5px;
    
    height: inherit;
    
    top: 50%;
    
    transform: translateY(-50%);
    
    right: 5px;
    
    border-radius: 3px;
    
    line-height: 24px;
    
    background: #fd5050;
    
    font-size: 11px;
    
}



.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: #424242;
    
}





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



.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: #424242 !important;}

.other{background: #e91e63 !important;}

.google.ads{background: #6d3737 !important;}

.sales.team{background: #447d20 !important;}

.laminates.team{background: #bd0250 !important;}

.reference{background: #4d219c !important;}

.open-status, .reject, .return{background: #ff0000 !important; color: #ffffff !important; padding: 5px;}

.close-status, .paid, .approved, .incoming{background: #27AB00 !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: #424242 !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: #424242 !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;}

.success-clr{color: green !important;}

.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 .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 .cs-add span.fot-add-count

{
    
    background: #f8f8f8;
    
    color: #028b39;
    
    padding: 5px 4px;
    
    margin-right: 7px;
    
    border-radius: 4px;
    
    display: flex;
    
    align-items: center;
    
    justify-content: center;
    
    line-height: 10px;
    
    letter-spacing: 0px;
    
}



.csm-footer .imex{background: #fff;}

.csm-footer .imex i{color: #0088d8; font-size: 32px;}



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



.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: #424242 !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 .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 .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;
    
}

.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: 35px;
    
    height: 35;
    
    border-radius: 50px;
    
    padding: 12px;
    
    display: flex;
    
    color: j;
    
    justify-content: center;
    
    align-items: center;
    
}



.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 #14a751;
    
    margin-right: 10px;
    
    border-radius: 10px;
    
    height: 410px;
    
    overflow: hidden;
    
}



.custom-dashboad .dash-tables .table-one:last-child

{
    
    margin-right: 0px;
    
}



.custom-dashboad .dash-tables .table-one .tablehead

{
    
    background: #14a751;
    
    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 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;
    
    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;
    
}



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

.h25{height: 25px !important;}



.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 table tr td span.red-mark{
    
    color: #ff0000;
    
    font-size: 12px;
    
}



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



.logs.odr-logs

{
    
    overflow: inherit;
    
}



.logs.odr-logs ul li

{
    
    justify-content: inherit;
    
}



.logs.odr-logs ul li .name

{
    
    width: 81px;
    
    display: flex;
    
    align-items: center;
    
}



.logs.odr-logs ul li .middle

{
    
    width: 100%;
    
    margin-left: 20px;
    
    margin-top: 0px;
    
}



.logs.odr-logs ul li .middle .figure

{
    
    height: 25px;
    
    padding-top: 0px;
    
}



.logs.odr-logs ul li .middle .figure p:nth-child(1)

{
    
    margin-top: -6px;
    
    background: #fff;
    
    width: fit-content;
    
    line-height: 11px;
    
}



.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: #424242;
    
    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;
    
}



a.go-btn

{
    
    background: #424242;
    
    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: #424242;
    
    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(3)

{
    
    border-bottom: 0px;
    
    margin-bottom: 0px;
    
}



.font12{font-size: 12px !important;}



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

span.lg-skblue

{
    
    background: #94a5ff;
    
}

span.lg-brown

{
    
    background: #cbbf63;
    
}

.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: 12px;
    
    font-weight: 600;
    
}

.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: 12px;
    
}



.form-column .check-radio label input[type="radio"]

{
    
    margin: 0px 5px 0px 0px;
    
}



.form-column.column-radio-chng

{
    
    width: fit-content;
    
    border: 0;
    
}



.form-column.column-radio-chng .check-radio

{
    
    display: grid;
    
    margin: 0px 0px 7px;
    
    padding: 0px;
    
}



.form-column.column-radio-chng .check-radio label

{
    
    width: fit-content;
    
}





.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: #27AB00 !important;
    
}

.status-ac strong.yellow-clr

{
    
    color: #FF9200 !important;
    
}

.status-ac strong.red-clr

{
    
    color: #ff0000 !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 a, .status-action  button

{
    
    width: 25px;
    
    height: 25px;
    
    border: 2px solid;
    
    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;
    
}

.status-action a.ac-yellow, .status-action button.ac-red

{
    
    border-color: #FF9200 !important;
    
}

.status-action a.ac-yellow i, .status-action button.ac-red i

{
    
    color: #FF9200 !important;
    
}



.status-action a.ac-red, .status-action button.ac-red

{
    
    border-color: #DE0000 !important;
    
}

.status-action a.ac-red i, .status-action button.ac-red i

{
    
    color: #DE0000 !important;
    
}

.status-action a.ac-green, .status-action button.ac-green

{
    
    border-color: #27AB00 !important;
    
}

.status-action a.ac-green i, .status-action button.ac-green i

{
    
    color: #27AB00 !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 .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 > 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 {
    
    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;
    
}





.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	

{	
    
    height: 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;
    
}



.mail-template 

{
    
    display: grid;
    
    grid-template-columns: auto auto auto;
    
    grid-column-gap: 10px;
    
    grid-row-gap: 10px;
    
}

.mail-template .template-item 

{
    
    border: 1px solid #ccc;
    
    opacity: 0.5;
    
    transition: all 0.5s;
    
}



.mail-template .template-item:hover

{
    
    opacity: 1;
    
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    
}

.mail-template .template-item label {
    
    margin: 0px;
    
    position: relative;
    
}



.mail-template  .template-item label input {
    
    position: absolute;
    
    top: 20px;
    
    right: 20px;
    
    width: 15px;
    
    height: 15px;
    
    margin: 0px;
    
}



.edit-template

{
    
    border: 1px solid #ccc;
    
    margin-top: 10px;
    
}

.edit-template h2 {
    
    font-size: 13px;
    
    padding: 10px;
    
    background: #b9e1fe;
    
    font-weight: 600;
    
}



.edit-template p

{
    
    font-size: 12px;
    
    font-weight: 600;
    
}



.edit-template  textarea

{
    
    height: 120px;
    
    margin: 10px 0px 20px;
    
    border: 1px solid #cccccc !important;
    
    resize: none;
    
}

.edit-template input

{
    
    margin: 10px 0px 10px !important;
    
    border: 0px solid !important;
    
}

.vertical-top

{
    
    vertical-align: top;
    
}



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





.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: #424242;
    
    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: #424242;
    
    border-color: #424242;
    
}



.flex-grid

{
    
    display: flex;
    
    grid-column-gap: 10px;
    
}



.flex-grid .control-group{margin-right: 0px !important;}

.min-w150 {
    
    width: 150px !important;
    
    min-width: 150px !important;
    
}





.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: -125px;
    
}



.fab-wheel .fab-action-2 {
    
    right: 0px;
    
    top: -75px;
    
}

.fab-wheel .fab-action-3 {
    
    right: 0px;
    
    top: -25px;
    
}

.fab-wheel .fab-action-4 {
    
    right: 0px;
    
    top: 25px;
    
}



.fab-wheel .fab-action-5 {
    
    right: 0px;
    
    top: 60px;
    
}

.fab-wheel .fab-action-6 {
    
    right: 0px;
    
    top: 70px;
    
}

.fab-wheel .fab-action-7 {
    
    right: 0px;
    
    top: -175px;
    
}

.fab-wheel .fab-action-8 {
    
    right: 0px;
    
    top: -225px;
    
}
.fab-wheel .fab-action-9 {
    
    right: 0px;
    
    top: -275px;
    
}



.choose-one-container

{
    
    display: flex;
    
    align-items: center;
    
    padding: 6px;
    
    border: 1px dashed #ccc;
    
}



.choose-one-container h1

{
    
    font-size: 13px;
    
    margin-right: 15px;
    
    font-weight: 600;
    
}



.choose-one-container .check-left

{
    
    display: flex;
    
    align-items: center;
    
}



.choose-one-container .check-left label

{
    
    display: flex;
    
    align-items: center;
    
    cursor: pointer;
    
    justify-content: space-between;
    
    margin-bottom: 0px;
    
    padding: 10px;
    
    margin-right: 15px;
    
    background: #f8f8f8;
    
}



.choose-one-container .check-left label:last-child

{
    
    margin-right: 0px;
    
}



.choose-one-container .check-left label p

{
    
    font-size: 12px;
    
    line-height: 12px;
    
    margin-right: 60px;
    
}



.choose-one-container .check-left label input

{
    
    margin: 0px;
    
    width: 14px;
    
    height: 14px;
    
}





.choose-one-container .check-left label.active

{
    
    background: #51aa5b;
    
}



.choose-one-container .check-left label.active p

{
    
    color: #fff;
    
}



.dial-container

{
    
    background: #fff;
    
    border: 1px solid #707070;
    
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));    
    
    border-radius: 8px;
    
}



.dial-container .dl-up_sec

{
    
    display: flex;
    
    align-items: center;
    
    padding: 10px 15px;
    
}



.dial-container .dl-up_sec .dl-left

{
    
    margin-right: 18px;
    
}



.dial-container .dl-up_sec .dl-left .dial-thumb

{
    
    width: 69px;
    
    height: 70px;
    
    display: flex;
    
    align-items: center;
    
    justify-content: center;
    
    border: 1px solid #31ce65;
    
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    
    border-radius: 70px;
    
    background: #f5e089;
    
    overflow: hidden;    
    
}



.dial-container .dl-up_sec .dl-left .dial-thumb img

{
    
    height: 100%;
    
}



.dial-container .dl-up_sec .dl-right

{
    
    display: flex;
    
    align-items: center;
    
    justify-content: space-between;
    
    width: 100%;
    
}   



.dial-container .dl-up_sec .dl-right .dial-content h1

{
    
    font-size: 20px;
    
    color: #006BC7;
    
}



.dial-container .dl-up_sec .dl-right .dial-content p

{
    
    font-size: 12px;
    
    font-weight: 500;
    
}



.dial-container .dl-lwr_sec

{
    
    border-radius: 0px 0px 7px 7px;
    
    background: #dbdbdb;
    
    border-top: 1px solid #707070;
    
    padding: 3px 10px;
    
}



.dial-container .dl-lwr_sec span

{
    
    font-weight: 500;
    
    font-size: 12px;
    
}



.form-column .name span {
    
    color: #ff0000;
    
}



/* The snackbar - position it at the bottom and in the middle of the screen */

#snackbar {
    
    visibility: hidden; /* Hidden by default. Visible on click */
    
    min-width: 250px; /* Set a default minimum width */
    
    margin-left: -125px; /* Divide value of min-width by 2 */
    
    background-color: #333; /* Black background color */
    
    color: #fff; /* White text color */
    
    text-align: center; /* Centered text */
    
    border-radius: 2px; /* Rounded borders */
    
    padding: 16px; /* Padding */
    
    position: fixed; /* Sit on top of the screen */
    
    z-index: 1; /* Add a z-index if needed */
    
    left: 50%; /* Center the snackbar */
    
    bottom: 30px; /* 30px from the bottom */
    
}



/* Show the snackbar when clicking on a button (class added with JavaScript) */

#snackbar.show {
    
    visibility: visible; /* Show the snackbar */
    
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    
    However, delay the fade out process for 2.5 seconds */
    
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
    
}



/* Animations to fade the snackbar in and out */

@-webkit-keyframes fadein {
    
    from {bottom: 0; opacity: 0;}
    
    to {bottom: 30px; opacity: 1;}
    
}



@keyframes fadein {
    
    from {bottom: 0; opacity: 0;}
    
    to {bottom: 30px; opacity: 1;}
    
}



@-webkit-keyframes fadeout {
    
    from {bottom: 30px; opacity: 1;}
    
    to {bottom: 0; opacity: 0;}
    
}



@keyframes fadeout {
    
    from {bottom: 30px; opacity: 1;}
    
    to {bottom: 0; opacity: 0;}
    
}
.travel ul {
    margin-left: 60px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 70px;
}

.travel ul li {
    padding-left: 15px;
    position: relative;
    padding-bottom: 30px;
    position: relative;
}

.travel ul .main-sec li span.km {
    position: absolute;
    top: -4px;
    left: -56px;
    background: #818181;
    border-radius: 5px;
    font-size: 10px;
    padding: 2px 5px;
    color: #fff;
}

.travel ul .main-sec li span.vistit-count {
    content: '';
    position: absolute;
    top: 0;
    left: -8px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: #55a9e4;
    color: #fff;
    display: inline-block;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 12px;
    top: calc(50% - 15px);
    transform: translateY(-50%);
}

.travel ul .main-sec li span.vistit-count i {
    font-size: 14px;
}

.travel ul li .counter {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 0 5px #c0c0c0;
    overflow: hidden;
}

.travel ul li .counter h2 {
    padding: 3px 11px 0px 10px;
    font-size: 14px;
    font-weight: 500;
}

.travel ul li .visit-time {
    display: flex;
    align-items: center;
}

.travel ul li .visit-time .visit-hours {
    width: 100%;
    text-align: center;
    padding: 0px 5px;
    position: relative;
}

.travel ul li .visit-time .visit-hours span {
    font-size: 10px;
    color: #a0a0a0;
}

.travel ul li .visit-time .visit-hours p {
    font-size: 11px;
    line-height: 16px;
}

.travel ul li .visit-time .visit-hours:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    transform: translateY(-50%);
    background: #ccc;
}

.travel ul li .visit-time .visit-hours:first-child:after {
    background: transparent;
}

.travel ul li .time_description
{
    border-top: 1px dashed #ccc;
    padding: 3px 10px 3px 10px;
}

.travel ul li .time_description p
{
    font-size: 10px;
    
}

.travel ul li .type-visit {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 5px;
    background: #f9f9f9;
}

.travel ul li .type-visit .types {
    padding: 0px 5px;
    position: relative;
    font-size: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    grid-column-gap: 3px;
}

.travel ul li .type-visit .types span {
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    display: inline-block;
    background: #fff;
    border-radius: 10px;
    position: relative;
}

.travel ul li .type-visit .types span.active:after {
    
    content: '';
    position: absolute;
    margin: 0px;
    top: 50%;
    left: 3px;
    left: 0px;
    
    font-weight: normal;
    font-style: normal;
    font-size: 8px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    color: #000;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #3fc002;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.travel ul li .type-visit .types:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    transform: translateY(-50%);
    background: #ccc;
}

.travel ul li .type-visit .types:first-child:after {
    background: transparent;
}

.travel ul .main-sec:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    border-left: 2px dashed #55a9e4;
}

.travel ul .main-sec:first-child li span.vistit-count {
    top: 0;
    transform: inherit;
}

.travel ul .main-sec:last-child:after {
    border: 0px;
}

.total_count
{
    position: fixed;
    bottom: 20px;
    width: 100%;
    padding: 10px;
}

.total_count h1
{
    font-size: 14px;
    color: #6e6e6e;
    font-weight: 500;
    border: 1px dashed #818181;
    padding: 6px;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #fff;
}

.chips-btn
{
    overflow: hidden;
}

.chips-btn span
{
    background: #dcdcdc;
    padding: 2px 6px;
    display: inline-block;
    border-radius: 8px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    outline: none;
    transition: all 0.7s;
    font-size:12px;
}
.chips-btn span:last-child
{
    margin-right: 0px;
}
.chips-btn span:hover
{
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
}

.chips-btn span.w-icon
{
    padding-right: 20px;
}
.chips-btn span.w-icon:after
{
    content: 'keyboard_arrow_right';
    position: absolute;
    top: 50%;
    right: 2px;
    font-size: 15px;
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    line-height: 0px;
    letter-spacing: normal;
    text-transform: none;
    transform: translateY(-50%);
}

.point_summary ul
{
    display: flex;
    align-items: center;
    margin: 10px;
    flex-wrap: wrap;
}

.point_summary ul li
{
    border: 1px dashed #54b258;
    border-radius: 5px;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 4px 2px #4caf5069;
    margin: 5px;
    padding: 5px 10px;
}

.point_summary ul li.pt-total
{
    border-color: #ccc;
    box-shadow: 0px 0px 4px 2px #71717169;
    margin-right: 20px;
}

.point_summary ul li.pt-total .pt-icon i
{
    color: #909090;
}

.point_summary ul li.pt-total .pt-text span
{
    color: #909090;

}

.point_summary ul li .pt-text
{
    display: flex;
    align-items: baseline;
}

.point_summary ul li .pt-text p
{
    font-size: 13px;
    font-weight: 500;
}

.point_summary ul li .pt-text span
{
    font-size: 23px;
    font-weight: 500;
    color: #4caf50;
    margin-left: 6px;
}

.point_summary ul li .pt-icon
{
    margin-right: 12px;
    box-shadow: 0px 0px 3px 2px #ccc;
    border-radius: 100%;
    padding: 4px;
}

.point_summary ul li .pt-icon i
{
    font-size: 23px;
    color: #4caf50;
}