/* ---------------------------------------------------
  TYPOGRAPHY
----------------------------------------------------- */

html {
    position: relative;
    min-height: 100%;
  }
  
  
  
  :root {
    --theme: #0c8bf1;
  }
  
  ::-moz-selection {
    /* Code for Firefox */
    color: #ffffff;
    background: #0c8bf1;
  }
  
  ::selection {
    color: #ffffff;
    background: #0c8bf1;
  }
  
  a,
  a:hover,
  a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
  }
  
  body {
    height: 100%;
    font-size: 15px;
    color: #212121;
    background: #fff;
    font-weight: 400;
    font-family: 'Poppins'!important;
  }
  
  /* commonstyle */
  
  .theme_success{
    /* color: #1d8745;  */
    color: #0266b4;;
  }
  
  p {
  
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5em;
    /* color: #999; */
    margin: 0;
  }
  
  
  .shadow {
    -webkit-box-shadow: 0 .04rem 0.45rem 0 rgba(58, 59, 69, .09) !important;
    box-shadow: 0 .04rem 0.45rem 0 rgba(58, 59, 69, .09) !important;
  }
  
  .smaller {
    font-size: 0.7rem;
  }
  
  .o-hidden {
    overflow: hidden !important;
  }
  
  .bg-admin {
    background: #FFFFFF;
    /* background: rgb(29, 155, 240); */
  /*  background: #5da9dd;*/
    -webkit-box-shadow: 0 2px 17px 2px rgb(233, 221, 247);
    box-shadow: 0 2px 17px 2px rgb(233, 221, 247);
  }

  .breadcrumb_bg{
background-color: #0266b40f !important;
  }
  
  .breadcrumb_bg .breadcrumb .breadcrumb-item a{

    text-decoration: none;
    color: #0266b4;
    /* color: rgb(248, 162, 63); */
 
 }
 
 .breadcrumb_bg .breadcrumb .breadcrumb-item.active a{
 
   color: rgb(26, 31, 26);
 
 }
 
  .radius-25 {
    border-radius: 25px;
  }
  
  .radius-30 {
    border-radius: 30px;
  }
  
  .radius-40 {
    border-radius: 40px;
  }
  
  .radius-50 {
    border-radius: 50%;
  }
  
  .text-theme {
    color: #0c8bf1 !important;
  }
  .text-primary {
     color: rgb(29, 155, 240) !important;
  }
  
  .text-theme-40 {
    color: hsla(207, 91%, 50%, 0.4) !important;
  }
  
  .text-muted-30 {
    color: #a6a7a7 !important;
  }
  
  .table td,
  .table th {
    vertical-align: middle !important;
  }
  
  .table th {
    color: #0f0f0f;
    font-weight: 700;
  
  }
  
  .table td {
    font-size: 13px;
    padding: .4rem;
  }
  
  /* .bgheaders
  {
    background-color: #1D9BF0;
    color: #fff;
  } */
  
  .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #ffffff;
    /* background-color: #f8f9fc; */
    border-bottom: 1px solid hsla(226, 30%, 92%, 0.6);
  }
  
  .card-footer {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f8f9fc;
    border-top: 1px solid hsla(226, 30%, 92%, 0.6);
  }
  
  .badge {
    display: inline-block;
    padding: 2px 4px;
  }
  
  .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgb(108 185 248 / 45%);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
  }
  
  .btn-primary {
      color: #fff;
      background-color: rgb(29, 155, 240) !important;
      border-color: rgb(29, 155, 240) !important;
  }
  .bg-primary {
      background-color: rgb(29, 155, 240) !important;
  }
  /*--------------------------
       Accordion
  -------------------------------*/
  .accordion-item {
      background-color: #fff;
      border: 0;
      border-bottom: 1px solid #f2f4f5;
  }
  .accordion-header {
      border-bottom: 2px solid #ccc;
      margin-bottom: -1px;
  }
  .accordion-button {
      padding: 0.5rem 1.25rem;
      color: rgb(29, 155, 240) !important;
  /*    background: #f8f9fa !important;*/
  }
  .accordion-button:not(.collapsed) {
  /*    color: #0c63e4;*/
       background-color: #fff;
      box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
  }
  .accordion-button:focus {
      z-index: 3;
      border-color: #86b7fe;
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
  }
  
  .accordion-item:last-of-type {
      border-bottom-right-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
  }
  
  .accordion-item:first-of-type {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  .accordion-item:last-of-type {
      border-bottom-right-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
  }
  
  /* ---------------------------------------------------
      Header Navabr Style
  ----------------------------------------------------- */
  
  .navbar {
    border: none;
    border-radius: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  }
  
  .navbar-light .navbar-nav .nav-link>i {
    font-size: 28px;
    margin-top: 4px;
  }
  
  .dropdown-item {
    font-size: 15px;
    display: flex;
    align-items: center;
  }
  
  .dropdown-item i {
    padding-right: 8px;
    font-size: 16px;
  }
  
  .dropdown-item.active,
  .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0c8bf1;
  }
  
  .navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
  }
  
  /* Search icon */
  
  .navbar-nav .form-inline .input-group {
    width: 100%;
  }
  
  .has-search .form-control {
    padding-left: 2.375rem;
    border: 1px solid #ffffff;
    border-radius: 25px;
    height: 36px;
    background: transparent;
  }
  
  .has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
  }
  
  .navbar-light .navbar-nav .nav-item {
    margin: 0px;
    padding: 0;
   
  }
  
  .navbar-light .navbar-nav .nav-link {
    color: #21232e;
   
    margin: 0px 8px;
    padding: 0px;
  }
  
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .75);
    
  }
  
  .navbar-nav .nav-item.dropdown .dropdown-toggle::after {
    width: 1rem;
    text-align: center;
    float: right;
    vertical-align: 0;
    border: 0;
    font-weight: 900;
    content: '\f107';
    color: #fff;
    margin-top: 12px;
    font-family: 'Font Awesome 6 Free';
    
  }
  
  .navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {
    content: '\f107';
  }
  
  .navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {
    display: none;
  }
  
  .navbar-nav .nav-item .nav-link:focus {
    outline: none;
  }
  
  .navbar-nav .nav-item .nav-link .badge {
    position: absolute;
    left: 1.5rem;
    top: 0.2rem;
    font-weight: 400;
    font-size: 0.5rem;
  }
  
  @media (max-width:767px) {
    .navbar-light .navbar-nav .nav-link {
      padding: 0
    }
  }
  
  @media (min-width: 768px) {
    .navbar-nav .form-inline .input-group {
      width: auto;
    }
  }
  
  a[aria-expanded="true"].dropdown-toggle::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  
  /*
  a[aria-expanded="false"].dropdown-toggle::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  */
  
  /* ---------------------------------------------------
      Side navbar Style
  ----------------------------------------------------- */
  
  #sidebar {
    width: 270px;
    position: fixed;
    /* top: 0; */
    top: 64px;
    left: 0;
    height: 100vh;
    z-index: 999;
    color: #fff;
    background-color: #ffffff;
    
  /*  background: #f9f9f9;*/
    /* -webkit-box-shadow: 0 2px 17px 2px rgba(82, 63, 105, 0.13);
    box-shadow: 0 2px 17px 2px rgba(82, 63, 105, 0.13); */
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s;
    overflow-y: auto;
  }
  
  #sidebar.active {
    margin-left: -270px;
  }
  
  #sidebar .sidebar-header {
    padding: 18px 20px;
    background-image: linear-gradient(135deg, #0c8bf1 0px, #8d62f3 100%);
  }
  
  #sidebar .sidebar-header>a {
    text-transform: uppercase;
  }
  
  #sidebar .sidebar-header .navbar-brand {
    position: relative;
    padding-bottom: 0;
  }
  
  #sidebar ul p {
    color: #fff;
    padding: 10px;
  }
  
  #sidebar .side-menu {
    position: relative;
    margin-bottom: 60px;
    margin-top: 50px;
    padding-bottom: 40px;
    padding: 0px 10px 0 16px;
    list-style: none;
  }
  
  .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25px;
  }
  
  .side-menu .icon {
    font-size: 18px;
    text-align: center;
    margin-right: 8px;
    margin-left: 0;
    display: inline-block;
  }
  
  #sidebar .side-menu .nav-item.active .icon,
  #sidebar .side-menu .nav-item:focus .icon {
    color:#CF0921;
    
  }
  
  #sidebar .side-menu .nav-item.active .nav-link{
    text-decoration: none;
    color:  #edf1ef;
   align-items: center;
    /* background: #f9f9f9; */
    /* background: #1d8745; */
     /* background-color: #004274; */
     background-color: #0266b4;;
    /* border-left: 3px solid #ffffff; */
    cursor: pointer;
   /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
    border-radius: 5px;
  }
  #sidebar .side-menu .nav-item:hover .nav-link,
  #sidebar .side-menu .nav-item:focus .nav-link {
    text-decoration: none;
  }
  
  #sidebar .side-menu .nav-item.active .nav-link {
    position: relative;
  }
  
  /* #sidebar .side-menu .nav-item.active .nav-link:before {
    height: 100px;
    width: 0;
    border-left: 3px solid rgb(29, 155, 240) !important;
    content: '';
    position: absolute;
    right: 0;
  } */
  
  #sidebar .side-menu .nav-item {
    margin-bottom: 20px;
    position: relative;
    /* background: #e6eafa; */
  }
  #sidebar .side-menu .nav-item .nav-link::before {
    content: '';
    position: absolute;
    width: 80%;
    /* border-bottom: 1px solid #FFFFFF; */
    /* opacity: 0.38; */
    right: 0;
    bottom: 0;
  }
  
  #sidebar .side-menu .nav-item.active .nav-link::before {
    border: none;
  }
  #sidebar .side-menu .nav-item .nav-link {
    
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 17px;
    /* font-size: 14px; */
    -webkit-transition: border-left-color 0.3s ease, background-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease, background-color 0.3s ease;
    transition: border-left-color 0.3s ease, background-color 0.3s ease;
    color: #000;
    /* color: #FFFFFF; */
  /*  border-top: 1px solid rgba(145, 25, 132, .04);*/
    /* border-left: 3px solid #0c8bf1; */
      overflow: hidden;
      font-family: 'Poppins'!important;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  /* margin-bottom: 20px; */
  }
  #sidebar .side-menu .nav-item .nav-link:hover {
    color: #fff;
    background: #0266b4;
    border-radius: 5px;
  }

  #sidebar .side-menu .nav-item .nav-link{
    font-size: 13px;
  }
  #sidebar .side-menu .subnav-item .subnav-link{
    font-size: 13px;
  }

  /*
  #sidebar .side-menu .nav-item {
      border-top:1px solid rgba(145, 25, 132, .04);
  }
  #sidebar .side-menu .nav-item:first-child{
      border-top:0 !important;
  }
  */
  /* #sidebar .side-menu .nav-item.active .nav-link img{
  filter: inherit !important;
  } */
  #sidebar .side-menu .nav-item .nav-link img{
    filter: brightness(0) invert(1);
  }
  #sidebar .side-menu .sub-menu {
    padding: 0;
    font-size: .9rem;
  }
  
  #sidebar .side-menu .sub-menu {
    /* padding-left: 25px; */
    position: relative;
    /* background: #f9f9f9; */
    background: #e6eafa;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  #sidebar .side-menu .sub-menu .subnav-item {
    position: relative;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* padding: 12px 0 12px 50px; */
    font-size: 14px;
    color: #FFFFFF;
    /* border-top: 1px solid rgba(145, 25, 132, .04); */
    /* margin-top: 5px; */
  }
  
  #sidebar .side-menu .sub-accordion .subnav-item {
    padding-left: 0;
  }
  
  
  #sidebar .side-menu .sub-menu .subnav-item .subnav-link:before {
    content: '';
    position: absolute;
    width: 80%;
    /* border-bottom: 1px solid #FFFFFF; */
    /* opacity: 0.38; */
    right: 0;
    bottom: 0;
  }
  #sidebar .side-menu .sub-menu .subnav-item .subnav-link {
    text-decoration: none;
    /* color: #FFFFFF; */
     color: #000;
    display: block;
    font-size: 12px;
    padding: 12px 0 12px 12px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom:5px;
  }

  #sidebar .side-menu .sub-menu .subnav-item.active .subnav-link {
    background-color: #fff;
    color: #0266b4;
   border-radius: 5px;
  }
  
  
  #sidebar .side-menu .sub-menu .subnav-item.active .subnav-link,
  #sidebar .side-menu .sub-menu .subnav-item:hover .subnav-link,
  #sidebar .side-menu .sub-menu .subnav-item:focus .subnav-link {
    text-decoration: none;
    /* color: #fff;
    background: #0266b4cc; */
    border-radius: 5px;
  }
  #sidebar .side-menu .sub-menu .subnav-item .subnav-link:hover{
    background-color: #fff;
    color: #0266b4;
  }
  #sidebar .side-menu .sub-menu .subnav-item.active .subnav-link::before{
  border:none;
  }
  
  .dropdown.no-arrow .dropdown-toggle::after {
    display: none;
  }
  
  #sidebar .side-menu .nav-item .nav-link[data-bs-toggle=collapse]::after {
    /* display: block;
    position: absolute;
    top: 8px;
    right: 0px;
    font-size: 22px;
    border: none;
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    -o-font-feature-settings: 'liga'; */

    position: absolute;
    top: 8px;
    right: 0px;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Font Awesome 6 Free';
    content: "\f107";
    padding-right: 8px;
    border: none;
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';

  }

  
  #sidebar .side-menu .sub-menu .subnav-item .subnav-link[data-bs-toggle=collapse]::after {
    display: block;
    position: absolute;
    top: 8px;
    right: -4px;
    font-size: 22px;
    border: none;
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    -o-font-feature-settings: 'liga';
  }
  
  .nav-link[data-bs-toggle=collapse]::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  
  .nav-link[data-bs-toggle=collapse].collapsed::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  
  
  .bg-admin{
    /* background-color: #1d8745; */
    /* background-color: #004274; */
    background-color: #0266b4;;
  }
  @media (max-width: 767px) {
    .bg-admin #sidebarCollapse {
      order: 1
    }
  }
  
  /* ---------------------------------------------------
    Main Wrapper
  ----------------------------------------------------- */
  
  .main-wrapper {
    /* background: #f8f9fc; */
    background: #FAFBFE;
    width: calc(100% - 270px);
    /* min-height: 100vh; */
    transition: all 0.3s;
    position: absolute;
    right: 0;
    top: 23px;
    /* z-index: 0; */
  }
  
  .main-wrapper.active {
    width: 100%;
  }
  
  .header-area {
    width: 100%;
    transition: all 0.3s;
    position: fixed;
    right: 0;
    top: 0px;
    z-index:1016;
  }
  
  
  .header-area.active {
    width: 100%;
  }
  
  @media (min-width: 768px) {
    .main-wrapper {
      padding: 55px 0;
    }
  
    .header-area .bg-admin {
      padding:2px 8px;
     
    }
  
  }
  
  
  @media (max-width: 768px) {
    #sidebar {
      margin-left: -270px;
      top: 101px !important;
    }
  
    #sidebar.active {
      margin-left: 0;
    }
  
    .header-area,
    .main-wrapper {
      width: 100%;
    }
  
    /* .main-wrapper.active {
      width: calc(100% - 230px);
    } */
  
    #sidebarCollapse span {
      display: none;
    }
  
    .menu-overlay {
      display: none;
      /* background-color: #000; */
      bottom: 0;
      left: 0;
      opacity: 0.5;
      filter: alpha(opacity=50);
      position: fixed;
      right: 0;
      top: 68px;
      z-index: 99;
    }
  }
  
  .content-wrapper {
    width: 100%;
    min-height: 100vh;
    padding: 2px 20px;
  
  }
  .content-area {
    min-height: 65vh;
  }
  
  /* ---------------------------------------------------
      BREADCRUMBS CSS
  ----------------------------------------------------- */
  
  .breadcrumbs-area,
  .breadcrumbs-area2 {
    position: relative;
  }
  
  .breadcrumbs-area h1,
  .breadcrumbs-area2 h1 {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
  
  .breadcrumbs-area h1 small,
  .breadcrumbs-area2 h1 small {
    font-size: 13px;
    text-transform: capitalize;
  }
  
  .breadcrumbs-area .breadcrumb {
    background: transparent;
    padding: .75rem 0;
    margin: 0;
  }
  
  .breadcrumbs-area .breadcrumb .breadcrumb-item.active {
    color: #6c757d;
  }
  
  .breadcrumbs-area2 .breadcrumbs-list {
    padding: 0;
    margin: 0;
  }
  
  .admin-breadcrumbs .breadcrumb {
    padding: 0.2rem 1rem;
    margin-bottom: 10px;
    align-items: center;
    background-color: rgb(70, 112, 70);
  
  }
  
  .admin-breadcrumbs .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: '\f105';
    font: normal normal normal 14px/1 FontAwesome;
    padding-top: 4px;
   
  }
  
  
  /* ---------------------------------------------------
      scroll-to-top
  ----------------------------------------------------- */
  
  .scroll-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: none;
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    /* background: hsl(352.73deg 91.67% 42.35%); */
    /* background-color: #1d8745; */
    background-color: #004274;
    line-height: 65px;
    z-index: 999;
  }
  
  .scroll-to-top:focus,
  .scroll-to-top:hover {
    color: #ffffff;
    /* background: #1d8745; */
    background: #60b9f4;
  }
  
  .scroll-to-top i {
    font-weight: 800;
    font-size: 24px;
  }
  
  @media only screen and (max-width: 500px){
  
  .nav_main_title{
    font-size: 16px;
  }
  .nav_sub_title{
    font-size: 15px;
  }
  
  }
  
  /* content_form_css */
  
  .content-title{
    color: #004274;
    border-bottom: 1px dashed #004274;
  }
  .symbol{
    color: #004274;
    font-size: 10px;
    margin-top: 3px;
  }
  
  .ucolon{
    padding-top: 9px;
  }
  
  .content-form .textbox {
      border-radius: 10px;
      border: 2px solid #dbdadf;
      padding: 5px;
  
  }
  
  .submitbtn{
    background-color: #004274 !important;
    color: #fff !important; 
  }
  
  /* .btn_next{
    background-color: #1d8745 !important;
    float: right;
    color: #fff !important;
    margin: 25px 0px;
    font-size: 17px;
    font-weight: 500px;
  }
  
  .btn_back{
    background-color: #4c4e4d !important;
    float: left;
    color: #fff !important;
    margin: 25px 0px;
   font-size: 17px;
    font-weight: 500px;
  } */
  
  
  
  
  
  /* /////////////////////////////////////////////// 
                 nav And  login_html_css 
   ////////////////////////////////////////////////// */
  
   
  
