/*  basic css for the classes*/



.align-center {



  align-items: center;



}

dialog.modal-content .btn{
background-color: #BCD5DE;
  border: 2px solid #2F4361;
}

dialog#in, dialog#out {

  text-align: center;

  width: 100%;

  max-width: 1000px;

  border: solid 14.5px #AEC7D1;

  box-shadow: inset 0px 0px 0px 1.5px #2F4361;

  color: #fff;

  background-color: #AEC7D1;

  padding: 100px 30px;

}

#insurance {

   border: solid 14.5px #2F4361;

  

  box-shadow: inset 0px 0px 0px 1.5px #BDB33F;

  color: #fff;

  background-color: #2F4361;

  padding: 100px 30px;

  position: relative;

  max-width: 1130px;

  margin: 0 auto;

  text-align: center;

  overflow: hidden;

   margin: 100px auto;

}

#insurance select {



  display: table;

  width: 100%;

  margin: 10px auto;

  height: 50px;

  padding: 5px;

  border: 1px solid #BCD5DE;

  background-color: #2F4361;

  max-width: 521px;

  color: #BCD5DE;



}





.flex-container {



  max-width: 1300px;



  margin: 0 auto;}











@media (max-width: 1024px) {



  .flex-container {



    flex-direction: column;



  }



}



/*============ 9. Styled Appt Form ===============*/



.block #insure-form {



  margin: 10px auto



}







a.anchor {



  display: block;



  position: relative;



  top: -100px;



  visibility: hidden



}







#insure-form {



  position: relative;



  max-width: 600px;



  margin: 50px auto;



  background-color: #53B1B8;



  padding: 60px 40px;



  text-align: center



}







#insure-form .h2 {



  line-height: 1.2;



  margin: 10px auto;



  letter-spacing: 0;



  font-size: 42px;



  color: #000



}







#insure-form .h1 small,



#insure-form .h2,



#insure-form p,



#insure-form .group label {



  color: #fff



}







#insure-form input,



#insure-form select {



  display: table;



  width: 100%;



  margin: 10px auto;



  height: 50px;



  padding: 5px;



  border: none;



  border-bottom: 1px solid #fff;



  background-color: transparent;



  color: #fff



}







#insure-form ::-webkit-input-placeholder {



  color: #fff



}







#insure-form :-ms-input-placeholder {



  color: #fff



}







#insure-form ::-ms-input-placeholder {



  color: #fff



}







#insure-form ::placeholder {



  color: #fff



}







#insure-form .select2-container {



  width: 100% !important;



  max-width: 620px;



  border: 1px solid #BCD5DE;

  /*! color: #fff; */

}







#insure-form .select2-container--default .select2-selection--single {



  background-color: transparent;



  color: #000;



  border-radius: 0;



  border: 1px solid #000;



  outline: none



}







#insure-form .select2-container--default .select2-selection--single .select2-selection__rendered {



 color: #BCD5DE;



  text-align: left



}







#insure-form .select2-container--default .select2-selection--single .select2-selection__arrow b {



  border-color: #000 transparent transparent transparent



}







#insure-form .select2-container--default .select2-selection--single .select2-selection__arrow {



  height: 38px



}







#insure-form .select2-container .select2-selection--single {



  height: 40px



}







#insure-form .select2-container--default .select2-selection--single .select2-selection__rendered {



  line-height: 40px



}







#insure-form button#submit {



  border: 1px solid #fff;



  padding: 20px;



  border-radius: 30px;



  text-transform: uppercase;



  min-width: 250px;



  margin: 20px auto;



  background-color: transparent;



  color: #fff



}







#insure-form button#submit:hover {



  background-color: #30676B



}







#insure-help .h2 {



  font-size: 45px;



  letter-spacing: .05em



}







.insure-modal {



  background-color: #53B1B8;



  padding-bottom: 40px !important



}













.insure-modal .h3 {



  font-size: 2.5rem;



  font-weight: 500;



  margin-top: 10px



}







