.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-collapse .nav-link {
    font-size: 16px;
}

.navbar-nav {
    margin: auto;
}


.Main {
  width: 1000px;
  height: inherit;
  margin: 0 auto;
  background-color: white; }

.img {
  display: block;
  margin: 0 auto; }

.body1 {
  display: block;
  margin: 0 auto;
  width: 100%; }

.center {
  margin: 0 auto;
  text-align: center; }

.line1 {
  width: 1000px;
  height: 1px;
  background-color: #FFF;
  box-shadow: 0 2px 3px #999999;
  margin: 10px auto; }

.lineTitle {
  margin: 17px auto 5px;
  height: 0px;
  /* box-shadow: 0 2px 3px #000; */
  border-bottom: 1px solid black; }

.line2 {
  bottom: 30px;
  position: absolute;
  height: 1px;
  background-color: #FFF;
  box-shadow: 0 2px 3px #999999;
  margin: 16px auto; }

.lineNews {
  height: 1px;
  background-color: #FFF;
  box-shadow: 0 1px 2px #999999;
  margin: 10px auto; }

.footer {
    /*bottom:0px;
        position:absolute;
	    text-align:center;
	    font-family: 'Lora', serif;
	    font-size:13px;
	    margin-top: 10px;*/
  padding: 10px;
  text-align: center;
  background-color: #694f29;
  font-family: Calibri;
  color: #FFF; }

line-separator {
  height: 1px;
  background: #717171;
  border-bottom: 1px solid #313030; }

table.login {
  background-color: lightgray;
  padding-right: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-left: 400px;
  margin-top: 180px;
  align-content: center; }

td.login {
  align-content: center;
  text-align: center; }

HeaderBlock {
  background-color: pink;
  display: block;
  overflow: hidden;
  width: 960px;
  height: 300px; }

div h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px; }

div main-logo {
  text-align: left; }

head {
  font-family: Arial;
  font-size: 40pt;
  background-color: #f90; }

Menu {
  padding: 100px 0;
  background: #FFF;
  /*border-bottom: 1px solid #222;*/
  line-height: 28px;
  /*border-bottom-color: #0054A8;*/
  text-align: center;
  font-family: "Comic Sans MS"; }

body {
  background-color: white;
  font-family: Lucida Sans;
  font-size: 10pt;
  margin: 0;
  padding: 0;
  height: 100%; }

@font-face {
  font-family: Gotham;
  src: url("Gotham Book.woff"); }
.main_menu, .main_menu:hover {
  background-color: #fff;
  color: #AD8646;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  /*'Lora', serif;*/
  font-size: 17px;
  /*font-weight: bold;*/ }

.main_menu:hover {
  /*background-color: #AD8646;*/
  color: #717171; }

.level_menu, .level_menu:hover {
  background-color: #fff;
  color: black;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin-top: 0px; }

.level_menu:hover {
  /*background-color: #ccc;*/
  color: grey; }

.selected, .selected:hover {
  /*background-color: #A6A6A6 !important;*/
  color: grey; }

.level2 {
  /*background-color: #f90;*/
  color: black;
  text-align: center; }

/* Added */
@font-face {
  font-family: HelveticaNeue;
  src: url(./Content/fonts/HelveticaNeueCond.ttf);
  font-weight: normal; }
@font-face {
  font-family: HelveticaNeue;
  src: url(./Content/fonts/HelveticaNeue-CondensedObl.otf);
  font-style: italic; }
@font-face {
  font-family: HelveticaNeue;
  src: url(./Content/fonts/HelveticaNeueLTStd-BlkCn.otf);
  font-weight: 900; }
@font-face {
  font-family: HelveticaNeue;
  src: url(./Content/fonts/HelveticaNeueLTStd-MdCn.otf);
  font-weight: bold; }
@font-face {
  font-family: HelveticaNeue;
  src: url(./Content/fonts/HelveticaNeueLTStd-MdCn.otf);
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: HelveticaNeue;
  src: url(./Content/fonts/HelveticaNeue-Thin.woff);
  font-weight: 100; }
@font-face {
  font-family: HelveticaNeue;
  src: url(./Content/fonts/HelveticaNeue-Light.woff);
  font-weight: 200; }
@font-face {
  font-family: HelveticaNeue;
  src: url(./Content/fonts/HelveticaNeue-ThinItalic.woff);
  font-weight: 200;
  font-style: italic; }
body {
  background-color: #bbb4a2;
  font-family: HelveticaNeue, "Lucida Sans", "Lucida Grande", "Segoe UI", sans-serif !important;
  font-size: 15px; }

.hidden {
  display: none; }

a:focus {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.global-button {
    display: inline-block;
    padding: 5px 20px;
    margin-bottom: 10px;
    min-width: 150px;
    text-transform: uppercase;
    color: #fff;
    //background-color: #977933;
    background-color: #143C89;
    font-weight: bold;
    border: none;
    outline: none;
}
    .global-button:hover {
        //background-color: #831dab;
        background-color: #831dab;
    }

input:not([type="file"]):not([type="submit"]), textarea, select {
  //padding: 2px 10px;
  background-color: transparent;
  border: 1px solid #000; }
    //input:not([type="file"]):not([type="submit"]):focus, textarea:focus, select:focus {
        //border-color: #000;
        //outline: none;
        //-webkit-box-shadow: none;
        //-moz-box-shadow: none;
        //box-shadow: none;
    //}
    input:not([type="file"]):not([type="submit"]):-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #333 inset;
        -webkit-text-fill-color: #000 !important;
    }

.MasterBox {
  border-color: black; }

.Css_Table {
  width: 100%;
  border: none; }
  .Css_Table tr {
    text-align: center; }
    .Css_Table tr:nth-child(even) {
      background-color: #dddddd; }
    .Css_Table tr:nth-child(odd) {
      background-color: #cacaca; }
    .Css_Table tr td:not(:last-child), .Css_Table tr th:not(:last-child) {
      border-right: 2px solid #fff; }
    .Css_Table tr th {
      padding: 5px 15px;
      background-color: #977933;
      color: #fff;
      text-align: center; }
    .Css_Table tr td {
      padding: 5px 15px; }

#header {
    background-color: #ffffff;
    border-bottom: 2px solid #0800ff;
}
  #header .header-container {
    position: relative;
    margin: 0 30px;
    height: 75px;
    line-height: 75px; }
    #header .header-container .header-logo {
      float: left; }
      #header .header-container .header-logo .header-logo-item {
        position: relative;
        display: block;
        margin: 0 15px;
        float: left; }
        #header .header-container .header-logo .header-logo-item.logo-pi {
          top: 15px; }
        #header .header-container .header-logo .header-logo-item.logo-ehelpdesk {
          top: 27px;
          margin-right: 0; }

#login-page, #forgot-page {
  position: absolute;
  top: 75px;
  right: 0;
  bottom: 0;
  left: 0;
  //background-image: url("./image/ehelpdesk-bg.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  #login-page > .container, #forgot-page > .container {
    height: 100%; }
    #login-page > .container > .row, #forgot-page > .container > .row {
      height: 100%; }
      #login-page > .container > .row > div, #forgot-page > .container > .row > div {
        height: 100%; }
  #login-page .login-container, #forgot-page .login-container {
    position: relative;
    top: 40%;
    color: black;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    #login-page .login-container .login-header, #forgot-page .login-container .login-header {
      font-size: 3em;
      font-weight: 900;
      text-transform: uppercase; }
    #login-page .login-container .login-form .login-content .login-input-container, #forgot-page .login-container .login-form .login-content .login-input-container {
      position: relative;
      margin: 20px 0;
      border-bottom: 2px solid black; }
      #login-page .login-container .login-form .login-content .login-input-container.username .login-icon, #forgot-page .login-container .login-form .login-content .login-input-container.username .login-icon {
        background-image: url("./image/social.png"); }
      #login-page .login-container .login-form .login-content .login-input-container.password .login-icon, #forgot-page .login-container .login-form .login-content .login-input-container.password .login-icon {
        background-image: url("./image/lock.png"); }
      #login-page .login-container .login-form .login-content .login-input-container .login-icon, #forgot-page .login-container .login-form .login-content .login-input-container .login-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 30px;
        background-repeat: no-repeat;
        background-position: center; }
      #login-page .login-container .login-form .login-content .login-input-container .login-input, #forgot-page .login-container .login-form .login-content .login-input-container .login-input {
        display: block;
        padding: 7px 15px 7px 45px;
        width: 100%;
        border: none;
        outline: none;
        background-color: transparent;
        color: #fff;
        font-size: 1.25em; }
        #login-page .login-container .login-form .login-content .login-input-container .login-input::-webkit-input-placeholder, #forgot-page .login-container .login-form .login-content .login-input-container .login-input::-webkit-input-placeholder {
          color: #fff; }
        #login-page .login-container .login-form .login-content .login-input-container .login-input:-moz-placeholder, #forgot-page .login-container .login-form .login-content .login-input-container .login-input:-moz-placeholder {
          color: #fff; }
        #login-page .login-container .login-form .login-content .login-input-container .login-input::-moz-placeholder, #forgot-page .login-container .login-form .login-content .login-input-container .login-input::-moz-placeholder {
          color: #fff; }
        #login-page .login-container .login-form .login-content .login-input-container .login-input:-ms-input-placeholder, #forgot-page .login-container .login-form .login-content .login-input-container .login-input:-ms-input-placeholder {
          color: #fff; }
    #login-page .login-container .login-form .login-content .login-buttons, #forgot-page .login-container .login-form .login-content .login-buttons {
      margin: 40px 0 20px; }
      #login-page .login-container .login-form .login-content .login-buttons .login-submit, #forgot-page .login-container .login-form .login-content .login-buttons .login-submit {
        font-size: 1.25em; }
    #login-page .login-container .login-form .login-content .login-forgot, #forgot-page .login-container .login-form .login-content .login-forgot {
      color: #fff;
      font-weight: bold;
      text-decoration: underline; }
    #login-page .login-container .login-form .login-content .login-label, #forgot-page .login-container .login-form .login-content .login-label {
      position: absolute;
      right: 0;
      left: 0;
      margin: 20px 0;
      padding: 0 15px;
      line-height: 30px;
      background-color: #F44336;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px; }