body{
  font-size: 1rem;
  font-style: normal;
}
.emergency{
  /* background-color: #14457b; */
  background-color: #0266b4;
  font-size: 15px;
  
}

.emergency li {
  list-style: none; 
  margin: 0;
  line-height: 0%;
  
}

.emergency a{
  text-decoration: none;
  color: #fff;
  
}

.row {
  --bs-gutter-x: 0rem !important;
  --bs-gutter-y: 0rem !important;

}



.logo{
  width: 194px;
  height: 50px;
  
}

/* nav_bar_css */
.main_nav .navbar {
  /* --bs-navbar-padding-x: 0px !important; */
  --bs-navbar-padding-y: 0px !important;

}

.main_nav .navbar .navbar-nav .nav-item .nav-link{
  color: #fff;
  padding-left: 12px;
}


.main_nav .navbar .navbar-nav .nav-item .nav-link:hover{
  background-color: rgb(248, 162, 63);
  color: #fff;
}


/* .main_nav .login-btn {
  text-decoration: none;
  color: #2f2f2f;
  background-color: #fff;
  padding: 6px 14px;
  border-radius: 50px;
} */






/*  starting  main section */

/* scrolling_Secstion */
.scrolling-news {
  background: #fff;
  padding: 0px;
  border-radius: 2px;
  position: relative;
  padding-bottom: 18px;
}


