body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a:hover {
  color: #33CCFF;
}

.trish_th {
  font-family: Arial; 
  font-size: 12pt; 
  font-weight: bold; 
  color: #33CCFF; 
  text-align: left;
}

.trish_td {
  font-family: Verdana;
  font-size: 10pt;
}

.trish_a:hover {
  color: #33CCFF;
}

.trish_title {
  font-family: Arial;
  font-size: 12pt;
  font-weight: bold;
  color: #33CCFF;
}

.trish_label {
color: #888888;
}

.trish_emaildot {
  display: block;
  width: 50px;
  height: 50px;
  background: url("/img/emaildot.gif") no-repeat;
  cursor: pointer;
}

.trish_emaildot:hover {
  background: url("/img/emaildotgrey.gif") no-repeat;
}

.trish_facebookdot {
  display: block;
  width: 30px;
  height: 30px;
  background: url("/img/icons/facebook.svg") no-repeat;
  cursor: pointer;
}

.trish_facebookdot:hover {
  background: url("/img/icons/facebook_gray.svg") no-repeat;
}

.trish_footer_bg {
  background-image: url("/img/beachbar.jpg");
  background-repeat: repeat-x;
}

.trish_footer_gray {
  background-image: url("/img/beachbar1.jpg");
  background-repeat: repeat-x;
}

.blog_edit {
  display: block;
  width: 20px;
  height: 20px;
  background: url("/img/icons/pencil-square.svg") no-repeat;
  cursor: pointer;
}

.blog_edit:hover {
  background: url("/img/icons/pencil-square_blue.svg") no-repeat;
}

.blog_delete {
  display: block;
  width: 20px;
  height: 20px;
  background: url("/img/icons/trash.svg") no-repeat;
  cursor: pointer;
}

.blog_delete:hover {
  background: url("/img/icons/trash_blue.svg") no-repeat;
}

.close_userbox {
  display: block;
  width: 24px;
  height: 24px;
  background: url("/img/icons/close-grey.gif") no-repeat;
  cursor: pointer;
}

.close_userbox:hover {
  background: url("/img/icons/close-blue.gif") no-repeat;
}

.trish_th {
  font-family: Arial;
  font-size: 12pt;
  font-weight: bold;
  color: #33CCFF;
}

.input {
  font-family: Arial; 
  width: 100%;
  padding: 10px 18px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 8px;
  border: 2px solid #cccccc;
  background-color: #f8f8f8;
  font-size: 16px;
}

.input1 {
  padding: 10px 18px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 8px;
  border: 2px solid #cccccc;
  background-color: #f8f8f8;
  font-size: 16px;
}

.inputred {
  width: 100%;
  padding: 10px 18px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 8px;
  border: 2px solid red;
  background-color: #f8f8f8;
  font-size: 16px;
  color: red;
}

.inputred::-webkit-input-placeholder { /* Edge */
  color: red;
  font-size: 16px;
}

.inputred:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
  font-size: 16px;
}

.inputred::placeholder {
  color: red;
  font-size: 16px;
}

.select {
  padding: 10px 18px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 8px;
  border: 2px solid #cccccc;
  background-color: #f8f8f8;
  font-size: 16px;
}

.selectred {
  padding: 10px 18px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 8px;
  border: 2px solid red;
  background-color: #f8f8f8;
  font-size: 16px;
  color: red;
}

.select100 {
  width: 100%;
  padding: 10px 18px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 8px;
  border: 2px solid #cccccc;
  background-color: #f8f8f8;
  font-size: 16px;
}

.selectred100 {
  width: 100%;
  padding: 10px 18px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 8px;
  border: 2px solid red;
  background-color: #f8f8f8;
  font-size: 16px;
  color: red;
}

.textarea {
  font-family: Arial;
  width: 100%;
  height: 150px;
  padding: 10px 18px;
  margin: 8px 0;  
  box-sizing: border-box;
  border: 2px solid #cccccc;
  border-radius: 8px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;
}

.textarea_red {
  font-family: Arial;
  width: 100%;
  height: 150px;  
  padding: 10px 18px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid red;
  border-radius: 8px;
  background-color: #f8f8f8;
  font-size: 16px;
  color: red;
}

.textarea_red::-webkit-input-placeholder { /* Edge */
  color: red;
  font-size: 16px;
}

.textarea_red:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
  font-size: 16px;
}

