::-moz-selection { /* Code for Firefox */
  color: #fff !important;
  background: #62a288 !important;
}

::selection {
  color: #fff !important;
  background: #62a288 !important;
}


.iq-footer{
    position: fixed;
    bottom: 0;
    right: 15px;
    width: calc(100% - 320px);
}
@media only screen and (max-device-width: 480px) {
  .iq-footer{
    font-size: 11px;
    /* text-align: center; */
    font-weight: 400;

    position: fixed;
    bottom: 0;
    right: 15px;
    width: calc(100% - 50px);
    padding: 2px;
}
}
@media only screen and (max-device-width: 844px) {
  .iq-footer{
    width: calc(100% - 50px);
    padding: 2px;
}
}

.top_heading{
    color:#62a288;
    margin-bottom: 0;
    text-transform: uppercase;
}
@media only screen and (max-device-width: 480px) {
  .top_heading{
    font-size: 18px;
    text-align: center;
    font-weight: 400;
}
}

.content-page{
padding-bottom: 50px;
}

.custom_alert{
    position: fixed;
    left: 50%;
    top: 30px;
    width: unset;
    min-width: 300px;
    z-index: 999;
    text-align: center;
}

.form-row{
    margin-top: 10px;
}

.form-row .col label{
    margin-bottom: -10px;
}

.paginate_button.current{
background-color: #62a288 !important;
color:#ffffff !important;
}

.detail_tbl{
    width: 100%;
}
.detail_tbl tr{
    border-bottom:1px dashed #aaa;
    width: 100%;
}

.d_label{
    color: #222;
}


/* Landing Page Styles Start*/

/*Top Section Start*/
.top_section{
    background-image: url(../../assets/images/background.jpg);
    background-position: top center;
    background-size: cover;
    width:100%;
    height: 700px;
}

.top_section .top_nav_wrapper{
    display: flex;
    flex-direction: row;
    justify-content: end;
}
.top_section .top_nav{
    list-style: none;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 10px 0;
    padding: 0 20px;
}

.top_section .top_nav li{
    margin:0 10px;

}

.top_section .top_nav li a{
    color: #fff;
    font-weight: bold;
}