#forgot-page .login-header {
  font-size: 2em !important;
  white-space: nowrap; }

#change-page > form {
  height: 100%; }
#change-page .login-header {
  font-weight: 900;
  font-size: 2em !important;
  white-space: nowrap; }
#change-page .container {
  height: 100%; }
  #change-page .container > .row {
    height: 100%; }
    #change-page .container > .row > div {
      height: 100%; }
#change-page .login-container {
  position: relative;
  top: 40%;
  color: #fff;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  #change-page .login-container .login-header {
    font-size: 3em;
    text-transform: uppercase; }
  #change-page .login-container .login-form .login-content .login-input-container {
    position: relative;
    margin: 20px 0;
    border-bottom: 2px solid #fff; }
    #change-page .login-container .login-form .login-content .login-input-container.username .login-icon {
      background-image: url("./image/social.png"); }
    #change-page .login-container .login-form .login-content .login-input-container.password .login-icon {
      background-image: url("./image/lock.png"); }
    #change-page .login-container .login-form .login-content .login-input-container .login-icon {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 30px;
      background-repeat: no-repeat;
      background-position: center; }
    #change-page .login-container .login-form .login-content .login-input-container .login-input {
      display: block;
      padding: 7px 15px 7px 45px;
      width: 100%;
      border: none;
      outline: none;
      background-color: transparent;
      color: #fff;
      font-size: 1.25em; }
      #change-page .login-container .login-form .login-content .login-input-container .login-input::-webkit-input-placeholder {
        color: #fff; }
      #change-page .login-container .login-form .login-content .login-input-container .login-input:-moz-placeholder {
        color: #fff; }
      #change-page .login-container .login-form .login-content .login-input-container .login-input::-moz-placeholder {
        color: #fff; }
      #change-page .login-container .login-form .login-content .login-input-container .login-input:-ms-input-placeholder {
        color: #fff; }
  #change-page .login-container .login-form .login-content .login-buttons {
    margin: 40px 0 20px; }
    #change-page .login-container .login-form .login-content .login-buttons .login-submit {
      font-size: 1.25em; }
  #change-page .login-container .login-form .login-content .login-forgot {
    color: #fff;
    font-weight: bold;
    text-decoration: underline; }
  #change-page .login-container .login-form .login-content .login-label {
    position: absolute;
    right: 0;
    left: 0;
    margin: 20px 0;
    padding: 0 15px;
    line-height: 30px;
    background-color: #F44336;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