.insure-modal p {



  margin: 20px auto;



  max-width: 600px



}







.insure-modal .btn {



  margin: 20px auto 10px



}







.open-in {



  position: absolute;



  top: 0;



  left: 50%;



  width: 98%;



  -webkit-transform: translateX(-50%);



  transform: translateX(-50%);



  display: -webkit-box !important;



  display: -ms-flexbox !important;



  display: flex !important;



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -ms-flex-direction: column;



  flex-direction: column;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  justify-content: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  align-items: center;



  height: 100%;



  -webkit-transition: 3s all;



  transition: 3s all



}







.close-ins {



  background-color: transparent;



  border: 2px solid #fff;



  border-radius: 50%;



  color: #fff;



  font-size: 30px;



  position: absolute;



  top: 0;



  right: 0;



  z-index: 3;



  -webkit-box-flex: 0;



  -ms-flex: 0 0 40px;



  flex: 0 0 40px;



  width: 40px;



  height: 40px;



  background-color: #47a4ab;



  top: -20px;



  right: -20px;



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  justify-content: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  align-items: center;



  cursor: pointer



}







.close-ins span {



  -webkit-transform: rotate(45deg);



  transform: rotate(45deg);



  padding: 0 0 4px 2px



}







.close-ins:before {



  content: 'Try another insurance';



  font-size: 12px;



  position: absolute;



  left: -130px;



  color: #000;



  top: 0;



  opacity: .35



}







.close-ins:hover {



  background-color: #30676B



}







.close-ins:hover:before {



  opacity: 1



}







.yep {



  width: 80px;



  height: 80px;



  -webkit-box-flex: 0;



  -ms-flex: 0 0 80px;



  flex: 0 0 80px;



  line-height: 1;



  border: 2px solid #fff;



  border-radius: 50%;



  color: #fff;



  font-size: 40px;



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  justify-content: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  align-items: center;



  margin: 10px auto



}







.yep i {



  margin-top: 5px



}







#appt-form {



  display: none;



  padding: 40px 10px;



  text-align: left;



  max-width: 800px;



  margin: 10px auto



}







#appt-form h2,



#appt-form h3 {



  text-align: center;



  margin: 20px auto 50px;



  letter-spacing: .05em



}







#appt-form h2 {



  font-size: 45px



}







#appt-form .flex-row-input {



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;



  -ms-flex-pack: distribute;



  justify-content: space-around;



  -webkit-box-align: start;



  -ms-flex-align: start;



  align-items: flex-start



}







#appt-form .flex-row-input article {



  -webkit-box-flex: 1;



  -ms-flex: 1;



  flex: 1;



  margin: 10px



}







#appt-form .options {



  color: #000;



  margin: 0 10px 0



}







#appt-form .options label {



  display: block;



  font-size: 18px;



  position: relative;



  margin-bottom: 10px;



  text-align: left



}







#appt-form .flex-checks {



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap



}







#appt-form .flex-checks span {



  -webkit-box-flex: 0;



  -ms-flex: 0 1 30%;



  flex: 0 1 30%;



  margin: 10px 5px 10px 0;



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-align: center;



  -ms-flex-align: center;



  align-items: center;



  font-size: 16px



}







#appt-form .flex-checks span [type=checkbox],



#appt-form .flex-checks span [type=radio] {



  margin-right: 8px



}







#appt-form .btn {



  display: table;



  margin: 20px auto !important



}







#appt-form ::-webkit-input-placeholder {



  color: #333



}







#appt-form :-moz-placeholder {



  color: #333



}







#appt-form ::-moz-placeholder {



  color: #333



}







#appt-form :-ms-input-placeholder {



  color: #333



}







#appt-form .input-content,



#appt-form .styled-form .inline label,



#appt-form .styled-form .inline,



#appt-form .input--filled .input__label .input__label-content strong,



#appt-form .input--filled .input__label .input__label-content a {



  color: #000



}