.top_section .nav_bar{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.top_section .main_nav .main_nav_list{
    list-style: none;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 10px 0;
}

.top_section .main_nav .main_nav_list li{
    margin:0 20px;
    padding:5px 0
}

.top_section .main_nav .main_nav_list li a{
    color: #fff;
    font-weight: bold;
}

.top_section .main_nav .main_nav_list .login_btn{
    background-color: #196144;
    padding: 5px 20px;
    border-radius: 20px;
    border:1px solid #fff
}
/*Top Section End*/

/*Main Page Start*/
.main_page{
    background-color: #62a288;
    padding: 30px 0;
}
/*Main Page End*/

/*Promo Section Start*/
.promo_heading{
    margin-top: -100px;
}

.promo_heading h1{
    font-family: Poppins;
    font-weight: bold;
    font-size: 76px;
    line-height: 70px;
    color:#ffffff
}

.promo_heading p{
    font-family: Inter;
    font-size: 28px;
    color:#ffffff;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.promo_heading h1 span{
    color:#69d6ff
}

.c_btn{
    background-color: #62a288;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    color:#ffffff;
    padding: 8px 20px;
    border-radius: 20px;
    border: 1px solid #ffffff;
}

.right_section{
    margin-top: -200px;
}

.right_section img{
    max-width: 100%;
}

.right_section .right_content{
    padding: 0 50px;
}

.right_section .right_desc{
    font-size: 13px;
    color:#ffffff;
    line-height: 20px;
}

.right_section .c_btn{
    font-size: 12px !important;
}

/*Promo Section End*/

/*Mockup Section Start*/
.mockup_section .app_design{
    max-width: 100%;
    width: 300px;
    margin-left: -58px;
}
.mockup_section .mockups{
    background-color: #e7e7e7;
}

.mockup_slider{
    padding:30px 30px 60px 30px
}

.mockup_slider .owl-nav{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: end;
    bottom:0;
    top:unset;
}

.mockup_slider .owl-nav button{
    position: relative !important;
    left: unset !important;
    top:unset !important;
    right:unset !important;
}

.mockup_slider .owl-nav button i{
    background-color: #62a288;
    border-radius: 0;
}

.mockup_slider .owl-nav button.owl-prev{
    margin-right: 10px;
}

/*Mockup Section End*/

/*Service Section Start*/
.service_section{
    padding: 100px 0;
}
.service_section .service_heading h3{
    font-family: Poppins;
    font-weight: bold;
    color:#c11414;
    font-size: 26px;
    margin-bottom: -36px;
}

.service_section .service_heading h1{
    font-family: Poppins;
    font-weight: bold;
    color:#ffffff;
    font-size: 100px;
    margin-left: -6px;
}

.service_section .service_heading p{
    font-family: Inter;
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    margin-top:-10px
}


.plus_section img{
    width: 600px;
    max-width: 100%;
    position: absolute;
    top: -150px;
    left: -60px;
}

/*Service Section End*/

/*Footer Section Start*/
.footer_section{
    text-align: center;
    background-color: #ffffff;
    color:#62a288;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 0;
}

.footer_section p{
    margin-bottom: 0;
}
/*Footer Section End*/

/*Responsive Fixes Start*/
@media(max-width:1200px){
    .top_section .nav_bar{
        justify-content: center;
    }

    .top_section{
        height: 1000px;
    }

    .promo_heading, .right_section{
        margin-top: -350px;
    }

    .promo_heading h1{
        font-size: 65px;
    }

    .promo_heading p{
        font-size: 22px;
    }

    .plus_section img{
        left: 0;
        top:-100px
    }
}

@media(max-width:992px){
    .promo_heading h1{
        font-size: 50px;
    }

    .promo_heading p{
        font-size: 18px;
    }

    .c_btn{
        font-size: 14px;
    }

    .mockup_section .mockups{
        margin-top: 50px;
    }

    .app_design_wrapper{
        display: none;
    }

    .service_section .service_heading h1{
        font-size: 65px;
    }

    .service_section .service_heading h3{
        margin-bottom: -20px;
    }

    .right_section .right_content{
        padding: 0;
    }
    .promo_heading{
        text-align: center;
        margin-top: -250px;
    }
    .right_section{
        margin-top: 20px;
        text-align: center;
    }

    .service_heading img{
        max-width: 100%;
    }
}

@media(max-width:768px){
    .top_section .main_nav .main_nav_list{
        display: none;
    }

    .top_section .nav_bar{
        justify-content: space-between;
        max-width: 100%;
    }

    .top_section .top_nav_wrapper{
        max-width: 100%;
    }

    .mobile_nav, .mobile_trigger{
        display: block !important;
    }

    .top_section{
        height: 700px;
    }

    .plus_section{
        display: none;
    }

    .service_section{
        text-align: center;
    }

    .top_section{
        background-image: url(../../assets/images/mobile_back.jpg);
        height:480px
    }
    .promo_heading{
        margin-top: -110px;
    }

    .nav_bar .logo img{
        width: 200px;
    }
}
/*Responsive Fixes End*/


/*Mobile Menu Styles Start*/
.mobile_nav, .mobile_trigger{
    display: none;
}
.mobile_nav {
    width: 100%;
    height: 100px;
    position: relative;
    z-index: 1000;
  }
  .mobile_nav .mobile_trigger {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translate(0, -50%);
    cursor: pointer;
    display: inline-block;
    width: 48px;
    height: 30px;
  }
  .mobile_nav .mobile_trigger span {
    position: relative;
    width: 100%;
    height: 6px;
    transform: translateY(12px);
    background-color: #292d34;
    display: block;
    border-radius: 9px;
  }
  .mobile_nav .mobile_trigger span::before, .mobile_nav .mobile_trigger span::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 6px;
    background-color: #292d34;
    display: block;
    border-radius: 9px;
  }
  .mobile_nav .mobile_trigger span::before {
    transform: translateY(-12px);
  }
  .mobile_nav .mobile_trigger span::after {
    transform: translateY(12px);
  }

  .mobile_trigger span {
    transition: all 0.3s linear;
  }

  .mobile_trigger.active{
    position: fixed;
    top:15%
  }

  .mobile_trigger.active span {
    background-color: transparent;
  }

  .mobile_trigger span:before {
    animation: downAndTurnReverse 0.5s linear both;
  }

  .mobile_trigger.active span:before {
    animation: downAndTurn 0.5s linear both;
  }

  .mobile_trigger span:after {
    animation: upAndTurnReverse 0.5s linear both;
  }

  .mobile_trigger.active span:after {
    animation: upAndTurn 0.5s linear both;
  }

  @keyframes downAndTurn {
    0% {
      transform: translateY(-12px) rotate(0deg);
    }
    50% {
      transform: translateY(0px) rotate(0deg);
    }
    100% {
      transform: translateY(0px) rotate(45deg);
    }
  }
  @keyframes downAndTurnReverse {
    0% {
      transform: translateY(0) rotate(45deg);
    }
    50% {
      transform: translateY(0px) rotate(0deg);
    }
    100% {
      transform: translateY(-12px) rotate(0deg);
    }
  }
  @keyframes upAndTurn {
    0% {
      transform: translateY(12px) rotate(0deg);
    }
    50% {
      transform: translateY(0px) rotate(0deg);
    }
    100% {
      transform: translateY(0px) rotate(-45deg);
    }
  }
  @keyframes upAndTurnReverse {
    0% {
      transform: translateY(0px) rotate(-45deg);
    }
    50% {
      transform: translateY(0px) rotate(0deg);
    }
    100% {
      transform: translateY(12px) rotate(0deg);
    }
  }
  .mobile_sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 320px;
    max-width: 90%;
    height: 100%;
    color: #fff;
    z-index: 500;
    background: linear-gradient(45deg, #62a288 0%, #a4cbbb 100%);
    transition: transform 0.5s;
    transform: translateX(100%);
    overflow-y: auto;
    padding: 32px;
    overflow-x: hidden;
  }
  @media (max-width: 320px) {
    .mobile_sidebar {
      padding: 24px;
    }
  }

  @media (max-width: 768px) {
    .mobile_nav .mobile_trigger{
        width:30px !important
    }
    .mobile_nav .mobile_trigger span, .mobile_nav .mobile_trigger span:before, .mobile_nav .mobile_trigger span:after{
        height: 4px !important;
    }
  }
  .mobile_sidebar .mobile_logo {
    font-size: 32px;
    display: block;
    margin-bottom: 48px;
    position: relative;
    top: -2px;
    transition: all 1s ease-out;
    transform: translateX(150px);
  }
  .mobile_sidebar .mobile_logo img {
    max-width: 160px;
    user-select: none;
  }
  @media (max-width: 320px) {
    .mobile_sidebar .mobile_logo img {
      max-width: 120px;
    }
  }
  .mobile_sidebar .mobile_menu{
    list-style: none;
    padding: 0 10px;
  }
  .mobile_sidebar .mobile_menu li a{
    font-size: 24px;
    color: #ffffff;
    cursor: pointer;
    transform: translateX(0);
  }
  @media (max-width: 320px) {
    .mobile_sidebar .mobile_menu li a{
      font-size: 20px;
    }
  }
  .mobile_sidebar .mobile_menu li:nth-of-type(1) {
    transition: all 1.1s ease-out;
  }
  .mobile_sidebar .mobile_menu li:nth-of-type(2) {
    transition: all 1.2s ease-out;
  }
  .mobile_sidebar .mobile_menu li:nth-of-type(3) {
    transition: all 1.3s ease-out;
  }
  .mobile_sidebar .mobile_menu li:nth-of-type(4) {
    transition: all 1.4s ease-out;
  }
  .mobile_sidebar.show {
    transform: translateX(0);
    box-shadow: -10px 0px 35px rgba(124, 130, 141, 0.3);
  }
  .mobile_sidebar.show .mobile_logo {
    transform: translateX(0);
  }
  .mobile_sidebar.show .mobile_logo li {
    transform: translateX(0);
  }

  .jssecrets {
    font-weight: 500;
    text-decoration: none !important;
    font-family: "Urbanist";
    padding: 16px;
    background: #ffc805;
    color: #000000;
    font-size: 1.2em;
    letter-spacing: 0.2px;
    border-radius: 8px;
    box-shadow: 0px 4px 12px rgba(184, 144, 0, 0.1882352941), 0px 8px 24px rgba(184, 144, 0, 0.3764705882);
    position: absolute;
    bottom: 24px;
    left: 24px;
    transition: all 0.3s;
  }
  .jssecrets:hover {
    transform: translateY(-4px);
  }
