@import "https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400&display=swap";



.CRM_dropdown.dropdown .dropdown-toggle:hover,

.CRM_dropdown.dropdown .dropdown-toggle:focus {

    background: -webkit-gradient(linear, left top, right top, from(#7C32FF), color-stop(70%, #A235EC), to(#C738D8));

    background: -o-linear-gradient(left, #7C32FF 0%, #A235EC 70%, #C738D8 100%);

    background: linear-gradient(90deg, #7C32FF 0%, #A235EC 70%, #C738D8 100%)

}



.profile_info .profile_info_iner .profile_author_name {

    background-image: linear-gradient(to bottom right, #863ee2, #571f9e)

}

.star-ht{

    font-size: 20px;

    font-weight: 900;

    color: red;

}

body {

    font-family: mulish, sans-serif;

    padding: 0;

    margin: 0;

    font-size: 14px;

    position: relative;

    background: #f6f7fb

}



@media(min-width:1200px) {

    .container {

        max-width: 1310px

    }

}



.body_white_bg {

    background: #fff

}



.br_5 {

    border-radius: 5px

}



.border_bottom_1px {

    border-bottom: 1px solid #e0e2e8

}



.message_submit_form:focus {

    outline: none

}



input:hover,

input:focus {

    outline: none !important;

    box-shadow: 0 0 0 0 transparent !important

}



:focus {

    outline: -webkit-focus-ring-color auto 0

}



.custom-file-input:focus~.custom-file-label {

    border-color: transparent;

    box-shadow: none

}



.form-control {

    border-color: #bbc1c9

}



.form-control:focus {

    box-shadow: 0 0 0 0 transparent !important;

    border-color: #bbc1c9

}



.dropdown-menu {

    margin: 0;

    padding: 0

}



.section_padding {

    padding: 120px 0

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .section_padding {

        padding: 80px 0

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .section_padding {

        padding: 70px 0

    }

}



@media(max-width:575.98px) {

    .section_padding {

        padding: 70px 0

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .section_padding {

        padding: 70px 0

    }

}



.padding_top {

    padding-top: 120px

}



@media(max-width:991px) {

    .padding_top {

        padding-top: 70px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .padding_top {

        padding-top: 80px

    }

}



.padding_bottom {

    padding-bottom: 120px

}



@media(max-width:991px) {

    .padding_bottom {

        padding-bottom: 70px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .padding_bottom {

        padding-bottom: 80px

    }

}



a {

    text-decoration: none;

    -webkit-transition: .5s;

    transition: .5s

}



a:hover {

    text-decoration: none

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: #474d58;

    font-family: mulish, sans-serif;

    font-weight: 600;

    line-height: 1.2

}



h2 {

    font-size: 30px

}



h3 {

    font-size: 26px

}



h4 {

    font-size: 20px

}



h5 {

    font-size: 16px;

    font-weight: 500;

    line-height: 1.8

}



li {

    list-style: none

}



ul,

ol {

    margin: 0;

    padding: 0

}



p {

    line-height: 24px;

    font-size: 13px;

    margin-bottom: 0;

    color: #171718;

    font-family: mulish, sans-serif;

    font-weight: 600;

}



a:focus,

.button:focus,

button:focus,

.btn:focus {

    text-decoration: none;

    outline: none;

    box-shadow: none;

    -webkit-transition: 1s;

    transition: 1s

}



.p_30 {

    padding: 30px

}



@media(max-width:991px) {

    .p_30 {

        padding: 20px

    }

}



.p_20 {

    padding: 20px

}



.p_15 {

    padding: 20px 20px 15px

}



.pb_20 {

    padding-bottom: 20px

}



.mt_60 {

    margin-top: 60px

}



@media(max-width:991px) {

    .mt_60 {

        margin-top: 30px

    }

}



.mt_25 {

    margin-top: 25px

}



.mt_30 {

    margin-top: 30px

}



@media(max-width:991px) {

    .mt_30 {

        margin-top: 15px

    }

}



.mt_10 {

    margin-top: 10px

}



.mb_15 {

    margin-bottom: 15px

}



.mb_15_imp {

    margin-bottom: 13px !important

}



.mb_20 {

    margin-bottom: 20px !important

}



.mb_20_imp {

    margin-bottom: 20px

}



.mb_25 {

    margin-bottom: 20px

}



.mb_50 {

    margin-bottom: 50px

}



@media(max-width:575.98px) {

    .mb_50 {

        margin-bottom: 30px

    }

}



.mt_50 {

    margin-top: 50px

}



@media(max-width:575.98px) {

    .mt_50 {

        margin-top: 25px

    }

}



.mt_20 {

    margin-top: 20px

}



.mb_10 {

    margin-bottom: 10px !important

}



th:focus,

td:focus {

    outline: -webkit-focus-ring-color auto 0

}



table.dataTable tbody th,

table.dataTable tbody td {

    vertical-align: middle

}



.mt_40 {

    margin-top: 40px

}



.section_bg {

    background-color: #fef1f2

}



.cs_checkbox {

    display: block;

    position: relative;

    padding-left: 25px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 22px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.cs_checkbox input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0

}



.cs_checkbox .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 16px;

    width: 16px;

    background-color: transparent;

    border: 1px solid #e4e8ec

}



.section_tittle {

    text-align: center

}



.section_tittle h2 {

    font-size: 36px;

    margin-bottom: 25px;

    line-height: 33px

}



@media(max-width:991px) {

    .section_tittle h2 {

        margin-bottom: 15px;

        font-size: 25px

    }

}



@media(max-width:991px) {

    .section_tittle h2 {

        font-size: 30px

    }

}



.section_tittle p {

    margin-bottom: 72px

}



@media(max-width:991px) {

    .section_tittle p {

        margin-bottom: 40px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .section_tittle p {

        margin-bottom: 50px

    }

}



.cs_checkbox:after {

    content: "";

    position: absolute;

    display: none

}



.cs_checkbox input:checked~.checkmark:after {

    display: block;

    left: 6px;

    top: 1px;

    width: 5px;

    height: 9px;

    border: solid #7e7172;

    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

    content: ""

}



.cs_checkbox span {

    padding: 0 !important

}



.custom_checkbox tr th:first-child,

.custom_checkbox tr td:first-child {

    padding: 16px 0 !important

}



.border_1px {

    border-right: 1px solid rgba(130, 139, 178, .3);

    height: 40px;

    margin-right: 20px;

    margin-left: 8px

}



.nice_Select {

    border: 0;

    border-radius: 0;

    padding-left: 20px;

    padding-right: 30px;

    color: #415094;

    border-radius: 5px;

    border: 1px solid #a1a4b9

}



.nice_Select .nice-select-search-box {

    width: 100% !important

}



.nice_Select.bgLess {

    background: 0 0;

    border: 0 !important

}



.nice_Select:after {

    content: "\e62a";

    font-family: themify;

    border: 0;

    transform: rotate(0deg);

    margin-top: -16px;

    font-size: 12px;

    font-weight: 500;

    right: 18px;

    transform-origin: none;

    -webkit-transition: all .1s ease-in-out;

    -moz-transition: all .1s ease-in-out;

    -o-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out;

    margin-top: -22px

}



.nice_Select.open::after {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

    margin-top: 15px;

    margin-top: 12px;

    right: 12px

}



.nice_Select:focus {

    box-shadow: none

}



.nice_Select.open .list {

    min-width: 200px;

    left: 0;

    overflow-y: auto

}



.nice_Select.open .list li:first-child {

    color: #000

}



.nice_Select .current {

    -webkit-transition: all .4s ease 0s;

    -moz-transition: all .4s ease 0s;

    -o-transition: all .4s ease 0s;

    transition: all .4s ease 0s

}



.nice_Select .list {

    width: 100%;

    left: auto;

    right: 0;

    border-radius: 0 0 10px 10px;

    margin-top: 1px;

    z-index: 9999 !important;

    box-shadow: 0 10px 20px rgba(108, 39, 255, .3);

    overflow: auto

}



.nice_Select .list li {

    font-size: 12px;

    font-weight: 500;

    text-transform: uppercase

}



.nice_Select2 {

    border: 0;

    border-radius: 0;

    padding-left: 0;

    padding-right: 5px;

    color: #2a2a2a;

    background: #f6f7fb;

    border: 0;

    padding-left: 18px;

    padding-right: 38px;

    border-radius: 6px;

    height: 36px;

    line-height: 36px;

    font-size: 12px;

    text-transform: capitalize

}



.nice_Select2 .nice-select-search-box {

    width: 100% !important;

    margin-top: 5px;

    display: none !important

}



.nice_Select2.nice_Select_line {

    height: 47px;

    line-height: 47px;

    background: 0 0;

    padding: 0 23px;

    border: 1px solid #e5ecff !important

}

.nice_Select3.nice_Select_line1 {

    height: 40px;

    line-height: 47px;

    background: 0 0;

    padding: 0px 40px;

    border: 1px solid #2d1967 !important;

    border-radius: 5px;

    width: 100%;

    position: relative;

    bottom: 0px;

    margin-left: 330px;

}

@media(max-width:574px) {

    .nice_Select3.nice_Select_line1 {

        height: 40px;

    line-height: 47px;

    background: 0 0;

    padding: 0px 40px;

    border: 1px solid #2d1967 !important;

    border-radius: 5px;

    width: 100%;

    position: relative;

    bottom: 5px;

    margin-left: 0px;

    }

}

@media(min-width:992px) and (max-width:1215px){

    .nice_Select3.nice_Select_line1 {

        height: 40px;

    line-height: 47px;

    background: 0 0;

    padding: 0px 40px;

    border: 1px solid #2d1967 !important;

    border-radius: 5px;

    width: 100%;

    position: relative;

    bottom: 0px;

    margin-left: 0px;

    }

}

.nice_Select4.nice_Select_line2 {

    height: 40px;

    line-height: 47px;

    background: 0 0;

    padding: 0px 40px;

    border: 1px solid #2d1967 !important;

    border-radius: 5px;

    width: 100%;

    position: relative;

    margin-left: 245px;

}

@media(max-width:574px) {

    .nice_Select4.nice_Select_line2 {

        height: 40px;

    line-height: 47px;

    background: 0 0;

    padding: 0px 40px;

    border: 1px solid #2d1967 !important;

    border-radius: 5px;

    width: 100%;

    position: relative;

    bottom: 5px;

    margin-left: 0px;

    }

}

@media(min-width:992px) and (max-width:1215px){

    .nice_Select4.nice_Select_line2 {

        height: 40px;

    line-height: 47px;

    background: 0 0;

    padding: 0px 40px;

    border: 1px solid #2d1967 !important;

    border-radius: 5px;

    width: 100%;

    position: relative;

    bottom: 0px;

    margin-left: 0px;

    }

}



.nice_Select5.nice_Select_line3 {

    height: 40px;

    line-height: 47px;

    background: 0 0;

    padding: 0px 40px;

    border: 1px solid #2d1967 !important;

    border-radius: 5px;

    width: 100%;

    position: relative;

    margin-left: 275px;

}

@media(max-width:574px) {

    .nice_Select5.nice_Select_line3 {

        height: 40px;

    line-height: 47px;

    background: 0 0;

    padding: 0px 40px;

    border: 1px solid #2d1967 !important;

    border-radius: 5px;

    width: 100%;

    position: relative;

    bottom: 5px;

    margin-left: 0px;

    }

}

@media(min-width:992px) and (max-width:1215px){

    .nice_Select5.nice_Select_line3 {

        height: 40px;

    line-height: 47px;

    background: 0 0;

    padding: 0px 40px;

    border: 1px solid #2d1967 !important;

    border-radius: 5px;

    width: 100%;

    position: relative;

    bottom: 0px;

    margin-left: 0px;

    }

}



.nice_Select2.nice_Select_line::after {

    margin-top: -23px;

    right: 25px

}



.nice_Select2.nice_Select_line.open::after {

    margin-top: 16px;

    right: 20px

}



.nice_Select2:after {

    content: "\e64b";

    font-family: themify;

    border: 0;

    transform: rotate(0deg);

    margin-top: -16px;

    font-size: 12px;

    font-weight: 500;

    right: 18px;

    transform-origin: none;

    -webkit-transition: all .1s ease-in-out;

    -moz-transition: all .1s ease-in-out;

    -o-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out;

    margin-top: -16px;

    right: 15px;

    margin-top: -18px;

    right: 25px;

    color: #f45b0f

}



.nice_Select2:active,

.nice_Select2.open,

.nice_Select2:focus {

    border-color: none;

    border: 0

}



.nice_Select2.open::after {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

    margin-top: 8px;

    right: 15px

}



.nice_Select2:focus {

    box-shadow: none;

    border: 0

}



.nice_Select2:hover {

    border: 0

}



.nice_Select2.open .list {

    min-width: 100%;

    margin-top: 5px;

    padding-top: 0 !important;

    left: 0;

    overflow-y: auto

}



.nice_Select2.open .list li:first-child {

    color: #000

}



.nice_Select2 .current {

    -webkit-transition: all .4s ease 0s;

    -moz-transition: all .4s ease 0s;

    -o-transition: all .4s ease 0s;

    transition: all .4s ease 0s

}



.nice_Select2 .list {

    width: 100%;

    left: auto;

    right: 0;

    border-radius: 0 0 10px 10px;

    margin-top: 1px;

    z-index: 9999 !important;

    box-shadow: 0 10px 20px rgba(244, 91, 15, .03)

}



.nice_Select2 .list li {

    font-size: 10px;

    font-weight: 500;

    text-transform: uppercase

}



.white_box {

    background-color: #fff;

    padding: 20px

}



@media(max-width:991px) {

    .white_box {

        padding: 20px

    }

}



@media(max-width:575.98px) {

    .white_box {

        padding: 25px 15px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .white_box {

        padding: 30px 20px

    }

}



@media only screen and (min-width:1200px) and (max-width:1439px) {

    .white_box {

        padding: 30px 20px

    }

}



.white_box h3 {

    font-size: 16px;

    font-weight: 500;

    line-height: 16px;

    margin-bottom: 22px;

    font-family: mulish, sans-serif

}



@media(max-width:991px) {

    .white_box h3 {

        margin-bottom: 10px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .white_box h3 {

        margin-bottom: 10px

    }

}



.white_box h3 span {

    font-weight: 300;

    color: #7e7172

}



.progress-bar {

    text-align: right;

    padding-right: 8px

}



.white_box_p_30 {

    padding: 30px;

    background-color: #fff

}



@media(max-width:991px) {

    .white_box_p_30 {

        padding: 25px 15px

    }

}



.cu_dropdown .btn {

    border: 1px solid #f1f2f3;

    background-color: #fef1f2;

    color: #7e7172;

    font-size: 12px;

    font-weight: 300;

    padding: 5px 15px

}



.cu_dropdown .btn_1 {

    padding: 11px 20px

}



.cu_dropdown .dropdown-toggle::after {

    display: inline-block;

    margin-left: 10px;

    vertical-align: 0;

    content: "\e64b";

    border-top: none;

    font-family: themify;

    font-size: 10px

}



.cu_dropdown .dropdown-menu {

    min-width: auto;

    background-color: #474d58;

    min-width: 102px;

    left: 0 !important;

    border-radius: 0 0 5px 5px;

    top: -2px !important;

    padding: 17px 0

}



.cu_dropdown .dropdown-menu .dropdown-item {

    font-size: 12px;

    font-weight: 300;

    text-transform: capitalize;

    padding: 7px 20px;

    padding: 7px 20px;

    color: #fff

}



.cu_dropdown .left_arrow:hover {

    background-color: transparent;

    padding-left: 38px

}



.cu_dropdown .left_arrow:after {

    left: 18px;

    top: 11px

}



.switch {

    -webkit-appearance: none;

    background-color: gray;

    border-radius: 43px;

    position: relative;

    cursor: pointer;

    padding: 14px 25px !important;

    margin-right: 20px;

    height: 30px

}



.switch::after {

    top: 6px;

    left: 6px;

    content: '';

    width: 15px;

    height: 15px;

    background-color: #2e4765;

    position: absolute;

    border-radius: 100%;

    transition: 1s

}



.switch:checked {

    background-color: #2e4765 !important

}



.switch:checked::after {

    background-color: #fff !important

}



.switch:checked::after {

    transform: translateX(25px)

}



.switch:focus {

    outline-color: transparent

}



.menu_bropdown {

    display: inline-block

}



.menu_bropdown .dropdown-menu {

    min-width: 168px !important;

    right: 0

}



@media(max-width:991px) {

    .sidebar_widget {

        margin-top: 30px

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .sidebar_widget {

        margin-top: 0

    }

}



.text_underline {

    color: #474d58;

    text-decoration: underline;

    -webkit-transition: .5s;

    transition: .5s

}



.text_underline:hover {

    color: #474d58;

    text-decoration: underline

}



.check_box_item {

    margin-top: 11px

}



.check_box_item .single_check_box {

    padding: 15px 0;

    border-bottom: 1px solid #e4e8ec

}



.check_box_item .single_check_box .switch {

    -webkit-appearance: none;

    background-color: transparent;

    padding: 14px 27px !important;

    margin-right: 0;

    border: 1px solid #e4e8ec

}



.check_box_item .single_check_box .switch:after {

    top: 4px;

    width: 20px;

    height: 20px

}



.check_box_item .single_check_box .switch:checked::after {

    background-color: #7e7172 !important;

    left: 4px

}



.check_box_item .single_check_box .switch:checked {

    background-color: transparent !important

}



.list_header {

    display: flex;

    justify-content: space-between;

    margin-bottom: 25px;

    align-items: center

}

.list_header1 {

    display: flex;

    justify-content: space-between;

    margin-bottom: 0px;

    align-items: center

}



@media(max-width:575.98px) {

    .list_header {

        display: block

    }

}



.list_header p {

    color: #474d58;

    font-weight: 400;

    font-size: 14px;

    color: #7f8b9f;

    font-weight: 400

}



.list_header .nice_Select {

    margin-left: 15px

}



@media(max-width:575.98px) {

    .list_header .nice_Select {

        margin-left: 10px

    }

}



.list_header .list_header_filter {

    display: flex;

    align-items: center

}



@media(max-width:575.98px) {

    .list_header .list_header_filter {

        margin-top: 15px

    }

}



.list_header .list_header_filter img {

    width: 17px;

    margin-right: 8px

}



.cs_modal .modal-content {

    background-color: #fef1f2;

    padding: 0 30px

}



@media(max-width:575.98px) {

    .cs_modal .modal-content {

        padding: 0 20px

    }

}



.cs_modal .modal-header {

    padding: 34px 0 30px 0;

    align-items: center;

    border-bottom: 0 solid transparent

}



.cs_modal .modal-header h5 {

    margin-bottom: 0;

    font-size: 18px;

    font-weight: 500;

    line-height: 25px

}



.cs_modal .modal-header .close {

    padding: 0;

    margin: 0;

    opacity: 1

}



.cs_modal .modal-header .close i {

    font-size: 14px;

    color: #707070

}



.cs_modal .modal-body {

    padding: 35px 30px !important;

    background: #fff;

    border-radius: 5px

}



@media(max-width:575.98px) {

    .cs_modal .modal-body {

        padding: 25px 20px !important

    }

}



.cs_modal .modal-body .chose_thumb_title {

    font-size: 12px;

    font-weight: 300;

    color: #222;

    text-align: left;

    margin: 0;

    margin-bottom: 0;

    display: block;

    margin-bottom: 8px

}



.cs_modal .modal-body .input_wrap label {

    font-size: 12px;

    font-weight: 300;

    color: #222;

    text-align: left;

    margin: 0;

    margin-bottom: 0;

    display: block;

    margin-bottom: 8px

}



.cs_modal .modal-body .input_wrap textarea {

    height: 100px;

    padding: 0;

    line-height: 28px;

    padding: 13px 25px

}



.cs_modal .modal-body .nice_Select,

.cs_modal .modal-body input,

.cs_modal .modal-body textarea {

    height: 50px;

    line-height: 50px;

    background-color: #fff;

    border: 1px solid #eee1e2;

    padding: 10px 25px;

    color: #7e7172;

    font-weight: 500;

    font-size: 13px;

    width: 100%;

    display: block;

    margin-bottom: 21px;

    font-weight: 300;

    border-radius: 3px

}



.cs_modal .modal-body .nice_Select::placeholder,

.cs_modal .modal-body input::placeholder,

.cs_modal .modal-body textarea::placeholder {

    color: #7e7172;

    font-weight: 300;

    opacity: 1

}



.cs_modal .modal-body .nice_Select {

    line-height: 30px

}



.cs_modal .modal-body .nice_Select :after {

    left: 22px

}



.cs_modal .modal-body ::placeholder {

    color: #474d58

}



.cs_modal .modal_btn {

    display: flex;

    justify-content: start;

    align-items: center

}



.cs_modal .modal_btn .btn_1 {

    padding: 16px 26px !important;

    margin: 0 5px;

    text-align: center

}



.cs_modal .modal-footer {

    border-top: 0 solid transparent;

    padding: 30px 0 40px

}



.form_box .from_group {

    display: block;

    width: 100%;

    margin-bottom: 23px

}



.form_box .from_group label {

    font-size: 14px;

    font-weight: 500;

    margin-bottom: 13px;

    color: #707070

}



.form_box .from_group .nice_Select,

.form_box .from_group input,

.form_box .from_group textarea {

    width: 100%;

    display: block;

    background-color: #fef1f2;

    border: 1px solid #f1f2f3;

    height: 50px;

    line-height: 50px;

    border-radius: 5px;

    padding: 10px 20px

}



.form_box .from_group textarea {

    height: 115px;

    line-height: 27px

}



.form_box .from_group .bootstrap-tagsinput input {

    border: none !important;

    width: auto !important;

    display: inline-block !important;

    background-color: transparent !important

}



.form_box .from_group .bootstrap-tagsinput .badge [data-role=remove]:after {

    background-color: transparent !important

}



.form_box .from_group .bootstrap-tagsinput .badge {

    margin: 0 5px;

    padding: 9px 8px;

    line-height: 12px;

    font-weight: 500;

    font-size: 13px

}



.form_box .from_group .badge-info {

    color: #fff;

    background-color: #2ec9b8

}



.form_box .from_group .nice_Select {

    line-height: 30px

}



.note-editable {

    background-color: #fef1f2

}



.note-btn-group.note-style {

    display: none

}



.plr_30 {

    padding: 0 30px !important

}



@media(max-width:767.98px) {

    .plr_30 {

        padding: 0 15px !important

    }

}



.mb_8 {

    margin-bottom: 8px !important

}



.mb_7 {

    margin-bottom: 7px !important

}



.ml-10 {

    margin-left: 10px

}



.mb_30 {

    margin-bottom: 30px !important

}



@media(max-width:575.98px) {

    .lms_block {

        display: block !important

    }

}



@media(max-width:575.98px) {

    .add_button {

        margin-top: 15px;

        margin-left: 0

    }

}



.lms_pagination_wrap {

    margin-top: 30px

}



.lms_pagination_wrap ul li {

    display: inline-block;

    margin: 0 .8px

}



.lms_pagination_wrap ul li a {

    width: 40px;

    height: 40px;

    display: inline-block;

    background: #fff;

    line-height: 40px;

    color: #cec1c2;

    text-align: center;

    border-radius: 3px;

    font-size: 14px

}



.lms_pagination_wrap ul li a.active {

    background: #fe1724;

    color: #fff

}



.lms_pagination_wrap ul li a:hover {

    background: #fe1724;

    color: #fff

}



@media(min-width:768px) {

    .modal-dialog.custom-modal-dialog {

        max-width: 650px

    }

}



@media(min-width:992px) {

    .modal-dialog.custom-modal-dialog {

        max-width: 950px

    }

}



@media(min-width:1200px) {

    .modal-dialog.custom-modal-dialog {

        max-width: 1050px

    }

}



.file_upload {

    border: 1px solid #eee1e2 !important;

    padding: 9px 24px;

    border-radius: 3px

}



.file_upload label {

    margin-bottom: 0 !important

}



.file_upload .form-group {

    padding: 0;

    margin-bottom: 0

}



.file_upload .btn_file_upload {

    color: #fff;

    padding: 0;

    height: 30px;

    line-height: 30px;

    border: 0;

    display: inline-block

}



.file_upload .btn_file_upload:hover,

.file_upload .btn_file_upload:focus {

    color: #888;

    border-color: #888

}



.file_upload .input-file,

.file_upload .input-file2 {

    width: .1px;

    height: .1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1

}



.file_upload .input-file+.js-labelFile,

.file_upload .input-file+.js-labelFile2,

.file_upload .input-file2+.js-labelFile,

.file_upload .input-file2+.js-labelFile2 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: 0 10px;

    cursor: pointer

}



.file_upload .btn {

    padding: 0 16px !important;

    border-radius: 5px;

    background-color: #fe1724;

    display: inline-block !important;

    font-size: 14px;

    color: #fff !important;

    border-radius: 30px;

    bottom: 0;

    margin-bottom: 0

}



.file_upload .btn:hover {

    background-color: #2e4765;

    color: #fff;

    border: 0

}



.file_upload .form-group {

    background-color: #fff;

    width: 100%;

    padding: 0;

    border-radius: 5px

}



td:focus,

th:focus {

    outline: none !important

}



.mb_20 {

    margin-bottom: 20px

}



.mr_10 {

    margin-right: 10px !important

}



.checkbox_wrap p {

    font-size: 13px;

    font-weight: 300;

    color: #7e7172;

    margin-bottom: 0

}



.lms_checkbox_1 {

    display: inline-block;

    height: 30px;

    position: relative;

    width: 50px;

    margin-bottom: 0;

    margin-right: 15px

}



.lms_checkbox_1 input {

    display: none !important

}



.lms_checkbox_1 .slider-check {

    background-color: #f6f7fb;

    bottom: 0;

    cursor: pointer;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    transition: .4s

}



.lms_checkbox_1 .slider-check.round {

    border-radius: 34px

}



.lms_checkbox_1 .slider-check::before {

    background-color: #f45b0f;

    bottom: 5px;

    content: "";

    height: 20px;

    left: 4px;

    position: absolute;

    transition: .4s;

    width: 20px

}



.lms_checkbox_1 .slider-check.round:before {

    border-radius: 50%

}



.lms_checkbox_1 input:checked+.slider-check {

    background-color: #f6f7fb;

    color: #fff;

    content: "oui"

}



.lms_checkbox_1 input:checked+.slider-check:before {

    transform: translateX(20px);

    background: #884ffb

}



.input_wrap label {

    font-size: 12px;

    font-weight: 300;

    color: #222;

    text-align: left;

    margin: 0;

    margin-bottom: 0;

    display: block;

    margin-bottom: 8px

}



@media(min-width:991px) {

    .medium_modal_width .modal-dialog {

        max-width: 780px

    }

}



.list_header_btn_wrapper {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    align-items: center;

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    justify-content: space-between;

    -ms-flex-pack: space-between;

    width: 100%;

    margin-right: 60px

}



@media(max-width:575.98px) {

    .list_header_btn_wrapper {

        display: block;

        margin-bottom: 15px;

        margin-right: 0

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .list_header_btn_wrapper {

        margin-right: 0;

        margin-bottom: 15px

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .list_header_btn_wrapper {

        margin-right: 0;

        display: block

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .list_header_btn_wrapper {

        margin-right: 0;

        display: block

    }

}



@media only screen and (min-width:1200px) and (max-width:1439px) {

    .list_header_btn_wrapper {

        margin-right: 30px

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .list_header_block {

        display: block

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .list_header_block .success_faild_btn {

        margin-top: 15px

    }

}



@media only screen and (min-width:1200px) and (max-width:1439px) {

    .list_header_block .serach_field_2 {

        width: 300px

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .list_header_block .serach_field_2 {

        width: 380%

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .list_header_block .box_right {

        justify-content: space-between

    }

}



.gj-datepicker .fa-calendar-alt {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 14px;

    color: #cec1c2;

    right: 25px

}



.white_box_border {

    border: 1px solid rgba(202, 206, 213, .7)

}



.nowrap {

    white-space: nowrap

}



.mb-25 {

    margin-bottom: 25px

}



.mb_15 {

    margin-bottom: 15px

}



.mr-10 {

    margin-right: 10px

}



.mr_5 {

    margin-right: 5px

}



.mb_30 {

    margin-bottom: 30px

}



.mt_10px {

    margin-top: 10px

}



.pt_30 {

    padding-top: 30px !important

}



.wrapper .progress {

    margin-bottom: 15px

}



.apexcharts-datalabels-group {

    position: relative;

    top: -13px !important

}



.cs_modal {

    background-color: #fef1f2

}



.cs_modal .modal-header {

    background-color: #f7faff;

    padding: 23px 30px;

    border-bottom: 0 solid transparent

}



.cs_modal .modal-header h5 {

    font-size: 22px;

    font-weight: 600

}



.cs_modal .modal-header span {

    font-size: 14px;

    color: #707070;

    opacity: 1

}



.cs_modal .modal-body {

    padding: 35px 30px

}



.cs_modal .modal-body input,

.cs_modal .modal-body .nice_Select {

    height: 50px;

    line-height: 50px;

    padding: 10px 20px;

    border: 1px solid #f1f3f5;

    color: #707070;

    font-size: 14px;

    font-weight: 500;

    background-color: #fff;

    width: 100%

}



.cs_modal .modal-body .nice_Select {

    line-height: 29px

}



.cs_modal .modal-body .nice_Select:after {

    right: 22px

}



.cs_modal .modal-body .nice_Select .list {

    width: 100%

}



.cs_modal .modal-body .form-group {

    margin-bottom: 12px

}



.cs_modal .modal-body textarea {

    height: 168px;

    padding: 15px 20px;

    border: 1px solid #f1f3f5;

    color: #707070;

    font-size: 14px;

    font-weight: 500

}



.cs_modal .modal-body p {

    font-size: 16px;

    font-weight: 500;

    margin-top: 25px;

    color: #707070;

    text-align: center

}



.cs_modal .modal-body p a {

    color: #2e4765

}



.cs_modal .modal-body .btn_1 {

    width: 100%;

    display: block;

    margin-top: 20px

}



.cs_modal .modal-body .social_login_btn .btn_1 {

    color: #fff;

    background-color: #3b5998;

    border: 1px solid #3b5998;

    margin-top: 0

}



.cs_modal .modal-body .social_login_btn .btn_1:hover {

    color: #fff !important

}



.cs_modal .modal-body .social_login_btn .btn_1 i {

    margin-right: 10px

}



.cs_modal .modal-body .social_login_btn .form-group:last-child .btn_1 {

    background-color: #4285f4;

    border: 1px solid #4285f4

}



.cs_modal .modal-body .pass_forget_btn {

    color: #707070;

    margin-top: 20px;

    font-size: 16px;

    text-align: center;

    font-weight: 500;

    display: inline-block

}



.cs_modal .modal-body .pass_forget_btn:hover {

    color: #2e4765

}



.border_style {

    width: 100%;

    display: block;

    text-align: center;

    padding: 13px 0 17px;

    position: relative;

    z-index: 1

}



.border_style span {

    padding: 0 25px;

    text-align: center;

    display: inline-block;

    background-color: #fff

}



.border_style:after {

    position: absolute;

    content: "";

    height: 1px;

    width: 100%;

    background-color: #bbc1c9;

    top: 24px;

    left: 0;

    z-index: -1

}



p a {

    color: #7e7172

}



p a:hover {

    color: #2e4765

}



.cs_check_box {

    display: flex;

    margin-top: 20px

}



.cs_check_box input,

.cs_check_box label {

    line-height: 20px !important;

    height: auto !important;

    width: auto !important;

    max-width: auto

}



.cs_check_box .common_checkbox {

    display: none

}



.cs_check_box label {

    position: relative;

    padding-left: 34px;

    margin-bottom: 0

}



.cs_check_box .common_checkbox+label {

    display: block;

    cursor: pointer;

    color: #7e7172

}



.cs_check_box .common_checkbox+label:after {

    position: absolute;

    left: 0;

    top: 0;

    height: 20px;

    width: 20px;

    border: 1px solid #7e7172;

    border-radius: 5px;

    content: ""

}



.cs_check_box .common_checkbox:checked+label:after {

    content: '\f00c';

    font-family: 'font awesome\ 5 free';

    font-weight: 900;

    padding: 2px;

    font-size: 12px;

    line-height: 15px;

    text-align: center

}



.cs_check_box .common_checkbox {

    display: none !important

}



.hide_pils.dropdown-toggle::after {

    display: inline-block;

    margin-left: .255em;

    vertical-align: .255em;

    content: "";

    border-top: .3em solid;

    border-right: .3em solid transparent;

    border-bottom: 0;

    border-left: .3em solid transparent;

    border: 0 !important

}



.mr_20 {

    margin-right: 20px

}



@media(max-width:575.98px) {

    .mb-sm-15 {

        margin-bottom: 15px

    }

}



.heading_6 {

    font-size: 14px;

    font-weight: 600;

    font-family: mulish, sans-serif;

    color: #2e4765;

    margin-bottom: 0

}



.card_height_100 {

    height: calc(100% - 30px)

}



.height_100 {

    height: 100%

}



.card_height_50 {

    height: calc(50% - 30px)

}



.page-item.active .page-link {

    background-color: #884ffb;

    border-color: #884ffb

}



.page-item.active .page-link:hover {

    color: #fff;

    background-color: #884ffbe6;

    border-color: #884ffbe6

}



.page-link {

    color: #884ffb

}



.page-link:hover {

    color: #fff;

    background-color: #884ffbe6;

    border-color: #884ffbe6

}



.btn-primary {

    color: #fff;

    background-color: #884ffb;

    border-color: #884ffb

}



.btn-primary:hover {

    color: #fff;

    background-color: #884ffbe6;

    border-color: #884ffbe6

}



@media(max-width:991px) {

    .sm_padding_15px {

        padding: 15px !important

    }

}



.dashboard_header .dashboard_header_title h3 {

    font-size: 33px;

    font-weight: 600;

    color: #2e4765;

    margin-bottom: 7px

}



.dashboard_header .dashboard_header_title h3 span {

    color: #884ffb

}



.dashboard_header .dashboard_header_title p {

    font-size: 20px;

    font-weight: 400;

    color: #7f8b9f

}



@media(max-width:991px) {

    .dashboard_breadcam {

        text-align: left !important;

        padding-top: 10px !important

    }

}



.dashboard_breadcam ul {

    display: flex;

    align-items: center;

    justify-content: flex-end

}



.dashboard_breadcam ul li {

    font-size: 17px;

    font-weight: 400;

    color: #884ffb;

    padding-left: 14px;

    position: relative

}



.dashboard_breadcam ul li:first-child {

    padding-left: 0

}



.dashboard_breadcam ul li:first-child::before {

    display: none

}



.dashboard_breadcam ul li::before {

    color: #884ffb;

    content: "/";

    position: absolute;

    left: 4px;

    top: 50%;

    transform: translateY(-50%)

}



.dashboard_breadcam ul li a {

    width: 30px;

    height: 30px;

    background: #ffe7df;

    border-radius: 50%;

    display: inline-block;

    line-height: 26px;

    text-align: center;

    margin-right: 10px

}



.dashboard_breadcam ul li a img {

    line-height: 30px

}



.header_prise h4 {

    font-size: 18px;

    font-weight: 700;

    color: #000;

    margin-bottom: 0

}



.header_prise h5 {

    font-size: 16px;

    font-weight: 500;

    color: #884ffb;

    margin-bottom: 0

}



.pink_bg {

    background: #fe80b2 !important

}



.parpel_bg {

    background: #833cdf !important

}



.parpel_bg2 {

    background: #f65365 !important

}



.map-js-height {

    height: 450px

}



@media(max-width:1365.98px) {

    .map-js-height {

        height: 350px

    }

}



.border_radius_0 {

    border-radius: 0 !important

}



.white_bg {

    background: #fff

}



.border_1px {

    border: 1px solid #eee

}



.card_footer {

    padding: 50px;

    border-top: 1px solid #f2f4ff;

    position: relative;

    overflow: hidden

}



.SubTitle {

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

    padding-bottom: 5px;

    margin-bottom: 8px;

    font-size: 18px

}



.p-20 {

    padding: 20px

}



.bg-primary {

    background-color: #4c2fbf !important;

    color: #fff

}



.bg-secondary {

    background-color: #2e9de4 !important;

    color: #fff

}



span>.bg-secondary {

    background-color: #6c757d !important;

    color: #fff

}



.bg-success {

    background-color: #80cf00 !important;

    color: #fff

}



.bg-info {

    background-color: #06b5dd !important;

    color: #fff

}



.bg-warning {

    background-color: #ffc717 !important;

    color: #fff

}



.bg-danger {

    background-color: #fd517d !important;

    color: #fff

}



.bg-light {

    background-color: #f8f5fd !important;

    color: #fff

}



.bg-dark {

    background-color: #2c323f !important;

    color: #fff

}



.color-box>div>div {

    border-radius: 15px

}



.m-b-10 {

    margin-bottom: 10px

}



.btn-light {

    border: 1px solid #e8ecf4

}



.font-size-10 {

    font-size: 10px !important

}



.text-primary {

    color: #5664d2 !important

}



.font-size-14 {

    font-size: 14px !important

}



.line-height-2 {

    line-height: 2

}



.text_white {

    color: #fff

}



.f_w_400 {

    font-weight: 400

}



.f_w_700 {

    font-weight: 700

}



.f_s_11 {

    font-size: 11px

}



.f_s_12 {

    font-size: 12px

}



.f_s_13 {

    font-size: 13px

}



.f_s_14 {

    font-size: 14px

}



.f_s_15 {

    font-size: 15px

}



.f_s_16 {

    font-size: 16px

}



.f_s_18 {

    font-size: 18px

}



.f_s_19 {

    font-size: 19px

}



.f_s_20 {

    font-size: 20px !important

}



.f_s_17 {

    font-size: 17px

}



.f_s_28 {

    font-size: 28px

}



.f_s_40 {

    font-size: 40px

}



.f_s_60 {

    font-size: 60px

}



.ml_25 {

    margin-left: 25px

}



.mr_30 {

    margin-right: 30px

}



.ml_15 {

    margin-left: 15px

}



.ml_18 {

    margin-left: 18px

}



.color_theme {

    color: #474d58

}



.color_theme2 {

    color: #101038

}



.color_gray {

    color: #8890b5

}



.color_gray2 {

    color: #b1b6c9

}



.pt_25 {

    padding-top: 25px !important

}



.pulse .pulse-ring {

    display: block;

    border-radius: 40px;

    height: 40px;

    width: 40px;

    position: absolute;

    -webkit-animation: animation-pulse 3.5s ease-out;

    animation: animation-pulse 3.5s ease-out;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    opacity: 0;

    border-width: 3px;

    border-style: solid;

    border-color: #e4e6ef

}



.pulse .pulse-ring.notification_count_pulse {

    right: -18px;

    top: -14px

}



.pulse.pulse-primary .pulse-ring {

    border-color: rgba(54, 153, 255, .75)

}



.pulse.pulse-secondary .pulse-ring {

    border-color: rgba(228, 230, 239, .75)

}



.pulse.pulse-success .pulse-ring {

    border-color: rgba(27, 197, 189, .75)

}



.pulse.pulse-info .pulse-ring {

    border-color: rgba(137, 80, 252, .75)

}



.pulse.pulse-warning .pulse-ring {

    border-color: rgba(255, 168, 0, .75)

}



.pulse.pulse-danger .pulse-ring {

    border-color: rgba(246, 78, 96, .75)

}



.pulse.pulse-light .pulse-ring {

    border-color: rgba(243, 246, 249, .75)

}



.pulse.pulse-dark .pulse-ring {

    border-color: rgba(24, 28, 50, .75)

}



.pulse.pulse-white .pulse-ring {

    border-color: rgba(255, 255, 255, .75)

}



.pulse.theme_color .pulse-ring {

    border-color: rgba(255, 255, 255, .75)

}



@-webkit-keyframes animation-pulse {

    0% {

        -webkit-transform: scale(.1, .1);

        opacity: 0

    }



    60% {

        -webkit-transform: scale(.1, .1);

        opacity: 0

    }



    65% {

        opacity: 1

    }



    100% {

        -webkit-transform: scale(1.2, 1.2);

        opacity: 0

    }

}



@keyframes animation-pulse {

    0% {

        -webkit-transform: scale(.1, .1);

        opacity: 0

    }



    60% {

        -webkit-transform: scale(.1, .1);

        opacity: 0

    }



    65% {

        opacity: 1

    }



    100% {

        -webkit-transform: scale(1.2, 1.2);

        opacity: 0

    }

}



.header_more_tool .dropdown .dropdown-toggle::after {

    display: none !important

}



.header_more_tool .dropdown span {

    padding-left: 0;

    background: #f5f5ff;

    padding: 5px 12px;

    border-radius: 5px

}



.header_more_tool .dropdown span i {

    font-size: 12px;

    font-weight: 400;

    display: inline-block;

    color: #464e5f;

    position: relative;

    top: 0;

    margin-right: 0

}



.header_more_tool .dropdown .dropdown-menu {

    border: 0;

    margin: 0;

    padding: 0;

    font-size: 13px;

    top: 5px !important;

    border-radius: 5px;

    -webkit-box-shadow: 0 0 20px 0 rgba(80, 143, 244, .2);

    -moz-box-shadow: 0 0 20px 0 rgba(80, 143, 244, .2);

    box-shadow: 0 0 20px 0 rgba(80, 143, 244, .2)

}



.header_more_tool .dropdown .dropdown-menu a {

    padding: 8px 15px;

    font-size: 13px

}



.header_more_tool .dropdown .dropdown-menu a:hover {

    color: #fff

}



.header_more_tool .dropdown .dropdown-menu a:hover i {

    color: #fff

}



.header_more_tool .dropdown .dropdown-menu a i {

    font-size: 13px;

    vertical-align: middle;

    position: relative;

    top: -3px;

    margin-right: 5px

}



.common_input input {

    height: 47px;

    line-height: 47px;

    background-color: transparent;

    border: 0;

    padding: 10px 25px;

    color: #212529;

    font-weight: 400;

    font-size: 14px;

    width: 100%;

    display: block;

    border-radius: 0.25rem;

    /* border: 1px solid #e5ecff */
    border: 1px solid #bbc1c9 

}



.common_input input::placeholder {

    color: #81879f;

    font-weight: 400;

    font-size: 14px;

    opacity: 1;

    background: 0 0

}



.nav-link-notify {

    position: relative

}



.nav-link-notify:before {

    content: "";

    position: absolute;

    width: 6px;

    height: 6px;

    right: -7px;

    border-radius: 50%;

    top: -10px;

    background-color: #f65365;

    -webkit-animation: notify-pulse 1s infinite

}



@-webkit-keyframes notify-pulse {

    0% {

        box-shadow: 0 0 0 0 rgba(246, 83, 101, .7)

    }



    100% {

        box-shadow: 0 0 0 10px transparent

    }

}



@keyframes notify-pulse {

    0% {

        box-shadow: 0 0 0 0 rgba(246, 83, 101, .7)

    }



    100% {

        box-shadow: 0 0 0 10px transparent

    }

}



#back-top {

    position: fixed;

    right: 20px;

    bottom: 30px;

    cursor: pointer;

    z-index: 9999999;

    display: none

}



#back-top a {

    display: inline-block;

    height: 40px;

    width: 40px;

    text-align: center;

    display: block;

    color: #fff;

    line-height: 40px;

    background: #884ffb;

    font-size: 15px;

    border-radius: 30px;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -ms-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    -webkit-box-shadow: 0 10px 20px 0 rgba(76, 110, 248, .4);

    -moz-box-shadow: 0 10px 20px 0 rgba(76, 110, 248, .4);

    box-shadow: 0 10px 20px 0 rgba(76, 110, 248, .4)

}



.img-thumbnail {

    background-color: #f5f6ff !important;

    border: 1px solid #f5f6ff !important;

    border-radius: 20px !important

}



.default_border_1px {

    border: 1px solid #e0e2e8;

    box-shadow: none !important

}



.shadow_none {

    box-shadow: none !important

}



.overflow_hidden {

    overflow: hidden !important

}



.chart_wrap {

    border-radius: 15px

}



.round_badge {

    font-size: 11px;

    font-weight: 500;

    padding: 0 6.5px;

    height: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 10px;

    background: rgba(95, 99, 242, .06);

    color: #884ffb

}



.btn_1 {

    background-color: #884ffb;

    border: 1px solid #884ffb;

    color: #fff;

    display: inline-block;

    padding: 9px 25px;

    text-transform: capitalize;

    font-size: 14px;

    font-weight: 400;

    border-radius: 5px;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s

}



.btn_1 i {

    font-size: 15px;

    padding-right: 7px

}



.btn_1:hover {

    color: #fff;

    background-color: #884ffb;

    box-shadow: 0 3px 11px rgba(136, 79, 251, .4)

}



.btn_1.light {

    background-color: rgba(46, 71, 101, .1);

    border: 1px solid transparent;

    color: #2e4765

}



.btn_1.green {

    background-color: rgba(46, 201, 184, .1);

    border: 1px solid transparent;

    color: #2ec9b8

}



.btn_1.orange_btn {

    background: #2d1967;

    font-size: 16px;

    border: 0;

    font-weight: 400;

    padding: 22px 29px

}



.btn_1.orange_btn:hover {

    background: #2d1967;

    color: #fff

}



.btn_1.sm {

    font-size: 12px;

    padding: 6px 15px

}



.btn_1.big_btn {

    padding: 11px 36px

}



.btn_1.form_big_btn_1 {

    padding: 16px 62px !important

}



@media(max-width:575.98px) {

    .btn_1.form_big_btn_1 {

        padding: 16px 30px !important

    }

}



.btn_1.big_btn2 {

    padding: 11px 37px

}



.btn_1.radius_btn {

    border-radius: 4px;

    font-size: 14px;

    color: #fff;

    font-weight: 400;

    background: #5b6ce1;

    padding: 8px 10px

}



.btn_1.radius_btn:hover {

    color: #fff;

    background-color: #5b6ce1;

    box-shadow: 0 3px 6px #cbd1ff

}



.Euro_btn {

    background-color: #f5f6ff;

    color: #fff;

    display: inline-block;

    padding: 11px 43px;

    text-transform: capitalize;

    line-height: 16px;

    font-size: 23px;

    font-weight: 700;

    border-radius: 5px;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

    color: #9267ff

}



.Euro_btn:hover {

    background-color: #9267ff;

    color: #000

}



.btn_2 {

    color: #f65365;

    border: 1px solid #f65365;

    display: inline-block;

    padding: 11px 23px;

    text-transform: capitalize;

    line-height: 16px;

    font-size: 13px;

    font-weight: 500;

    border-radius: 5px;

    background-color: transparent;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s

}



.btn_2:hover {

    background-color: #f65365;

    border: 1px solid #f65365;

    color: #fff

}



.btn_3 {

    color: #474d58;

    border: 1px solid #e4e8ec;

    display: inline-block;

    padding: 11px 27px;

    text-transform: capitalize;

    line-height: 16px;

    font-size: 13px;

    font-weight: 500;

    border-radius: 5px;

    background-color: #fff;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s

}



.btn_3.border_color_1 {

    border: 1px solid #eee1e2

}



.btn_3:hover {

    background-color: #2e4765;

    border: 1px solid #2e4765;

    color: #fff

}



.btn_4 {

    display: inline-block;

    border: 1px solid #e4e8ec;

    border-radius: 5px;

    color: #7e7172;

    text-align: center;

    padding: 9px 15px;

    line-height: 20px;

    font-size: 13px;

    font-weight: 300;

    -webkit-transition: .5s;

    transition: .5s

}



.btn_4:hover {

    background-color: #2e4765;

    border: 1px solid #2e4765;

    color: #fff

}



.btn_5 {

    border: 1px solid #fff;

    display: inline-block;

    padding: 16px 26px !important;

    text-transform: capitalize;

    line-height: 16px;

    font-size: 13px;

    font-weight: 500;

    border-radius: 5px;

    background-color: #fff;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

    background: #fff !important;

    text-shadow: none !important;

    opacity: 1;

    color: #222

}



.btn_5:hover {

    background-color: #2e4765 !important;

    border: 1px solid #2e4765 !important;

    color: #fff;

    opacity: 1 !important

}



.btn_5.small_btn {

    padding: 11px 26px !important

}



@media(max-width:575.98px) {

    .btn_5.small_btn {

        padding: 11px 19px !important

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .btn_5.small_btn {

        padding: 11px 19px !important

    }

}



.btn_6 {

    color: #474d58;

    border: 1px solid #eee1e2;

    display: inline-block;

    padding: 11px 25px;

    text-transform: capitalize;

    line-height: 16px;

    font-size: 13px;

    font-weight: 500;

    border-radius: 5px;

    background-color: #fff;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s

}



.btn_6:hover {

    background-color: #2e4765;

    border: 1px solid #2e4765;

    color: #fff

}



.sm_btn {

    line-height: 15px;

    background-color: #fff;

    height: 34px;

    padding: 9px 20px;

    color: #212e40;

    width: 150px;

    text-transform: capitalize;

    border: 1px solid #eee1e2

}



.view_archive_btn {

    border: 1px solid #e4e8ec;

    color: #7e7172;

    padding: 16px 30px;

    display: inline-block;

    width: 100%;

    text-align: center;

    line-height: 16px;

    background-color: #fff;

    -webkit-transition: .5s;

    transition: .5s

}



.view_archive_btn i {

    margin-right: 15px

}



.view_archive_btn:hover {

    color: #2e4765;

    border: 1px solid #2e4765

}



.white_btn {

    display: inline-block;

    color: #7e7172;

    font-size: 12px;

    font-weight: 400;

    background: #fff;

    transition: .3s;

    padding: 6px 20px;

    border-radius: 3px

}



.white_btn:hover {

    background: #2d1967;

    color: #fff

}



.default_btn {

    display: inline-block;

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    background: #2d1967;

    transition: .3s;

    padding: 15px 25px;

    border-radius: 3px

}



.default_btn:hover {

    color: #fff

}



.close.white_btn2 {

    border: 1px solid #fff;

    display: inline-block;

    padding: 16px 26px !important;

    text-transform: capitalize;

    line-height: 16px;

    font-size: 13px;

    font-weight: 500;

    border-radius: 5px;

    background-color: #fff;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s;

    background: #fff !important;

    text-shadow: none !important;

    opacity: 1;

    color: #222;

    margin-right: 10px

}



.close.white_btn2:hover {

    background-color: #2e4765 !important;

    border: 1px solid #2e4765 !important;

    color: #fff;

    opacity: 1 !important

}



.white_btn3 {

    border: 1px solid #fff;

    display: inline-block;

    padding: 14px 30px !important;

    text-transform: capitalize;

    line-height: 16px;

    font-size: 13px;

    font-weight: 500;

    border-radius: 5px;

    background-color: #fff;

    white-space: nowrap;

    -webkit-transition: .3s;

    transition: .3s;

    background: #fff !important;

    text-shadow: none !important;

    opacity: 1;

    color: #101038;

    box-shadow: 0 3px 11px rgba(0, 0, 0, .17)

}



.white_btn3:hover {

    background-color: #884ffb !important;

    border: 1px solid #884ffb !important;

    color: #fff;

    opacity: 1 !important

}



.status_btn {

    display: inline-block;

    padding: 2px 15px;

    font-size: 11px;

    font-weight: 300;

    color: #fff !important;

    background: #565151;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    text-transform: capitalize;

    white-space: nowrap;

    min-width: 70px;

    text-align: center

}



.status_btn.yellow_btn {

    background: #ffba00

}



.status_btn:hover {

    color: #fff

}



.dropdown .dropdown-toggle.lms_drop_1 {

    background: #fff;

    padding: 4px 15px;

    border-radius: 3px;

    font-size: 12px;

    font-weight: 300;

    text-transform: capitalize;

    text-align: left;

    color: #7e7172;

    display: inline-block;

    width: 102px;

    border: 0;

    border: 1px solid #eee1e2;

    position: relative;

    transition: .3s

}



.dropdown .dropdown-toggle.lms_drop_1::after {

    content: "\f0d7";

    font-family: "font awesome 5 free";

    position: absolute;

    right: 0;

    top: 12px;

    color: #cec1c2;

    font-size: 12px;

    font-weight: 900;

    margin: 0;

    padding: 0;

    border: 0;

    border: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 14px

}



.dropdown .dropdown-toggle.lms_drop_1.lms_drop_2 {

    min-width: 140px

}



.dropdown.show .dropdown-toggle.lms_drop_1 {

    background: #2d1967;

    padding: 4px 15px;

    border-radius: 3px;

    font-size: 12px;

    font-weight: 300;

    text-transform: capitalize;

    text-align: left;

    color: #7e7172;

    display: inline-block;

    width: 102px;

    border: 0;

    color: #fff;

    border: 1px solid #2d1967

}



.dropdown.show .dropdown-toggle.lms_drop_1::after {

    content: "\f0d8"

}



.dropdown .dropdown-menu {

    border: 0;

    padding: 6px 0 10px;

    margin: 0;

    border-radius: 0 !important

}



.dropdown .dropdown-menu .dropdown-item {

    font-size: 16px;

    font-weight: 300;

    padding: 4px 20px;

    color: #242934

}



.dropdown .dropdown-menu .dropdown-item:hover {

    color: #fff !important;

    background: #5b6ce1

}



.dropdown .dropdown-menu.dropdown-menu-w140 {

    min-width: 140px

}



.white_btn_line {

    white-space: nowrap;

    height: 50px;

    background: 0 0;

    margin-left: 10px;

    font-size: 13px;

    font-weight: 500;

    text-transform: capitalize;

    border: 0;

    padding: 0 19px;

    border-radius: 3px;

    border: 1px solid #eee1e2;

    color: #7e7172;

    transition: .3s

}



.white_btn_line i {

    font-size: 13px;

    color: #7e7172;

    margin-right: 6px

}



.white_btn_line:hover {

    background: #2d1967;

    color: #fff;

    border: 1px solid #2d1967

}



.white_btn_line:hover i {

    color: #fff;

    transition: .3s

}



.white_btn_line2 {

    white-space: nowrap;

    height: 30px;

    background: 0 0;

    font-size: 12px;

    font-weight: 300;

    display: inline-block;

    text-transform: capitalize;

    border: 0;

    border: 1px solid #eee1e2;

    color: #7e7172;

    transition: .3s;

    border-radius: 30px;

    line-height: 28px;

    padding: 0 18px

}



.white_btn_line2:hover {

    background: #2d1967;

    color: #fff !important;

    border: 1px solid #2d1967

}



.white_btn_line2:hover i {

    color: #fff;

    transition: .3s

}



.theme_text_btn {

    font-size: 14px;

    color: #46d293;

    font-weight: 700

}



.theme_text_btn:hover {

    color: #46d293

}



table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child::before,

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child::before {

    z-index: 9;

    top: 50%;

    transform: translateY(-50%);

    content: "\e61a";

    font-family: themify;

    font-size: 8px;

    line-height: 14px;

    font-weight: 600;

    background-color: #fef1f2;

    box-shadow: 6px 6px 12px rgba(0, 0, 0, .08), -6px -6px 12px #fff

}



table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child::before,

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child::before {

    content: "\e622";

    box-shadow: inset 6px 6px 12px rgba(0, 0, 0, .08), inset -6px -6px 12px #fff

}



.CRM_dropdown.dropdown .dropdown-toggle {

    background: 0 0;

    color: #415094;

    font-size: 13px;

    font-weight: 500;

    border: 1px solid #7c32ff;

    border-radius: 32px;

    padding: 5px 20px;

    text-transform: uppercase;

    overflow: hidden;

    transition: .3s

}



.CRM_dropdown.dropdown .dropdown-toggle:after {

    content: "\e62a";

    font-family: themify;

    border: none;

    border-top-color: currentcolor;

    border-top-style: none;

    border-top-width: medium;

    border-top: 0;

    font-size: 10px;

    position: relative;

    top: 3px;

    left: 0;

    font-weight: 600;

    transition: .3s

}



.CRM_dropdown.dropdown .dropdown-toggle:hover,

.CRM_dropdown.dropdown .dropdown-toggle:focus {

    color: #fff;

    border: 1px solid transparent;

    box-shadow: none

}



.CRM_dropdown.dropdown .dropdown-menu {

    border-radius: 5px 5px 10px 10px;

    border: 0;

    padding: 15px 0;

    box-shadow: 0 10px 20px rgba(108, 39, 255, .3)

}



.CRM_dropdown.dropdown .dropdown-menu .dropdown-item {

    color: #828bb2;

    text-align: right;

    font-size: 12px;

    padding: 4px 1.5rem;

    text-transform: uppercase;

    cursor: pointer

}



.CRM_dropdown.dropdown .dropdown-menu .dropdown-item:hover {

    color: #2e4765

}



.dropdown-menu.option_width_8 {

    min-width: 150px

}



.action_btn {

    width: 32px;

    height: 32px;

    border-radius: 6px;

    background: 0 0;

    line-height: 30px;

    text-align: center;

    color: #67349d;

    font-size: 14px;

    transition: .3s;

    font-weight: 700;

    display: inline-block;

    flex: 32px 0 0

}

.action_btn_new {

    width: 32px;

    height: 32px;

    border-radius: 6px;

    background: 0 0;

    line-height: 30px;

    text-align: center;

    color: #f45b0f;

    font-size: 15px;

    transition: .3s;

    display: inline-block;

    flex: 32px 0 0;

}



.action_btn:hover {

    background: #67349d;

    color: #fff;

    box-shadow: 0 5px 10px rgba(136, 79, 251, .26)

}



.color_button {

    background-color: #8950fc;

    border: 0;

    color: #fff;

    display: inline-block;

    padding: 13px 25px;

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 600;

    border-radius: 8px;

    white-space: nowrap;

    -webkit-transition: .5s;

    transition: .5s

}



.color_button.color_button2 {

    background: #9afdd2;

    color: #313131

}



.color_button.color_button2:hover {

    background: #9afdd2;

    color: #313131

}



.color_button.color_button3 {

    background: #ffca60;

    color: #313131

}



.color_button.color_button3:hover {

    background: #ffca60;

    color: #313131

}



.color_button:hover {

    background-color: #8950fc;

    color: #fff

}



.export_btn {

    background: #ff7a88;

    font-size: 16px;

    font-weight: 400;

    color: #fff;

    border-radius: 4px;

    padding: 10px 30px;

    display: inline-block;

    border: 0

}



.export_btn:focus {

    outline: none

}



.header_iner {

    position: fixed;

    top: 0;

    z-index: 99;

    padding: 20px 30px;

    position: relative;

    border-radius: 0;

    margin: 0;

    background: #f6f7fb;

    border-radius: 0;

    margin: 0;

    border-radius: 0;

    border-bottom: 2px solid #e8e8e8

}



.header_iner.default_header {

    background: #f65365;

    border-radius: 0

}



@media(max-width:575.98px) {

    .header_iner {

        justify-content: flex-end !important

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .header_iner {

        justify-content: flex-end !important

    }

}



@media(max-width:991px) {

    .header_iner {

        padding: 20px;

        margin: 0

    }

}



@media(max-width:575.98px) {

    .header_iner {

        margin: 0

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .header_iner {

        margin: 0

    }

}



.header_iner .page_tittle h3 {

    font-size: 18px;

    font-weight: 500;

    text-transform: capitalize;

    color: #222;

    margin-bottom: 2px

}



@media(max-width:991px) {

    .header_iner .page_tittle h3 {

        margin-right: 15px

    }

}



.header_iner .page_tittle .page_subtitle {

    font-size: 12px;

    font-weight: 300;

    color: #7e7172;

    margin-bottom: 0

}



.header_iner .page_tittle .page_subtitle .page_subtitle_inenr {

    color: #7e7172

}



.header_iner .page_tittle .page_subtitle .page_subtitle_inenr.active_subcat {

    color: #fe1724;

    white-space: nowrap

}



.header_iner .page_tittle .page_subtitle .page_subtitle_inenr i {

    margin-left: 10px;

    margin-right: 7px;

    font-size: 12px

}



.header_iner .page_tittle .page_subtitle .page_subtitle_inenr svg {

    position: relative;

    margin: 0 7px 0 10px;

    top: -1px

}



@media(max-width:575.98px) {

    .header_iner .page_tittle .page_subtitle .page_subtitle_inenr svg {

        margin: 0 2px

    }

}



.header_iner .btn_1 {

    margin: 0 30px

}



@media(max-width:991px) {

    .header_iner .notification {

        margin: 0 10px

    }

}



.header_iner .notification i {

    color: #707070;

    position: relative;

    font-size: 20px

}



.header_iner .notification i:after {

    position: absolute;

    content: "";

    right: -1px;

    top: 0;

    height: 9px;

    width: 9px;

    background-color: #2e4765;

    border-radius: 50%

}



.header_iner .serach_field-area {

    margin-right: auto;

    margin-left: 40px;

    width: 268px

}



@media(max-width:767.98px) {

    .header_iner .serach_field-area {

        display: none !important

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .header_iner .serach_field-area {

        width: auto;

        left: 40px

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .header_iner .serach_field-area {

        width: auto;

        margin-right: 70px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .header_iner .serach_field-area {

        width: auto;

        margin-right: 70px

    }

}



.header_iner .header_right .header_notification_warp {

    margin-right: 50px;

    margin-left: 40px

}



@media(max-width:575.98px) {

    .header_iner .header_right .header_notification_warp {

        margin-right: 25px;

        margin-left: 20px

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .header_iner .header_right .header_notification_warp {

        margin-right: 35px;

        margin-left: 25px

    }

}



.header_iner .header_right .header_notification_warp li {

    display: inline-block;

    position: relative

}



.header_iner .header_right .header_notification_warp li .serach_button {

    width: 32px;

    height: 32px;

    background: #884ffb;

    border-radius: 50%;

    text-align: center;

    line-height: 32px;

    cursor: pointer;

    margin-right: 20px;

    position: relative

}



.header_iner .header_right .header_notification_warp li .serach_button i {

    color: #fff;

    font-size: 16px;

    line-height: 32px

}



.header_iner .header_right .header_notification_warp li .serach_button .serach_field-area {

    position: absolute;

    right: 0;

    top: 0;

    top: 0;

    background: #fff;

    border-radius: 10px;

    opacity: 0;

    transition: .3s;

    visibility: hidden;

    right: 50px;

    top: -4px

}



.header_iner .header_right .header_notification_warp li .serach_button .serach_field-area.active {

    opacity: 1;

    visibility: visible

}



.header_iner .header_right .header_notification_warp li .serach_button .serach_field-area i {

    color: rgba(137, 80, 252, .7)

}



.header_iner .header_right .header_notification_warp li .serach_button .serach_field-area input {

    border-radius: 10px

}



.header_iner .header_right .header_notification_warp li:last-child a {

    margin-right: 0

}



.header_iner .header_right .header_notification_warp li>a {

    position: relative;

    margin-right: 29px

}



.header_iner .header_right .header_notification_warp li>a img {

    width: 17px

}



.header_iner .header_right .header_notification_warp li>a span {

    position: absolute;

    width: 22px;

    height: 22px;

    text-align: center;

    color: #fff;

    display: inline-block;

    background: #fff;

    font-size: 11px;

    border-radius: 50%;

    right: -12px;

    top: -12px;

    background: #f45b0f;

    line-height: 22px

}



@media(max-width:575.98px) {

    .header_iner .header_right .select_style {

        display: none !important

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .header_iner .header_right .select_style {

        display: none !important

    }

}



.header_iner .nice_Select {

    color: #929bb5

}



.profile_info {

    position: relative

}



.profile_info img {

    max-width: 42px;

    max-height: 42px;

    border-radius: 50%;

    border: 2px solid #94c0d4;

    cursor: pointer

}



@media(max-width:991px) {

    .profile_info img {

        max-width: 30px

    }

}



.profile_info .profile_info_iner {

    position: absolute;

    right: 0;

    background-color: #fff;

    text-align: left;

    width: 215px;

    padding: 0;

    opacity: 0;

    visibility: hidden;

    top: 77px;

    -webkit-transition: .5s;

    transition: .5s;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px

}



.profile_info .profile_info_iner::before {

    position: absolute;

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    top: -10px;

    right: 15px;

    border-width: 0 11px 12px;

    border-color: transparent transparent #567aed transparent;

    z-index: 2

}



.profile_info .profile_info_iner .profile_author_name {

    padding: 20px 25px;

    background: #567aed;

    border-radius: 10px 15px 0 0

}



.profile_info .profile_info_iner a {

    display: block

}



.profile_info .profile_info_iner p {

    font-size: 16px;

    font-weight: 400;

    color: #fff

}



.profile_info .profile_info_iner h5 {

    font-size: 20px;

    color: #fff;

    font-weight: 600

}



.profile_info:hover .profile_info_iner {

    opacity: 1;

    visibility: visible;

    top: 77px

}



.profile_info .profile_info_details {

    padding: 20px 25px

}



.profile_info .profile_info_details a {

    color: #2e4765;

    font-size: 14px;

    display: block;

    padding: 10px 0;

    font-weight: 400

}



.profile_info .profile_info_details a:hover {

    color: #2e4765

}



.profile_info .profile_info_details a:hover i {

    color: #2e4765

}



.profile_info .profile_info_details i {

    color: #2e4765;

    font-size: 12px;

    margin-left: 20px;

    -webkit-transition: .5s;

    transition: .5s

}



.sidebar_icon {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    right: auto;

    left: 20px

}



@media(max-width:575.98px) {

    .sidebar_icon {

        right: auto;

        left: 20px

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .sidebar_icon {

        right: auto;

        left: 20px

    }

}



.sidebar_icon i {

    font-size: 20px;

    color: #000

}



.serach_field-area {

    width: 268px;

    position: relative;

    background: #fff;

    border-radius: 6px

}



.serach_field-area.theme_bg {

    background: #f6f7fb

}



.serach_field-area.theme_bg input {

    background: 0 0 !important

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .serach_field-area {

        width: 268px

    }

}



.serach_field-area .search_inner {

    width: 100%

}



.serach_field-area .search_inner input {

    color: #86898e;

    font-size: 11px;

    height: 36px;

    width: 100%;

    padding-left: 12px;

    border: 0;

    padding-right: 6px;

    background: #fff;

    border-radius: 6px;

    border: 0;

    font-weight: 400;

    padding: 12px

}



.serach_field-area .search_inner input::placeholder {

    font-size: 11px;

    font-weight: 400;

    color: #86898e;

    font-family: mulish, sans-serif

}



.serach_field-area .search_inner input:focus {

    outline: none

}



.serach_field-area .search_inner button {

    position: absolute;

    top: 2px;

    right: 2px;

    height: 100%;

    background: 0 0;

    border: 0;

    width: 32px;

    height: 32px;

    background: #f45b0f;

    line-height: 32px;

    border-radius: 4px

}



.serach_field-area .search_inner button img {

    position: relative;

    top: -2px

}



.serach_field-area .search_inner button i {

    font-size: 14px;

    color: #818e94

}



.serach_field-area2 {

    width: 480px;

    position: relative

}



@media(max-width:991px) {

    .serach_field-area2 {

        width: auto

    }

}



.serach_field-area2 .search_inner input {

    color: #000;

    font-size: 17px;

    height: 55px;

    width: 100%;

    padding-left: 82px;

    border: 0;

    padding-right: 15px;

    border-bottom: 1px solid #f4f7fc;

    background: #f5f7fd;

    border-radius: 30px

}



.serach_field-area2 .search_inner input::placeholder {

    font-size: 16px;

    font-weight: 400;

    color: #818e94;

    font-family: mulish, sans-serif

}



.serach_field-area2 .search_inner input:focus {

    outline: none

}



.serach_field-area2 .search_inner button {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    background: 0 0;

    font-size: 12px;

    border: 0;

    padding-left: 40px;

    padding-right: 11px

}



.serach_field-area2 .search_inner button i {

    font-size: 14px;

    color: #818e94

}



.serach_field_2 {

    width: 195px;

    position: relative;

    margin-right: 0

}



@media(max-width:575.98px) {

    .serach_field_2 {

        width: 100%

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .serach_field_2 {

        width: 190px

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .serach_field_2 {

        width: 230px

    }

}



@media(min-width:992px) and (max-width:1199.98px) {

    .serach_field_2 {

        width: 300px

    }

}



.serach_field_2 .search_inner input {

    color: #000;

    font-size: 13px;

    height: 40px;

    width: 100%;

    border-radius: 5px;

    padding-left: 55px;

    border: 1px solid #2d1967;

    padding-right: 15px

}



.serach_field_2 .search_inner input::placeholder {

    font-size: 13px;

    font-weight: 300;

    color: #7e7172

}



.serach_field_2 .search_inner input:focus {

    outline: none

}



.serach_field_2 .search_inner button {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    background: 0 0;

    font-size: 12px;

    border: 0;

    padding-left: 19px;

    padding-right: 11px

}



.serach_field_2 .search_inner button i {

    font-size: 12px;

    color: #2d1967

}



.serach_field_2 .search_inner button::before {

    position: absolute;

    width: 1px;

    height: 24px;

    content: '';

    background: #2d1967;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 0

}



table.dataTable {

    width: 100% !important;

    margin: 0 auto;

    clear: both;

    border-collapse: separate;

    border-spacing: 0

}



.table td,

.table th {

    padding: .75rem;

    vertical-align: top;

    border-top: 0 !important

}



#calendar {

    width: 100%;

    height: 800px

}



.fc-day-grid-event .fc-content {

    white-space: nowrap;

    overflow: hidden;

    height: 25px;

    line-height: 25px;

    padding: 0 10px;

    color: #fff;

    font-size: 12px;

    text-transform: capitalize;

    font-weight: 700

}



.sidebar {

    height: 100vh;

    left: 0;

    top: 0;

    z-index: 99;

    padding-bottom: 50px;

    position: fixed;

    width: 270px;

    z-index: 999;

    overflow: hidden;

    overflow-y: auto;

    background: #fff;

    box-shadow: 0 12px 30px rgba(80, 143, 244, .1);

    transition: .3s

}



.sidebar .small_logo {

    display: none

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .sidebar.hide_vertical_menu {

        left: -20%

    }

}



@media(min-width:1201px) {

    .sidebar.hide_vertical_menu {

        left: -270px

    }

}



@media(max-width:991px) {

    .sidebar {

        left: -280px;

        -webkit-transition: .5s;

        transition: .5s;

        top: 0;

        width: 280px;

        background: #fff

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .sidebar {

        width: 20%

    }

}



.sidebar .logo {

    margin: 0;

    background: #f3f6f9;

    padding: 24px;

    margin-bottom: 20px

}



.sidebar .logo .large_logo img {

    width: 100%

}



@media(max-width:991px) {

    .sidebar .logo {

        padding: 30px

    }

}



.sidebar .menu-text {

    font-size: 12px;

    color: #b1bdcb;

    font-weight: 600;

    margin: 0;

    padding: 12px 0 12px 24px;

    text-transform: uppercase

}



.sidebar .menu-text i {

    display: none

}



.sidebar .single_sidebar_tittle i {

    font-size: 18px;

    margin-right: 12px;

    color: #f8dbdd;

    -webkit-transition: .5s;

    transition: .5s

}



.sidebar .single_sidebar_tittle a {

    display: block;

    font-size: 14px;

    font-weight: 500;

    color: #222;

    padding: 10px 25px 10px 40px;

    width: 100%;

    display: flex;

    align-items: center;

    transition: .3s;

    position: relative;

    z-index: 0;

    border-top: 1px solid transparent;

    background: 0 0

}



.sidebar .single_sidebar_tittle a::before {

    position: absolute;

    right: 0;

    background: #2e4765;

    width: 0;

    top: 0;

    bottom: 0;

    content: '';

    opacity: 0;

    transition: .3s;

    right: 0;

    visibility: hidden

}



.sidebar .single_sidebar_tittle a.current_active i {

    color: #2e4765

}



.sidebar .single_sidebar_tittle a.current_active::before {

    opacity: 1;

    width: 3px;

    visibility: visible

}



.sidebar .single_sidebar_tittle a:hover::before {

    opacity: 1;

    right: 0;

    visibility: visible;

    width: 3px

}



.sidebar .single_sidebar_tittle a.normal_title {

    padding: 28px 25px 18px 40px;

    background: #fff7f8;

    border-top: 1px solid #eee1e2

}



.sidebar .single_sidebar_tittle a.normal_title:after {

    position: absolute;

    right: 40px;

    top: 55%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    content: "\f0d8";

    font-family: "font awesome 5 free";

    color: #cec1c2;

    font-weight: 600;

    font-size: 14px

}



.sidebar .single_sidebar_tittle a.normal_title.collapsed {

    padding: 10px 25px 10px 40px;

    background: #fff;

    border-top: 1px solid transparent

}



.sidebar .single_sidebar_tittle a.normal_title.collapsed:after {

    position: absolute;

    right: 40px;

    top: 50%;

    transform: translateY(-50%);

    content: "\f0d7";

    font-family: "font awesome 5 free";

    color: #cec1c2;

    font-weight: 600;

    font-size: 14px

}



.sidebar .single_sidebar_tittle:hover {

    background-color: #192434

}



.sidebar .single_sidebar_tittle:hover i {

    color: #2e4765

}



.sidebar .single_menu_item {

    padding-left: 36px;

    margin: 6px 0;

    line-height: 21px

}



.sidebar .single_menu_item:hover {

    padding-left: 55px !important

}



.sidebar .sidebar_iner ul li {

    list-style: none

}



.sidebar .sidebar_iner ul li .submenu {

    background: #fff7f8;

    padding: 0 0 0 70px !important;

    border-bottom: 1px solid #eee1e2

}



.sidebar .sidebar_iner ul li .submenu li a {

    font-size: 13px;

    line-height: 36px;

    color: #7e7172;

    font-weight: 400

}



.sidebar .sidebar_iner ul li .submenu li:last-child {

    padding-bottom: 18px

}



@media(max-width:991px) {

    .active_sidebar {

        left: 0;

        box-shadow: 0 5px 20px rgba(0, 0, 0, .2)

    }

}



.sidebar_close_icon i {

    width: 40px;

    height: 40px;

    display: inline-block;

    text-align: center;

    line-height: 40px;

    position: absolute;

    right: 30px;

    font-size: 25px;

    top: 29px;

    cursor: pointer;

    color: #222

}



.sidebar_widget .white_box {

    padding: 30px

}



@media(max-width:991px) {

    .sidebar_widget .white_box {

        padding: 25px 15px

    }

}



@media only screen and (min-width:1200px) and (max-width:1439px) {

    .sidebar_widget .white_box {

        padding: 15px

    }

}



@media only screen and (min-width:1440px) and (max-width:1679px) {

    .sidebar_widget .white_box {

        padding: 25px 15px

    }

}



.sidebar_widget .white_box .btn_2 {

    margin-top: 25px;

    width: 100%;

    text-align: center;

    padding: 16px 25px

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .sidebar_widget .white_box .btn_2 {

        padding: 12px 7px

    }

}



@media only screen and (min-width:1200px) and (max-width:1439px) {

    .sidebar_widget .white_box .btn_1 {

        padding: 8px 10px;

        font-size: 11px

    }

}



.sidebar_widget .date_range {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 6px 0 18px

}



.sidebar_widget .date_range .btn_3 {

    border-radius: 5px;

    font-size: 13px;

    font-weight: 300

}



.sidebar_widget .date_range i {

    display: none

}



.sidebar_widget .date_range .start_date,

.sidebar_widget .date_range .end_date {

    width: 115px

}



.sidebar_widget .date_range .start_date input,

.sidebar_widget .date_range .end_date input {

    width: 100%;

    border: 1px solid #e4e8ec;

    color: #7e7172;

    font-size: 13px;

    padding: 11px 20px;

    border-radius: 5px;

    font-weight: 300

}



.sidebar_widget .date_range .start_date ::placeholder,

.sidebar_widget .date_range .end_date ::placeholder {

    color: #7e7172

}



.sidebar #sidebar_menu>li {

    margin-left: 0

}



.sidebar #sidebar_menu>li a {

    font-size: 15px;

    font-weight: 400;

    color: #144339;

    padding: 0 25px 0 0;

    background: #fff;

    transition: .3s;

    position: relative;

    z-index: 0;

    display: grid;

    grid-template-columns: 34px auto;

    grid-gap: 15px;

    align-items: center;

    position: relative;

    background: 0 0;

    color: #8890b5;

    font-family: mulish, sans-serif;

    padding: 10px 10px 10px 26px;

    background: #fff;

    border-radius: 0 30px 30px 0;

    border-radius: 15px

}



.sidebar #sidebar_menu>li a:hover {

    color: #f65365 !important;

    background: #f6f7fb

}



.sidebar #sidebar_menu>li a.active {

    color: #f65365;

    background: #f8fafc;

    border-radius: 15px

}



.sidebar #sidebar_menu>li a::after {

    color: #fff;

    transform: rotate(-90deg) translate(0, -50%);

    opacity: 1;

    font-size: 10px;

    right: 15px;

    color: #a1a4b9

}



.sidebar #sidebar_menu>li a i {

    font-size: 15px;

    margin-right: 12px;

    color: #a5adc6;

    -webkit-transition: .5s;

    transition: .5s

}



.sidebar #sidebar_menu>li a:hover::before {

    width: 6px;

    opacity: 1;

    visibility: visible

}



.sidebar #sidebar_menu>li>a {

    color: #144339

}



.sidebar #sidebar_menu>li.mm-active>a {

    background: #fff;

    border-radius: 30px;

    color: #144339;

    border-radius: 4px 4px 0 0;

    background: 0 0

}



.sidebar #sidebar_menu>li.mm-active>a::after {

    color: #8890b5;

    transform: rotate(0deg) translate(0, -50%);

    opacity: 1;

    font-size: 10px;

    right: 15px

}



.sidebar #sidebar_menu>li.mm-active.metis_dropmenu>a {

    padding-top: 29px;

    padding-bottom: 30px;

    color: #a5adc6

}



.sidebar #sidebar_menu>li.mm-active>a i {

    color: #a5adc6

}



.sidebar #sidebar_menu>li.mm-active>a::before {

    opacity: 1;

    width: 6px;

    visibility: visible

}



.sidebar #sidebar_menu>li ul {

    padding: 0 0 5px 40px;

    background: 0 0;

    border-radius: 0 0 4px 4px;

    margin-left: 30px;

    background: #fff

}



.sidebar #sidebar_menu>li ul li:last-child a {

    padding-bottom: 30px

}



.sidebar #sidebar_menu>li ul li a {

    font-size: 14px;

    color: #8890b5;

    font-weight: 400;

    padding: 0;

    white-space: nowrap;

    padding: 0;

    padding: 10px 0 10px 8px !important;

    margin-top: 0;

    margin-left: 0;

    text-transform: capitalize

}



.sidebar #sidebar_menu>li ul li a::before {

    display: none

}



.sidebar #sidebar_menu>li ul li a.active {

    color: #f65365 !important

}



.sidebar #sidebar_menu>li ul li ul {

    padding-left: 5px

}



.admin_profile_Wrap {

    margin-bottom: 30px

}



.admin_profile_Wrap ul li {

    background: #fff7f8;

    border-top: 1px solid #eee1e2;

    border-bottom: 1px solid #eee1e2;

    padding: 30px 0 30px 30px

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .admin_profile_Wrap ul li {

        padding: 30px 0 30px 20px

    }

}



.admin_profile_Wrap ul li a {

    display: block

}



.admin_profile_Wrap ul li a .admin_profile_inner .thumb img {

    width: 50px;

    height: 50px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%

}



.admin_profile_Wrap ul li a .admin_profile_inner .welcome_rext {

    margin-left: 15px

}



.admin_profile_Wrap ul li a .admin_profile_inner .welcome_rext h5 {

    font-size: 14px;

    font-weight: 500;

    color: #222;

    margin-bottom: 1px;

    white-space: nowrap

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .admin_profile_Wrap ul li a .admin_profile_inner .welcome_rext h5 {

        font-size: 12px

    }

}



.admin_profile_Wrap ul li a .admin_profile_inner .welcome_rext span {

    display: block;

    font-size: 12px;

    color: #7e7172;

    font-weight: 300;

    white-space: nowrap

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .admin_profile_Wrap ul li a .admin_profile_inner .welcome_rext span {

        font-size: 11px

    }

}



.admin_profile_Wrap ul li ul {

    padding-left: 70px

}



.admin_profile_Wrap ul li ul li {

    padding: 0;

    border: 0

}



.admin_profile_Wrap ul li ul li a {

    font-size: 13px;

    color: #7e7172;

    font-weight: 400;

    padding-bottom: 17px

}



.admin_profile_Wrap ul li ul li:last-child a {

    padding-bottom: 0

}



.admin_profile_Wrap ul li ul li:first-child a {

    margin-top: 29px

}



.admin_profile_Wrap .metismenu .has-arrow::after {

    top: 38%

}



.sidebar::-webkit-scrollbar-track,

body::-webkit-scrollbar-track {

    background-color: #ddd

}



.sidebar::-webkit-scrollbar,

body::-webkit-scrollbar {

    width: 6px;

    background-color: #ddd

}



.sidebar::-webkit-scrollbar-thumb,

body::-webkit-scrollbar-thumb {

    background-color: #f8dbdd

}



body::-webkit-scrollbar {

    width: 8px

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .metismenu .has-arrow::after {

        right: 25px

    }

}



.sidebar #sidebar_menu li a img {

    width: 17px;

    height: auto

}



.sidebar #sidebar_menu li a .icon_menu {

    width: 34px;

    height: 34px;

    text-align: center;

    line-height: 32px

}



.sidebar.dark_sidebar {

    background: #1e1e2d

}



.sidebar.dark_sidebar .logo {

    background: 0 0

}



.sidebar.dark_sidebar #sidebar_menu>li ul {

    background: #1e1e2d

}



.sidebar.dark_sidebar #sidebar_menu>li.mm-active>a {

    background: #1e1e2d

}



.sidebar.dark_sidebar #sidebar_menu>li>a {

    color: #fff;

    background: 0 0

}



.sidebar.dark_sidebar #sidebar_menu>li ul li a.active {

    background: 0 0;

    color: #f65365 !important

}



.sidebar.dark_sidebar #sidebar_menu>li ul li a {

    color: #fff;

    background: 0 0

}



.sidebar.dark_sidebar #sidebar_menu>li {

    margin-left: 0;

    margin-right: 20px

}



