@charset "UTF-8";

@font-face {

  font-family: "material";

  src:url("../fonts/material.eot");

  src:url("../fonts/material.eot?#iefix") format("embedded-opentype"),

  url("../fonts/material.woff") format("woff"),

  url("../fonts/material.ttf") format("truetype"),

  url("../fonts/material.svg#material") format("svg");

  font-weight: normal;

  font-style: normal;

}

[data-icon]:before {

  font-family: "material" !important;

  content: attr(data-icon);

  font-style: normal !important;

  font-weight: normal !important;

  font-variant: normal !important;

  text-transform: none !important;

  speak: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

[class^="icon-"]:before,

[class*=" icon-"]:before,

.material .material-checkbox:before {

  font-family: "material" !important;

  font-style: normal !important;

  font-weight: normal !important;

  font-variant: normal !important;

  text-transform: none !important;

  speak: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.icon-down:before {

  content: "b";

}

.icon-check:before {

  content: "a";

}

/* Material input */

.material .material-input{

  position: relative;

  padding-top: 18px;

  margin-bottom: 10px;

  background: transparent;

}
.multiselect-container
{
      position: fixed !important;
    width: 30% !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
}

.material .material-input:after{

  display: block;

  clear: both;

  content:"";

}

.material .material-input input[type="text"],

.material .material-input input[type="number"],

.material .material-input input[type="password"],

.material .material-input input[type="pass"],

.material .material-input textarea{

  font-size: 16px;

  width: 100%;

  border:0;

  border-bottom: 1px solid #ABABAB;

  outline: none;

  background: 0;

  float:left;

  position: relative;

  z-index: 1;

  transition: 1s ease all;

  -moz-transition: 1s ease all;

  -webkit-transition: 1s ease all;

}

.material .material-input textarea{

  height: 92px;

  padding:7px 0;

}

.material .material-input input:focus ,.material .material-input input.focus, 

.material .material-input textarea:focus ,.material .material-input textareafocus{

  border-color:transparent;

}

.material .material-input input{

  height: 32px;

}

.material .material-input label{

  line-height: 32px;

}

.material .material-input label{

  color: #797979;

  font-size: 16px;

  font-weight: 400;

  position: absolute;

  left:0;

  top:18px;

}

.material .material-bar{

  position: absolute;

  bottom:0;

  left:0;

  display: block;

  width: 100%;

  z-index: 10;

}

.material .material-bar:before,

.material .material-bar:after{

  content:"";

  height: 3px;

  width: 0;

  bottom: 0px;

  position: absolute;

  background: #65035f;

  z-index: 999999;

}

.material .material-bar:before{

  left:50%;

}

.material .material-bar:after{

  right:50%;

}

.material .material-input :focus ~ .material-bar:before,

.material .material-input :focus ~ .material-bar:after,

.material .error ~ .material-bar:before,

.material .error ~ .material-bar:after{

  width:50%;

}

.material .error ~ .material-bar:before,

.material .error ~ .material-bar:after,

.material .error ~ .material-bar:before,

.material .error ~ .material-bar:after{

  background:#ff0000;

}

.material .error:focus,

.material .error.filled,

.material .error:not(.filled) ~ label{

  color:red;

}

.material .material-input :focus ~ label,

.material .material-input .filled ~ label,

.material .error:focus ~ label{

  color: #555555;

  font-size: 15px;

  top:0;

  font-weight: 400;

  line-height: 24px;

}

.material .error :focus ~ label,

.material .error.filled ~ label,

.material .error:focus ~ label{

  color:red;

}

.material .material-input input[disabled] ~ label{

  color: #808080;

}

.material .material-input input[disabled]{

  color: #908f8f;

}

/* Radio */

.material .material-group{

  padding-top: 10px;

}

.material-group-item input[type="checkbox"],.material-group-item input[type="radio"]{

  opacity: 0;

  width: 0;

  height: 0;

}

.material .material-group-item label{

  padding-left: 31px;

  position: relative;

  cursor: pointer;

  z-index: 2;

  font-weight: 500;

}

.material .material-group-item{

  position: relative;

  margin-bottom: 5px;

}

.material .material-group-item:first-child{

  margin-top: 27px;

}

.material-group-item:not(:first-child) span.label-heading{

  display:none;

}

.material-group-item span.label-heading{

  display:none;

}

.material-group-item:first-child span.label-heading{

  color: #65035f;

  position:absolute;

  font-size: 15px;

  top: -27px;

  font-weight: 400;

  line-height: 24px;

  left: 0;

  display:block;

}

.material .material-checkbox,

.material .material-radio{

  width: 18px;

  height: 18px;

  background: #FFFFFF;

  left:0;

  top: 2px;

  margin-top: 0;

  position: absolute;

  z-index: 1;

  border: 2px solid #ABABAB;

}

.material .material-radio{

  border-radius: 10px;

}

.material .material-checkbox{

  border-radius: 3px;

}

.material .material-checkbox:before{

  content:"a";

  font-size: 14px;

  text-align: center;

  padding-top: 4px;

  color:#fff;

  background: #65035f;

  position: absolute;

  top: -2px;

  left: -2px;

  right:0;

  bottom:0;

  width: 18px;

  height: 18px;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

  z-index: 3;

  border-radius: 4px;

  transition: .2s ease all;

  -moz-transition: .2s ease all;

  -webkit-transition: .2s ease all;

}

.material .material-radio:before{

  position: absolute;

  top: -2px;

  left: -2px;

  width:100%;

  width: -webkit-calc(100% + 4px);

  width: -moz-calc(100% + 4px);

  width: calc(100% + 4px);

  height: 100%;

  height: -webkit-calc(100% + 4px);

  height: -moz-calc(100% + 4px);

  height: calc(100% + 4px);

  border-radius: 9px;

  background: #65035f;

  content:"";

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

  z-index: 2;

}

.material .material-radio:after,.material .material-checkbox:after{

  position: absolute;

  width:100%;

  height: 100%;

  border-radius: 9px;

  background: rgba(171, 171, 171, 0.21);

  content:"";

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

  z-index: 0;

  transition: all ease-in 200ms;

}

.material input:focus ~ .material-radio:after, .material input:focus ~ .material-checkbox:after{

  -webkit-transform: scale(2.5);

  -moz-transform: scale(2.5);

  -ms-transform: scale(2.5);

  -o-transform: scale(2.5);

  transform: scale(2.5);

}

.material input:checked ~ .material-radio:before,

.material input:checked ~ .material-checkbox:before{

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

/* Select */



.material .material-select > label{

  position:absolute;

  top: 1px;

  opacity: 1;

  visibility: visible;

  font-size: 15px;

  line-height: 24px;

  color: #555555;

  font-weight: 400;

  margin-top: 0;

  margin-bottom: 0;

}





/* Material border box reset */

.material *,

.material *:before,

.material *:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing:  border-box;

  box-sizing:  border-box;

}

.material .form-error{

  position:absolute;

  bottom: -27px;

  color: red;

  font-size: 12px;

}

.btn-select-group{

  position:relative;

  display:block;

  margin-bottom: 10px;

  outline: 0;

  height: 50px;

}

.btn-select-group>.btn-select{

  width: 100%;

  font-size: 16px;

  box-shadow: none;

  border-bottom: 1px solid #ababab;

  background: none !important;

  padding: 21px 0px 5px 0px;

  border-radius: 0;

  max-width: 100%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: grey;

  text-align: left;

  outline: 0 !important;

}

.btn-select-group .btn .caret{

  position: absolute;

  right: 5px;

  top: 38px;

}

.multiselect-selected-text{



}

.multiselect-container>li:hover{

  background: #f5f5f5;

}

.multiselect-container>li>a:hover{

  background:none ;

}

.multiselect-container>li.active{

  background: #e8e8e8;

}

.multiselect-container>li.active>a{

  background: none !important;

  color: inherit !important;

}

.multiselect-container{

  display: block;

  border-radius: 0;

  position: absolute;

  list-style-type: none;

  margin: 0;

  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);

  padding: 0;

  transition: .2s ease all;

  -moz-transition: .2s ease all;

  -webkit-transition: .2s ease all;

  opacity: .5;

  transform: scaleY(0);

  transform-origin: top right;

  width: 100%;

  border-color: rgba(0, 0, 0, 0);

}

.open>.multiselect-container{

  transform: scaleY(1);

  opacity: 1;

  max-height: 250px;

  overflow-y: auto;

  overflow-x: visible;

}

.btn-select-group>.btn-select:before,

.btn-select-group>.btn-select:after{

  content:"";

  height: 3px;

  width: 0;

  bottom: 0;

  position: absolute;

  background: #65035f;

  z-index: 999999;

  transition: .2s ease all;

  -moz-transition: .2s ease all;

  -webkit-transition: .2s ease all;

}

.btn-select-group>.btn-select:before{

  left:50%;

}

.btn-select-group>.btn-select:after{

  right:50%;

}

.btn-select-group.open>.btn-select:after,

.btn-select-group.open>.btn-select:before,

.btn-select-group>.btn-select:focus:after,

.btn-select-group>.btn-select:focus:before{

  width:50%;  

}

.multiselect-container>li>a>label.radio input,

.multiselect-container>li>a>label.checkbox input{

  opacity:0;

}

.multiselect-container *,.multiselect-container *:focus,.multiselect-container *:focus{

  outline:0 !important;

}

.material .multiselect-container>li>a>label.checkbox {

  padding-left: 30px;

  position: relative;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.material .multiselect-container>li>a>label.checkbox:before{

  content:"";

  display:block;

  width: 18px;

  height: 18px;

  background: #FFFFFF;

  left: 5px;

  top: 8px;

  margin-top: 0;

  position: absolute;

  z-index: 1;

  border: 2px solid #ABABAB;

}

.material .multiselect-container>li>a>label.checkbox:after{

  content: "a";

  font-size: 14px;

  text-align: center;

  padding-top: 4px;

  color: #fff;

  background: #65035f;

  position: absolute;

  top: 8px;

  left: 5px;

  right: 0;

  bottom: 0;

  width: 18px;

  height: 18px;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

  z-index: 3;

  border-radius: 0px;

  font-family: "material" !important;

  font-style: normal !important;

  font-weight: normal !important;

  font-variant: normal !important;

  text-transform: none !important;

  speak: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  transition: .2s ease all;

  -moz-transition: .2s ease all;

  -webkit-transition: .2s ease all;

}

.material .multiselect-container>li.active>a>label.checkbox:after{

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}



/* Animation */

.material .material-select ul,

.material .material-bar:before,

.material .material-bar:after,

.material .material-input label,

.material .material-select .material-bar,

.material .material-select > span,

.material .material-radio:before,

.material .material-checkbox,

.material .material-checkbox:before,

.material .material-checkbox:after{

    transition:.2s ease all;

    -moz-transition:.2s ease all;

    -webkit-transition:.2s ease all;

}

/* switch  */

.switch{

  margin-bottom: 15px;

}

.switch,

.switch * {

  -webkit-user-select: none;

  -moz-user-select: none;

  -khtml-user-select: none;

  -ms-user-select: none;

}



.switch label {

  cursor: pointer;

  font-weight: 400;

}



.switch label input[type=checkbox] {

  opacity: 0;

  width: 0;

  height: 0;

}



.switch label input[type=checkbox]:checked + .lever {

  background-color: #75c4ef;

}



.switch label input[type=checkbox]:checked + .lever:after {

  background-color: #37a0d9;

  left: 24px;

}



.switch label .lever {

  content: "";

  display: inline-block;

  position: relative;

  width: 40px;

  height: 15px;

  background-color: #818181;

  border-radius: 15px;

  margin-right: 10px;

  transition: background 0.3s ease;

  vertical-align: middle;

  margin: 0 12px;

}



.switch label .lever:after {

  content: "";

  position: absolute;

  display: inline-block;

  width: 21px;

  height: 21px;

  background-color: #F1F1F1;

  border-radius: 21px;

  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);

  left: -5px;

  top: -3px;

  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;

}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,

input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {

  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);

}

