@charset "utf-8";
/* CSS Document */

/* Redio and checkbox css start */


 label {
    display: inline-block;
    position: relative;
	padding-left:18px;
     }
    label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      /*border: 1px solid #3d6059;
      background-color: #fff;*/
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; 
    }
	 input[type="radio"] + label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      border: 1px solid #3d6059;
      border-radius: 50%;
	  -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; 
    }
    label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 10px;
      height: 10px;
      left: 3px;
      top: 3px;
      border-radius: 50%;
	   -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
      background-color: #3d6059;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  input[type="radio"] {
    opacity: 0; display:none;}
    input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 1px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
   input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
   
 

	 input[type="checkbox"]  {
    display: inline-block;
    position: relative;
    padding-left: 5px;   border-radius: 0px;}

	 input[type="checkbox"] + ::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      border: 1px solid #3d6059;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; 
    }

    input[type="checkbox"] {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
	   border-radius: 0px;
      margin-left: -20px;
      border: 1px solid #3d6059;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }

    input[type="checkbox"] label::before {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; 
	    border-radius: 0px;
    }

	 input[type="checkbox"] label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; 
	    border-radius: 0px;
    }
	  
  input[type="checkbox"] {
    opacity: 0;   border-radius: 0px;}
    input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;   border-radius: 0px;}
    input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c";
	   border-radius: 0px;
    }
  
    
 
 
	  input[type="checkbox"]:checked + label::before {
  background-color: #3d6059;
  border-color: #3d6059; font-family: 'FontAwesome';
      content: "\f00c"; color: #fff;  border-radius: 0px;}
input[type="checkbox"]:checked + label::after {
  color: #fff;  border-radius: 0px; }




/* Redio and checkbox css end */