/*******************************************************************************
  Container Wrapper
*******************************************************************************/
.container-wrapper{
  padding-top:3rem;

}

/*******************************************************************************
  Wrapper Inner
*******************************************************************************/
.container-wrapper .wrapper-inner{
  background:#ffffff !important;
  box-shadow:7px 7px 20px -5px #1f1f1f;
  border-radius:5px;
  padding:10px;
}

/*******************************************************************************
  Header
*******************************************************************************/
.container-wrapper .wrapper-inner .header .title{
  padding-top:10px;
  margin-top:10px;
  padding-left:5px;
  padding-right:5px;
  text-align:center;
}

.container-wrapper .wrapper-inner .header .subtitle{
  padding-left:5px;
  padding-right:5px;
  text-align:center;
}

.container-wrapper .wrapper-inner .header .logo img{
  width:30%;
}

.container-wrapper .wrapper-inner .header .form-info{
  position:absolute;
  top:0;
  right:0;
}

.container-wrapper .wrapper-inner .header .form-info table{font-size:8px;}

/*******************************************************************************
  Button Basic
*******************************************************************************/
.btn-basic{
  background-color:#cccccc;
  color:#ffffff;
}

/*******************************************************************************
  Checkbox
*******************************************************************************/
body[data-theme='red'] input[type=checkbox]{
  cursor:pointer;
  position:relative;
}

body[data-theme='red'] input[type=checkbox]:before{
   content:"";
   display:block;
   position:absolute;
   width:16px;
   height:16px;
   top:0;
   left:0;
   border:2px solid #cc3333 !important;
   border-radius:3px;
   background-color:#ffffff;
}

body[data-theme='red'] input[type=checkbox]:checked:after{
     content:"";
     display:block;
     width:5px;
     height:10px;
     border:solid #cc3333;
     border-width:0 2px 2px 0;
     -webkit-transform:rotate(45deg);
     -ms-transform:rotate(45deg);
     transform:rotate(45deg);
     position:absolute;
     top:2px;
     left:6px;
}

/*******************************************************************************
  Radio
*******************************************************************************/
body[data-theme='red'] input[type=radio]{
         position:relative;
	       cursor:pointer;
}
body[data-theme='red'] input[type=radio]:before{
         content:"";
         display:block;
         position:absolute;
         width:16px;
         height:16px;
         top:0;
         left:0;
         border:2px solid #cc3333 !important;
         border-radius:3px;
         background-color:#ffffff;
}
body[data-theme='red'] input[type=radio]:checked:after{
     content:"";
     display:block;
     width:5px;
     height:10px;
     border:solid #cc3333;
     border-width:0 2px 2px 0;
     -webkit-transform:rotate(45deg);
     -ms-transform:rotate(45deg);
     transform:rotate(45deg);
     position:absolute;
     top:2px;
     left:6px;
}
/*******************************************************************************
  Step Wizard
*******************************************************************************/
.stepwizard-step p{
  color:#666;
}

.stepwizard-row{display:table-row;}

.stepwizard{
  display:table;
  position:relative;
  width:100%;
}

.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn{
  opacity:1 !important;
  color:#bbb;
}

.stepwizard-row:before{
  top:20px;
  bottom:0;
  position:absolute;
  content:" ";
  width:100%;
  height:1px;
  background-color:#cccccc;
  z-index:0;
}

.stepwizard-step{
  display:table-cell;
  text-align:center;
  position:relative;
}

/*******************************************************************************
  List Style None
*******************************************************************************/
.list-style-none{
  list-style-type:none;
  margin-left:-40px;
}

.list-style-none li > p{text-indent:2.5em;}

.list-style-none li > ul{margin-left:15px;}

.checkbox-group{padding-left:60px;}


body[data-theme='default'] .btn-custom{
  background-color:#ff3225;
  border-color:#ff2618;
  color:#ffffff;
}

body[data-theme='red'] .btn-custom{
  background-color:#cc3333;
  border-color:#cc3333;
  color:#ffffff;
}

.container{
  margin-bottom:50px;
}

#particles-js{
  height:100%;

}