.sidebar.dark_sidebar #sidebar_menu>li a::after {

    color: #fff

}



.body_content {

    display: flex

}



.main-title h3 {

    font-family: mulish, sans-serif;

    font-weight: 700;

    font-size: 18px;

    color: #474d58

}



.main-title span {

    font-size: 12px;

    font-weight: 400;

    color: #757575;

    display: block;

    margin-top: 6px

}



.box_header {

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

    align-items: center

}



@media(max-width:575.98px) {

    .box_header.box_header_block {

        flex-direction: column;

        align-items: flex-start !important

    }

}



@media(max-width:575.98px) {

    .box_header.box_header_block .main-title {

        margin-bottom: 15px

    }

}



.box_header .title_info p {

    font-size: 12px;

    font-weight: 400;

    margin-bottom: 0;

    color: #a3a0fb

}



.legend_style li {

    display: inline-block;

    font-size: 13px;

    font-weight: 400;

    text-transform: capitalize;

    margin-right: 10px

}



.legend_style li span {

    display: inline-block;

    width: 9px;

    height: 9px;

    border-radius: 50%;

    background: #4400eb;

    margin-right: 4px

}



.legend_style li.inactive {

    opacity: .29

}



.title_btn {

    margin-bottom: 20px

}



.title_btn ul li {

    display: inline-block

}