#appt-form .input-content {



  position: relative;



  z-index: 1;



  border-bottom: 1px solid #53B1B8;



  display: block;



  width: 100%;



  min-height: 65px;



  background: none



}







#appt-form .input-content.txt {



  height: 150px



}







#appt-form .input-content textarea {



  padding: 5px;



  display: block;



  width: 100%;



  height: 130px;



  display: table;



  font-family: lato, sans-serif



}







#appt-form .input__field {



  position: absolute;



  z-index: 2;



  display: block;



  border: none;



  border-radius: 0;



  padding: 0 10px;



  margin-top: 20px;



  height: 40px;



  width: 100%;



  background: transparent;



  color: #000



}







#appt-form .input__label {



  display: inline-block;



  padding: 0;



  width: 100%;



  height: 100%;



  position: absolute;



  background: transparent;



  text-align: left;



  -webkit-font-smoothing: antialiased;



  -moz-osx-font-smoothing: grayscale;



  -webkit-touch-callout: none;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none



}







#appt-form .input__label::before {



  content: '';



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  border: 0 solid transparent;



  -webkit-transition: border-width 0.3s, border-color 0.3s;



  transition: border-width 0.3s, border-color 0.3s



}







#appt-form .input__label-content {



  position: relative;



  display: block;



  width: 100%;



  padding: 40px 10px 10px;



  text-rendering: geometricPrecision;



  -webkit-transform-origin: 0% 50%;



  transform-origin: 0% 50%;



  transition: color 0.3s, -webkit-transform 0.3s;



  -webkit-transition: color 0.3s, -webkit-transform 0.3s;



  transition: transform 0.3s, color 0.3s;



  transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s;



  transition: transform 0.3s, color 0.3s;



  color: #000



}







#appt-form .input__field:focus+.input__label .input__label-content,



#appt-form .input--filled .input__label .input__label-content {



  color: #000;



  -webkit-transform: translate3d(0, -0.8em, 0);



  transform: translate3d(0, -0.8em, 0);



  padding: 15px 5px 5px;



  font-size: .75em



}







#appt-form input:-webkit-autofill,



#appt-form textarea:-webkit-autofill,



#appt-form select:-webkit-autofill {



  background-color: transparent !important



}







.options [type=checkbox],



.options [type=radio] {



  -webkit-appearance: none;



  position: relative;



  border-radius: 3px;



  vertical-align: middle;



  height: 25px;



  width: 25px;



  border: 1px solid #000



}







.options [type=radio] {



  border-radius: 50%



}







.options [type=checkbox]:active,



.options [type=checkbox]:checked:active,



.options [type=checkbox]:checked,



.options [type=radio]:active,



.options [type=radio]:checked:active,



.options [type=radio]:checked {



  background-color: #fff;



  border: 1px solid #53B1B8



}







.options [type=checkbox]:checked:after,



.options [type=radio]:checked:after {



  font-family: fontello;



  content: '\e832';



  font-size: 13px;



  position: absolute;



  top: 4px;



  left: 4px;



  color: #53B1B8



}







.options [type=radio]:checked:after {



  content: '';



  width: 14px;



  height: 14px;



  background-color: #53B1B8;



  border-radius: 50%



}







.dwn {



  position: relative



}







.dwn:after {



  position: absolute;



  content: '\e935';



  font-family: fontello;



  font-size: 1.2em;



  line-height: 1.5;



  color: #53B1B8;



  bottom: 5px;



  right: 10px;



  z-index: 8;



  pointer-events: none



}







#other-int {



  display: none;



  margin: 10px auto



}







#int-list.oth #other-int {



  display: block



}







.group {



  position: relative;



  margin-bottom: 20px



}







.group input,



.group select,



.group textarea {



  font-size: 18px;



  padding: 10px 10px 10px 5px;



  display: block;



  width: 100%;



  border: none;



  border-bottom: 1px solid #53B1B8;



  background: none;



  color: #000;



  height: 45px;



  -webkit-appearance: none;



  position: relative



}







