/*---- custom css ----*/

.table_filter_none .dataTables_filter, .table_filter_none .dataTables_info, .table_filter_none .dataTables_length { 
    display: none; 
}

.table_filter_none .dataTables_paginate, .table_filter_none .paging_simple_numbers{
    display: none; 
}

/*///////////////  cards ///////////////////////////////////////////////*/

.car_light_green{
    background-color: #1ec9a1;
}

.car_light_green_2{
    background-color: #099b7b;
}

/*//////////////   hover ////////////////////////////////////////////////*/
.a_hover:hover{
    color: #fff !important;
}

.a_hover_green:hover{
    color: #32BF6F !important;
}


.a_hover_logout:hover{
    color: #32BF6F !important;
    background-color: #fff !important;
}


/*/////////////////// paddings /////////////////////////////////////////////////////////////////////////////////////// */

    .pt__10px{
        padding-top: -10px;
    }

    .pt_30px{
        padding-top: 130px;
    }
    .pb_30px{
        padding-bottom: 130px;
    }

    .pt_50px{
        padding-top: 50px;
    }

    .pt_pb_30px{
        padding-top: 50px; padding-bottom: 100px;
    }

    .pb_60px{
        padding-bottom: 200px;
    }

    .pt_60px{
        padding-top: 60px;
    }

    .pr_br_30p{
        padding-right: 20%; padding-left: 20%;
        /*width: 10%;*/
    }

    .pr_pl_100px{
      padding-right: 10%; padding-left: 10%;
    }

    .p_btn_10p{
        padding: 4%;
    }

    .pb_60px{
        padding-bottom: 160px;
    }

    .p_m1px{
        padding: -1px;
    }

    .pl_m1px{
        padding-left: -100px;
    }

    .pl_30px{
        padding-left: 30px;
    }

    .pl_40px{
        padding-left: 40px;
    }

    .pr_30px{
        padding-right: 30px;
    }

    .pl_25px{
        padding-left: 25px;
    }

    .pr_25px{
        padding-right: 25px;
    }

    .p_all_20px{
        padding-left: 20px; padding-right: 20px;
        padding-top: 20px;
    }


/*/////////////   margin              ///////////////////////////////////////////////////////////////////////////////*/


    .mt_90px{
        margin-top: 90px;
    }

    .mt_150px{
        margin-top: 150px;
    }

    .mt_250px{
        margin-top: 250px;
    }

    .mt_50px{
        margin-top: 50px;
    }

    .mt_25px{
        margin-top: 25px;
    }

    .mt_15px{
        margin-top: 15px;
    }

    .mt_30px{
        margin-top: 30px;
    }

    .mt_70px{
        margin-top: 70px;
    }

    .mt_57px{
        margin-top: 57px;
    }

    .mt_m60px{
        margin-top: -60px;
    }

    .mt_45px{
        margin-top: 45px;
    }

    .mt_m80{
        margin-top: -14px;
    }

    .mt_m10px{
        margin-top: -25px;
    }

    .mt_m30px{
        margin-top: -30px;
    }

    .mt_m20px{
        margin-top: -20px;
    }

    .mt_m110px{
        margin-top: -110px;
    }

    .mt_m90px{
        margin-top: -90px;
    }

    .mt_m150px{
        margin-top: -150px;
    }

    .mt_m220px{
        margin-top: -280px;
    }

    .mt_m220px{
        margin-top: -220px;
    }

    .mt_m3500px{
        margin-top: -350px;
    }

    .mt_top_mob{
        margin-top: 16px;
    }

    .mt_m1px{
        margin-top: -1px;
    }

    .mt_m2px{
        margin-top: -2px;
    }

    .mt_m5px{
        margin-top: -5px;
    }

    .ml_m20px{
        margin-left: -20px !important;
    }