#home-page {
  position: absolute;
  top: 75px;
  right: 0;
  bottom: 0;
  left: 0;
  //background-image: url("./image/ehelpdesk-bg.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }

#menu .menu-container {
    position: relative;
    margin: 0 30px;
    line-height: 1.5;
    text-align: center;
}

    #menu .menu-container .menu-height {
        height: 75px;
        background-color: #ffffff;
        border-bottom: 1px solid black;
    }

    #menu .menu-container .menu-content {
        position: absolute;
        top: 0;
        right: 267px;
        left: 30px;
        height: 100%;
    }

        #menu .menu-container .menu-content > div:nth-of-type(1) {
            position: relative;
            top: 50%;
            float: none !important;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

            #menu .menu-container .menu-content > div:nth-of-type(1) > ul {
                float: none !important;
            }

                #menu .menu-container .menu-content > div:nth-of-type(1) > ul:focus {
                    outline: none;
                }

                #menu .menu-container .menu-content > div:nth-of-type(1) > ul > li {
                    display: inline-block;
                    float: none !important;
                }

                    /*#menu .menu-container .menu-content > div:nth-of-type(1) > ul > li:nth-child(10n) {
                        display: block;
                        visibility: hidden;
                        clear: left;
                        height: 0;
                    }*/

        #menu .menu-container .menu-content .menu-item {
            display: block;
            /*margin: 2px 5px;*/
            padding-right: 8px;
            padding-left: 8px;
            color: #000;
            font-size: 0.9em;
            font-weight: 200;
        }

            #menu .menu-container .menu-content .menu-item.selected {
                color: #eeebe4;
                background-color: #534942;
            }

            #menu .menu-container .menu-content .menu-item:hover {
                color: white;
                background-color: #977933;
            }

            #menu .menu-container .menu-content .menu-item.aspNetDisabled {
                color: #fff;
            }

    #menu .menu-container .header-logo {
        position: absolute;
        left: 30px;
    }

        #menu .menu-container .header-logo .header-logo-item {
            position: relative;
            display: block;
            margin: 0 15px;
            float: left;
        }

            #menu .menu-container .header-logo .header-logo-item.logo-pi {
                top: 15px;
            }

            #menu .menu-container .header-logo .header-logo-item.logo-ehelpdesk {
                top: 19px;
                margin-right: 0;
            }


.main-page {
  overflow: auto;
  position: absolute;
  top: 75px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color:white;
  //background-image: url("./image/ehelpdesk-bg.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed; }
  .main-page .main-page-inner-content {
    margin: 30px 0; }

#request-page .main-page-inner-content {
  background-color: #ffffff; }
  #request-page .main-page-inner-content #mytbl .request-coloumn {
    width: 50%;
    vertical-align: top;
    padding-bottom: 30px; }
    #request-page .main-page-inner-content #mytbl .request-coloumn:first-child {
      border-right: 1px solid #977933; }
    #request-page .main-page-inner-content #mytbl .request-coloumn > table {
      width: 80%; }
    #request-page .main-page-inner-content #mytbl .request-coloumn tr:not(:first-child) td {
      padding-left: 20px; }
    #request-page .main-page-inner-content #mytbl .request-coloumn .request-category {
      display: inline-block;
      margin-bottom: 20px;
      padding: 7px 10px;
      background-color: #977933;
      font-size: 1.25em;
      font-weight: 200;
      color: #fff; }
    #request-page .main-page-inner-content #mytbl .request-coloumn .request-item-title {
      position: relative;
      display: block;
      padding-left: 0px;
      font-size: 1.15em;
      font-weight: bold;
      transition: padding-left 300ms;
      -webkit-transition: padding-left 300ms;
      -moz-transition: padding-left 300ms;
      -o-transition: padding-left 300ms; }
      #request-page .main-page-inner-content #mytbl .request-coloumn .request-item-title > a {
        display: block;
        padding: 10px 0; }
        #request-page .main-page-inner-content #mytbl .request-coloumn .request-item-title > a:hover {
          text-decoration: none; }
        #request-page .main-page-inner-content #mytbl .request-coloumn .request-item-title > a:focus {
          text-decoration: none;
          color: #977933; }
      #request-page .main-page-inner-content #mytbl .request-coloumn .request-item-title:hover {
        padding-left: 15px;
        text-decoration: none;
        color: #977933; }
        #request-page .main-page-inner-content #mytbl .request-coloumn .request-item-title:hover:before {
          width: 10px; }
      #request-page .main-page-inner-content #mytbl .request-coloumn .request-item-title:before {
        content: '\00BB';
        position: absolute;
        top: 8px;
        left: 0;
        display: block;
        overflow: hidden;
        float: left;
        width: 0px;
        text-align: center;
        transition: width 300ms;
        -webkit-transition: width 300ms;
        -moz-transition: width 300ms;
        -o-transition: width 300ms; }

#list-detail-page h2, #input-page h2, #view-page h2 {
  margin: 0; }
#list-detail-page table, #input-page table, #view-page table {
  width: 100%; }
#list-detail-page .table-container td, #input-page .table-container td, #view-page .table-container td {
  vertical-align: top; }
#list-detail-page .table-container .table-container-column:first-child, #input-page .table-container .table-container-column:first-child, #view-page .table-container .table-container-column:first-child {
  width: 25%; }
#list-detail-page .table-container .table-container-column:last-child, #input-page .table-container .table-container-column:last-child, #view-page .table-container .table-container-column:last-child {
  max-width: 100%;
  min-width: 75%; }