/*Mobile Menu Styles End*/

/* Landing Page Styles End*/

/* Login Page Styles End*/
.login_page{
    background-position: top center;
    background-size: cover;
    width:100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login_form{
    background-color: rgba(255,255,255,0.8);
    border-radius: 30px;
    padding: 40px;
    width: 500px;
    max-width: 100%;
    text-align: center;
}

.login_page h1{
    color:#b91717;
    font-size: 45px;
    font-weight: bold;
    font-family: Poppins;
}

.login_page h5{
    font-size: 25px;
    color:#0a4c33;
    font-family: Poppins;
    font-weight: bold;
    margin-bottom: 50px;
}

.login_form h2{
    font-family: Poppins;
    font-size: 26px;
    font-weight: bold;
    color: #000000;
}

.login_form .form-group{
    text-align: left;
}

.sub_qoute{
    font-family: Poppins;
    font-size: 26px;
    color:#62a288;
    font-weight: bold;
    margin-top:50px
}

.bottom_url{
    color:#000000;
    font-family: Poppins;
    font-size:15px;
    font-weight: 500;
}

.login_form input{
    background-color: #ffffff;
    border-radius: 20px;
}

.login_form .btn_wrapper{
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.login_form .custom_btn{
    background-color: #62a288;
    padding: 10px 30px;
    border-radius: 20px;
    color:#ffffff;
    font-weight: bold;
    font-family: Poppins;
    text-transform: uppercase;
}

.custm-body-card{
  border: 1px solid #aaa;
  border-radius: 15px;
  padding: 10px;
  padding-bottom: 0px;
}

/*Responsive Fixes Start*/
@media(max-width:768px){
    .login_page h1{
        font-size: 25px;
    }


    .login_page h5{
        font-size: 15px;
    }

    .sub_qoute{
        font-size: 20px;
    }

}



.progress-bar-vertical {

  min-height: 64px !important;

}
/*Responsive Fixes End*/


/* *************
my css axd Start
****************/

/* Row space  */
.cs-spacer {
  margin-top: 50px;
  margin-bottom: 50px;
}
.cs-spacer2 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.cs-spacer3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.iq-card .iq-card-header {
  min-height: 55px;
}
.text-primary2:hover{
  color:hsl(156, 26%, 40%);
}
.text-primary2 {
  color:#62a389;
  background-color: #fff;
}
.btn-primary:hover {
  background-color: #3e8165 !important;
  border-color: #62a389;
}
.btn-primary:active {
  background-color: #3e8165 !important;
  border-color: #62a389;
}
.btn-short {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */
  max-width: 80px;
  min-width: 80px;
}
.btnC {
 font-size: 12px;
}
.font-15 {
  font-size: 15px;
}
.font-em {
  font-size: 1.400em;
}
.body2
{

   padding-right: 15px;
   padding-left: 15px;
   padding-top: 2px;
}
.bg-primary-nav {
  background-color: #467a65;
}
.breadcrumb-item+.breadcrumb-item::before {
  color: #ffffff;
}
.doctor-list-item {
  width: 200px;
}
.btn-short-slider {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box; */

}

.owl-carousel .owl-nav {
  top: 40%;
}
.owl-carousel .owl-nav i:hover {
  background: #62a288;
  color: #fff;
}
.button.owl-prev{
  padding-left: 2px;
}
.css-btn {
  background-color: #c7c7c7;
}

 /* custome css by timeline bg */
 .border-primary-cs-ring {border-color: #00b9da !important; }
 .border-secondary-cs-ring {border-color: #55ff00 !important; }
 .border-danger-cs-ring { border-color: #dd0000 !important; }
 .border-warning-cs-ring { border-color: #ffd500 !important; }
 .border-info-cs-ring { border-color: #ff00b3 !important; }
 .border-light-cs-ring { border-color: #8c00ff !important; }
 .border-dark-cs-ring { border-color: #ff7300 !important; }

  /* custome css by Background */
  .bg-primary-cs { background: #00b9da !important;}
  .bg-secondary-cs {background: #55ff00 !important; }
  .bg-danger-cs { background: #dd0000 !important; }
  .bg-warning-cs { background: #ffd500 !important; }
  .bg-info-cs { background: #ff00b3 !important; }
  .bg-light-cs { background: #8c00ff !important; }
  .bg-dark-cs { background: #ff7300 !important; }
  .bg-seagreen-cs { background: #00ffaa !important; }

    /* custome css by Text-Color */
  .text-primary-cs { color: #00b9da !important;}
  .text-secondary-cs {color: #55ff00 !important; }
  .text-danger-cs { color: #dd0000 !important; }
  .text-warning-cs { color: #ffd500 !important; }
  .text-info-cs { color: #ff00b3 !important; }
  .text-light-cs { color: #8c00ff !important; }
  .text-dark-cs { color: #ff7300 !important; }
  .text-seagreen-cs { color: #00ffaa !important; }

/* custome span for dashboard design with image  */
  .d-logo-cs { font-size: 15px;margin-top: -10px;font-weight: 600; }

 .font-22 ul li p {
  font-size: 220px;
 }
 .font-14 {
  font-size: 14px;
 }
 .font-12 {
  font-size: 12px;
 }

 /* dashboard list units wise report  */
 ul.doctors-lists { height: 300px !important; }

 /* border redius for dashboard top card */
 .iq-card-redius-cs {border-radius: 10px !important;}

 /* dashboard header size min */
 .iq-card-header-cs { min-height: 43px !important; }

 /* custome dashboard product stock design */
 .single_user_pil {
  background: #f0fff9;
  padding: 10px 20px;
  border-radius: 15px;
  transition: .3s;
  margin-bottom: 15px;
}
.align-items-center {
  align-items: center!important;
}
.font-12-cs {
  font-size: 12px;
  font-weight: 600;
 }
 .width-for-product {width:280px;}

 /* color pick  */
.no-css {
  color:cornflowerblue ;
  color:olivedrab ;
  color:orange ;
  color:tomato ;
  color:crimson ;
  color:purple ;
  color:turquoise ;
  color:forestgreen ;
  color:navy ;
}
 /* font other dashboard */
.h-f {font-size: 0.9em; font-weight: 400;}
@media only screen and (max-device-width: 480px) {
  .h-f{
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin-left: 20px;
    margin-top: 20px;
}
}

.img-top-dashboard{
  width: 40px;
  height: 40px;
}
@media only screen and (max-device-width: 480px) {
  .img-top-dashboard{
    width: 65px;
    height: 65px;
}
}

@media only screen and (max-device-width: 480px) {
  .text-mobile-cs{
    margin-left: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}
  .counter{
    font-size: 40px;
  }
  .row-mobile{
    margin: 0px !important;
  }
  .col-mobile{
    margin: 0px !important;
  }
  .iq-card-redius-cs {width: auto !important;}
}

/* landscap setting  */
@media only screen and (max-device-width: 1000px) {
  .row-mobile{ margin: 0px !important;}
  .col-mobile{ margin: 10px !important;}
  .iq-card-redius-cs {width: 131px;}
}

.iq-sidebar-menu .iq-menu li a:hover {
  color: #d8d8d8 !important;
}



/* yajra table loader style */
.dataTables_processing div div {
  /* border-color: red; */
  background: #62a288 !important;
  position: center !important;
  top: 40px !important;
}