/* //////////////      btn         ///////////////////////////////////////////////////////////////////////////////// */


    .btn_suc_rad{
        background-color: #32BF6F !important;
        color: #FFF !important;
        border:  1px solid #32BF6F !important;
        border-radius: 5px ;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .btn_h30px{
        height: 50px;
    }

    .btn_w100p{
        width: 100%;
    }

    .btn_suc{
      background-color: #000 !important;
      color: #FFF !important;
      border:  1px solid #333 !important;
    }
    .btn_suc_alt{
      background-color: #FFF !important;
      border:  1px solid #32BF6F !important;
      /*color: #32BF6F !important;*/
    }

    .btn_suc:hover{
        color: #fff !important;
    }

    .btn_suc_alt:hover{
        color: #32BF6F !important;
    }

    /*.btn:hover{
        color: #fff !important;
    }*/

    .btn_none{
        border: none;
        background: none;
        cursor: pointer;
    }




/*  ////////////        backgrounds     //////////////////////////////////////////////////////////////////////////*/

    .bg_red{
        background-color: #E84B3B
    }

    .bg_dblue{
        background-color: #10163A
    }

    .bg_lite_green_2{
        background-color: #63CEF5
    }

    .bg_succ{
        background-color: #32BF6F
    }

    .bg_white{
        background-color: #fff;
    }

    .bg_lite_green{
        background-color: #F1FFFF !important;
    }

    .bg_linear_lite_green{
        background: linear-gradient(131deg, #32BF6F 50%, black 50%, transparent 0%);
    }

    /*.bg_linear_lite_green_search{
        background-image: url('/images/backgroundImage/city1.avif');
    }*/

    .bg_cover{
        background-size: cover;
    }

    .bg_lite_green2{
        background-color: #FBFCFC !important;
    }






/*///////////       bg & text colors         ///////////////////////////////////////////////////////////////////////*/


    .grey_text{
        color: #777 !important;
    }

    .text_c_white{
        color: #BBB !important;
    }

    .text_white{
        color: #fff !important;
    }

    .text_color_black{
      color: #000 !important;
    }

    .text_c_black{
      color: #333 !important;
    }

    .text_color_grey{
      color: #888 !important;
    }

    .footer-links ul > li > *{
      color: #888 !important;
    }

    .bg_pink{
        background-color: #372a5e;
    }

    .text_suc{
        color: #efbb00 !important;
    }




/*//////    box shadow /////////////////////////////////////////////////////////////////////////////////*/

    .box_shadow_b{
        box-shadow: 3px 0px 40px 1px #EEE;
    }

    .box_shadow_adm{
        box-shadow: -3px 0px 20px 0px #CCC;
    }

    .box_shadow_b2{
        box-shadow: 3px 0px 20px 1px #EEE;
    }

    .box_shadow_comment{
        box-shadow: -20px 20px 40px 1px #FFF !important;
    }
    .box_shadow_comment:hover {
        box-shadow: -20px 20px 40px 1px  #DDD!important;
    }

    .box_shadow_b3{
        box-shadow: 0px 0px 10px 1.5px #EEE;
    }




/*//////////////  Height & width  //////////////////////////////////////////////////////////////////////*/

    .w_100p{
        width: 100% !important;
    }
    .w_80p{
        min-width: 80%;
    }

    .w_300px{
        height: 300px;
    }

    .w_200px{
        height: 200px;
    }

    .h_100p{
        min-height: 100% !important;
    }

    .h_inherit{
        height: inherit !important;
    }

    .h_500px{
      height: 500px;
    }

    .h_40px{
        height: 40px;
    }

    .w_150{
      width: 150px;
    }

    .w_80px{
      width: 80px;
    }

    .h_400px{
        height: 400px;
    }

    .h_300px{
        height: 300px;
    }

    .h_60px{
        height: 60px !important;
    }

    .h_290px{
        height: 290px !important;
    }




/*////////////     font     //////////////////////////////////////////////////////////////////////////////////////////*/

    .font_size_25px{
        font-size: 25px;
    }

    .font_size_16px{
        font-size: 18px;
    }

    .font_size_13px{
        font-size: 13px;
    }

    .font_10px{
         font-size: 13px !important;
    }

    .font_14px{
         font-size: 14px !important;
    }

    .font_16px{
         font-size: 16px !;
    }


/*/////////   display flex     //////////////////////////////////////////////////////////////////////////////////*/

    .d_flex{
        display: flex;
    }

    .justify_content_center{
        justify-content: center;
    }

    .align_items_center{
        align-items: center;
    }

    .d_none{
        display: none;
    }



/*////////    hr lines  //////////////////////////////////////////////////////////////*/
.hr_line_center{
  height: 1px ; 
  width: 20%;
  background-color: #32BF6F;
  margin: auto;
}

.hr_line_w_300px{
    border: 2px solid #32BF6F;
    width: 300px; z-index: -1;
    height: 2px;
}

.hr_line_w_100p{
    border-top: 2px solid #32BF6F;
    width: 100%; z-index: -1;
}

.hr_dotted_w_100p{
    border-top: 2px dashed #fff;
    width: 100%; z-index: -1;
}

.hr_dashed_w_50p{
    border-top: 2px dashed rgb(21, 37, 34);
    width: 50%;
    /* text-align: center */
}

.hr_dashed_w2_50p{
    border-top: 2px dashed rgb(255, 255, 255);
    width: 100%;
    /* height: 2px; */
}

.hr_line_w_30px{
    border-top: 2px solid #32BF6F;
    width: 140px;
}

.overlay_bg_black{
    background-color: rgba(0, 0, 0, 0.5);
}

.overlay_bg_black2{
    background-color: #F0FEFE;
    position: absolute; top: 0; left: 0; height: 100%; width: 100%;
    /*z-index: -1;*/
}

.pos_rel{
    position: relative;
}



/*//////////////    fonts   /////////////////////////////////////////////////*/

.prop_loc_font i, .prop_loc_font p {
    font-size: 18px !important;
}

.prop_loc_font span {
    font-size: 18px !important;
}

.p_about_intro{
    font-size: 20px;
}


/*////////////   border radius   ///////////////////////////////////////////*/

.brd{
    border: 2px solid #32BF6F;
}

.brdr_green{
   border: 4px solid #32BF6F;
}

.brdr_green2{
   border: 4px solid #32BF6F;
}

.brd_rad_5px{
    border-radius: 5px !important;
}

.brd_rad_10px{
    border-radius: 10px !important;
}

.brd_rad_20px{
    border-radius: 50px !important;
}

.brdr_rad_none{
    border-radius: 0px;
}

.brd_tr_tl_rad_15px{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.brdr_1px_ddd{
    border: 1px solid #DDD;
}

.rad_circle{
    color: #fff;
    background-color: #32BF6F;
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    text-align: center;    
    border: 2px solid #666;

}

.border_btm_1px{
    border-bottom: 1px solid #EEE;
}

.cursor_pointer{
    cursor: pointer;
}


/*/////////////////////////////////////////////////////////////////////////*/


.text_wrap{
    word-wrap: break-word;
}

.disp_none{
    display: none;
}

.header .navbar ul > li, a{
  color: #222 !important;
}

.header a > h1, i {
  color: #222 !important;
}

.span_bk_det{
    background-color: rgba(100, 255, 100, 1);
}

.span_bg_danger{
    background-color: rgba(230, 20, 20, 1);
}

.span_bk_det_rad{
    background-color: rgba(200, 255, 200, 1); color: #222;
    border-radius: 12px;
    padding-left: 5px; padding-right: 5px;
}

.btn_hw_60_150{
  height: 60px;
    width: 201px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px !important;
    font-weight: 600;
}

.partner_hert {
  /*height: 150px;*/
  margin-top: -40px;
  background-color: rgba(241, 255, 255, 1);
  z-index: 1;
}


.col_h60{
  height: 75px !important;
}

.partner_img{
    /*padding-right: 4%; padding-left: 4%;*/
    /*width: 20px !important;*/
}



.bg_none{
    background: none !important;
}

.avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.avatar_dash {
    vertical-align: middle;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.avatar_profile {
    vertical-align: middle;    
    border-radius: 50%;
    object-fit: contain;
    max-width: 200px;
    max-height: 200px;
    width: auto;
    height: auto;
}

.hr_dotted{
  border-top: 3px dotted #32BF6F;
  margin-top: -175px;
}

.bg_white_pr_pl_25px{
    color: #000;
    font-size: 66px;
    font-weight: 800;
    line-height: 70px;
}

.hero_p{
    color: #000; 
    font-size: 26px;
    line-height: 34px;
}

.round_box_icn{
    border-radius: 20px; padding: 30px 35px;
    /*min-height: 50px; min-width: 50px;*/
    border: none;
}

.p_w_200px{
    min-width: 200px; width: 200px;
}

.img_logo2{
    height: 20px; width: 100px;
}


.hiw_ttl_10px{
    margin-top: 30px;
}

.tab-sel .active {
    border-bottom: 3px solid #32BF6F !important;
}

.tab-sel .active a {
    border: none !important;
}

/*.tab-sel .active > a{
    border-bottom: none !important;
}*/

.bordr_3px_solid{
    border: 5px solid #F1FFFF !important;
}

.bordr_2px_solid_2{
    border: 2px solid #314d4d !important;
}

.gallery_image{
    width: 65%; height: 250px; 
}

.circle_icn{
    padding: 7px;
    border-radius: 30%;
    background-color: rgb(255, 252, 252);
    box-shadow: 0px 0.3px 5px 2px #63CEF5;
}

.navbar-sidebar2 ul li .active, .navbar-sidebar2 ul li .active i {
    background-color: #d51357 !important;
    color: white !important;
    border-radius: 0px;
}

.navbar__list li {
    padding-right: 5px;
    padding-left: 5px;

}


.fe-wrap {
  /*overflow: hidden;*/
  position: relative;
}

.fe-img-bg {
  opacity: 0.1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

.fe-content {
  position: relative;
}

.border_none{
    border: none;
}

.about_p p{
    font-size: 18px; line-height: 40px;
    color: #444;
}

/*.form_control{
    border-radius: 0px; height: 40px;
}*/

input[type=text] {
  /*width: 100px;*/
    height: 50px !important;
    border: 2px solid #DDD !important;
    border-radius: 5px;
    -webkit-transition: width .35s ease-in-out !important;
    transition: width .35s ease-in-out !important;
}

input[type=password] {
    /*width: 100px;*/
      height: 50px !important;
      border: 2px solid #DDD !important;
      border-radius: 5px;
      -webkit-transition: width .35s ease-in-out !important;
      transition: width .35s ease-in-out !important;
}

input[type=email] {
    height: 50px !important;
    border: 2px solid #DDD !important;
    border-radius: 5px;
    -webkit-transition: width .35s ease-in-out !important;
    transition: width .35s ease-in-out !important;
}

input[type=number] {
    height: 50px !important;
    border: 2px solid #DDD !important;
    border-radius: 5px;
    -webkit-transition: width .35s ease-in-out !important;
    transition: width .35s ease-in-out !important;
}

select {
    height: 50px !important;
    border: 2px solid #DDD !important;
    border-radius: 5px !important;
    padding-top: 10px !important; padding-bottom: 10px !important;
    -webkit-transition: width .35s ease-in-out !important;
    transition: width .35s ease-in-out !important;
}

/*input[type=file] {
    border: 2px solid #DDD !important;
    border-radius: 5px;
    -webkit-transition: width .35s ease-in-out !important;
    transition: width .35s ease-in-out !important;
}*/

input {
    
    border: 2px solid #DDD !important;
    border-radius: 5px !important;
    -webkit-transition: width .35s ease-in-out !important;
    transition: width .35s ease-in-out !important;
}

input:focus {
    border: 3px solid #cfc !important;
    border-radius: 5px !important;
}

input[type=text]:focus {
    border: 3px solid #cfc !important;
    border-radius: 5px;
}

input[type=file]:focus {
    border: 3px solid #cfc !important;
    border-radius: 5px;
}

input[type=textarea]:focus {
    border: 3px solid #cfc !important;
    border-radius: 5px;
}

input[type=email]:focus {
    border: 3px solid #cfc !important;
    border-radius: 5px;
}
input[type=password]:focus {
    border: 3px solid #cfc !important;
    border-radius: 5px;
}

label{
    font-size: 16px !important;
}

.admin_card_text *{
    color: white !important;
}

.dataTables_length labeL select {
    height: 40px !important;
}

tr{
    border: none !important;
    /*border-spacing: 0px;*/
}

th{
    /*border-top: .5px solid #EEE;*/
    border-bottom: 0.2px solid #EEE;
    font-size: 15px !important;
    font-weight: bolder !important;
    padding: 10px;
    color: #555;
}
tfoot{
    border: 1px solid #222;
}

td {
    border: none !important;
    height: 50px;
    padding-left: 10px; padding-right: 10px;
    padding-top: 5px; padding-bottom: 5px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



@media screen and (max-width: 600px){
    .align_ctr{
        display: flex; flex-direction: column;
        justify-content: center; align-items: center;
        text-align: center;
    }

    .hr_dotted{
      display: none;
    }

    .display_none_sm{
        display: none;
    }

    .mt_top_mob{
        margin-top: 0px;
    }

    .col_disp0{
        display: none;
    } 

}