@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Meera+Inimai&display=swap');
body {
background: #fff;
color: #000;
/* font-family: 'Roboto', sans-serif; */
font-family: 'Poppins', sans-serif;
}

a {
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #2000ff;
  outline: none;
  text-decoration: none;
}
a{
color:#3051ff;
}
a:hover {
    text-decoration:none;
}
.clear-fix{
clear: both;
}
.btn:focus {
  outline: none;
}
button:active {
outline: none;
border: none;
}
button:focus {outline:0;}
textarea:focus, input:focus , a:focus{
outline: none;
}
input, button, select, textarea{
/* font-family: 'Roboto', sans-serif; */
font-family: 'Poppins', sans-serif;
}
html, body{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
/* font-family: 'Roboto', sans-serif; */
font-family: 'Poppins', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
/* font-family: 'Roboto', sans-serif; */
font-family: 'Poppins', sans-serif;
font-weight:700;
margin: 0 0 20px 0;
padding: 0;
}
.pad0{
padding:0px;
}
/*****************/
.container-flex{
width: 100%;
display: flex;
}
/**top-notification-menu**/
.top-notification-menu{
padding:0px 5px 5px 5px;
}
.top-notification-menu ul{
padding:0px;
list-style:none;
}
.top-notification-menu ul li{
padding:0px 0px 10px 0px;
position:relative;
font-size: 11px;
color: #bda7be;
font-weight: 500;
line-height: 24px;
white-space: nowrap;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
text-align:center;
}
.top-notification-menu ul li a{
padding:6px 0px;
position:relative;
font-size: 11px;
color: #bda7be;
font-weight: 500;
line-height: 24px;
white-space: nowrap;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
}
.top-notification-menu ul li a:hover, .top-notification-menu ul li a:focus{
text-decoration:none;
background-color:#690d6b;
color:#fff;
}
.top-notification-menu .bot-notify-div{
width: 35px;
height: 35px;
margin: 0 auto;
position:relative;
}
.top-notification-menu .bot-notify-div img{
width: 35px;
height: 35px;
display: block;
border-radius: 4px;
margin: auto;
}
.side-count-notify{
background-color: #fff;
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
padding: 0px 3px;
font-size: 11px;
color: #3f0e40;
font-weight: 700;
display: block;
position: absolute;
top: 0px;
right: -7px;
line-height: 22px;
}
/**top-notification-menu-closed**/

