/* 

 Theme Name:   dynamico-child

 Theme URI:    https://themezee.com/themes/dynamico/

 Description:  A responsive, multipurpose 
 logging and Magazine WordPress theme with bold colors and fonts. It comes with a featured content area, various blog layouts and extensive post settings. Dynamico is the successor of the popular Dynamic News theme.

 Author:       ThemeZee

 Author URI:   https://themezee.com/

 Template:     dynamico

 Version:      1.0

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html



 /* == Add your own styles below this line ==

--------------------------------------------*/

body{
    font-family: 'Roboto',sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.header{
    background-color: #1e3a8a;
  
}


.container, .container-lg, .container-md, .container-sm, .container-xl {
   width:1170px !important;
}
a.banner_clicker:hover{
    background: #4ade80;
    }
a.banner_clicker {
    background: #22c55e;
    font-weight: 700;
    font-size: 1.25rem;
    border-radius: 8px;
    color: #fff !important;
    padding: 24px 57px;
    margin: 0 8px 0 6px;
    text-decoration: none;
    border: none;
}
a.banner_clickerlogin {
    background: #22c55e;
    font-weight: 700;
    font-size: 1.25rem;
    border-radius: 8px;
    color: #fff !important;
    padding: 24px 70px;
    margin: 0 8px 0 6px;
    text-decoration: none;
    border: none;
}
img.banerimg {
    /*max-width: 554px;
    padding: 38px 0 34px 0px;*/
    max-height: 260px;
   /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/

    }
img.banerimg:hover{
 /*box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;*/
}

h3.baner_title {
    color: #1e40af;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 27px;
    padding-top: 10px;
    font-family: auto;  
    }
   section.banner ::-webkit-scrollbar {
  width: 10px;
}
section.banner {
    min-height: 100vh !important;
    text-align: center!important;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
section.rjster {
    width: 74%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding-bottom: 130px;
}
a.footer_p {
   font-size: 14px;
   text-decoration: none;
   color: #000;
}   
p.copyright {
    font-size: 14px;
    font-weight: 400;
}
.footer_down {
    background: #1e3a8a;
    color: #fff;
    padding-top: 17px;
}
.footer_about {
    padding: 14px 0;
}
img.creditlogo {
    padding-left: 15px;
}
img.headlogo {
    margin: 0px;
    max-height: 48px;
}
li.nav-item {
    list-style: none;
    padding: 0px 5px;
}
a.nav-link.dropdown-toggle {
    padding-top: 0px;
    color: white;
}
ul.navbar-nav.me-auto {
    margin-top: 0px;
}
li.nav-item a {
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    font-family: sans-serif;
    color: #777;
    text-decoration: none;
}
section.login {
     width: 100%;
    margin-bottom: 25px !important;
    margin: auto;
    background: #fff;
    border: 3px solid #1fa6dd;  
    padding-bottom: 17px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
}
.loginform {
    max-width: 450px;
    margin: auto;
    text-align: center;
}
nav.navbar.navbar-expand-sm.navbar-white {
    padding: 0;
}
.info_login {
    max-width: 750px;
    margin: 1rem auto;
    font-size: 17px;
    background: #fff;
    border: 1px solid #d3e0e9;
    margin-top: 35px;
    padding: 19px;
    display: flex;
    text-align: center;
    justify-content: center;
    font-family: sans-serif;
    border-radius: 9px;
    border: 2px solid #1fa6dd;
}
p.login_title {
    padding: 5px 15px;
    /*border-bottom: 2px solid #d3e0e9;*/
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    font-size: 22px;
    font-family: sans-serif;
    color: white;
    background-color: #1fa6dd;
    margin-top: -1px !important;
}
input.form-control_emailpwd {
    width: 75%;
    margin-left: auto;
    border: 3px solid #ccd0d2;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}
label.form-label {
    font-weight: 700;
}
label.form-check-label,label.form-label{
    font-size: 14px;
    line-height: 1.6;
    color: #636b6f;
}
.submitclick {
    display: flex;
    justify-content: center;
    padding-left: 52px;
}
.form-check_remember {
    padding-right: 70px;
}
button.btn.btn-primary {
    background-color: #3097D1;
    border-color: #2a88bd;
    padding: 0px 3px;
}
a.btn.btn-link {
    color: #3097D1;
    font-weight: 400;
    border-radius: 0;
    font-size: 14px;
    text-decoration: none;
    padding: 3px 3px;
    line-height: 1.6;
    margin: 3px 0px 0px 6px;
}
label.rgstr_label {
    padding: 7px 0 5px 0;
}
.form-group_rjstr {
    padding: 3px 0 7px 0;
}


button#register {
    border-color: #0e243d;
    background-color: #102945;
    background-color: rgba(16,41,69,0.9);
    color: #fff;
    padding: 6px 12px;
}
button#register:hover {
background-color: #337ab7;
    border-color: #2e6da4;
}
section.rjster{
    max-width: 700px;
    margin: auto;
    padding-bottom: 130px;
}
input{
    background-color: #fff !important;
}
.menutab {
    background: #fff;
    min-height: 250px;
    padding: 12px;
    position: relative;
    border: 2px solid #3097D1;
    min-height: 268px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
.menutab:hover{
    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
}

a.menu_click {
    font-family: 'Roboto',sans-serif;
    text-decoration: none;
    color: #323232;
    border: 1px solid #ccc;
    color: #5a5a5a !important;
    font-weight: 500;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 4px;
    /* position: relative; */
}
.mennu_clickr {
    position: absolute;
    bottom: 26px;
}
.menutab h3 {
    color: #636b6f;
    margin-top: -66px !important;
    font-family: inherit;
    font-weight: 500;
}

.menutab p {
    color: #5a5a5a;
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 700;
    color: #636b6f;
    font-style: italic;
    position: absolute;
    padding-right: 10px;
    font-family: sans-serif;
}
/*a.menu_click:before {
    position: absolute;
    top: 3px;
    content: ">>";
    right: 6px;
    /* left: 5px; 
    color: #323232;
    font-weight: 700;
}*/
i.fa-solid.fa-angles-right {
    font-size: 8px;
}
p#errorresults{
    max-width: 750px !important;
    margin: auto;
    background: #fff;
    font-weight: 500;
    padding: 5px;
    border: 1px solid #d3e0e9;
    margin-bottom: 5px;
}   
p#showresults{
    max-width: 750px !important;
    margin: auto;
    background: #fff;
    font-weight: 500;
    padding: 5px;
    border: 1px solid #d3e0e9;
    margin-bottom: 5px;
} 
a.link_logout:hover {
    display: block;
    color: #3097D1;
}