.title_btn ul li a {

    display: inline-block;

    padding: 4px;

    background: #fff;

    font-size: 11px;

    text-transform: capitalize;

    color: #706f9a;

    border-radius: 5px;

    line-height: 25px;

    padding: 0 10px;

    transition: .3s

}



.title_btn ul li a:hover {

    background: #a66dd4;

    color: #fff

}



.title_btn ul li a.active {

    background: #a66dd4;

    color: #fff

}



.radial_footer .radial_footer_inner .left_footer {

    padding-left: 10px;

    margin-bottom: 20px

}



.radial_footer .radial_footer_inner .left_footer h5 {

    font-size: 13px;

    color: #43425d;

    font-weight: 500;

    margin-bottom: 0;

    position: relative

}



.radial_footer .radial_footer_inner .left_footer h5 span {

    width: 9px;

    height: 9px;

    border-radius: 50%;

    background: #a4a1fb;

    display: inline-block;

    position: absolute;

    left: -15px;

    top: 6px

}



.radial_footer .radial_footer_inner .left_footer p {

    font-size: 12px;

    color: #4d4f5c;

    opacity: .5;

    font-weight: 400;

    margin-bottom: 0

}



.radial_footer .radial_bottom {

    border-top: 1px solid #efefef;

    text-align: center;

    padding-top: 15px;

    margin-top: 4px

}



.radial_footer .radial_bottom p a {

    font-size: 12px;

    color: #3b86ff;

    font-weight: 600

}



.blud_card {

    background: #4567ee !important;

    background-repeat: no-repeat;

    background-position: bottom

}



.blud_card p {

    color: #bcd3ff;

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 20px;

    margin-top: 10px

}



.blud_card img {

    width: 100%

}



.single_user_pil {

    background: #f5f5ff;

    padding: 10px 20px;

    border-radius: 15px;

    transition: .3s;

    margin-bottom: 15px

}



.single_user_pil.admin_bg {

    background: #f5fdff

}



.single_user_pil:hover {

    background: #f5fdff

}



.single_user_pil .user_pils_thumb img {

    border: 1px solid #94c0d4

}



.single_user_pil .user_info {

    font-size: 14px;

    font-weight: 400;

    color: #b5bacd

}



.min_height_oveflow {

    height: 370px;

    overflow-x: hidden;

    overflow-y: auto

}



.main_content {

    padding-left: 270px;

    width: 100%;

    padding-top: 0 !important;

    transition: .5s;

    position: relative;

    min-height: 100vh;

    padding-bottom: 70px;

    overflow: hidden;

    background-color: #f6f7fb

}



.main_content1 {

    width: 100%;

    padding-top: 0 !important;

    transition: .5s;

    position: relative;

    min-height: 100vh;

    padding-bottom: 70px;

    overflow: hidden

}

.main_content.full_main_content {

    padding-left: 136px

}



.main_content.main_content_padding_hide {

    padding-left: 0;

    padding-top: 100px !important

}



@media(max-width:991px) {

    .main_content {

        padding: 90px 0 100px

    }

}



