/*button css start from here*/
.btn{font-family: 'Varela Round', sans-serif;}
.btn-hot {color: #fff;background-color: #db5566;border-bottom:2px solid #af4451;}
.btn-hot:hover, .btn-sky.active:focus, .btn-hot:focus, .open>.dropdown-toggle.btn-hot {color: #fff;background-color: #df6a78;border-bottom:2px solid #b25560;outline: none;}
.btn-hot:active, .btn-hot.active {color: #fff;background-color: #c04b59;border-top:2px solid #9a3c47;margin-top: 2px;}
.btn-sunny {color: #fff;background-color: #00919c;border-bottom:3px solid #25747c;}
.btn-sunny:hover, .btn-sky.active:focus, .btn-sunny:focus, .open>.dropdown-toggle.btn-sunny {color: #fff;background-color: #007f8a;border-bottom:3px solid #1d5e65;outline: none;}
.btn-sunny:active, .btn-sunny.active {color: #fff;background-color: #1d5e65;/*border-top:2px solid #25747c;margin-top: 2px;*/box-shadow:0 0 5px rgba(0,0,0,0.3);}
.btn-sunny1 {color: #fff;background:#acacac; border-color:#acacac;border-bottom:2px solid #545454;}
.btn-sunny1:hover, .btn-sunny1.active:focus, .btn-sunny1:focus, .open>.dropdown-toggle.btn-sunny1 { background:#dfdfdf;outline: none;}
.btn-sunny1:active, .btn-sunny1.active {outline: none;outline-offset: none;box-shadow:0 1px 0 rgba(0,0,0,0.1) inset, 0 0 2px rgba(0,0,0,0.3) ;}
.btn-sunny2 {color: #fff;background-color: #eaa300;border-bottom:2px solid #cc8800;}
.btn-sunny2:hover, .btn-sunny2.active:focus, .btn-sunny2:focus, .open>.dropdown-toggle.btn-sunny2 {color: #fff;background-color: #ffb200;border-bottom:2px solid #b17600;outline: none;}
.btn-sunny2:active, .btn-sunny2.active {color: #fff;background-color: #ffb200;/*border-top:2px solid #25747c;margin-top: 2px;*/box-shadow:0 0 5px rgba(0,0,0,0.3);}

.btn-sunny3 {color: #fff;background-color: #894d83;border-bottom:2px solid #593659;}
.btn-sunny3:hover, .btn-sunny3.active:focus, .btn-sunny3:focus, .open>.dropdown-toggle.btn-sunny3 {color: #fff;background-color: #a35d9c;border-bottom:2px solid #3c243c;outline: none;}
.btn-sunny3:active, .btn-sunny3.active {color: #fff;background-color: #a35d9c;/*border-top:2px solid #25747c;margin-top: 2px;*/box-shadow:0 0 5px rgba(0,0,0,0.3);}


.btn-sunny4 {color: #fff;background-color: #8f1036;border-bottom:2px solid #770e2d;}
.btn-sunny4:hover, .btn-sunny4.active:focus, .btn-sunny4:focus, .open>.dropdown-toggle.btn-sunny4 {color: #fff;background-color: #ab1744;border-bottom:2px solid #57081f;outline: none;}
.btn-sunny4:active, .btn-sunny4.active {color: #fff;background-color: #ab1744;/*border-top:2px solid #25747c;margin-top: 2px;*/box-shadow:0 0 5px rgba(0,0,0,0.3);}



.btn-sunny5 {color: #fff;background-color: #268e85;border-bottom:2px solid #006c57;}
.btn-sunny5:hover, .btn-sunny5.active:focus, .btn-sunny5:focus, .open>.dropdown-toggle.btn-sunny5 {color: #fff;background-color: #30a298;border-bottom:2px solid #018a6f;outline: none;}
.btn-sunny5:active, .btn-sunny5.active {color: #fff;background-color: #30a298;/*border-top:2px solid #25747c;margin-top: 2px;*/box-shadow:0 0 5px rgba(0,0,0,0.3);}


.btn-sunny6 {color: #fff;background-color: #545454;border-bottom:2px solid #282a2b;}
.btn-sunny6:hover, .btn-sunny6.active:focus, .btn-sunny6:focus, .open>.dropdown-toggle.btn-sunny6 {color: #fff;background-color: #6d6d6d;border-bottom:2px solid #373a3b;outline: none;}
.btn-sunny6:active, .btn-sunny6.active {color: #fff;background-color: #6d6d6d;/*border-top:2px solid #25747c;margin-top: 2px;*/box-shadow:0 0 5px rgba(0,0,0,0.3);}


.btn-sunny7 {color: #fff;background:#545454; border-color:#acacac;border-bottom:2px solid #282a2b; color:#fff;}
.btn-sunny7:hover, .btn-sunny7.active:focus, .btn-sunny7:focus, .open>.dropdown-toggle.btn-sunny7 { background:#6d6d6d;outline: none; color:#fff;}
.btn-sunny7:active, .btn-sunny7.active {outline: none;outline-offset: none;box-shadow:0 1px 0 rgba(0,0,0,0.1) inset, 0 0 2px rgba(0,0,0,0.3) ; color:#fff;}

.btn-sunny8 {color: #fff;background:#3fabc6; border-color:#3fabc6;border-bottom:2px solid #2c8ca4; color:#fff;}
.btn-sunny8:hover, .btn-sunny8.active:focus, .btn-sunny8:focus, .open>.dropdown-toggle.btn-sunny8 { background:#47bcd9;outline: none; color:#fff;}
.btn-sunny8:active, .btn-sunny8.active {outline: none;outline-offset: none;box-shadow:0 1px 0 rgba(0,0,0,0.1) inset, 0 0 2px rgba(0,0,0,0.3) ; color:#fff;}

.btn-sunny9 {color: #fff;background:#65bb47; border-color:#51a235;border-bottom:2px solid #51a235; color:#fff;}
.btn-sunny9:hover, .btn-sunny9.active:focus, .btn-sunny9:focus, .open>.dropdown-toggle.btn-sunny9 { background:#72cc53;outline: none; color:#fff;}
.btn-sunny9:active, .btn-sunny9.active {outline: none;outline-offset: none;box-shadow:0 1px 0 rgba(0,0,0,0.1) inset, 0 0 2px rgba(0,0,0,0.3) ; color:#fff;}


.btn-sunny10 {color: #fff;background:#009376; border-color:#006e58;border-bottom:2px solid #006e58; color:#fff;}
.btn-sunny10:hover, .btn-sunny10.active:focus, .btn-sunny10:focus, .open>.dropdown-toggle.btn-sunny10 { background:#02b18e;outline: none; color:#fff;}
.btn-sunny10:active, .btn-sunny10.active {outline: none;outline-offset: none;box-shadow:0 1px 0 rgba(0,0,0,0.1) inset, 0 0 2px rgba(0,0,0,0.3) ; color:#fff;}

.btn-sunny11 {color: #fff;background:#ff830f; border-color:#ed7708;border-bottom:2px solid #ed7708; color:#fff;}
.btn-sunny11:hover, .btn-sunny11.active:focus, .btn-sunny11:focus, .open>.dropdown-toggle.btn-sunny11 { background:#ff9f45;outline: none; color:#fff;}
.btn-sunny11:active, .btn-sunny11.active {outline: none;outline-offset: none;box-shadow:0 1px 0 rgba(0,0,0,0.1) inset, 0 0 2px rgba(0,0,0,0.3) ; color:#fff;}





.btn-fresh {color: #fff;background-color: #3abdc9;border-bottom:5px solid #309fa9;}
.btn-fresh:hover, .btn-sky.active:focus, .btn-fresh:focus, .open>.dropdown-toggle.btn-fresh {color: #fff;background-color: #4ad3e0;border-bottom:5px solid #3abdc9;outline: none;}
.btn-fresh:active, .btn-fresh.active {color: #fff;background-color: #3abdc9;/*border-top:5px solid #309fa9;*/outline: none;outline-offset: none;/*margin-top: 5px;*/box-shadow:0 0 5px rgba(0,0,0,0.3);}




.btn-gray {color: #fff;background-color: #545454;border-bottom:5px solid #282a2b;}
.btn-gray:hover, .btn-gray.active:focus, .btn-gray:focus, .open>.dropdown-toggle.btn-gray {color: #fff;background-color: #686868;border-bottom:5px solid #383a3b;outline: none;}
.btn-gray:active, .btn-gray.active {color: #fff;background-color: #444444;/*border-top:5px solid #282a2b;*/outline: none;outline-offset: none;/*margin-top: 5px;*/ box-shadow:0 0 5px rgba(0,0,0,0.3);}
.btn-sky {color: #fff;background-color: #0bacd3;border-bottom:2px solid #098aa9;}
.btn-sky:hover,.btn-sky.active:focus, .btn-sky:focus, .open>.dropdown-toggle.btn-sky {color: #fff;background-color: #29b6d8;border-bottom:2px solid #2192ad;outline: none;}
.btn-sky:active, .btn-sky.active {color: #fff;background-color: #0a97b9;border-top:2px solid #087994;outline-offset: none;margin-top: 2px;}
.btn:focus,.btn:active:focus,.btn.active:focus {outline: none;outline-offset: 0px;}
.btn-font{ font-size:22px;font-family: 'Varela Round', sans-serif;}

.btn-donation{ background:#62BC40; float:left; width:100%; padding:0px; color:#fff!important; box-shadow:0 5px 0 #4D9731; font-size:20px; padding:15px;}
.btn-donation:hover, .btn-donation.active:focus, .btn-donation:focus, .open>.dropdown-toggle.btn-donation{ background:#71c253;}
.btn-donation:active, .btn-donation.active{outline: none;outline-offset: none;box-shadow:0 2px 0 rgba(0,0,0,0.1) inset, 0 0 5px rgba(0,0,0,0.3) ;}
.btn-events{background:#864982; float:left; width:100%; padding:0px; color:#fff!important; box-shadow:0 5px 0 #593659; font-size:20px; padding:15px;}
.btn-events:hover, .btn-events.active:focus, .btn-events:focus, .open>.dropdown-toggle.btn-events{ background:#995494;}
.btn-events:active, .btn-events.active{outline: none;outline-offset: none;box-shadow:0 2px 0 rgba(0,0,0,0.1) inset, 0 0 5px rgba(0,0,0,0.3) ;}
.btn-vol{background:#890438; float:left; width:100%; padding:0px; color:#fff!important; box-shadow:0 5px 0 #770e2d; font-size:20px; padding:15px;}
.btn-vol:hover, .btn-vol.active:focus, .btn-vol:focus, .open>.dropdown-toggle.btn-vol{ background:#9f0743;}
.btn-vol:active, .btn-vol.active{outline: none;outline-offset: none;box-shadow:0 2px 0 rgba(0,0,0,0.1) inset, 0 0 5px rgba(0,0,0,0.3) ;}
.btn-ecom{background:#e3a524; float:left; width:100%; padding:0px; color:#fff!important; box-shadow:0 5px 0 #cc8800; font-size:20px; padding:15px;}
.btn-ecom:hover, .btn-ecom.active:focus, .btn-ecom:focus, .open>.dropdown-toggle.btn-ecom{ background:#f6b42b;}
.btn-ecom:active, .btn-ecom.active{outline: none;outline-offset: none;box-shadow:0 2px 0 rgba(0,0,0,0.1) inset, 0 0 5px rgba(0,0,0,0.3) ;}
.btn-crowd{background:#3fabc6; float:left; width:100%; padding:0px; color:#fff!important; box-shadow:0 5px 0 #338aa0; font-size:20px; padding:15px; line-height: 20px;
}
.btn-crowd:hover, .btn-crowd.active:focus, .btn-crowd:focus, .open>.dropdown-toggle.btn-crowd{ background:#4dc1de;}
.btn-crowd:active, .btn-crowd.active{outline: none;outline-offset: none;box-shadow:0 2px 0 rgba(0,0,0,0.1) inset, 0 0 5px rgba(0,0,0,0.3) ;}
.btn-classic{background:#545454; float:left; width:100%; padding:0px; color:#fff!important; box-shadow:0 5px 0 #282a2b; font-size:20px; padding:5px;}
.btn-classic:hover, .btn-classic.active:focus, .btn-classic:focus, .open>.dropdown-toggle.btn-classic{ background:#757575;}
.btn-classic:active, .btn-classic.active{outline: none;outline-offset: none;box-shadow:0 2px 0 rgba(0,0,0,0.1) inset, 0 0 5px rgba(0,0,0,0.3) ;}
.btn-select{background:#acacac; float:left; width:100%;box-shadow:0 3px 0 #828282; font-size:14px!important; border-color:#acacac;}
.btn-select:hover, .btn-select.active:focus, .btn-select:focus, .open>.dropdown-toggle.btn-select{ background:#dfdfdf;}
.btn-select:active, .btn-select.active{outline: none;outline-offset: none;box-shadow:0 1px 0 rgba(0,0,0,0.1) inset, 0 0 3px rgba(0,0,0,0.3) ;}
.btn-line{ border:1px solid #eee; color:#fff;}

.btn-line:hover, .btn-line.active:focus, .btn-line:focus, .open>.dropdown-toggle.btn-line{ background:#3abdc9; color:#FFF;border:1px solid #3abdc9;}
.btn-line:active, .btn-line.active{outline: none;outline-offset: none;box-shadow:0 1px 0 rgba(0,0,0,0.1) inset, 0 0 2px rgba(0,0,0,0.3) ;}
.btn-edit{ position:absolute; left:50%; width:100px; height:36px; margin-left:-50px; margin-top:-18px; top:50%; }

.remove{ position:absolute; right:-10px; top:-10px; width:30px; height:30px; color:#fff; font-size:15px; z-index:1001; background:#666666; border-radius:100%;}
.ed-re{width:30px; height:30px; color:#fff; font-size:15px; z-index:1001; background:#666666; border-radius:100%; display:inline-block;}


.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; /*  font-size:14px!important; margin-bottom:0px!important; */}
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      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; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0px;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }
  .checkbox.checkbox-single label {
    height: 17px; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }
  
.checkbox-green input[type="checkbox"]:checked + label::before {
  background-color: #268e85;
  border-color: #268e85; }
.checkbox-green input[type="checkbox"]:checked + label::after {
  color: #fff; }
  

.checkbox-donation-green input[type="checkbox"]:checked + label::before {
  background-color: #65bb47;
  border-color: #65bb47; }
.checkbox-donation-green input[type="checkbox"]:checked + label::after {
  color: #fff; }
.checkbox-teal input[type="checkbox"]:checked + label::after {
  background-color: #008080;}


.checkbox-registration-purple input[type="checkbox"]:checked + label::before {
  background-color: #894d83;
  border-color: #894d83; }
.checkbox-registration-purple  input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-peer-to-peer-gossamer input[type="checkbox"]:checked + label::before {
  background-color: #009376;
  border-color: #009376; }
.checkbox-peer-to-peer-gossamer  input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-volunteer-dark-red input[type="checkbox"]:checked + label::before {
  background-color: #8f1036;
  border-color: #8f1036; }
.checkbox-volunteer-dark-red input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-gift-orange input[type="checkbox"]:checked + label::before {
  background-color: #eaa300;
  border-color: #eaa300; }
.checkbox-gift-orange input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-reward-blue input[type="checkbox"]:checked + label::before {
  background-color: #3fabc6;
  border-color: #3fabc6; }
.checkbox-reward-blue input[type="checkbox"]:checked + label::after {
  color: #fff; }


.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; /*font-size:14px!important; margin-bottom:0px!important;*/ }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 18px;
      height: 18px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      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; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 10px;
      height: 10px;
      left: 4px;
      top: 4px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -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); }
  .radio input[type="radio"] {
    opacity: 0;

    z-index: 1; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio 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); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }
  .radio.radio-single label {
    height: 18px; }

.radio-primary input[type="radio"] + label::after {
  background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }
  
.radio-purple input[type="radio"] + label::after {
  background-color: #894d83; }
.radio-purple input[type="radio"]:checked + label::before {
  border-color: #894d83; }
.radio-purple input[type="radio"]:checked + label::after {
  background-color: #894d83; }
  
.radio-darkred input[type="radio"] + label::after {
  background-color: #8f1036; }
.radio-darkred input[type="radio"]:checked + label::before {
  border-color: #8f1036; }
.radio-darkred input[type="radio"]:checked + label::after {
  background-color: #8f1036; }
  
.radio-green input[type="radio"] + label::after {
  background-color: #268e85; }
.radio-green input[type="radio"]:checked + label::before {
  border-color: #268e85; }
.radio-green input[type="radio"]:checked + label::after {
  background-color: #268e85; }
  
.radio-onetime input[type="radio"] + label::after {
  background-color: #009376; }
.radio-onetime input[type="radio"]:checked + label::before {
  border-color: #009376; }
.radio-onetime input[type="radio"]:checked + label::after {
  background-color: #009376; }

.radio-recurring input[type="radio"] + label::after {
  background-color: #65BB47; }
.radio-recurring input[type="radio"]:checked + label::before {
  border-color: #65BB47; }
.radio-recurring input[type="radio"]:checked + label::after {
  background-color: #65BB47; }
  
.radio-gift input[type="radio"] + label::after {
  background-color: #EAA300; }
.radio-gift input[type="radio"]:checked + label::before {
  border-color: #EAA300; }
.radio-gift input[type="radio"]:checked + label::after {
  background-color: #EAA300; }

.radio-crowd input[type="radio"] + label::after {
  background-color: #3FABC6; }
.radio-crowd input[type="radio"]:checked + label::before {
  border-color: #3FABC6; }
.radio-crowd input[type="radio"]:checked + label::after {
  background-color: #3FABC6; }



  
/*toggle buttons */
.mx-button {float: left; width:100%}
.mx-button input {display: none;}
.mx-button label {border: 0px solid #888;color: #666;padding: 4px 10px; border-radius:3px; cursor:pointer; width:100%; text-align:center;}
.mx-button label:hover {background-color: #ddd;}
.mx-button label:active,
.mx-button input:focus + label {background-color: #aaa;}
.mx-button input:checked + label {background-color: #b4b4b4;}
/* = Fancy (Twitter Bootstrap) = */
.mx-button label {background:rgba(0,0,0,0); border:3px solid #828282; color:#414343; border-radius:3px; font-size:18px; text-align:center;}
.mx-button label:hover {background:#268e85; border:3px solid #006c57; color:#fff!important;}
.mx-button label:active,.mx-button input:focus + label {background:#268e85; border:3px solid #006c57; color:#fff!important;outline: 0;}
.mx-button input:checked + label {background:#268e85; border:3px solid #006c57; color:#fff!important;}

.level-button {float: left; width:100%}
.level-button input {display: none;}
.level-button label {border: 0px solid #888;color: #666;padding: 4px 10px; border-radius:3px; cursor:pointer; width:100%; text-align:center; line-height:65px;}
.level-button label:hover {background-color: #ddd;}
.level-button label:active,
.level-button input:focus + label {background-color: #aaa;}
.level-button input:checked + label {background-color: #b4b4b4;}
/* = Fancy (Twitter Bootstrap) = */
.level-button label {background:rgba(0,0,0,0); border:3px solid #828282; color:#414343; border-radius:3px; font-size:18px; text-align:center;}
.level-button label:hover {background:#268e85; border:3px solid #006c57; color:#fff!important;}
.level-button label:active,.level-button input:focus + label {background:#268e85; border:3px solid #006c57; color:#fff!important;outline: 0;}
.level-button input:checked + label {background:#268e85; border:3px solid #006c57; color:#fff!important;}


.btn-big-sunny {color: #fff; margin-bottom:25px; min-height:260px;background: rgb(83,196,208); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzYzRkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzM3OTI5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(83,196,208,1) 0%, rgba(55,146,156,1) 10px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(83,196,208,1)), color-stop(20px,rgba(55,146,156,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(83,196,208,1) 0%,rgba(55,146,156,1) 10px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(83,196,208,1) 0%,rgba(55,146,156,1) 10px); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(83,196,208,1) 0%,rgba(55,146,156,1) 10px); /* IE10+ */
background: linear-gradient(to bottom,  rgba(83,196,208,1) 0%,rgba(55,146,156,1) 10px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53c4d0', endColorstr='#37929c',GradientType=0 ); /* IE6-8 */ padding:30px 0;
}
.btn-big-sunny:hover, .btn-big-sunny.active:focus, .btn-big-sunny:focus, .open>.dropdown-toggle.btn-big-sunny {color: #fff;background-color: #43a2ac;border-bottom:5px solid #1d5e65;outline: none;}
.btn-big-sunny:active, .btn-big-sunny.active {color: #fff;background-color: #1d5e65;/*border-top:2px solid #25747c;margin-top: 2px;*/box-shadow:0 0 5px rgba(0,0,0,0.3);}
.btn-big-sunny span{ display:block; font-size:18px; margin:0px 0 15px 0; line-height:24px;}
.btn-big-sunny span br{ display:none;}
.btn-blanks{ border:1px solid #398e84; color:#398e84; font-size:15px;}
.btn-blanks:hover, .btn-blanks.active:focus, .btn-blanks:focus, .open>.dropdown-toggle.btn-blanks {color: #282a2b;border-color: #282a2b;outline: none;}
.btn-blanks:active, .btn-blanks.active {color: #282a2b;border-color: #282a2b;/*border-top:2px solid #25747c;margin-top: 2px;*/box-shadow:0 0 5px rgba(0,0,0,0.3);}


.btn-merpart{background:#ff8406; float:left; width:100%; padding:0px; color:#fff!important; box-shadow:0 5px 0 #db6c0a; font-size:20px; padding:15px;}
.btn-merpart:hover, .btn-merpart.active:focus, .btn-merpart:focus, .open>.dropdown-toggle.btn-merpart{ background:#ff8e1a;}
.btn-merpart:active, .btn-merpart.active{outline: none;outline-offset: none;box-shadow:0 2px 0 rgba(0,0,0,0.1) inset, 0 0 5px rgba(0,0,0,0.3) ;}

.cross-check.checkbox input[type="checkbox"]:checked + label::after {
    content: "\f00d" !important;
    font-family: "FontAwesome";
    backfround-color:red !important;
}
.cross-check input[type="checkbox"]:checked + label::before{background-color: red !important;
    border-color: red !important;}
	
.btn-newpeers{background:#239575; float:left; width:100%; padding:0px; color:#fff!important; box-shadow:0 5px 0 #026d58; font-size:20px; padding:15px;}
.btn-newpeers:hover, .btn-newpeers.active:focus, .btn-newpeers:focus, .open>.dropdown-toggle.btn-newpeers{ background:#2fb48f;}
.btn-newpeers:active, .btn-newpeers.active{outline: none;outline-offset: none;box-shadow:0 2px 0 rgba(0,0,0,0.1) inset, 0 0 5px rgba(0,0,0,0.3) ;}


/*toggle buttons */
.mx-button-eleven {float: left; width:100%}
.mx-button-eleven input {display: none;}
.mx-button-eleven label {border: 0px solid #888;color: #666;padding: 4px 10px; border-radius:3px; cursor:pointer; width:100%; text-align:center; line-height:36px;}
.mx-button-eleven label:hover {background-color: #ddd;}
.mx-button-eleven label:active,
.mx-button-eleven input:focus + label {background-color: #aaa;}
.mx-button-eleven input:checked + label {background-color: #b4b4b4;}
/* = Fancy (Twitter Bootstrap) = */
.mx-button-eleven label {background:#fff; border:1px solid #828282; color:#414343; border-radius:3px; font-size:16px; text-align:center;}
.mx-button-eleven label:hover {background:#007F8A; border:1px solid #006c57; color:#fff!important;}
.mx-button-eleven label:active,mx-button-eleven input:focus + label {background:#007F8A; color:#fff!important;outline: 0;}
.mx-button-eleven input:checked + label {background:#007F8A; border:1px solid #006c57; color:#fff!important;}
.alert.alert-info.no-pad {font-size: 12px;padding: 5px 15px;}
.alert.alert-info.no-padnew{font-size: 16px;line-height: 20px; padding:10px!important;}

/*.addcheckbox .checkbox label::after{top:-3px!important;}*/