.scrolling-news .title {
  color: #fff;
  font-weight: 700;
  position: absolute;
  background: #fdb10f;
  padding: 9px 31px;
  margin: 0px 0px;



}

.scrolling-news .title:before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid #fdb10f;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  top: -1px;
  z-index: 1;
}

marquee {
  display: inline-block;

 
}




.scrolling-news .news {
  font-family: 'Source Sans Pro', sans-serif;
  margin-left: 131px;
  padding: 7px 0 3px 0;
  margin-bottom: 0;
  
}

.scrolling-news .news .news-list {
  margin: 0;
  padding: 0;
  padding-top: 1px;
  list-style-type: none;
}

.scrolling-news .news .news-list li a {
  color: #eb52eb !important;
  font-size: 15px;
  text-decoration: none;
 
}


.scrolling-news .news .news-list li::before {
  position: absolute;
  background: url(../images/new.gif) no-repeat;
  width: 30px;
  height: 12px;
  content: '';
  left: -33px;
  top: 7px;
}



.scrolling-news .titles {
  color: #fff;
  font-weight: 700;
  position: absolute;
  background: #1a8006;
  padding: 10px 13px;
  text-decoration: none;
  right: 0;
  margin: 0px 0px;
}
.scrolling-news a.titles:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -20px;
  width: 0;
  height: 0;
  border-right: 20px solid #1a8006;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  top: -1px;
}