@media(max-width:575.98px) {

    .main_content {

        padding: 120px 0 100px

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .main_content {

        padding: 120px 0 100px

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .main_content {

        padding: 120px 0 100px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .main_content {

        padding-left: 20%

    }

}



.main_content.default_content .main_content_iner {

    margin: 0;

    border-radius: 0

}



.main_content .main_content_iner {

    min-height: 68vh;

    transition: .5s;

    position: relative;

    background: #f6f7fb;

    margin: 0;

    z-index: 22;

    border-radius: 0;

    padding: 30px

}



.main_content .main_content_iner.default_main_contaner_iner {

    background: #fff

}



.main_content .main_content_iner.default_main_contaner_iner::before {

    display: none

}



@media(max-width:991px) {

    .main_content .main_content_iner {

        margin: 0;

        padding: 15px

    }

}



@media(min-width:1200px) and (max-width:1500px) {

    .main_content .main_content_iner.main_content_iner_padding {

        padding: 0 30px

    }

}



@media only screen and (min-width:1440px) and (max-width:1679px) {

    .main_content .main_content_iner.main_content_iner_padding {

        padding: 0 60px

    }

}



@media(min-width:1680px) {

    .main_content .main_content_iner.main_content_iner_padding {

        padding: 0 135px

    }

}



@media(max-width:575.98px) {

    .main_content .main_content_iner {

        margin-bottom: 20px

    }

}



.address_book_hint p {

    font-size: 14px;

    line-height: 26px;

    margin-bottom: 8px

}



.single_element h4 {

    margin-bottom: 30px

}



.single_element .quick_activity_wrap {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 30px;

    margin-bottom: 30px

}



@media(max-width:575.98px) {

    .single_element .quick_activity_wrap {

        grid-template-columns: repeat(1, 1fr);

        grid-gap: 15px;

        margin-bottom: 30px

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .single_element .quick_activity_wrap {

        grid-template-columns: repeat(2, 1fr);

        grid-gap: 15px;

        margin-bottom: 30px

    }

}



@media(min-width:768px) and (max-width:991.98px) {

    .single_element .quick_activity_wrap {

        grid-template-columns: repeat(2, 1fr);

        grid-gap: 15px;

        margin-bottom: 30px

    }

}



@media(min-width:992px) and (max-width:1199.98px) {

    .single_element .quick_activity_wrap {

        grid-template-columns: repeat(2, 1fr);

        margin-bottom: 30px

    }

}



@media(min-width:1200px) and (max-width:1500px) {

    .single_element .quick_activity_wrap {

        grid-template-columns: repeat(2, 1fr)

    }

}



.single_element .single_quick_activity {

    background-color: #fff;

    border-radius: 10px;

    -webkit-transition: .5s;

    transition: .5s;

    padding: 20px;

    position: relative

}



.single_element .single_quick_activity .notification_btn {

    position: absolute;

    right: 22px;

    top: 32px

}



@media(max-width:575.98px) {

    .single_element .single_quick_activity {

        padding: 20px 15px

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .single_element .single_quick_activity {

        padding: 20px 15px

    }

}



.single_element .single_quick_activity .count_content {

    position: relative;

    z-index: 9;

    margin-bottom: 40px

}



.single_element .single_quick_activity .count_content .blue_color {

    color: #20b1b9 !important

}



.single_element .single_quick_activity .count_content .red_color {

    color: #ff4409 !important

}



.single_element .single_quick_activity .count_content .deep_blue {

    color: #016dd8 !important

}



.single_element .single_quick_activity .count_content .green_color {

    color: #01d874 !important

}



.single_element .single_quick_activity h3 {

    font-size: 28px;

    margin-bottom: 0;

    font-weight: 700;

    -webkit-transition: .5s;

    transition: .5s;

    color: #474d58;

    margin-bottom: 0;

    font-family: mulish, sans-serif;

    line-height: 1

}



.single_element .single_quick_activity p {

    -webkit-transition: .5s;

    transition: .5s;

    font-size: 14px;

    font-weight: 700;

    color: #8890b5;

    font-family: mulish, sans-serif;

    line-height: 1;

    margin-bottom: 15px

}



.common_white_text {

    font-size: 18px;

    color: #fff;

    font-weight: 400

}



.text_white {

    color: #fff !important

}



.orange_bg {

    background: #ff4409 !important

}



.blue_bg {

    background: #016dd8 !important

}



.green_bg {

    background: #20b1b9 !important

}



.datepickers-container {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1001

}



.serach_field-area.d-flex.align-items-center span {

    display: none

}



.page_title_box {

    padding-bottom: 30px

}



.breadcrumb.page_bradcam {

    padding-left: 0;

    background: 0 0;

    padding: 0

}



.breadcrumb.page_bradcam.default_bradcam li {

    color: #9b9aba

}



.breadcrumb.page_bradcam.default_bradcam li a {

    color: #9b9aba

}



.breadcrumb.page_bradcam.default_bradcam .breadcrumb-item+.breadcrumb-item::before {

    content: ">";

    color: #9b9aba

}



.breadcrumb.page_bradcam li {

    font-size: 14px;

    font-weight: 400;

    color: #9b9aba

}



.breadcrumb.page_bradcam li a {

    font-size: 13px;

    font-weight: 400;

    color: #9b9aba

}



.breadcrumb.page_bradcam .breadcrumb-item+.breadcrumb-item::before {

    content: "/";

    color: #9b9aba

}



.page_title_left h3 {

    color: #242934;

    font-size: 25px;

    font-weight: 900

}



.common_bootstrap_button span {

    background: #f64e60;

    padding: 7px 12px;

    text-transform: capitalize;

    display: inline-block;

    font-size: 14px;

    font-weight: 600;

    color: #fff;

    border-radius: 2px;

    cursor: pointer;

    min-height: 36px

}



.page_date_button {

    text-transform: capitalize;

    color: #9995b6;

    border-radius: 5px;

    font-size: 11px;

    font-weight: 600;

    cursor: pointer;

    transition: .3s;

    min-height: 36px

}



.page_date_button img {

    margin-right: 10px

}



.page_title_right {

    display: flex;

    flex-wrap: wrap

}



.page_title_right .page_date_button {

    margin-right: 10px

}



.dashboard_part .notification_tab {

    padding: 27px 25px;

    background-color: #f5ecec;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 60px;

    -webkit-transition: .5s;

    transition: .5s

}



.dashboard_part .notification_tab p {

    font-size: 16px;

    color: #474d58

}



.dashboard_part .notification_tab p a {

    color: #2e4765

}



.dashboard_part .hide_icon {

    cursor: pointer

}



.dashboard_part .hide_icon i {

    color: #2e4765;

    font-size: 10px

}



.white_box {

    padding: 30px;

    background-color: #fff;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px

}



@media(max-width:575.98px) {

    .white_box {

        padding: 30px 25px

    }

}



.white_box .white_box_tittle h4 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 0

}



@media(max-width:991px) {

    .white_box .white_box_tittle h4 {

        margin-bottom: 15px

    }

}



.white_card {

    background-color: #fff;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px

}



.white_card .white_card_header {

    padding: 22px 30px

}



.white_card .white_card_body {

    padding: 5px 30px 25px

}



.white_box_50px {

    padding: 43px 45px 38px 50px;

    background-color: #fff;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px

}



@media(max-width:575.98px) {

    .white_box_50px {

        padding: 30px 25px

    }

}



.white_box_50px .white_box_tittle h4 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 0

}



@media(max-width:991px) {

    .white_box_50px .white_box_tittle h4 {

        margin-bottom: 15px

    }

}



.white_box2 {

    padding: 40px 40px 25px;

    background-color: #fff;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px

}



@media(max-width:575.98px) {

    .white_box2 {

        padding: 30px 25px

    }

}



.white_box2 .white_box_tittle h4 {

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 0

}



@media(max-width:991px) {

    .white_box2 .white_box_tittle h4 {

        margin-bottom: 15px

    }

}



.chart_box .white_box_tittle {

    margin-bottom: 20px

}



.chart_box .white_box_tittle h4 {

    margin-bottom: 2px

}



@media(max-width:991px) {

    .chart_box .white_box_tittle h4 {

        margin-bottom: 15px

    }

}



.chart_box p {

    margin-bottom: 29px;

    color: #707070

}



.chart_box label {

    margin-bottom: 0

}



.chart_box .b {

    display: block !important

}



.chart_box .toggle {

    position: relative;

    width: 44px;

    height: 22px;

    border-radius: 50px;

    background-color: #222;

    border: 1px solid #222;

    overflow: hidden

}



.chart_box .check {

    position: absolute;

    display: block;

    cursor: pointer;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    z-index: 6

}



.chart_box .check:checked~.switch {

    right: 5px;

    left: 57.5%;

    transition: .25s cubic-bezier(.785, .135, .15, .86);

    transition-property: left, right;

    transition-delay: .08s, 0s

}



.chart_box .switch {

    position: absolute;

    left: 5px;

    top: 3px;

    bottom: 2px;

    right: 57.5%;

    background-color: #fff;

    border-radius: 50%;

    z-index: 1;

    transition: .25s cubic-bezier(.785, .135, .15, .86);

    transition-property: left, right;

    transition-delay: 0s, .08s;

    height: 13px;

    width: 13px;

    padding: 6px !important;

    margin-right: 0

}



.chart_box .switch:after {

    display: none

}



.chart_box .hide {

    display: none !important

}



.QA_section .QA_table .table {

    background: #fff;

    border-radius: 10px;

    margin-bottom: 35px;

    padding-top: 20px

}



.QA_section .QA_table th,

.QA_section .QA_table td {

    font-weight: 400;

    padding: 10px 15px;

    vertical-align: middle

}



.QA_section .QA_table .question_content {

    color: #860555;

    font-size: 13px;

    font-weight: 500;

}



.QA_section .QA_table .question_content:hover {

    color: #2e4765

}



.QA_section .QA_table thead {

    padding-bottom: 10px

}



.QA_section .QA_table thead th {

    white-space: nowrap;

    padding-left: 0;

    border-bottom: 1px solid rgba(130, 139, 178, .3) !important

}



.QA_section .QA_table tbody tr:first-child td {

    padding-top: 20px

}



.QA_section .QA_table tbody th {

    font-size: 14px;

    color: #415094;

    font-weight: 400 !important

}



.QA_section .QA_table tbody .btn_1 {

    background: #65f9b3;

    color: #fff;

    border: 0;

    font-size: 8px;

    padding: 0;

    height: 18px;

    width: 26px;

    line-height: 18px;

    text-transform: uppercase;

    font-weight: 700

}



.QA_section .QA_table tbody img.user_thumb {

    width: 36px;

    height: 36px;

    border-radius: 3px

}



.QA_section .QA_table tbody img.check_status {

    width: 21px;

    height: 18px;

    border-radius: 3px

}



.QA_section .QA_table tbody th,

.QA_section .QA_table tbody td {

    font-size: 13px;

    font-weight: 500;

    border-bottom: 0

}



.QA_section .QA_table tbody th.pending,

.QA_section .QA_table tbody td.pending {

    color: #e09079;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 500

}



.QA_section .QA_table tbody th.priority_hight,

.QA_section .QA_table tbody td.priority_hight {

    font-size: 14px;

    color: #d7598f;

    font-weight: 400

}



.QA_section .QA_table tbody tr {

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.QA_section .QA_table tbody tr:hover {

    background: #fff

}



.QA_section .QA_table .view_btn {

    color: #2e4765

}



.QA_section .QA_table .view_btn:hover {

    text-decoration: underline

}



.QA_section .QA_table .table {

    margin-bottom: 0 !important

}



.QA_section .QA_table .table thead th {

    border-bottom: 0 solid transparent;

    padding: 9px 15px;

    border: 0 solid transparent;

    font-size: 14px;

    font-weight: 700;

    color: #474d58;

    white-space: nowrap;

    text-transform: capitalize;

    font-family: mulish, sans-serif;

    border: 0;

    background: #fff;

    border: 0 !important;

    background: 0 0;

    border-top: 1px solid #e5ecff !important;

    border-bottom: 1px solid #e5ecff !important;

    position: relative

}



.QA_section .QA_table .table thead th:first-child {

    border-radius: 5px 0 0 5px;

    border-left: 1px solid #e5ecff !important

}



.QA_section .QA_table .table thead th:last-child {

    border-radius: 0 5px 5px 0;

    border-right: 1px solid #e5ecff !important

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .chart_box_1 .box_header {

        flex-direction: column

    }

}



.chart_box_1 .box_header .box_header_left {

    flex-basis: 50%

}



@media(min-width:768px) and (max-width:991.98px) {

    .chart_box_1 .box_header .box_header_left {

        flex-basis: 55%

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .chart_box_1 .box_header .box_header_left {

        flex-basis: 55%

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .chart_box_1 .box_header .box_header_left {

        flex-basis: 100%;

        width: 100%;

        margin-bottom: 20px

    }

}



.chart_box_1 .box_header .box_header_left ul {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap

}



.chart_box_1 .box_header .box_header_left ul li {

    display: inline-block;

    text-align: center

}



@media(max-width:575.98px) {

    .chart_box_1 .box_header .box_header_left ul li {

        flex: 50% 0 0;

        margin-bottom: 20px

    }

}



.chart_box_1 .box_header .box_header_left ul li h4 {

    font-weight: 500;

    font-size: 18px;

    margin-bottom: 0

}



.chart_box_1 .box_header .box_header_left ul li p {

    font-weight: 500;

    font-size: 12px;

    margin-bottom: 0

}



.chart_box_1 .box_header .box_header_right .legend_circle ul li {

    color: #828bb2;

    font-size: 12px;

    font-weight: 400;

    margin-right: 30px;

    display: inline-block

}



@media(max-width:575.98px) {

    .chart_box_1 .box_header .box_header_right .legend_circle ul li {

        margin-right: 14px

    }

}



.chart_box_1 .box_header .box_header_right .legend_circle ul li:last-child {

    margin-right: 0

}



.chart_box_1 .box_header .box_header_right .legend_circle ul li span {

    width: 10px;

    height: 10px;

    display: inline-block;

    border-radius: 50%;

    margin-right: 10px

}



.dashboard_breadcam p {

    color: #6f658d;

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 0

}



.dashboard_breadcam p i {

    margin: 0 5px

}



.dashboard_breadcam p a {

    color: #6f658d;

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 0

}



.form_style .form-group label,

.form_style .form-group p {

    font-size: 14px;

    font-weight: 300;

    text-transform: capitalize;

    margin-bottom: 13px;

    color: #7e7172

}



.form_style .form-group input {

    border: 1px solid #e4e8ec;

    font-size: 13px;

    font-weight: 300;

    color: #7e7172;

    padding: 15px 25px;

    background-color: #fef1f2;

    height: auto;

    line-height: 18px

}



.revenue_part .btn_2 {

    padding: 8px 13px;

    margin-left: 30px

}



.revenue_part .courses_price .btn_1 {

    padding: 13px 32px;

    line-height: 16px;

    height: auto;

    width: auto

}



.revenue_part .courses_details span {

    font-size: 16px;

    font-weight: 600;

    color: #7e7172;

    margin-top: 3px

}



.revenue_part .courses_duration {

    position: relative;

    padding-left: 25px

}



.revenue_part .courses_duration h6 {

    font-size: 14px;

    margin-bottom: 8px

}



.revenue_part .courses_duration h6 i {

    color: #2e4765;

    position: absolute;

    left: 0;

    top: 2px

}



.payment_methord h3 {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 30px

}



.payment_methord .payment_mathord_content {

    background-color: #fff;

    padding: 30px

}



.payment_methord .payment_mathord_content h4 {

    font-size: 16px;

    font-weight: 600;

    margin: 28px 0 7px

}



.payment_methord .payment_mathord_content .btn_1 {

    margin-top: 28px

}



.payment_methord .nav-tabs {

    border-bottom: 0 solid transparent

}



.payment_methord .payment_methord_logo {

    display: flex;

    align-items: center

}



.payment_methord .payment_methord_logo .single_logo_iner {

    width: 188px;

    height: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #bbc1c9;

    border-left: 0 solid transparent;

    -webkit-transition: .5s;

    transition: .5s

}



.payment_methord .payment_methord_logo .single_logo_iner:first-child {

    border-left: 1px solid #bbc1c9;

    border-radius: 5px 0 0 5px

}



.payment_methord .payment_methord_logo .single_logo_iner:last-child {

    border-radius: 0 5px 5px 0

}



.payment_methord .payment_methord_logo .single_logo_iner img {

    max-width: 100px

}



.payment_methord .payment_methord_logo .single_logo_iner.active {

    border: 1px solid #2e4765 !important

}



.form_group {

    margin-top: 24px

}



.form_group input {

    width: 100%;

    background-color: #fef1f2;

    border-radius: 5px;

    border: 1px solid #f1f3f5;

    padding: 12px 20px

}



.form_group .single_form_item label {

    width: 100%;

    display: block

}



.form_group .single_form_item input {

    width: auto;

    display: inline-block;

    padding: 12px 20px;

    max-width: 85px;

    color: #9c9c9c

}



.form_group #CVV {

    max-width: 118px !important

}



.form_group .nice_Select {

    background-color: #fef1f2;

    margin-right: 10px;

    color: #9c9c9c

}



.checkbox label {

    margin-bottom: 0;

    margin-top: 25px;

    color: #9c9c9c;

    margin-left: 8px

}



.footer_part {

    text-align: center;

    padding-bottom: 0;

    padding-top: 6px;

    background: 0 0;

    padding-left: 270px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding-bottom: 15px

}



.footer_part.fixed_footer {

    position: fixed;

    z-index: 99;

    border-radius: 0;

    padding-bottom: 0;

    background: 0 0

}



.footer_part.fixed_footer .footer_iner {

    border-top: 2px solid #884ffb;

    background: #fff !important

}



.footer_part.full_footer {

    padding-left: 136px

}



.footer_part.default_footer {

    background: #f5f6ff

}



.footer_part.default_footer .footer_iner {

    background: 0 0 !important

}



@media only screen and (min-width:320px) and (max-width:768px) {

    .footer_part {

        padding-left: 0 !important

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .footer_part {

        padding-left: 20%

    }

}



.footer_part .footer_iner.text-center {

    background: #fff;

    padding: 27px 0;

    margin: 0 15px;

    border-radius: 15px;

    background: 0 0

}



.footer_part p {

    font-size: 12px;

    font-weight: 500;

    color: #818e94

}



.footer_part p span {

    margin: 0 10px

}



.footer_part p a {

    color: #884ffb

}



.footer_part p a:hover {

    text-decoration: underline

}



.breadcrumb_content {

    background-color: #fff;

    padding: 19px 30px;

    line-height: 22px

}



@media(max-width:991px) {

    .breadcrumb_content {

        padding: 25px 15px

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .breadcrumb_content {

        display: block !important

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .breadcrumb_content {

        display: block !important

    }

}



.breadcrumb_content .active {

    color: #2e4765

}



.breadcrumb_content h2 {

    font-size: 18px;

    font-weight: 500;

    margin-bottom: 0

}



@media(max-width:575.98px) {

    .breadcrumb_content h2 {

        margin-bottom: 15px;

        padding: 0

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .breadcrumb_content h2 {

        margin-bottom: 15px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .breadcrumb_content h2 {

        margin-bottom: 15px

    }

}



.breadcrumb_content .sa_breadcrumb_iner a {

    position: relative;

    color: #7e7172;

    padding-left: 30px

}



.breadcrumb_content .sa_breadcrumb_iner a:after {

    content: "";

    position: absolute;

    left: 10px;

    top: 3px;

    clip-path: polygon(0 0, 100% 55%, 0 100%);

    background-color: #7e7172;

    width: 10px;

    height: 10px;

    -webkit-transition: .5s;

    transition: .5s

}



.breadcrumb_content .sa_breadcrumb_iner a:first-child {

    padding-left: 0

}



.breadcrumb_content .sa_breadcrumb_iner a:first-child:after {

    display: none

}



.breadcrumb_content .sa_breadcrumb_iner a:hover {

    color: #2e4765

}



.breadcrumb_content .sa_breadcrumb_iner a:hover:after {

    background-color: #2e4765

}



.breadcrumb_content .sa_breadcrumb_iner a:last-child {

    color: #2e4765

}



.breadcrumb_content .sa_breadcrumb_iner a:last-child:after {

    background-color: #2e4765

}



#morris_bar {

    height: 300px

}



#morris_bar_bold {

    height: 300px

}



tspan {

    font-size: 13px;

    font-weight: 300;

    color: #7e7172;

    text-transform: capitalize

}



.morris-hover.morris-default-style .morris-hover-point {

    white-space: nowrap;

    margin: .1em 0;

    font-size: 13px;

    color: #fff !important;

    font-size: 12px;

    font-weight: 500;

    font-family: mulish, sans-serif

}



.morris-hover.morris-default-style .morris-hover-row-label {

    font-weight: 700;

    margin: 0;

    font-size: 12px;

    font-weight: 300;

    color: #7e7172;

    line-height: 12px;

    font-family: mulish, sans-serif

}



.morris-hover.morris-default-style {

    font-family: roboto, sans-serif;

    font-size: 12px;

    text-align: center;

    background: #000 !important;

    border: 0;

    padding: 7px 22px 5px !important;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    color: #fff;

    border-radius: 5px;

    font-weight: 500

}



.morris-hover.morris-default-style span {

    font-weight: 700;

    margin: 0;

    font-size: 12px;

    font-weight: 300;

    color: #7e7172;

    line-height: 12px;

    font-family: mulish, sans-serif

}



canvas#highlights {

    height: 300px !important;

    overflow: hidden

}



.lms_category_wrap {

    margin-bottom: 50px

}



.lms_category_wrap .category_header {

    background: #fef1f2;

    border-radius: 5px;

    padding: 17px 30px

}



.lms_category_wrap .category_header .category_left h4 {

    font-size: 16px;

    font-weight: 500;

    color: #222;

    margin-bottom: 0

}



.lms_category_wrap .category_header .category_left p {

    color: #7e7172;

    font-size: 12px;

    font-weight: 300;

    margin-bottom: 0

}



@media(max-width:575.98px) {

    .lms_category_wrap .category_header .category_right {

        margin-top: 15px

    }

}



.lms_category_wrap ul li {

    display: flex;

    justify-content: space-between;

    position: relative;

    padding: 15px 30px;

    background: #fff;

    align-items: center;

    border-bottom: 1px solid #eee1e2;

    transition: .3s

}



@media(max-width:575.98px) {

    .lms_category_wrap ul li {

        padding: 15px 20px

    }

}



.lms_category_wrap ul li .category_info p {

    font-size: 13px;

    font-weight: 300;

    color: #7e7172

}



.lms_category_wrap ul li:hover {

    background: #fff7f8

}



.income_servay .count_content {

    text-align: center;

    margin-bottom: 30px

}



.income_servay .count_content h3 {

    font-size: 30px;

    font-weight: 600;

    color: #2e4765;

    line-height: 1;

    margin-bottom: 5px

}



.income_servay .count_content h3 span {

    color: #2e4765;

    font-weight: 600;

    line-height: 1

}



.income_servay .count_content p {

    font-size: 14px;

    font-weight: 400;

    color: #b2b5c0;

    line-height: 1

}



.staf_list_wrapper .single_staf {

    background: #fff;

    box-shadow: 0 7px 15px rgba(80, 143, 244, .15);

    text-align: center;

    padding: 50px 0;

    margin-bottom: 30px;

    margin-top: 30px

}



.staf_list_wrapper .single_staf .staf_thumb {

    margin-bottom: 25px

}



.staf_list_wrapper .single_staf .staf_thumb img {

    margin: auto;

    width: 118px;

    height: 118px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%

}



.staf_list_wrapper .single_staf h4 {

    font-size: 22px;

    font-weight: 600;

    color: #2e4765;

    margin-bottom: 3px

}



.staf_list_wrapper .single_staf p {

    font-size: 14px;

    color: #818e94;

    font-weight: 500

}



.owl-carousel .owl-nav button {

    width: 39px;

    height: 39px;

    border-radius: 7px;

    background: #eff1f7;

    position: absolute;

    top: -89px;

    right: 0;

    font-size: 18px !important;

    background: #eff1f7 !important;

    color: #141124

}



.owl-carousel .owl-nav button.owl-prev {

    right: 50px

}



.owl-carousel .owl-nav button:hover {

    background: #16bbe5 !important;

    color: #fff

}



.Activity_timeline {

    position: relative

}



.Activity_timeline ul li {

    position: relative;

    margin-bottom: 15px

}



.Activity_timeline ul li:last-child {

    margin-bottom: 0

}



.Activity_timeline ul li .activity_bell {

    background: #884ffb;

    width: 14px;

    height: 14px;

    border-radius: 50%;

    position: absolute;

    top: 6px

}



.Activity_timeline ul li .activity_bell.bell_lite {

    opacity: .19

}



.Activity_timeline ul li .activity_wrap {

    position: relative;

    padding-left: 27px

}



.Activity_timeline ul li .activity_wrap h6 {

    font-size: 16px;

    font-weight: 600;

    color: #2d1967;

    margin-bottom: 0;

    line-height: 28px

}



.Activity_timeline ul li .activity_wrap p {

    font-size: 14px;

    line-height: 28px;

    color: #adb8c7;

    font-weight: 400

}



.activity_progressbar .single_progressbar h6 {

    font-size: 12px;

    text-transform: capitalize;

    margin-bottom: 5px

}



.barfiller {

    width: 100%;

    height: 8px;

    background: #f8f9ff;

    position: relative;

    margin-bottom: 30px;

    border-radius: 30px

}



.barfiller .fill {

    display: block;

    position: relative;

    width: 0;

    height: 100%;

    z-index: 1;

    border-radius: 30px

}



.barfiller .tipWrap {

    display: none

}



.barfiller .tip {

    margin-top: -23px;

    padding: 2px 4px;

    font-size: 11px;

    color: #000;

    left: 0;

    position: absolute;

    z-index: 2

}



.barfiller#bar1 .tip {

    color: #508ff4

}



.barfiller#bar2 .tip {

    color: #ffbf43

}



.barfiller#bar3 .tip {

    color: #4be69d

}



.barfiller#bar4 .tip {

    color: #9267ff

}



.single_social_media {

    margin-bottom: 27px

}



.single_social_media .icon_media {

    width: 72px;

    height: 68px;

    background: #508ff4;

    font-size: 38px;

    text-align: center;

    line-height: 72px;

    border-radius: 10px;

    margin-right: 20px;

    flex: 72px 0 0;

    color: #fff

}



.single_social_media .icon_media.twitter_bg {

    background: #43ccff

}



.single_social_media .icon_media.youtube_bg {

    background: red

}



.single_social_media .icon_media.insta_bg {

    background: #ff72b9

}



.single_social_media .media_contet span {

    font-size: 16px;

    color: #8890b5;

    font-weight: 700;

    display: block;

    margin-bottom: 10px

}



.single_social_media .media_contet h4 {

    font-size: 35px;

    font-weight: 700;

    color: #474d58;

    margin-bottom: 0

}



.grid_4rap {

    display: grid;

    grid-gap: 15px;

    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr))

}



@media(min-width:1600px) {

    .grid_4rap {

        grid-template-columns: repeat(auto-fit, minmax(40%, 1fr))

    }

}



.weatcher_update_wrapper {

    padding: 20px

}



.weatcher_update_wrapper .weather_img_2 {

    background-color: #e5fffe;

    border-radius: 15px;

    background-image: url(../img/weather_1.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    width: 100%;

    height: 100%

}



.note-editor.note-frame {

    border: 1px solid #eee1e2

}



.note-editor.note-frame .note-popover .note-popover-content,

.note-editor.note-frame .note-toolbar {

    padding: 4px 15px 8px;

    margin: 0;

    border-radius: 5px 5px 0 0;

    background-color: #f65365

}



.note-editor.note-frame .note-btn i,

.note-editor.note-frame .note-current-fontname {

    color: #7e7172;

    font-size: 12px

}



.note-editor.note-frame .note-btn {

    font-size: 12px;

    font-weight: 400;

    line-height: 1.4;

    color: #7e7172;

    text-align: center;

    white-space: nowrap;

    cursor: pointer;

    border-radius: 3px

}



.note-editor.note-frame .note-btn:hover {

    color: #fff;

    background: #884ffb

}



.note-editor.note-frame .note-btn:hover i {

    color: #fff;

    background: #884ffb

}



.note-editor.note-frame .note-btn .note-current-fontname:hover {

    color: #fff

}



.note-editor.note-frame .show .dropdown-toggle::after {

    transform: rotate(180deg);

    color: red

}



.note-editor.note-frame .note-icon-font.note-recent-color {

    background: 0 0 !important;

    color: #7e7172 !important

}



.note-editor.note-frame .show .dropdown-toggle::after {

    color: #7e7172 !important

}



.note-editor.note-frame .note-btn:hover span {

    color: #fff !important

}



.note-editor.note-frame .note-btn:hover i {

    color: #fff !important

}



.note-editor.note-frame .note-editing-area .note-editable {

    background-color: #fff

}



.note-editor.note-frame .note-placeholder {

    padding: 18px 25px 0;

    font-size: 14px;

    color: #7e7172;

    line-height: 28px;

    font-weight: 300

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .lms_sm_block {

        display: block

    }

}



@media(max-width:575.98px) {

    .lms_xs_small_btn a {

        padding: 11px 20px

    }

}



@media(max-width:575.98px) {

    .mb_xs_20px {

        margin-bottom: 20px !important

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .mb_sm_20px {

        margin-bottom: 20px

    }

}



.lms_supper_text {

    vertical-align: super !important

}



.gj-picker-md {

    border: 1px solid #fef1f2;

    padding: 10px

}



.gj-picker-md table tr td.today div {

    color: #fff;

    background: #ff4409;

    border-radius: 50%

}



.gj-picker-md table tr td.gj-cursor-pointer div:hover {

    border-radius: 50%;

    background: #ff4409;

    color: #fff

}



.gj-picker-md div[role=navigator] div:first-child,

.gj-picker-md div[role=navigator] div:last-child {

    max-width: 42px;

    background: #fef1f2;

    color: #000;

    border-radius: 50%;

    font-size: 14px;

    line-height: 44px;

    height: 42px;

    font-weight: 900

}



.gj-picker-md div[role=navigator] div:first-child i,

.gj-picker-md div[role=navigator] div:last-child i {

    font-weight: 900;

    font-size: 14px

}



.dropdown-menu.show .dropdown-toggle.lms_drop_1::after {

    color: #fff !important

}



.dropdown-menu.option_width {

    min-width: 102px

}



.dropdown.show .dropdown-toggle.lms_drop_1::after {

    color: #fff

}



.lms_common_header .lms_common_title h4 {

    margin-bottom: 3px

}



.lms_common_header .lms_common_title p {

    font-size: 12px;

    font-weight: 300;

    color: #7e7172;

    margin-bottom: 0

}



.common_line_separator {

    display: inline-block;

    width: 2px;

    height: 11px;

    background: #b9b3b3;

    margin: 0 7px

}



.h-120px {

    height: 120px !important

}



.h-260px {

    height: 260px !important

}



@media(max-width:991px) {

    .h-260px {

        height: 160px !important

    }

}



.h-230px {

    height: 230px !important

}



@media(max-width:991px) {

    .h-230px {

        height: 160px !important

    }

}



.discription_list_wrap p {

    font-size: 13px;

    font-weight: 300;

    color: #7e7172;

    line-height: 26px;

    margin-bottom: 17px

}



.discription_list_wrap h5 {

    font-size: 12px;

    font-weight: 400;

    color: #222;

    margin-top: 19px;

    margin-bottom: 14px

}



.common_list_style li {

    font-size: 13px;

    font-weight: 300;

    color: #7e7172;

    line-height: 26px;

    position: relative;

    padding-left: 15px

}



.common_list_style li:before {

    position: absolute;

    left: 0;

    top: 10px;

    width: 3px;

    height: 3px;

    background: #7e7172;

    content: '';

    border-radius: 50%

}



.result_modal_table_form .modal-body {

    margin: 30px 0;

    padding: 120px 100px 104px !important

}



@media(max-width:991px) {

    .result_modal_table_form .modal-body {

        padding: 30px !important

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .result_modal_table_form .modal-body {

        padding: 50px !important

    }

}



.result_modal_table_form .table thead th {

    border-bottom: 0 solid transparent;

    background-color: #fef1f2;

    padding: 17px 30px;

    line-height: 16px;

    border: 0 solid transparent;

    border-top-color: transparent;

    border-top-style: solid;

    border-top-width: 0;

    font-size: 12px;

    font-weight: 400;

    color: #222;

    white-space: nowrap

}



.result_modal_table_form .table tbody th,

.result_modal_table_form .table tbody td {

    color: #7e7172;

    font-size: 13px !important;

    color: #7e7172;

    font-weight: 300;

    border-bottom: 1px solid #eee1e2;

    padding: 10px 25px !important

}



.result_modal_table_form .result_header_modal {

    margin-bottom: 45px

}



.result_modal_table_form .result_header_modal h2 {

    font-size: 36px;

    font-weight: 500;

    color: #222;

    margin-bottom: 15px

}



@media(max-width:575.98px) {

    .result_modal_table_form .result_header_modal h2 {

        font-size: 20px

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .result_modal_table_form .result_header_modal h2 {

        font-size: 20px

    }

}



.result_modal_table_form .result_header_modal p {

    font-size: 14px;

    font-weight: 300;

    color: #7e7172;

    line-height: 26px

}



.result_modal_table_form .result_header_modal .passed_text {

    display: block;

    font-size: 18px;

    font-weight: 500;

    margin-top: 29px;

    margin-bottom: 35px

}



@media(max-width:575.98px) {

    .result_modal_table_form .result_header_modal .passed_text {

        margin-top: 15px;

        margin-bottom: 15px

    }

}



@media only screen and (min-width:576px) and (max-width:767px) {

    .result_modal_table_form .result_header_modal .passed_text {

        margin-top: 15px;

        margin-bottom: 15px

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .result_modal_table_form .result_header_modal .passed_text {

        margin-top: 15px;

        margin-bottom: 15px

    }

}



.student_list_img img {

    width: 50px;

    height: 50px

}



.common_date_picker input {

    width: 100%;

    border: 1px solid #f1f3f5;

    border-radius: 3px;

    height: 40px;

    line-height: 40px;

    font-size: 13px;

    color: #222;

    padding: 0 25px;

    font-weight: 500

}



.website_settings_wrap .modal-body {

    padding: 0 !important

}



.input_form_persent {

    position: relative

}



.input_form_persent:before {

    content: "\f295";

    border-bottom: 0;

    border-right: 0;

    display: block;

    margin-top: 0;

    pointer-events: none;

    position: absolute;

    top: 50%;

    width: auto;

    right: 25px;

    border: 0;

    font-family: "font awesome 5 free";

    font-weight: 600;

    color: #cec1c2;

    transform: translateY(-50%);

    font-size: 13px

}



.tagInput_field {

    margin-bottom: 21px

}



.tagInput_field label {

    font-size: 12px;

    font-weight: 300;

    color: #222;

    text-align: left;

    margin: 0;

    margin-bottom: 0;

    display: block;

    margin-bottom: 8px

}



.tagInput_field .bootstrap-tagsinput {

    text-align: left;

    border: 1px solid #eee1e2;

    padding: 9px 25px 4px;

    box-shadow: none;

    border-radius: 3px;

    min-height: 50px

}



.tagInput_field .bootstrap-tagsinput input {

    border: none !important;

    width: auto !important;

    display: inline-block !important;

    background-color: transparent !important;

    height: 0;

    margin: 0;

    min-width: 20px;

    padding: 7px !important

}



.tagInput_field .bootstrap-tagsinput .badge {

    margin: 0 5px 5px 0;

    height: 30px;

    line-height: 30px;

    padding: 0 30px 0 20px;

    font-size: 12px;

    color: #ff4409;

    font-weight: 400;

    background: #ffff;

    border: 1px solid #ff4409;

    border-radius: 30px;

    position: relative

}



.tagInput_field .bootstrap-tagsinput .badge [data-role=remove]::after {

    font-size: 10px;

    font-family: themify;

    content: "\e646";

    background: 0 0;

    padding: 0;

    margin: 0;

    margin-left: 0;

    background: 0 0;

    margin-left: 5px;

    padding: 0;

    border: 1px solid transparent;

    padding: 2px

}



.tagInput_field .bootstrap-tagsinput .badge [data-role=remove]:hover::after {

    background: #ff4409;

    color: #fff;

    border-color: #ff4409

}



.tagInput_field span.badge.badge-info span {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 8px

}



.custom_striped_progressbar .progress {

    height: 24px;

    background: 0 0;

    border-radius: 30px;

    width: 256px

}



.custom_striped_progressbar .progress-bar {

    position: relative;

    border-radius: 30px;

    text-align: left;

    font-size: 15px;

    padding-left: 15px;

    color: #fff;

    font-weight: 300;

    background: 0 0;

    background-size: 100% 100%;

    background-repeat: no-repeat

}



.custom_striped_progressbar .progress-bar.green_bar {

    background-image: url(../img/progress/progress-bg.html);

    background-size: cover

}



.custom_striped_progressbar .progress-bar.yellow_bar {

    background-image: url(../img/progress/design-progress-yellow.html);

    background-size: cover

}



.custom_striped_progressbar .progress-bar.red_bar {

    background-image: url(../img/progress/design-progress-red.html);

    background-size: cover

}



.custom_lms_radio_2 label {

    display: inline-block;

    cursor: pointer;

    position: relative;

    font-size: 13px;

    font-weight: 300;

    color: #7e7172;

    margin-left: 0;

    padding-bottom: 15px;

    margin-top: 0

}



.custom_lms_radio_2 label span {

    display: inline-block;

    position: relative;

    background-color: transparent;

    width: 20px;

    height: 20px;

    transform-origin: center;

    border: 1px solid #eee2e3;

    border-radius: 50%;

    vertical-align: -6px;

    margin-right: 15px;

    transition: background-color 150ms 200ms, transform 350ms cubic-bezier(.78, -1.22, .17, 1.89)

}



.custom_lms_radio_2 label span:before {

    content: "";

    width: 0;

    height: 1px;

    border-radius: 2px;

    background: #ff4409;

    position: absolute;

    transform: rotate(38deg);

    top: 13px;

    left: 9px;

    transition: width 50ms ease 50ms;

    transform-origin: 0% 0%;

    top: 9.69px;

    left: 4.99px;

    border-radius: 0

}



.custom_lms_radio_2 label span:after {

    content: "";

    width: 0;

    height: 1px;

    border-radius: 2px;

    background: #ff4409;

    position: absolute;

    transform: rotate(305deg);

    top: 12.8px;

    left: 7.48px;

    transition: width 50ms ease;

    transform-origin: 0% 0%;

    border-radius: 0

}



.custom_lms_radio_2 label:hover span:before {

    width: 4px;

    transition: width 100ms ease

}



.custom_lms_radio_2 label:hover span:after {

    width: 10px;

    transition: width 150ms ease 100ms

}



.custom_lms_radio_2 input[type=radio] {

    display: none

}



.custom_lms_radio_2 input[type=radio]:checked+label span {

    background-color: #ff4409;

    transform: scale(1);

    border-color: #ff4409

}



.custom_lms_radio_2 input[type=radio]:checked+label span:after {

    width: 10px;

    background: #fff;

    transition: width 150ms ease 100ms

}



.custom_lms_radio_2 input[type=radio]:checked+label span:before {

    width: 4px;

    background: #fff;

    transition: width 150ms ease 100ms

}



.custom_lms_radio_2 input[type=radio]:checked+label:hover span {

    background-color: #ff4409;

    transform: scale(1.25);

    border-color: #ff4409

}



.custom_lms_radio_2 input[type=radio]:checked+label:hover span:after {

    width: 10px;

    background: #fff;

    transition: width 150ms ease 100ms

}



.custom_lms_radio_2 input[type=radio]:checked+label:hover span:before {

    width: 4px;

    background: #fff;

    transition: width 150ms ease 100ms

}



.import_topic_wrapper.modal_btn {

    display: grid !important;

    grid-gap: 10px;

    grid-template-columns: 3fr 9fr;

    align-items: end

}



.import_topic_wrapper.modal_btn .btn_1 {

    margin: 0 !important

}



@media(max-width:575.98px) {

    .import_topic_wrapper.modal_btn {

        grid-template-columns: repeat(1, 1fr)

    }

}



.indvisual_form .btn_1.big_btn {

    padding: 16px 36px

}



.indvisual_form .chose_thumb_title {

    font-size: 12px;

    font-weight: 300;

    color: #222;

    text-align: left;

    margin: 0;

    margin-bottom: 0;

    display: block;

    margin-bottom: 8px

}



.indvisual_form .input_wrap label {

    font-size: 12px;

    font-weight: 300;

    color: #222;

    text-align: left;

    margin: 0;

    margin-bottom: 0;

    display: block;

    margin-bottom: 8px

}



.indvisual_form .input_wrap textarea {

    height: 100px;

    padding: 0;

    line-height: 28px;

    padding: 13px 25px

}



.indvisual_form .input_wrap textarea.max_textarea {

    height: 290px

}



.indvisual_form .nice_Select,

.indvisual_form input,

.indvisual_form textarea {

    height: 50px;

    line-height: 50px;

    background-color: #fff;

    border: 1px solid #eee1e2;

    padding: 10px 25px;

    color: #7e7172;

    font-weight: 500;

    font-size: 13px;

    width: 100%;

    display: block;

    margin-bottom: 21px;

    font-weight: 300;

    border-radius: 3px

}



.indvisual_form .nice_Select::placeholder,

.indvisual_form input::placeholder,

.indvisual_form textarea::placeholder {

    color: #7e7172;

    font-weight: 300;

    opacity: 1

}



.indvisual_form .nice_Select {

    line-height: 30px

}



.indvisual_form .nice_Select :after {

    left: 22px

}



.indvisual_form .nice-select.nice_Select2 {

    height: 30px;

    line-height: 30px;

    background-color: #fff;

    border: 1px solid #eee1e2;

    padding: 0 37px 0 20px;

    color: #7e7172;

    font-weight: 500;

    font-size: 13px;

    width: 100%;

    display: block;

    margin-bottom: 21px;

    font-weight: 300;

    border-radius: 3px;

    margin: 0;

    width: auto

}



.indvisual_form .nice-select.nice_Select2::after {

    top: 20%

}



.list_counter_wrapper .single_list_counter {

    border-bottom: 1px solid #f1f3f5;

    padding: 35px 0 26px 87px

}



.list_counter_wrapper .single_list_counter:last-child {

    border: 0

}



.list_counter_wrapper .single_list_counter h3 {

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 0

}



.list_counter_wrapper .single_list_counter h3 span {

    font-size: 30px;

    font-weight: 700

}



.list_counter_wrapper .single_list_counter p {

    font-size: 17px;

    color: #6f658d;

    margin-bottom: 0;

    padding-top: 15px

}



.green_color {

    color: #01d874 !important

}



.blue_color {

    color: #20b1b9 !important

}



.deep_blue {

    color: #016dd8 !important

}



.deep_blue_2 {

    color: #4567ee !important

}



.red_color {

    color: #ff4409 !important

}



.activity_progressbar .single_progressbar {

    display: grid !important;

    grid-template-columns: 150px auto;

    margin-bottom: 25px;

    align-items: center

}



.activity_progressbar .single_progressbar h6 {

    font-size: 16px;

    font-weight: 400;

    color: #2d1967

}



.activity_progressbar .single_progressbar .barfiller {

    margin-bottom: 0

}



.activity_progressbar .single_progressbar .barfiller .tip {

    color: #2d1967 !important;

    font-size: 12px

}



.legend_style_grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    padding-left: 25px;

    margin-top: 50px

}



@media(max-width:991px) {

    .legend_style_grid {

        grid-template-columns: repeat(1, 1fr)

    }

}



.legend_style_grid li {

    display: flex !important;

    align-items: center !important;

    margin-bottom: 8px

}



.legend_style_grid li span {

    width: 18px;

    height: 18px;

    border-radius: 3px;

    display: inline-block

}



.bulder_tab_wrapper ul {

    border-bottom: 1px solid #e4e6ef

}



.bulder_tab_wrapper ul li .nav-link {

    padding-top: 2rem;

    padding-bottom: 2rem;

    font-weight: 500;

    color: #7e8299;

    text-transform: capitalize;

    border-bottom: 1px solid transparent

}



.bulder_tab_wrapper ul li .nav-link.active {

    color: #3699ff;

    border-bottom: 1px solid #3699ff

}



.assign_list li {

    display: inline-block;

    margin-right: 5px

}



.assign_list li:last-child {

    margin-right: 0

}



.assign_list li a img {

    width: 100%;

    border-radius: 50%;

    -webkit-transition: .2s;

    -moz-transition: .2s;

    -o-transition: .2s;

    transition: .2s;

    width: 23px;

    height: 23px;

    transform: translateY(0px)

}



.assign_list li a img:hover {

    transform: translateY(-2px)

}



.dataTables_paginate {

    margin-top: 0;

    margin-top: 30px

}



.dataTables_paginate a {

    width: 100px;

    height: 32px;

    border-radius: 3px !important;

    text-align: center !important;

    line-height: 32px;

    padding: 0 !important;

    margin: 0 !important;

    margin: 0 5px !important

}



.dataTables_paginate a.current {

    background: #884ffb !important;

    box-shadow: 0 5px 10px rgba(59, 118, 239, .3) !important;

    border: 0 !important;

    color: #fff !important

}



.dataTables_paginate a:hover {

    background: #884ffb !important;

    box-shadow: 0 5px 10px rgba(59, 118, 239, .3);

    border: 0 !important;

    color: #fff !important

}



.dataTables_paginate a:hover i {

    color: #fff !important

}



.dataTables_paginate a i {

    line-height: 32px;

    font-size: 12px;

    color: #415094

}



.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

    cursor: default;

    color: #fff !important;

    border: 0

}



#DataTables_Table_0_info {

    font-size: 14px;

    color: #415094;

    font-weight: 400;

    margin-top: 35px;

    padding-top: 0

}



.dataTables_wrapper .dataTables_paginate .paginate_button.current,

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

    color: #fff !important;

    border: 1px solid #884ffb;

    background-color: #884ffb !important;

    box-shadow: 0 5px 10px rgba(136, 79, 251, .04) !important

}



.dataTables_wrapper .dataTables_paginate .paginate_button {

    border: 0 !important

}



.min_400 {

    min-height: 380px

}



@media(min-width:1900px) {

    .min_400 {

        min-height: 450px

    }

}



.min_430 {

    min-height: 430px

}



@media(min-width:1900px) {

    .min_430 {

        min-height: 460px

    }

}



.mb-55 {

    margin-bottom: 55px

}



.widget-chart {

    text-align: center;

    padding: 1rem;

    position: relative

}



.widget-chart .rounded {

    border-radius: .25rem !important

}



.widget-chart .icon-wrapper {

    width: 54px;

    height: 54px;

    margin: 0 auto;

    position: relative;

    overflow: hidden

}



.widget-chart .icon-wrapper .icon-wrapper-bg {

    position: absolute;

    height: 100%;

    width: 100%;

    z-index: 3;

    opacity: .2

}



.widget-chart .icon-wrapper i {

    margin: 0 auto;

    font-size: 1.7rem;

    position: relative;

    z-index: 5;

    line-height: 54px

}



.widget-chart .widget-numbers {

    font-weight: 700;

    font-size: 2.5rem;

    display: block;

    line-height: 1;

    margin: 1rem auto

}



.widget-chart .widget-numbers span {

    font-weight: 700;

    font-size: 2.5rem

}



.widget-chart .widget-subheading {

    margin-top: -.5rem

}



.widget-chart .widget-description {

    margin: 1rem 0 0

}



.bg-light {

    background-color: #eee !important

}



.icon-wrapper .icon-wrapper-bg.bg-light {

    opacity: .08

}



.bg-focus {

    background-color: #444054 !important

}



.bg-primary {

    background-color: #3f6ad8 !important

}



.accordion_custom h4 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 40px

}



.accordion_custom .card {

    margin-bottom: 15px;

    border: 0;

    overflow: visible

}



.accordion_custom .card .card-header {

    border: 0;

    padding: 0;

    border-radius: 10px !important

}



.accordion_custom .card .card-header h2 {

    padding: 0

}



.accordion_custom .card .card-header h2 a {

    padding: 0;

    font-size: 14px;

    font-weight: 500;

    width: 100%;

    text-align: left;

    position: relative;

    position: relative;

    padding: 13px 20px;

    background: #884ffb;

    box-shadow: 0 5px 10px rgba(76, 110, 248, .3);

    color: #fff;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    border: 0;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px

}



.accordion_custom .card .card-header h2 a::before {

    content: "\e64b";

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    font-family: themify;

    font-size: 14px;

    right: 30px;

    color: #fff

}



.accordion_custom .card .card-header h2 a.collapsed {

    background: #f5f6ff;

    color: #415094;

    box-shadow: none;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px

}



.accordion_custom .card .card-header h2 a.collapsed::before {

    content: "\e648";

    color: #415094

}



.accordion_custom .card .card-header h2 a:focus {

    text-decoration: none

}



.accordion_custom .card .card-body {

    padding: 24px 20px 30px

}



@media(max-width:575.98px) {

    .accordion_custom .card .card-body {

        padding: 15px

    }

}



.accordion_custom .card .card-body p {

    font-size: 14px;

    line-height: 26px;

    color: #555;

    font-weight: 300;

    margin-bottom: 28px

}



.accordion_custom .card .card-body p:last-child {

    margin-bottom: 0

}



.accordion_custom2 h4 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 40px

}



