

.nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:1px solid #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:0;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select.open,.nice-select:active,.nice-select:focus{border-color:#999}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{background-color:#f6f6f6}.nice-select .option.selected{font-weight:700}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}/*# sourceMappingURL=nice-select.min.css.map */

.nice-select {

  -webkit-tap-highlight-color: transparent;

  border-radius: 5px;

  border: 1px solid #DDDDDD;

  box-sizing: border-box;

  clear: both;

  cursor: pointer;

  display: flex;

  align-items: center;

  float: right;

  font-family: "El Messiri", sans-serif;

  font-size: 14px;

  font-weight: 400;

  outline: none;

  padding-left: 15px;

  padding-right: 15px;

  position: relative;

  text-align: right !important;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  white-space: nowrap;

  width: 100%; 

height: 50px;}

  .nice-select:hover {

    border-color: #dbdbdb; }

  .nice-select:active, .nice-select.open, .nice-select:focus {

    border-color: #999; }

  .nice-select:after {

    border-bottom: 2px solid #999;

    border-right: 2px solid #999;

    content: '';

    display: block;

    height: 5px;

    margin-top: -4px;

    pointer-events: none;

    position: absolute;

    left: 12px;

    top: 50%;

    -webkit-transform-origin: 66% 66%;

        -ms-transform-origin: 66% 66%;

            transform-origin: 66% 66%;

    -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

            transform: rotate(45deg);

    -webkit-transition: all 0.15s ease-in-out;

    transition: all 0.15s ease-in-out;

    width: 5px; }

  .nice-select.open:after {

    -webkit-transform: rotate(-135deg);

        -ms-transform: rotate(-135deg);

            transform: rotate(-135deg); }

  .nice-select.open .list {

    opacity: 1;

    height: auto;

    overflow-y: auto;

    pointer-events: auto;

    -webkit-transform: scale(1) translateY(0);

        -ms-transform: scale(1) translateY(0);

            transform: scale(1) translateY(0); }

  .nice-select.disabled {

    border-color: #ededed;

    color: #999;

    pointer-events: none; }

    .nice-select.disabled:after {

      border-color: #cccccc; }

  .nice-select.wide {

    width: 100%; }

    .nice-select.wide .list {

      left: 0 !important;

      right: 0 !important; }

  .nice-select.right {

    float: right; }

    .nice-select.right .list {

      left: auto;

      right: 0; }

  .nice-select.small {

    font-size: 12px;

    height: 36px;

    line-height: 34px; }

    .nice-select.small:after {

      height: 4px;

      width: 4px; }

    .nice-select.small .option {

      line-height: 34px;

      min-height: 34px; }

  .nice-select .list {

    background-color: #fff;

    border-radius: 5px;

    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);

    box-sizing: border-box;

    margin-top: 10px;

    opacity: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

    height: auto;

    pointer-events: none;

    position: absolute;

    top: 100%;

    left: 0;

    -webkit-transform-origin: 50% 0;

        -ms-transform-origin: 50% 0;

            transform-origin: 50% 0;

    -webkit-transform: scale(0.75) translateY(-21px);

        -ms-transform: scale(0.75) translateY(-21px);

            transform: scale(0.75) translateY(-21px);

    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

    z-index: 9; }

    .nice-select .list:hover .option:not(:hover) {

      background-color: transparent !important; }

  .nice-select .option {

    cursor: pointer;

    font-weight: 400;

    line-height: 40px;

    list-style: none;

    min-height: 40px;

    outline: none;

    padding-left: 29px;

    padding-right: 18px;

    text-align: right;

    -webkit-transition: all 0.2s;

    transition: all 0.2s; }

    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {

      background-color: #f6f6f6; }

    .nice-select .option.selected {

      font-weight: bold; }

    .nice-select .option.disabled {

      background-color: transparent;

      color: #999;

      cursor: default; }



.no-csspointerevents .nice-select .list {

  display: none; }



.no-csspointerevents .nice-select.open .list {

  display: block; }

.nice-select .nice-select-search-box {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  position: absolute;

  z-index: 8;

  top: 100%;

  left: 0;

  opacity: 0;

  width: 100%;

  margin-top: 5px;

  padding: 5px;

  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

  -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

  -webkit-transform: scale(0.75) translateY(-21px);

          transform: scale(0.75) translateY(-21px);

  -webkit-transform-origin: 50% 0;

          transform-origin: 50% 0;

  pointer-events: none;

  border-radius: 5px 5px 0 0;

  background: #FFF;

  -webkit-box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);

          box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);

}

.nice-select .nice-select-search {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  width: calc(100% - 20px) !important;

  height: auto;

  min-height: 36px;

  display: inline-block;

  margin: 0 10px 0 0;

  padding: 7px 12px;

  vertical-align: middle;

  color: #333;

  border: 1px solid #ddd;

  border-radius: 3px;

  outline: 0 !important;

  background-color: #fff;

  -webkit-box-shadow: none;

          box-shadow: none;

  line-height: 22px;

}

.nice-select.has-multiple {

  height: auto;

  min-height: 36px;

  padding: 7px 12px;

  white-space: inherit;

  line-height: 22px;

}

.nice-select.has-multiple span.current {

  display: inline-block;

  margin-right: 3px;

  margin-bottom: 3px;

  padding: 0 10px;

  border: 1px solid #CCC;

  border-radius: 3px;

  background: #EEE;

  font-size: 14px;

  line-height: 24px;

}

.nice-select.has-multiple .multiple-options {

  display: block;

  padding: 0;

  line-height: 24px;

}

.nice-select.open .nice-select-search-box {

  z-index: 10;

  opacity: 1;

  -webkit-transform: scale(1) translateY(0);

          transform: scale(1) translateY(0);

  pointer-events: auto;

}