.group select:after {



  position: absolute;



  right: 5px;



  top: 5px;



  content: '\e825';



  font-family: fontello;



  z-index: 5;



  color: #fff



}







.group textarea {



  height: 160px



}







.group input:focus,



.group textarea:focus,



.group select:focus {



  outline: none;



  background-color: rgba(0, 0, 0, 0.03)



}







.bar {



  position: relative;



  display: block;



  max-width: 100%;



  position: absolute;



  bottom: -1px;



  left: 0;



  right: 0



}







.bar:before,



.bar:after {



  content: '';



  height: 2px;



  width: 0;



  bottom: 1px;



  position: absolute;



  background: #53B1B8;



  transition: 0.2s ease all;



  -moz-transition: 0.2s ease all;



  -webkit-transition: 0.2s ease all



}







.bar:before {



  left: 50%



}







.bar:after {



  right: 50%



}







input:focus~.bar:before,



input:focus~.bar:after,



textarea:focus~.bar:before,



textarea:focus~.bar:after,



select:focus~.bar:before,



select:focus~.bar:after {



  width: 50%



}







.highlight {



  position: absolute;



  height: 60%;



  width: 100px;



  top: 25%;



  left: 0;



  pointer-events: none;



  opacity: 0.5



}







input:focus~.highlight,



textarea:focus~.highlight,



select:focus~.highlight {



  -webkit-animation: inputHighlighter 0.3s ease;



  animation: inputHighlighter 0.3s ease



}







@-webkit-keyframes inputHighlighter {



  from {



      background: #53B1B8



  }







  to {



      width: 0;



      background: transparent



  }



}







@keyframes inputHighlighter {



  from {



      background: #53B1B8



  }







  to {



      width: 0;



      background: transparent



  }



}







#insure-help {



  text-align: center;



  margin: 40px auto;



  padding: 10px



}







#no-insure .h2,



#no-insure h3 {



  text-align: center



}







@media (max-width: 1000px) {



  #plan {



      -ms-flex-flow: wrap;



      flex-flow: wrap;



      -ms-flex-pack: distribute;



      justify-content: space-around



  }







  #plan>* {



      margin-bottom: 20px;



      -webkit-box-flex: 0;



      -ms-flex: 0 1 350px;



      flex: 0 1 350px



  }







  #insure-form .h2 br {



      display: none



  }



}







@media (max-width: 750px) {



  #insure-form {



      padding: 50px 20px



  }







  #insure-form .h2,



  #insure-help .h2 {



      font-size: 36px



  }







  #insure-form .h2 br,



  #insure-form p br {



      display: none



  }







  .insure-modal {



      padding: 0 10px



  }







  #appt-form .flex-row-input {



      display: block



  }







  #appt-form .options {



      margin: 10px auto 20px



  }



}







@media (max-width: 480px) {



  #appt-form {



      padding: 40px 20px



  }







  #appt-form .flex-row-input article {



      margin: 10px auto



  }







  #appt-form .flex-checks span {



      -webkit-box-flex: 0;



      -ms-flex: 0 1 48%;



      flex: 0 1 48%



  }







  .close-ins {



      right: -10px



  }



}







@media (max-width: 400px) {







  #insure-form .h2,



  #insure-help .h2 {



      font-size: 30px



  }







  #appt-form .input-content,



  .group input,



  .group select,



  .group textarea {



      font-size: 16px



  }







  #insure-form .h2 {



      font-size: 30px



  }







  .insure-modal .btn {



      min-width: auto



  }



}



/* end of form css */







#insurance {



  padding:20px



}



#check-list #submit {

  margin: auto;

  background-color: ;

  background-color: #BCD5DE;

  border: none;

  color: #2F4361;

}

#check-list #submit:hover {

  background-color: #2F4361;

  color: ;

  color: #BCD5DE;

}