li.nav-item {
    list-style: none;
    padding: 0px 9px;
    font-size: 13px;
    font-family: sans-serif;
}
.registerform {
    padding: 0 24px;
}
p.register_title {
    padding: 10px 15px;
    border-bottom: 1px solid #d3e0e9;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    font-weight: 700;
    background-color: #3097D1;
    border-color: #3097D1;
    color: #fff;
    margin-top: -1px !important;
}
.footer_about {
    text-align: center;
    background: #fff;
    box-shadow: -1px 4px 10px 0px;
}
div#example_wrapper {
    background-color: #fff;
    border: 2px solid #309ad0 !important;
    border-radius: 10px!important;
    padding: 20px 16px 7px 15px !important;
    font-family: ui-sans-serif !important;
    font-size: 16px !important;
    margin-top: -8px;
    margin-bottom: 100px;
    border-top-right-radius: unset !important;
    border-top-left-radius: unset !important;
}

/***** Horse Detailing page ******/

label.rgstr_label {
    font-size: 12px;
}

input.form-control.people_details {
    width: 81%;
    margin: 0 auto;
    /* padding-left: 18px; */
    /* padding-right: 10px; */
}

button.btn.btn-primary {
    background-color: #3097D1;
    border-color: #2a88bd;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 13px;
    font-size: 16px;
    line-height: 1.6;
    border-radius: 4px;
}
button#clear {
    background: #2ab27b !important;
}
.form-group.d-flex {
    padding-bottom: 11px;
}
.form-select{
    font-size: 13px;
}
label.rgstr_label {
    font-size: 14px;
}
input {
  font-size: 13px !important;
}