#list-detail-page .table-container .table-sidebar, #input-page .table-container .table-sidebar, #view-page .table-container .table-sidebar {
  margin-right: 15px;
  background-color: #bbb4a2; }
  #list-detail-page .table-container .table-sidebar .table-menu-header, #input-page .table-container .table-sidebar .table-menu-header, #view-page .table-container .table-sidebar .table-menu-header {
    padding: 15px;
    font-size: 1.75em;
    text-transform: uppercase;
    border-bottom: 1px dashed #fff; }
  #list-detail-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu tr:last-child td, #input-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu tr:last-child td, #view-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu tr:last-child td {
    padding-bottom: 15px; }
  #list-detail-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td span, #input-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td span, #view-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td span {
    display: block; }
  #list-detail-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-category, #input-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-category, #view-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-category {
    margin: 15px 0 10px;
    padding: 0 15px;
    font-weight: bold; }
  #list-detail-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title, #input-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title, #view-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title {
    position: relative; }
    #list-detail-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title > a, #input-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title > a, #view-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title > a {
      display: block;
      padding: 7px 30px;
      color: #000;
      transition: padding-left 300ms;
      -webkit-transition: padding-left 300ms;
      -moz-transition: padding-left 300ms;
      -o-transition: padding-left 300ms; }
      #list-detail-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title > a:hover, #input-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title > a:hover, #view-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title > a:hover {
        padding-left: 40px;
        text-decoration: none;
        color: #977933; }
        #list-detail-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title > a:hover:before, #input-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title > a:hover:before, #view-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title > a:hover:before {
          width: 10px; }
      #list-detail-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title > a:before, #input-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title > a:before, #view-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title > a:before {
        content: '\00BB';
        position: absolute;
        left: 25px;
        display: block;
        overflow: hidden;
        float: left;
        width: 0px;
        height: 29px;
        text-align: center;
        transition: width 300ms;
        -webkit-transition: width 300ms;
        -moz-transition: width 300ms;
        -o-transition: width 300ms; }
    #list-detail-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title i, #input-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title i, #view-page .table-container .table-sidebar .table-sidebar-items #myTblListMenu td .side-request-item-title i {
      display: none; }
#list-detail-page .table-container .main-container, #input-page .table-container .main-container, #view-page .table-container .main-container {
    padding: 15px;
    //background-color: #bbb4a2;
    background-color: #ffffff;
    //border: 1px solid #000000;
}
  #list-detail-page .table-container .main-container .list-detail-form-item, #input-page .table-container .main-container .list-detail-form-item, #view-page .table-container .main-container .list-detail-form-item {
    padding: 5px 15px;
    height: 66px; }
    #list-detail-page .table-container .main-container .list-detail-form-item .list-detail-form-item-title > span, #input-page .table-container .main-container .list-detail-form-item .list-detail-form-item-title > span, #view-page .table-container .main-container .list-detail-form-item .list-detail-form-item-title > span {
      display: block;
      margin: 5px 0;
      font-size: 1.15em;
      text-transform: uppercase; }
    #list-detail-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input input[type="text"], #input-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input input[type="text"], #view-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input input[type="text"] {
      padding: 2px 10px;
      background-color: transparent;
      border: 1px solid black; }
      #list-detail-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input input[type="text"]:focus, #input-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input input[type="text"]:focus, #view-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input input[type="text"]:focus {
        border-color: #fff;
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
    #list-detail-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input input[type="submit"], #input-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input input[type="submit"], #view-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input input[type="submit"] {
      margin: 20px 5px; }
      #list-detail-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input input[type="submit"]:first-child, #input-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input input[type="submit"]:first-child, #view-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input input[type="submit"]:first-child {
        margin-left: 0; }
    #list-detail-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input #RequestDate_From, #list-detail-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input #RequestDate_To, #input-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input #RequestDate_From, #input-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input #RequestDate_To, #view-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input #RequestDate_From, #view-page .table-container .main-container .list-detail-form-item .list-detail-form-item-input #RequestDate_To {
      min-width: 105px; }
  #list-detail-page .table-container .main-container .data, #input-page .table-container .main-container .data, #view-page .table-container .main-container .data {
    border: none; }
    #list-detail-page .table-container .main-container .data th, #input-page .table-container .main-container .data th, #view-page .table-container .main-container .data th {
      padding: 5px 15px;
      border: none;
      background-color: #977933;
      color: #fff;
      text-transform: uppercase; }
    #list-detail-page .table-container .main-container .data tr:nth-child(even), #input-page .table-container .main-container .data tr:nth-child(even), #view-page .table-container .main-container .data tr:nth-child(even) {
      background-color: #fff; }
    #list-detail-page .table-container .main-container .data tr:nth-child(odd), #input-page .table-container .main-container .data tr:nth-child(odd), #view-page .table-container .main-container .data tr:nth-child(odd) {
      background-color: #cacaca; }
    #list-detail-page .table-container .main-container .data tr td, #input-page .table-container .main-container .data tr td, #view-page .table-container .main-container .data tr td {
      padding: 5px 15px;
      border: none; }

#input-page .main-container input[type="text"]:not(#RequestDate_To):not(#RequestDate_From) {
  /*width: 200px !important;*/ 
}
#input-page .main-container input[type="radio"] {
  //position: relative;
  vertical-align:top;
  top: 2px;
  margin: 5px 10px 5px 0; }
#input-page .main-container #RequestDate_To, #input-page .main-container #RequestDate_From {
  width: 120px !important;
  text-align: center; }
#input-page .main-container #RequestDelivery_1 {
}
#input-page .main-container label {
  margin: 0; }
#input-page .main-container #mytbl td:first-child {
  min-width: 110px; }
#input-page .main-container #mytbl td:nth-child(2) {
  text-align: center; }
#input-page .main-container #mytbl td:not(.Css_Label):nth-child(2) {
  padding: 5px 5px; }
#input-page .main-container #mytbl .Css_Title {
  display: block;
  padding: 10px 0;
  font-weight: bold;
  font-size: 1.15em; }
