@import url(../assets/css/font-awesome.min.css);
/* @import url(../assets/css/themify-icons.css); */
/* @import url(../assets/css/animate.css); */
/* @import url(../assets/css/simple-line-icons.css); */
/* @import url(../assets/css/linea-icon.css); */
/* @import url(../assets/css/pe-icon-7-stroke.css); */
/* @import url(../assets/css/pe-icon-7-styles.css); */
/* @import url(../assets/css/material-design-iconic-font.min.css); */


html {
    font-smooth: always;
}

/*body {
    background-color: #fff!important;
}*/

.card {
    border: 1px solid #a1a1a1;
}

.if-form {
    padding: 3rem;
}

.if-logo-text {
    font-family: "Poppins";
    font-size: 14pt;
    font-weight: bold;
    color: #fff;
}

.btn-primary {
    color: #fff;
/*    background-color: #872E8C;
    border-color: #872E8C;*/
    background-color: #872E8C !important;
    border-color: #872E8C !important;
}

.chooser {
    height: 75px;
}

.chooser > svg {
    position: absolute;
    top: 10px;
    width: 48px;
    height: 48px;
}

.chooser > .zoom-logo {
    position: absolute;
    top: 22px;
    width: 48px;
    height: 48px;
}

.instamojo-logo {
    position: absolute !important;
    top: 20px !important;
    left: 35px !important;
    width: 35px !important;
    height: 35px !important;
}

.chooser > .instamojo-text {
    position: absolute !important;
    left: 75px !important;
    top: 24px !important;
}

.chooser > .razorpay-logo {
    position: absolute;
    top: 18px;
    left: 35px;
    width: 30px;
    height: 30px;
}

.chooser > .razorpay-text {
    position: absolute;
    left: 68px;
    top: 22px;
}

.chooser-text {
    position: absolute !important;
    left: 75px !important;
    top: 24px !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #872E8C !important;
    border-color: #872E8C !important;
    box-shadow: 3px 3px #ddd;
}

.btn-primary:active {
    color: #fff;
    background-color: #872E8C !important;
    border-color: #872E8C !important;
}

.btn-primary:focus {
    color: #fff;
    background-color: #872E8C !important;
    border-color: #872E8C !important;
}

.bg-no-entries {
    background-color: #EEE !important;
}

.clickable {
    background-color: #5CE10F;
}

.clickable:hover {
    box-shadow: 3px 3px #ddd;
    cursor: pointer;
}

.text-primary {
    color: #FFF!important;
    margin-bottom: 0rem;
}

.text-primary-url {
    color: #872E8C!important;
    margin-bottom: 0rem;
}

.text-primary-url:hover{
    text-decoration: underline!important;
}

.bg-light {
    background-color: #FFF!important;
}

.bg-soft-primary {
/*    background-color: #0F0F0F!important;*/
/*    background-color: #2A3042!important;*/
    background-color: #872E8C!important;
}

.bg-primary {
    background-color: #872E8C!important;
}

.status-running {
    color: #5CE10F;
    position: relative;
    top: 0px;
}

.status-stop {
    color: #E90F07;
    position: relative;
    top: 0px;
}

.lh {
    line-height: 25px;
}

.pf-card {
    border: 1px solid #ced4da;
    padding: 20px;
}

.logo-img {
    width: 250px;
}

.label {
    color: #fff !important;
    padding: 5px;
    margin: 20px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 6px;
}

.label-warning {
/*    background-color: #872E8C !important;*/
}

.select-right-no-radius {
    border-radius: .25rem 0px 0px .25rem;
}

.select2 {
    width: 100% !important;
}

.navbar-brand-box {
    padding: 0 0.5rem;
    text-align: center;
    width: 250px;
}

.rounded-square {
    border-radius: 5%!important;
}

.font-size-32 {
    font-size: 32px!important;
}

.bg-green {
    background-color: #037400 !important;
}

.fg-green {
    color: #037400 !important;
    font-weight: 800;
    font-size: 30pt;
}

.price-plan {
    font-size: 14px;
    font-weight: 500;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 50% !important;
}

label {
    font-weight: 600;
    font-size: 12pt;
}

label span {
    font-weight: 400;
    font-size: 11pt;
}

/*.form-control {
    font-size: 11pt;
}*/

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #872E8C;
    background-color: #872E8C;
}