.accordion_custom2 .card {

    margin-bottom: 15px;

    border: 0;

    overflow: visible

}



.accordion_custom2 .card .card-header {

    border: 0;

    padding: 0;

    border-radius: 0 !important

}



.accordion_custom2 .card .card-header h2 {

    padding: 0

}



.accordion_custom2 .card .card-header h2 a {

    padding: 0;

    font-size: 14px;

    font-weight: 500;

    width: 100%;

    text-align: left;

    position: relative;

    position: relative;

    padding: 13px 20px;

    background: #884ffb;

    box-shadow: 0 5px 10px rgba(76, 110, 248, .3);

    color: #fff;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    border: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0

}



.accordion_custom2 .card .card-header h2 a::before {

    content: "\e627";

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    font-family: themify;

    font-size: 14px;

    right: 30px;

    color: #fff

}



.accordion_custom2 .card .card-header h2 a.collapsed {

    background: #f5f6ff;

    color: #415094;

    box-shadow: none;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0

}



.accordion_custom2 .card .card-header h2 a.collapsed::before {

    content: "\e62a";

    color: #415094

}



.accordion_custom2 .card .card-header h2 a:focus {

    text-decoration: none

}



.accordion_custom2 .card .card-body {

    padding: 24px 20px 30px;

    background: #f5f6ff

}



.accordion_custom2 .card .card-body p {

    font-size: 14px;

    line-height: 26px;

    color: #555;

    font-weight: 300;

    margin-bottom: 28px

}



.accordion_custom2 .card .card-body p:last-child {

    margin-bottom: 0

}



.messages_box_area {

    display: grid;

    grid-template-columns: 4fr 8fr;

    grid-gap: 30px

}



@media(max-width:575.98px) {

    .messages_box_area {

        grid-template-columns: 1fr

    }

}