#input-page .main-container #mytbl1 td {
  padding: 10px 0; }

#view-page .main-container #mytbl input[type="submit"] {
  margin: 20px 0; }
#view-page .main-container #mytbl td:first-child {
  width: 200px; }
#view-page .main-container #mytbl td:nth-child(2) {
  width: 20px;
  text-align: center; }
#view-page .main-container #mytbl td:not(.Css_Label):nth-child(2) {
  padding: 5px 5px; }
#view-page .main-container #mytbl .Css_Title {
  display: block;
  padding: 10px 0;
  font-weight: bold;
  font-size: 1.15em; }
#view-page .main-container #Tbl_HistoryApproval {
  float: right;
  width: 200px;
  border: none; }
  #view-page .main-container #Tbl_HistoryApproval th {
    padding: 5px 10px;
    border: none;
    background-color: #977933;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8em;
    white-space: nowrap; }
  #view-page .main-container #Tbl_HistoryApproval tr:nth-child(even) {
    background-color: #dddddd; }
  #view-page .main-container #Tbl_HistoryApproval tr:nth-child(odd) {
    background-color: #cacaca; }
  #view-page .main-container #Tbl_HistoryApproval tr td {
    padding: 5px 15px;
    border: none; }

#tenant-sop #tenant-sop-page > form {
  height: 100%; }
#tenant-sop .main-page-inner-content {
  margin: 0;
  height: 100%; }
  #tenant-sop .main-page-inner-content > .container {
    height: 100%; }
    #tenant-sop .main-page-inner-content > .container .table-container {
      position: relative;
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  #tenant-sop .main-page-inner-content .sop-download-container {
    margin: auto;
    width: 600px;
    text-align: center; }
    #tenant-sop .main-page-inner-content .sop-download-container .sop-download-title {
      display: none;
      padding: 10px 0;
      background-color: #977933;
      color: #fff;
      text-transform: uppercase;
      font-size: 1.25em;
      font-weight: 200; }
    #tenant-sop .main-page-inner-content .sop-download-container .sop-download-button {
      padding: 30px 0 60px;
      background-color: #bbb4a2; }
      #tenant-sop .main-page-inner-content .sop-download-container .sop-download-button .sop-book-icon {
        margin: 0px auto 30px;
        width: 200px;
        height: 200px;
        background: center no-repeat url("./image/book102.png");
        background-size: 125%; }
      #tenant-sop .main-page-inner-content .sop-download-container .sop-download-button .global-button {
        font-size: 2em; }
#tenant-sop .Css_Table {
  margin: auto;
  width: 80% !important;
  -webkit-box-shadow: 0 0 15px -3px #000;
  -moz-box-shadow: 0 0 15px -3px #000;
  box-shadow: 0 0 15px -3px #000; }
  #tenant-sop .Css_Table tr th, #tenant-sop .Css_Table tr td {
    width: 33%;
    padding: 8px 15px; }

#news-page .news-main-page {
  padding-bottom: 30px;
  background-color: #bbb4a2; }
#news-page .news-menu {
  background-color: #998c6a; }
  #news-page .news-menu .news-menu-list {
    list-style: none;
    margin: 0 0 0 249px;
    padding: 0; }
    #news-page .news-menu .news-menu-list .news-menu-item {
      display: block;
      float: left;
      padding: 7px 15px;
      color: #fff;
      font-weight: bold;
      text-transform: uppercase; }
      #news-page .news-menu .news-menu-list .news-menu-item:hover {
        text-decoration: none; }
      #news-page .news-menu .news-menu-list .news-menu-item:focus {
        text-decoration: none; }
      #news-page .news-menu .news-menu-list .news-menu-item.active {
        color: #000; }
#news-page .news-container {
  margin: 0 20px; }
  #news-page .news-container .news-item {
    width: 100%; }
    #news-page .news-container .news-item .news-image-container {
        width: 400px;
    }
        #news-page .news-container .news-item .news-image-container .news-image {
            width: 400px;
        }
    #news-page .news-container .news-item .news-content-container {
      padding: 0px 30px; }
      #news-page .news-container .news-item .news-content-container > table {
        position: relative;
        width: 100%; }
      #news-page .news-container .news-item .news-content-container .news-title {
        display: block;
        margin: 0 0 10px;
        font-size: 1.5em;
        font-weight: bold;
        color: #000; }
        #news-page .news-container .news-item .news-content-container .news-title:hover {
          color: #977933;
          text-decoration: none; }
        #news-page .news-container .news-item .news-content-container .news-title:focus {
          text-decoration: none; }
      #news-page .news-container .news-item .news-content-container .news-date {
        position: absolute;
        top: 3px;
        right: 0;
        font-size: 1.25em;
        font-weight: 200; }
      #news-page .news-container .news-item .news-content-container .news-content {
        display: block;
        text-align: justify; }
  #news-page .news-container .separator {
    height: 35px; }
  #news-page .news-container .global-button {
    float: right;
    margin-right: 30px; }

