/* ==========================================================
   SEA LICENSING
   CERTIFICATE LOOKUP — ISSUING FLAG SELECTOR
   ========================================================== */

.cv-flag-selector{
  width:100% !important;

  margin:
    17px 0
    15px !important;
}


.cv-flag-selector > label{
  display:block !important;

  margin:
    0 0
    7px !important;

  color:
    rgba(236,248,254,.88) !important;

  font-size:
    8.5px !important;

  line-height:
    1.2 !important;

  font-weight:
    800 !important;
}


.cv-flag-select-shell{
  position:relative !important;

  display:flex !important;

  align-items:center !important;

  width:100% !important;
}


.cv-flag-select-icon{
  position:absolute !important;

  left:15px !important;
  top:50% !important;

  width:18px !important;
  height:18px !important;

  transform:
    translateY(-50%) !important;

  z-index:2 !important;

  color:#1A9AD7 !important;

  pointer-events:none !important;
}


.cv-flag-select-icon svg{
  display:block !important;

  width:18px !important;
  height:18px !important;
}


#cv-issuing-flag{
  display:block !important;

  appearance:none !important;
  -webkit-appearance:none !important;

  width:100% !important;

  height:48px !important;

  margin:0 !important;

  padding:
    0 46px
    0 45px !important;

  border:
    1px solid
    rgba(135,194,220,.36) !important;

  border-radius:
    6px !important;

  outline:none !important;

  background:
    #F8FCFE !important;

  color:
    #17394E !important;

  font-family:
    inherit !important;

  font-size:
    11px !important;

  font-weight:
    650 !important;

  cursor:pointer !important;

  box-shadow:
    0 2px 8px
    rgba(2,32,48,.06) !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease
    !important;
}


#cv-issuing-flag:hover{
  border-color:
    rgba(39,164,218,.60) !important;
}


#cv-issuing-flag:focus{
  border-color:
    #1699D6 !important;

  box-shadow:
    0 0 0 3px
    rgba(22,153,214,.12) !important;
}


.cv-flag-select-arrow{
  position:absolute !important;

  right:16px !important;
  top:50% !important;

  transform:
    translateY(-52%) !important;

  color:#178EC8 !important;

  font-size:14px !important;

  pointer-events:none !important;
}


.cv-flag-selector-status{
  min-height:16px !important;

  margin:
    6px 0
    0 !important;

  color:
    rgba(222,240,248,.60) !important;

  font-size:
    7.5px !important;

  line-height:
    1.45 !important;
}


.cv-flag-selector-status.is-selected{
  color:
    #77D9F7 !important;
}


.cv-flag-selector-status.is-error{
  color:
    #FFAFB2 !important;
}


/* Existing certificate number field */
#cv-certificate-number{
  width:100% !important;
}


/* mobile */
@media (max-width:700px){

  #cv-issuing-flag{
    height:46px !important;
  }

}