/* @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&amp;display=swap"; */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&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)
}
body{
    /* font-family:mulish,sans-serif; */
    font-family:'Poppins', sans-serif;
    padding:0;
    margin:0;
    font-size:18px;
    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:32px
}
h3{
    font-size:28px
}
h4{
    font-size:22px
}
h5{
    font-size:18px;
    font-weight:500;
    line-height:1.8
}
li{
    list-style:none
}
ul,ol{
    margin:0;
    padding:0
}
p{
    line-height:24px;
    font-size:14px;
    margin-bottom:0;
    color:#828bb2;
    font-family:mulish,sans-serif;
    font-weight:300
}
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:16px;
    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_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:14px;
    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
}
@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:#0769e1db
}
.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:#0769e1db;
    border-color:#0769e1db
}
.page-item.active .page-link:hover{
    color:#fff;
    background-color:#0769e1db;
    border-color:#0769e1db
}
.page-link{
    color:#0769e1db
}
.page-link:hover{
    color:#fff;
    background-color:#0769e1db;
    border-color:#0769e1db
}
.btn-primary{
    color:#fff;
    background-color:#0769e1db;
    border-color:#0769e1db
}
.btn-primary:hover{
    color:#fff;
    background-color:#0769e1db;
    border-color:#0769e1db
}
@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:#0769e1db
}
.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:#0769e1db;
    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:#0769e1db;
    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:#0769e1db;
    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;
    font-weight:400;
    font-size:14px;
    width:100%;
    display:block;
    border-radius:10px;
    border:1px solid #e5ecff
}
.common_input input::placeholder{
    color:#81879f;
    font-weight:400;
    font-size:14px;
    opacity:1;
    background:0 0
}
.common_input input[type="checkbox"]{
    height:20px;
}
.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:#80cf26;
    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:#0769e1db
}
.btn_1{
    background-color:#00509a;
    border:1px solid #00509a;
    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:#000;
    box-shadow:0 3px 11px rgb(4 4 4 / 40%)
}
.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:15px;
    font-size:14px;
    color:#fff;
    font-weight:400;
    background:#5b6ce1;
    padding:16px 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:#0769e1db!important;
    border:1px solid #0769e1db!important;
    color:#fff;
    opacity:1!important
}
.status_btn{
    display:inline-block;
    padding:2px 15px;
    font-size:11px;
    font-weight:300;
    color:#fff!important;
    background:#05d34e;
    -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:22px;
    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:#00509a;
    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:#0769e1db;
    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 #00509a transparent;
    z-index:2
}
.profile_info .profile_info_iner .profile_author_name{
    padding:20px 25px;
    background:#00509a;
    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 .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:430px;
    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:9;
    padding-bottom:50px;
    position:fixed;
    width:270px;
    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:#fff;
    padding:5px;
    margin-bottom:20px
}
.sidebar .logo .large_logo img{
    width:175px;
}
@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:18px;
    font-weight:600;
    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;
    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:#fff;
    background:#00509a;
    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:#0769e1;
    border-radius:4px 4px 0 0;
    background:0 0;
    font-weight:700;
    font-size: 22px;
}
.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 15px;
    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:16px;
    color:#000;
    font-weight:500;
    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:#fff!important;
    font-weight: bold;
    margin-right: 5px;
}
.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:44px;
    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:#dae7f7;
    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:#7e7172;
    font-size:13px
}
.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:16px;
    font-weight:400;
    border-bottom:0;
    color: #424141;
}
.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:18px;
    font-weight:bold;
    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;
    background: #00509a;
}
.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 #0769e1db;
    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:16px;
    font-weight:700;
    color:#fff
}
.footer_part p span{
    margin:0 10px
}
.footer_part p a {
    color: #41443e;
}
.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:#0769e1db;
    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:#0769e1db
}
.note-editor.note-frame .note-btn:hover i{
    color:#fff;
    background:#0769e1db
}
.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:32px;
    height:32px;
    background:#fff!important;
    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:#0769e1db!important;
    box-shadow:0 5px 10px rgba(59,118,239,.3)!important;
    border:0!important;
    color:#fff!important
}
.dataTables_paginate a:hover{
    background:#0769e1db!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 #0769e1db;
    background-color:#0769e1db!important;
    box-shadow:0 5px 10px rgba(136,79,251,.04)!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    border:0!important;
    font-size: 18px;
    font-weight: 700;
}
.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:#0769e1db;
    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:#0769e1db;
    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 #0769e1db;
    background:#0769e1db
}
.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:#0769e1db!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:#0769e1db!important
}
.email-sidebar ul li a:hover i{
    color:#0769e1db
}
.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:#0769e1db!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:#00509a!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:#0769e1db
}
.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:#0769e1db;
    border:2px solid #0769e1db;
    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:#0769e1db
}
.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 #0769e1db;
    background:#0769e1db
}
.default-datepicker .datepicker--cell.-focus-{
    background:#0769e1db;
    border:2px solid #0769e1db;
    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:#0769e1db;
    color:#fff
}
.datepicker--cell.-selected-.-current-{
    border:none;
    background:#0769e1db;
    color:#fff
}
.default-datepicker .datepicker-inline .datepicker .datepicker--content .datepicker--days .datepicker--cells .datepicker--cell.-selected-{
    background:#0769e1db;
    color:#fff;
    border-radius:15px;
    position:relative
}
.datepicker--cell.-focus-{
    background:#0769e1db;
    color:#fff
}
.datepicker--cell.-current-{
    color:#000;
    border-radius:5px;
    font-weight:700;
    border:2px solid #0769e1db
}
.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:20px;
    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:#0769e1db;
    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: 16px;
    font-weight: 700;
    background: #037903;
    display: inline-block;
    border-radius: 8px;
    padding: 10px 17px;
    color: #ffffff;
}
    /*.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: 16px;
    font-weight: 700;
    background: red;
    display: inline-block;
    border-radius: 8px;
    padding: 10px 17px;
    color: #fff;
}
/*.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:#1761fd;
    background-color:#fff;
    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:#0769e1db
}
.ribbon1.rib1-primary::after{
    border-top-color:#0769e1db
}
.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:#0769e1db
}
.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:#0769e1db
}
.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:#ff7ea5;
    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:#9b9aba;
    font-weight:400
}
.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:#20deff!important
}
.crm_bg_2{
    background:#c388f6!important
}
.crm_bg_3{
    background:#f5f5ff!important
}
.crm_bg_3 i{
    color:#58377e!important
}
.max-width-220{
    max-width:220px
}
form .required:after {
    color: #f35958;
    content: "*";
    font-size: 15px;
    left: 3px;
    position: relative;
}
.modal-backdrop{
    z-index: 1 !important;
}
.media_table table tbody input[type=checkbox]{
 height: 20px;
}
.worry_time_input_type[type=radio]{
    width: auto;
    height: 30px;
    padding: 10px 14px;
    display: inline-block;
}
a.large_logo {
    margin: 0 auto;
}
.profile_info:hover .profile_info_iner{
    opacity:1;
    visibility:visible;
    top:77px
}
.modal{
    background-color: rgba(0,0,0,0.5);
}