/* sire_directory_page_Css */
.search_block {
  background-color: #0266b4;
  width: 135px;
  
  
  
}
.search_block span{
  color: #2f2f2f;
}
.search_block i{
  color: #2f2f2f;
  
}


.animal_title{
  padding-top: 5px;
  font-weight: 700;
  color: #0c63f0;
}


/*  ending main section */


/* /////////////////login_css//////////////// */

.form-container {
  position: relative;
  width: 400px;
  height: 380px;
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px 30px;
  margin-top: 20px;
}
.form-container  .login_up{
  position: absolute;
  top: -30px;
  left: 25px;
  background-color: #c2e7ff;
  width: 350px;

}

.form-container .title {

  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
        "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  
  font-size: 20px;
  font-weight: 800;
}

.form-container .form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 15px;
  margin-top: 80px;
}

.form-container .input {
  border-radius: 20px;
  border: 1px solid #c0c0c0;
  outline: 0 !important;
  box-sizing: border-box;
  padding: 12px 15px;
}

.form-container .form-btn {

  width: 100px;
  padding: 10px 20px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
        "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  border-radius: 10px;
  border: 0 !important;
  outline: 0 !important;
  /* background-color: #c2e7ff; */
  background-color: #0266b4;;
  color: #fff ;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.form-container .form-btn a{
  text-decoration: none;
  color: #2f2f2f;
}