.container.horse_details_cont {
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer_section {
    /* position: fixed; */
    left: 0;
    bottom: 0;
    width: 100%;
}
.form-group_cmnt {
    width: 100%;
    padding: 25px;
}
p.leavecmnt {
    font-weight: 700;
    font-size: 29px;
    padding-top: 0px;
    padding-left: 8px;
    border-bottom: 1px solid;
}
input.form-control.people_details {
    margin-left: auto;
    margin-right: 0px;
}

.colormain {
    max-width: 359px;
}
input#foaled {
    margin: 0px 0px 0px 53px;
    
}

input#horse_id {
    margin-left: 33px;
    font-size: 14px !important;
}
.col-md-6.horseid input {
    max-width: 229px;
}
.col-md-6.horseid2 select {
    max-width: 243px;
    /* margin-left: auto; */
    font-size: 14px !important;
}
.col-md-6.horseid2 input {
    max-width: 243px;
    font-size: 14px !important;
}
div#example_length {
    padding-top: 15px;
}

button.btn_back {
    padding: 10px 16px 10px 15px;
    border-radius: 11px;
    font-size: 16px;
    font-family: sans-serif;
    background-color: #3097D1;
}

.nhra_link{
    color:#fff;
    text-decoration: none;
}
.nhra_link:hover{
    color:#fff;
    text-decoration: none;
  }

  .banner2{
    /*background-image: url(http://wellspringinfotech.com/THR_B/wp-content/uploads/image/honeycomb.png);*/
    padding-bottom: 2rem;
     margin-bottom: 25px !important;
}

li.paginate_button.page-item.active {
    /* position: sticky; */
}

.gj-datepicker.gj-datepicker-bootstrap.gj-unselectable.input-group.mb-3 {
    /* margin-left: 62px; */
    margin-bottom: 0px;
}

.col-md-6.sele {
    margin-left: 26px;
}

.pagination{
    position: sticky;
}
.menubar {
    padding-bottom: 54px;
    margin-bottom: 29px;
}
select#owner {
    max-width: 229px;
    margin-left: auto;
}
.horseid {
    padding-right: 49px !important;
}
select#horse_name {
    max-width: 229px;
}
input#date {
    margin-left: 52px;
}
input#race_number {
    margin-left: 37px;
}
/*select#district {
    margin-left: 98px;
}*/
p#showresults {
    border: 1px solid rgb(60, 192, 60) !important;
    border-radius: 10px;
    margin-top: 12px !important;
}
td.edit_dlt_st {
    display: flex !important;
}
div#example_info {
    text-align: left;
}
div#example_length {
    text-align: left;
    padding-bottom: 11px;
}
p.peoplelist_title {
    padding: 10px 15px;
    border-bottom: 1px solid #d3e0e9;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: 700;
    background-color: #3097D1;
    border-color: #3097D1;
    color: #fff;
    margin-top: -1px !important;
}

div#racing_table_wrapper {
    background-color: #fff;
    border: 2px solid #309ad0 !important;
    border-radius: 10px!important;
    padding: 20px 16px 7px 15px !important;
    font-family: ui-sans-serif !important;
    font-size: 16px !important;
    margin-top: -8px;
    margin-bottom: 100px;
    border-top-right-radius: unset !important;
    border-top-left-radius: unset !important; 
}
.menutab {
    align-items: center;
    justify-content: center;
    display: flex;
}
@media only screen and (max-width: 1199px) {
  .menutab p {
    font-size: 10px;
    padding-top: 9px !important;
}
a.menu_click {
    font-size: 10px;
    padding: 6px 6px;
}
}
@media only screen and (min-width: 1920px) {
 section.login {
   margin-top: 8px !important;
 }
}