/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 2, 2018, 2:31:26 PM
    Author     : hilton
*/
          .select-field-4 {
                width: 80%;
                margin-left: 0;
            }

            .submit-button-10 {
                margin-bottom: 20px;
                background-color: #6cdd3b;
                box-shadow: 1px 1px 3px 0 #000;
                color: #fff;
                text-shadow: 1px 1px 6px #000;
            }

            
.new-record-added {
         position: absolute; 
         top: 140px; 
         box-shadow: 1px 1px 3px 0 #000;
/*        margin-left:auto;
          margin-right:auto;
         transform: translate(0, -250%);*/
         background-color:#E8FBA3; 
         padding:20px 20px 20px 20px;
         margin-left:20%;
         margin-right:20%;
         text-align:center;
         font-size:16px;
         color: #000;   
  }                 

.checkbox-label-2 {
  margin-left: 15px;
  font-family: Montserrat, sans-serif;
  color: #fff;
  line-height: 40px;
  letter-spacing: 2.1px;
  text-shadow: 1px 1px 6px #000;
}

.submit-button-13 {
    display: block;
  width: 50%;
  margin: 15px auto 30px;
  padding-left: 35px;
  box-shadow: 4px 4px 3px 0 #000;
  text-align: center;
          background:#32d10a;
}
     .submit-button-12 {
          background:#ff0000;
        box-shadow: 4px 4px 3px 0 #000;
      }
      
  body{
                     font-family: 'Montserrat';font-size: 14px;
        }
table.tableone {
    font-family: 'Montserrat';font-size: 14px;
  border: 0px solid #387FDF;
  background-color: #54BBFF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.tableone tr {
    border-top: 1px solid #fff;
}

table.tableone tr:hover {
    background-color: #ccc;
}

table.tableone td, table.tableone th {
  border: 1px solid #AAAAAA;
  padding: 5px 5px;
}
table.tableone tbody td {
  font-size: 16px;
}
table.tableone tr:nth-child(even) {
  background: #D0E4F5;
}
/*table.tableone tr:nth-child(odd) {
  background: #54bbff;
}*/

