.RegionOff {display:none;}

.PromoterHeritage-holder {float:left;width:100%;}
.PromoterHeritage-holder ul li {background:#ffffff;border:1px solid #cccccc;padding:10px 0;}
.PromoterHeritage-holder ul li h5 {float:left;width:100%;margin:0.1em 0;font-size:2.5em;text-align:center;color:#434058;}
.PromoterHeritage-holder ul li h4 {float:left;width:100%;margin:0.5em 0;font-size:1.3em;text-align:center;}
.PromoterHeritage-Profile {margin:auto;float:none;text-align:center;border:0;width:72px;height:72px;}
.PromoterHeritage-Profile img {float:left;padding:0.5%;background:#434058;border-radius:65px;}
.PromoterHeritage-Profile-information {margin:0;float:left;width:100%;}
.PromoterHeritage-Profile-information p {float:left;width:100%;margin:0.1em 0;font-size:2.5em;text-align:center;color:#368a17;}
.PromoterHeritage-Profile-information label {float:left;width:100%;margin:0;font-size:1.2em;text-align:center;color:#434058;}
.Heritage-SubMenu-button-holder {margin:0.5em auto auto;text-align:center;border:0;width:42px;}
.Heritage-SubMenu-button       {float:left;text-decoration:none;width:45px;border-radius:42px;border:2px solid #434058;color:#434058 !important;padding:10px 14px;cursor:pointer;}
.Heritage-SubMenu-button:hover {float:left;text-decoration:none;width:45px;border-radius:42px;border:2px solid #fe2c77;color:#fe2c77 !important;padding:10px 14px;cursor:pointer;}
.Heritage-SubMenu-button svg {width:100%;float:left;text-align:center;font-size:1.4em;}
.Heritage-SubMenu {width:100%;float:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:1em 0 0;}
.Heritage-SubMenu div {margin:1em auto auto;text-align:center;border:0;width:15%;}
.Heritage-SubMenu div svg {width:100%;color:#fe2c77;text-align:center;font-size:3.6em;}
.Heritage-SubMenu div p {width:100%;color:#000;text-align:center;font-size:1.6em;margin:10px 0 !important;}

.ColorLabel {display:block;}
.ui-tabs .ui-tabs-nav li {width:19.5%;list-style: none;float: left;position: relative;top: 0;margin: 1px 0.5% 0 0;border-bottom-width: 0;padding: 0;white-space: nowrap;}
.ui-tabs .ui-tabs-nav li a {float:left;padding: .5em 1em;text-decoration:none;width:100%;}
.ui-tabs .ui-tabs-nav li a:focus {outline:0; text-decoration:none;}
.ui-tabs .ui-tabs-nav li a img {float:left;margin:5px 1% 0 1%;}
.ui-tabs .ui-tabs-nav li a p {float:left;width:60%;margin:8px 0 0;}
.ui-tabs .ui-tabs-panel {display:block;border-width:0;padding:1em .4em;background:none;}

#EventDetail-ContentWrapper-inner {margin:auto;background:#fff;width:92%;box-shadow:0px 10px 0px -6px #cecea2;}


.LabelStyle-1 {color:#B7B7B7;float:left;font-weight:bold;margin-left:1%;}
.LabelStyle-2 {color: #545454;float: left;font-weight: bold;margin-left: 1%;text-shadow: none;}
.InputStyle-1 {float:left;margin-left:1%;width:15%;}
.InputStyle-2 {color:#000000;float:left;font-weight:bold;margin-left:1%;margin-top:1%;}

.Event-Create-Holder          {float:left;margin:0;padding:1.5em 2.5em;width:100%;}
.Event-Create-Holder svg      {font-size:1.5em;color:#545454;margin:0 1% 0 0;}
.Event-Create-Holder a          {border-radius:5px;font-size:1.3em;color:#ffffff;padding:1%;text-decoration:none;background:#fdb221;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.Event-Create-Holder a:hover    {border-radius:5px;font-size:1.3em;color:#393732;padding:1%;text-decoration:none;background:#fdb221;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;-moz-transition: all 0.2s ease;}
.Event-Create-Holder a:active   {border-radius:5px;font-size:1.3em;color:#ffffff;text-decoration:none;}
.Event-Create-Holder a:visited  {border-radius:5px;font-size:1.3em;color:#ffffff;text-decoration:none;}

.View-Button           {margin:5px auto auto;float:left;width:100%;position: relative;}
.View-Button a         {float:left;width:100%;padding:16px 20px;text-decoration:none;font-family:helvetica;font-size:1.5em;text-align:left;height:auto;color:#ffffff;background:#fdb221;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.View-Button a:hover   {float:left;width:100%;padding:16px 28px;text-decoration:none;font-family:helvetica;font-size:1.5em;text-align:left;height:auto;color:#393732;background:#fdb221;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;-moz-transition: all 0.2s ease;}
.View-Button a svg     {margin:4px auto auto;position: absolute;right:5%;}

.Content-Preview-Event span {margin:auto;width:100%;text-align:justify;padding:1em 2em;font-size:1.2em;float:left;height:150px;overflow:hidden;line-height:26px;}

.Img-Preview-Event:hover {position:relative;z-index:1;opacity:1;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.ButtonWrapper {height:44px;margin:12px auto;width:100%;}

#EventName-Monitor {color:#38364c;font-size:2.5em;}

.Heritage-SubMenu {display:none;}

#ToogleDescription-button {display:none;}
#ToogleDescription-button svg{display:none;}
#ToogleDescription {display:block;}

.ToogleCelebration-button {display:block;}
.ToogleCelebration {display:none;}

#adminProductDetailModal{background-color:#066009 !important;}
#adminProductDetailModal .modal-content {background:none !important;border:0;border-radius:0;box-shadow:none;}
#adminProductDetailModal .modal-footer {border:0 !important;}
#adminProductDetailModal .modal-header {border:0 !important;}
#adminProductDetailModal .modal-dialog {width:60% !important;}
#ExcelDetailModal{background-color:#76f77a !important;}
#ExcelDetailModal-Title{margin:0;width:100%;text-align:center;color:#fff;font-size:3em;text-shadow:1px 2px 1px #3d8e49;font-weight:bold;}
#ExcelDetailModal-LeftHolder {float:left;width:100%;padding:1%;margin:0;}
#ExcelDetailModal-RightHolder{float:right;width:40%;padding:1%;margin:0;}
#ExcelDetailModal-UploadHolder{float:left;width:100%;padding:1.5%;margin:1em 0;background:#fff;border-radius:6px;}
#ExcelDetailModal-UploadHolder-Left {float:left;width:70%;padding:0;margin:0;}
#ExcelDetailModal-UploadHolder-Left label{margin:0;}
#ExcelDetailModal-UploadHolder-Left input{margin:0;}
#ExcelDetailModal-UploadHolder-Right{float:right;width:auto;padding:0;margin:4px 0 0;}
#ExcelDetailModal-UploadHolder-Right input{margin:0;background-color:#ff4900 !important;border:0 !important;font-size:1.2em;border-radius:6px;}
#ExcelDetailModal-DownloadHolder {width:48%;float:right;}
#ExcelDetailModal-DownloadHolder label {margin: 0 0 0.5em;width:100%;color:#ffff00;font-size:2em;background:#0a820e;padding:0.3em 0.5em;}
#ExcelDetailModal-DownloadHolder-image {border-radius:6px;padding:1em;width:100%;float:left;background:#fff;}
#ExcelDetailModal-DownloadHolder img {border-radius:6px;width:100%;float:left;}
#ExcelDetailModal-DownloadHolder div {width:100%;float:left;}
#ExcelDetailModal-DownloadHolder div a       {text-decoration:none;position:relative;width:100%;float:left;padding:0.5em;border:3px solid #ff4900;margin:1em 0;color:#ff4900;font-weight:bold;background:#fff;}
#ExcelDetailModal-DownloadHolder div a:hover {text-decoration:none;position:relative;width:100%;float:left;padding:0.5em;border:3px solid #ff4900;margin:1em 0;color:#ff4900;font-weight:bold;background:#fff;}
#ExcelDetailModal-DownloadHolder div a svg {position:absolute;right:3%;}
#ExcelDetailModal-RulesHolder {margin:0;width:48%;float:left;}
#ExcelDetailModal-RulesHolder label {margin: 0 0 0.5em;width:100%;color:#ffff00;font-size:2em;background:#0a820e;padding:0.3em 0.5em;}
#ExcelDetailModal-RulesHolder ul {margin:0;width:100%;color:#ffffff;font-size:1.5em;}
#ExcelDetailModal-RulesHolder ul li {margin:0;width:100%;}
#ExcelDetailModal-RulesHolder ul li p {margin:0;width:100%;line-height:20px;}

.TranMonitor {margin:auto;width:100%;}
.TranMonitor-Counter1 {margin:0;padding:1em 0;float:left;width:33%;text-align:center;}
.TranMonitor-Counter2 {margin:0;padding:1em 0;float:left;width:33%;text-align:center;}
.TranMonitor-Counter3 {margin:0;padding:1em 0;float:left;width:33%;text-align:center;}
.TranMonitor-Counter1 label {margin:0 0 0 0;color:#38364c;padding:0.5em;font-family:helvetica;font-weight:bold;font-size:1.5em;}
.TranMonitor-Counter1 svg {margin:8px 0 0;color:#38364c;font-size:1.5em;}
.TranMonitor-Counter2 label {margin:0 0 0 0;color:#5F800B;padding:0.5em;font-family:helvetica;font-weight:bold;font-size:1.5em;}
.TranMonitor-Counter2 svg {margin:8px 0 0;color:#5F800B;font-size:1.5em;}
.TranMonitor-Counter3 label {margin:0 0 0 0;color:#ff4900;padding:0.5em;font-family:helvetica;font-weight:bold;font-size:1.5em;}
.TranMonitor-Counter3 svg {margin:8px 0 0;color:#ff4900;font-size:1.5em;}
.MonitorResults {margin:auto;width:100%;}

.MonitorResultInputs input {margin:0;}
.MonitorResultInputs input {height:45px;text-align:center;width:100%;margin:0 !important;}

/* OLDER - Desktops and laptops small */
@media screen and (min-width: 768px){
/* Styles */
.SelectorImage-Holder {margin:1.5rem 0 0;width:50%;float:right;padding:2em;}
.SelectorImage-Holder div     {margin:auto;width:80%;padding:0 1em;text-align:center;border:1px solid #cccccc;}
.SelectorImage-Holder div img {border:0;width:65%;margin:1rem 0 0;}
.SelectorImage-Holder div p   {text-align:center;}
#Event-Stamp {float:right;width:35%;border:0;}
/* search-bar */
.Search-Monitor              {margin:1em auto;width:85%;}
.Search-Monitor button       {float:right;margin:auto;width:11%;border:0;height:52px;border-radius:6px;background:#38364c;}
.Search-Monitor button:hover {float:right;margin:auto;width:11%;border:0;height:52px;border-radius:6px;background:#FF7033;}
.Search-Monitor button:focus {outline:0; text-decoration:none;}
.Search-Monitor button a     {margin:auto;width:100%;}
.Search-Monitor button svg   {color:#ffffff;font-size:2em;}
.Search-Monitor input        {float:left;margin:auto !important;color:#38364c !important;font-size:1.5em !important;padding:1em;width:84% !important;height:52px !important;
    border:2px solid #cccccc;border-radius:6px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}
.Search-Monitor input:focus {outline:0; text-decoration:none;}
#Search-Monitor-clear {float:right;padding:13px 10px;margin:0 2% 0 0;width:14%;color:#fe2c77;background:#fff;font-size:1.3em;cursor:pointer;
                      border:2px solid #cccccc;border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;}
.Search-Monitor-clear:focus {outline:0; text-decoration:none;}
#Search-Monitor-clear span {display:block;width:auto;float:right;margin:0 0 0 3%;}
#Search-Monitor-clear svg  {font-size:1.2em;color:#fe2c77 !important;}

#EventDetail-ImageWrapper {margin:0 2% 0 1em;float:right;width:40%;}
#EventDetail-ImageWrapper div{margin:auto;width:85%;}
#EventDetail-ImageWrapper div img{margin:10px 0 0;width:100%;box-shadow:0px 10px 0px -6px #bebebe;}
#EventDetail-ContentWrapper{background: #ffffc0;box-shadow:0px 10px 0px -6px #bebebe;float:left;width:45%;margin:0 0 0 8%;padding:0 0 2em;}
#ExcelImportButton           {margin:0.5em auto;width:100%;}
#ExcelImportButton a         {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton a:hover   {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton a:visited {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton svg       {position:absolute;right:3%;margin:0;font-size:1.5em;}
#MyListButton           {margin:0.5em auto;width:100%;}
#MyListButton a         {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton a:hover   {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton a:visited {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton svg       {position:absolute;right:3%;margin:0;font-size:1.2em;}
.Event-Preview_Wrapper {float:left;margin-left:3%;width:69%;}
.Event-ViewList-button {height:auto;margin: 10px auto 0;width: 350px;border: 0;}
.Event-ViewList-button a {color: #fff;float: left;font-family: helvetica;margin: auto;padding: 20px 0;text-align: center;text-decoration: none;width: 100%;background: rgb(228, 51, 66) none repeat scroll 0 0;border-color: rgb(226, 55, 134) rgb(193, 191, 192) rgb(193, 191, 192);border-image: none;border-radius: 30px;border-style: solid;border-width: 3px;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.Event-ViewList-button a:hover {color: #e3e3e3;float: left;font-family: helvetica;margin: auto;padding: 20px 0;text-align: center;text-decoration: none;width: 100%;background:rgb(248, 51, 66) none repeat scroll 0 0;border-color: rgb(226, 55, 134) rgb(193, 191, 192) rgb(193, 191, 192);border-image: none;border-radius: 30px;border-style: solid;border-width: 3px;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.Event-LeftContainer  {border:0;float:left;margin:1rem 0 0;padding:0 2%;width:100%;}
.Event-RightContainer {border:0;float:left;margin:0;padding:0 2%;width:100%;}
.EventsTitle {margin:auto;width:98%;padding:1%;}
.EventsContent {width:100%;margin:auto;}
.Events-Detail-Holder {box-shadow:0px 10px 0px -6px #c5b6ab;background:#e9e9e9;border-top-right-radius:15px;margin:auto;width:100%;padding:1em 0 0;}
.Preview-Event-Button       {position:relative;font-family:helvetica;font-size:1.6em;margin:5px auto;padding:0;text-align:left;text-decoration:none;width:100%;}
.Preview-Event-Button:hover {position:relative;font-family:helvetica;font-size:1.6em;margin:5px auto;padding:0;text-align:left;text-decoration:none;width:100%;}
.Preview-Event-Button a        {color:#ffffff;width:100%;float:left;text-decoration:none;background:#fdb221;padding:0.5em 0.5em 0.5em 1.2em;}
.Preview-Event-Button a:hover  {color:#393732;width:100%;float:left;text-decoration:none;background:#fdb221;}
.Preview-Event-Button a:active {color:#ffffff;width:100%;float:left;text-decoration:none;background:#fdb221;}
.Preview-Event-Button svg {position:absolute;right:3%;margin:5px 0 0 0;}
.Preview-Event {background:#ffffff;border:0;float:left;margin:1.5%;width:22%;box-shadow:0px 10px 0px -6px #bebebe;}
.Preview-Event-Title       {height:auto;overflow:hidden;float:left;width:100%;font-family:helvetica;font-weight:bold;text-align:center;font-size:1.8em;color:#3E3E3E;}
.Preview-Event-Title:hover {height:auto;overflow:hidden;float:left;width:100%;font-family:helvetica;font-weight:bold;text-align:center;font-size:1.8em;color:#000000;}
.Preview-Event-button-sendList       {background:#fdb221;border:0;border-radius:5px;margin:2% auto 0;width:100%;height:40px;padding:0;color:#ffffff;cursor:pointer;font-family:helvetica;font-size:1em;font-weight:bold;}
.Preview-Event-button-sendList:hover {background:#fdb221;border:0;border-radius:5px;margin:2% auto 0;width:100%;height:40px;padding:0;color:#393732;cursor:pointer;font-family:helvetica;font-size:1em;font-weight:bold;}
.Date-Event  {background: #1c75bc;box-shadow:0px 10px 0px -6px #0e548c;height:auto;width:100%;margin:auto;}
.Day-Event   {color:#fff;float: left;font-family: helvetica;font-weight:lighter;margin:0;width:50%;text-align:center;font-size:4em;}
.Month-Event {font-weight: lighter;height: auto;margin:1em 0;width:25%;color: #FFFFFF;float: left;font-family: helvetica;text-align:center;font-size: 1.5em;}
.Content-Preview-Event {border:0;float:left;margin:0.5em auto auto;width:100%;}
.Img-Preview-Event {position:relative;z-index:1;opacity:0.8;border:0;margin:auto;width:100%;height:auto;}
.Text-Preview-Event {color:#4C4C4C;font-family:arial;font-size:1em;line-height:3rem;margin:12px auto;text-align: justify;width:100%;height: auto;overflow: auto;}
.EventsName-Field {float: left;font-family:helvetica;font-size: 14px;margin:0 0 2% 0;width:100%;font-weight:bold}
.EventName {color:#000000;float:left;margin:0;width:60%;font-family: 'Nanum Gothic', sans-serif;font-size:2.5em;font-weight:lighter;}
.EventsDescrip-Field {float:left;font-family:helvetica;font-size:14px;margin:2% 0;width:100%;font-weight:bold;}
.EventsDescrip {color:#38364c;float: left;font-family: helvetica;font-size: 16px;width:100%;}
.EventsBirthday-Condition {color: #E15428;float: left;font-family: tahoma;font-size: 16px;width: 50%;}
.SelectorWrapper {float:left;margin:1em 0;width:50%;padding:1%;text-align:left;font-family:helvetica;color:#000000;}
.Selector-editor-field {width:95%;float:left;margin-left:2%;}
.Selector-editor-field input {border:0;background:#d9d9d9;color:#000;height:40px;padding:2px 0 5px 2%;text-align: center;width:100%;}
.Selector-editor-label {width:95%;float:left;margin-left:2%;margin-bottom:5px;margin-top:5px;text-align:center;}
.SelectorWrapper-Birthday {background: url("/images/Sail-pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #B7B7B7;margin-bottom: 6px;margin-top: 6px;padding: 1%;width: 98%;}
.SelectorWrapper-Birthday label {color: #3E3E3E;float: left;font-family: helvetica;font-size: 1.3em;text-align: center;width: 100%;}
#filters {margin:10px auto;padding:15px;width:80%;}
#filters:hover {margin:10px auto;padding:15px;width:80%;}
.filtersList {float:left;margin-left:1%;margin-top:10px;}
}

/* OLDER - Desktops and laptops ----------- */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1223px) {
/* Styles */
.SelectorImage-Holder {margin:1.5rem 0 0;width:50%;float:right;padding:2em;}
.SelectorImage-Holder div     {margin:auto;width:80%;padding:0 1em;text-align:center;border:1px solid #cccccc;}
.SelectorImage-Holder div img {border:0;width:65%;margin:1rem 0 0;}
.SelectorImage-Holder div p   {text-align:center;}
#Event-Stamp {float:right;width:35%;border:0;}
/* search-bar */
.Search-Monitor              {margin:1em auto;width:85%;}
.Search-Monitor button       {float:right;margin:auto;width:11%;border:0;height:52px;border-radius:6px;background:#38364c;}
.Search-Monitor button:hover {float:right;margin:auto;width:11%;border:0;height:52px;border-radius:6px;background:#FF7033;}
.Search-Monitor button:focus {outline:0; text-decoration:none;}
.Search-Monitor button a     {margin:auto;width:100%;}
.Search-Monitor button svg   {color:#ffffff;font-size:2em;}
.Search-Monitor input        {float:left;margin:auto !important;color:#38364c !important;font-size:1.5em !important;padding:1em;width:84% !important;height:52px !important;
    border:2px solid #cccccc;border-radius:6px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}
.Search-Monitor input:focus {outline:0; text-decoration:none;}
#Search-Monitor-clear {float:right;padding:13px 10px;margin:0 2% 0 0;width:14%;color:#fe2c77;background:#fff;font-size:1.3em;cursor:pointer;
                      border:2px solid #cccccc;border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;}
.Search-Monitor-clear:focus {outline:0; text-decoration:none;}
#Search-Monitor-clear span {display:block;width:auto;float:right;margin:0 0 0 3%;}
#Search-Monitor-clear svg  {font-size:1.2em;color:#fe2c77 !important;}

#EventDetail-ImageWrapper {margin:0 2% 0 1em;float:right;width:40%;}
#EventDetail-ImageWrapper div{margin:auto;width:85%;}
#EventDetail-ImageWrapper div img{margin:10px 0 0;width:100%;box-shadow:0px 10px 0px -6px #bebebe;}
#EventDetail-ContentWrapper{background: #ffffc0;box-shadow:0px 10px 0px -6px #bebebe;float:left;width:45%;margin:0 0 0 8%;padding:0 0 2em;}
#ExcelImportButton           {margin:0.5em auto;width:100%;}
#ExcelImportButton a         {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton a:hover   {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton a:visited {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton svg       {position:absolute;right:3%;margin:0;font-size:1.5em;}
#MyListButton           {margin:0.5em auto;width:100%;}
#MyListButton a         {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton a:hover   {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton a:visited {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton svg       {position:absolute;right:3%;margin:0;font-size:1.2em;}  
.Event-Preview_Wrapper {float:left;margin-left:3%;width:69%;}
.Event-ViewList-button {height:auto;margin: 10px auto 0;width: 350px;border: 0;}
.Event-ViewList-button a {color: #fff;float: left;font-family: helvetica;margin: auto;padding: 20px 0;text-align: center;text-decoration: none;width: 100%;background: rgb(228, 51, 66) none repeat scroll 0 0;border-color: rgb(226, 55, 134) rgb(193, 191, 192) rgb(193, 191, 192);border-image: none;border-radius: 30px;border-style: solid;border-width: 3px;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.Event-ViewList-button a:hover {color: #e3e3e3;float: left;font-family: helvetica;margin: auto;padding: 20px 0;text-align: center;text-decoration: none;width: 100%;background:rgb(248, 51, 66) none repeat scroll 0 0;border-color: rgb(226, 55, 134) rgb(193, 191, 192) rgb(193, 191, 192);border-image: none;border-radius: 30px;border-style: solid;border-width: 3px;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.Event-LeftContainer  {border:0;float:left;margin:1rem 0 0;padding:0 2%;width:100%;}
.Event-RightContainer {border:0;float:left;margin:0;padding:0 2%;width:100%;}
.EventsTitle {margin:auto;width:98%;padding:1%;}
.EventsContent {width:100%;margin:auto;}
.Events-Detail-Holder {box-shadow:0px 10px 0px -6px #c5b6ab;background:#e9e9e9;border-top-right-radius:15px;margin:auto;width:100%;padding:1em 0 0;}
.Preview-Event-Button       {position:relative;font-family:helvetica;font-size:1.6em;margin:5px auto;padding:0;text-align:left;text-decoration:none;width:100%;}
.Preview-Event-Button:hover {position:relative;font-family:helvetica;font-size:1.6em;margin:5px auto;padding:0;text-align:left;text-decoration:none;width:100%;}
.Preview-Event-Button a        {color:#ffffff;width:100%;float:left;text-decoration:none;background:#fdb221;padding:0.5em 0.5em 0.5em 1.2em;}
.Preview-Event-Button a:hover  {color:#393732;width:100%;float:left;text-decoration:none;background:#fdb221;}
.Preview-Event-Button a:active {color:#ffffff;width:100%;float:left;text-decoration:none;background:#fdb221;}
.Preview-Event-Button svg {position:absolute;right:3%;margin:5px 0 0 0;}
.Preview-Event {background:#ffffff;border:0;float:left;margin:1.5%;width:22%;box-shadow:0px 10px 0px -6px #bebebe;}
.Preview-Event-Title       {height:auto;overflow:hidden;float:left;width:100%;font-family:helvetica;font-weight:bold;text-align:center;font-size:1.8em;color:#3E3E3E;}
.Preview-Event-Title:hover {height:auto;overflow:hidden;float:left;width:100%;font-family:helvetica;font-weight:bold;text-align:center;font-size:1.8em;color:#000000;}
.Preview-Event-button-sendList       {background:#fdb221;border:0;border-radius:5px;margin:2% auto 0;width:100%;height:40px;padding:0;color:#ffffff;cursor:pointer;font-family:helvetica;font-size:1em;font-weight:bold;}
.Preview-Event-button-sendList:hover {background:#fdb221;border:0;border-radius:5px;margin:2% auto 0;width:100%;height:40px;padding:0;color:#393732;cursor:pointer;font-family:helvetica;font-size:1em;font-weight:bold;}
.Date-Event  {background: #1c75bc;box-shadow:0px 10px 0px -6px #0e548c;height:auto;width:100%;margin:auto;}
.Day-Event   {color:#fff;float: left;font-family: helvetica;font-weight:lighter;margin:0;width:50%;text-align:center;font-size:4em;}
.Month-Event {font-weight: lighter;height: auto;margin:1em 0;width:25%;color: #FFFFFF;float: left;font-family: helvetica;text-align:center;font-size: 1.5em;}
.Content-Preview-Event {border:0;float:left;margin:0.5em auto auto;width:100%;}
.Img-Preview-Event {position:relative;z-index:1;opacity:0.8;border:0;margin:auto;width:100%;height:auto;}
.Text-Preview-Event {color:#4C4C4C;font-family:arial;font-size:1em;line-height:3rem;margin:12px auto;text-align: justify;width:100%;height: auto;overflow: auto;}
.EventsName-Field {float: left;font-family:helvetica;font-size: 14px;margin:0 0 2% 0;width:100%;font-weight:bold}
.EventName {color:#000000;float:left;margin:0;width:60%;font-family: 'Nanum Gothic', sans-serif;font-size:2.5em;font-weight:lighter;}
.EventsDescrip-Field {float:left;font-family:helvetica;font-size:14px;margin:2% 0;width:100%;font-weight:bold;}
.EventsDescrip {color:#38364c;float: left;font-family: helvetica;font-size: 16px;width:100%;}
.EventsBirthday-Condition {color: #E15428;float: left;font-family: tahoma;font-size: 16px;width: 50%;}
.SelectorWrapper {float:left;margin:1em 0;width:50%;padding:1%;text-align:left;font-family:helvetica;color:#000000;}
.Selector-editor-field {width:95%;float:left;margin-left:2%;}
.Selector-editor-field input {border:0;background:#d9d9d9;color:#000;height:40px;padding:2px 0 5px 2%;text-align: center;width:100%;}
.Selector-editor-label {width:95%;float:left;margin-left:2%;margin-bottom:5px;margin-top:5px;text-align:center;}
.SelectorWrapper-Birthday {background: url("/images/Sail-pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #B7B7B7;margin-bottom: 6px;margin-top: 6px;padding: 1%;width: 98%;}
.SelectorWrapper-Birthday label {color: #3E3E3E;float: left;font-family: helvetica;font-size: 1.3em;text-align: center;width: 100%;}
#filters {margin:10px auto;padding:15px;width:80%;}
#filters:hover {margin:10px auto;padding:15px;width:80%;}
.filtersList {float:left;margin-left:1%;margin-top:10px;}
}
        
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
        
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) and (max-device-width : 1823px) {
/* Styles */
.SelectorImage-Holder {margin:0;width:50%;float:right;padding:1em;}
.SelectorImage-Holder div     {margin:auto;width:100%;padding:0 0.5em;text-align:center;border:1px solid #cccccc;}
.SelectorImage-Holder div img {border:0;width:65%;margin:1rem 0 0;}
.SelectorImage-Holder div p   {text-align:center;}
#Event-Stamp {float:right;width:35%;border:0;}
/* search-bar */
.Search-Monitor              {margin:1em auto;width:85%;}
.Search-Monitor button       {float:right;margin:auto;width:11%;border:0;height:52px;border-radius:6px;background:#38364c;}
.Search-Monitor button:hover {float:right;margin:auto;width:11%;border:0;height:52px;border-radius:6px;background:#FF7033;}
.Search-Monitor button:focus {outline:0; text-decoration:none;}
.Search-Monitor button a     {margin:auto;width:100%;}
.Search-Monitor button svg   {color:#ffffff;font-size:2em;}
.Search-Monitor input        {float:left;margin:auto !important;color:#38364c !important;font-size:1.5em !important;padding:1em;width:84% !important;height:52px !important;
    border:2px solid #cccccc;border-radius:6px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}
.Search-Monitor input:focus {outline:0; text-decoration:none;}
#Search-Monitor-clear {float:right;padding:13px 10px;margin:0 2% 0 0;width:14%;color:#fe2c77;background:#fff;font-size:1.3em;cursor:pointer;
                      border:2px solid #cccccc;border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;}
.Search-Monitor-clear:focus {outline:0; text-decoration:none;}
#Search-Monitor-clear span {display:block;width:auto;float:right;margin:0 0 0 3%;}
#Search-Monitor-clear svg  {font-size:1.2em;color:#fe2c77 !important;}

#EventDetail-ImageWrapper {margin:0 2% 0 1em;float:right;width:37%;}
#EventDetail-ImageWrapper div{margin:auto;width:95%;}
#EventDetail-ImageWrapper div img{margin:10px 0 0;width:100%;box-shadow:0px 10px 0px -6px #bebebe;}
#EventDetail-ContentWrapper{background: #ffffc0;box-shadow:0px 10px 0px -6px #bebebe;float:left;width:48%;margin:0 0 0 5%;padding:0 0 2em;}
#ExcelImportButton           {margin:0.5em auto;width:100%;}
#ExcelImportButton a         {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton a:hover   {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton a:visited {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton svg       {position:absolute;right:3%;margin:0;font-size:1.5em;}
#MyListButton           {margin:0.5em auto;width:100%;}
#MyListButton a         {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton a:hover   {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton a:visited {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton svg       {position:absolute;right:3%;margin:0;font-size:1.2em;}  
.Event-Preview_Wrapper {float:left;margin-left:3%;width:69%;}
.Event-ViewList-button {height:auto;margin: 10px auto 0;width: 350px;border: 0;}
.Event-ViewList-button a {color: #fff;float: left;font-family: helvetica;margin: auto;padding: 20px 0;text-align: center;text-decoration: none;width: 100%;background: rgb(228, 51, 66) none repeat scroll 0 0;border-color: rgb(226, 55, 134) rgb(193, 191, 192) rgb(193, 191, 192);border-image: none;border-radius: 30px;border-style: solid;border-width: 3px;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.Event-ViewList-button a:hover {color: #e3e3e3;float: left;font-family: helvetica;margin: auto;padding: 20px 0;text-align: center;text-decoration: none;width: 100%;background:rgb(248, 51, 66) none repeat scroll 0 0;border-color: rgb(226, 55, 134) rgb(193, 191, 192) rgb(193, 191, 192);border-image: none;border-radius: 30px;border-style: solid;border-width: 3px;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.Event-LeftContainer  {border:0;float:left;margin:1rem 0 0;padding:0 2%;width:100%;}
.Event-RightContainer {border:0;float:left;margin:0;padding:0 2%;width:100%;}
.EventsTitle {margin:auto;width:100%;padding:1%;}
.EventsContent {width:100%;margin:auto;}
.Events-Detail-Holder {box-shadow:0px 10px 0px -6px #c5b6ab;background:#e9e9e9;border-top-right-radius:15px;margin:auto;width:100%;padding:1em 0 0;}
.Preview-Event-Button       {position:relative;font-family:helvetica;font-size:1.6em;margin:5px auto;padding:0;text-align:left;text-decoration:none;width:100%;}
.Preview-Event-Button:hover {position:relative;font-family:helvetica;font-size:1.6em;margin:5px auto;padding:0;text-align:left;text-decoration:none;width:100%;}
.Preview-Event-Button a        {color:#ffffff;width:100%;float:left;text-decoration:none;background:#fdb221;padding:0.5em 0.5em 0.5em 1.2em;}
.Preview-Event-Button a:hover  {color:#393732;width:100%;float:left;text-decoration:none;background:#fdb221;}
.Preview-Event-Button a:active {color:#ffffff;width:100%;float:left;text-decoration:none;background:#fdb221;}
.Preview-Event-Button svg {position:absolute;right:3%;margin:5px 0 0 0;}
.Preview-Event {background:#ffffff;border:0;float:left;margin:1.5%;width:22%;box-shadow:0px 10px 0px -6px #bebebe;}
.Preview-Event-Title       {height:110px;overflow:hidden;float:left;width:100%;font-family:helvetica;font-weight:bold;text-align:center;font-size:1.5em;color:#3E3E3E;}
.Preview-Event-Title:hover {height:110px;overflow:hidden;float:left;width:100%;font-family:helvetica;font-weight:bold;text-align:center;font-size:1.5em;color:#000000;}
.Preview-Event-button-sendList       {background:#fdb221;border:0;border-radius:5px;margin:2% auto 0;width:100%;height:40px;padding:0;color:#ffffff;cursor:pointer;font-family:helvetica;font-size:1em;font-weight:bold;}
.Preview-Event-button-sendList:hover {background:#fdb221;border:0;border-radius:5px;margin:2% auto 0;width:100%;height:40px;padding:0;color:#393732;cursor:pointer;font-family:helvetica;font-size:1em;font-weight:bold;}
.Date-Event  {background: #1c75bc;box-shadow:0px 10px 0px -6px #0e548c;height:auto;width:100%;margin:auto;}
.Day-Event   {color:#fff;float: left;font-family: helvetica;font-weight:lighter;margin:0;width:30%;text-align:center;font-size:2.8em;}
.Month-Event {font-weight: lighter;height: auto;margin:1em 0;width:35%;color: #FFFFFF;float: left;font-family: helvetica;text-align:center;font-size: 1.2em;}
.Content-Preview-Event {border:0;float:left;margin:0.5em auto auto;width:100%;}
.Img-Preview-Event {position:relative;z-index:1;opacity:0.8;border:0;margin:auto;width:100%;height:310px;}
.Text-Preview-Event {color:#4C4C4C;font-family:arial;font-size:1em;line-height:3rem;margin:12px auto;text-align: justify;width:100%;height: auto;overflow: auto;}
.EventsName-Field {float: left;font-family:helvetica;font-size: 14px;margin:0 0 2% 0;width:100%;font-weight:bold}
.EventName {color:#000000;float:left;margin:0;width:60%;font-family: 'Nanum Gothic', sans-serif;font-size:2.5em;font-weight:lighter;}
.EventsDescrip-Field {float:left;font-family:helvetica;font-size:14px;margin:2% 0;width:100%;font-weight:bold;}
.EventsDescrip {color:#38364c;float: left;font-family: helvetica;font-size: 16px;width:100%;}
.EventsBirthday-Condition {color: #E15428;float: left;font-family: tahoma;font-size: 16px;width: 50%;}
.SelectorWrapper {float:left;margin:1em 0;width:50%;padding:1%;text-align:left;font-family:helvetica;color:#000000;}
.Selector-editor-field {width:95%;float:left;margin-left:2%;}
.Selector-editor-field input {border:0;background:#d9d9d9;color:#000;height:40px;padding:2px 0 5px 2%;text-align: center;width:100%;}
.Selector-editor-label {width:95%;float:left;margin-left:2%;margin-bottom:5px;margin-top:5px;text-align:center;}
.SelectorWrapper-Birthday {background: url("/images/Sail-pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #B7B7B7;margin-bottom: 6px;margin-top: 6px;padding: 1%;width: 98%;}
.SelectorWrapper-Birthday label {color: #3E3E3E;float: left;font-family: helvetica;font-size: 1.3em;text-align: center;width: 100%;}
#filters {margin:10px auto;padding:15px;width:80%;}
#filters:hover {margin:10px auto;padding:15px;width:80%;}
.filtersList {float:left;margin-left:1%;margin-top:10px;}
}
        
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
.SelectorImage-Holder {margin:1.5rem 0 0;width:50%;float:right;padding:2em;}
.SelectorImage-Holder div     {margin:auto;width:80%;padding:0 1em;text-align:center;border:1px solid #cccccc;}
.SelectorImage-Holder div img {border:0;width:65%;margin:1rem 0 0;}
.SelectorImage-Holder div p   {text-align:center;}
#Event-Stamp {float:right;width:35%;border:0;}
/* search-bar */
.Search-Monitor              {margin:1em auto;width:85%;}
.Search-Monitor button       {float:right;margin:auto;width:11%;border:0;height:52px;border-radius:6px;background:#38364c;}
.Search-Monitor button:hover {float:right;margin:auto;width:11%;border:0;height:52px;border-radius:6px;background:#FF7033;}
.Search-Monitor button:focus {outline:0; text-decoration:none;}
.Search-Monitor button a     {margin:auto;width:100%;}
.Search-Monitor button svg   {color:#ffffff;font-size:2em;}
.Search-Monitor input        {float:left;margin:auto !important;color:#38364c !important;font-size:1.5em !important;padding:1em;width:84% !important;height:52px !important;
    border:2px solid #cccccc;border-radius:6px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}
.Search-Monitor input:focus {outline:0; text-decoration:none;}
#Search-Monitor-clear {float:right;padding:13px 10px;margin:0 2% 0 0;width:14%;color:#fe2c77;background:#fff;font-size:1.3em;cursor:pointer;
                      border:2px solid #cccccc;border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;}
.Search-Monitor-clear:focus {outline:0; text-decoration:none;}
#Search-Monitor-clear span {display:block;width:auto;float:right;margin:0 0 0 3%;}
#Search-Monitor-clear svg  {font-size:1.2em;color:#fe2c77 !important;}

#EventDetail-ImageWrapper {margin:0 2% 0 1em;float:right;width:40%;}
#EventDetail-ImageWrapper div{margin:auto;width:85%;}
#EventDetail-ImageWrapper div img{margin:10px 0 0;width:100%;box-shadow:0px 10px 0px -6px #bebebe;}
#EventDetail-ContentWrapper{background: #ffffc0;box-shadow:0px 10px 0px -6px #bebebe;float:left;width:45%;margin:0 0 0 8%;padding:0 0 2em;}
#ExcelImportButton           {margin:0.5em auto;width:100%;}
#ExcelImportButton a         {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton a:hover   {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton a:visited {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton svg       {position:absolute;right:3%;margin:0;font-size:1.5em;}
#MyListButton           {margin:0.5em auto;width:100%;}
#MyListButton a         {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton a:hover   {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton a:visited {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton svg       {position:absolute;right:3%;margin:0;font-size:1.2em;} 
.Event-Preview_Wrapper {float:left;margin-left:3%;width:69%;}
.Event-ViewList-button {height:auto;margin: 10px auto 0;width: 350px;border: 0;}
.Event-ViewList-button a {color: #fff;float: left;font-family: helvetica;margin: auto;padding: 20px 0;text-align: center;text-decoration: none;width: 100%;background: rgb(228, 51, 66) none repeat scroll 0 0;border-color: rgb(226, 55, 134) rgb(193, 191, 192) rgb(193, 191, 192);border-image: none;border-radius: 30px;border-style: solid;border-width: 3px;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.Event-ViewList-button a:hover {color: #e3e3e3;float: left;font-family: helvetica;margin: auto;padding: 20px 0;text-align: center;text-decoration: none;width: 100%;background:rgb(248, 51, 66) none repeat scroll 0 0;border-color: rgb(226, 55, 134) rgb(193, 191, 192) rgb(193, 191, 192);border-image: none;border-radius: 30px;border-style: solid;border-width: 3px;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.Event-LeftContainer  {border:0;float:left;margin:1rem 0 0;padding:0 2%;width:100%;}
.Event-RightContainer {border:0;float:left;margin:0;padding:0 2%;width:100%;}
.EventsTitle {margin:auto;width:98%;padding:1%;}
.EventsContent {width:100%;margin:auto;}
.Events-Detail-Holder {box-shadow:0px 10px 0px -6px #c5b6ab;background:#e9e9e9;border-top-right-radius:15px;margin:auto;width:100%;padding:1em 0 0;}
.Preview-Event-Button       {position:relative;font-family:helvetica;font-size:1.6em;margin:5px auto;padding:0;text-align:left;text-decoration:none;width:100%;}
.Preview-Event-Button:hover {position:relative;font-family:helvetica;font-size:1.6em;margin:5px auto;padding:0;text-align:left;text-decoration:none;width:100%;}
.Preview-Event-Button a        {color:#ffffff;width:100%;float:left;text-decoration:none;background:#fdb221;padding:0.5em 0.5em 0.5em 1.2em;}
.Preview-Event-Button a:hover  {color:#393732;width:100%;float:left;text-decoration:none;background:#fdb221;}
.Preview-Event-Button a:active {color:#ffffff;width:100%;float:left;text-decoration:none;background:#fdb221;}
.Preview-Event-Button svg {position:absolute;right:3%;margin:5px 0 0 0;}
.Preview-Event {background:#ffffff;border:0;float:left;margin:1.5%;width:22%;box-shadow:0px 10px 0px -6px #bebebe;}
.Preview-Event-Title       {height:110px;overflow:hidden;float:left;width:100%;font-family:helvetica;font-weight:bold;text-align:center;font-size:1.8em;color:#3E3E3E;}
.Preview-Event-Title:hover {height:110px;overflow:hidden;float:left;width:100%;font-family:helvetica;font-weight:bold;text-align:center;font-size:1.8em;color:#000000;}
.Preview-Event-button-sendList       {background:#fdb221;border:0;border-radius:5px;margin:2% auto 0;width:100%;height:40px;padding:0;color:#ffffff;cursor:pointer;font-family:helvetica;font-size:1em;font-weight:bold;}
.Preview-Event-button-sendList:hover {background:#fdb221;border:0;border-radius:5px;margin:2% auto 0;width:100%;height:40px;padding:0;color:#393732;cursor:pointer;font-family:helvetica;font-size:1em;font-weight:bold;}
.Date-Event  {background: #1c75bc;box-shadow:0px 10px 0px -6px #0e548c;height:auto;width:100%;margin:auto;}
.Day-Event   {color:#fff;float: left;font-family: helvetica;font-weight:lighter;margin:0;width:30%;text-align:center;font-size:4em;}
.Month-Event {font-weight: lighter;height: auto;margin:1em 0;width:35%;color: #FFFFFF;float: left;font-family: helvetica;text-align:center;font-size: 1.5em;}
.Content-Preview-Event {border:0;float:left;margin:0.5em auto auto;width:100%;}
.Img-Preview-Event {position:relative;z-index:1;opacity:0.8;border:0;margin:auto;width:80%;height:380px;}
.Text-Preview-Event {color:#4C4C4C;font-family:arial;font-size:1em;line-height:3rem;margin:12px auto;text-align: justify;width:100%;height: auto;overflow: auto;}
.EventsName-Field {float: left;font-family:helvetica;font-size: 14px;margin:0 0 2% 0;width:100%;font-weight:bold}
.EventName {color:#000000;float:left;margin:0;width:60%;font-family: 'Nanum Gothic', sans-serif;font-size:2.5em;font-weight:lighter;}
.EventsDescrip-Field {float:left;font-family:helvetica;font-size:14px;margin:2% 0;width:100%;font-weight:bold;}
.EventsDescrip {color:#38364c;float: left;font-family: helvetica;font-size: 16px;width:100%;}
.EventsBirthday-Condition {color: #E15428;float: left;font-family: tahoma;font-size: 16px;width: 50%;}
.SelectorWrapper {float:left;margin:1em 0;width:50%;padding:1%;text-align:left;font-family:helvetica;color:#000000;}
.Selector-editor-field {width:95%;float:left;margin-left:2%;}
.Selector-editor-field input {border:0;background:#d9d9d9;color:#000;height:40px;padding:2px 0 5px 2%;text-align: center;width:100%;}
.Selector-editor-label {width:95%;float:left;margin-left:2%;margin-bottom:5px;margin-top:5px;text-align:center;}
.SelectorWrapper-Birthday {background: url("/images/Sail-pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #B7B7B7;margin-bottom: 6px;margin-top: 6px;padding: 1%;width: 98%;}
.SelectorWrapper-Birthday label {color: #3E3E3E;float: left;font-family: helvetica;font-size: 1.3em;text-align: center;width: 100%;}
#filters {margin:10px auto;padding:15px;width:80%;}
#filters:hover {margin:10px auto;padding:15px;width:80%;}
.filtersList {float:left;margin-left:1%;margin-top:10px;}
}
        
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution: 144dpi) {
/* Styles */
.SelectorImage-Holder {margin:0;width:50%;float:right;padding:1em;}
.SelectorImage-Holder div     {margin:auto;width:100%;padding:0 0.5em;text-align:center;border:1px solid #cccccc;}
.SelectorImage-Holder div img {border:0;width:65%;margin:1rem 0 0;}
.SelectorImage-Holder div p   {text-align:center;}
#Event-Stamp {float:right;width:35%;border:0;}
/* search-bar */
.Search-Monitor              {margin:1em auto;width:85%;}
.Search-Monitor button       {float:right;margin:auto;width:11%;border:0;height:52px;border-radius:6px;background:#38364c;}
.Search-Monitor button:hover {float:right;margin:auto;width:11%;border:0;height:52px;border-radius:6px;background:#FF7033;}
.Search-Monitor button:focus {outline:0; text-decoration:none;}
.Search-Monitor button a     {margin:auto;width:100%;}
.Search-Monitor button svg   {color:#ffffff;font-size:2em;}
.Search-Monitor input        {float:left;margin:auto !important;color:#38364c !important;font-size:1.5em !important;padding:1em;width:84% !important;height:52px !important;
    border:2px solid #cccccc;border-radius:6px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}
.Search-Monitor input:focus {outline:0; text-decoration:none;}
#Search-Monitor-clear {float:right;padding:13px 10px;margin:0 2% 0 0;width:14%;color:#fe2c77;background:#fff;font-size:1.3em;cursor:pointer;
                      border:2px solid #cccccc;border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;}
.Search-Monitor-clear:focus {outline:0; text-decoration:none;}
#Search-Monitor-clear span {display:block;width:auto;float:right;margin:0 0 0 3%;}
#Search-Monitor-clear svg  {font-size:1.2em;color:#fe2c77 !important;}

#EventDetail-ImageWrapper {margin:0 2% 0 1em;float:right;width:37%;}
#EventDetail-ImageWrapper div{margin:auto;width:95%;}
#EventDetail-ImageWrapper div img{margin:10px 0 0;width:100%;box-shadow:0px 10px 0px -6px #bebebe;}
#EventDetail-ContentWrapper{background: #ffffc0;box-shadow:0px 10px 0px -6px #bebebe;float:left;width:48%;margin:0 0 0 5%;padding:0 0 2em;}
#ExcelImportButton           {margin:0.5em auto;width:100%;}
#ExcelImportButton a         {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton a:hover   {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton a:visited {position:relative;margin:0;width:100%;float:left;border:2px solid #92DD9C;color:#92DD9C;cursor:pointer;padding:10px 0;text-align:center;text-decoration:none;}
#ExcelImportButton svg       {position:absolute;right:3%;margin:0;font-size:1.5em;}
#MyListButton           {margin:0.5em auto;width:100%;}
#MyListButton a         {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton a:hover   {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton a:visited {position:relative;margin:0;width:100%;float:left;background:#ffffff;border:2px solid #545454;border-radius:5px;color:#38364c;font-size:1.2em;padding:10px 0;text-align:center;text-decoration:none;}
#MyListButton svg       {position:absolute;right:3%;margin:0;font-size:1.2em;}  
.Event-Preview_Wrapper {float:left;margin-left:3%;width:69%;}
.Event-ViewList-button {height:auto;margin: 10px auto 0;width: 350px;border: 0;}
.Event-ViewList-button a {color: #fff;float: left;font-family: helvetica;margin: auto;padding: 20px 0;text-align: center;text-decoration: none;width: 100%;background: rgb(228, 51, 66) none repeat scroll 0 0;border-color: rgb(226, 55, 134) rgb(193, 191, 192) rgb(193, 191, 192);border-image: none;border-radius: 30px;border-style: solid;border-width: 3px;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.Event-ViewList-button a:hover {color: #e3e3e3;float: left;font-family: helvetica;margin: auto;padding: 20px 0;text-align: center;text-decoration: none;width: 100%;background:rgb(248, 51, 66) none repeat scroll 0 0;border-color: rgb(226, 55, 134) rgb(193, 191, 192) rgb(193, 191, 192);border-image: none;border-radius: 30px;border-style: solid;border-width: 3px;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.Event-LeftContainer  {border:0;float:left;margin:1rem 0 0;padding:0 2%;width:100%;}
.Event-RightContainer {border:0;float:left;margin:0;padding:0 2%;width:100%;}
.EventsTitle {margin:auto;width:100%;padding:1%;}
.EventsContent {width:100%;margin:auto;}
.Events-Detail-Holder {box-shadow:0px 10px 0px -6px #c5b6ab;background:#e9e9e9;border-top-right-radius:15px;margin:auto;width:100%;padding:1em 0 0;}
.Preview-Event-Button       {position:relative;font-family:helvetica;font-size:1.6em;margin:5px auto;padding:0;text-align:left;text-decoration:none;width:100%;}
.Preview-Event-Button:hover {position:relative;font-family:helvetica;font-size:1.6em;margin:5px auto;padding:0;text-align:left;text-decoration:none;width:100%;}
.Preview-Event-Button a        {color:#ffffff;width:100%;float:left;text-decoration:none;background:#fdb221;padding:0.5em 0.5em 0.5em 1.2em;}
.Preview-Event-Button a:hover  {color:#393732;width:100%;float:left;text-decoration:none;background:#fdb221;}
.Preview-Event-Button a:active {color:#ffffff;width:100%;float:left;text-decoration:none;background:#fdb221;}
.Preview-Event-Button svg {position:absolute;right:3%;margin:5px 0 0 0;}
.Preview-Event {background:#ffffff;border:0;float:left;margin:1.5%;width:22%;box-shadow:0px 10px 0px -6px #bebebe;}
.Preview-Event-Title       {height:110px;overflow:hidden;float:left;width:100%;font-family:helvetica;font-weight:bold;text-align:center;font-size:1.5em;color:#3E3E3E;}
.Preview-Event-Title:hover {height:110px;overflow:hidden;float:left;width:100%;font-family:helvetica;font-weight:bold;text-align:center;font-size:1.5em;color:#000000;}
.Preview-Event-button-sendList       {background:#fdb221;border:0;border-radius:5px;margin:2% auto 0;width:100%;height:40px;padding:0;color:#ffffff;cursor:pointer;font-family:helvetica;font-size:1em;font-weight:bold;}
.Preview-Event-button-sendList:hover {background:#fdb221;border:0;border-radius:5px;margin:2% auto 0;width:100%;height:40px;padding:0;color:#393732;cursor:pointer;font-family:helvetica;font-size:1em;font-weight:bold;}
.Date-Event  {background: #1c75bc;box-shadow:0px 10px 0px -6px #0e548c;height:auto;width:100%;margin:auto;}
.Day-Event   {color:#fff;float: left;font-family: helvetica;font-weight:lighter;margin:0;width:30%;text-align:center;font-size:2.8em;}
.Month-Event {font-weight: lighter;height: auto;margin:1em 0;width:35%;color: #FFFFFF;float: left;font-family: helvetica;text-align:center;font-size: 1.2em;}
.Content-Preview-Event {border:0;float:left;margin:0.5em auto auto;width:100%;}
.Img-Preview-Event {position:relative;z-index:1;opacity:0.8;border:0;margin:auto;width:100%;height:310px;}
.Text-Preview-Event {color:#4C4C4C;font-family:arial;font-size:1em;line-height:3rem;margin:12px auto;text-align: justify;width:100%;height: auto;overflow: auto;}
.EventsName-Field {float: left;font-family:helvetica;font-size: 14px;margin:0 0 2% 0;width:100%;font-weight:bold}
.EventName {color:#000000;float:left;margin:0;width:60%;font-family: 'Nanum Gothic', sans-serif;font-size:2.5em;font-weight:lighter;}
.EventsDescrip-Field {float:left;font-family:helvetica;font-size:14px;margin:2% 0;width:100%;font-weight:bold;}
.EventsDescrip {color:#38364c;float: left;font-family: helvetica;font-size: 16px;width:100%;}
.EventsBirthday-Condition {color: #E15428;float: left;font-family: tahoma;font-size: 16px;width: 50%;}
.SelectorWrapper {float:left;margin:1em 0;width:50%;padding:1%;text-align:left;font-family:helvetica;color:#000000;}
.Selector-editor-field {width:95%;float:left;margin-left:2%;}
.Selector-editor-field input {border:0;background:#d9d9d9;color:#000;height:40px;padding:2px 0 5px 2%;text-align: center;width:100%;}
.Selector-editor-label {width:95%;float:left;margin-left:2%;margin-bottom:5px;margin-top:5px;text-align:center;}
.SelectorWrapper-Birthday {background: url("/images/Sail-pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #B7B7B7;margin-bottom: 6px;margin-top: 6px;padding: 1%;width: 98%;}
.SelectorWrapper-Birthday label {color: #3E3E3E;float: left;font-family: helvetica;font-size: 1.3em;text-align: center;width: 100%;}
#filters {margin:10px auto;padding:15px;width:80%;}
#filters:hover {margin:10px auto;padding:15px;width:80%;}
.filtersList {float:left;margin-left:1%;margin-top:10px;}
}