@import url('https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800|Poppins:300,400,600,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");



body::-webkit-scrollbar {
  width: 5px !important;
  position: absolute !important;
  right: 0;
  top: 100px !important;
}
 
body::-webkit-scrollbar-track {
  z-index: -1 !important;
  position: absolute !important;
  right: 0;
  top: 100px !important;
}
 
body::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.2) !important;
  position: absolute !important;
  right: 0;
  top: 100px !important;
  outline: 0px solid slategrey !important;
}

html{overflow-x: hidden;}
/*body{background: rgb(247, 250, 255);}*/
body{background-color: #FAFDFB;}


/* SOCIAL BUTTON */
.btn-youtube{color:#4285F4 !important;background-color:#fff;border:1px solid #4285F4;font-size:14px;height: 48px}
.btn-youtube img{width:23px !important;display:inline;float:left;margin-top:10.5px;margin-left: 15px;top:0;border-radius: 2px;}
.btn-youtube:focus,.btn-youtube:hover{color:#fff  !important;background-color:#4285F4;border:1px solid #4285F4;}
.btn-facebook{font-size: 14px;}
.login_btn{background: #335de7;border-color:#335de7;}
.login_btn:hover{background: #007bff !important;border-color:#007bff !important;}


/* SIDE BAR */
.main-sidebar .sidebar-brand{height: 80px !important;background-color: #fff;box-shadow: 0 0 8px rgba(0, 0, 0, .06);}
.main-sidebar .sidebar-brand img{max-width: 170px !important;max-height: 60px !important;margin-top:18px;margin-bottom:14px;}

.main-sidebar .sidebar-menu li a i{margin-left:4px;font-size: 22px !important;}
.main-sidebar .sidebar-menu li ul li a i{margin-right:5px;font-size: 14px !important;}
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a
{
  padding-left: 50px;
}
.main-sidebar .sidebar-menu li ul.dropdown-menu li a{padding-left: 45px;}
.main-sidebar .sidebar-menu li ul.dropdown-menu2 li a{padding-left: 40px;}
#select2-account_switch_select-container{padding-left: 15px !important;padding-right: 5px !important;}



/* STICKY COLUMN */
.sidebar-section 
{
  position: absolute;
  height: 100%;
  width: 100%;
}
.sidebar-item 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.make-me-sticky 
{
  position: -webkit-sticky;
  position: sticky;
  top: 0;	    
  padding: 0 15px;
}

/* TABLE */
table .condensed a.dropdown-item { padding: 7px 20px !important; }


/* MODAL  */
.modal-footer{display: block !important;}
.modal-footer button[data-dismiss=modal]{float: right !important;}
.modal-xl{min-width: 70%;}
.modal-mega{min-width: 80%;}
.modal-full{min-width: 95%;}
.modal-title .fas,.modal-title .far,.modal-title .fal,.modal-title .fab{font-size: 18px !important;}


/* UPLOADER */
.ajax-upload-dragdrop,.ajax-file-upload-statusbar{width:100% !important;}
.ajax-file-upload{background: var(--blue) !important;}
.ajax-upload-dragdrop span{display: none !important;}

/* PRISM CODE HIGHTLIGHT */
code[class*="language-"], pre[class*="language-"]{
	white-space: pre-wrap !important;
	word-break: break-all !important;
}



/* FORM */
.select2-container--default .select2-selection--multiple .select2-selection__choice{border:none !important;}

/* STYLE */
.badge-status{background: #fcfcfc !important;border:.5px solid #ccc;padding:4px 12px;font-size: 12px;color:#064663 !important;}
.badge-status,.badge-subscribe i{font-size: 12px !important;}
.badge-status.normal{padding: 8px 10px !important;}
.activity .badge{font-size: 10px;padding:4px 8px;}
.activity .badge-danger{background: #fcfcfc;color:#fb160a;border:1px solid #fb160a;}
.activity .badge-warning{background: #fcfcfc;color:orange;border:1px solid orange;}
.pointer{cursor: pointer;}
.section-header h1 i{font-size: 24px !important;}
a.card-cta{text-decoration: underline;}
.custom-file input{cursor: pointer !important;}
.status-icon{font-size: 20px;}
.hidden{display: none !important;}
.disappear{opacity: 0 !important;}
/*.section_custom .section-header{margin-bottom: 0;border-bottom:1px solid #f9f9f9;border-radius: 3px 3px 0 0;}*/
/*.section_custom .card:first-child{border-radius: 0 0 3px 3px!important;}*/
/*.section_custom .card:first-child .card-header{border-bottom-width: 0;}*/
/*.section_custom .alert{margin-bottom: 0;border-radius: 0}*/
/*@media (max-width: 575.98px){.section_custom .section-header{margin-bottom: 0 !important;}}*/
.language-javascript{color: #fff !important;}
.language-javascript .toolbar .toolbar-item:first-child{display: none !important;}
.btn-outline-info,.btn-outline-primary,.btn-outline-success,.btn-outline-warning,.btn-outline-danger{background: #fff;}
.dropdown_alt{border-radius: 4px 0 0 4px;border-right: none;}
.dropdown_alt2{border-radius: 0 4px 4px 0;border-right: none;}
.full_width{width: 100% !important;}
.padding-0{padding: 0 !important;}
.padding-left-10{padding-left: 10px !important;}
.padding-right-10{padding-right: 10px !important;}
.padding-10{padding: 10px !important;}
.padding-20{padding: 20px !important;}
.margin-0{margin: 0 !important;}
.dropdown-menu.large{width: 240px;}
/* .show_parent:last-child .show_menu{position: absolute;top: -60px !important;left: 0;} */
.waiting_response .waiting {height: 100%;width:100%;display: table;}
.waiting_response .waiting i{font-size:60px;display: table-cell; vertical-align: middle;}
.dropdown-menu.dropdown-menu-sm a{font-size: 13px !important;color:#212529;}
.no_radius{border-radius: 0 !important;}
.no_shadow{box-shadow: none !important;}
.dropdown-toggle.no_caret::after{content: none !important;}
.border_me{border:.5px solid #dee2e6 !important;}
.no_radius{border-radius:0 !important;}
.d-block{display:block !important;}
.font-weight-bold{font-weight: 500 !important;}
.swal-text{font-weight: 400;}
.swal-title{font-weight: 300;}
.section-header.m-0{margin-bottom: 30px !important;}

.text-info.gradient{background: -webkit-linear-gradient(270deg,#85899b,#85899b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-primary.gradient{background: -webkit-linear-gradient(270deg,#85899b,#85899b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-secondary.gradient{background: -webkit-linear-gradient(270deg,#85899b,#85899b,#85899b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-success.gradient{background: -webkit-linear-gradient(270deg,#85899b,#85899b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-warning.gradient{background: -webkit-linear-gradient(270deg,#85899b,#85899b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.text-danger.gradient{background: -webkit-linear-gradient(270deg,#85899b,#85899b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.bg-dark.gradient{background: #131d4b;background-image: radial-gradient(circle 350px at center,#135051,#131d4b 77%,#1597E5 100%);}
.bg-info.gradient{background: #15e9ff;background-image: radial-gradient(circle 350px at center,#15e9ff,#131d4b 70%,#1597E5 100%);}
/*.bg-primary.gradient{background: #5578eb;background-image: radial-gradient(circle 248px at center,#5578eb 0,#0741cc 47%,#3f51b5 100%);}*/
.bg-primary.gradient{background: #5578eb;background-image: radial-gradient(circle 248px at center,#5578eb 0,#0741cc 47%,#0a193f 100%);}
.bg-secondary.gradient{background: #f14793;background-image: radial-gradient(circle 248px at center,#f14793,#3a0989);}
.bg-success.gradient{background: #53a164;background-image: radial-gradient(circle 350px at center,#53a164,#131d4b 77%,#1597E5 100%);}
.bg-warning.gradient{background: #fc4a1a;background-image: radial-gradient(circle 248px at center,#fc4a1a,#f7b733);}
.bg-danger.gradient{background: #ff6a00;background-image: radial-gradient(circle 248px at center,#ff6a00,#ee0979);}


.bg-info-light.gradient{background: -webkit-linear-gradient(90deg,#FFFFFF,#FAFDFB,#D7E9F7);}
.bg-info-light-alt.gradient{    background: #fff;}
.bg-success-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #d1edd1);}
.bg-success-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #d1edd1);}
.bg-primary-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #b8dbf9);}
.bg-primary-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #b8dbf9);}
.bg-secondary-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #f1e3f9);}
.bg-secondary-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #f1e3f9);}
.bg-warning-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #fffae0);}
.bg-warning-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #fffae0);}
.bg-danger-light.gradient{background: -webkit-linear-gradient(90deg, #FFFFFF, #FAFDFB, #ffdddd);}
.bg-danger-light-alt.gradient{background: -webkit-linear-gradient(270deg, #FFFFFF, #FAFDFB, #ffdddd);}



/* ICON CARD */
.card.card-large-icons.card-condensed{box-shadow: 0 0 8px rgba(0, 0, 0, .06);margin-bottom: 15px;color:var(--blue);}
.card.card-large-icons.card-condensed h4{color:#6C757D;}
.card.card-large-icons.card-condensed.active h4{color:#fff;}
.card.card-large-icons.card-condensed a:not(.dropdown-item),.card.card-large-icons.card-condensed .dropdown-toggle,.card.card-large-icons.card-condensed .card-icon{color:var(--blue) !important;}
.card.card-large-icons.card-condensed.active{color:#fff;background: var(--blue);}
.card.card-large-icons.card-condensed.active a:not(.dropdown-item),.card.card-large-icons.card-condensed.active .dropdown-toggle,.card.card-large-icons.card-condensed.active .card-icon{color:#fff !important;}
.card.card-large-icons.card-condensed .card-icon{width: 75px;}
.card.card-large-icons.card-condensed .card-icon i{font-size: 22px;}
.card.card-large-icons.card-condensed .card-body{padding: 10px;}
.card.card-large-icons.card-condensed .card-body h4{font-size: 15px;}

@media (max-width: 575.98px)
{
  .card.card-large-icons{
    width: 100%;
  }
  .card.card-large-icons .card-icon {
    display: none !important;
  }
  .card.card-large-icons .card-body {
    display: block !important;
    width: 100% !important;
    text-align: center;
  }

}


/* BADGES */
.badge2 { padding: 2px 10px;border-radius: 10px;font-size: 12px; }
.badge2.badge-success2{background-color:rgba(29, 201, 183, 0.1);color:#1dc9b7;border:dotted 2px rgba(29, 201, 183, 0.1);}
.badge2.badge-pending2{background-color:rgba(255, 31, 31, 0.1);color:#ff5656;border:dotted 2px rgba(255, 31, 31, 0.1);}
.badge2.badge-processing2{background-color:rgba(255, 184, 34, 0.1);color:#ffb822;border:dotted 2px rgba(255, 184, 34, 0.1);}


/* SELECT2 */
.input-group .select2-container--default .select2-selection--single{border-radius: 0 !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background: #fff;color:var(--blue);border: 1px solid var(--blue) !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--blue) !important;}


/* COLOR */
.instagram{color: #AD34B1;}
.orange{color:orange !important;}
.green{color:#63ed7a !important;}
.red{color:#fb160a !important;}
.white{color:white !important;}
.gray{color:#ccc !important;}
.blue{color:var(--blue) !important;}
.black{color:#064663 !important;}
.bg-body{background: #fff !important;}
.bg-light{background: #F7F7F7 !important;}
.purple{color:#d43f8d !important;}
.ash { color:#6c757d !important; }
.cyan {color:#16d6d0 !important;}
.alert.alert-success{background: #B9DF90 !important;border-color: #B9DF90 !important;color:#3c763d !important;}
.alert.alert-warning{background: #ffdd87 !important;border-color: #ffdd87 !important;color:#8a6d3b !important;}
.alert.alert-danger{background: #f2838f !important;border-color: #f2838f !important;color:#fff !important;}

/* BUTTON */
.btn{box-shadow: none !important;}
.btn-circle{width: 40px;height: 40px;border-radius: 40px;padding:0;padding-top:8px;}
.btn.small{font-size: 10px !important;}
.btn-outline{background: #fff;border-radius: 0;border: .5px dashed #ccc;cursor: pointer;}
.btn-outline:hover{border: 1px dashed #335de7 !important;}
.mini_dropdown{padding:8px 0;top:-11px !important;border:.5px solid #394EE5;}
.mini_dropdown .btn{margin-right: 4px;}
.mini_dropdown .btn:last-child{margin-right: 0px;}
/* .btn-progress:visited{background-color:#ddd !important;border-color:#aaa !important;box-shadow: none !important;} */


/* DATA TABLE */
td,th{vertical-align: middle !important;}
.data-card{width: 101% !important;}
.dataTable,.table-responsive,.dataTable,.table-responsive2{width: 100% !important;}
.data-card .table:not(.table-sm) thead th{background: #F8FAFB !important;color:var(--blue) !important;}
.data-card .table{border: none !important;}
.data-card .table thead{border: 1px solid #EDEFFD!important;}
.data-card .table tbody{border: 1px solid #EDEFFD!important;}
.data-card .table-bordered td{border: 1px solid #EDEFFD !important;vertical-align: middle;}
.data-card .table-bordered th{border: none !important;vertical-align: middle;padding-top:15px;padding-bottom:15px;}
.data-card .table-bordered:not(.table-sm) td{padding-top:10px;padding-bottom:10px;}
.data-card .table tfoot {border: 1px solid #EDEFFD!important;text-align: right !important;}
.data-card .dataTables_length{display: inline !important;}
.data-card .dataTables_length select{width: 90px !important;margin-top:15px;}
.data-card .dataTables_info{display: inline !important;float:right !important;}
div.dataTables_wrapper div.dataTables_filter{text-align: left !important;}
div.dataTables_wrapper div.dataTables_filter input{margin-left: 0 !important;padding:20px 15px !important;max-width: 155px !important;}

/* SCROLL */
.mCSB_inside > .mCSB_container{margin-right: 0 !important;}
.nicescroll-cursors{background: #d2dae2 !important;}


/* MESSENGER BOT CUSTOM */
#messenger_bot_form .card{margin-bottom: 0 !important;}
#messenger_bot_form .btn.btn-outline-primary.float-right{padding : .10rem .4rem !important;}
#messenger_bot_form .select2{width: 100% !important;}
#messenger_bot_form .card{box-shadow: none !important;}
#messenger_bot_form .card-primary,#messenger_bot_form .card-secondary,#messenger_bot_form .card-warning{border-left:1px solid #f9f9f9;border-right:1px solid #f9f9f9;border-bottom:1px solid #f9f9f9;}


/* TABLE RESPONSIVE 2 */
@media (max-width: 575.98px) {
  .table-responsive2-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive2-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive2-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive2-md > .table-bordered {
    border: 0;
  }
  .data-card .table-bordered:not(.table-sm) tr:first-child td{padding-top:45px;}
}
@media (max-width: 991.98px) {
  .table-responsive2-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive2-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive2-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive2-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive2 {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive2 > .table-bordered {
  border: 0;
}

/* EMOJI */
.emojionearea.form-control,.emojionearea{min-height: 150px !important;border:1px solid #e4e6fc !important;box-shadow:none !important;-webkit-box-shadow:none !important;}
.emojionearea.form-control.focused,.emojionearea.focused{border-color:#95a0f4 !important;}
.emojionearea .emojionearea-editor{padding:0 !important;}

/* TOKENIZED */
.div.Tokenize ul.TokensContainer,div.Tokenize ul.TokensContainer{height: 150px !important;box-shadow:  none !important;-webkit-box-shadow:  none !important;border-radius: 3px;}
div.Tokenize ul.TokensContainer li.Token, div.Tokenize ul.TokensContainer li.TokenSearch{height: 22px !important;}
div.Tokenize ul.TokensContainer{padding:0px 7px !important;}
.tokenize-sample,.Tokenize{border:none !important;padding:0 !important;}
.Tokenize .Dropdown li.Hover{background: var(--blue) !important;}
div.Tokenize ul.TokensContainer, div.Tokenize ul.Dropdown{border-color:#e4e6fc !important;}


/* SUMMETNOTE EDITOR */
.note-toolbar{ height: 40px !important;}
.note-toolbar-wrapper{height: 35px;}
.note-editable{padding-top: 37px !important; max-height: 160px !important;}



/* CHECKBOX + RADIO*/
/* http://www.inserthtml.com/2012/06/custom-form-radio-checkbox/ */
.regular-checkbox {
  display: none;
}
.regular-checkbox + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  margin: 0;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.regular-checkbox:checked + label {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
  color: #99a1a7;
}
.regular-checkbox:checked + label:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: -1.5px;
  left: 0;
  color: #99a1a7;
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  
}
.big-checkbox + label {
  padding: 18px;
}
.big-checkbox:checked + label:after {
  font-size: 28px;
  left: 6px;
}
.radio-1 {
  width: 193px;
}
.button-holder {
  float: left;
}
.regular-radio {
  display: none;
}
.regular-radio + label {
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 9px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
}
.regular-radio:checked + label:after {
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  background: #99a1a7;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
  text-shadow: 0px;
  left: 3px;
  font-size: 32px;
}
.regular-radio:checked + label {
  background-color: #e9ecee;
  color: #99a1a7;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio + label:active, .regular-radio:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.big-radio + label {
  padding: 16px;
}
.big-radio:checked + label:after {
  width: 24px;
  height: 24px;
  left: 4px;
  top: 4px;
}

/* webview-builder custom styles */
.webview-builder-action-buttons {
  width: 183px;
}

#detail-webview-form-modal .modal-body {
  padding: 0 15px 15px 15px;
}

#detail-webview-form-modal .modal-body .card {
  margin-bottom: 0px;
}

#detail-webview-form-modal .modal-body .card-body {
  padding-top: 0px;
}

#detail-first-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 10;
}

#detail-first-view .first-view-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

/* Manual payment style */
#manual-payment-modal #additional-info {
  height: 180px !important;
}

.mp-actions .fa {
  cursor: pointer;
}
.mp-actions.show .fa {
  color: #5578eb!important;
}
.mp-actions .dropdown-menu {
  padding: .5rem .5rem !important;
}

.custom-switch-description i{font-size: 15px !important;padding-top: 2px;margin: 0 1.5px;}
.social-media-switch .custom-switch-indicator{border-color: var(--blue) !important;background: #fff !important;}
.social-media-switch  .custom-switch-indicator:before {background: var(--blue) !important;}







/* custom css by Baljit */


body {
  background-color: #ffffff !important;
  font-family: "Poppins", "Open Sans";
}

.main-sidebar {
  z-index: 99;
  /* background-color: #fff !important;
  border-right: 1px solid #DCE4EC !important; */
  
}

.main-navbar {


  border-bottom: 1px solid #DCE4EC !important;
  box-shadow: 0 0 0px rgba(255, 255, 255, 0.06) !important;
}

.main-sidebar .sidebar-brand {
  box-shadow: 0 0 0px rgba(255, 255, 255, 0.06) !important;

}

.main-sidebar .sidebar-menu li.active a span {
  font-weight: 500;
  color: #5d78ff!important;
}

li.active {
  background-color: rgba(85,120,235,.1)!important;
}



.main-sidebar .sidebar-menu li a{

color: #74788d !important;
}

.nav-link:focus, .nav-link:hover
{
  background-color: rgba(85,120,235,.1)!important;
  color: #5d78ff !important;

}


.nav-link .active
{
  background-color: rgba(85,120,235,.1)!important;
  color: #5d78ff!important;

}


.main-sidebar .sidebar-menu li a.has-dropdown:after
{color: rgba(163,175,183,.9) !important;
  font-size: 10px !important;
  font-weight: 600 !important;

}

.navbar {
  height: 65px !important;
  /* left: 275px !important; */
}

  .main-sidebar .sidebar-brand {
    height: 65px !important;}

    /* .main-sidebar {
   
      width: 275px !important;} */ 

    /* .main-content {
        padding-left: 288px !important;
        padding-top: 84px !important;
      } */



      body.sidebar-mini .main-sidebar:after{
        border-right: 1px solid #DCE4EC !important;
  box-shadow: 0 0 0px rgba(255, 255, 255, 0.06) !important;
      }



      .main-sidebar .sidebar-brand img {
        max-width: 148px !important;
        max-height: 60px !important;
        margin-top: 8px !important;
        margin-bottom: 0px !important;
    }


  .main-sidebar .sidebar-menu li a i {
   
    margin-right: 8px !important;
    
}

/* 
body.sidebar-mini .main-sidebar {
  width: 65px;
} */

a#collapse_me_plz{
  width: 44px;
  height: 44px;
  text-align: center;
  font-size: 14px;
  margin-left: -33px !important;
  background: #fff;
  border: 1px solid #DCE4EC;
  border-radius: 46px;
}
/* a#collapse_me_plz::after{
  width: 44px;
  height: 44px;
  text-align: center;
  font-size: 14px;
  margin-left: 5px !important;
  background: #fff;
  border: 1px solid #DCE4EC;
  border-radius: 46px;
}


.fa-angle-double-right::after {
  content: "\f101" !important;
} */





/* 
.nicescroll-cursors {
  background: rgba(0,0,0,.2) !important;
  z-index: 111 !important;
} */


div#ascrail2002 {
  z-index: 111 !important;
}

a#collapse_me_plz:hover {
  background-color: #5d78ff !important;
  color: #ffffff !important;
}
a#collapse_me_plz:focus {
  background-color: #fff !important;
  color: #5d78ff !important;
}

i.fa.fa-angle-double-left {
  margin: 5px -14px 0 0px !important;
}







.navbar {
  z-index: 999 !important;
  left: 275px;
}




.main-content {
  padding-left: 290px;
}


.card {
  /* border: 1px solid #DCE4EC !important; */
  box-shadow: 0 0px 0px rgba(255, 255, 255, 0.03) !important;

}


.card .card-header {
  border-bottom-color: #DCE4EC;
}


/* .card-header {

  border-bottom: 1px solid #DCE4EC !important;
} */

/* .card {

  border-bottom: 1px solid #DCE4EC !important;
} */


.form-control {

  /* height: 38px !important; */
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 14px !important;
  color: #495057 !important;
  background: #fff !important;
  border: 1px solid #DCE4EC !important;
  border-radius: 4px !important;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
}



.modal.show .modal-content {
  box-shadow: 0 4px 15px rgb(0 0 0 / 20%);
  background: #fff !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
  box-shadow: 0 4px 8px #acb5f600 !important;
  /* background-color: rgb(247, 250, 255); */
  background-color: #fafdfb00 !important;
  color: #fff;
}




body.sidebar-mini .main-sidebar .sidebar-menu > li {
  padding: 0px !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li > a {
 
  height: 52px !important;
}


.main-sidebar .sidebar-menu li a {
  
  height: 52px !important;}

/* 
  body.sidebar-mini .navbar {
    left: 67px !important;
  }

  body.sidebar-mini .main-sidebar:after {
   
    width: 67px !important;
  }
 */


 /* body.sidebar-mini .main-sidebar {
  width: 65px !important;
} */




.sidebar-mini #collapse_me_plz {
  margin-left: 5px !important;
  transform: rotate(-180deg) !important;
  transition: all .1s,opacity .1s,transform .1s !important;
  animation-timing-function: ease-in-out !important;
}


.main-content {

  transition: all .1s,opacity .1s,transform .1s !important;
  animation-timing-function: ease-in-out !important;}









/* flag seting */

/* .header .topbar > .item {
  width: 44px;
  height: 44px;
  border-radius: 4px;
  text-align: center;
  line-height: 44px;
}

.header .topbar .item .dropdown .dropdown-toggle {
  background: transparent;
  border: none;
  color: #74788d;
  font-size: 14px;
  height: 44px;
} */

.flag-icon {
  font-size: 14px !important;
}
/* .flag-icon-us {
  background-image: url(flags/us.svg);
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
 */



 .dropdown-menu > li > a > i, .dropdown-menu > .dropdown-item > i {
  margin-right: 12px !important;
}


.dropdown-menu > li > a, .dropdown-menu > .dropdown-item {
  outline: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 9px 15px;
  font-size: 14px;
  line-height: normal;
  color: #74788d;
}

.dropdown-menu-flag {

  width: 150px !important;

}

.dropdown-menu {

 
  margin: 11px 0 0 !important;
}

.dropdown-toggle::after
{
  display: none !important;
}



.bg-del, .bg-del-1 {
  background: none !important;
  border: none !important;
  height: 44px;
  width: 44px;
  border-radius: 4px;
}


div.flag-item {
  align-self: center !important;
}



.bg-del-1:hover, .bg-del-1:active
{
  background-color: #EDF1FD !important;

}
.bg-del:hover, .bg-del:active
{
  background-color: #EDF1FD !important;

}


.bg-del:focus
{
  background-color:#EDF1FD00 !important;

}


.dropdown-item.active, .dropdown-item:active {
 
  background-color: #F5F5FF;
}

.navbar .nav-link.nav-link-user img {
  width: 29px;
  height: 29px;
  /* border: 2px solid #064663; */
}

#xxx {
  align-self: center;
  /* height: 44px;
  width: 44px; */
}


/* #xxx:focus, #xxx:hover
{
  background-color: #EDF1FD !important;
  
  border-radius: 4px;

} */



.d-none.d-md-inline-block {
  color: #74788d;
  font-size: 14px;
  font-weight: 400;
}

.main-footer {
  display: none !important;
}

/* .nicescroll-rails, .nicescroll-rails-hr {
  top: 66px !important;
  left: 267px !important;
} */


/* .main-sidebar:hover {
  width: 275px !important;
}

body.sidebar-mini .main-sidebar:hover
{
  width: 275px !important;
} */










.dropdown-menu > li > a, .dropdown-menu > .dropdown-item {
 
  place-items: center;

}





.dropdown-menu > li > a:focus, .dropdown-menu > .dropdown-item:focus {
  background-color: #5578eb;
  color: #fff!important;
}


a.nav-link.dropdown-toggle.nav-link-lg.nav-link-user.bg-hov-1 {
  padding: 6px 9px !important;
  border-radius: 4px !important;
}





style attribute {
  width: 8px;
  z-index: 892;
  cursor: default;
  position: absolute;
  top: 0px;
  left: 267px;
  height: 320px;
  opacity: 0;
  display: block;
}




.bg-hov-fb:focus, .bg-hov-fb:hover
{
background-color: rgba(85,120,235,.1)!important;
color: #5d78ff!important;
padding: 6px 9px !important;
    border-radius: 4px !important;
}




.navbar .nav-link.nav-link-user {

  color: #74788d;
  padding: 6px 9px !important;
  font-size: 14px;
  font-weight: 400;
}

.bi-chevron-double-left::before {
  font-weight: bold !important;
  content: "\f27f" ;
  font-size: 24px !important;
}

aside#sidebar-wrapper{
       border-right: 1px solid #DCE4EC !important;
       background: white;
       
}
aside#sidebar-wrapper > a{

     
       padding: 100px !important;
}



.main-sidebar {
  transition: 0.25s ease-in-out;
}


a#collapse_me_plz
{
  transition: 0.25s ease-in-out;
}
.navbar
{ 
  transition: 0.25s ease-in-out;
}

.main-sidebar .sidebar-menu{ 
  /* border-right: 1px solid #DCE4EC !important; */
  transition: 0.25s ease-in-out;
}


.fa-wifi:before {
  content: "\f1eb";
 
}


.main-sidebar .sidebar-menu li a span {
 color: #74788d !important;
  font-weight: 500 !important;

}

/* a.nav-link > span {
 
  position: absolute;
  left: 60px;
} */








/* after chart setting */

.main-sidebar  .sidebar-brand-sm img{
  width: 41px !important;height: 41px !important;
  margin-top:8px !important;}


  body.sidebar-mini .main-sidebar:after {

    width: 70px !important; 
  }

  body.sidebar-mini .navbar {
    left: 70px !important;
  }


  body.sidebar-mini #sidebar-wrapper {
    width: 70px !important;
    border-right: 1px solid #DCE4EC !important;
  }
  

  .main-sidebar .sidebar-menu {
    padding: 0;
    margin: 4px 0 0 0 !important;
}


.sidebar-mini #collapse_me_plz{
  margin-left: -5px !important;

  transform: rotate(-180deg) !important;
animation-timing-function: ease-in-out !important;

  transition: all .5s,opacity .5s,transform .5s !important;
}



.main-sidebar .sidebar-menu li a:hover span{
  color: #5d78ff !important;
}
.sidebar-menu li.active i {
  background: -webkit-linear-gradient(270deg,#5d78ff,#5d78ff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.sidebar-menu li:hover i {
  background: -webkit-linear-gradient(270deg,#5d78ff,#5d78ff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}




a#collapse_me_plz:hover {
  background-color: #5d78ff !important;
  color: #ffffff !important;
}





svg.svg-dou-lft {
  margin: 9px 0px 0 8px;
  
}


h2.red-notice {
  font-size: 14px;
  position: absolute;
  left: 58px;
  top: 18px;
}


.main-sidebar {
  animation-timing-function: ease-in-out !important;
  transition: all .25s,opacity .25s,transform .25s !important;
}


body.sidebar-mini .main-sidebar {
  animation-timing-function: ease-in-out !important;

  transition: all .25s,opacity .25s,transform .25s !important;
}

a#collapse_me_plz
{
  animation-timing-function: ease-in-out !important;

  transition: all .5s,opacity .5s,transform .5s !important;}


.sidebar-open .navbar-bg{
    width: 100%;

  }

.sidebar-mini.sidebar-open .main-sidebar{
  width: 275px !important;
  /* overflow: scroll !important; */
}
.sidebar-open .main-sidebar{
  width: 275px !important;
  /* overflow: scroll !important; */
}

.sidebar-open .main-sidebar #collapse_me_plz{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}


.sidebar-open .main-content {
  padding-left: 95px;
  padding-right: 25px;
  width: 100%;
  width: -webkit-calc(100%);
  width: calc(100%);
}


.sidebar-open .navbar-bg{
  left: 0px;
} 

a[data-original-title=" Dashboard"]{
  display: none !important;
}


#sidebar-wrapper {
  width: 275px !important;
}


.multi_layout2 h6.page_name {
  font-size: 14px;
  color: #5578eb!important;
}


.modal-header {
  border-bottom: none;
  color: #48465b !important;
  padding-bottom: 5px;
}
.btn.btn-lg {
  padding: 0.55rem 1.5rem;
  font-size: 1rem !important;
  
  font-weight: 400 !important;
}


.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active {
  background-color: #335de7 !important;
  color: rgb(255, 255, 255) !important;

}
.btn-secondary, .btn-secondary, .btn-secondary, .btn-secondary.disabled, .btn-secondary.disabled, .btn-secondary.disabled {
  background-color: #fff !important;
 
  border: 1px solid #e2e5ec;
  color: #595d6e !important;

}

.ranges li:hover, .ranges li.active {
  background-color: var(--blue) !important;
}

.btn-success, .btn-success.disabled {
  box-shadow: none !important;
  background-color:#5578eb !important;
  border-color: #5578eb !important;
  color: #fff;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active{
  box-shadow: none !important;
  background-color: #335de7 !important;
  border-color: var(--blue) !important;
  color: #fff;
}


.btn:not(.btn-social):not(.btn-social-icon):active, .btn:not(.btn-social):not(.btn-social-icon):focus, .btn:not(.btn-social):not(.btn-social-icon):hover
{
  background-color: #335de7!important;
  border-color: #335de7!important;
  color: #fff !important;
}

.card{
  padding: 20px;
}

.btn-light, .btn-light.disabled {
  box-shadow:none !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e5ec !important;
  color: #595d6e !important;
}


.dropdown-menu .dropdown-title {
  display: none;
}


a.dropdown-item.has-icon.active {
  display: none;
}

.multi_layout h6.page_name{
  color: #335de7!important;

}

.alert {
  color: #fff;
  border: none;
  padding: 15px 21px;
}

a.dropdown-item i {
  font-size: 14px !important;
}



.bg-blue {
  background-color: rgba(85,120,235,.1)!important;
  border: none !important;
}

.bg-yellow {
  background-color: rgba(255,184,34,.1) !important;
    border: none !important;
}

.bg-green {
  background-color: rgba(10,187,135,.1) !important;
  border: none !important;
}



.bg-primary.gradient {
  background: #5578eb !important;
}

.bg-secondary.gradient {
  background: #ffb822 !important;
}



.bg-warning {
  background-color: #0abb87 !important;
}



/* 
.dis-none {
  display: none;
} */


.card .card-stats .card-stats-item .card-stats-item-label {

  color: #595d6e !important;
}


/* .text-small {
  font-size: 12px;
  line-height: 20px;
  margin-right: -20px;
} */

a#ecommerce-month {
  margin-left: 40px;
}


.bg-solid-danger {
  background-color: rgba(253,57,122,.1)!important;
  border-radius: 4px;
  vertical-align: middle !important;
}


.text1-danger i.fas.fa-chevron-circle-left {
  color: #fd397a!important;
  padding: 0 13px;
  font-size: 20px;
  margin-left: 0px !important;
  margin-top: 12px !important;
}
.backicon {
  width: 44px;
  height: 44px;
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
}





.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #5578eb !important;
  border-color: #5578eb !important;
}



.btn.disabled, .btn:disabled {
  opacity: 1 !important;
}


.alert.alert-light {
  background: rgba(93,120,255,.1) !important;
  border-color: transparent !important;
  color: #5d78ff !important;
}
.alert.alert-secondary{
  background: rgba(93,120,255,.1) !important;
  border-color: transparent !important;
  color: #5d78ff !important;
}

.alert {
  color: #fff;
  border: none;
  padding: 15px 12px !important;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.9rem 0.65rem  !important;
  color: inherit;
}


.sidebar-menu li a i{
  background: -webkit-linear-gradient(270deg,#74788d,#74788d) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}



.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  /* color: #dc3545; */
  /* background-color: transparent; */
  background: #f2f3f7 !important;
  color: #959cb6 !important;
  border-color: #fff !important;
  font-size: 16px !important;
}

.btn-circle {
  width: 40px;
  height: 40px;
  border-radius: 0.25rem !important;
  padding: 0;
  padding-top: 3px;
  background: #f2f3f7 !important;
  color: #959cb6 !important;
  border-color: #fff !important;
  font-size: 16px !important;
}



.author-box .author-box-left .btn {
  padding: 5px 15px;
 
  border-radius: 0.25rem !important;

  background: #f2f3f7 !important;
  color: #959cb6 !important;
  border-color: #fff !important;
  font-size: 16px !important;
}


button.delete_account.btn.btn-outline-danger.btn-sm.ml-2 {

 
  border-radius: 0.25rem !important;

  background: #f2f3f7 !important;
  color: #959cb6 !important;
  border-color: #fff !important;
 
}



.swal-button.swal-button--confirm:hover{
 background-color: #335de7 !important;
}

.swal-button--cancel:hover{
  background-color: #335de7 !important;
  color: white !important;
 }

 .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover
{
color: #335de7 !important;
}




 button#dropdownMenuButton:hover, button#dropdownMenuButton:active,  button#dropdownMenuButton:focus{
  
  background: #f2f3f7 !important;
  color: #959cb6 !important;
  border-color: #fff !important;
 }


 .card.card-large-icons.card-condensed.active {

  background: #F4F4F4 !important;
}

.card.card-large-icons.card-condensed:hover {

  background: #F4F4F4 !important;
}



.card.card-large-icons.card-condensed.active .card-icon{
color: var(--blue) !important;
}


.card.card-large-icons.card-condensed.active h4{
  color: hsl(220deg,0%,13%) !important;

}
.card.card-large-icons.card-condensed:hover h4{
  color: hsl(220deg,0%,13%) !important;

}


.card.card-large-icons.card-condensed h4{
  
  margin-bottom: 0 !important;


}


.card.card-large-icons.card-condensed{
border: 1px #DCE4EC solid !important;
border-radius: 0.25rem !important;
}


.form-group .control-label, .form-group > label {
 
  letter-spacing: 0 !important;
}


.card-icon .fa-th-large {
  margin-top: 15px !important;
}



body {

  color: hsl(229deg 11% 39%) !important;
}

.dropdown-menu > li > a, .dropdown-menu > .dropdown-item {

  color: #74788d !important;
}

.dropdown-menu.dropdown-menu-sm a {
  font-size: 14px !important;
  color: #74788D !important;
}

.dropdown-menu.dropdown-menu-sm a:hover{
  color: #5578EB !important;
}

a#error_log{
  border-radius: 0.25rem !important;
    background: #f2f3f7 !important;
    color: #959cb6 !important;
    border-color: #fff !important;
}
.btn-outline-danger{
  border-radius: 0.25rem !important;
    background: #f2f3f7 !important;
    color: #959cb6 !important;
    border-color: #fff !important;
}
.badge.badge-danger {
  background-color: #000000 !important;
}



.profile-widget .profile-widget-picture {
  border: 1px solid #DCE4EC !important;
  float: left;
  width: 50px;
  margin: 0 0px 0 30px !important;
  position: relative;
  z-index: 1;
}


.profile-widget .profile-widget-items .profile-widget-item {
  flex: 1;
  text-align: inherit !important;
  padding: 10px 23px !important;
}

.profile-widget .profile-widget-description .profile-widget-name {
  font-size: 14px !important;
}

/* .main-sidebar .sidebar-menu li a i {

  font-size: 16px !important;
} */

.dropdown-item:hover {
  color: #5578EB !important;
  background-color: #F5F5FF;
}


.custom-switch-indicator {
  display: inline-block;
  height: 1.25rem;
  width: 2.25rem;
  background: #e9ecef;
  border-radius: 50px;
  position: relative;
  vertical-align: bottom;
  border: 1px solid rgb(255 255 255 / 12%) !important;
  transition: .3s border-color, .3s background-color;
}

.btn-info, .btn-info.disabled{
  color: #fff !important;
  background-color: #5578EB;
  border-color: #5578EB;
}
.red {
  color: #5578EB !important;
}

.text-info, .text-info-all *, .text-info-all *:before, .text-info-all *:after {
  color: #5578EB !important;
}

.btn-danger, .btn-danger.disabled {
  background-color: #5578EB;

}


a.btn.btn-outline-primary.variables.form-control {
  padding: 14px 15px;
}

.iziToast.iziToast-color-green {
  background: rgba(10,187,135,1) !important;
  border-color: rgba(10,187,135,1) !important;
}


.iziToast>.iziToast-body .iziToast-message {
 font-weight: 300 !important;
  color: rgba(255, 255, 255, 1) !important;
}

.btn {

  line-height: 30px;}


  .btn-outline-warning {
    color: #5578EB;
   
    border-color: #5578EB;
}

.text-danger, .text-danger-all *, .text-danger-all *:before, .text-danger-all *:after {
  color: #959cb6 !important ;
}

a.text-danger:focus, a.text-danger:hover {
  color: #5578EB!important;
}

.btn-danger, .btn-danger.disabled {

  border-color: #5578EB !important;

}


.btn-dark, .btn-dark.disabled {
  box-shadow: 0 2px 6px #728394;
  background-color: #191d2100;
  color: #5578EB;
   
  border-color: #5578EB;
}


.flex-card {
  display: flex;
}

.column-order {
  display: flex;
  flex-direction: column;
}

.column-order-1 {
  display: flex !important;
  flex-direction: column !important;
}


.card .card-stats .card-stats-items {
 
  align-items: start !important;
  flex-direction: column !important;

}


.card .card-stats .card-stats-item {
  width: calc(100% / 2) !important;
  text-align: left;
  padding: 0px 0px;
  display: flex !important;
  /* flex-direction: row-reverse; */
}

.card .card-stats .card-stats-item .card-stats-item-count {
  line-height:normal !important;
  margin-left: 10px;
  margin-bottom: 0 !important;
    font-size: 18px !important;
}


.card.card-statistic-2 .card-header {
  padding-bottom: 0 !important;
  padding-top: 25px;
  align-items: start !important;
  display: flex !important;
  margin-top: 75px !important;
}

.card.card-statistic-2 .card-icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  margin: 8px 0px 25px 25px !important;}


  .card.card-statistic-2 .card-body {
    padding-top: 2px !important;
}



.bg-warning-yellow{
  background-color: #ffb822 !important;
}

.statistic-details {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.card-statistic-2 .statistic-details .statistic-details-item {
  width: calc(100% / 3);
  display: flex;
}


.statistic-details .statistic-details-item {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
.statistic-details .statistic-details-item {
  flex: 1;
  padding: 17px 0;
}



.detail-value {
  color: #85899b;
}

.statistic-details .statistic-details-item .detail-name {
  font-size: 14px;
  margin-top: 5px;
  color: #595d6e !important;

}


.card .card-header-padd {
 
  padding: 15px 0px !important;
}


.card.card-statistic-2 .card-header1 {

 
  margin-top:40px !important;
}

.card .card-body-1stcard {
  
  padding: 20px 0px !important;
}


.dis-flex{
  display: flex !important;
  flex-direction: row;
  justify-content: center;
}


.statistic-details .statistic-details-item1 {
  display: flex;
    justify-content: space-between;
  padding: 22px 15px;
  text-align: left;
  border-radius: 0.25rem !important;

}

.width-card {
  width: 350px;
}

.card-flex_2 {
  align-items: center;
  display: flex;
}

.card-flex_2 i {
  font-size: 4.5em !important;
}


.statistic-details .statistic-details-item .detail-value2 {
  font-weight: 500;
  font-size: 30px !important;
}


.bg-primary-icon-blue{
  color: #5578eb !important;
}
.bg-primary-icon-yellow{
  color: #ffb822 !important;
}
.bg-primary-icon-green{
  color: #0abb87 !important;
}

.dis-flex2{
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
}

.list-unstyled-border li{
  
  flex-direction: row-reverse;
width: 350px;
border-radius: 0.25rem;
padding: 25px;
padding: 20px 25px  !important;
align-items: center;
}


.media-body {
  -ms-flex: 1;
  flex: 1;
  display: flex;
  /* flex-grow: 2; */
  flex-direction: column-reverse;

}

.text-small-count{
  font-size: 30px !important;
  margin-bottom: 20px;
  margin-top: 10px; 
  color: #6c757d !important;
}

.media img{
  width: 24%;
}

.statistic-details .statistic-details-item {
  flex: 0 !important;
}

.no_shadow-1 {
  height: 420px;
}



canvas#sms_campaign {
  height: 230px !important;
  width: 300px;
}





.table:not(.table-sm):not(.table-md):not(.dataTable) td, .table:not(.table-sm):not(.table-md):not(.dataTable) th {
    padding: 0 25px;
    height: 51px;
}

.row.dashboard_fullCalendar.no-gutters.mt-4 {
  display: none;
}

.bg-solid-red {
  background-color: rgba(216, 21, 76, 0.1) !important;
}


body.sidebar-mini .main-content{
  padding-left: 95px;
  padding-right: 25px;
}

.pr-md-1, .px-md-1 {
  padding-right: 22px!important;
}


.main-content {

  padding-top: 95px !important;

}



.card .card-header {
 
  min-height: 30px !important;
  padding: 0 5px 20px 5px !important;
}



.card .card-stats {
  width: 100%;
  display: inline-block;
  margin-top: 2px;
  margin-bottom: -12px;
}


.line-set li {
 
  width: 100%;
 
  padding: 0px 0px !important;
  
}

.section .section-header h1 {
  margin-bottom: 0;
  font-weight: 500;
  display: inline-block;
  font-size: 18px !important;
  margin-top: 3px;
  color: var(--blue);
}

.section-header h1 i {
  font-size: 18px !important;
}

.profile-widget .profile-widget-header {
  display: inline-block;
  width: 100%;
  /* align-items: center; */
  /* align-self: center; */
  margin-bottom: 0px;
}

.profile-widget .profile-widget-picture {
  border: 1px solid #DCE4EC !important;
  float: left;
  width: 80px;
  margin: 25px 0px 0 5px !important;

}

.profile-widget .profile-widget-items .profile-widget-item:last-child {
  border-right: none;
  margin-top: 22px;
}


.loading-overplay{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 8000;
	top: 0;
	background: rgba(255,255,255,0.9);
	transition: 0.5s all;
  }
  
  .loading-box{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 800;
	top: 0;
	background: rgba(255,255,255,0.9);
	transition: 0.5s all;
	display: none;
  }
  
  .hide-overplay{
	display: none !important;
  }
  
  .loading-overplay.top{
	z-index: 8000;
  }
  
  .loader {
	width: 70px;
	height: 70px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	margin-left: -50px;
	margin-top: -50px;
  }
  .loader div {
	height: 100%;
  }
  
  .loader1, .loader1 div {
	border-radius: 50%;
	padding: 4px;
	border: 1.5px solid transparent;
	-webkit-animation: rotate linear 3s infinite;
			animation: rotate linear 3s infinite;
	border-top-color: rgba(93, 120, 255, 1);
	border-bottom-color: rgba(93, 120, 255, 1);
  }
  
  .loader, .loader * {
	will-change: transform;
  }


@-webkit-keyframes rotate {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	}
	50% {
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	}
  }
  
  @keyframes rotate {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	}
	50% {
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	}
  }
  
  @-webkit-keyframes rotate2 {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	  border-top-color: rgba(255, 255, 255, 1);
	}
	50% {
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	  border-top-color: rgba(255, 255, 255, 1);
	}
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	  border-top-color: rgba(255, 255, 255, 1);
	}
  }
  
  @keyframes rotate2 {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	  border-top-color: rgba(255, 255, 255, 1);
	}
	50% {
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	  border-top-color: rgba(255, 255, 255, 1);
	}
	100% {
	  -webkit-transform: rotate(360deg);
			  transform: rotate(360deg);
	  border-top-color: rgba(255, 255, 255, 1);
	}
  }


  .section .section-header .btn {
    font-size: 16px !important;
}

.btn {
  box-shadow: none !important;
  font-size: 16px !important;
}


.box-one i{
  color: #5578eb !important;
  font-size: 52px !important;
}
.box-two i{
  color: #ffb822 !important;
  font-size: 52px !important;
}
.box-three i{
  color: #0abb87 !important;
  font-size: 52px !important;
}

.card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body {
  font-size: 28px !important;
  font-weight: 500;
}

#total_subscribers > div > h4{

  font-weight: 400 !important;
  color: #595d6e !important;
}



/* 
a.dropdown-item:focus, a.dropdown-item:active, a.dropdown-item.active {
  background-color: var(--blue);
  color: #fff !important;
} */


.dropdown-menu1 > li > a:focus, .dropdown-menu1 > .dropdown-item1:focus{
  /* color: white !important; */
  background-color: #F5F5FF !important;

}
.dropdown-menu1.dropdown-menu-sm a:hover{
  /* color: white !important; */
  background-color: #F5F5FF !important;

}

/* .mar-lft{
  left: 276px !important;
} */

a.dropdown-item1.active{
  color: white !important;
}

.dis-social{
  display: none !important;
}


.section .section-title:before{
  display: none !important;
}





/* .tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

 */



 .section .section-lead {
  margin-left: 0px !important;
  background: rgba(93,120,255,.1) !important;
    border-color: transparent !important;
    color: #5d78ff !important;
    padding: 14px 10px !important;
    border-radius: 0.25rem;
}

#list-tab .d-inline {
  color: #5d78ff !important;
  border-color: #5d78ff !important;
  border-radius: 0.50rem;

}

#list-tab .d-inline.active {
  color: white !important;
}


#list-tab .d-inline.active {
  color: white !important;
}