table.tableone thead {
  background: #032A61;
  background: -moz-linear-gradient(top, #425f88 0%, #1c3f70 66%, #032A61 100%);
  background: -webkit-linear-gradient(top, #425f88 0%, #1c3f70 66%, #032A61 100%);
  background: linear-gradient(to bottom, #425f88 0%, #1c3f70 66%, #032A61 100%);
  border-bottom: 2px solid #444444;
}
table.tableone thead th {
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #D0E4F5;
}
table.tableone thead th:first-child {
  border-left: none;
}

table.tableone tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
table.tableone tfoot td {
  font-size: 14px;
}
table.tableone tfoot .links {
  text-align: right;
}
table.tableone tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.section {
  padding-left: 0px;
  margin-left:20px;
  margin-right:20px;
  margin-bottom:20px;
}


.select-field-4 {
  width: 50%;
  /*margin-left: 30px;*/
}

.submit-button-10 {
  margin-bottom: 20px;
  background-color: #6cdd3b;
  box-shadow: 1px 1px 3px 0 #000;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
}

.new-record-added {
         position: absolute; 
         top: 140px; 
/*                         margin-left:auto;
          margin-right:auto;*/
         /*transform: translate(0, -250%);*/
         background-color:#4E7321; 
         padding:20px 20px 20px 20px;
         margin-left:20%;
         margin-right:20%;
         text-align:center;
         font-size:16px;
         color: #E56677;   
  }                 
/*
.btenclosure {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
background: #a2b9d8;
border-radius: 6px;
margin-bottom: 5px;
-webkit-box-shadow: 4px 4px 10px 0px rgba(122,115,122,1);
-moz-box-shadow: 4px 4px 10px 0px rgba(122,115,122,1);
box-shadow: 4px 4px 10px 0px rgba(122,115,122,1);
}

.send-email-text {
  margin-left: -9px;
  padding: 11px 0px 0px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.coat-tick {
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
    font-size:20px;
    color:#14ff00;
}



.displayme {
            font-weight:700; 
    color:#FFF;
}

.kitties {
    text-shadow: 3px 3px 14px rgba(150, 150, 150, 1);
    font-size:20px;
    color:#0069e2;
}


.heading {
  margin-top: 0px;
  margin-bottom: 20px;
  padding-bottom: 28px;
  padding-left: 30px;
  border-bottom: 5px solid #76bded;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 42px;
  font-style: normal;
  text-shadow: 1px 1px 6px #000;
}

.container-3 {
-webkit-box-shadow: 10px 13px 5px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 13px 5px -6px rgba(0,0,0,0.75);
box-shadow: 10px 13px 5px -6px rgba(0,0,0,0.75);
}
.container-4 {
-webkit-box-shadow: 10px 13px 5px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 13px 5px -6px rgba(0,0,0,0.75);
box-shadow: 10px 13px 5px -6px rgba(0,0,0,0.75);
}*/
       a {
            color:#032a61;
        }
        
        .main_search {
            float: right;
            margin-top:10px;
            line-height: 60px;
            margin: 0 50px 0 0;
        }
        #main_search_input {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            height: 30px;
            line-height: 20px;
            width: 200px;
            vertical-align: middle;
            padding: 5px 10px 5px 10px !important;
        }
        #search_button {
            background-color: #FFF;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            height: 30px;
            padding: 5px;
            vertical-align: middle;
        }
        input, button {
            margin:0;
        }
.sm-head {
    font-size: 15px;
    line-height:20px; 
    font-weight:500;
    color:#eff3ff;
    margin-left:20px;
      text-shadow: 1px 1px 3px #000;
}

.sub-heading {
  margin-top: 0px;
  margin-bottom: 20px;
  padding-bottom: 28px;
  padding-left: 30px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 22px;
  font-style: normal;
  text-shadow: 1px 1px 6px #000;
}

.link-2 {
  /*margin-left: 10px;*/
/*  padding-right: 50px;
  padding-left: 50px;*/
  background-color: #387fdf;
  box-shadow: 1px 1px 2px 0 #000;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  font-weight:500;
  text-shadow: 1px 1px 6px #000;
}

.title-button {
             display: inline-block;
             padding: 4px 12px;
             background-color: #3898EC;
             color: white;
             border: 0;
             line-height: inherit;
             text-decoration: none;
             cursor: pointer;
             border-radius: 0;
}
.text-block-4 {
  margin-top: -50px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 34px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
}
.w-checkbox,
.w-radio {
  display: block;
/*  margin-top:2px;
  margin-bottom: 2px;*/
padding-top:2px;
  padding-left: 5px;
}

.number-of-kittens {
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom:10px;
  border-radius: 15px;
  background-image: -webkit-linear-gradient(270deg, rgba(56, 127, 223, .5), rgba(49, 106, 186, .5));
  background-image: linear-gradient(180deg, rgba(56, 127, 223, .5), rgba(49, 106, 186, .5));
  box-shadow: 4px 4px 20px 0 #000;
}
.phone-table {
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom:10px;
  border-radius: 15px;
  margin-left:20px;
  margin-right:20px;
  background-color:#49a4dd;
/*  background-image: -webkit-linear-gradient(270deg, rgba(56, 127, 223, .5), rgba(49, 106, 186, .5));
  background-image: linear-gradient(180deg, rgba(56, 127, 223, .5), rgba(49, 106, 186, .5));*/
  box-shadow: 4px 4px 20px 0 #000;
}

kitten-colour {
  margin-top: 20px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px 10px 20px;
  border-radius: 10px;
  background-image: -webkit-linear-gradient(270deg, rgba(56, 127, 223, .5), rgba(49, 106, 186, .5));
  background-image: linear-gradient(180deg, rgba(56, 127, 223, .5), rgba(49, 106, 186, .5));
  box-shadow: 4px 4px 20px 0 #000;
}


@media (max-width: 991px) {
.number-of-kittens {
 padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom:10px;
  border-radius: 15px;
  background-image: -webkit-linear-gradient(270deg, rgba(56, 127, 223, .5), rgba(49, 106, 186, .5));
  background-image: linear-gradient(180deg, rgba(56, 127, 223, .5), rgba(49, 106, 186, .5));
  box-shadow: 4px 4px 20px 0 #000;
             }
}

@media (max-width: 767px) {
.number-of-kittens {
 padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom:10px;
  border-radius: 15px;
   background-image: -webkit-linear-gradient(270deg, rgba(56, 127, 223, .5), rgba(49, 106, 186, .5));
  background-image: linear-gradient(180deg, rgba(56, 127, 223, .5), rgba(49, 106, 186, .5));
  box-shadow: 4px 4px 20px 0 #000;
/*  background-image: none;
  background-image: none;
  box-shadow: none;*/
}
}


@media (max-width: 479px) {
             .number-of-kittens {
 padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom:10px;
  border-radius: 15px;
  background-image: none;
  background-image: none;
  box-shadow: none;
             }
             
   .kitten-colour {

  background-image: none;
  background-image: none;
  box-shadow: none;
}         
.heading {
    margin-bottom: 5px;
    /*padding-bottom: 40px;*/
  }     

  .text-block-4 {
               padding-top:20px;

  }
  
}