﻿.selectize-input.items .item, .selectize-input.items input::placeholder {
    padding: 11px 0px 0px 14px!important;
}

.selectize-input.items{
  border: 1px solid #dbdbdb !important;
}

.m-b-60{margin-bottom:60px}
.m-b-40{margin-bottom:40px}
.m-b-20{margin-bottom:20px}

.toggle-password {
    top: 0 !important;
    right: 0 !important;
    transform: none !important;
}
.send-button{
  background-color: #E85A4F;
  width:100%;
  font-weight: 600;
  color:#fff;
  padding: 8px 25px;
  transition: .4s ease all;
}


.btn-primary {
  background-color: #E85A4F;
  color: #fff !important;
  transition: .4s ease all;
}
.btn-primary:hover,
.btn-primary:focus,
.send-button:hover,
.send-button:focus
 {
  background-color: #E98074;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.my-input{
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: text;
  /*padding: 8px 10px;*/
  transition: border .1s linear;
}
.header-title{margin: 5rem 0;}
h1{ font-size: 31px;line-height: 40px;font-weight: 600;color:#4c5357;}
h2{ color: #5e8396;font-size: 21px;line-height: 32px;font-weight: 400;}
.login-or {position: relative;color: #aaa;margin-top: 10px;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;}
.span-or {
    display: block;
    position: absolute;
    left: 50%;
    top: -2px;
    margin-left: -25px;
    background-color: #fff;
    width: 50px;
    text-align: center;
}
.hr-or {
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* style inputs and link buttons */
input, .btn {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 4px;
  margin: 5px 0;
  opacity: 0.85;
  display: inline-block;
  font-size: 17px;
  line-height: 20px;
  text-decoration: none; /* remove underline from anchors */
}

input:hover,.btn:hover { opacity: 1;}

/* add appropriate colors to fb, twitter and google buttons */
.fb { background-color: #3B5998; color: white; }

.google {background-color: #dd4b39;color: white;}

/* style the submit button */
input[type=submit] { background-color: #04AA6D;color: white;cursor: pointer;}

input[type=submit]:hover {
  background-color: #45a049;
}
a:hover{ color:#fff; }

.iti--allow-dropdown{ width: 100%;margin-bottom: 18px; }

input:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=text]:focus, textarea:focus {color: #000000 !important;}
input, input[type=email], input[type=number], input[type=password], input[type=text], textarea {color: #000000 !important;font-size:17px;}

@media screen and (max-width:480px){
    h1{ font-size: 26px; }
    h2{ font-size: 20px; }
}
@media screen and (max-width:991px){
    .header-title{ margin: 0; }
}


.alert {
  padding: 8px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

#form_validate{
  display:none;
}

.myform .selectize-control input {
  width: 100% !important;
  padding: 12px !important;
  
}
.myform .selectize-input.items .item {
  display: flex;
  align-items:center;
  width:100%;
  height: 100%;
  padding: 12px !important;
}

.myform .my-input {
  box-shadow: unset;
}
.myform select, .myform textarea {
  border-radius:4px;
}