#news-detail-page .news-detail-container {
  padding: 30px;
  background-color: #bbb4a2; }
  #news-detail-page .news-detail-container .news-detail-main {
    vertical-align: top;
    padding-right: 30px; }
    #news-detail-page .news-detail-container .news-detail-main .news-detail-image-container {
      margin-bottom: 30px; }
      #news-detail-page .news-detail-container .news-detail-main .news-detail-image-container .news-detail-image {
        width: 100%;
        /*height: 350px;*/
        overflow: hidden; }
        #news-detail-page .news-detail-container .news-detail-main .news-detail-image-container .news-detail-image .img-popup {
          position: relative;
          top: 50%;
          width: 100%;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
    #news-detail-page .news-detail-container .news-detail-main .news-title-container {
      position: relative;
      padding: 15px 0; }
      #news-detail-page .news-detail-container .news-detail-main .news-title-container .news-detail-title {
        display: block;
        font-size: 1.5em;
        color: #000;
        text-transform: uppercase; }
      #news-detail-page .news-detail-container .news-detail-main .news-title-container .news-detail-date {
        position: absolute;
        top: 18px;
        right: 0;
        font-size: 1.25em; }
    #news-detail-page .news-detail-container .news-detail-main .news-detail-content {
      display: block;
      text-align: justify; }
  #news-detail-page .news-detail-container .news-detail-side {
    vertical-align: top;
    width: 300px; }
    #news-detail-page .news-detail-container .news-detail-side .news-detail-button {
      display: block;
      padding: 5px 0px;
      width: 100%;
      border: 1px solid #000;
      text-transform: uppercase;
      text-align: center;
      background-color: transparent; }
    #news-detail-page .news-detail-container .news-detail-side .other-news-items {
      margin: 20px 0;
      max-height: 640px;
      overflow-y: auto;
      overflow-x: hidden; }
      #news-detail-page .news-detail-container .news-detail-side .other-news-items::-webkit-scrollbar {
        width: 10px; }
      #news-detail-page .news-detail-container .news-detail-side .other-news-items::-webkit-scrollbar-track {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; }
      #news-detail-page .news-detail-container .news-detail-side .other-news-items::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.8); }
      #news-detail-page .news-detail-container .news-detail-side .other-news-items .other-news-item {
        position: relative; }
        #news-detail-page .news-detail-container .news-detail-side .other-news-items .other-news-item:hover .other-news-title-container {
          opacity: 1;
          cursor: pointer; }
          #news-detail-page .news-detail-container .news-detail-side .other-news-items .other-news-item:hover .other-news-title-container .other-news-title {
            top: 50%; }
        #news-detail-page .news-detail-container .news-detail-side .other-news-items .other-news-item .other-news-image-container {
          width: 300px;
          height: 200px;
          background-position: center;
          background-size: cover; }
          #news-detail-page .news-detail-container .news-detail-side .other-news-items .other-news-item .other-news-image-container .other-news-image {
            opacity: 0;
            display: block;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            border: none; }
        #news-detail-page .news-detail-container .news-detail-side .other-news-items .other-news-item .other-news-title-container {
          opacity: 0;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.7);
          pointer-events: none;
          transition: opacity 300ms;
          -webkit-transition: opacity 300ms;
          -moz-transition: opacity 300ms;
          -o-transition: opacity 300ms; }
          #news-detail-page .news-detail-container .news-detail-side .other-news-items .other-news-item .other-news-title-container .other-news-title {
            position: relative;
            top: 40%;
            display: block;
            margin: 0 20px;
            padding: 5px 10px;
            border: 1px solid #fff;
            color: #fff;
            text-transform: uppercase;
            text-align: center;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            transition: top 300ms;
            -webkit-transition: top 300ms;
            -moz-transition: top 300ms;
            -o-transition: top 300ms; }
      #news-detail-page .news-detail-container .news-detail-side .other-news-items .separator {
        height: 20px; }
        #news-detail-page .news-detail-container .news-detail-side .other-news-items .separator:last-child {
          display: none; }

#contact-page .main-page-inner-content {
    margin-top: 65px;
}

#contact-page .main-page-inner-content {
    margin-top: 65px;
}

#contact-page .container {
    position: relative;
    background-color: #bbb4a2;
}

    #contact-page .container .contact-tab {
        position: absolute;
        top: -30px;
        left: 0;
        padding: 0 45px;
        background-color: #977933;
        font-size: 1.25em;
        font-weight: 200;
        text-transform: uppercase;
        line-height: 30px;
        color: #fff;
    }

    #contact-page .container .contact-content {
        padding: 30px 20px;
    }

        #contact-page .container .contact-content .contact-table {
            width: 100%;
        }

            #contact-page .container .contact-content .contact-table td {
                vertical-align: top;
                padding: 10px;
                font-size: 0.9em;
                white-space: nowrap;
            }

            #contact-page .container .contact-content .contact-table .row {
                margin: 0;
            }

                #contact-page .container .contact-content .contact-table .row > div {
                    padding: 0;
                }

                    #contact-page .container .contact-content .contact-table .row > div:first-child {
                        border-left: 0px solid #fff;
                    }

            #contact-page .container .contact-content .contact-table .contact-table-inner-content {
                display: block;
                margin-left: 15px;
            }

            #contact-page .container .contact-content .contact-table .icon {
                position: relative;
                left: 7px;
                margin: 5px 0;
                width: 100%;
                height: 20px;
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
            }

            #contact-page .container .contact-content .contact-table .contact-id-container {
                padding: 0;
                text-align: left;
                /*margin-bottom: 10px;*/
                margin-top: 10px;
            }

                #contact-page .container .contact-content .contact-table .contact-id-container .contact-id {
                    display: block;
                    position: relative;
                    top: -1px;
                    /*float: right;
          width: 50px;*/
                    height: 30px;
                    font-size: 1.25em;
                    line-height: 30px;
                    color: #000;
                    text-align: center;
                    background-color: #fff;
                }

            #contact-page .container .contact-content .contact-table .contact-title-container {
                border: 0px solid #fff;
                border-right: none;
            }

                #contact-page .container .contact-content .contact-table .contact-title-container .row > div {
                    border-left: none;
                }

                #contact-page .container .contact-content .contact-table .contact-title-container .icon {
                    display: inline-block;
                    vertical-align: middle;
                    left: -1px;
                    margin-right: 13px;
                    width: 20px;
                    background-image: url(./image/Phone-icon.png);
                }

            #contact-page .container .contact-content .contact-table .contact-person-container {
                border: 0px solid #fff;
                border-right: none;
                border-left: none;
            }

                #contact-page .container .contact-content .contact-table .contact-person-container .icon {
                    /*top: 18px;*/
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 4px;
                    margin-right: 13px;
                    width: 20px;
                    background-image: url(./image/social.png);
                }

            #contact-page .container .contact-content .contact-table .contact-mail-container {
                border: 0px solid #fff;
                border-right: none;
                border-left: none;
            }

                #contact-page .container .contact-content .contact-table .contact-mail-container .icon {
                    /*top: 18px;*/
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 4px;
                    margin-right: 13px;
                    width: 20px;
                    background-image: url(./image/Email-icon.png);
                }

            #contact-page .container .contact-content .contact-table .separator td {
                height: 20px;
            }


