.guild_container {
  font-size: 1em;
  word-break: keep-all;
}

@media only screen and (max-device-width: 640px) {
  .guild_container {
    padding-left: 5px;
    padding-right: 5px;
  }

	.list_table .guild_name {
		margin-left: 30px;
		width: 60%;
	}

	.list_table .guild_info {
		width: 0;
		display: none;
	}

  .swal2-title {
    font-size: 0.8em;
  }

  .swal2-content {
    font-size: 0.8em;
  }
}

@media only screen and (max-device-width: 768px) {
  .guild_container {
    padding-left: 5px;
    padding-right: 5px;
  }

	.list_table .guild_name {
		margin-left: 30px;
		width: 60%;
	}

	.list_table .guild_info {
		width: 0;
		display: none;
	}

  .swal2-title {
    font-size: 0.8em;
  }

  .swal2-content {
    font-size: 0.8em;
  }
}

.gd_width_full {
  width: 100%;
}

.gd_input {
  -webkit-transition: border-color 150ms ease-in-out,
    -webkit-box-shadow 150ms ease-in-out;
  border: 1px solid #e5e5e5;

  display: inline-block;
  height: 32px;
  line-height: 1.3em;
  padding: 10px;
  margin: 10px 0;
  box-sizing: border-box;
  border-radius: 2px;
  vertical-align: middle;
}

.gd_textarea {
  -webkit-transition: border-color 150ms ease-in-out,
    -webkit-box-shadow 150ms ease-in-out;
  border: 1px solid #e5e5e5;

  display: inline-block;
  height: 80px;
  line-height: 1.3em;
  padding: 10px;
  margin: 10px 0;
  box-sizing: border-box;
  border-radius: 2px;
  vertical-align: middle;
}

.gd_textarea:focus,
.gd_input:focus {
  border: 1px solid #2196f3;
  box-shadow: 0 0 8px #719ece;
}

.gd_button {
  font-size: 1.2em;
  text-align: center;
  cursor: pointer !important;
  padding: 10px 17px !important;
  margin: 1px !important;
  outline: none;
  border: none;
  border-radius: 4px;
  text-decoration: none !important;
  transition: 200ms;
}

.gd_button.basic {
  padding: 7px 14px !important;
  font-size: 1em !important;
  margin: 0px !important;
  color: #343739;
  background-color: white;
  border: 1px solid #e8eaeb;
}

.gd_button.basic:hover {
  border-color: #bdc1c5;
  background-color: #f8f8f8;
}

.gd_button.basic:active {
  border-color: #bdc1c5;
  background-color: #ececec;
}

.gd_button.round {
  border-radius: 100px !important;
}

.gd_button.shadow {
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}

.gd_button.shadow:hover {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.gd_button.shadow:active {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.gd_button.waves-effect {
  /* todo */
}

.gd_button.primary {
  color: white;
  background-color: #747cfd;
}

.gd_button.primary:hover {
  background-color: #6870e4;
}

.gd_button.success {
  color: white;
  background-color: #34c97c;
}

.gd_button.success:hover {
  background-color: #75dba6;
}

.gd_button.danger {
  color: white;
  background-color: #ff6b6b;
}

.gd_button.danger:hover {
  background-color: #ff8989;
}

.gd_center {
  text-align: center;
}

.gd_line {
  line-height: 1.8em;
}

.gd_padding_1em {
  padding: 1em;
}

.text-danger {
  color: red;
}

.gd_mini_logo {
  width: 100px;
  height: 100px;
  border-radius: 100%;
}

.guild_editor {
  margin: 15px;
}

.wrap_set {
  font-size: 14px;
  background: #fff;
  border-radius: 1px;
  border: 1px solid #e0e5ee;
}

.list_table {
  width: 100%;
  font-size: 1em;
  vertical-align: middle;
  text-decoration: none;
  border-collapse: collapse;
}

.list_table th,
.list_table td {
  width: 600px;
  height: 80px;
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.list_table tr:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

.list_table .guild_name {
  margin-left: 30px;
  width: 30%;
}

.list_table .guild_info {
	width: 30%;
	text-align: center;
}

.list_table .guild_rank {
  width: 20%;
}

.list_img {
  margin-left: 30px !important;
}

.square {
  float: left;
  position: relative;
  width: 70%;
  padding-bottom: 70%; /* = width for a 1:1 aspect ratio */
  margin: 1.66%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; /* you change this to "contain" if you don't want the images to be cropped */
  border-radius: 50%;
}

.gd_module_block {
  background-image: url("https://api.hoto.dev/get/module.gif"), url("data:image/gif;base64,R0lGODlhAQABAJAAAP8AAAAAACH5BAUQAAAALAAAAAABAAEAAAICBAEAOw==");
  background-repeat: no-repeat;
}

.gd_link {
  color: white;
}

.gd_usermenu {
  width: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.gd_usermenu::-webkit-scrollbar {
  display: none;
}

.list_logo {
  width: 100%;
  padding-bottom: 100%;
  cursor: pointer;
}

@media (min-width: 320px) and (max-width: 767px) {
  .list_table .guild_logo {
    margin-left: 0;
    width: 30%;
  }

  .list_table .guild_name {
    margin-left: 0;
    width: 40%;
  }

  .list_table .guild_rank {
    width: 30%;
  }

  .list_img {
    margin: 1.66% !important;
  }
}