/**second-sidebar-menu**/
.logo-admin-side{
margin-bottom: 0px;
padding: 7px 15px;
background-color: #0026de;
position: fixed;
width: 241px;
top: 0px;
bottom: auto;
border-bottom: 1px solid #0026de;
border-right: 1px solid #4883bf;
/*height:50px;*/
padding-bottom: 5px;
}
.logo-admin-side h3{
font-size: 22px;
color: #ffffff;
font-weight: 700;
margin-bottom: 0px;
}
.logo-admin-side h3 img{
 
}
.menu-admin-side{
position: fixed;
width: 240px;
top: 110px;
bottom: auto;
left: 0px;
right: auto;
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;
height: 100%;
height: calc(100% - 110px);
overflow: auto;
z-index: 999;
border-right: 0px solid #eee;
}
.second-menu-div{
position: fixed;
width: 241px;
top: 0px;
bottom: auto;
left: 0px;
right: auto;
padding-top: 0px;
padding-bottom: 0px;
background-color: #ffffff;
height: 100%;
height: calc(100% - 0px);
overflow: auto;
z-index: 999;
border-right: 1px solid #eee;
}
.second-menu-div2{
width:0px;
left:0px;
}
.second-menu-div2 .logo-admin-side{
width:0px;
padding:7px 0px;
}
.second-menu-div2 .menu-search{
width: 0px;
left: -40px;
}
.second-menu-div2 .menu-admin-side{
width:0px;
}
.smd-title-div{
padding: 6px 15px;
border-bottom: 1px solid #dbdbdb;
}
.smd-title-div h3{
color:#3e3e3e;
font-size:20px;
font-weight:600;
margin-bottom:0px;
white-space: nowrap;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
}
.btn-add-sites{
color:#fff;
background-color:#4384f5;
font-size:14px;
font-weight:600;
border:0px;
box-shadow: none;
padding: 5px 20px;
border-radius: 4px;
}
.btn-add-sites:hover, .btn-add-sites:focus{
background-color:#0561ff;
color:#fff;
}
.smd-search-div{
padding: 15px 10px;
}
.smd-search-div .form-control{
display: block;
width: 100%;
height: 39px;
padding: 0px 0px 0px 34px;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #dfdfdf;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.smd-search-div .form-control::placeholder {
color: #c1c1c1;
opacity: 1;
}
.search-icon{
background-image: url(../../images/search-icon.png);
background-repeat: no-repeat;
background-position: left 10px center;
}
.smd-bot-list{
padding:0px 0px;
}
.smd-bot-list-title{
padding:0px 15px;
}
.smd-bot-list-title h2{
color: #fed6ff;
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
border-bottom: 1px solid #8d738e;
padding-bottom: 5px;
margin-top:10px;
}
.smd-bot-list-title h2 a{
color:#a2a2a2;
font-size:13px;
font-weight:400;
text-decoration:underline;
float: right;
}
.smd-bot-list ul{
padding:0px;
list-style:none;
margin-bottom:0px;
position:relative;
}
.smd-bot-list ul li{
display:block;
color: #fff;
font-size: 14px;
font-weight: 500;
position:relative;
}
.smd-bot-list ul li a{
color: #2d3b48;
font-size: 15px;
font-weight: 500;
padding: 10px 25px;
display: block;
position:relative;
}
.smd-bot-list ul li a:hover{
background-color:#eff3f6;
color:#2d3b48;
}
.smd-bot-list ul li.active a{
background-color:#eff3f6;
}
.bot-notify{
background-color: #e1e9ec;
border-radius: 48px;
padding: 0px 4px;
float: right;
color: #364449;
font-size: 13px;
width: 33px;
text-align: center;
height: 18px;
font-weight: 400;
line-height: 17px;
}
.smd-bot-list ul li a:hover,.smd-bot-list ul li a:focus{
text-decoration:none;
background-color:#fafcff;
}
.smd-bot-list ul li.active a{
background-color:#fafcff;
}
.smd-bot-list .accordion-head i{
font-size: 17px;
float: right;
}
.smd-bot-list .accordion-head a.active{
background-color:#fafcff;
}
.smd-bot-list .accordion-head > .collapsed > i:before{
content: "\f105";
}
.smd-bot-list .card-header {
padding:0px;
margin-bottom: 0;
background-color: transparent;
border-bottom: 0px solid rgba(0,0,0,.125);
}
.smd-bot-list .card-header:first-child {
border-radius:0px;
}
.smd-bot-list .card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: transparent;
background-clip: border-box;
border: 0px solid rgba(0,0,0,.125);
border-radius: 0px;
}
.smd-bot-list .accordion-head a{
font-size: 14px;
font-weight: 400;
color: #fff;
margin-bottom:0px;
padding:10px 15px;
display:block;
}
.smd-bot-list .accordion-head h3{
font-size: 14px;
font-weight: 400;
color:#2d3b48;
margin-bottom:0px;
}
.smd-bot-list .accordion-head a:hover{
text-decoration:none;
background-color:#eff3f6;
}
.active-user-tick{
color: #26a22a;
font-size: 18px;
vertical-align: middle;
}
.deactive-user-tick{
color: #ff7600;
font-size: 18px;
vertical-align: middle;
}
/**second-sidebar-menu-closed**/
/**menu-search**/
.menu-search{
position: fixed;
width: 241px;
top: 50px;
bottom: auto;
left: 0px;
right: auto;
padding-top: 10px;
padding-bottom: 10px;
}
.menu-search .form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding:6px 20px 6px 3px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color:transparent;
background-clip: padding-box;
border:0px;
border-bottom: 1px solid #ced4da;
border-radius:0px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.menu-search .form-control:focus{
box-shadow:none;
}
.ms-icon{
background-image:url('../../images/search-icon.png');
background-repeat:no-repeat;
background-position: right 8px;
}
.menu-search ::-webkit-input-placeholder { /* Edge */
color: #d7d7d7;
}

.menu-search :-ms-input-placeholder { /* Internet Explorer */
color: #d7d7d7;
}

.menu-search ::placeholder {
color: #d7d7d7;
}
/**menu-search-closed**/

/**hvr-submenu**/
ul.hvr-submenu{

}
ul.hvr-submenu li{

}
ul.hvr-submenu li a{
color: #2d3b48;
font-size: 14px;
font-weight: 400;
padding: 10px 25px;
position: relative;
border-bottom: 1px solid #d7d7d7;
background-color: #eaf0f6;
}
/**hvr-submenu-closed**/