.form-description h3 {



  color: #BDB33F;

  font-size: 35px;
  margin-block: 2pc 1pc;
}

#insurance .flex-container>article {



  flex:0 1 auto



}

.form-description .h2 {

    line-height: 1.2;

    margin: 10px auto 30px;

}

.form-description .h1 small,

.form-description .h2,

.form-description p,

.form-description .group label {

    color: #BCD5DE;

    font-size: 24px;
}

.form-description .h1-small {

  color: #FFF;

}



#insurance .flex-container>article p {



  margin-bottom:0;



  margin-block: 2pc;
}



#insurance .flex-container .btn {



  margin-top:0



}










#insurance .btn {



  min-width:auto;



  background-color:#53b1b8;



  color:#fff;



  margin-left:10px



}



#insurance .btn:hover {



  background-color:#30676b



}



#insurance #insure-form {



  margin:0 auto;



  padding:0 40px;



  background-color:rgba(0,0,0,0)



}

#insurance input,

#insurance select {



  display: table;

  width: 100%;

  margin: 10px auto;

  height: 50px;

  padding: 5px;

  border: 1px solid #BCD5DE;

  background-color: #2F4361;

  max-width: 521px;

  color: #BCD5DE;



}



#insure-form .select2-container--default .select2-selection--single {

    background-color: #2F4361/*transparent*/;

    color: #4768BB;

    border-radius: 0;

    border: none;

    border-bottom: 1px solid #4768BB;

    outline: none;

}

@media(max-width: 1024px) {



  #insurance {



    padding:20px 5px;



    max-width:600px;



    margin:0 auto



  }



  #insurance .flex-container {



    padding:50px 10px



  }



  #insurance .flex-container:before {



    inset:5px



  }



  #insurance .form-description {



    text-align:center



  }



  #insurance #insure-form {



    width:400px;



    max-width:98vw;



    margin:14px auto 0



  }



  #insurance #insure-form .btn {



    margin:12px auto 0;



    display:table



  }



  #insurance #check-list>.flex {



    flex-direction:column



  }



  .insure-modal .h2 {



    font-size:3.5rem



  }



}







/*  dialog modal css*/






/* select2 css -  this should render automatically */



.select2-container {



  box-sizing:border-box;



  display:inline-block;



  margin:0;



  position:relative;



  vertical-align:middle



}



.select2-container .select2-selection--single {



  box-sizing:border-box;



  cursor:pointer;



  display:block;



  height:28px;



  user-select:none;



  -webkit-user-select:none



}



.select2-container .select2-selection--single .select2-selection__rendered {



  display:block;



  padding-left:8px;



  padding-right:20px;



  overflow:hidden;



  text-overflow:ellipsis;



  white-space:nowrap



}



.select2-container .select2-selection--single .select2-selection__clear {



  background-color:transparent;



  border:none;



  font-size:1em



}



.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {



  padding-right:8px;



  padding-left:20px



}



.select2-container .select2-selection--multiple {



  box-sizing:border-box;



  cursor:pointer;



  display:block;



  min-height:32px;



  user-select:none;



  -webkit-user-select:none



}



.select2-container .select2-selection--multiple .select2-selection__rendered {



  display:inline;



  list-style:none;



  padding:0



}



.select2-container .select2-selection--multiple .select2-selection__clear {



  background-color:transparent;



  border:none;



  font-size:1em



}



.select2-container .select2-search--inline .select2-search__field {



  box-sizing:border-box;



  border:none;



  font-size:100%;



  margin-top:5px;



  margin-left:5px;



  padding:0;



  max-width:100%;



  resize:none;



  height:18px;



  vertical-align:bottom;



  font-family:sans-serif;



  overflow:hidden;



  word-break:keep-all



}



.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {



  -webkit-appearance:none



}



.select2-dropdown {



  background-color:white;



  border:1px solid #aaa;



  border-radius:4px;



  box-sizing:border-box;



  display:block;



  position:absolute;



  left:-100000px;



  width:100%;



  z-index:1051



}



