/* bootstrap - start */
.dropdown-menu>li>a
{
    color:#333 !important;
}

.modal-backdrop
{
    background-color:rgba(0, 0, 0, .5);
}

.modal-body img
{
    max-width:100%;
}

.modal-body td
{
    border-color:white !important;
}

.modal-footer {
    border-top:none;
}

.modal-footer .btn {
    background-color:#25b8fc;
    border-color:#25b8fc;
    color:black;
}

.modal-header {
    border-bottom:none;
}
/* bootstrap - end */

/* jquery-ui - start */
.ui-accordion .ui-accordion-header
{
    margin:0px;
    padding:0px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon
{
    left:initial;
    right:.5em;
}

.ui-accordion .ui-accordion-icons
{
    padding-left:0px;
}

.ui-accordion .ui-state-default,
.ui-accordion .ui-widget-content
{
    border:none;
}
/* jquery-ui - end */

/* jquery-mobile - start */
.ui-overlay-a,
.ui-page-theme-a
{
    text-shadow:none !important;
}

.ui-page-theme-a a
{
    font-weight:normal;
}
/* jquery-mobile - end */

/* google icon - start */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v55/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;/*
  font-size: 24px;
  line-height: 1;*/
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;

  /*fix IE bug - start*/
  font-feature-settings: 'liga';
  /*fix IE bug - end*/
}
/* google icon - end */

body,
button
{
    font-family:helvetica, arial, sans-serif, Microsoft JhengHei !important;
}

button .loading_animation
{
    background:url("/public/image/spin_16.svg") no-repeat;
    display:inline-block;
    vertical-align: middle;
    width:16px;
    height:16px;
}

.btn-deepskyblue {
  background-color: #25b8fc;
  border-color: #25b8fc;
  color: white;
}
.btn-deepskyblue:hover,
.btn-deepskyblue:focus,
.btn-deepskyblue:active,
.btn-deepskyblue.active {
  background-color: #125c7e;
  border-color: #125c7e;
  color: white;
}
.btn-deepskyblue.disabled:hover,
.btn-deepskyblue.disabled:focus,
.btn-deepskyblue.disabled:active,
.btn-deepskyblue.disabled.active,
.btn-deepskyblue[disabled]:hover,
.btn-deepskyblue[disabled]:focus,
.btn-deepskyblue[disabled]:active,
.btn-deepskyblue[disabled].active,
fieldset[disabled] .btn-deepskyblue:hover,
fieldset[disabled] .btn-deepskyblue:focus,
fieldset[disabled] .btn-deepskyblue:active,
fieldset[disabled] .btn-deepskyblue.active {
  background-color: #25b8fc;
  border-color: #25b8fc;
  color: white;
}