.textarea_red::placeholder {
  color: red;
  font-size: 16px;
}

.trish_termsbox {
  width: 100%;
  height: 150px;
  padding: 8px 16px;
  box-sizing: border-box;
  border: 2px solid #cccccc;
  border-radius: 8px;
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;
}

input[type=file]::file-selector-button {
  padding: 10px 18px;
  margin-right: 20px;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 16px;
  border: 2px solid #cccccc;
  background-color: #f8f8f8;
}

input[type=file]::file-selector-button:hover {
  background-color: #eee;
  border: 0px;
  border: 2px solid #cccccc;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 16px;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #007BFF;
  border-radius: 10px;
  color: white;
  font-weight: bold;
  font-size: 16px;
  padding: 16px 32px;
  margin: 4px 2px;
  cursor: pointer;
  border:0 none;
  -webkit-border-radius: 10px;
  
}

input[type=submit]:hover {
  background-color: #0069D9
}

input[type=button]:hover {
  background-color: #0069D9
}

.trish_navbar {
  overflow: visible;
  background-color: #F0F0F0;
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0px 0px 2px 2px #ccc;
}

.trish_navbar_links a {
  display: block;
  height: 26px;
  text-align: center;
  padding: 12px 14px;
  text-decoration: none;
  font-size: 14px;
}

.trish_navbar_links a:hover {
  color: #33CCFF;
}

.trish_navbar_active {
  background: #ddd;
  color: #33CCFF;
}

.trish_navbar_home {
  color: #33CCFF;
}

.trish_main {
  padding: 16px;
  margin-top: 30px;
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('/img/loading-icon_original.gif') 50% 50% no-repeat;
  opacity: .8;
}

.trish_formtable {
  border-radius: 24px;
  border: 2px solid #ccc;
  box-shadow: 5px 5px 3px #ccc;
}

.trish_checkbox {
    display: inline-flex;
    cursor: pointer;
    position: relative;
}

.trish_checkbox > input {
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 2px solid #ccc;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.1s;
    background-color: #f8f8f8;
    cursor: pointer;
  }

.trish_checkbox > input:checked {
    border: 2px solid #ccc;
    background-color: #f8f8f8;
}

.trish_checkbox > input:checked + span::before {
    content: '\2713';
    display: block;
    text-align: center;
    color: #00CC00;
    position: absolute;
    left: 0.5rem;
    top: 0.1rem;
}

.trish_checkbox_red {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    color: red;
}

.trish_checkbox_red > input {
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 2px solid red;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.1s;
    background-color: #f8f8f8;
    cursor: pointer;
  }

.trish_checkbox_red > input:checked {
    border: 2px solid red;
    background-color: #f8f8f8;
}

.trish_checkbox_red > input:checked + span::before {
    content: '\2713';
    display: block;
    text-align: center;
    color: red;
    position: absolute;
    left: 0.5rem;
    top: 0.1rem;
}

.trish_dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.trish_dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* START MAIN MENU DROPDOWN */

.menu_dropdown {
  position: relative;
  display: inline-block;
}

.menu_icon {
  display: block;
  width: 24px;
  height: 24px;
  background: url("/img/icons/globe_black.svg") no-repeat;
  cursor: pointer;
}

.menu_icon:hover {
  background: url("/img/icons/globe_blue.svg") no-repeat;
}

.menu_dropdown_pointer {
  content: "";
  height: 0;
  width: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  position: absolute;
  top: 3px;
  left: 10px;
  margin: 0 0 0 -3px;
  z-index: 100;
}

.menu_dropdown-content {
  display: none;
  position: absolute;
}

.menu_dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  text-align: left;
  display: block;
}

.menu_dropdown_table {
  display: block;
  position: absolute;
  min-width: 160px;
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border: 2px solid #ccc;
  border-radius: 4px;
  top: 10px;
  z-index: 1;
}

.menu_dropdown-text {
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #33CCFF;
  padding: 12px 16px;
  text-decoration: none;
  text-align: left;
  display: block;
}