.select2-results {



  display:block



}



.select2-results__options {



  list-style:none;



  margin:0;



  padding:0



}



.select2-results__option {



  padding:6px;



  user-select:none;



  -webkit-user-select:none



}



.select2-results__option--selectable {



  cursor:pointer



}



.select2-container--open .select2-dropdown {



  left:0



}



.select2-container--open .select2-dropdown--above {



  border-bottom:none;



  border-bottom-left-radius:0;



  border-bottom-right-radius:0



}



.select2-container--open .select2-dropdown--below {



  border-top:none;



  border-top-left-radius:0;



  border-top-right-radius:0



}



.select2-search--dropdown {



  display:block;



  padding:4px



}



.select2-search--dropdown .select2-search__field {



  padding:4px;



  width:100%;



  box-sizing:border-box



}



.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {



  -webkit-appearance:none



}



.select2-search--dropdown.select2-search--hide {



  display:none



}



.select2-close-mask {



  border:0;



  margin:0;



  padding:0;



  display:block;



  position:fixed;



  left:0;



  top:0;



  min-height:100%;



  min-width:100%;



  height:auto;



  width:auto;



  opacity:0;



  z-index:99;



  background-color:#fff;



  filter:alpha(opacity=0)



}



.select2-hidden-accessible {



  border:0 !important;



  clip:rect(0 0 0 0) !important;



  -webkit-clip-path:inset(50%) !important;



  clip-path:inset(50%) !important;



  height:1px !important;



  overflow:hidden !important;



  padding:0 !important;



  position:absolute !important;



  width:1px !important;



  white-space:nowrap !important



}



.select2-container--default .select2-selection--single {



  background-color:#fff;



  border:1px solid #aaa;



  border-radius:4px



}



.select2-container--default .select2-selection--single .select2-selection__rendered {



  color:#444;



  line-height:28px



}



.select2-container--default .select2-selection--single .select2-selection__clear {



  cursor:pointer;



  float:right;



  font-weight:bold;



  height:26px;



  margin-right:20px;



  padding-right:0px



}



.select2-container--default .select2-selection--single .select2-selection__placeholder {



  color:#999



}



.select2-container--default .select2-selection--single .select2-selection__arrow {



  height:26px;



  position:absolute;



  top:1px;



  right:1px;



  width:20px



}



.select2-container--default .select2-selection--single .select2-selection__arrow b {



  border-color:#888 transparent transparent transparent;



  border-style:solid;



  border-width:5px 4px 0 4px;



  height:0;



  left:50%;



  margin-left:-4px;



  margin-top:-2px;



  position:absolute;



  top:50%;



  width:0



}



.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {



  float:left



}



.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {



  left:1px;



  right:auto



}



.select2-container--default.select2-container--disabled .select2-selection--single {



  background-color:#eee;



  cursor:default



}



.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {



  display:none



}



.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {



  border-color:transparent transparent #888 transparent;



  border-width:0 4px 5px 4px



}



.select2-container--default .select2-selection--multiple {



  background-color:white;



  border:1px solid #aaa;



  border-radius:4px;



  cursor:text;



  padding-bottom:5px;



  padding-right:5px;



  position:relative



}



.select2-container--default .select2-selection--multiple.select2-selection--clearable {



  padding-right:25px



}



.select2-container--default .select2-selection--multiple .select2-selection__clear {



  cursor:pointer;



  font-weight:bold;



  height:20px;



  margin-right:10px;



  margin-top:5px;



  position:absolute;



  right:0;



  padding:1px



}



.select2-container--default .select2-selection--multiple .select2-selection__choice {



  background-color:#e4e4e4;



  border:1px solid #aaa;



  border-radius:4px;



  box-sizing:border-box;



  display:inline-block;



  margin-left:5px;



  margin-top:5px;



  padding:0;



  padding-left:20px;



  position:relative;



  max-width:100%;



  overflow:hidden;



  text-overflow:ellipsis;



  vertical-align:bottom;



  white-space:nowrap



}



