Sindbad~EG File Manager

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.country-selector .country {
  overflow: hidden;
  height: 24px;
  min-width: 32px;
  background: transparent url(../statics/images/img/all-flag.png) 5px 100px no-repeat;
  border: none;
  text-align: left;
}
.country-selector ul li {
  list-style: none;
  width: 19%;
  display: inline-block;
  line-height: 1.5rem;
  min-height: 3em;
}
.country-selector ul li a.country {
  padding: 3px 10px 0 35px;
  overflow: visible;
  line-height: 1.2em;
  display: block;
  height: 30px;
  min-width: 30px;
  color: #777;
  font-weight: 400;
  font-size: .9375rem;
}
.country-selector .priorityCountries {
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 20px;
}


.country-selector .unitedstates,
.country-selector .US {
  background-position: 5px -383px;
}
.country-selector .taiwan,
.country-selector .TW {
  background-position: 5px -524px;
}

.country-selector .CH,
.country-selector .switzerland {
  background-position: 5px -944px;
}
.country-selector .AR,
.country-selector .argentina {
  background-position: 5px -6055px;
}
.country-selector .SK,
.country-selector .slovakia {
  background-position: 5px -1224px;
}
.country-selector .SG,
.country-selector .singapore {
  background-position: 5px -1294px;
}
.country-selector .SE,
.country-selector .sweden {
  background-position: 5px -1329px;
}
.country-selector .portugal,
.country-selector .PT {
  background-position: 5px -1679px;
}
.country-selector .PL,
.country-selector .poland {
  background-position: 5px -1714px;
}
.country-selector .newzealand,
.country-selector .NZ {
  background-position: 5px -1959px;
}
.country-selector .NO,
.country-selector .norway {
  background-position: 5px -2099px;
}
.country-selector .netherlands,
.country-selector .NL {
  background-position: 5px -2134px;
}
.country-selector .malaysia,
.country-selector .MY {
  background-position: 5px -2379px;
}

.country-selector .LU,
.country-selector .luxembourg {
  background-position: 5px -2904px;
}
.country-selector .KR,
.country-selector .southkorea {
  background-position: 5px -3254px;
}
.country-selector .japan,
.country-selector .JP {
  background-position: 5px -3499px;
}

.country-selector .IT,
.country-selector .italy {
  background-position: 5px -3604px;
}
.country-selector .IL,
.country-selector .israel {
  background-position: 5px -3709px;
}
.country-selector .IE,
.country-selector .ireland {
  background-position: 5px -3744px;
}

.country-selector .HU,
.country-selector .hungary {
  background-position: 5px -3814px;
}
.country-selector .HK,
.country-selector .hongkong {
  background-position: 5px -3919px;
}
.country-selector .GR,
.country-selector .greece {
  background-position: 5px -4059px;
}
.country-selector .GB,
.country-selector .unitedkingdom {
  background-position: 5px -4304px;
}

.country-selector .FI,
.country-selector .finland {
  background-position: 5px -4549px;
}
.country-selector .ES,
.country-selector .spain {
  background-position: 5px -4618px;
}

.country-selector .denmark,
.country-selector .DK {
  background-position: 5px -4864px;
}
.country-selector .DE,
.country-selector .germany {
  background-position: 5px -4934px;
}

.country-selector .CZ,
.country-selector .czechrepublic {
  background-position: 5px -4969px;
}

.country-selector .CA,
.country-selector .canada {
  background-position: 5px -5319px;
}

.country-selector .BE,
.country-selector .belgium {
  background-position: 5px -5809px;
}

.country-selector .AU,
.country-selector .australia {
  background-position: 5px -5984px;
}
.country-selector .AT,
.country-selector .austria {
  background-position: 5px -6019px;
}

.country-selector .BG,
.country-selector .bulgaria {
  background-position: 5px -5739px;
}


.country-selector .EE,
.country-selector .estonia {
  background-position: 5px -4689px;
}

.country-selector .iceland,
.country-selector .IS {
  background-position: 5px -3639px;
}

.country-selector .SI,
.country-selector .slovenia {
  background-position: 5px -1259px;
}











@media all and (max-width: 767px) {
  .country-selector ul li {
    display: block;
    width: 100%;
  }
  .priorityCountries span::before {
    font-size: 3em;
    float: right;
    padding-right: 10px;
  }
}
ul.priorityCountries li:first-child a:visited,
ul.priorityCountries li:first-child a:hover {
  text-decoration: none;
}
@media all and (min-width: 768px) {
  .priorityCountries span::before {
    content: none;
  }
}
.countryListModal {
  position: absolute;
  top: 100%;
  transition: all 0.3s ease-out;
  min-height: 100vh;
  min-width: 100vw;
  background: #ffffff;
  z-index: 999999;
  opacity: 1;
}
.countryListModal.transitionUp {
  top: 0;
}
.countryListModal .wrapper {
  margin: 0 auto;
  width: 70%;
}
@media all and (max-width: 767px) {
  .countryListModal .wrapper {
    width: 100%;
  }
}
.countryListModal .buttonHolder {
  min-height: 7rem;
  position: fixed;
  width: 70%;
}
.countryListModal .ghostElement {
  /* hides behind fixed button holder */
  height: 7rem;
}
.countryListModal .modalContent {
  padding-left: 10px;
}
@media all and (max-width: 767px) {
  .countryListModal .buttonHolder {
    min-height: 5rem;
    width: 100%;
  }
  .countryListModal .ghostElement {
    height: 5rem;
  }
  .countryListModal .closeModal::before {
    /* to align with the selector icon */
    padding-right: 20px;
  }
}
.countryListModal .closeModal {
  background: none;
  border: none;
  padding: 0 4px 0;
  float: right;
  color: #2c2e2f;
  cursor: pointer;
  height: 40px;
  font-size: 2em;
}
.countryListModal .paypalIcon {
  background: url(./piconp.png) center 14px no-repeat #ffffff;
  background-size: 20px;
}
.picker.country-selector {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.picker.country-selector button {
  display: inline-block;
  margin-right: 30px;
  cursor: pointer;
}
.picker.country-selector button::after {
  content: '';
  position: absolute;
  bottom: 10px;
  height: 8px;
  width: 8px;
  left: 30px;
  margin: 8px 0 0 8px;
  border-color: #333;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}