/******/
ul.bots-list-div{
padding:0px;
list-style:none;
}
ul.bots-list-div li{
vertical-align:middle;
color:#636161;
font-size:14px;
font-weight:400;
margin-bottom:0px;
}
ul.bots-list-div li a{
color:#c3aac3;
font-size:14px;
font-weight:400;
display: inline-block;
width: 100%;
padding: 5px 15px;
}
ul.bots-list-div li a .pld-first{
float: left;
padding-right: 0px;
width:30px;
}
ul.bots-list-div li a .pld-first img{
width: auto;
height: auto;
border-radius: inherit;
max-width: 77%;
}
ul.bots-list-div li a .pld-second{
padding-top: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
ul.bots-list-div li a:hover, ul.bots-list-div li a:focus{
text-decoration:none;
background-color:#1164a3;
color:#fff;
}
ul.bots-list-div li a.active{
background-color:#1164a3;
color:#fff;
}
/***left-side-closed**/
/**center-section-div**/
.center-section-div{
top: 0px;
left: 240px;
position: fixed;
height: 100%;
height: calc(100% - 0px);
width: calc(100% - 240px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color:#fff;
}
.center-section-div2{
left:0px;
width: calc(100% - 0px);
}
.topbar-menu {
background-color: #0026de;
padding: 8px 10px;
position: fixed;
left:241px;
width: calc(100% - 241px);
z-index: 999;
border-bottom:1px solid #75affd;
}
.topbar-menu2{
left: 0px;
width: calc(100% - 0px);
}
.toggle-menu{
padding-top:5px;
margin-right:15px;
}
.toggle-menu a {
color: #fff;
padding: 10px 15px;
position: relative;
display: block;
}
.toggle-menu a span{
background-color: #fff;
color: #666;
height: 2px;
width: 20px;
display: block;
margin-bottom: 3px;
}
.ml-fif{
margin-left: -3px;
}
.topbar-menu2 .ml-fif{
margin-left: 3px;
}
.topbar-menu h3{
color:#3e3e3e;
font-size:18px;
font-weight:500;
margin-bottom:0px;
text-align:center;
line-height:32px;
}
.site-and-help{

}
.site-and-help ul{
padding:0px;
list-style:none;
margin-bottom:0px;
text-align: right;
}
.site-and-help ul li{
display:inline-block;
padding:0px 12px;
}
.site-and-help ul li a{
color:#fff;
}
.sah-icon{
background: url('../../images/new-sprite.png') no-repeat -59px -104px;
width: 28px;
height: 28px;
display:inline-block;
vertical-align:middle;
}
.profile-top-div{
background-color: #0026de;
display: block;
color: #fff !important;
font-size: 19px;
border: 1px solid #00b1d9;
border-radius: 50%;
width: 40px;
height: 40px;
text-align: center;
padding: 5px 3px;
}
.profile-top-div:hover, .profile-top-div:focus{
text-decoration:none;
}
ul.people-list-div{
padding:0px;
list-style:none;
}
ul.people-list-div li{
vertical-align:middle;
color:#353535;
font-size:15px;
font-weight:400;
margin-bottom:0px;
}
ul.people-list-div li a{
color:#353535;
font-size:15px;
font-weight:400;
display: inline-block;
width: 100%;
padding: 5px 15px;
}
.pld-first{
float: left;
padding-right: 10px;
padding-top:1px;
}
.pld-first img{
width: 22px;
height: 22px;
border-radius: 50%;
object-fit: cover;
}
.pld-second{
padding-top: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
ul.people-list-div li a:hover, ul.people-list-div li a:focus{
text-decoration:none;
background-color:#dde5e8;
}
ul.people-list-div li a.active{
text-decoration:none;
background-color:#dde5e8;
}
.pld-notactive{
position:relative;
}
.pld-notactive:before{
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
margin-right: 3px;
position: absolute;
background-color: #979797;
top: 14px;
right: 6px;
border: 1px solid #cacaca;
}
.pld-active{
position:relative;
}
.pld-active:after{
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
margin-right: 3px;
position: absolute;
background-color: #23bd02;
top: 14px;
right: 6px;
border: 2px solid #23bd02;
}

.site-change-div{
margin-bottom:0px;
}
.arw-css{
background-image: url(../../images/select-arw3.png);
background-repeat: no-repeat;
background-position: right 12px center;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.site-change-div .form-control{
display: block;
width: 100%;
height: 35px;
padding: 5px 25px 5px 10px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #dddddd;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
width: 210px;
}
/**center-section-div-closed**/



/**content-body-section**/
.content-body-section{
padding: 15px 20px;
position: fixed;
left: 240px;
width: calc(100% - 240px);
height: calc(100% - 58px);
z-index: 999;
top:59px;
bottom: auto;
overflow: auto;
background-color: #fafbfd;
}
.content-body-section2{
left: 0px;
width: calc(100% - 0px);
}
.nav-menu-list-div{
padding: 0px 10px 5px 10px;
border-bottom: 1px solid #dedede;
margin-bottom:20px;
}
.nav-menu-list-div ul{
padding:0px;
list-style:none;
margin-bottom:0px;
}
.nav-menu-list-div ul li{
display: inline-block;
vertical-align: middle;
padding: 5px 10px;
}
.nav-menu-list-div ul li:first-child{
padding-left:0px;
}
.nav-menu-list-div ul li a{
color:#141414;
font-size:14px;
padding: 10px 0px;
}
.nav-menu-list-div ul li a:hover, .nav-menu-list-div ul li a:focus{
text-decoration:none;
}
.nav-menu-list-div ul li.active a{
font-weight: 500;
border-bottom: 4px solid #24aa00;
padding-bottom: 13px;
}
.nav-menu-list-div ul li a:first-child{
padding-left:0px;
}
.nav-menu-list-div h3{
color:#333333;
font-size:18px;
font-weight:700;
margin-bottom:0px;
line-height: 32px;
}
.nav-menu-list-div h3 .people-active{
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
margin-right: 3px;
position: relative;
background-color: #23bd02;
border: 2px solid #23bd02;
}
.nav-menu-list-div h3 .people-unactive{
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
margin-right: 3px;
position: relative;
background-color: #d5d5d5;
border: 2px solid #d5d5d5;
}
.content-body-bg {
padding: 20px 25px;
background-color: #fff;
box-shadow: 1px -2px 10px 5px #cccccc1f;
border-radius: 7px;
margin:15px 0px;
}
.btn-filter {
color: #0026de;
background-color: #fff;
font-size: 14px;
font-weight: 600;
border: 1px solid #0026de;
box-shadow: none;
padding: 5px 20px;
border-radius: 4px;
float:right;
margin-bottom:8px;
}
.btn-filter:hover, .btn-filter:focus {
background-color: #0026de;
color: #fff;
border: 1px solid #0026de;
box-shadow: none;
}
/**closed**/
/**manage-users-table**/
.manage-users-table{
margin-top:10px;
}
.max-table-user{
max-width:1095px;
}
.manage-users-table .table thead th {
vertical-align: bottom;
border-bottom: 1px solid #dee2e6;
color: #151515;
font-size: 14px;
font-weight: 600;
background-color: #fff;
padding: 8px 15px;
border-top:0px;
text-transform:uppercase;
}
.manage-users-table .table td{
padding: 8px 15px;
vertical-align: middle;
border-top: 0px solid #dee2e6;
color:#0026de;
font-size: 0.95rem;
font-weight: 500;
cursor:pointer;
font-family: 'Meera Inimai', sans-serif;
}
.manage-users-table .table tr:hover td{background-color:#f7f3da !important;}
.active-row {
background-color: #f7f3da !important;
}
.manage-users-table .table-striped tbody tr:nth-of-type(2n+2) {
background-color: #f9fbfd;
}
.manage-users-table .table-striped tbody tr:nth-of-type(2n+1) {
background-color: #fff;
}
.mu-pf-list{

}
.mu-pf-list ul{
padding:0px;
list-style:none;
margin-bottom:0px;
}
.mu-pf-list ul li{
padding:0px;
display:inline-block;
}
.mu-pf-list ul li img{
width:30px;
height:30px;
border-radius:50%;
}
.free-user-lbl{
background-color: #fff;
padding: 1px 18px;
border: 1px solid #c8c8c8;
color: #6f6f6f;
font-size: 12px;
font-weight: 500;
border-radius: 25px;
}
.action-list{

}
.action-list ul{
padding:0px;
list-style:none;
margin-bottom:0px;
}
.action-list ul li{
display:inline-block;
padding:0px 4px;
}
.action-list ul li a{

}
.edit-act-icon{
background: url('../../images/admin-sprite.png') no-repeat -11px -6px;
width: 17px;
height: 17px;
display:inline-block;
vertical-align:middle;
}
.delete-act-icon{
background: url('../../images/admin-sprite.png') no-repeat -42px -7px;
width: 13px;
height: 15px;
display:inline-block;
vertical-align:middle;
}
.view-act-icon{
background: url('../../images/admin-sprite.png') no-repeat -71px -9px;
width: 18px;
height: 12px;
display:inline-block;
vertical-align:middle;
}
.mn-pagination{
float: right;
margin-top: 15px;
margin-bottom: 15px;
}
.mn-pagination .page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #2277e3;
background-color: #fff;
border: 1px solid #dee2e6;
font-size: 13px;
font-weight: 500;
}
.pro-user-lbl{
background-color: #48bd24;
padding: 1px 18px;
border: 1px solid #39961d;
color: #fff;
font-size: 12px;
font-weight: 500;
border-radius: 25px;
}
.std-user-lbl{
background-color: #ffb33a;
padding: 1px 18px;
border: 1px solid #df9d34;
color: #fff;
font-size: 12px;
font-weight: 500;
border-radius: 25px;
}
/**manage-users-table-closed**/
/**manage-bots**/
.manage-bots{
padding:20px;
}
.manage-bots ul{
padding:0px;
list-style:none;
}
.manage-bots ul li{
padding: 0px;
vertical-align: middle;
margin-bottom: 15px;
position:relative;
}
.manage-bots ul li a{
padding: 8px 10px;
display: inline-block;
border: 1px solid #e6e6e6;
border-left: 3px solid #0861fe;
vertical-align: middle;
cursor:grab;
position:relative;
width: 100%;
}
.manage-bots ul li a:hover{
box-shadow: 0px 1px 4px 0px #e2e2e2;
}
.max-manage-bots{
max-width: 610px;
}
.lft-mng-bots{
float:left;
}
.lft-mng-bots img{
width: 30px;
object-fit: cover;
height: 30px;
}
.rgh-mng-bots{
padding-left: 40px;
padding-top: 6px;
}
.rgh-mng-bots label{
color: #000;
font-size: 16px;
font-weight: 500;
margin-bottom: 0px;
}
.tdy-msg-count{
position: absolute;
right: 15px;
top: 8px;
color: #8a8a8a;
border: 1px solid #ccc;
width: 25px;
height: 25px;
display: block;
border-radius: 40px;
text-align: center;
padding: 4px 3px;
font-size: 11px;
background-color: #efefef;
cursor: pointer;
font-weight: 500;
}
.left-list-bot{
width:60%;
float:left;
}
.right-list-bot{
width:40%;
float:left;
}
.right-list-bot ul{
padding: 0px;
list-style: none;
margin-bottom: 0px;
}
.right-list-bot ul li{
display: inline-block;
vertical-align: middle;
color: #8a8a8a;
font-size: 10px;
font-weight: 500;
margin-bottom: 0px;
padding: 0px 10px;
border-right: 1px solid #eaeaea;
}
.right-list-bot ul li:last-child{
border-right:0px;
}
.right-list-bot ul li span{

}
.footer-backnexts{
border-top: 1px solid #ececec;
padding:15px 15px;
margin-top:20px;
}
.btn-ong-back{
background-color: #cbcbcb;
color: #fff;
font-size: 16px;
font-weight: 400;
box-shadow: none;
border: 0px;
padding: 9px 40px;
border-radius: 2px;
}
.btn-ong-back:hover, .btn-ong-back:focus{
background-color: #cbcbcb;
color: #fff;
box-shadow: 0px 3px 5px 0px #ccc;
border:0px;
}
.btn-ong-next{
background-color: #0f2bf6;
color: #fff;
font-size: 16px;
font-weight: 400;
box-shadow: none;
border: 0px;
padding: 9px 40px;
border-radius: 2px;
}
.btn-ong-next:hover, .btn-ong-next:focus{
background-color: #0800ff;
color: #fff;
box-shadow: 0px 3px 5px 0px #b0afdb;
border:0px;
}

/**manage-bots-closed**/

/**dashboard-div**/
.dashboard-brief-div{
padding: 25px 20px;
}
.dbd-box{
border: 1px solid #e1e1e1;
border-radius: 4px;
padding: 7px 15px;
box-shadow: 0px 3px 6px 0px #ececec;
position:relative;
margin-bottom:20px;
}
.dbd-box a{

}
.dbd-box a:hover{
text-decoration:none;
}
.top-dbd{
margin-bottom: 10px;
}
.top-dbd h3{
color:#139b3c;
font-size:25px;
font-weight:700;
margin-bottom:0px;
line-height:30px;
}
.top-dbd p{
color:#b1b1b1;
font-size:15px;
font-weight:500;
margin-bottom:0px;
text-transform:uppercase;
line-height:28px;
}
.top-dbd-pgrs{

}
.top-dbd-pgrs .progress {
display: -ms-flexbox;
display: flex;
height: 3px;
overflow: hidden;
line-height: 0;
font-size: .75rem;
background-color: #f0f0f0;
border-radius: .25rem;
margin-bottom:5px;
}
.top-dbd-pgrs .progress-bar{
background-color: #139b3c;
}
.top-dbd-pgrs{

}
.top-dbd-pgrs h3{
color: #139b3c;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
float: left;
margin-bottom: 0px;
}
.top-dbd-pgrs p{
color:#8f8f8f;
font-size:13px;
font-weight:400;
margin-bottom:0px;
text-align:right;
}
.new-users-icon{
background: url('../../images/admin-sprite.png') no-repeat -11px -47px;
width: 39px;
height: 35px;
display:inline-block;
vertical-align:middle;
position: absolute;
right: 15px;
top: 15px;
}
.new-orders-icon{
background: url('../../images/admin-sprite.png') no-repeat -70px -51px;
width: 38px;
height: 32px;
display:inline-block;
vertical-align:middle;
position: absolute;
right: 15px;
top: 15px;
}
.new-feedbacks-icon{
background: url('../../images/admin-sprite.png') no-repeat -132px -47px;
width: 32px;
height: 32px;
display:inline-block;
vertical-align:middle;
position: absolute;
right: 15px;
top: 15px;
}
.new-revenue-icon{
background: url('../../images/admin-sprite.png') no-repeat -187px -41px;
width: 45px;
height: 45px;
display:inline-block;
vertical-align:middle;
position: absolute;
right: 15px;
top: 15px;
}
.dashboard-panel{

}
.dashboard-panel .card-header h3{
color:#444444;
font-size:18px;
font-weight:700;
margin-bottom:0px;
text-transform:uppercase;
}
.dashboard-panel .card-header h3 small{
color:#ababab;
font-size:12px;
text-transform:capitalize;
}
.salse-dashboard-div{

}
.salse-dashboard-div .myChartDiv {
  max-width: 600px;
  max-height: 430px;
}
.sparkline-div{
margin-top:15px;
}
.sparkline-div p{
font-size: 24px;
color: #ababab;
font-weight: 500;
line-height:26px;
margin-bottom:0px;
}
.sparkline-div p small{
font-size:15px;
}
.sparkline-div #dynamcbar{
position: relative;
top: -35px;
}
.sparkline-div #dynamcbar canvas{
height: 55px !important;
width: 60px !important;
}
.sparkline-div #dynamcbar2{
position: relative;
top: -35px;
}
.sparkline-div #dynamcbar2 canvas{
height: 55px !important;
width: 60px !important;
}
/**dashboard-div-closed**/
/**delete-account-popup**/
.delete-account-popup{

}
.delete-account-popup h3{
color:#000000;
font-size:18px;
font-weight:700;
text-align:center;
margin-bottom:10px;
}
.delete-account-popup p{
color:#979797;
font-size:15px;
text-align:center;
font-weight:400;
}
.btn-no-del{
background-color:#c5c5c5;
color:#fff;
font-size:15px;
font-weight:400;
padding:8px 30px;
border-radius:4px;
box-shadow:none;
border:0px;
margin-left:10px;
}
.btn-no-del:hover, .btn-no-del:focus{
background-color:#aeaeae;
color:#fff;
}
.btn-yes-del{
background-color:#3192ff;
color:#fff;
font-size:15px;
font-weight:400;
padding:8px 30px;
border-radius:4px;
box-shadow:none;
border:0px;
margin-left:10px;
}
.btn-yes-del:hover, .btn-yes-del:focus{
background-color:#0479fd;
color:#fff;
}
.delete-account-popup .close {
font-size: 25px;
font-weight: 400;
line-height: 1;
color: #acacac;
text-shadow: 0 0px 0 #fff;
position: absolute;
right: 20px;
top: 11px;
z-index: 9;
}
.delete-account-popup svg {
  width: 60px;
  display: block;
  margin: 40px auto 0;
}
.delete-account-popup .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.delete-account-popup .path.circle {
  -webkit-animation: dash 0.9s ease-in-out;
  animation: dash 0.9s ease-in-out;
}
.delete-account-popup .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
  animation: dash 0.9s 0.35s ease-in-out forwards;
}
.delete-account-popup .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
/**delete-account-popup-closed**/
/**profile-settings-div**/
.settings-div{
text-align:right;
position:relative;
padding: 0px 15px;
}
.settings-div a{
display: block;
}
.settings-div a img{
border-radius: 50%;
width: 30px;
height: 30px;
border: 1px solid #ccc;
}
.settings-div a img:hover{
border:2px solid #0279fe;
}
.profile-dropdown{
position: fixed;
right: 25px;
left: auto;
top: 50px;
bottom: auto;
width: 250px;
z-index: 991;
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 6px;
box-shadow: 0px 2px 5px 0px #e6e6e6;
padding: 0px;
}
.profile-dropdown:after, .profile-dropdown:before {
bottom: 100%;
left: 100%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.profile-dropdown:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #ffffff;
border-width: 10px;
margin-left: -23px;
}
.profile-dropdown:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #e0dbdb;
border-width: 11px;
margin-left: -24px;
}
.profile-img-div{
float: left;
padding-right: 10px;
padding-left: 15px;
padding-top: 5px;
}
.profile-img-div img{
border-radius: 50%;
width: 55px;
height: 55px;
}
.profile-name-div{
float: left;
padding-top: 14px;
}
.profile-name-div h6{
margin-bottom: 0px;
font-size: 16px;
font-weight: 500;
color: #000;
line-height:26px;
white-space: nowrap;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
}
.profile-name-div p{
font-size: 13px;
color: #8e8e8e;
margin-bottom:0px;
line-height:20px;
}
.profile-name-div p span{
width: 8px;
height: 8px;
border-radius: 50%;
display: inline-block;
margin-right:3px;
}
.profile-name-div p .green{
background-color: #007a5a;
}
.profile-name-div p .orange{
background-color: #ff8d33;
}
.profile-setting-div{
border-bottom: 1px solid #e2e2e2;
padding-bottom: 15px;
}
.profile-editing-div{
border-bottom: 1px solid #e2e2e2;
padding-bottom: 15px;
padding-top:15px;
padding:0px;
}
.profile-editing-div ul{
padding:0px;
list-style:none;
margin-bottom:0px;
}
.profile-editing-div ul li{

}
.profile-editing-div ul li a{
color: #636363;
font-size: 13px;
font-weight: 500;
display: block;
padding: 6px 15px;
}
.profile-editing-div ul li a:hover, .profile-editing-div ul li a:focus{
text-decoration:none;
background-color:#f5f5f5;
}
.profile-close-div{
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.profile-close-div a{
margin-bottom: 0px;
color: #6b6b6b;
font-size: 14px;
font-weight: 500;
display:block;
padding:0px 15px;
}
.notify-count{
float: right;
background-color: #f208af;
width: 25px;
height: 25px;
border-radius: 50%;
text-align: center;
vertical-align: middle;
padding: 3px 3px;
font-size: 12px;
color: #fff;
font-weight: 500;
}
/**profile-settings-div-closed**/
/**edit-profile-popup**/
.edit-profile-popup{

}
.edit-profile-form{
padding-top:15px;
padding-bottom:15px;
}
.edit-profile-form label{
font-size: 14px;
font-weight: 500;
}
.edit-profile-form .form-control{
display: block;
width: 100%;
height: calc(1.5em + .75rem + 10px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #bbbbbb;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.edit-profile-form .form-group{
margin-bottom:20px;
}
.profile-photo-div{
max-width: 200px;
margin: 0 auto;
}
.profile-photo-div .profile-pic {
width: 192px;
height: 192px;
display: block;
object-fit: cover;
}

.profile-photo-div .file-upload {
display: none;
}
.profile-photo-div .circle {

}
.profile-photo-div img {
max-width: 100%;
height: auto;
}

.profile-photo-div .upload-button:hover {
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
color: #999;
}
.btn-upload-profile{
background-color: #fff;
border: 1px solid #bbbbbb;
font-size: 14px;
font-weight: 500;
color: #000;
box-shadow: none;
border-radius: 4px;
padding: 9px 25px;
margin-bottom:15px;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.btn-upload-profile:hover, .btn-upload-profile:focus{
background-color: #fff;
border: 1px solid #bbbbbb;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.notification-list-div{
padding:0px;
padding-top:0px;
padding-bottom:15px;
}
.notification-list-div ul{
padding:0px;
list-style:none;
}
.notification-list-div ul li{
border-bottom: 1px solid #e8e8e8;
margin-bottom: 0px;
}
.notification-list-div ul li a{
padding: 15px 5px;
display:block;
}
.notification-list-div ul li a:hover{
text-decoration:none;
background-color: #f7faff;
}
.notification-list-div ul li a .lft-ic-div{
float: left;
}
.notification-list-div ul li a .lft-ic-div img{
width: 40px;
height: 40px;
object-fit: cover;
}
.notification-list-div ul li a .rig-txt-div{
padding-left:50px;
}
.notification-list-div ul li a .rig-txt-div h3{
font-size: 15px;
font-weight: 500;
margin-bottom: 8px;
color: #333333;
}
.notification-list-div ul li a .rig-txt-div p{
font-size: 13px;
font-weight: 400;
white-space: nowrap;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
color: #828282;
margin-bottom: 0px;
}
.unread-txt{
font-size: 11px;
font-weight: 400;
background-color: #ff52ad;
color: #fff;
padding: 3px 8px;
border-radius: 41px;
margin-left: 10px;
}
/**edit-profile-popup-closed**/

/**sidebar-menu**/
.menu-admin-side #menu-card .card {
  margin-bottom:0px;
  border: 0;
}

.menu-admin-side #menu-card .card .card-header {
border: 0;
-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
border-radius: 2px;
padding: 0;
}

.menu-admin-side #menu-card .card .card-header .btn-header-link {
color: #fff;
display: block;
text-align: left;
background: transparent;
color: #222;
padding: 10px;
}