.select2-container--default .select2-selection--multiple .select2-selection__choice__display {



  cursor:default;



  padding-left:2px;



  padding-right:5px



}



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {



  background-color:transparent;



  border:none;



  border-right:1px solid #aaa;



  border-top-left-radius:4px;



  border-bottom-left-radius:4px;



  color:#999;



  cursor:pointer;



  font-size:1em;



  font-weight:bold;



  padding:0 4px;



  position:absolute;



  left:0;



  top:0



}



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {



  background-color:#f1f1f1;



  color:#333;



  outline:none



}



.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {



  margin-left:5px;



  margin-right:auto



}



.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {



  padding-left:5px;



  padding-right:2px



}



.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {



  border-left:1px solid #aaa;



  border-right:none;



  border-top-left-radius:0;



  border-bottom-left-radius:0;



  border-top-right-radius:4px;



  border-bottom-right-radius:4px



}



.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {



  float:left;



  margin-left:10px;



  margin-right:auto



}



.select2-container--default.select2-container--focus .select2-selection--multiple {



  border:solid black 1px;



  outline:0



}



.select2-container--default.select2-container--disabled .select2-selection--multiple {



  background-color:#eee;



  cursor:default



}



.select2-container--default.select2-container--disabled .select2-selection__choice__remove {



  display:none



}



.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,



.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {



  border-top-left-radius:0;



  border-top-right-radius:0



}



.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,



.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {



  border-bottom-left-radius:0;



  border-bottom-right-radius:0



}



.select2-container--default .select2-search--dropdown .select2-search__field {



  border:1px solid #aaa



}



.select2-container--default .select2-search--inline .select2-search__field {



  background:transparent;



  border:none;



  outline:0;



  box-shadow:none;



  -webkit-appearance:textfield



}



.select2-container--default .select2-results>.select2-results__options {



  max-height:200px;



  overflow-y:auto



}



.select2-container--default .select2-results__option .select2-results__option {



  padding-left:1em



}



.select2-container--default .select2-results__option .select2-results__option .select2-results__group {



  padding-left:0



}



.select2-container--default .select2-results__option .select2-results__option .select2-results__option {



  margin-left:-1em;



  padding-left:2em



}



.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {



  margin-left:-2em;



  padding-left:3em



}



.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {



  margin-left:-3em;



  padding-left:4em



}



.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {



  margin-left:-4em;



  padding-left:5em



}



.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {



  margin-left:-5em;



  padding-left:6em



}



.select2-container--default .select2-results__option--group {



  padding:0



}



.select2-container--default .select2-results__option--disabled {



  color:#999



}



.select2-container--default .select2-results__option--selected {



  background-color:#ddd



}



.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {



  background-color:#5897fb;



  color:white



}



.select2-container--default .select2-results__group {



  cursor:default;



  display:block;



  padding:6px



}



.select2-container--classic .select2-selection--single {



  background-color:#f7f7f7;



  border:1px solid #aaa;



  border-radius:4px;



  outline:0;



  background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);



  background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);



  background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);



  background-repeat:repeat-x;



  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)



}



.select2-container--classic .select2-selection--single:focus {



  border:1px solid #5897fb



}



.select2-container--classic .select2-selection--single .select2-selection__rendered {



  color:#444;



  line-height:28px



}



.select2-container--classic .select2-selection--single .select2-selection__clear {



  cursor:pointer;



  float:right;



  font-weight:bold;



  height:26px;



  margin-right:20px



}



.select2-container--classic .select2-selection--single .select2-selection__placeholder {



  color:#999



}



.select2-container--classic .select2-selection--single .select2-selection__arrow {



  background-color:#ddd;



  border:none;



  border-left:1px solid #aaa;



  border-top-right-radius:4px;



  border-bottom-right-radius:4px;



  height:26px;



  position:absolute;



  top:1px;



  right:1px;



  width:20px;



  background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);



  background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);



  background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);



  background-repeat:repeat-x;



  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)



}



