/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 #occupare-forms{
   font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-size: 12px;
   text-align: left;
  
 }

 #occupare-forms .errorTxt{
   margin: 1em;
   color: red;
   background-color: #ffffff;
   text-align: center;
   padding: 5 5 5 5;
   font-size: 14px;
   border-radius: 0.25rem;
   width: 80%;
 }

 #occupare-forms form label{
   display: block;
   
 }

 #occupare-forms .radio label{
   display: inline-block;
   vertical-align: inherit;
   margin-bottom: .0em;
   
   
 }

 #occupare-forms form label .form-asterisk{
   font-size: 1em;
   font-family: "Roboto", Serif;
   position: absolute;
   top:-10px;
   color: #ffffff;
   padding-left: .20em;
 }

 #occupare-forms form input, #occupare-forms form textarea, #occupare-forms form select{
   width: 100%;
    
 }

 #occupare-forms form .radio input{
   width: auto;
   display: inline-block;
   vertical-align: middle;
   margin-bottom: .0em;
 }

 #occupare-forms .form-group input, #occupare-forms .form-group textarea, #occupare-forms .form-group select{
   padding: 0em 0;
   border-radius: 0.25rem;
   border: 1px solid #e8e8e8;
   background-color: #f5f5f5;
   color:#000000;
   padding-left: .50em;
 }

 #occupare-forms form button{
   background-color: #55585b;
   border: none;
   box-shadow: none;
   color: #fff;
   padding: 1.5rem 2.1875rem;
   font-family: "Roboto", sans-serif;
   letter-spacing: 0.2em;
   line-height: 1.5em;
   font-size: 0.99em;
   border-radius: 0.25rem;
   margin: 0.9em auto;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   width: 50%;
   display: block;

 }

 #occupare-forms form button:hover{
   background-color: #337ab7;
 }

 #occupare-forms .form-group{
   display: inline-block;
   position: relative;
   vertical-align: top;
 }
 #occupare-forms .full{
   width: calc(96.7% - 2em);
   margin: 0.5em;
 }
 #occupare-forms .half{
   width: calc(50% - 3em);
   margin: 0.5em;
   
 }
 #occupare-forms .third{
   width: calc(33% - 2em);
   margin: 0.5em;
 }
 
 #occupare-forms .fourth{
   width: calc(25% - 2em);
   margin: 0.5em;
 }
 
 
 
  }



 @media screen and (max-width: 719px) {
     
      #occupare-forms .full{
     width: calc(100% - 2em);
   }

   #occupare-forms .half{
     width: calc(100% - 2em);
   }
   #occupare-forms .third{
     width: calc(100% - 2em);
   }
   
   #occupare-forms .fourth{
     width: calc(100% - 2em);
   }
   
 }