input[type=checkbox]:focus:not(:disabled) ~ .lever:after{

  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 9px rgba(0, 0, 0, 0.05);

}

input[type=checkbox]:not(:disabled) ~ .lever:active:after,

input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {

  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);

}

.switch input[type=checkbox][disabled] + .lever {

  cursor: default;

}

.switch label input[type=checkbox][disabled] + .lever:after,

.switch label input[type=checkbox][disabled]:checked + .lever:after {

  background-color: #BDBDBD;

}

.material .input-group-addon{

  border-radius:0 !important;

  background:#FFF;

}

.material .input-group-btn:last-child>.btn{

    border-radius:0 !important;

    background: #ffffff;

    border: 1px solid #ccc;

}

.spinner-div{

  position:absolute;

  right:0;

  width: 24px;

  background:#FFF;

  z-index: 5;

}

.spinner-div > .spinner-btn {

  display: block;

  float: none;

  width: 100%;

  border-radius: 0;

  padding: 0;

  margin: 0;

  height: 17px;

  position: relative;

  border: 1px solid rgba(171, 171, 171, 0.24);

  background: white;

}

.spinner-div > .spinner-btn:first-child {

  border-top-right-radius: 1px;

}

.spinner-div > .spinner-btn:last-child {

  margin-top: -2px;

  border-bottom-right-radius: 1px;

}

.spinner-div i{

  position:absolute;

  top: -1px;

  right: 6px;

  color: #65035f;

}

input.spinner{

  padding-right:30px;

}

.material .material-input input.go{

}

.multiselect-container>li{

    display:none;

}

.open .multiselect-container>li{

    display:block;

}

.material input[type="text"],

.material input[type="password"],

.material textarea,

.material select{

  opacity:0;

}

.material input[type="text"].material-done,

.material input[type="password"].material-done,

.material textarea.material-done,

.material input[type="text"].go,

.material input[type="password"].go,

.material textarea.go,

.material select.go,

.material input.form-control{

  opacity:1 !important;

}