.menu_dropdown a:hover {background-color: #ddd;}

.menu_show {display: block;}

/* END MAIN MENU DROPDOWN */

/* START USER MENU DROPDOWN */

.user_th {
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #33CCFF;
}

.user_dropdown {
  position: relative;
  display: inline-block;
}

.user_icon {
  display: block;
  width: 26px;
  height: 26px;
  background: url("/img/icons/login-grey.gif") no-repeat;
  cursor: pointer;
}

.user_icon_login {
  display: block;
  width: 26px;
  height: 26px;
  background: url("/img/icons/login-blue.gif") no-repeat;
  cursor: pointer;
}

.user_icon:hover {
  background: url("/img/icons/login-blue.gif") no-repeat;
}

.user_dropdown_pointer {
  content: "";
  height: 0;
  width: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  position: absolute;
  top: 28px;
  left: 10px;
  margin: 0 0 0 -3px;
  z-index: 100;
}

.user_dropdown-content {
  display: none;
  position: absolute;
}

.user_dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  text-align: left;
  display: block;
}

.user_dropdown_table {
  display: block;
  position: absolute;
  min-width: 355px;
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border: 2px solid #ccc;
  border-radius: 4px;
  top: 35px;
  right: 0px;
  margin: 0 0 0 0;
  z-index: 1;
}

.user_dropdown-text {
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #33CCFF;
  padding: 12px 16px;
  text-decoration: none;
  text-align: left;
  display: block;
}

.user_dropdown a:hover {background-color: #ddd;}

.user_show {
  display: block;
}

/* END MAIN USER DROPDOWN */

.trish_closeicon {
  display: block;
  width: 24px;
  height: 24px;
  background: url("/img/close-grey.gif") no-repeat;
  cursor: pointer;
}

.trish_closeicon:hover {
  background: url("/img/close-blue.gif") no-repeat;
}

.trish_login {
  position: relative;
  display: inline-block;
}

.trish_login-pointer {
  content: "";
  height: 0;
  width: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  position: absolute;
  top: 3px;
  left: 327px;
  margin: 0 0 0 -3px;
  z-index: 100;
}

.trish_login_table {
  display: block;
  position: absolute;
  min-width: 355px;
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border: 2px solid #ccc;
  border-radius: 4px;
  top: 10px;
  z-index: 1;
}



.trish_login-content {
  display: none;
  position: absolute;
  right: 343px;
}

.trish_login_close a {
  text-decoration: none;
  font-size: 24px;
  color: #999999;
}

.trish_login_close a:hover {
  color: #33CCFF;
}

.trish_login_text {
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #33CCFF;
}

.trish_login_show {display: block;}

.trish_login_form input[type=submit] {
  background-color: #666666;
  border-radius: 20px;
  color: white;
  font-weight: bold;
  font-size: 14px;
  padding: 8px 16px;
  cursor: pointer;
  border:0 none;
  -webkit-border-radius: 20px;
}

.trish_login_form input[type=submit]:hover {
  background-color: #111111
}

.trish_login_form_input {
  width: 100%;
  padding: 8px 8px;
  font-size: 12px;
  border: none;
  background-color: #f8f8f8;
  border-bottom: 2px solid #cccccc;  
}

.trish_login_form_inputred {
  width: 100%;
  padding: 8px 8px;
  font-size: 12px;
  border: none;
  background-color: #f8f8f8;
  border-bottom: 2px solid red;
  color: red;
}

.trish_login_form_inputred::-webkit-input-placeholder { /* Edge */
  color: red;
}

.trish_login_form_inputred:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

.trish_login_form_inputred::placeholder {
  color: red;
}

.trish_login_form {
  font-size: 12px;
}

.trish_login_form hr {
  border: 1px solid #cccccc;
}

/* PAGINATION */

.pag {
  padding: 0.5rem 0.5rem;
  border-radius: 8px;
  border: 2px solid #ccc;
  box-shadow: 5px 5px 3px #ccc;
  background-color: #fff;
}

.pag-link {
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  margin-left: -1px;
  line-height: 1.25;
  color: #000000;
  background-color: #F0F0F0;
  border: 1px solid #dee2e6;
}

.pag-link:hover {
  z-index: 2;
  border-radius: 8px;
  color: #33CCFF;
  text-decoration: none;
  background: #ddd;
  border-color: #dee2e6;
}

.pag-link_active {
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  margin-left: -1px;
  line-height: 1.25;
  color: #ffffff;
  background-color: #0069D9;
  border: 1px solid #dee2e6;
}

.pag-link_inactive {
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  margin-left: -1px;
  line-height: 1.25;
  color: #000000;
  background-color: #F0F0F0;
  border: 1px solid #dee2e6;
}