.form-container .form-btn:active {
  box-shadow: none;
}

@media (max-width: 600px){
  .form-container  .login_up{
     
      width: 250px;
  
    }

  .form-container {
    margin-top: 90px;
    width: 300px;
    }

}


/* //////////////////////Dashboard_csss/////////////// */

.sfont_size span{
  font-size: 14px;
}


/* Footer CSS
================================= */

.footer {
  color: #fff;
  /*    background-color: #16111f;*/
  /*	background: url(../images/pattern.png) repeat, #02121e;*/
  background: #0266b4;
}

.footer .footer-top {
  padding: 30px 0;
}

.footer .footer-top .footer-title {
  color: #ffcc00;
  margin-bottom: 25px;
}

.footer .footer-top .footer-title {
  font-size: 20px;
  font-weight: 700;
  display: block;
  color: #ffcc00;
  text-transform: uppercase;
  margin: 10px 0 40px;
  /* padding-left: 30px; */
  position: relative;
}

/* .footer .footer-top .footer-title:before,
.footer .footer-top .footer-title:after {
    top: 0;
    bottom: 0;
    content: '';
    position: absolute;
    background: #006bb7;
    background: linear-gradient(135deg, #026ebb 0%, #006bb7 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #006bb7 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #006bb7 100%);
}

.footer .footer-top .footer-title:before {
    left: 5px;
    width: 10px;
}

.footer .footer-top .footer-title:after {
    left: 0;
    width: 2px;
} */