@media(max-width:991px) {

    .messages_box_area {

        grid-template-columns: 1fr

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .messages_box_area {

        grid-template-columns: 1fr

    }

}



@media(min-width:1200px) and (max-width:1500px) {

    .messages_box_area {

        grid-template-columns: 6fr 6fr

    }

}



@media only screen and (min-width:1440px) and (max-width:1679px) {

    .messages_box_area {

        grid-template-columns: 5fr 7fr

    }

}



.messages_box_area .messages_list .serach_field_2 {

    width: 100%

}



.messages_box_area .messages_list ul {

    margin-top: 30px;

    margin-bottom: 30px

}



.messages_box_area .messages_list ul li a {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    border: 1px solid #f1f5fa;

    padding: 15px;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    border-radius: 5px;

    margin-bottom: 5px

}



.messages_box_area .messages_list ul li a .message_pre_left {

    display: flex;

    align-items: center

}



.messages_box_area .messages_list ul li a .message_pre_left .message_preview_thumb {

    position: relative

}



.messages_box_area .messages_list ul li a .message_pre_left .message_preview_thumb img {

    width: 50px;

    height: 50px;

    border-radius: 50%

}



.messages_box_area .messages_list ul li a .message_pre_left .message_preview_thumb .round-10 {

    border: 2px solid #f8f8fc;

    border-radius: 50%;

    position: absolute;

    bottom: 0;

    right: 5px;

    display: inline-block;

    height: 12px;

    width: 12px

}



.messages_box_area .messages_list ul li a .message_pre_left .messges_info {

    padding-left: 20px

}



.messages_box_area .messages_list ul li a .message_pre_left h4 {

    font-size: 14px;

    font-weight: 500;

    color: #222;

    margin-bottom: 6px

}



.messages_box_area .messages_list ul li a .message_pre_left p {

    font-size: 13px;

    font-weight: 300;

    color: #676b84;

    margin-bottom: 0

}



.messages_box_area .messages_list ul li a .messge_time span {

    font-size: 12px;

    font-weight: 300;

    color: #192434;

    white-space: nowrap

}



.messages_box_area .messages_list ul li:hover a {

    background: #f1f5fa

}



.messages_box_area .messages_chat .messge_time span {

    white-space: nowrap

}



.messages_box_area .messages_chat .single_message_chat {

    margin-bottom: 50px;

    padding-right: 20%

}



@media(max-width:575.98px) {

    .messages_box_area .messages_chat .single_message_chat {

        padding-right: 0%;

        margin-bottom: 30px

    }

}



@media(max-width:991px) {

    .messages_box_area .messages_chat .single_message_chat {

        padding-right: 0%;

        margin-bottom: 30px

    }

}



@media(min-width:1200px) and (max-width:1500px) {

    .messages_box_area .messages_chat .single_message_chat {

        padding-right: 0%;

        margin-bottom: 30px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .messages_box_area .messages_chat .single_message_chat {

        padding-right: 0%;

        margin-bottom: 30px

    }

}



.messages_box_area .messages_chat .single_message_chat .message_content_view {

    background: #f5f6ff;

    border-radius: 10px;

    padding: 30px

}



.messages_box_area .messages_chat .single_message_chat .message_content_view.red_border {

    border: 1px solid #884ffb;

    background: #884ffb

}



.messages_box_area .messages_chat .single_message_chat .message_content_view.red_border span,

.messages_box_area .messages_chat .single_message_chat .message_content_view.red_border p {

    color: #fff

}



.messages_box_area .messages_chat .single_message_chat .message_content_view span {

    display: block;

    margin: 17px 0

}



.messages_box_area .messages_chat .single_message_chat .message_content_view p {

    font-size: 13px;

    font-weight: 300;

    color: #676b84;

    line-height: 26px

}



.messages_box_area .messages_chat .single_message_chat .message_pre_left {

    margin-bottom: 20px;

    display: flex;

    align-items: center

}



.messages_box_area .messages_chat .single_message_chat .message_pre_left .message_preview_thumb img {

    width: 50px;

    height: 50px;

    border-radius: 50%

}



.messages_box_area .messages_chat .single_message_chat .message_pre_left .messges_info {

    padding-left: 20px

}



.messages_box_area .messages_chat .single_message_chat .message_pre_left h4 {

    font-size: 16px;

    font-weight: 500;

    color: #222;

    margin-bottom: 2px

}



.messages_box_area .messages_chat .single_message_chat .message_pre_left p {

    font-size: 12px;

    font-weight: 300;

    color: #676b84;

    margin-bottom: 0

}



.messages_box_area .messages_chat .single_message_chat.sender_message {

    padding-right: 0%;

    padding-left: 20%

}



@media(max-width:575.98px) {

    .messages_box_area .messages_chat .single_message_chat.sender_message {

        padding-right: 0%;

        padding-left: 0%;

        margin-bottom: 30px

    }

}



@media(max-width:991px) {

    .messages_box_area .messages_chat .single_message_chat.sender_message {

        padding-right: 0%;

        padding-left: 0%;

        margin-bottom: 30px

    }

}



@media(min-width:1200px) and (max-width:1500px) {

    .messages_box_area .messages_chat .single_message_chat.sender_message {

        padding-right: 0%;

        padding-left: 0%;

        margin-bottom: 30px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .messages_box_area .messages_chat .single_message_chat.sender_message {

        padding-right: 0%;

        padding-left: 0%;

        margin-bottom: 30px

    }

}



.messages_box_area .messages_chat .single_message_chat.sender_message .message_pre_left {

    margin-bottom: 20px;

    display: flex;

    align-items: center;

    justify-content: flex-end

}



.messages_box_area .messages_chat .single_message_chat.sender_message .messges_info {

    padding-left: 0;

    padding-right: 20px;

    text-align: right

}



.messages_box_area .messages_chat .message_send_field {

    padding-top: 50px;

    display: grid;

    grid-template-columns: auto 110px;

    grid-gap: 10px

}



@media(max-width:575.98px) {

    .messages_box_area .messages_chat .message_send_field {

        grid-template-columns: 1fr;

        margin-top: 20px

    }

}



.messages_box_area .messages_chat .message_send_field input {

    color: #676b84;

    font-size: 13px;

    height: 40px;

    width: 100%;

    border-radius: 5px;

    padding-left: 25px;

    border: 1px solid #eee1e2;

    padding-right: 15px

}



.messages_box_area .messages_chat .message_send_field input::placeholder {

    color: #676b84;

    font-weight: 300;

    opacity: 1

}



.email-sidebar {

    height: calc(100% - 3.9375rem)

}



.email-sidebar button {

    border-radius: 30px

}



.email-sidebar h4 {

    font-weight: 600;

    font-size: .875rem;

    color: #333;

    padding: 2.5rem 0 3.125rem 1.5625rem

}



.email-sidebar ul {

    margin-bottom: 3.125rem

}



.email-sidebar ul li {

    display: block

}



.email-sidebar ul li.active a {

    background: rgba(136, 79, 251, .1);

    color: #884ffb !important

}



.email-sidebar ul li a {

    display: flex;

    padding: 10px 15px;

    transition: all .5s ease-in-out;

    font-weight: 600;

    font-size: 15px;

    color: #333;

    align-items: center;

    border-radius: 5px

}



.email-sidebar ul li a>span {

    width: 100%;

    display: flex;

    justify-content: space-between

}



.email-sidebar ul li a:hover {

    background: rgba(136, 79, 251, .1);

    color: #884ffb !important

}



.email-sidebar ul li a:hover i {

    color: #884ffb

}



.email-sidebar ul li a i {

    margin-right: .7rem

}



.primary_checkbox {

    display: inline-block;

    position: relative;

    width: 20px;

    height: 20px;

    margin: 0;

    flex: 20px 0 0;

    line-height: 20px

}



.primary_checkbox .checkmark {

    position: relative;

    width: 20px;

    height: 20px;

    top: 0;

    left: 0;

    display: block;

    cursor: pointer;

    line-height: 20px;

    flex: 20px 0 0;

    border-radius: 5px

}



.primary_checkbox input {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden

}



.primary_checkbox input:checked~.checkmark:after {

    width: 100%;

    height: 100%;

    border: 0;

    transition: .3s;

    transform: scale(0)

}



.primary_checkbox input:checked~.checkmark {

    background: #884ffb !important;

    box-shadow: 0 5px 10px rgba(59, 118, 239, .3) !important;

    transition: .3s

}



.primary_checkbox input:checked~.checkmark::before {

    content: "\e64c";

    font-family: themify;

    position: absolute;

    display: block;

    top: 0;

    left: 3px;

    text-indent: 1px;

    color: #828bb2;

    background-color: transparent;

    border: 0;

    -webkit-transform: rotate(8deg);

    -moz-transform: rotate(8deg);

    -ms-transform: rotate(8deg);

    -o-transform: rotate(8deg);

    transform: rotate(8deg);

    font-size: 10px;

    font-weight: 600;

    line-height: 20px;

    z-index: 99;

    color: #fff;

    transition: .3s

}



.primary_checkbox .checkmark:after {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    content: "";

    width: 20px;

    height: 20px;

    background: 0 0;

    border-radius: 5px;

    border: 0;

    transition: .3s;

    transform: scale(1);

    background: rgba(201, 247, 201, .34)

}



.primary_checkbox .checkmark.red_check::after {

    background: rgba(255, 226, 229, .34)

}



.bayer_table tr {

    margin-bottom: 18px

}



.bayer_table tr td {

    padding-left: 0;

    padding-right: 0;

    vertical-align: middle;

    padding: 0;

    padding-bottom: 24px

}



.bayer_table tr td:first-child {

    width: 100px

}



.bayer_table tr td .byder_thumb {

    width: 81px;

    height: 81px;

    border-radius: 50%

}



.bayer_table tr td .byder_thumb.wh_56 {

    width: 56px;

    height: 56px;

    border-radius: 50%

}



.bayer_table tr td .byer_name {

    margin-bottom: 0;

    white-space: nowrap

}



.bayer_table2 tr td {

    padding-left: 0;

    padding-right: 0;

    vertical-align: middle;

    padding: 0;

    padding-bottom: 25px

}



.bayer_table2 tr td:first-child {

    width: 70px !important

}



.bayer_table2 tr td .byder_thumb {

    width: 56px;

    height: 56px;

    border-radius: 50%

}



.bayer_table2 tr td .byer_name {

    margin-bottom: 0

}



.blue_button {

    font-size: 12px;

    font-weight: 600;

    color: #2f90f7;

    background: #e7f3fe;

    display: inline-block;

    padding: 4px 16px;

    border-radius: 30px

}



.notification_btn {

    font-size: 10px;

    font-weight: 400;

    color: #fff;

    background: #508ff4;

    display: inline-block;

    border-radius: 3px;

    padding: 4px 14px

}



.notification_btn:hover {

    color: #fff

}



.notification_btn.yellow_btn {

    background: #ffbf43;

    color: #fff

}



.notification_btn.green_btn {

    background: #4be69d;

    color: #fff

}



.notification_btn.violate_btn {

    background: #9267ff;

    color: #fff

}



.f_w_100 {

    font-weight: 100

}



.f_w_200 {

    font-weight: 200

}



.f_w_300 {

    font-weight: 300

}



.f_w_400 {

    font-weight: 400

}



.f_w_500 {

    font-weight: 500

}



.f_w_600 {

    font-weight: 600

}



.f_w_700 {

    font-weight: 700

}



.f_w_800 {

    font-weight: 800

}



.f_w_900 {

    font-weight: 900

}



.f_15 {

    font-size: 15px

}



.f_16 {

    font-size: 16px

}



.color_blue {

    color: #2f90f7

}



.color_blue2 {

    color: #8ac6fb

}



.color_parpel {

    color: #833cdf

}



.color_parpel2 {

    color: #f65365

}



.color_pink {

    color: #fe80b2

}



.color_yellow {

    color: #ffcb24

}



.theme_bg_1 {

    background: #a37bfd !important

}



.theme_color_1 {

    color: #2d1967 !important

}



.theme_color_2 {

    color: #833cdf !important

}



.theme_color_3 {

    color: #fe80b2 !important

}



.theme_color_4 {

    color: #fe80b2 !important

}



.theme_color_5 {

    color: #2ff0f7 !important

}



.theme_color_6 {

    color: #8950fc !important

}



.theme_bg_6 {

    background: #8950fc !important

}



.mb_40 {

    margin-bottom: 40px

}



.box_shadow {

    box-shadow: 0 12px 30px rgba(46, 71, 101, .1)

}



.primary-color ul li {

    padding: 10px 15px

}



.primary-color ul li:nth-child(1) {

    background-color: #8a75dd

}



.primary-color ul li:nth-child(1)::before {

    content: "#8a75dd";

    display: block;

    color: #fff;

    text-align: center

}



.primary-color ul li:nth-child(2) {

    background-color: #846edb

}



.primary-color ul li:nth-child(2)::before {

    content: "#8a75dd";

    display: block;

    color: #fff;

    text-align: center

}



.primary-color ul li:nth-child(3) {

    background-color: #7f68da

}



.primary-color ul li:nth-child(3)::before {

    content: "#7f68da";

    display: block;

    color: #fff;

    text-align: center

}



.primary-color ul li:nth-child(4) {

    background-color: #7a62d8

}



.primary-color ul li:nth-child(4)::before {

    content: "#7a62d8";

    display: block;

    color: #fff;

    text-align: center

}



.primary-color ul li:nth-child(5) {

    background-color: #755cd7

}



.primary-color ul li:nth-child(5)::before {

    content: "#755cd7";

    display: block;

    color: #fff;

    text-align: center

}



.primary-color ul li:nth-child(6) {

    background-color: #7056d5

}



.primary-color ul li:nth-child(6)::before {

    content: "#7056d5";

    display: block;

    color: #fff;

    text-align: center

}



.primary-color ul li:nth-child(7) {

    background-color: #6a50d4

}



.primary-color ul li:nth-child(7)::before {

    content: "#6a50d4";

    display: block;

    color: #fff;

    text-align: center

}



.primary-color ul li:nth-child(8) {

    background-color: #654ad2

}



.primary-color ul li:nth-child(8)::before {

    content: "#654ad2";

    display: block;

    color: #fff;

    text-align: center

}



.secondary-color ul li {

    padding: 10px 15px

}



.secondary-color ul li:nth-child(1) {

    background-color: #69b9ec

}



.secondary-color ul li:nth-child(1)::before {

    content: "#69b9ec";

    display: block;

    color: #fff;

    text-align: center

}



.secondary-color ul li:nth-child(2) {

    background-color: #64b6eb

}



.secondary-color ul li:nth-child(2)::before {

    content: "#64b6eb";

    display: block;

    color: #fff;

    text-align: center

}



.secondary-color ul li:nth-child(3) {

    background-color: #60b4ea

}



.secondary-color ul li:nth-child(3)::before {

    content: "#60b4ea";

    display: block;

    color: #fff;

    text-align: center

}



.secondary-color ul li:nth-child(4) {

    background-color: #5bb2ea

}



.secondary-color ul li:nth-child(4)::before {

    content: "#5bb2ea";

    display: block;

    color: #fff;

    text-align: center

}



.secondary-color ul li:nth-child(5) {

    background-color: #57b0e9

}



.secondary-color ul li:nth-child(5)::before {

    content: "#57b0e9";

    display: block;

    color: #fff;

    text-align: center

}



.secondary-color ul li:nth-child(6) {

    background-color: #52aee9

}



.secondary-color ul li:nth-child(6)::before {

    content: "#52aee9";

    display: block;

    color: #fff;

    text-align: center

}



.secondary-color ul li:nth-child(7) {

    background-color: #4eace8

}



.secondary-color ul li:nth-child(7)::before {

    content: "#4eace8";

    display: block;

    color: #fff;

    text-align: center

}



.secondary-color ul li:nth-child(8) {

    background-color: #49aae8

}



.secondary-color ul li:nth-child(8)::before {

    content: "#49aae8";

    display: block;

    color: #fff;

    text-align: center

}



.success-color ul li {

    padding: 10px 15px

}



.success-color ul li:nth-child(1) {

    background-color: #d7ff97

}



.success-color ul li:nth-child(1)::before {

    content: "#d7ff97";

    display: block;

    color: #fff;

    text-align: center

}



.success-color ul li:nth-child(2) {

    background-color: #d1ff88

}



.success-color ul li:nth-child(2)::before {

    content: "#d1ff88";

    display: block;

    color: #fff;

    text-align: center

}



.success-color ul li:nth-child(3) {

    background-color: #ccff78

}



.success-color ul li:nth-child(3)::before {

    content: "#ccff78";

    display: block;

    color: #fff;

    text-align: center

}



.success-color ul li:nth-child(4) {

    background-color: #c6ff69

}



.success-color ul li:nth-child(4)::before {

    content: "#c6ff69";

    display: block;

    color: #fff;

    text-align: center

}



.success-color ul li:nth-child(5) {

    background-color: #c0ff5a

}



.success-color ul li:nth-child(5)::before {

    content: "#c0ff5a";

    display: block;

    color: #fff;

    text-align: center

}



.success-color ul li:nth-child(6) {

    background-color: #b4ff3b

}



.success-color ul li:nth-child(6)::before {

    content: "#b4ff3b";

    display: block;

    color: #fff;

    text-align: center

}



.success-color ul li:nth-child(7) {

    background-color: #aeff2c

}



.success-color ul li:nth-child(7)::before {

    content: "#aeff2c";

    display: block;

    color: #fff;

    text-align: center

}



.success-color ul li:nth-child(8) {

    background-color: #a9ff1d

}



.success-color ul li:nth-child(8)::before {

    content: "#a9ff1d";

    display: block;

    color: #fff;

    text-align: center

}



.ui-sortable-handle {

    cursor: move

}



.chart_height_300px {

    height: 400px

}



.amcharts-export-menu.amcharts-export-menu-top-right.amExportButton {

    display: none

}



.single_update_news {

    border-bottom: 1px solid #f3f4f3;

    padding: 15px 0 17px

}



.single_update_news:first-child {

    border-top: 1px solid #f3f4f3

}



.single_update_news h5 {

    margin-bottom: 0

}



.single_update_news p {

    margin-bottom: 0

}



.monthly_plan_wraper .single_plan {

    margin-bottom: 15px

}



.monthly_plan_wraper .single_plan:last-child {

    margin-bottom: 0

}



.monthly_plan_wraper .single_plan .plan_left .thumb {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    margin-right: 10px;

    padding: 12px;

    background: #f5f5ff;

    line-height: 1

}



.monthly_plan_wraper .single_plan .plan_left .thumb img {

    width: 100%

}



.monthly_plan_wraper .single_plan .plan_left h5 {

    font-size: 16px;

    font-weight: 700;

    color: #474d58;

    margin-bottom: 0

}



.monthly_plan_wraper .single_plan .plan_left span {

    font-size: 12px;

    color: #b5b5c3 !important;

    font-weight: 700;

    line-height: 12px

}



.monthly_plan_wraper .single_plan .brouser_btn {

    background: #f3f6f9;

    font-size: 12px;

    font-weight: 700;

    color: #757575;

    border-radius: 5px;

    padding: 8px 9px;

    line-height: 12px

}



.monthly_plan_wraper .total_blance {

    background: #f8faff;

    border-radius: 5px;

    padding: 18px 30px

}



.Sales_Details_plan .row .col-lg-6:nth-child(1) .thumb {

    background: #eee5ff

}



.Sales_Details_plan .row .col-lg-6:nth-child(2) .thumb {

    background: #ffe2e5

}



.Sales_Details_plan .row .col-lg-6:nth-child(3) .thumb {

    background: #c9f7f5

}



.Sales_Details_plan .row .col-lg-6:nth-child(4) .thumb {

    background: #d7f9ef

}



.Sales_Details_plan .single_plan {

    margin-bottom: 30px

}



.Sales_Details_plan .single_plan .plan_left .thumb {

    width: 45px;

    height: 45px;

    border-radius: .42rem;

    margin-right: 10px;

    padding: 12px;

    background: #f5f5ff;

    line-height: 1

}



.Sales_Details_plan .single_plan .plan_left .thumb img {

    width: 100%

}



.Sales_Details_plan .single_plan .plan_left h5 {

    font-size: 16px;

    font-weight: 700;

    color: #474d58;

    margin-bottom: 0

}



.Sales_Details_plan .single_plan .plan_left span {

    font-size: 12px;

    color: #b5b5c3 !important;

    font-weight: 700;

    line-height: 12px

}



.Sales_Details_plan .single_plan .brouser_btn {

    background: #f3f6f9;

    font-size: 12px;

    font-weight: 700;

    color: #757575;

    border-radius: 5px;

    padding: 8px 9px;

    line-height: 12px

}



.Sales_Details_plan .total_blance {

    background: #f8faff;

    border-radius: 5px;

    padding: 18px 30px

}



.sales_renew_btns a {

    color: #303e67

}



.sales_renew_btns a.active {

    color: #1c2d41;

    background-color: #f1f5fa

}



.common_tab_btn a {

    color: #7e8299;

    font-size: 12px;

    font-weight: 600;

    border-radius: 8px;

    padding: 5px 13px

}



.common_tab_btn a.active {

    color: #fff;

    background-color: #884ffb

}



.common_tab_btn2 a {

    color: #7e8299;

    font-size: 12px;

    font-weight: 600;

    border-radius: 8px;

    padding: 5px 13px

}



.common_tab_btn2 a.active {

    color: #fff;

    background-color: #f64e60

}



.white_card_body.renew_report_card {

    padding: 39px 50px

}



.dashboard_w_map {

    height: 270px

}



.dashboard_w_map .jvectormap-zoomin,

.dashboard_w_map .jvectormap-zoomout {

    width: 20px;

    height: 20px

}



.dashboard_w_map .jvectormap-zoomin {

    top: 10px

}



.dashboard_w_map .jvectormap-zoomin,

.dashboard_w_map .jvectormap-zoomout,

.dashboard_w_map .jvectormap-goback {

    position: absolute;

    left: auto;

    right: 0;

    display: inline-block;

    border-radius: 50%;

    background: #f8f8fc;

    padding: 5px;

    color: #435177;

    cursor: pointer;

    line-height: 20px;

    text-align: center;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}



.single_progressbar h6 {

    font-size: 14px;

    font-weight: 400;

    color: #474d58

}



.single_progressbar .barfiller span {

    color: #8890b5 !important;

    font-size: 11px

}



.card_container {

    padding: 20px

}



.devices_btn {

    display: flex;

    justify-content: center;

    flex-wrap: wrap

}



.devices_btn a:not(:last-child) {

    margin-right: 15px

}



.devices_btn a {

    margin-bottom: 10px

}



.social_media_card {

    background-color: #eee5ff;

    background-image: url(../img/shape_2.svg);

    background-size: cover;

    background-position: top right;

    background-repeat: no-repeat

}



.social_media_card .media_card_body {

    padding: 25px;

    position: relative;

    z-index: 1

}



.social_media_card .media_card_body::before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    background: #fff;

    width: 100%;

    bottom: 0;

    top: 70px;

    z-index: -1;

    border-radius: 15px

}



.social_media_card .media_card_body .media_card_list {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 25px

}



.social_media_card .media_card_body .media_card_list .single_media_card {

    background: #fff4de;

    border-radius: 15px;

    height: 136px;

    display: flex;

    align-items: self-start;

    flex-direction: column;

    justify-content: end;

    padding: 25px

}



.social_media_card .media_card_body .media_card_list .single_media_card span {

    color: #ffc881;

    font-size: 12px;

    font-weight: 700

}



.social_media_card .media_card_body .media_card_list .single_media_card h3 {

    font-size: 28px;

    font-weight: 900;

    margin-bottom: 0;

    color: #ffad44

}



.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(2) {

    background: #e2fff6

}



.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(2) span {

    color: #69e2bd

}



.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(2) h3 {

    color: #25c997

}



.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(3) {

    background: #ffe2e5

}



.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(3) span {

    color: #ff8895

}



.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(3) h3 {

    color: #f64e60

}



.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(4) {

    background: #e1f0ff

}



.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(4) span {

    color: #76b5f5

}



.social_media_card .media_card_body .media_card_list .single_media_card:nth-child(4) h3 {

    color: #3699ff

}



.sales_card_wrapper {

    background-color: #f65365;

    position: relative;

    background-image: url(../img/plane_thumb.svg);

    background-repeat: no-repeat;

    background-size: cover;

    background-size: 100% 58%;

    background-position: top left

}



.sales_card_wrapper .sales_card_body {

    background: #fff;

    border-radius: 15px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    row-gap: 40px;

    padding: 30px 70px;

    position: relative;

    margin: 200px 15px 0;

    bottom: 15px

}



.sales_card_wrapper .sales_card_body .single_sales span {

    font-size: 12px;

    font-weight: 700;

    color: #757575;

    display: block;

    margin-bottom: 5px

}



.sales_card_wrapper .sales_card_body .single_sales h3 {

    font-size: 25px;

    color: #474d58;

    font-weight: 900;

    margin-bottom: 0

}



.notification_wrapper .single_notification {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 30px

}



.notification_wrapper .single_notification .notification_info h4 {

    color: #2e4765;

    margin-bottom: 0

}



.notification_wrapper .single_notification .notification_info p {

    font-size: 13px;

    font-weight: 400;

    color: #7f8b9f

}



.color_bg {

    width: 27px;

    height: 28px;

    border-radius: 5px;

    background: #c9f7f5;

    flex: 27px 0 0

}



.color_bg.color_lite_pink {

    background: #ffe2e5

}



.color_bg.color_lite_violate {

    background: #e2e4ff

}



.color_bg.color_lite_green {

    background: #e2fff0

}



.color_bg.color_lite_yellow {

    background: #fdffe2

}



.mr_15 {

    margin-right: 15px;

    margin-top: 7px

}



.property_wrapper .single_property {

    display: flex;

    align-items: center;

    margin-bottom: 22px;

    flex-wrap: wrap

}



@media(max-width:575.98px) {

    .property_wrapper .single_property {

        flex-wrap: wrap

    }

}



.property_wrapper .single_property .property_thumb {

    margin-right: 40px;

    position: relative

}



.property_wrapper .single_property .property_thumb .img_up {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    opacity: 0;

    cursor: pointer

}



.property_wrapper .single_property .property_thumb img {

    width: 190px;

    height: 173px;

    border-radius: 5px

}



.property_wrapper .single_property .property_content {

    margin: 10px 0

}



.property_wrapper .single_property .property_content a h4 {

    font-size: 29px;

    color: #2e4765;

    font-weight: 700;

    margin-bottom: 0

}



@media(max-width:575.98px) {

    .property_wrapper .single_property .property_content a h4 {

        font-size: 20px

    }

}



.property_wrapper .single_property .property_content a h4.Up_name {

    color: #d1d1d1

}



.property_wrapper .single_property .property_content a.property_location {

    font-size: 14px;

    color: #2f90f7;

    background: #e7f3fe;

    display: inline-block;

    padding: 10px 14px;

    display: inline-flex;

    align-items: center;

    margin-top: 24px;

    margin-bottom: 10px;

    border-radius: 5px

}



.property_wrapper .single_property .property_content a.property_location img {

    margin-right: 10px

}



.property_wrapper .single_property .property_content p {

    font-size: 14px;

    color: #7f8b9f;

    font-weight: 400

}



.property_wrapper .single_property .property_content p span {

    margin-right: 30px

}



.property_wrapper .single_property .property_content p span:last-child {

    margin: 0

}



.weather_box {

    background: #0090ff

}



.weather_box .weather_header {

    display: flex;

    position: relative;

    justify-content: space-between;

    align-items: center

}



.weather_box .weather_header .thumb {

    top: 0;

    right: 0

}



.weather_box .weather_header .thumb img {

    width: 160px

}



@media(max-width:575.98px) {

    .weather_box .weather_header .thumb img {

        width: 100%

    }

}



.weather_box .weather_header .weather_info {

    display: inline-block

}



.weather_box .weather_header .weather_info h4 {

    font-size: 22px;

    color: #fff;

    font-weight: 700;

    margin-right: 25px;

    display: inline-block;

    vertical-align: top

}



.weather_box .weather_header .weather_info p {

    font-size: 22px;

    display: inline-block;

    color: #fff;

    vertical-align: top;

    font-weight: 400

}



.weather_box .weather_content ul {

    display: flex;

    justify-content: space-between;

    margin-bottom: 20px;

    flex-wrap: wrap

}



@media(max-width:575.98px) {

    .weather_box .weather_content ul {

        margin-top: 10px

    }

}



.weather_box .weather_content ul li span.selcias {

    font-size: 71px;

    font-weight: 700;

    color: #ffdc7b;

    text-transform: uppercase

}



@media(max-width:991px) {

    .weather_box .weather_content ul li span.selcias {

        font-size: 30px

    }

}



.weather_box .weather_content ul li.weather_percent {

    font-size: 37px;

    font-weight: 400;

    color: #fff;

    display: flex;

    align-items: center

}



@media(max-width:991px) {

    .weather_box .weather_content ul li.weather_percent {

        font-size: 28px

    }

}



.weather_box .weather_content ul li.weather_percent .thumb {

    margin-right: 22px

}



.weather_box .weather_content p {

    font-size: 28px;

    color: #fff;

    font-weight: 400

}



@media(max-width:991px) {

    .weather_box .weather_content p {

        font-size: 18px

    }

}



.weather_box .weather_content p .eql {

    display: inline-block

}



.weather_box .weather_content p span span {

    font-size: 21px

}



.option_icon {

    cursor: pointer

}



.default-datepicker .datepicker-inline .datepicker .datepicker--nav .datepicker--nav-action {

    display: none

}



.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names {

    margin: 30px 0 0;

    padding: 15px 0

}



.default-datepicker .datepicker-inline .datepicker {

    width: auto;

    background: transparent;

    -webkit-box-shadow: none;

    box-shadow: none;

    padding: 0

}



.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--days-names .datepicker--day-name {

    font-size: 14px;

    font-family: mulish, sans-serif;

    color: #2b2b2b;

    font-size: 14px

}



.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {

    color: #2b2b2b

}



.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell {

    font-weight: 700;

    font-size: 18px

}



.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day {

    height: 51px;

    color: #2b2b2b

}



.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day:hover {

    background: #884ffb;

    border: 2px solid #884ffb;

    color: #fff

}



.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {

    color: #ff3000;

    font-size: 18px;

    font-weight: 900;

    font-family: mulish, sans-serif

}



.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {

    border-radius: 8px;

    padding: 0 8px

}



.default-datepicker .datepicker-inline .datepicker .datepicker--nav {

    border-bottom: none;

    padding: 0;

    text-transform: capitalize;

    margin-top: -12px

}



.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {

    margin-left: 10px;

    font-weight: 400;

    font-size: 30px;

    color: #2b2b2b;

    font-family: mulish, sans-serif;

    color: #884ffb

}



.default-datepicker .datepicker-inline .datepicker .datepicker--day-name {

    color: #000;

    font-weight: 700

}



.default-datepicker .datepicker--days-names {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 8px 0 3px

}



.default-datepicker .datepicker--cells {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.default-datepicker .datepicker--cell-day {

    width: 14.28571%;

    height: 34px

}



.default-datepicker .datepicker--cell {

    border-radius: 15px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    cursor: pointer;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 32px;

    z-index: 1

}



.default-datepicker .datepicker--nav-title,

.default-datepicker .datepicker--nav-action {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    cursor: pointer;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.default-datepicker .datepicker--cell.-current- {

    color: #fff !important;

    border-radius: 15px;

    font-weight: 700;

    border: 2px solid #884ffb;

    background: #884ffb

}



.default-datepicker .datepicker--cell.-focus- {

    background: #884ffb;

    border: 2px solid #884ffb;

    color: #fff

}



.datepicker--cell-day.-other-month-,

.datepicker--cell-year.-other-decade- {

    color: #dedede

}



.date_picker_wrapper {

    padding: 0;

    padding: 45px 50px;

    border-radius: 15px;

    background: #fff;

    background-image: url(../img/dateBg.png);

    background-size: 100% 100%;

    background-repeat: no-repeat

}



.datepicker--cell.-selected- {

    border: none;

    background: #884ffb;

    color: #fff

}



.datepicker--cell.-selected-.-current- {

    border: none;

    background: #884ffb;

    color: #fff

}



.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected- {

    background: #884ffb;

    color: #fff;

    border-radius: 15px;

    position: relative

}



.datepicker--cell.-focus- {

    background: #884ffb;

    color: #fff

}



.datepicker--cell.-current- {

    color: #000;

    border-radius: 5px;

    font-weight: 700;

    border: 2px solid #884ffb

}



.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell-day.-other-month- {

    color: #8890b5

}



.erroe_page_wrapper .errow_wrap {

    display: flex;

    padding: 40px 0;

    align-items: center;

    justify-content: center

}



.erroe_page_wrapper .errow_wrap img {

    width: 100px;

    margin: auto

}



.erroe_page_wrapper .errow_wrap .error_heading {

    margin-top: 60px

}



.erroe_page_wrapper .errow_wrap .error_heading h3.headline {

    font-size: 200px;

    font-weight: 800;

    line-height: 1

}



@media(max-width:991px) {

    .erroe_page_wrapper .errow_wrap .error_heading h3.headline {

        font-size: 120px

    }

}



.erroe_page_wrapper .errow_wrap p {

    font-size: 18px;

    letter-spacing: 1px;

    color: #000;

    font-weight: 400;

    margin-top: 30px;

    line-height: 35px;

    margin-bottom: 30px

}



.card_box {

    border-radius: 15px

}



.card_box .white_box_tittle {

    background-color: #fff;

    padding: 50px;

    border-bottom: 1px solid #f2f4ff;

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

    position: relative;

    overflow: hidden

}



.card_box .box_body {

    padding: 50px

}



.card_box .box_body .card {

    margin-bottom: 40px;

    border: 0;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    letter-spacing: .5px;

    border-radius: 40px;

    -webkit-box-shadow: 0 0 25px 0 rgba(126, 55, 216, .05);

    box-shadow: 0 0 25px 0 rgba(126, 55, 216, .05)

}



.card_box .box_body .card:last-child {

    margin-bottom: 0

}



.card_box .box_body .card .card-header {

    background-color: #fff;

    padding: 50px;

    border-bottom: 1px solid #f2f4ff;

    border-top-left-radius: 40px;

    border-top-right-radius: 40px;

    position: relative;

    overflow: hidden;

    padding: .75rem 1.25rem

}



.card_box .box_body .card .card-header h5 {

    margin-bottom: 0;

    text-transform: capitalize;

    font-weight: 800;

    line-height: 1;

    margin-bottom: 2px

}



.card_box .box_body .card .card-header h5 button {

    font-weight: 600;

    color: #1b3155

}



.card_box .box_body .card .card-body {

    padding: 50px;

    background-color: transparent

}



.default-according.arrow_style button::before {

    right: 25px;

    position: absolute;

    -webkit-transition: .4s;

    transition: .4s;

    content: "\e648";

    font-family: themify;

    font-size: 14px

}



.default-according.arrow_style button.collapsed::before {

    right: 25px;

    position: absolute;

    -webkit-transition: .4s;

    transition: .4s;

    content: "\e64b";

    font-family: themify;

    font-size: 14px

}



.typography small {

    padding-left: 10px;

    color: #2c323f

}



/*!PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license*/

.pswp__button {

    width: 44px;

    height: 44px;

    position: relative;

    background: 0;

    cursor: pointer;

    overflow: visible;

    -webkit-appearance: none;

    display: block;

    border: 0;

    padding: 0;

    margin: 0;

    float: right;

    opacity: .75;

    -webkit-transition: opacity .2s;

    transition: opacity .2s;

    -webkit-box-shadow: none;

    box-shadow: none

}



.pswp__button:focus,

.pswp__button:hover {

    opacity: 1

}



.pswp__button:active {

    outline: 0;

    opacity: .9

}



.pswp__button::-moz-focus-inner {

    padding: 0;

    border: 0

}



.pswp__ui--over-close .pswp__button--close {

    opacity: 1

}



.pswp__button,

.pswp__button--arrow--left:before,

.pswp__button--arrow--right:before {

    background: url(../img/default-skin/default-skin.png) 0 0 no-repeat;

    background-size: 264px 88px;

    width: 44px;

    height: 44px

}



@media(-webkit-min-device-pixel-ratio:1.1),

(-webkit-min-device-pixel-ratio:1.09375),

(min-resolution:105dpi),

(min-resolution:1.1dppx) {



    .pswp--svg .pswp__button,

    .pswp--svg .pswp__button--arrow--left:before,

    .pswp--svg .pswp__button--arrow--right:before {

        background-image: url(../img/default-skin/default-skin.svg)

    }



    .pswp--svg .pswp__button--arrow--left,

    .pswp--svg .pswp__button--arrow--right {

        background: 0

    }

}



.pswp__button--close {

    background-position: 0 -44px

}



.pswp__button--share {

    background-position: -44px -44px

}



.pswp__button--fs {

    display: none

}



.pswp--supports-fs .pswp__button--fs {

    display: block

}



.pswp--fs .pswp__button--fs {

    background-position: -44px 0

}



.pswp__button--zoom {

    display: none;

    background-position: -88px 0

}



.pswp--zoom-allowed .pswp__button--zoom {

    display: block

}



.pswp--zoomed-in .pswp__button--zoom {

    background-position: -132px 0

}



.pswp--touch .pswp__button--arrow--left,

.pswp--touch .pswp__button--arrow--right {

    visibility: hidden

}



.pswp__button--arrow--left,

.pswp__button--arrow--right {

    background: 0;

    top: 50%;

    margin-top: -50px;

    width: 70px;

    height: 100px;

    position: absolute

}



.pswp__button--arrow--left {

    left: 0

}



.pswp__button--arrow--right {

    right: 0

}



.pswp__button--arrow--left:before,

.pswp__button--arrow--right:before {

    content: '';

    top: 35px;

    background-color: rgba(0, 0, 0, .3);

    height: 30px;

    width: 32px;

    position: absolute

}



.pswp__button--arrow--left:before {

    left: 6px;

    background-position: -138px -44px

}



.pswp__button--arrow--right:before {

    right: 6px;

    background-position: -94px -44px

}



.pswp__counter,

.pswp__share-modal {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.pswp__share-modal {

    display: block;

    background: rgba(0, 0, 0, .5);

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    padding: 10px;

    position: absolute;

    z-index: 1600;

    opacity: 0;

    -webkit-transition: opacity .25s ease-out;

    transition: opacity .25s ease-out;

    -webkit-backface-visibility: hidden;

    will-change: opacity

}



.pswp__share-modal--hidden {

    display: none

}



.pswp__share-tooltip {

    z-index: 1620;

    position: absolute;

    background: #fff;

    top: 56px;

    border-radius: 2px;

    display: block;

    width: auto;

    right: 44px;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);

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

    -webkit-transform: translateY(6px);

    transform: translateY(6px);

    -webkit-transition: -webkit-transform .25s;

    transition: -webkit-transform .25s;

    transition: transform .25s;

    transition: transform .25s, -webkit-transform .25s;

    -webkit-backface-visibility: hidden;

    will-change: transform

}



.pswp__share-tooltip a {

    display: block;

    padding: 8px 12px;

    color: #000;

    text-decoration: none;

    font-size: 14px;

    line-height: 18px

}



.pswp__share-tooltip a:hover {

    text-decoration: none;

    color: #000

}



.pswp__share-tooltip a:first-child {

    border-radius: 2px 2px 0 0

}



.pswp__share-tooltip a:last-child {

    border-radius: 0 0 2px 2px

}



.pswp__share-modal--fade-in {

    opacity: 1

}



.pswp__share-modal--fade-in .pswp__share-tooltip {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.pswp--touch .pswp__share-tooltip a {

    padding: 16px 12px

}



a.pswp__share--facebook:before {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    top: -12px;

    right: 15px;

    border: 6px solid transparent;

    border-bottom-color: #fff;

    -webkit-pointer-events: none;

    -moz-pointer-events: none;

    pointer-events: none

}



a.pswp__share--facebook:hover {

    background: #3e5c9a;

    color: #fff

}



a.pswp__share--facebook:hover:before {

    border-bottom-color: #3e5c9a

}



a.pswp__share--twitter:hover {

    background: #55acee;

    color: #fff

}



a.pswp__share--pinterest:hover {

    background: #ccc;

    color: #ce272d

}



a.pswp__share--download:hover {

    background: #ddd

}



.pswp__counter {

    position: absolute;

    left: 0;

    top: 0;

    height: 44px;

    font-size: 13px;

    line-height: 44px;

    color: #fff;

    opacity: .75;

    padding: 0 10px

}



.pswp__caption {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    min-height: 44px

}



.pswp__caption small {

    font-size: 11px;

    color: #bbb

}



.pswp__caption__center {

    text-align: center;

    max-width: 420px;

    margin: 0 auto;

    font-size: 13px;

    padding: 10px;

    line-height: 20px;

    color: #ccc

}



.pswp__caption--empty {

    display: none

}



.pswp__caption--fake {

    visibility: hidden

}



.pswp__preloader {

    width: 44px;

    height: 44px;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -22px;

    opacity: 0;

    -webkit-transition: opacity .25s ease-out;

    transition: opacity .25s ease-out;

    will-change: opacity;

    direction: ltr

}



.pswp__preloader__icn {

    width: 20px;

    height: 20px;

    margin: 12px

}



.pswp__preloader--active {

    opacity: 1

}



.pswp__preloader--active .pswp__preloader__icn {

    background: url(preloader.html) 0 0 no-repeat

}



.pswp--css_animation .pswp__preloader--active {

    opacity: 1

}



.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {

    -webkit-animation: clockwise 500ms linear infinite;

    animation: clockwise 500ms linear infinite

}



.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {

    -webkit-animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;

    animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite

}



.pswp--css_animation .pswp__preloader__icn {

    background: 0;

    opacity: .75;

    width: 14px;

    height: 14px;

    position: absolute;

    left: 15px;

    top: 15px;

    margin: 0

}



.pswp--css_animation .pswp__preloader__cut {

    position: relative;

    width: 7px;

    height: 14px;

    overflow: hidden

}



.pswp--css_animation .pswp__preloader__donut {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    width: 14px;

    height: 14px;

    border: 2px solid #fff;

    border-radius: 50%;

    border-left-color: transparent;

    border-bottom-color: transparent;

    position: absolute;

    top: 0;

    left: 0;

    background: 0;

    margin: 0

}



@media screen and (max-width:1024px) {

    .pswp__preloader {

        position: relative;

        left: auto;

        top: auto;

        margin: 0;

        float: right

    }

}



@-webkit-keyframes clockwise {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes clockwise {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@-webkit-keyframes donut-rotate {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    50% {

        -webkit-transform: rotate(-140deg);

        transform: rotate(-140deg)

    }



    100% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

}



@keyframes donut-rotate {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }



    50% {

        -webkit-transform: rotate(-140deg);

        transform: rotate(-140deg)

    }



    100% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

}



.pswp__ui {

    -webkit-font-smoothing: auto;

    visibility: visible;

    opacity: 1;

    z-index: 1550

}



.pswp__top-bar {

    position: absolute;

    left: 0;

    top: 0;

    height: 44px;

    width: 100%

}



.pswp__caption,

.pswp__top-bar,

.pswp--has_mouse .pswp__button--arrow--left,

.pswp--has_mouse .pswp__button--arrow--right {

    -webkit-backface-visibility: hidden;

    will-change: opacity;

    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);

    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)

}



.pswp--has_mouse .pswp__button--arrow--left,

.pswp--has_mouse .pswp__button--arrow--right {

    visibility: visible

}



.pswp__top-bar,

.pswp__caption {

    background-color: rgba(0, 0, 0, .5)

}



.pswp__ui--fit .pswp__top-bar,

.pswp__ui--fit .pswp__caption {

    background-color: rgba(0, 0, 0, .3)

}



.pswp__ui--idle .pswp__top-bar {

    opacity: 0

}



.pswp__ui--idle .pswp__button--arrow--left,

.pswp__ui--idle .pswp__button--arrow--right {

    opacity: 0

}



.pswp__ui--hidden .pswp__top-bar,

.pswp__ui--hidden .pswp__caption,

.pswp__ui--hidden .pswp__button--arrow--left,

.pswp__ui--hidden .pswp__button--arrow--right {

    opacity: .001

}



.pswp__ui--one-slide .pswp__button--arrow--left,

.pswp__ui--one-slide .pswp__button--arrow--right,

.pswp__ui--one-slide .pswp__counter {

    display: none

}



.pswp__element--disabled {

    display: none !important

}



.pswp--minimal--dark .pswp__top-bar {

    background: 0

}



/*!PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license*/

.pswp {

    display: none;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    overflow: hidden;

    -ms-touch-action: none;

    touch-action: none;

    z-index: 1500;

    -webkit-text-size-adjust: 100%;

    -webkit-backface-visibility: hidden;

    outline: 0

}



.pswp * {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.pswp img {

    max-width: none

}



.pswp--animate_opacity {

    opacity: .001;

    will-change: opacity;

    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);

    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)

}



.pswp--open {

    display: block

}



.pswp--zoom-allowed .pswp__img {

    cursor: -webkit-zoom-in;

    cursor: zoom-in

}



.pswp--zoomed-in .pswp__img {

    cursor: -webkit-grab;

    cursor: grab

}



.pswp--dragging .pswp__img {

    cursor: -webkit-grabbing;

    cursor: grabbing

}



.pswp__bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0;

    -webkit-backface-visibility: hidden;

    will-change: opacity

}



.pswp__scroll-wrap {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden

}



.pswp__container,

.pswp__zoom-wrap {

    -ms-touch-action: none;

    touch-action: none;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0

}



.pswp__container,

.pswp__img {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none

}



.pswp__zoom-wrap {

    position: absolute;

    width: 100%;

    -webkit-transform-origin: left top;

    transform-origin: left top;

    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);

    transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);

    transition: transform 333ms cubic-bezier(.4, 0, .22, 1);

    transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)

}