.menu-admin-side #menu-card .card .card-header .btn-header-link:after {
content: "";
background: url('../../images/tgl-arrow.png') no-repeat -3px -3px;
width: 9px;
height: 13px;
float: right;
margin-top: 6px;
}

.menu-admin-side #menu-card .card .card-header .btn-header-link.collapsed {
background: transparent;
color: #222;
}

.menu-admin-side #menu-card .card .card-header .btn-header-link.collapsed:after{
content: "";
background: url('../../images/tgl-arrow1.png') no-repeat 0 -6px;
width: 13px;
height: 8px;
float: right;
margin-top: 6px;
}

.menu-admin-side #menu-card .card .collapsing {
background: #FFE472;
line-height: 30px;
}

.menu-admin-side #menu-card .card .collapse {
border: 0;
}

.menu-admin-side #menu-card .card .collapse.show {
background: #eaeaea;
line-height: 30px;
color: #222;
}
.menu-admin-side .card-body{
padding:0px;
}
/**sidebar-menu-closed**/
.btn-success-admin{
 color: #28a745;
background-color: #8ffaa8;
border-color: #8ffaa8;
font-size: 13px;
font-weight: 700;
padding: 2px 15px;
border-radius: 4px;
box-shadow:none;
}
.btn-success-admin:hover, .btn-success-admin:focus{
 color: #8ffaa8;
background-color: #28a745;
border-color: #28a745;
box-shadow:none;
}
.btn-danger-admin{
color: #e90e0e;
background-color: #ffd5d5;
border-color: #ffd5d5;
font-size: 13px;
font-weight: 700;
padding: 2px 15px;
border-radius: 4px;
box-shadow:none;
}
.btn-danger-admin:hover, .btn-danger-admin:focus{
color: #ffd5d5;
background-color: #e90e0e;
border-color: #e90e0e;
box-shadow:none;
}