.footer .footer-top .social-links>ul {
  padding: 0;
  margin: 0;
}

.footer .footer-top .social-links>ul>li {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  display: inline-block;
}

.footer .footer-top .social-links>ul>li>a:before {
  top: 0px;
  left: 0px;
  opacity: 0;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  content: '';
  position: absolute;
  border-radius: 100%;
  transform: scale(.5);
  background-color: #006bb7;
  transition: all .3s ease-in-out;
}

.footer .footer-top .social-links>ul>li>a {
  z-index: 1;
  width: 100%;
  height: 100%;
  color: #006bb7;
  display: block;
  font-size: 18px;
  overflow: hidden;
  line-height: 40px;
  text-align: center;
  position: relative;
  border-radius: 100%;
  background-color: #ffffff;

}

.footer .footer-top .social-links>ul>li>a:hover {
  color: #ffffff;
  background: #006bb7;
  background: linear-gradient(135deg, #026ebb 0%, #006bb7 100%);
  background: -webkit-linear-gradient(135deg, #026ebb 0%, #006bb7 100%);
  background: -moz-linear-gradient(135deg, #026ebb 0%, #006bb7 100%);
}

.footer .footer-top .quick-links,
.footer .footer-top .address {
  margin: 0;
  padding: 0;
}

.footer .footer-top .quick-links {
  display: inline-block;
}

.footer .footer-top .quick-links li {
  list-style: none;
  line-height: 25px;
  float: left;
  width: 100%;
}

.footer .footer-top .address li {
  list-style: none;
  line-height: 25px;
}

.footer .footer-top .quick-links li a {
  display: block;
  position: relative;
  color: #fff;
  padding-left: 25px;
  margin-bottom: 5px;
}

.footer .footer-top .quick-links li a::before {
  content: "\f0dd";
  position: absolute;
  left: -6px;
  top: 5px;
  line-height: 15px;
  font-size: 16px;
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  color: #fff;
  transform: rotate(-90deg);
  transform: -webkit-rotate(-90deg);
  transition: all 500ms ease;
  transition: -webkit-all 500ms ease;
}

.footer .footer-top .address li a {
  display: block;
  position: relative;
  color: #fff;
  padding-left: 35px;
  margin-bottom: 10px;
}

.footer .footer-top .address li i {
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 18px;
  color: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  margin-right: 10px;
}

.footer .footer-bottom p {
  padding: 10px 0;
  margin: 0;
}

.footer .footer-bottom p a {
  color: #fff;
}

.footer .footer-top .quick-links li a:hover,
.footer .footer-top .quick-links li a:hover::before,
.footer .footer-bottom p a:hover {
  color: #fdcc00;
}


.footer .footer-bottom {
  position: relative;
  padding: 20px 0px 5px;
  border-top: 1px dashed #3e3e3e;
  text-align: center;
  background: #16111f;
}

.footer .footer-bottom p {
  line-height: 30px;
  color: #cccccc;
  font-size: 15px;
  font-weight: 400;
}

.footer .footer-bottom p a:hover {
  text-decoration: underline;
}

.footer .footer-bottom ul li {
  display: inline-block;
  padding: 0px 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.32);
}

.footer .footer-bottom ul li:last-child {
  border: 0px;
  padding-right: 0px;
}

.footer .footer-bottom ul li a {
  font-size: 16px;
  color: #ccc;
}


.footer .visitor-counter span {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 3px;
  color: #ffffff;
  background: #006bb7;
  background: linear-gradient(135deg, #026ebb 0%, #006bb7 100%);
  background: -webkit-linear-gradient(135deg, #026ebb 0%, #006bb7 100%);
  background: -moz-linear-gradient(135deg, #026ebb 0%, #006bb7 100%);
  margin-right: -2px;
}

.footer .visitor-counter .center {
  text-align: center;
  width: 48%;
}

.br_none {
  border-radius: 0 !important;
}
  
  
.nav-tabs .nav-link {
color:#000 ;
}
.nav-tabs .nav-link.active {
 background: #0266b4 !important;
  color: #fff !important;
}
.themebtn {
  background-color: #0266b4 !important;
}

label {
   font-weight: 500 !important;
}
/*# sourceMappingURL=style-rtl.css.map */
*pagination ccss*/ .pagination {
  display: block;
  text-align: left;
  height: 28px;
  line-height: 22px;
  clear: both;
  padding-top: 3px;

  font-size: 12px;
  font-weight: normal;
  margin: auto;

}

.pagination a,
.pagination a:link,
visited {
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: inline-block;
  padding: 5px 10px;
  margin: 0 3px;
  cursor: pointer;
  border-radius: 3px;
  *cursor: hand;
  color: #797979;
  text-decoration: none;
}

.pagination a:hover {
  font-size: 12px;

  background-color: #eee;


}



.pagination .current {
  display: inline-block;
  padding: 5px 10px;
  margin-left: 2px;
  text-decoration: none;
  background: none repeat scroll 0 0 #eee;
  border-radius: 3px;
  color: #797979;

  cursor: default;
  border: 1px solid #ddd;


}

.pagination .disabled {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 3px;

  margin-left: 3px;
  color: #c7c7c7;
  cursor: default;
}



/*End of pagination styling*/