#promo-page .promo-table {
  width: 100%; }
  #promo-page .promo-table td {
    vertical-align: top; }
  #promo-page .promo-table .promo-menu {
    width: 30%; }
    #promo-page .promo-table .promo-menu .promo-menu-container {
      margin-right: 15px;
      max-height: 503px;
      overflow: auto; }
      #promo-page .promo-table .promo-menu .promo-menu-container::-webkit-scrollbar {
        width: 10px; }
      #promo-page .promo-table .promo-menu .promo-menu-container::-webkit-scrollbar-track {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background: #bbb4a2; }
      #promo-page .promo-table .promo-menu .promo-menu-container::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.8); }
    #promo-page .promo-table .promo-menu .promo-menu-content {
      background-color: #bbb4a2; }
      #promo-page .promo-table .promo-menu .promo-menu-content .promo-menu-title {
        display: block; }
        #promo-page .promo-table .promo-menu .promo-menu-content .promo-menu-title > a {
          display: block;
          padding: 10px 15px;
          text-transform: uppercase;
          font-size: 1.25em;
          font-weight: 200;
          color: #000; }
          #promo-page .promo-table .promo-menu .promo-menu-content .promo-menu-title > a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #977933; }
            #promo-page .promo-table .promo-menu .promo-menu-content .promo-menu-title > a:hover:before {
              width: 10px; }
          #promo-page .promo-table .promo-menu .promo-menu-content .promo-menu-title > a:focus {
            text-decoration: none; }
          #promo-page .promo-table .promo-menu .promo-menu-content .promo-menu-title > a:before {
            content: '';
            display: block;
            overflow: hidden;
            float: left;
            width: 0px;
            height: 35px;
            text-align: center;
            transition: width 300ms;
            -webkit-transition: width 300ms;
            -moz-transition: width 300ms;
            -o-transition: width 300ms; }
  #promo-page .promo-table .promo-content {
    width: 70%; }
    #promo-page .promo-table .promo-content iframe {
      width: 100%;
      height: 503px;
      border: none;
      outline: none;
      background-color: #bbb4a2; }

#promo-detail .promo-detail-content {
  padding: 30px;
  height: 503px;
  /*overflow: hidden;*/
  background-color: #bbb4a2; }
  #promo-detail .promo-detail-content .promo-image-container {
    position: relative;
    margin: 0 0 20px;
    width: 100%;
    height: 350px;
    overflow: hidden; }
    #promo-detail .promo-detail-content .promo-image-container .promo-image {
      display: block;
      margin: auto;
      width: auto;
      height: 350px; }
    #promo-detail .promo-detail-content .promo-image-container .promo-button {
      position: absolute;
      top: 50%;
      width: 30px;
      height: 62px;
      border: none;
      outline: none;
      color: #fff;
      font-size: 2em;
      background-color: rgba(0, 0, 0, 0.8);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      #promo-detail .promo-detail-content .promo-image-container .promo-button.prev-button {
        left: 0; }
      #promo-detail .promo-detail-content .promo-image-container .promo-button.next-button {
        right: 0; }
  #promo-detail .promo-detail-content .promo-title {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em; }
  #promo-detail .promo-detail-content .promo-desc {
        align-content:center;
        font-size: 1em;
    }
  #promo-detail .promo-detail-content .promo-button {
    margin: 20px 0;
    float: right; }

#opening-store-page .news-menu {
  background-color: #998c6a; }
  #opening-store-page .news-menu .news-menu-list {
    list-style: none;
    margin: 0 0 0 249px;
    padding: 0; }
    #opening-store-page .news-menu .news-menu-list .news-menu-item {
      display: block;
      float: left;
      padding: 7px 15px;
      color: #fff;
      font-weight: bold;
      text-transform: uppercase; }
      #opening-store-page .news-menu .news-menu-list .news-menu-item:hover {
        text-decoration: none; }
      #opening-store-page .news-menu .news-menu-list .news-menu-item:focus {
        text-decoration: none; }
      #opening-store-page .news-menu .news-menu-list .news-menu-item.active {
        color: #000; }
#opening-store-page .opening-table-container {
  position: absolute;
  top: 35px;
  right: 0px;
  bottom: 0px;
  left: 0px; }
  #opening-store-page .opening-table-container .opening-table {
    width: 100%;
    height: 100%; }
    #opening-store-page .opening-table-container .opening-table td {
      vertical-align: top; }
    #opening-store-page .opening-table-container .opening-table .opening-image-container {
      overflow: hidden;
      position: relative;
      width: 55%;
      height: 100%; }
      #opening-store-page .opening-table-container .opening-table .opening-image-container .opening-image-inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
      #opening-store-page .opening-table-container .opening-table .opening-image-container .opening-image {
        position: absolute;
        left: 50%;
        width: auto;
        height: 100%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
    #opening-store-page .opening-table-container .opening-table .opening-detail-container {
      position: relative;
      padding: 30px;
      width: 45%;
      background-color: #bbb4a2; }
      #opening-store-page .opening-table-container .opening-table .opening-detail-container .opening-title {
        display: block;
        margin: 0 0 30px;
        text-transform: uppercase;
        font-size: 2em;
        font-weight: 900; }
      #opening-store-page .opening-table-container .opening-table .opening-detail-container .opening-button {
        position: absolute;
        right: 30px;
        bottom: 0;
        padding: 30px 0;
        text-align: right; }