/**admin-action-dropdown**/
.admin-action-dropdown{
background-color: #fff;
padding: 5px 5px;
width: 180px;
box-shadow: 0px 0px 5px 0px #dedede;
position: absolute;
right: 0px;
z-index: 99;
top: 65px;
}
.admin-action-dropdown:after, .admin-action-dropdown:before {
bottom: 100%;
left: 77%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.admin-action-dropdown:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #fff;
border-width: 9px;
margin-left: -4px;
}
.admin-action-dropdown:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #bfbfbf;
border-width: 10px;
margin-left: -5px;
}
.admin-action-dropdown ul{
padding:0px;
list-style:none;
margin-bottom:0px;
}
.admin-action-dropdown ul li{
display:block;
}
.admin-action-dropdown ul li a{
color:#000;
padding:5px 10px;
display: block;
font-size:12px;
border-bottom: 1px solid #ececec;
}
.admin-action-dropdown ul li a:hover{
background-color:#ececec;
}
.acd-view{
background-color: #0064ff;
padding: 3px 12px;
color: #fff;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
position:relative;
}
.acd-view:hover, .acd-view:focus{
color: #fff;
}
/**admin-action-dropdown-closed**/

/**confirmation-popup**/
.pvcorder-popup-div{

}
.pvcorder-popup-div .modal-header {
padding: 10px 15px;
border-bottom: 0px solid #dee2e6;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background-color: #022959;
color: #fff;
}
.pvcorder-popup-div .modal-title {
font-size: 16px;
font-weight: 400;
}
.pvcorder-popup-div .close {
opacity: 1;
font-size: 20px;
font-weight: 400;
line-height: 1;
color: #fff;
text-shadow: 0 0px 0 #fff;
}
.pvcorder-popup-div .modal-footer{
padding:10px 20px;
}
.btn-primary-pvcorder{
color: #fff;
background-color: #0067f0;
border-color: #0067f0;
box-shadow: none;
border-radius: 3px;
padding:12px 45px;
font-size: 15px;
font-weight: 500;
}
.btn-primary-pvcorder:hover, .btn-primary-pvcorder:focus{
color: #fff;
background-color: #1d7eff;
border-color: #0067f0;
box-shadow:none;
}
/**confirmation-popup-closed**/
/**user-fetching-details**/
.user-fetch-detail{

}