.btn-black {
  background-color: black;
  border-color: white;
  color: white;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active {
  background-color: #333333;
  border-color: white;
  color: white;
}
.btn-black.disabled:hover,
.btn-black.disabled:focus,
.btn-black.disabled:active,
.btn-black.disabled.active,
.btn-black[disabled]:hover,
.btn-black[disabled]:focus,
.btn-black[disabled]:active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black:hover,
fieldset[disabled] .btn-black:focus,
fieldset[disabled] .btn-black:active,
fieldset[disabled] .btn-black.active {
  background-color: black;
  border-color: white;
  color: white;
}

.btn-grey {
  background-color: #595959;
  border-color: #595959;
  color: white;
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active {
  background-color: #2c2c2c;
  border-color: #2c2c2c;
  color: white;
}
.btn-grey.disabled:hover,
.btn-grey.disabled:focus,
.btn-grey.disabled:active,
.btn-grey.disabled.active,
.btn-grey[disabled]:hover,
.btn-grey[disabled]:focus,
.btn-grey[disabled]:active,
.btn-grey[disabled].active,
fieldset[disabled] .btn-grey:hover,
fieldset[disabled] .btn-grey:focus,
fieldset[disabled] .btn-grey:active,
fieldset[disabled] .btn-grey.active {
  background-color: #595959;
  border-color: #595959;
  color: white;
}

.btn-deepskyblue,
.btn-default,
.btn-grey
{
    font-weight:bold;
}

select:invalid { color: gray; }

.ui-dialog .ui-dialog-buttonpane .ui-button
{
    background:#1769ff;
    border:0px solid #1769ff;
    border-radius:5px;
    color:white;
    display:inline-block;
    font-size:12px;
    min-width:80px;
    text-align:center;
    margin: 2px 2px 2px 0;
    padding:8px;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:not(:last-child)
{
    margin-right:6px;
}

.ui-dialog .ui-dialog-buttonpane .ui-button .ui-button-text
{
    padding:0px;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:hover
{
    background:#5944c0;
    cursor:pointer;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:disabled
{
    background:gray;
}

.ui-widget-overlay {
    background: #000000;
    opacity: .5;
    filter: Alpha(Opacity=50); /* support: IE8 */
}

.loading_animation
{
    background:url("/public/image/spin_32.svg") no-repeat;
    background-size:cover;
    display:inline-block;
    width:30px;
    height:30px;
}

.loading_animation_small
{
    background:url("/public/image/spin_16.svg") no-repeat;
    background-size:cover;
    display:inline-block;
    width:16px;
    height:16px;
}

.text_align_center
{
    text-align:center;
}

.text_align_right
{
    text-align:right;
}

table.text_align_center > tbody > tr > td
{
    text-align:center;
}

.valign_middle
{
    vertical-align:middle;
}

table.valign_middle > tbody > tr > td
{
    vertical-align:middle;
}

.valign_top
{
    vertical-align:top;
}

table.valign_top > tbody > tr > td
{
    vertical-align:top;
}









/*
.ui-page
{
    background:#e8e8e8 !important;
}
*/
.app_frame
{
    display:block;
    margin:0px auto;
    min-width:990px;
    position:relative;
    width:100%;
}

.app_frame > .frame_container
{
    margin:0px auto;
    position:relative;
    width:990px;
}







.pws_tabs_list {
    overflow:auto;
    padding:10px;
}

.pws_tabs_container.pws_tabs_responsive.pws_theme_cga3 .pws_responsive_small_menu {
    background-color:white;
    color:#333333;
}

.pws_tabs_container.pws_tabs_responsive.pws_theme_cga3 .pws_responsive_small_menu a:hover {
    color:black;
}

.pws_tabs_container.pws_theme_cga3 {
    font-size:inherit;
}

.pws_tabs_container.pws_theme_cga3 ul.pws_tabs_controll {
    background-color:white;
    border-bottom:1px solid #999999;
}

.pws_tabs_horizontal.pws_theme_cga3 ul.pws_tabs_controll li {
    font-size:16px;
    text-align:center;
}

.pws_tabs_vertical.pws_theme_cga3 .pws_tabs_list {
    border-left:1px #e6e6e6 solid;
    min-height:500px;
}

.pws_tabs_container.pws_theme_cga3 ul.pws_tabs_controll li a {
    background-color:white;
    color:#999999;
    font-size:inherit;
    padding:10px 10px 5px 10px;
    width:100%;
}

@keyframes keyframes__pws_tabs__pws_theme_cga3__controll__item__onfocus {
    0% { border-bottom:4px solid #999999; color:#999999; }
    100% { border-bottom:4px solid #1769ff; color:#1769ff; }
}

.pws_tabs_container.pws_theme_cga3 ul.pws_tabs_controll li a:hover {
    animation: keyframes__pws_tabs__pws_theme_cga__controll__item__onfocus linear 0.3s;
    border-bottom:4px solid #1769ff;
    color:#1769ff;
    font-weight:bold;
}

.pws_tabs_container.pws_theme_cga3 ul.pws_tabs_controll li a.pws_tab_active {
    animation: none;
    background-color:white;
    border-bottom:4px solid #783cc7;
    color:#783cc7;
    font-weight:bold;
}



input[type="text"].search_lightgrey
{
    background-image: url("/public/image/theme/lightgrey/icon_search_16.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
    padding:5px 15px 5px 30px;
}

#App_NewsIndex_area .news_collection > .news {
    position:relative;
}

#App_NewsIndex_area .news_collection > .news:first-child {
    margin-top:5px;
}

#App_NewsIndex_area .news_collection > .news.panel {
    margin-bottom:15px;
}

#App_NewsIndex_area .news_collection > .news .brief {
    color:#999999;
    font-size:12px;
}

#App_NewsIndex_area .news_collection > .news .dropdown {
    cursor:pointer;
}

#App_NewsIndex_area .news_collection > .news .dropdown > .material-icons {
    font-size:initial;
}

#App_NewsIndex_area .news_collection > .news .dropdown > .material-icons:hover {
    opacity:.8;
    filter:Alpha(Opacity=80); /* support: IE8 */
}

#App_NewsIndex_area .news_collection > .news .title a {
    font-weight:bold;
}

#App_NewsIndex_newsTabs.pws_tabs_list {
    min-height:70vh;
}



#App_topnav
{
    background:#783cc7;
    color:white;
    display:block;
    font-size:18px;
    height:40px;
    line-height:40px;
    margin:0px auto;
    position:fixed;
    top:0px;
    vertical-align:middle;
    width:100%;
    z-index:3;
}

#App_topnav.introjs-fixParent
{
    z-index:3;
    z-index:3 !important;
}

#App_topnav + .below_topnav
{
    height:40px;
}

#App_topnav .inner_area
{
    margin:0 auto;
}

#App_topnav .inner_area > *
{
    height:100%;
    padding: 0 2px;
    vertical-align: middle;
}

#App_topnav .inner_area > *:hover
{
    background:rgba(0, 0, 0, 0.3);
}

#App_topnav .inner_area a
{
    color:white;
    display:inline-block;
    height:100%;
}

#App_topnav .inner_area a > *,
#App_topnav .inner_area [data-toggle="dropdown"]
{
    vertical-align: middle;
}

#App_topnav .inner_area button
{
    line-height:normal;
}

#App_topnav .inner_area .apps_menu,
#App_topnav .inner_area .start_menu
{
    display:inline-block;
    font-size:26px;
    line-height:30px;
    width: 30px;
    text-align:center;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

#App_topnav .inner_area .apps_menu.active,
#App_topnav .inner_area .start_menu.active
{
    opacity: 1;
    filter: Alpha(Opacity=100); /* support: IE8 */
}

#App_Topnav_startMenu
{
    cursor:pointer;
}

#App_Topnav_startMenu .dropdown-menu li a,
#App_Topnav_startMenu .dropdown-menu li a .glyphicon
{
    color:#333333;
    line-height:30px;
}

#App_Topnav_startMenu .dropdown-menu li a
{
    width:100%;
}