.select2-container--classic .select2-selection--single .select2-selection__arrow b {



  border-color:#888 transparent transparent transparent;



  border-style:solid;



  border-width:5px 4px 0 4px;



  height:0;



  left:50%;



  margin-left:-4px;



  margin-top:-2px;



  position:absolute;



  top:50%;



  width:0



}



.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {



  float:left



}



.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {



  border:none;



  border-right:1px solid #aaa;



  border-radius:0;



  border-top-left-radius:4px;



  border-bottom-left-radius:4px;



  left:1px;



  right:auto



}



.select2-container--classic.select2-container--open .select2-selection--single {



  border:1px solid #5897fb



}



.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {



  background:transparent;



  border:none



}



.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {



  border-color:transparent transparent #888 transparent;



  border-width:0 4px 5px 4px



}



.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {



  border-top:none;



  border-top-left-radius:0;



  border-top-right-radius:0;



  background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);



  background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);



  background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);



  background-repeat:repeat-x;



  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)



}



.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {



  border-bottom:none;



  border-bottom-left-radius:0;



  border-bottom-right-radius:0;



  background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);



  background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);



  background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);



  background-repeat:repeat-x;



  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)



}



.select2-container--classic .select2-selection--multiple {



  background-color:white;



  border:1px solid #aaa;



  border-radius:4px;



  cursor:text;



  outline:0;



  padding-bottom:5px;



  padding-right:5px



}



.select2-container--classic .select2-selection--multiple:focus {



  border:1px solid #5897fb



}



.select2-container--classic .select2-selection--multiple .select2-selection__clear {



  display:none



}



.select2-container--classic .select2-selection--multiple .select2-selection__choice {



  background-color:#e4e4e4;



  border:1px solid #aaa;



  border-radius:4px;



  display:inline-block;



  margin-left:5px;



  margin-top:5px;



  padding:0



}



.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {



  cursor:default;



  padding-left:2px;



  padding-right:5px



}



.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {



  background-color:transparent;



  border:none;



  border-top-left-radius:4px;



  border-bottom-left-radius:4px;



  color:#888;



  cursor:pointer;



  font-size:1em;



  font-weight:bold;



  padding:0 4px



}



.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {



  color:#555;



  outline:none



}



.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {



  margin-left:5px;



  margin-right:auto



}



.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {



  padding-left:5px;



  padding-right:2px



}



.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {



  border-top-left-radius:0;



  border-bottom-left-radius:0;



  border-top-right-radius:4px;



  border-bottom-right-radius:4px



}



.select2-container--classic.select2-container--open .select2-selection--multiple {



  border:1px solid #5897fb



}



.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {



  border-top:none;



  border-top-left-radius:0;



  border-top-right-radius:0



}



.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {



  border-bottom:none;



  border-bottom-left-radius:0;



  border-bottom-right-radius:0



}



.select2-container--classic .select2-search--dropdown .select2-search__field {



  border:1px solid #aaa;



  outline:0



}



.select2-container--classic .select2-search--inline .select2-search__field {



  outline:0;



  box-shadow:none



}



.select2-container--classic .select2-dropdown {



  background-color:#fff;



  border:1px solid transparent



}



.select2-container--classic .select2-dropdown--above {



  border-bottom:none



}



.select2-container--classic .select2-dropdown--below {



  border-top:none



}



.select2-container--classic .select2-results>.select2-results__options {



  max-height:200px;



  overflow-y:auto



}



.select2-container--classic .select2-results__option--group {



  padding:0



}



.select2-container--classic .select2-results__option--disabled {



  color:grey



}



.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {



  background-color:#3875d7;



  color:#fff



}



.select2-container--classic .select2-results__group {



  cursor:default;



  display:block;



  padding:6px



}



.select2-container--classic.select2-container--open .select2-dropdown {



  border-color:#5897fb



}