.pswp__bg {

    will-change: opacity;

    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);

    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)

}



.pswp--animated-in .pswp__bg,

.pswp--animated-in .pswp__zoom-wrap {

    -webkit-transition: none;

    transition: none

}



.pswp__container,

.pswp__zoom-wrap {

    -webkit-backface-visibility: hidden

}



.pswp__item {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    overflow: hidden

}



.pswp__img {

    position: absolute;

    width: auto;

    height: auto;

    top: 0;

    left: 0

}



.pswp__img--placeholder {

    -webkit-backface-visibility: hidden

}



.pswp__img--placeholder--blank {

    background: #222

}



.pswp--ie .pswp__img {

    width: 100% !important;

    height: auto !important;

    left: 0;

    top: 0

}



.pswp__error-msg {

    position: absolute;

    left: 0;

    top: 50%;

    width: 100%;

    text-align: center;

    font-size: 14px;

    line-height: 16px;

    margin-top: -8px;

    color: #ccc

}



.pswp__error-msg a {

    color: #ccc;

    text-decoration: underline

}



.my-gallery {

    padding-right: 0

}



.my-gallery img {

    width: 100%

}



.my-gallery figure {

    margin-bottom: 30px

}



.my-gallery figcaption {

    display: none

}



.my-gallery.gallery-with-description img {

    padding: 10px !important;

    border: 1px solid #ddd !important;

    border-bottom: none !important;

    border-radius: 15px 15px 0 0 !important

}



.my-gallery.gallery-with-description a>div {

    border-top: none !important;

    margin-bottom: 0;

    padding: 5px 10px 10px

}



.my-gallery.gallery-with-description h4 {

    margin-top: 0

}



.my-gallery.gallery figure.img-hover a>div {

    overflow: hidden;

    border-radius: 15px

}



.my-gallery.gallery figure.img-hover.hover-12 a>div {

    background: #7e37d8

}



.my-gallery.gallery figure.img-hover.hover-12 a>div:hover img {

    opacity: .7

}



#aniimated-thumbnials figure:nth-child(12),

#aniimated-thumbnials figure:nth-child(11),

#aniimated-thumbnials figure:nth-child(10),

#aniimated-thumbnials figure:nth-child(9) {

    margin-bottom: 30px

}



.photo_gallery img {

    border-radius: 10px

}



.Menu_NOtification_Wrap {

    background: #fff;

    box-shadow: 0 10px 15px rgba(6, 0, 8, .22);

    border-radius: 10px;

    position: absolute;

    right: 0;

    width: 350px;

    transform: translateY(30px) translateX(20px);

    opacity: 0;

    visibility: hidden;

    transition: .3s

}



@media(max-width:575.98px) {

    .Menu_NOtification_Wrap {

        width: 300px;

        transform: translateY(30px) translateX(55px)

    }

}



.Menu_NOtification_Wrap.active {

    opacity: 1;

    visibility: visible;

    transform: translateY(20px) translateX(20px)

}



@media(max-width:575.98px) {

    .Menu_NOtification_Wrap.active {

        transform: translateY(16px) translateX(55px)

    }

}



.Menu_NOtification_Wrap .notification_Header {

    padding: 15px 20px;

    border-radius: 10px 10px 0 0;

    background: #8950fc

}



.Menu_NOtification_Wrap .notification_Header h4 {

    font-size: 15px;

    font-weight: 500;

    color: #fff;

    margin-bottom: 0

}



.Menu_NOtification_Wrap .Notification_body {

    padding: 20px;

    height: 300px;

    overflow: auto

}



.Menu_NOtification_Wrap .Notification_body .single_notify {

    margin-bottom: 10px

}



.Menu_NOtification_Wrap .Notification_body .single_notify:last-child {

    margin-bottom: 0

}



.Menu_NOtification_Wrap .Notification_body .single_notify .notify_thumb {

    margin-right: 15px

}



.Menu_NOtification_Wrap .Notification_body .single_notify .notify_thumb img {

    width: 40px;

    height: 40px;

    border-radius: 5px

}



.Menu_NOtification_Wrap .Notification_body .single_notify .notify_content a h5 {

    margin-bottom: 0;

    font-size: 16px;

    font-weight: 500

}



.Menu_NOtification_Wrap .Notification_body .single_notify .notify_content p {

    font-size: 13px;

    font-weight: 400;

    margin-bottom: 0

}



.Menu_NOtification_Wrap .nofity_footer {

    padding: 13px 20px;

    background: #f5f7f9;

    border-radius: 0 0 10px 10px

}



.Menu_NOtification_Wrap .nofity_footer .submit_button a {

    font-size: 12px

}



.CHAT_MESSAGE_POPUPBOX {

    width: 360px;

    background: #fff;

    border-radius: 5px;

    position: fixed;

    bottom: 40px;

    right: 30px;

    z-index: 99999;

    opacity: 0;

    visibility: hidden;

    transform: translateX(50%);

    transition: .5s;

    box-shadow: 0 10px 15px rgba(6, 0, 8, .22)

}



.CHAT_MESSAGE_POPUPBOX.active {

    opacity: 1;

    visibility: visible;

    transform: translateX(0%)

}