.user-fetch-detail h3{
font-size: 20px;
font-weight: 700;
text-decoration: underline;
}
.user-fetch-detail label{
font-size: 15px;
font-weight: 400;
margin-bottom:0px;
color:#2e2d2d;
}
.user-fetch-detail p{
font-size: 15px;
font-weight: 400;
margin-bottom: 0px;
padding-top: 3px;
color:#2e2d2d;
}

.custom-admin-cd{
padding:0px;
}
.custom-admin-cd ul{
padding:0px;
list-style:none;
}
.custom-admin-cd ul li{
display: inline-block;
margin-right: 35px;
padding: 17px 35px;
border: 1px solid #dedede;
border-radius: 4px;
text-transform: uppercase;
}
.custom-admin-cd ul li:hover{
box-shadow:0px 0px 3px 0px #ccc;
}
.custom-admin-cd [type="radio"]:checked,
.custom-admin-cd [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.custom-admin-cd [type="radio"]:checked + label,
.custom-admin-cd [type="radio"]:not(:checked) + label
{
position: relative;
cursor: pointer;
line-height: 25px;
display: inline-block;
color: #000;
font-size: 16px;
font-weight: 500;
padding-left: 30px;
}
.custom-admin-cd [type="radio"]:checked + label:before,
.custom-admin-cd [type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 25px;
border: 1px solid #d2d2d2;
border-radius: 100%;
background: #fff;
}
.custom-admin-cd [type="radio"]:checked + label:after,
.custom-admin-cd [type="radio"]:not(:checked) + label:after {
content: '';
width: 15px;
height: 15px;
background: #283CDC;
position: absolute;
top: 5px;
left: 5px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.custom-admin-cd [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.custom-admin-cd [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/**user-fetching-closed**/