#notifications {
  position: static; }
  #notifications.open .notifications-button:before {
    background-color: #755711;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  #notifications .notifications-button {
    position: absolute;
    right: 5px;
    bottom: 0px;
    padding: 0 0 32px 0;
    width: 50px;
    height: 0px;
    font-size: 0.7em;
    border: none;
    outline: none;
    color: #fff;
    text-align: center;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    #notifications .notifications-button.empty-notification {
      color: transparent; }
      #notifications .notifications-button.empty-notification:active {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important; }
      #notifications .notifications-button.empty-notification:after {
        background-color: transparent; }
    #notifications .notifications-button:hover:before {
      background-color: #755711; }
    #notifications .notifications-button:active {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      #notifications .notifications-button:active:before {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    #notifications .notifications-button:before {
      content: '';
      position: absolute;
      right: 25px;
      bottom: 0px;
      z-index: -1;
      padding: 0;
      width: 25px;
      height: 25px;
      background-color: #977933;
      background-image: url(./image/notification-white.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 16px; }
    #notifications .notifications-button:after {
      content: '';
      position: absolute;
      top: 0px;
      right: 17px;
      z-index: -1;
      width: 16px;
      height: 16px;
      background-color: #F44336;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      border-radius: 100px; }
  #notifications #notif-list {
    right: 30px;
    padding: 0;
    overflow: auto;
    max-height: 324px;
    min-width: 350px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
    #notifications #notif-list::-webkit-scrollbar {
      width: 7px; }
    #notifications #notif-list::-webkit-scrollbar-track {
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      background: rgba(0, 0, 0, 0.2); }
    #notifications #notif-list::-webkit-scrollbar-thumb {
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      background: rgba(0, 0, 0, 0.2); }
    #notifications #notif-list > li {
      padding: 10px; }
      #notifications #notif-list > li:nth-child(even) {
        background-color: #fff; }
      #notifications #notif-list > li:nth-child(odd) {
        background-color: #eee; }
      #notifications #notif-list > li:hover {
        background-color: #dddddd; }
      #notifications #notif-list > li > img {
        margin-right: 15px;
        width: 60px !important;
        height: 60px !important;
        float: left;
        display: block; }
      #notifications #notif-list > li > a {
        clear: none;
        padding: 0 15px 5px;
        line-height: 20px;
        font-weight: bold;
        background-color: transparent; }
        #notifications #notif-list > li > a:hover {
          background-color: transparent; }
        #notifications #notif-list > li > a:focus {
          border: none;
          outline: none;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
      #notifications #notif-list > li > span {
        display: block;
        font-size: 0.9em;
        line-height: 1.5;
        min-height: 36px; }
        #notifications #notif-list > li > span > p {
          margin: 0; }

#upcoming-page .news-menu {
  background-color: #998c6a; }
  #upcoming-page .news-menu .news-menu-list {
    list-style: none;
    margin: 0 0 0 249px;
    padding: 0; }
    #upcoming-page .news-menu .news-menu-list .news-menu-item {
      display: block;
      float: left;
      padding: 7px 15px;
      color: #fff;
      font-weight: bold;
      text-transform: uppercase; }
      #upcoming-page .news-menu .news-menu-list .news-menu-item:hover {
        text-decoration: none; }
      #upcoming-page .news-menu .news-menu-list .news-menu-item:focus {
        text-decoration: none; }
      #upcoming-page .news-menu .news-menu-list .news-menu-item.active {
        color: #000; }
#upcoming-page .main-page-inner-content {
  margin-top: 0px; }
  #upcoming-page .main-page-inner-content .container {
    background-color: #bbb4a2; }
#upcoming-page .upcoming-items {
  padding: 30px; }
  #upcoming-page .upcoming-items .upcoming-item {
    padding: 15px; }
    #upcoming-page .upcoming-items .upcoming-item .upcoming-title {
      display: block; }
    #upcoming-page .upcoming-items .upcoming-item .upcoming-date {
      display: block; }

#service-page .service-item {
  margin: 0 0 30px; }
  #service-page .service-item .service-item-content {
    overflow: hidden;
    margin: auto;
    width: 80%;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0; }
    #service-page .service-item .service-item-content .service-title-container .service-title {
      display: block;
      padding: 15px 0;
      width: 100%;
      background-color: #998c6a;
      font-size: 1.15em;
      font-weight: bold;
      text-align: center;
      color: #000; }
      #service-page .service-item .service-item-content .service-title-container .service-title:focus {
        text-decoration: none; }
      #service-page .service-item .service-item-content .service-title-container .service-title:hover {
        text-decoration: none; }
    #service-page .service-item .service-item-content .service-image-container {
      width: 100%;
      height: 250px;
      background-color: #bbb4a2;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
    #service-page .service-item .service-item-content .service-desc-container {
      padding: 15px;
      background-color: #fff; }

#service-detail-page .service-title-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 250px;
  background-color: #977933; }
  #service-detail-page .service-title-container .service-title-content {
    padding: 0 15%;
    height: 100%; }
    #service-detail-page .service-title-container .service-title-content .service-title {
      display: block;
      position: relative;
      top: 50%;
      font-size: 3em;
      font-weight: 100;
      color: #fff;
      font-style: italic;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }

#service-detail-page .service-content-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 250px;
  overflow: auto;
  background-color: #bbb4a2; }
  #service-detail-page .service-content-container .promo-image-container {
        position: relative;
        margin: 0 0 20px;
        width: 100%;
        height: 350px;
        overflow: hidden;
  }
    #service-detail-page .service-content-container .promo-image-container .promo-image {
        display: block;
        margin: auto;
        width: auto;
        height: 350px;
    }
    #service-detail-page .service-content-container .promo-image-container .promo-button {
        position: absolute;
        top: 50%;
        width: 30px;
        height: 62px;
        border: none;
        outline: none;
        color: #fff;
        font-size: 2em;
        background-color: rgba(0, 0, 0, 0.8);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
        #service-detail-page .service-content-container .promo-image-container .promo-button.prev-button {
            left: 0;
        }

        #service-detail-page .service-content-container .promo-image-container .promo-button.next-button {
            right: 0;
        }
  #service-detail-page .service-content-container .service-image-container {
    overflow: hidden;
    width: 100%;
    height: 300px; }
    #service-detail-page .service-content-container .service-image-container .service-image {
      display: block;
      position: relative;
      top: 50%;
      width: 100%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  #service-detail-page .service-content-container .service-desc-container {
    padding: 20px;
    font-size: 1.25em; }

/*# sourceMappingURL=StyleSheet.css.map */
.GridPager a,
.GridPager span {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    border: 1px solid #3AC0F2;
}