@media(max-width:575.98px) {

    .CHAT_MESSAGE_POPUPBOX {

        width: 300px;

        right: 15px;

        bottom: 15px

    }

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_HEADER {

    background: #8950fc;

    border-radius: 5px 5px 0 0;

    padding: 27px 20px;

    position: relative

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_HEADER .MSEESAGE_CHATBOX_CLOSE {

    position: absolute;

    right: 20px;

    top: 25px;

    cursor: pointer

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_HEADER h3 {

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 12px

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_HEADER ul {

    display: flex;

    align-items: center

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_HEADER ul li {

    margin-right: 5.5px

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_HEADER ul li a .member_thumb img {

    width: 27px;

    height: 27px;

    transition: .3s;

    border-radius: 50%

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_HEADER ul li a .member_thumb .more_member_count {

    background: rgba(255, 255, 255, .2);

    width: 27px;

    height: 27px;

    border-radius: 50%;

    text-align: center;

    line-height: 27px

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_HEADER ul li a .member_thumb .more_member_count span {

    font-size: 12px;

    font-weight: 400;

    color: #fff

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_HEADER ul li a:hover img {

    transform: translateY(-5px)

}



.CHAT_MESSAGE_POPUPBOX .chat_input_box {

    background: #f5f7fb;

    border-radius: 0 0 5px 5px;

    padding-right: 10px

}



.CHAT_MESSAGE_POPUPBOX .chat_input_box input {

    background: #f5f7fb;

    height: 50px;

    border: 0;

    padding-left: 20px;

    font-size: 13px

}



.CHAT_MESSAGE_POPUPBOX .chat_input_box input::placeholder {

    color: #707db7;

    font-size: 13px;

    font-weight: 400

}



.CHAT_MESSAGE_POPUPBOX .chat_input_box .input-group-append {

    border-radius: 0 0 10px 10px

}



.CHAT_MESSAGE_POPUPBOX .chat_input_box .input-group-append .btn {

    background: #f5f7fb;

    font-size: 20px;

    color: #a0a7c9;

    padding: 0;

    line-height: 40px;

    position: relative;

    height: 50px

}



.CHAT_MESSAGE_POPUPBOX .chat_input_box .input-group-append .btn input {

    position: absolute;

    height: 100%;

    width: 100%;

    right: 0;

    top: 0;

    left: 0;

    bottom: 0;

    opacity: 0;

    cursor: pointer

}



.CHAT_MESSAGE_POPUPBOX .chat_input_box .input-group-append .btn input::placeholder {

    color: #707db7;

    font-size: 13px;

    font-weight: 400

}



.CHAT_MESSAGE_POPUPBOX .chat_input_box .input-group-append .btn i {

    font-size: 20px

}



.CHAT_MESSAGE_POPUPBOX .chat_input_box .input-group-append .btn:last-child {

    padding-right: 11px;

    padding-left: 11px;

    border-radius: 0 10px 10px 0

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_BODY {

    padding: 20px;

    height: 354px;

    overflow: auto

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_BODY .mesaged_send_date {

    font-size: 13px;

    font-weight: 400;

    color: #415094;

    text-align: center;

    margin-bottom: 12px;

    line-height: 1

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_BODY .CHATING_SENDER {

    display: flex;

    align-items: flex-end;

    margin-bottom: 20px;

    padding-right: 70px

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_BODY .CHATING_SENDER.CHATING_RECEIVEr {

    justify-content: flex-end;

    padding-right: 0;

    padding-left: 60px

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_BODY .CHATING_SENDER.CHATING_RECEIVEr .SMS_thumb {

    margin-right: 0;

    margin-left: 9.55px

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_BODY .CHATING_SENDER.CHATING_RECEIVEr .SEND_SMS_VIEW {

    background: #8950fc

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_BODY .CHATING_SENDER .SMS_thumb {

    margin-right: 9.55px

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_BODY .CHATING_SENDER .SMS_thumb img {

    width: 30px;

    height: 30px;

    border-radius: 50%

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_BODY .CHATING_SENDER .SEND_SMS_VIEW {

    background: #4567ee;

    border-radius: 5px;

    padding: 10px 15px

}



.CHAT_MESSAGE_POPUPBOX .CHAT_POPUP_BODY .CHATING_SENDER .SEND_SMS_VIEW p {

    font-size: 13px;

    color: #fff;

    font-weight: 400;

    line-height: 23px

}



.theme_loder_1 div::after {

    background: #2d1967 !important

}



.blue_loder div::after {

    background: #2f90f7 !important

}



.perpel_loder div::after {

    background: #833cdf !important

}



.pink_loder div::after {

    background: #fe80b2 !important

}



.yellow_loder div::after {

    background: #ffcb24 !important

}



.green_loder div::after {

    background: #2ff0f7 !important

}



.Ring_1 div {

    border-color: #2d1967 transparent transparent transparent !important

}



.Ring_2 div {

    border-color: #2f90f7 transparent transparent transparent !important

}



.Ring_3 div {

    border-color: #833cdf transparent transparent transparent !important

}



.Ring_4 div {

    border-color: #fe80b2 transparent transparent transparent !important

}



.Ring_5 div {

    border-color: #ffcb24 transparent transparent transparent !important

}



.Ring_6 div {

    border-color: #2ff0f7 transparent transparent transparent !important

}



.colord_bg_1 div {

    background-color: #2d1967 !important

}



.colord_bg_2 div {

    background-color: #2f90f7 !important

}



.colord_bg_3 div {

    background-color: #833cdf !important

}



.colord_bg_4 div {

    background-color: #fe80b2 !important

}



.colord_bg_5 div {

    background-color: #ffcb24 !important

}



.colord_bg_6 div {

    background-color: #2ff0f7 !important

}



.loader--spinner {

    display: inline-block;

    position: relative;

    color: official;

    height: 60px;

    width: 60px

}



.loader--spinner div {

    animation: loader--spinner 1.2s linear infinite;

    transform-origin: 30px 30px

}



.loader--spinner div:after {

    display: block;

    position: absolute;

    top: 3px;

    left: 27px;

    border-radius: 20%;

    content: " ";

    height: 10px;

    width: 5px

}



.loader--spinner div:nth-child(1) {

    animation-delay: -1.1s;

    transform: rotate(0deg)

}



.loader--spinner div:nth-child(2) {

    animation-delay: -1s;

    transform: rotate(30deg)

}



.loader--spinner div:nth-child(3) {

    animation-delay: -.9s;

    transform: rotate(60deg)

}



.loader--spinner div:nth-child(4) {

    animation-delay: -.8s;

    transform: rotate(90deg)

}



.loader--spinner div:nth-child(5) {

    animation-delay: -.7s;

    transform: rotate(120deg)

}



.loader--spinner div:nth-child(6) {

    animation-delay: -.6s;

    transform: rotate(150deg)

}



.loader--spinner div:nth-child(7) {

    animation-delay: -.5s;

    transform: rotate(180deg)

}



.loader--spinner div:nth-child(8) {

    animation-delay: -.4s;

    transform: rotate(210deg)

}



.loader--spinner div:nth-child(9) {

    animation-delay: -.3s;

    transform: rotate(240deg)

}



.loader--spinner div:nth-child(10) {

    animation-delay: -.2s;

    transform: rotate(270deg)

}



.loader--spinner div:nth-child(11) {

    animation-delay: -.1s;

    transform: rotate(300deg)

}



.loader--spinner div:nth-child(12) {

    animation-delay: 0s;

    transform: rotate(330deg)

}



@keyframes loader--spinner {

    0% {

        opacity: 1

    }



    100% {

        opacity: 0

    }

}



.loader--ring {

    display: inline-block;

    position: relative;

    height: 64px;

    width: 64px

}



.loader--ring div {

    display: block;

    position: absolute;

    animation: loader--ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;

    border: 6px solid #fff;

    border-radius: 50%;

    box-sizing: border-box;

    margin: 6px;

    height: 51px;

    width: 51px

}



.loader--ring div:nth-child(1) {

    animation-delay: -.45s

}



.loader--ring div:nth-child(2) {

    animation-delay: -.3s

}



.loader--ring div:nth-child(3) {

    animation-delay: -.15s

}



@keyframes loader--ring {

    0% {

        transform: rotate(0deg)

    }



    100% {

        transform: rotate(360deg)

    }

}



.loader--roller {

    display: inline-block;

    position: relative;

    height: 64px;

    width: 64px

}



.loader--roller div {

    animation: loader--roller 1.2s cubic-bezier(.5, 0, .5, 1) infinite;

    transform-origin: 32px 32px

}



.loader--roller div:after {

    display: block;

    position: absolute;

    border-radius: 50%;

    content: " ";

    margin: -3px 0 0 -3px;

    height: 6px;

    width: 6px

}



.loader--roller div:nth-child(1) {

    animation-delay: -.036s

}



.loader--roller div:nth-child(1):after {

    top: 50px;

    left: 50px

}



.loader--roller div:nth-child(2) {

    animation-delay: -.072s

}



.loader--roller div:nth-child(2):after {

    top: 54px;

    left: 45px

}



.loader--roller div:nth-child(3) {

    animation-delay: -.108s

}



.loader--roller div:nth-child(3):after {

    top: 57px;

    left: 39px

}



.loader--roller div:nth-child(4) {

    animation-delay: -.144s

}



.loader--roller div:nth-child(4):after {

    top: 58px;

    left: 32px

}



.loader--roller div:nth-child(5) {

    animation-delay: -.18s

}



.loader--roller div:nth-child(5):after {

    top: 57px;

    left: 25px

}



.loader--roller div:nth-child(6) {

    animation-delay: -.216s

}



.loader--roller div:nth-child(6):after {

    top: 54px;

    left: 19px

}



.loader--roller div:nth-child(7) {

    animation-delay: -.252s

}



.loader--roller div:nth-child(7):after {

    top: 50px;

    left: 14px

}



.loader--roller div:nth-child(8) {

    animation-delay: -.288s

}



.loader--roller div:nth-child(8):after {

    top: 45px;

    left: 10px

}



@keyframes loader--roller {

    0% {

        transform: rotate(0deg)

    }



    100% {

        transform: rotate(360deg)

    }

}



.loader--default {

    display: inline-block;

    position: relative;

    height: 64px;

    width: 64px

}



.loader--default div {

    position: absolute;

    animation: loader--default 1.2s linear infinite;

    border-radius: 50%;

    height: 5px;

    width: 5px

}



.loader--default div:nth-child(1) {

    animation-delay: 0s;

    top: 29px;

    left: 53px

}



.loader--default div:nth-child(2) {

    animation-delay: -.1s;

    top: 18px;

    left: 50px

}



.loader--default div:nth-child(3) {

    animation-delay: -.2s;

    top: 9px;

    left: 41px

}



.loader--default div:nth-child(4) {

    animation-delay: -.3s;

    top: 6px;

    left: 29px

}



.loader--default div:nth-child(5) {

    animation-delay: -.4s;

    top: 9px;

    left: 18px

}



.loader--default div:nth-child(6) {

    animation-delay: -.5s;

    top: 18px;

    left: 9px

}



.loader--default div:nth-child(7) {

    animation-delay: -.6s;

    top: 29px;

    left: 6px

}



.loader--default div:nth-child(8) {

    animation-delay: -.7s;

    top: 41px;

    left: 9px

}



.loader--default div:nth-child(9) {

    animation-delay: -.8s;

    top: 50px;

    left: 18px

}



.loader--default div:nth-child(10) {

    animation-delay: -.9s;

    top: 53px;

    left: 29px

}



.loader--default div:nth-child(11) {

    animation-delay: -1s;

    top: 50px;

    left: 41px

}



.loader--default div:nth-child(12) {

    animation-delay: -1.1s;

    top: 41px;

    left: 50px

}



@keyframes loader--default {



    0%,

    20%,

    80%,

    100% {

        transform: scale(1)

    }



    50% {

        transform: scale(1.5)

    }

}



.loader--ellipsis {

    display: inline-block;

    position: relative;

    height: 64px;

    width: 64px

}



.loader--ellipsis div {

    position: absolute;

    top: 27px;

    animation-timing-function: cubic-bezier(0, 1, 1, 0);

    border-radius: 50%;

    height: 11px;

    width: 11px

}



.loader--ellipsis div:nth-child(1) {

    left: 6px;

    animation: loader--ellipsis1 .6s infinite

}



.loader--ellipsis div:nth-child(2) {

    left: 6px;

    animation: loader--ellipsis2 .6s infinite

}



.loader--ellipsis div:nth-child(3) {

    left: 26px;

    animation: loader--ellipsis2 .6s infinite

}



.loader--ellipsis div:nth-child(4) {

    left: 45px;

    animation: loader--ellipsis3 .6s infinite

}



@keyframes loader--ellipsis1 {

    0% {

        transform: scale(0)

    }



    100% {

        transform: scale(1)

    }

}



@keyframes loader--ellipsis3 {

    0% {

        transform: scale(1)

    }



    100% {

        transform: scale(0)

    }

}



@keyframes loader--ellipsis2 {

    0% {

        transform: translate(0, 0)

    }



    100% {

        transform: translate(19px, 0)

    }

}



.loader--grid {

    display: inline-block;

    position: relative;

    height: 64px;

    width: 64px

}



.loader--grid div {

    position: absolute;

    animation: loader--grid 1.2s linear infinite;

    border-radius: 50%;

    height: 13px;

    width: 13px

}



.loader--grid div:nth-child(1) {

    top: 6px;

    left: 6px;

    animation-delay: 0s

}



.loader--grid div:nth-child(2) {

    top: 6px;

    left: 26px;

    animation-delay: -.4s

}



.loader--grid div:nth-child(3) {

    top: 6px;

    left: 45px;

    animation-delay: -.8s

}



.loader--grid div:nth-child(4) {

    top: 26px;

    left: 6px;

    animation-delay: -.4s

}



.loader--grid div:nth-child(5) {

    top: 26px;

    left: 26px;

    animation-delay: -.8s

}



.loader--grid div:nth-child(6) {

    top: 26px;

    left: 45px;

    animation-delay: -1.2s

}



.loader--grid div:nth-child(7) {

    top: 45px;

    left: 6px;

    animation-delay: -.8s

}



.loader--grid div:nth-child(8) {

    top: 45px;

    left: 26px;

    animation-delay: -1.2s

}



.loader--grid div:nth-child(9) {

    top: 45px;

    left: 45px;

    animation-delay: -1.6s

}



@keyframes loader--grid {



    0%,

    100% {

        opacity: 1

    }



    50% {

        opacity: .5

    }

}



.loader--ripple {

    display: inline-block;

    position: relative;

    height: 64px;

    width: 64px

}



.loader--ripple div {

    position: absolute;

    animation: loader--ripple 1s cubic-bezier(0, .2, .8, 1) infinite;

    border: 4px solid;

    border-radius: 50%;

    opacity: 1

}



.loader--ripple div:nth-child(2) {

    animation-delay: -.5s

}



@keyframes loader--ripple {

    0% {

        top: 28px;

        left: 28px;

        opacity: 1;

        height: 0;

        width: 0

    }



    100% {

        top: -1px;

        left: -1px;

        opacity: 0;

        height: 58px;

        width: 58px

    }

}



.loader--dual-ring {

    display: inline-block;

    height: 64px;

    width: 64px

}



.loader--dual-ring:after {

    display: block;

    animation: loader--dual-ring 1.2s linear infinite;

    border: 5px solid #fff;

    border-radius: 50%;

    content: " ";

    margin: 1px;

    height: 46px;

    width: 46px

}



@keyframes loader--dual-ring {

    0% {

        transform: rotate(0deg)

    }



    100% {

        transform: rotate(360deg)

    }

}



.loader--facebook {

    display: inline-block;

    position: relative;

    height: 64px;

    width: 64px

}



.loader--facebook div {

    display: inline-block;

    position: absolute;

    left: 6px;

    animation: loader--facebook 1.2s cubic-bezier(0, .5, .5, 1) infinite;

    width: 13px

}



.loader--facebook div:nth-child(1) {

    left: 6px;

    animation-delay: -.24s

}



.loader--facebook div:nth-child(2) {

    left: 26px;

    animation-delay: -.12s

}



.loader--facebook div:nth-child(3) {

    left: 45px;

    animation-delay: 0

}



@keyframes loader--facebook {

    0% {

        top: 6px;

        height: 51px

    }



    50%,

    100% {

        top: 19px;

        height: 26px

    }

}



.section--white {

    color: #00539f;

    background: #fff

}



.section--white .loader--spinner div:after,

.section--white .loader--roller div:after,

.section--white .loader--default div,

.section--white .loader--ellipsis div,

.section--white .loader--grid div,

.section--white .loader--facebook div {

    background: #00539f

}



.section--white .loader--ripple div {

    border-color: #00539f

}



.section--white .loader--ring div {

    border-color: #00539f transparent transparent transparent

}



.section--white .loader--dual-ring:after {

    border-color: #00539f transparent #00539f transparent

}



.section--blue {

    color: #fff;

    background: #00539f

}



.section--blue .loader--spinner div:after,

.section--blue .loader--roller div:after,

.section--blue .loader--default div,

.section--blue .loader--ellipsis div,

.section--blue .loader--grid div,

.section--blue .loader--facebook div {

    background: #fff

}



.section--blue .loader--ripple div {

    border-color: #fff

}



.section--blue .loader--ring div {

    border-color: #fff transparent transparent transparent

}



.section--blue .loader--dual-ring:after {

    border-color: #fff transparent #fff transparent

}



.btn-outline-light {

    color: #ddd !important;

    border-color: #ddd !important

}



.icon-lists div {

    cursor: pointer;

    line-height: 60px;

    white-space: nowrap;

    border-radius: 4px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.icon-lists div i {

    margin: 0 15px 0 10px;

    font-size: 24px

}



.thumb_34 {

    width: 34px;

    height: 34px

}



.thumb_62 {

    width: 62px;

    height: 62px

}



.thumb_54 {

    width: 54px;

    height: 54px

}



.social_media {

    width: 54px;

    height: 54px;

    border-radius: 8px;

    background: #79f;

    font-size: 30px;

    text-align: center;

    color: #fff;

    line-height: 54px

}



.social_media.insta_bg {

    background: #ff72c2

}



.social_media.twitter_bg {

    background: #56d5ff

}



.social_media.youtube_bg {

    background: #ff7171

}



.radius_50 {

    border-radius: 50%

}



.color_text_1 {

    color: #bda5f8 !important

}



.color_text_2 {

    color: #ffb98a !important

}



.color_text_3 {

    color: #a48cbc !important

}



.color_text_4 {

    color: #97c0ff !important

}



.color_text_5 {

    color: #474d58 !important

}



.color_text_6 {

    color: #545454 !important

}



.color_text_7 {

    color: #4489ff !important

}



.badge_btn_1 {

    font-size: 11px;

    font-weight: 700;

    background: #fff0eb;

    display: inline-block;

    border-radius: 2px;

    padding: 5px 17px;

    color: #ff7f57

}



.badge_btn_1:hover {

    color: #ff7f57

}



.badge_btn_2 {

    font-size: 11px;

    font-weight: 700;

    background: #fdebff;

    display: inline-block;

    border-radius: 2px;

    padding: 5px 17px;

    color: #c85ed4

}



.badge_btn_2:hover {

    color: #c85ed4

}



.badge_btn_3 {

    font-size: 11px;

    font-weight: 700;

    background: #e6f8ff;

    display: inline-block;

    border-radius: 2px;

    padding: 5px 17px;

    color: #0893c8

}



.badge_btn_3:hover {

    color: #0893c8

}



.badge_btn_4 {

    font-size: 11px;

    font-weight: 700;

    background: #e8ffeb;

    display: inline-block;

    border-radius: 2px;

    padding: 5px 17px;

    color: #50d863

}



.badge_btn_4:hover {

    color: #50d863

}



.badge_btn_5 {

    font-size: 14px;

    font-weight: 700;

    background: #e8ffeb;

    display: inline-block;

    border-radius: 4px;

    padding: 2px 10px;

    background: #d1eee7;

    color: #7bca9e

}



.badge_btn_5:hover {

    color: #7bca9e

}



.badge_btn_6 {

    font-size: 10px;

    font-weight: 700;

    background: #e8ffeb;

    display: inline-block;

    border-radius: 2px;

    padding: 6px 17px;

    background: #f16060;

    color: #fff;

    transition: .3s

}



.badge_btn_6:hover {

    color: #fff;

    box-shadow: 0 4px 7px rgba(255, 0, 0, .31)

}



.badge_btn_7 {

    font-size: 10px;

    font-weight: 700;

    background: #e8ffeb;

    display: inline-block;

    border-radius: 2px;

    padding: 6px 17px;

    background: #567aed;

    color: #fff;

    transition: .3s

}



.badge_btn_7:hover {

    color: #fff;

    box-shadow: 0 4px 7px rgba(86, 122, 237, .31)

}



.badge_btn_8 {

    font-size: 10px;

    font-weight: 700;

    background: #e8ffeb;

    display: inline-block;

    border-radius: 2px;

    padding: 6px 17px;

    background: #884ffb;

    color: #fff;

    transition: .3s

}



.badge_btn_8:hover {

    color: #fff;

    box-shadow: 0 4px 7px rgba(136, 79, 251, .43)

}



.badge_btn_semi {

    font-size: 11px;

    font-weight: 700;

    background: #567aed;

    display: inline-block;

    border-radius: 2px;

    padding: 11px 70px;

    font-size: 14px;

    color: #fff;

    border-radius: 5px

}



.badge_btn_semi:hover {

    color: #fff;

    box-shadow: 0 3px 11px #508ff4

}



.badge_complete {

    font-size: 12px;

    font-weight: 700;

    background: #e2ffe2;

    display: inline-block;

    border-radius: 8px;

    padding: 5px 17px;

    color: #64e355

}



.badge_complete:hover {

    background: #e2ffe2;

    color: #64e355

}



.badge_active {

    font-size: 12px;

    font-weight: 700;

    background: #e2ffe2;

    display: inline-block;

    border-radius: 8px;

    padding: 5px 17px;

    color: #64e355

}



.badge_active:hover {

    background: #e2ffe2;

    color: #64e355

}



.badge_active2 {

    font-size: 12px;

    font-weight: 700;

    background: #e2f2ff;

    display: inline-block;

    border-radius: 8px;

    padding: 5px 17px;

    color: #59a0df

}



.badge_active2:hover {

    background: #e2f2ff;

    color: #59a0df

}



.badge_active3 {

    font-size: 12px;

    font-weight: 700;

    background: #ffeae6;

    display: inline-block;

    border-radius: 8px;

    padding: 5px 17px;

    color: #ff816d

}



.badge_active3:hover {

    background: #ffeae6;

    color: #ff816d

}



.badge_active4 {

    font-size: 12px;

    font-weight: 700;

    background: #fff8d5;

    display: inline-block;

    border-radius: 8px;

    padding: 5px 17px;

    color: #d2bf62

}



.badge_active4:hover {

    background: #fff8d5;

    color: #d2bf62

}



.mark_complete {

    font-size: 12px;

    font-weight: 700;

    background: #ffeff1;

    display: inline-block;

    border-radius: 8px;

    padding: 5px 17px;

    color: #fe8794

}



.mark_complete:hover {

    background: #ffeff1;

    color: #fe8794

}



.text_color_1 {

    font-size: 11px;

    font-weight: 400;

    color: #ff6d6d !important

}



.text_color_2 {

    font-size: 11px;

    font-weight: 400;

    color: #62d45e !important

}



.text_color_3 {

    font-size: 11px;

    font-weight: 400;

    color: #6fa5ec !important

}



.text_color_4 {

    color: #e64b55 !important

}



.text_color_5 {

    color: #4be69d !important

}



.text_color_6 {

    color: #706f9a !important

}



.text_color_7 {

    color: #59748a !important

}



.text_color_8 {

    color: #a48cbc !important

}



.text_color_9 {

    color: #a4cbff !important

}



.text_color_10 {

    color: #af81dc !important

}



.text_color_11 {

    color: #96d89c !important

}



.text_color_11 {

    color: #67349d !important

}



.switch_toggle {

    display: inline-block;

    height: 22px;

    position: relative;

    width: 40px;

    margin-bottom: 0

}



.switch_toggle input {

    opacity: 0

}



.switch_toggle .slider:before {

    bottom: 0;

    content: "";

    height: 13px;

    left: 0;

    left: 2px;

    position: absolute;

    transition: .3s;

    width: 13px;

    top: 1.4px;

    border: 3px solid #8950fc

}



.switch_toggle input:checked+.slider {

    background: 0 0

}



.switch_toggle input:checked+.slider:before {

    transform: translateX(17px)

}



.switch_toggle .slider.round {

    border-radius: 34px

}



.switch_toggle .slider.round:before {

    border-radius: 50%

}



.switch_toggle .switch_toggle input {

    display: none

}



.switch_toggle .slider {

    bottom: 0;

    cursor: pointer;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    transition: .3s;

    border: 3px solid #8950fc;

    background: 0 0

}



.custom_bootstrap_nav a {

    color: #303e67

}



.nav.nav-tabs .nav-item.show:focus,

.nav.nav-tabs .nav-item.show.active,

.nav.nav-tabs .nav-link:focus,

.nav.nav-tabs .nav-link.active {

    color: #ffff;

    background-color: #584b4b;

    border-color: transparent transparent #1761fd

}



.nav-pills .nav-item.show .nav-link,

.nav-pills .nav-link.active {

    background: #1761fd;

    color: #fff

}



.nav-pills .nav-item.show .nav-link,

.nav-pills .nav-link.active {

    background: #1761fd;

    color: #fff

}



.nav.nav-pills {

    background-color: #f1f5fa

}



table.lms_table_active3.dataTable thead .sorting::before,

table.lms_table_active3.dataTable thead .sorting::after,

table.lms_table_active3.dataTable thead .sorting_asc::before,

table.lms_table_active3.dataTable thead .sorting_asc::after,

table.lms_table_active3.dataTable thead .sorting_desc::before,

table.lms_table_active3.dataTable thead .sorting_desc::after,

table.lms_table_active3.dataTable thead .sorting_asc_disabled::before,

table.lms_table_active3.dataTable thead .sorting_asc_disabled::after,

table.lms_table_active3.dataTable thead .sorting_desc_disabled::before,

table.lms_table_active3.dataTable thead .sorting_desc_disabled::after {

    position: absolute;

    bottom: .9em;

    display: block;

    opacity: .3

}



table.lms_table_active3.dataTable thead .sorting::after,

table.lms_table_active3.dataTable thead .sorting_asc::after,

table.lms_table_active3.dataTable thead .sorting_desc::after,

table.lms_table_active3.dataTable thead .sorting_asc_disabled::after,

table.lms_table_active3.dataTable thead .sorting_desc_disabled::after {

    right: 1em;

    content: "\2193"

}



table.lms_table_active3.dataTable thead .sorting::before,

table.lms_table_active3.dataTable thead .sorting_asc::before,

table.lms_table_active3.dataTable thead .sorting_desc::before,

table.lms_table_active3.dataTable thead .sorting_asc_disabled::before,

table.lms_table_active3.dataTable thead .sorting_desc_disabled::before {

    right: 1.5em;

    content: "\2191"

}



table.lms_table_active3.dataTable thead .sorting_asc::before,

table.lms_table_active3.dataTable thead .sorting_desc::after {

    opacity: 1

}



.board_wrapper {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    white-space: nowrap;

    overflow-x: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.board_wrapper .single_board {

    width: auto;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-box-flex: 1;

    -ms-flex: 1 0 auto;

    flex: 1 0 auto;

    max-height: 100%;

    padding-right: 12px;

    padding-bottom: 12px;

    outline: none !important;

    position: relative

}



.board_wrapper .single_board .main_board_card {

    max-height: 100%;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    margin-bottom: 12px;

    border-radius: 4px;

    padding: 20px;

    background: #f1f5fa

}



.board_wrapper .single_board .main_board_card .board_card_list .card {

    -webkit-box-shadow: 0 2px 4px rgba(31, 30, 47, .03);

    box-shadow: 0 2px 4px rgba(31, 30, 47, .03);

    margin-bottom: 24px;

    background-color: #fff;

    border: 1px solid #eceff5

}



.board_wrapper .single_board .main_board_card .board_card_list .card .card-body {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    min-height: 1px;

    padding: 1.25rem

}



.font-16 {

    font-size: 16px !important

}



.text-warning {

    color: #ffb822 !important

}



.col-auto {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%

}



.total-payment .payment-title {

    color: #303e67;

    font-weight: 500

}



.total-payment {

    border: 1px solid #f1f5fa;

    background-color: #fff;

    border-radius: 3px

}



.total-payment .table tbody td,

.total-payment table tbody td,

.shopping-cart .table tbody td,

.shopping-cart table tbody td {

    padding: 20px 10px;

    border-top: 0 !important;

    border-bottom: 1px solid #f1f5fa

}



.shopping-cart .table thead th {

    vertical-align: bottom;

    border-bottom: 2px solid #eaf0f7

}



.text-muted {

    color: #a4abc5 !important

}



.ribbon1 {

    position: absolute;

    top: -6.1px;

    right: 10px

}



.ribbon1 span {

    display: block;

    padding: 6px 4px 0;

    border-top-right-radius: 6px;

    width: 60px;

    font-size: 11px;

    font-weight: 500

}



.ribbon1 span.rib1-primary::before,

.ribbon1 span.rib1-primary {

    background: #884ffb

}



.ribbon1.rib1-primary::after {

    border-top-color: #884ffb

}



.ribbon1::after {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    border-left: 30px solid transparent;

    border-right: 30px solid transparent;

    border-top: 10px solid;

    border-top-color: currentcolor

}



.ribbon1 span.rib1-primary::before,

.ribbon1 span.rib1-primary {

    background: #884ffb

}



.ribbon1 span::before {

    height: 6px;

    width: 4px;

    left: -4px;

    top: 0

}



.ribbon1 span::before,

.ribbon1 span::after {

    position: absolute;

    content: ""

}



.ribbon1 span.rib1-primary::after {

    background: #884ffb

}



.ribbon1 span::after {

    height: 6px;

    width: 6px;

    left: -6px;

    top: 0;

    border-radius: 8px 8px 0 0

}



.ribbon1 span::before,

.ribbon1 span::after {

    position: absolute;

    content: ""

}



.single-pro-detail .pro-price span {

    font-size: 14px;

    color: #8997bd

}



.single-pro-detail .quantity input {

    width: 14%;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    height: calc(24px + 12px)

}



.single-pro-detail .custom-border {

    width: 60px;

    height: 2px;

    background-color: #1d2c48

}



.single-pro-detail .product-review li {

    margin: 0

}



.single-pro-detail .product-review li i {

    font-size: 16px

}



.single-pro-detail .pro-price {

    color: #303e67;

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 0

}



.single-pro-detail .pro-features {

    margin-bottom: 20px

}



.single-pro-detail .pro-features li {

    line-height: 26px;

    color: #a4abc5

}



.single-pro-detail .pro-features li:before {

    content: "\f00c" !important;

    font-family: 'font awesome 5 free' !important;

    font-weight: 600;

    font-size: 12px;

    color: #03d87f !important;

    display: inline-block;

    margin-right: 8px

}



.todo_wrapper .single_todo {

    margin-bottom: 25px

}



.todo_wrapper .single_todo .lodo_left .todo_head h5 {

    color: #474d58;

    line-height: 24px

}



.todo_wrapper .single_todo .lodo_left .todo_head p {

    line-height: 16px

}



.bar_line {

    height: 49px;

    width: 4px;

    background: #64e355;

    border-radius: 5px

}



.bar_line.red_line {

    background: #fe8794

}



.world_list_wraper {

    background: 0 0;

    border-radius: 15px;

    padding-top: 25px;

    padding-right: 15px;

    padding-left: 15px

}



.project_complete {

    background: #e2fff6;

    background-image: url(../img/pro_complete.png);

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    border-radius: 20px;

    padding: 30px 50px

}



.project_complete .single_pro {

    margin-bottom: 25px

}



.project_complete .single_pro .probox {

    width: 14px;

    height: 13px;

    border-radius: 3px;

    background: rgba(244, 135, 107, .34);

    margin-right: 10px;

    position: relative;

    top: 5px;

    flex: 14px 0 0

}



.project_complete .single_pro .probox.blue_box {

    background: rgba(47, 98, 165, .34)

}



.project_complete .single_pro .box_content h4 {

    font-size: 25px;

    font-weight: 900;

    color: #f4876b;

    margin-bottom: 0

}



.project_complete .single_pro .box_content h4.bluish_text {

    color: #2f62a5

}



.project_complete .single_pro .box_content span {

    font-size: 12px;

    color: #c5bab7;

    font-weight: 600

}



.project_complete .single_pro .box_content span.grayis_text {

    color: #a6b1bf

}



.sidebar.mini_sidebar {

    width: 136px;

    z-index: 1;

    overflow: visible !important;

    min-width: 136px;

    max-width: 136px;

    position: absolute;

    z-index: 9999999;

    height: auto;

    top: 0;

    bottom: 0;

    left: 0

}



.sidebar.mini_sidebar .menu-text {

    font-size: 12px;

    color: #b1bdcb;

    font-weight: 600;

    margin: 0;

    padding: 12px 0 12px 24px;

    text-transform: uppercase;

    text-align: center;

    padding-left: 0

}



.sidebar.mini_sidebar .menu-text span {

    display: none

}



.sidebar.mini_sidebar .menu-text i {

    display: block

}



.sidebar.mini_sidebar .mini_logo {

    display: block;

    width: 136px

}



.sidebar.mini_sidebar .logo {

    width: 136px;

    padding: 10px 0;

    margin: 0;

    justify-content: center !important

}



.sidebar.mini_sidebar .large_logo {

    display: none

}



.sidebar.mini_sidebar .small_logo {

    display: block

}



.sidebar.mini_sidebar .has-arrow::before {

    display: none

}



.sidebar.mini_sidebar .sidebar-header {

    padding-left: 11px

}



.sidebar.mini_sidebar .update_sidebar img {

    max-width: 40px !important

}



.sidebar.mini_sidebar #sidebar_menu ul li ul {

    overflow: visible;

    position: absolute;

    z-index: 999;

    left: 100% !important;

    top: 100%

}



.sidebar.mini_sidebar #sidebar_menu>li {

    position: relative;

    width: 136px;

    text-align: center

}



.sidebar.mini_sidebar #sidebar_menu>li ul {

    margin-left: 0;

    padding-left: 0

}



.sidebar.mini_sidebar #sidebar_menu>li ul li a {

    white-space: nowrap;

    padding-left: 18px;

    color: #144339;

    width: 194px;

    padding-left: 20px !important

}



.sidebar.mini_sidebar #sidebar_menu>li>a {

    padding-left: 0;

    display: grid;

    grid-template-columns: 44px auto !important

}



.sidebar.mini_sidebar #sidebar_menu>li>a.has-arrow::after {

    display: none

}



.sidebar.mini_sidebar #sidebar_menu>li>a .nav_icon_small {

    width: 136px

}



.sidebar.mini_sidebar #sidebar_menu>li>a .nav_title {

    display: none

}



.sidebar.mini_sidebar #sidebar_menu>li>a:hover,

.sidebar.mini_sidebar #sidebar_menu>li>a:active {

    width: 330px

}



.sidebar.mini_sidebar #sidebar_menu>li>a:hover .nav_icon_small,

.sidebar.mini_sidebar #sidebar_menu>li>a:active .nav_icon_small {

    display: inline-block

}



.sidebar.mini_sidebar #sidebar_menu>li>a:hover .nav_title,

.sidebar.mini_sidebar #sidebar_menu>li>a:active .nav_title {

    display: inline-block

}



.sidebar.mini_sidebar #sidebar_menu>li>a:hover.has-arrow::after,

.sidebar.mini_sidebar #sidebar_menu>li>a:active.has-arrow::after {

    display: inline-block

}



.sidebar.mini_sidebar #sidebar_menu>li:hover>a,

.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a {

    width: 330px !important

}



.sidebar.mini_sidebar #sidebar_menu>li:hover>a:hover,

.sidebar.mini_sidebar #sidebar_menu>li:hover>a.active,

.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a:hover,

.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a.active {

    width: 330px

}



.sidebar.mini_sidebar #sidebar_menu>li:hover>a:hover .nav_icon_small,

.sidebar.mini_sidebar #sidebar_menu>li:hover>a.active .nav_icon_small,

.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a:hover .nav_icon_small,

.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a.active .nav_icon_small {

    display: inline-block

}



.sidebar.mini_sidebar #sidebar_menu>li:hover>a:hover .nav_title,

.sidebar.mini_sidebar #sidebar_menu>li:hover>a.active .nav_title,

.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a:hover .nav_title,

.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a.active .nav_title {

    display: inline-block

}



.sidebar.mini_sidebar #sidebar_menu>li:hover>a:hover.has-arrow::after,

.sidebar.mini_sidebar #sidebar_menu>li:hover>a.active.has-arrow::after,

.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a:hover.has-arrow::after,

.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a.active.has-arrow::after {

    display: inline-block

}



.sidebar.mini_sidebar #sidebar_menu>li.mm-active:hover {

    overflow: visible

}



.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a {

    background: #fff

}



.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a .nav_icon_small {

    display: inline-block

}



.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a .nav_title {

    display: inline-block

}



.sidebar.mini_sidebar #sidebar_menu>li.mm-active>a.has-arrow::after {

    display: inline-block

}



.sidebar.mini_sidebar #sidebar_menu>li.mm-active ul {

    left: 100%;

    left: 136px;

    position: absolute;

    top: 100%;

    width: 194px;

    z-index: 1000;

    margin-left: 0;

    padding-left: 0

}



#main-content.mini_main_content {

    margin-left: 70px;

    width: calc(100% - 70px)

}



@media(max-width:1370px) {

    #main-content.mini_main_content {

        width: calc(100% - 70px)

    }

}



@media(min-width:1200px) {

    #main-content.mini_main_content {

        padding: 30px

    }

}



@media(max-width:991px) {

    #main-content.mini_main_content {

        width: 100%;

        margin-top: 0

    }

}



.sidebar.mini_sidebar ul li ul {

    background: #144339;

    opacity: .9;

    position: absolute;

    left: 100%

}



.collaspe_icon.open_miniSide {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%)

}



@media(max-width:991px) {

    .collaspe_icon.open_miniSide {

        display: none

    }

}



.collaspe_icon.open_miniSide i {

    color: #144339;

    cursor: pointer;

    font-size: 18px;

    margin-right: 15px

}



.sidebar.mini_sidebar #sidebar_menu>li.metis_submenu_up_collaspe ul {

    top: auto;

    bottom: 100%

}



.sidebar.mini_sidebar #sidebar_menu li ul li.metis_submenu {

    position: relative

}



.sidebar.mini_sidebar #sidebar_menu li ul li.metis_submenu ul {

    top: 100%;

    left: 0 !important;

    position: relative;

    background: rgba(0, 0, 0, .05)

}



.sidebar.dark_sidebar.mini_sidebar #sidebar_menu>li>a:hover,

.sidebar.dark_sidebar.mini_sidebar #sidebar_menu>li>a:active {

    background: #1e1e2d

}



.sidebar.dark_sidebar.mini_sidebar #sidebar_menu>li.mm-active>a {

    background: #1e1e2d;

    color: #f65365 !important

}



.sidebar.mini_sidebar.dark_sidebar #sidebar_menu>li ul {

    background: #1e1e2d;

    opacity: 1

}



.sidebar.dark_sidebar.mini_sidebar #sidebar_menu>li ul li a {

    color: #fff;

    width: 194px

}



.sidebar.dark_sidebar.mini_sidebar #sidebar_menu>li ul li a {

    color: #fff;

    width: 194px

}



.sidebar.dark_sidebar.mini_sidebar #sidebar_menu>li.mm-active ul {

    width: 194px

}



.custom-card {

    overflow: hidden;

    padding: 30px

}



@media(max-width:575.98px) {

    .custom-card {

        padding: 0

    }

}



.custom-card.card {

    margin-bottom: 30px;

    border: none;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    letter-spacing: .5px;

    border-radius: 15px;

    -webkit-box-shadow: 0 0 37px rgba(8, 21, 66, .05);

    box-shadow: 0 0 37px rgba(8, 21, 66, .05);

    border: none !important

}



.custom-card.card .card-header {

    background-color: #fff;

    padding: 0;

    border-bottom: 1px solid #ecf3fa;

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

    position: relative

}



.custom-card.card .card-header img {

    border-radius: 50%;

    margin-top: -100px;

    -webkit-transform: scale(1.5);

    transform: scale(1.5)

}



.custom-card .card-profile {

    text-align: center

}



.custom-card .card-profile img {

    height: 150px;

    padding: 7px;

    background-color: #fff;

    z-index: 1;

    position: relative

}



.custom-card .card-social {

    text-align: center

}



.custom-card .card-social li {

    display: inline-block;

    padding: 15px 0

}



.custom-card .card-social li a {

    padding: 13px;

    color: #bcc6de;

    font-size: 16px;

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



.custom-card .profile-details h6 {

    margin-bottom: 30px;

    margin-top: 10px;

    color: rgba(43, 43, 43, .7);

    font-size: 14px

}



.custom-card .card-footer {

    padding: 0;

    background-color: #fff;

    border-top: 1px solid #ecf3fa;

    padding: 0;

    border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px

}



@media(max-width:575.98px) {

    .custom-card .card-footer {

        padding: 0 15px 15px

    }

}



.custom-card .card-footer>div h6 {

    font-size: 14px;

    color: rgba(43, 43, 43, .7)

}



@media(max-width:575.98px) {

    .custom-card .card-footer>div h6 {

        font-size: 13px

    }

}



.custom-card .card-footer>div h3 {

    margin-bottom: 0;

    font-size: 24px

}



@media(max-width:575.98px) {

    .custom-card .card-footer>div h3 {

        font-size: 20px

    }

}



.custom-card .card-footer>div+div {

    border-left: 1px solid #efefef

}



.custom-card .card-footer>div {

    padding: 15px;

    text-align: center

}



@media(max-width:575.98px) {

    .custom-card .card-footer>div {

        padding: 15px 13px

    }

}



.user_crm_wrapper {

    background: 0 0

}



.user_crm_wrapper .single_crm {

    background: #fff;

    border-radius: 15px;

    margin-bottom: 15px;

    padding: 5px

}



.user_crm_wrapper .single_crm .crm_head {

    background: #ce591f;

    padding: 8px 20px;

    border-radius: 13px

}



.user_crm_wrapper .single_crm .crm_head i {

    color: #fff

}



.user_crm_wrapper .single_crm .crm_body {

    padding: 15px 23px

}



.user_crm_wrapper .single_crm .crm_body h4 {

    font-size: 22px;

    font-weight: 700;

    color: #242934

}



.user_crm_wrapper .single_crm .crm_body p {

    font-size: 14px;

    color: #070708;

    font-weight: 600;

}



.user_crm_wrapper .crm_reports_bnner {

    background-image: url(../img/crm/bg.svg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-radius: 15px;

    padding: 40px 30px

}



.user_crm_wrapper .crm_reports_bnner h4 {

    font-size: 16px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 0

}



.user_crm_wrapper .crm_reports_bnner p {

    color: #c8b4de;

    font-size: 12px;

    font-weight: 400;

    line-height: 20px;

    margin: 10px 0

}



.user_crm_wrapper .crm_reports_bnner a {

    color: #efc343;

    font-size: 10px;

    font-weight: 300

}



.crm_bg_1 {

    background: #478590 !important

}



.crm_bg_2 {

    background: #a4954d !important

}



.crm_bg_3 {

    background: #03a9f4 !important

}



.crm_bg_3 i {

    color: #58377e !important

}



.max-width-220 {

    max-width: 220px

}