.mm-active {
    color: #872E8C!important;
}

.mm-active .active i {
    color: #872E8C!important;
}

.mm-active .active {
    color: #872E8C!important;
/*    background-color: #97A3C2!important;*/
    background-color: #AAA!important;
    opacity: 0.8;
}

#sidebar-menu ul li a i {
    color: #872E8C!important;
}

.badge-primary {
    color: #fff;
    background-color: #872E8C !important;
}

.badge-primary:hover {
    color: #fff;
    background-color: #872E8C !important;
}

.h1, h1 {
    font-size: 27pt;
}

.h5, h5 {
    font-size: 13pt;
}

p {
    font-weight: 600;
    font-size: 12pt;
}

.mt-4 {
    margin-top: 1.8rem!important;
}

.text-muted {
    color: #74788d!important;
    font-weight: 600;
}

.pt-sm-5,
.py-sm-5 {
    padding-top: 7rem!important;
}

#sidebar-menu ul li a {
    font-weight: 600;
}

.dropzone {
    min-height: 150px !important;
}

.dropzone .dz-message {
    margin: 15px 0 !important;
}

@font-face {
    font-family: 'fontello';
    src: url('../assets/fonts/insta-icons/fontello.eot?47668848');
    src: url('../assets/fonts/insta-icons/fontello.eot?47668848#iefix') format('embedded-opentype'), url('../assets/fonts/insta-icons/fontello.woff?47668848') format('woff'), url('../assets/fonts/insta-icons/fontello.ttf?47668848') format('truetype'), url('../assets/fonts/insta-icons/fontello.svg?47668848#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.insta-icon {
    font-family: "fontello";
    font-style: normal;
    font-size: 20px !important;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input[switch=primary]+label {
    background-color: #1b3deb;
}

input[switch]+label:before {
    color: #f5f6f7;
}

.hidden {
    display: none;
}

.dropify-wrapper .dropify-message span.file-icon {
    font-size: 25px !important;
    color: #CCC;
}

input[type="text"]:read-only {
    color: #aaa;
    background: #dddddd;
}

input[type="password"]:read-only {
    color: #aaa;
    background: #dddddd;
}

input[type="number"]:read-only {
    color: #aaa;
    background: #dddddd;
}

input[type="email"]:read-only {
    color: #aaa;
    background: #dddddd;
}

.socialz-thead {
/*    border-top: 1px solid #e1e1e1;*/
    background-color: #e1e1e1;
}

.glyphicon {
    display: inline-block;
    font-family: "Material Design Icons";
    font-size: inherit;
    font-weight: 600;
    font-style: inherit;
}
.glyphicon-ok:before {
    content: "\F012C";
}
.glyphicon-remove:before {
    content: "\F0156";
}

.qr-cr {
    display:none;
}

.highlighter:hover {
    background-color: #f1f1f1 !important;
}

.qr-preview {
    width: 100%;
    height: 100%;
    padding: 5px;
    margin: 10px;
}

a {
    color: #872E8C;
}

a:not(.text-decoration-none):hover {
    color: #872E8C !important;
    font-weight: bold;
}

.btn-outline-primary {
    color: #872E8C !important;
    border-color: #872E8C !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    border-color: #872E8C !important;
    background-color: #872E8C !important;
}

.nav-tabs-custom .nav-item .nav-link.active {
    color: #872E8C !important;
}

body[data-topbar="dark"] #page-topbar {
/*    background-color: #2a3042;*/
    background-color: #fff;
    border-bottom: 1px solid #aaa;
}

body[data-topbar="dark"] .header-item {
/*    color: #e9ecef;*/
    color: #555;
}

body[data-topbar="dark"] .header-item :hover {
/*    color: #e9ecef;*/
    color: #555;
}

body[data-topbar="dark"] .noti-icon i {
    color: #555;
}

.simplebar-wrapper {
    border-right: 1px solid #555;
}

.logo-lg > img {
    vertical-align: middle;
    border-style: none;
    height: 45px;
    width: 190px;
}

.logo-sm > img {
    vertical-align: middle;
    border-style: none;
    height: 40px;
    width: 40px;
}

.min-h-500 {
    min-height: 500px;
  	max-height: 500px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--primary);
}

.nav-link.active:hover {
    color: #fff!important;
    background-color: var(--primary);
}