﻿.theme-sv .indexView__roadFamily { background: url(../../../templates/default/images/themes/sv/background/bg-block.png) no-repeat right top, url(../../../templates/default/images/background/bg-roadFamily.png) no-repeat center bottom, #fff }
.indexView__roadFamily__cover { position: relative }
.indexView__roadFamily__cover img { width: 100%; border-top-right-radius: 8px; border-top-left-radius: 8px }
.indexView__roadFamily__cover__text { background-color: rgba(26, 101, 172, .8); color: #fff; text-align: center; letter-spacing: 2px; text-shadow: 2px 2px 3px #616161; width: 100%; font-size: 1.1rem; bottom: -1px; position: absolute; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; line-height: 20px; padding: 7px 5px }
.indexView__roadFamily-sv li:before { background-image: url("../images/ico-list-sv.png") }
.theme-sv .indexView__roadFamily-sv li a { color: #924d00 }
.theme-mo .indexView__roadFamily-sv li a { color: #924d00 }
.theme-tn .indexView__roadFamily-sv li a { color: #924d00 }
.theme-sv .indexView__roadFamily-sv li a:hover { color: #de7600 }
.theme-mo .indexView__roadFamily-sv li a:hover { color: #de7600 }
.theme-tn .indexView__roadFamily-sv li a:hover { color: #de7600 }
@media screen and (max-width:1199px) {
    .indexView__roadFamily-sv { margin-bottom: 30px }
}
.indexView__roadFamily-mo li:before { background-image: url("../images/ico-list-mo.png") }
.theme-sv .indexView__roadFamily-mo li a { color: #074e30 }
.theme-mo .indexView__roadFamily-mo li a { color: #074e30 }
.theme-tn .indexView__roadFamily-mo li a { color: #074e30 }
.theme-sv .indexView__roadFamily-mo li a:hover { color: #10ae6b }
.theme-mo .indexView__roadFamily-mo li a:hover { color: #10ae6b }
.theme-tn .indexView__roadFamily-mo li a:hover { color: #10ae6b }
@media screen and (max-width:1199px) {
    .indexView__roadFamily-mo { margin-bottom: 30px }
}
.indexView__roadFamily-tn li:before { background-image: url("../images/ico-list-tn.png") }
.indexView__roadFamily-tn li a { color: #463899 }
.indexView__roadFamily-tn li a:hover { color: #814bec }
.indexView__roadFamily__info p { font-size: 1rem; margin: 11px 2px; letter-spacing: 1px }
@media screen and (max-width:1199px) {
    .indexView__roadFamily__info { margin-bottom: 30px }
}
.indexView__roadFamily__goToThbSite { padding-right: 5px; display: block; border-bottom: 1px dotted #616161; padding-bottom: 4px; text-align: right }
.indexView__roadFamily__goToThbSite__icon { vertical-align: baseline; margin-right: 3px }
.indexView__roadFamily ul { margin-top: 10px }
.indexView__roadFamily ul li { border-bottom: 1px dotted #616161; padding-left: 18px; padding-bottom: 2px; margin-bottom: 7px; position: relative; line-height: 20px }
.indexView__roadFamily ul li:before { content: " "; display: block; width: 9px; height: 14px; position: absolute; top: 3px; left: 5px; background-repeat: no-repeat }
.indexView__roadFamily a { font-size: .95rem }
@media screen and (max-width:991px) {
    .indexView__roadFamily { display: none }
}
.sitemapView { font-size: 1.1em; padding: 20px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); border-radius: 4px }
.theme-sv .sitemapView { background: url(../../../templates/default/images/themes/sv/background/bg-block.png) no-repeat right top, #fff }
.theme-mo .sitemapView { background: url(../../../templates/default/images/themes/mo/background/bg-block.png) no-repeat right top, #fff }
.sitemapView .enp1 { line-height: 28px }
.sitemapView .enp1-bold { font-weight: bold; font-size: 1.1em }
.theme-sv .sitemapView .enp1-bold { color: #1b88da }
.theme-mo .sitemapView .enp1-bold { color: #1b88da }
.theme-tn .sitemapView .enp1-bold { color: #1b88da }
.sitemapView .enp3 { color: #fff; display: inline-block; padding: 3px 8px; float: left; margin-right: 8px; border-radius: 3px }
.theme-sv .sitemapView .enp3 { background-color: #1b88da }
.theme-mo .sitemapView .enp3 { background-color: #1b88da }
.theme-tn .sitemapView .enp3 { background-color: #1b88da }
.sitemapView__info { margin-bottom: 20px; margin-top: 25px }
.sitemapView__list { border-radius: 3px; margin-bottom: 15px }
.theme-sv .sitemapView__list { border-bottom: 1px dotted #f18d1c }
.theme-mo .sitemapView__list { border-bottom: 1px dotted #10ae6b }
.theme-tn .sitemapView__list { border-bottom: 1px dotted #814bec }
.sitemapView__list__title { padding: 5px 10px }
.theme-sv .sitemapView__list__title { border-bottom: 3px solid #f18d1c }
.theme-mo .sitemapView__list__title { border-bottom: 3px solid #10ae6b }
.theme-tn .sitemapView__list__title { border-bottom: 3px solid #814bec }
.sitemapView__list__title a { letter-spacing: 1px; font-weight: bold; font-size: 1.1em }
.theme-sv .sitemapView__list__title a { color: #f18d1c }
.theme-mo .sitemapView__list__title a { color: #10ae6b }
.theme-tn .sitemapView__list__title a { color: #814bec }
.sitemapView__list__item { padding: 10px; background-color: #fbfaf6 }
.sitemapView__list__item li { margin-bottom: 15px }
.sitemapView__list__item li ul { margin-top: 5px }
.sitemapView__list__item li ul li { padding: 3px 13px; margin-bottom: 0 }
.sitemapView__list__item li:last-child { margin-bottom: 0 }
.sitemapView__list__item-main { padding: 5px 10px }
.theme-sv .sitemapView__list__item-main { color: #de7600 }
.theme-mo .sitemapView__list__item-main { color: #0d945b }
.theme-tn .sitemapView__list__item-main { color: #4e3fac }
.theme-sv .sitemapView__list__item-main:hover { color: #f18d1c }
.theme-mo .sitemapView__list__item-main:hover { color: #10ae6b }
.theme-tn .sitemapView__list__item-main:hover { color: #814bec }
.catalogView ul li { border-radius: 3px; margin-bottom: 12px }
.theme-sv .catalogView ul li { border: 1px solid #f8c994 }
.theme-mo .catalogView ul li { border: 1px solid #94d4bc }
.catalogView ul li a { font-weight: bold; display: block; padding: 8px 10px }
.theme-sv .catalogView ul li a { background: url("../images/background/bg-mainlinks-info.png") repeat scroll 0 0 #fbf4ed }
.theme-mo .catalogView ul li a { background: url("../images/background/bg-mainlinks-info.png") repeat scroll 0 0 #f1fbed }
.theme-sv .catalogView ul li a { color: #b56000 }
.theme-mo .catalogView ul li a { color: #0a6e44 }
.theme-tn .catalogView ul li a { color: #40348e }
.theme-sv .catalogView ul li a:hover { color: #375691 }
.theme-mo .catalogView ul li a:hover { color: #375691 }
.theme-tn .catalogView ul li a:hover { color: #375691 }
.catalogView ul li ul { padding: 10px }
.catalogView ul li ul li { border: 0 !important; margin-bottom: 0 }
.catalogView ul li ul li a { font-weight: normal; background: transparent !important; padding: 4px 10px; padding-left: 18px }
.privacyView__title { font-size: 1.3em; font-weight: bold; letter-spacing: 1px; margin-top: 20px; margin-bottom: 6px }
.theme-sv .privacyView__title { color: #de7600 }
.theme-mo .privacyView__title { color: #0d945b }
.theme-tn .privacyView__title { color: #4e3fac }
.privacyView__info { font-size: 1.1em; line-height: 28px }
.privacyView__item { background-color: #f5f3e9; padding: 10px 5px; margin: 5px 0 15px 0 }
.privacyView ul { list-style-type: square; padding-left: 22px }
.privacyView ul li { margin-bottom: 8px; color: #b1b1b1 }
.privacyView ul li span { color: #383838 }
.privacyView ol { padding-left: 28px }
.privacyView ol li { margin-bottom: 5px; font-weight: bold }
.theme-sv .privacyView ol li { color: #de7600 }
.theme-mo .privacyView ol li { color: #0d945b }
.theme-tn .privacyView ol li { color: #4e3fac }
.privacyView ol li:last-child { margin-bottom: 0 }
.privacyView ol li span { font-weight: normal; color: #272727 }
.copyrightView__title { font-size: 1.3em; font-weight: bold; letter-spacing: 1px; margin-top: 20px; margin-bottom: 6px }
.theme-sv .copyrightView__title { color: #de7600 }
.theme-mo .copyrightView__title { color: #0d945b }
.theme-tn .copyrightView__title { color: #4e3fac }
.copyrightView__item { background-color: #f5f3e9; padding: 10px 5px; margin: 5px 0 15px 0 }
.copyrightView ul { list-style-type: square; padding-left: 22px }
.copyrightView ul li { margin-bottom: 8px; color: #b1b1b1 }
.copyrightView ul li span { color: #383838 }
.copyrightView ol { padding-left: 28px }
.copyrightView ol li { margin-bottom: 5px; font-weight: bold }
.theme-sv .copyrightView ol li { color: #de7600 }
.theme-mo .copyrightView ol li { color: #0d945b }
.theme-tn .copyrightView ol li { color: #4e3fac }
.copyrightView ol li:last-child { margin-bottom: 0 }
.copyrightView ol li span { font-weight: normal; color: #272727 }
.infoSecurityView { font-size: 1.1em; padding: 20px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); border-radius: 4px }
.theme-sv .infoSecurityView { background: url(../../../templates/default/images/themes/sv/background/bg-block.png) no-repeat right top, #fff }
.infoSecurityView__title { font-size: 1.3em; font-weight: bold; letter-spacing: 1px; margin-top: 20px; margin-bottom: 6px }
.theme-sv .infoSecurityView__title { color: #de7600 }
.theme-mo .infoSecurityView__title { color: #0d945b }
.theme-tn .infoSecurityView__title { color: #4e3fac }
.infoSecurityView__title-2 { margin-bottom: 5px; font-size: 1.1em; letter-spacing: 1px; color: #383838; font-weight: bold }
.infoSecurityView__item { background-color: #f5f3e9; padding: 10px 5px; margin: 5px 0 15px 0 }
.infoSecurityView__list { list-style-type: square; padding-left: 22px }
.infoSecurityView__list li { margin-bottom: 8px; color: #b1b1b1 }
.infoSecurityView__list li span { color: #383838 }
.infoSecurityView__list-2 { background-color: #f5f3e9; list-style-type: none; padding: 15px 10px; margin-bottom: 25px }
.infoSecurityView__list-2 li span { font-size: 1.1rem; font-weight: bold; padding-left: 8px }
.theme-sv .infoSecurityView__list-2 li span { color: #de7600 }
.theme-mo .infoSecurityView__list-2 li span { color: #0d945b }
.theme-tn .infoSecurityView__list-2 li span { color: #4e3fac }
.infoSecurityView__list-2 ul { margin: 8px 3px; padding: 8px 25px; background-color: #fff; list-style-type: disc; margin-bottom: 15px }
.infoSecurityView__list-2 ul li { padding: 2px 0 }
.theme-sv .infoSecurityView__list-2 ul li { color: #f5b164 }
.theme-mo .infoSecurityView__list-2 ul li { color: #20ea95 }
.theme-tn .infoSecurityView__list-2 ul li { color: #b190f3 }
.infoSecurityView__list-2 ul li span { font-size: 1em; color: #383838 !important; font-weight: normal; padding-left: 0 }
.infoSecurityView__list-2 ul ol { margin: 5px 0; padding-left: 20px }
.theme-sv .infoSecurityView__list-2 ul ol li { color: #924d00 }
.theme-mo .infoSecurityView__list-2 ul ol li { color: #074e30 }
.theme-tn .infoSecurityView__list-2 ul ol li { color: #352a74 }
.opendataDeclareView { font-size: 1.1em; padding: 20px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); border-radius: 4px }
.opendataDeclareView__list { list-style-type: square; padding-left: 22px }
.opendataDeclareView__list li { margin-bottom: 8px }
.theme-sv .opendataDeclareView__list li { color: #de7600 }
.theme-mo .opendataDeclareView__list li { color: #0d945b }
.theme-tn .opendataDeclareView__list li { color: #4e3fac }
.opendataDeclareView__list li span, .opendataDeclareView__list li p { color: #383838 }
.opendataDeclareView__list li ol { padding: 8px 5px; padding-left: 30px }
.theme-sv .opendataDeclareView__list li ol { background-color: #f3efec }
.theme-mo .opendataDeclareView__list li ol { background-color: #ecf3ec }
.theme-tn .opendataDeclareView__list li ol { background-color: #74c17f }
.opendataDeclareView__list li ol li { margin-bottom: 5px }
.opendataDeclareView__list li ol li:last-child { margin-bottom: 0 }
.opendataDeclareView__list__title { color: #383836; font-size: 1.2rem; font-weight: bold; margin-bottom: 6px }
.newsListView__rss { padding: 10px 0; padding-left: 30px; letter-spacing: 1px; display: inline-block; margin-left: 8px }
.theme-sv .newsListView__rss { background: url(../../default/images/themes/sv/ico-rss.png) no-repeat left }
.theme-mo .newsListView__rss { background: url(../../default/images/themes/mo/ico-rss.png) no-repeat left }
.theme-sv .newsListView__rss:hover { color: #de7600 }
.theme-mo .newsListView__rss:hover { color: #0d945b }
.theme-tn .newsListView__rss:hover { color: #4e3fac }
.newsDetailsView .list-group { margin-bottom: 8px }
.mediaplayerListView__wrapper { position: relative; margin-top: 15px; box-shadow: 7px 7px 0 -3px #cecece; border: 2px solid #cecece; border-radius: 3px; -moz-transition: border .2s ease-in; -o-transition: border .2s ease-in; -webkit-transition: border .2s ease-in; transition: border .2s ease-in }
.theme-sv .mediaplayerListView__wrapper:hover { border-color: #f18d1c !important }
.theme-mo .mediaplayerListView__wrapper:hover { border-color: #10ae6b !important }
.theme-tn .mediaplayerListView__wrapper:hover { border-color: #814bec !important }
.mediaplayerListView__wrapper .media-pix { overflow: hidden }
.mediaplayerListView__wrapper .media-pix i { position: absolute; left: 45%; top: 40%; font-size: 3rem; color: rgba(255, 255, 255, .7); z-index: 10 }
.mediaplayerListView__wrapper img { border-radius: 3px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .5s ease-in-out }
.mediaplayerListView__wrapper:hover img { -webkit-transform: scale(1.3); transform: scale(1.3) }
.mediaplayerListView__item { padding: 0 !important }
.mediaplayerListView__item__info { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.mediaplayerListView__item__title { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 8px; margin-right: 35px; position: absolute; top: 4px; left: 0; z-index: 9; letter-spacing: 1px; padding: 4px 10px; color: #fff }
.theme-sv .mediaplayerListView__item__title { background-color: rgba(222, 118, 0, .8) }
.theme-mo .mediaplayerListView__item__title { background-color: rgba(13, 148, 91, .8) }
.theme-tn .mediaplayerListView__item__title { background-color: rgba(78, 63, 172, .8) }
.mediaplayerListView__item__title:after { top: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-width: 8px; margin-left: -8px }
.theme-sv .mediaplayerListView__item__title:after { border-top-color: rgba(222, 118, 0, .8) }
.theme-mo .mediaplayerListView__item__title:after { border-top-color: rgba(13, 148, 91, .8) }
.theme-tn .mediaplayerListView__item__title:after { border-top-color: rgba(78, 63, 172, .8) }
.mediaplayerDetailsView table { background-color: #fff }
.theme-sv .mediaplayerDetailsView table tbody tr th { color: #b5650b }
.theme-mo .mediaplayerDetailsView table tbody tr th { color: #0a6840 }
.theme-tn .mediaplayerDetailsView table tbody tr th { color: #5616d4 }
.theme-sv .mediaplayerDetailsView table tbody tr th { background: url(../images/background/bg-mainlinks-info.png) repeat scroll 0 0 #fbf4ed; color: #b5650b }
.theme-mo .mediaplayerDetailsView table tbody tr th { background: url(../images/background/bg-mainlinks-info.png) repeat scroll 0 0 #e5f5ee; color: #0a6840 }
.mediaplayerDetailsView .table-hover>tbody>tr:hover { background-color: #fdfbf9 }
.mediaplayerDetailsView .table-bordered>tbody>tr>th { border: 1px solid #dac5ae }
.mediaplayerDetailsView .RadMediaPlayer .rmpTitleBar { z-index: 2 }
.albumListView__wrapper { position: relative; border-radius: 8px }
.albumListView__wrapper .zoom-pix { overflow: hidden; position: relative }
.albumListView__wrapper .zoom-pix::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg) }
.albumListView__wrapper .zoom-pix:hover::before { -webkit-animation: shine .75s; animation: shine .75s }
@-webkit-keyframes shine {
    100% { left: 125% }
}
@keyframes shine {
    100% { left: 125% }
}
.albumListView__wrapper img { border-radius: 6px; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out }
.theme-sv .albumListView__wrapper:hover { border-color: #de7600 !important; box-shadow: 3px 3px 10px -3px rgba(222, 118, 0, .78) }
.theme-mo .albumListView__wrapper:hover { border-color: #0d945b !important; box-shadow: 3px 3px 10px -3px rgba(13, 148, 91, .78) }
.theme-tn .albumListView__wrapper:hover { border-color: #4e3fac !important; box-shadow: 3px 3px 10px -3px rgba(78, 63, 172, .78) }
.albumListView__wrapper:hover img { opacity: .7 }
.albumListView .searchField-basic .form-group .keyword { width: 290px }
@media screen and (max-width:767px) {
    .albumListView .searchField-basic .form-group .keyword { width: 100% }
}
.albumListView__item { padding: 0 !important }
.albumListView__title { color: #fff !important; padding: 3px 8px !important; padding-right: 13px !important; position: absolute; bottom: 15px; margin-right: 25px; border-bottom-right-radius: 12px; border-top-right-radius: 3px; box-shadow: 2px 2px 15px -6px #424242 }
.theme-sv .albumListView__title { background-color: rgba(222, 118, 0, .8) }
.theme-mo .albumListView__title { background-color: rgba(13, 148, 91, .8) }
.theme-tn .albumListView__title { background-color: rgba(78, 63, 172, .8) }
.albumDetailsView table { background-color: #fff }
.theme-sv .albumDetailsView table tbody tr th { color: #b5650b }
.theme-mo .albumDetailsView table tbody tr th { color: #0a6840 }
.theme-tn .albumDetailsView table tbody tr th { color: #5616d4 }
.theme-sv .albumDetailsView table tbody tr th { background: url(../images/background/bg-mainlinks-info.png) repeat scroll 0 0 #fbf4ed }
.theme-mo .albumDetailsView table tbody tr th { background: url(../images/background/bg-mainlinks-info.png) repeat scroll 0 0 #e5f3e5 }
.albumDetailsView .table-hover>tbody>tr:hover { background-color: #fdfbf9 }
.albumDetailsView .table-bordered>tbody>tr>th { border: 1px solid #dac5ae }
.faqView { font-size: 1.1em; padding: 20px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); border-radius: 4px }
.theme-sv .faqView { background: url(../../../templates/default/images/themes/sv/background/bg-block.png) no-repeat right top, #fff }
.theme-sv .faqView__title i { color: #de7600 }
.theme-mo .faqView__title i { color: #0d945b }
.theme-tn .faqView__title i { color: #4e3fac }
.faqView__content { background-color: #fbf6f2; color: #1f1f1f; padding: 12px 18px; margin-top: 5px; line-height: 25px }
.faqView ul { list-style-type: none; padding-left: 10px }
.faqView ul li { margin-bottom: 12px }
.theme-sv .faqListView .stitle i { color: #de7600 }
.theme-mo .faqListView .stitle i { color: #0d945b }
.theme-tn .faqListView .stitle i { color: #4e3fac }
.faqListView .pdesc { color: #1f1f1f; padding: 12px 18px; margin-top: 5px; line-height: 25px }
.theme-sv .faqListView .pdesc { background-color: #fbf6f2 }
.theme-mo .faqListView .pdesc { background-color: #ecf3ec }
.faqListView ul { list-style-type: none; padding-left: 10px }
.faqListView ul li { margin-bottom: 12px }
.mobileAppView__title { font-size: 1.4rem; letter-spacing: 1px; font-weight: bold; margin-top: 5px }
.theme-sv .mobileAppView__title { color: #de7600 }
.theme-mo .mobileAppView__title { color: #0d945b }
.theme-tn .mobileAppView__title { color: #4e3fac }
.mobileAppView__item { border-top: 1px dotted #616161; margin: 0 10px; padding: 20px 0 }
.mobileAppView__item:first-child { border-top: 0 }
.mobileAppView__info { line-height: 25px; margin-top: 10px }
.mobileAppView__unit { margin-top: 4px; display: inline-block; padding: 0 5px; padding-top: 2px }
.theme-sv .mobileAppView__unit { color: #de7600; border: 1px solid #de7600 }
.theme-mo .mobileAppView__unit { color: #0d945b; border: 1px solid #0d945b }
.theme-tn .mobileAppView__unit { color: #4e3fac; border: 1px solid #4e3fac }
.mobileAppView__qrcode { text-align: center }
.mobileAppView__qrcode span { width: auto !important }
.mobileAppView__qrcode__link { display: block; border-radius: 5px; margin-top: 12px; padding: 3px 5px; color: #fff; -moz-transition: background-color .2s ease-in; -o-transition: background-color .2s ease-in; -webkit-transition: background-color .2s ease-in; transition: background-color .2s ease-in }
.theme-sv .mobileAppView__qrcode__link { background-color: #de7600 }
.theme-mo .mobileAppView__qrcode__link { background-color: #0d945b }
.theme-tn .mobileAppView__qrcode__link { background-color: #4e3fac }
.mobileAppView__qrcode__link:hover { color: #fff }
.theme-sv .mobileAppView__qrcode__link:hover { background-color: #f18d1c }
.theme-mo .mobileAppView__qrcode__link:hover { background-color: #10ae6b }
.theme-tn .mobileAppView__qrcode__link:hover { background-color: #814bec }
.flipbookListView__item { padding: 0; box-shadow: 5px 4px 0 -1px #d2cecc; border: 2px solid #d2cecc; border-radius: 5px; background: url(../images/background/bg-mainlinks-info.png) repeat scroll 0 0 rgba(239, 233, 228, .43) }
.theme-sv .flipbookListView__item:hover, .theme-sv .flipbookListView__item:focus { box-shadow: 5px 4px 8px -4px #452500; border: 2px solid #f18d1c; border-color: #f18d1c !important }
.theme-mo .flipbookListView__item:hover, .theme-mo .flipbookListView__item:focus { box-shadow: 5px 4px 8px -4px #010705; border: 2px solid #10ae6b; border-color: #10ae6b !important }
.theme-tn .flipbookListView__item:hover, .theme-tn .flipbookListView__item:focus { box-shadow: 5px 4px 8px -4px #1b163c; border: 2px solid #814bec; border-color: #814bec !important }
.flipbookListView__item .thumbnail .caption { padding: 3px 5px; padding-top: 8px }
.flipbookListView__item .zoom-pix { background: #fff; padding: 5px }
.flipbookListView__item .caption { background: url(../../default/images/bg-publication-item.jpg) }
.flipbookListView__title { color: #fff; font-weight: bold; text-align: center; letter-spacing: 1px }
.theme-sv .flipbookDetailsView table tbody tr th { color: #b5650b }
.theme-mo .flipbookDetailsView table tbody tr th { color: #0a6840 }
.theme-tn .flipbookDetailsView table tbody tr th { color: #5616d4 }
.theme-mo .flipbookDetailsView table tbody tr th { background: url(../images/background/bg-mainlinks-info.png) repeat scroll 0 0 #e5f5ee; color: #0a6840 }
.theme-sv .flipbookDetailsView table tbody tr th { background: url(../images/background/bg-mainlinks-info.png) repeat scroll 0 0 #fbf4ed }
.flipbookDetailsView .table-hover>tbody>tr:hover { background-color: #fdfbf9 }
.theme-sv .flipbookDetailsView .table-bordered>tbody>tr>th { border: 1px solid #f3efec }
.theme-mo .flipbookDetailsView .table-bordered>tbody>tr>th { border: 1px solid #ecf3ec }
.theme-tn .flipbookDetailsView .table-bordered>tbody>tr>th { border: 1px solid #74c17f }
.flipbookDetailsView__cover { width: 40%; display: inline-block; -moz-box-shadow: 0 18px 18px -11px rgba(51, 51, 51, .4); -webkit-box-shadow: 0 18px 18px -11px rgba(51, 51, 51, .4); box-shadow: 0 18px 18px -11px rgba(51, 51, 51, .4) }
.surveyDetailsView .alert { padding: 10px 12px }
.surveyDetailsView .alert-warning { line-height: 24px }
.theme-sv .surveyDetailsView .alert-warning { color: #c56800; background-color: #f3efec; border-color: darkedn(#f3efec, 10%) }
.theme-mo .surveyDetailsView .alert-warning { color: #0b7d4d; background-color: #ecf3ec; border-color: darkedn(#ecf3ec, 10%) }
.theme-tn .surveyDetailsView .alert-warning { color: #463899; background-color: #74c17f; border-color: darkedn(#74c17f, 10%) }
.surveyDetailsView .alert-success { color: #292929; background-color: #ddeaf7; border-color: #b7d1ea }
.surveyDetailsView .alert input[type=checkbox], .surveyDetailsView .alert input[type=radio] { margin: 4px 4px 4px 0 }
.surveyDetailsView__btn { border: 0; -moz-transition: background-color .2s ease-in; -o-transition: background-color .2s ease-in; -webkit-transition: background-color .2s ease-in; transition: background-color .2s ease-in; box-shadow: 2px 2px 11px -3px #616161 }
.theme-sv .surveyDetailsView__btn { background-color: #375691 }
.theme-mo .surveyDetailsView__btn { background-color: #375691 }
.theme-tn .surveyDetailsView__btn { background-color: #375691 }
.theme-sv .surveyDetailsView__btn:hover { background-color: #1b88da }
.theme-mo .surveyDetailsView__btn:hover { background-color: #1b88da }
.theme-tn .surveyDetailsView__btn:hover { background-color: #1b88da }
.feedbackStatementView .listBox { list-style-type: square; padding-left: 18px }
.feedbackStatementView .listBox li { margin-bottom: 20px; padding-left: 0 }
.feedbackStatementView .listBox li span { font-weight: bold; letter-spacing: 1px; font-size: 1.1em }
.theme-sv .feedbackStatementView .listBox li span { color: #de7600 }
.theme-mo .feedbackStatementView .listBox li span { color: #0d945b }
.theme-tn .feedbackStatementView .listBox li span { color: #4e3fac }
.feedbackStatementView .listBox li ul { list-style-type: decimal }
.feedbackStatementView .listBox li ul li { margin-bottom: 8px; line-height: 25px }
.feedbackStatementView .paragraph { line-height: 25px }
.feedbackStatementView__context { margin-top: 5px; padding: 10px 16px }
.theme-sv .feedbackStatementView__context { background-color: #f3efec }
.theme-mo .feedbackStatementView__context { background-color: #ecf3ec }
.theme-tn .feedbackStatementView__context { background-color: #74c17f }
.feedbackFormView__required { vertical-align: baseline }
.feedbackFormView__refill { background-color: #929292 !important }
.feedbackFormView__refill:hover { background-color: #2d2d2d !important }
.calendarView .alert-danger { margin-top: 15px }
.calendarView .RadScheduler_Silk { font-family: 'Microsoft JhengHei' }
.calendarView .RadScheduler_Silk .rsHeader { z-index: 99; color: #fff; font-weight: bold; box-shadow: none }
.theme-sv .calendarView .RadScheduler_Silk .rsHeader { background: linear-gradient(to bottom, #ef9e1b 0, #e6990e 50%, #e29b0a 100%) }
.calendarView .RadScheduler_Silk .rsHeader a { color: #fff }
.calendarView .RadScheduler_Silk .rsHeader ul .rsSelected em { background-image: none; font-weight: bold }
.theme-sv .calendarView .RadScheduler_Silk .rsHeader ul .rsSelected em { border-color: #ffe9bb; background-color: #ffedc8 }
.theme-sv .calendarView .RadScheduler_Silk .rsHeader ul .rsSelected em { color: #de7600 }
.theme-mo .calendarView .RadScheduler_Silk .rsHeader ul .rsSelected em { color: #0d945b }
.theme-tn .calendarView .RadScheduler_Silk .rsHeader ul .rsSelected em { color: #4e3fac }
.calendarView .RadScheduler_Silk .rsHorizontalHeaderWrapper { border-color: #e2e2e2; background-color: #e8dbd1 }
.theme-sv .calendarView .RadScheduler_Silk .rsMonthView .rsHorizontalHeaderTable { color: #de7600 }
.theme-mo .calendarView .RadScheduler_Silk .rsMonthView .rsHorizontalHeaderTable { color: #0d945b }
.theme-tn .calendarView .RadScheduler_Silk .rsMonthView .rsHorizontalHeaderTable { color: #4e3fac }
.calendarView .RadScheduler_Silk .rsMonthView .rsHorizontalHeaderTable th { font-weight: bold; border-bottom: 2px solid #e6e1c9; background: linear-gradient(to bottom, #f8f6ee 0, #f5f2df 50%, #f6f3e2 100%) }
.calendarView .RadScheduler_Silk .rsMonthView .rsDateBox { background-color: #e8dbd1 }
.theme-sv .calendarView .RadScheduler_Silk .rsMonthView .rsDateBox { color: #924d00 }
.theme-mo .calendarView .RadScheduler_Silk .rsMonthView .rsDateBox { color: #074e30 }
.theme-tn .calendarView .RadScheduler_Silk .rsMonthView .rsDateBox { color: #352a74 }
.calendarView__return { background-color: #929292 !important }
.calendarView__return:hover { background-color: #2d2d2d !important }
.searchView { padding: 20px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); border-radius: 4px }
.theme-sv .searchView { background: url(../../../templates/default/images/themes/sv/background/bg-block.png) no-repeat right top, #fff }
.theme-mo .searchView { background: url(../../../templates/default/images/themes/mo/background/bg-block.png) no-repeat right top, #fff }
.searchView .gsc-control-cse { background-color: transparent; font-family: 'Microsoft JhengHei' }
.searchView .gsc-table-result { margin-left: 9px }
.searchView .gsib_a { padding: 0 6px 0 }
.searchView .cse .gsc-cursor-box, .searchView .gsc-cursor-box { text-align: center }
.theme-sv .searchView .gsc-webResult .gsc-result:hover { background-color: #f3efec }
.theme-mo .searchView .gsc-webResult .gsc-result:hover { background-color: #ecf3ec }
.theme-tn .searchView .gsc-webResult .gsc-result:hover { background-color: #74c17f }
.searchView .gsc-search-button input { letter-spacing: 2px; border: 0; border-radius: 3px; padding: 14px 20px }
.theme-sv .searchView .gsc-search-button input { background: url(../images/ico-search.png) no-repeat center, #de7600 }
.theme-mo .searchView .gsc-search-button input { background: url(../images/ico-search.png) no-repeat center, #0d945b }
.theme-tn .searchView .gsc-search-button input { background: url(../images/ico-search.png) no-repeat center, #4e3fac }
.searchView .gsc-search-button input:hover { color: #fff; box-shadow: 1px 2px 5px -1px rgba(134, 134, 134, .8) }
.theme-sv .searchView .gsc-search-button input:hover { background: url(../images/ico-search.png) no-repeat center, #f18d1c }
.theme-mo .searchView .gsc-search-button input:hover { background: url(../images/ico-search.png) no-repeat center, #10ae6b }
.theme-tn .searchView .gsc-search-button input:hover { background: url(../images/ico-search.png) no-repeat center, #814bec }
.theme-sv .searchView .gs-title, .theme-sv .searchView b { color: #375691 !important }
.theme-mo .searchView .gs-title, .theme-mo .searchView b { color: #375691 !important }
.theme-tn .searchView .gs-title, .theme-tn .searchView b { color: #375691 !important }
.theme-sv .searchView .gs-title:hover, .theme-sv .searchView b:hover { color: #1b88da !important }
.theme-mo .searchView .gs-title:hover, .theme-mo .searchView b:hover { color: #1b88da !important }
.theme-tn .searchView .gs-title:hover, .theme-tn .searchView b:hover { color: #1b88da !important }
.theme-sv .searchView .gs-webResult div.gs-visibleUrl, .theme-sv .searchView .gs-imageResult div.gs-visibleUrl { color: #de7600 !important }
.theme-mo .searchView .gs-webResult div.gs-visibleUrl, .theme-mo .searchView .gs-imageResult div.gs-visibleUrl { color: #0d945b !important }
.theme-tn .searchView .gs-webResult div.gs-visibleUrl, .theme-tn .searchView .gs-imageResult div.gs-visibleUrl { color: #4e3fac !important }
.searchView .gsc-results .gsc-cursor-box .gsc-cursor-page { background-color: #fff; padding: 3px 7px }
.theme-sv .searchView .gsc-results .gsc-cursor-box .gsc-cursor-page { border: 1px solid #de7600; color: #de7600 }
.theme-mo .searchView .gsc-results .gsc-cursor-box .gsc-cursor-page { border: 1px solid #0d945b; color: #0d945b }
.theme-tn .searchView .gsc-results .gsc-cursor-box .gsc-cursor-page { border: 1px solid #4e3fac; color: #4e3fac }
.searchView .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { color: #fff }
.theme-sv .searchView .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background-color: #f18d1c }
.theme-mo .searchView .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background-color: #10ae6b }
.theme-tn .searchView .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background-color: #814bec }
.theme-sv .searchView .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #fff; background-color: #de7600 }
.theme-mo .searchView .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #fff; background-color: #0d945b }
.theme-tn .searchView .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #fff; background-color: #4e3fac }
.searchView .gs-no-results-result .gs-snippet, .searchView .gs-error-result .gs-snippet { color: #674a33 !important; border: 1px solid #d8c9be }
.theme-sv .searchView .gs-no-results-result .gs-snippet, .theme-sv .searchView .gs-error-result .gs-snippet { background-color: #f3efec }
.theme-mo .searchView .gs-no-results-result .gs-snippet, .theme-mo .searchView .gs-error-result .gs-snippet { background-color: #ecf3ec }
.theme-tn .searchView .gs-no-results-result .gs-snippet, .theme-tn .searchView .gs-error-result .gs-snippet { background-color: #74c17f }
.opendataDetailsView__listGrid .RadGrid { overflow-x: auto; min-height: .01% }
@media screen and (max-width:767px) {
    .opendataDetailsView__listGrid .RadGrid { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar }
    .opendataDetailsView__listGrid .RadGrid>table { margin-bottom: 0 }
    .opendataDetailsView__listGrid .RadGrid>table>thead>tr>th, .opendataDetailsView__listGrid .RadGrid>table>tbody>tr>th, .opendataDetailsView__listGrid .RadGrid>table>tfoot>tr>th, .opendataDetailsView__listGrid .RadGrid>table>thead>tr>td, .opendataDetailsView__listGrid .RadGrid>table>tbody>tr>td, .opendataDetailsView__listGrid .RadGrid>table>tfoot>tr>td { white-space: nowrap }
}
.opendataDetailsView .RadGrid_Default .rgHeader { background: #fff; font-weight: bold }
.theme-sv .opendataDetailsView .RadGrid_Default .rgHeader { color: #5f3200 }
.theme-mo .opendataDetailsView .RadGrid_Default .rgHeader { color: #031f13 }
.theme-tn .opendataDetailsView .RadGrid_Default .rgHeader { color: #241d4f }
.projectTenderListView__pic { border-radius: 8px; border: 4px double #d0d0d0; margin-bottom: 18px }
.projectTenderDetailView .listGrid-3 th { width: 140px; vertical-align: top }
.projectTenderDetailView__table { margin-bottom: 15px }
.projectTenderDetailView__table__description { line-height: 28px !important }
.projectTenderDetailView__item__pic { border-radius: 8px; border: 1px solid #ccc }
.projectTenderDetailView__item__info { text-align: center; margin-bottom: 15px }
.projectTenderDetailView__item__info__title { font-size: 1.1rem; letter-spacing: 1px; font-weight: bold; color: #0d945b }
.projectTenderDetailView__item__info__description { color: #8d8d8d }
.projectTenderDetailView ul { list-style-type: square; padding-left: 25px }
.ImportantEventListView ul { list-style-type: square; padding-left: 25px }
.ImportantEventListView .listGrid-2 tbody tr td:nth-child(2) { color: #3a3a3a }
.ImportantEventListView .listGrid-2 a { font-weight: bold }
.ImportantEventDetailView__info { margin-bottom: 12px }
.ImportantEventDetailView__info__title { font-weight: bold; font-size: 1.1rem; color: #0d945b; margin-bottom: 3px }
.ImportantEventDetailView__info__title i { margin-right: 4px; color: #10ae6b }
@media screen and (max-width:991px) {
    .ImportantEventDetailView__info__title { margin-top: 10px }
}
.ImportantEventDetailView__info__content { background: #ecf3ec; border-radius: 3px; padding: 3px 8px }
.ImportantEventDetailView__item__pic { border-radius: 8px; border: 1px solid #ccc }
.ImportantEventDetailView__item__info { text-align: center; margin-bottom: 15px; padding: 0 20px }
.ImportantEventDetailView__item__info__title { letter-spacing: 1px; font-weight: bold }
.ImportantEventDetailView__item__info__description { color: #929292 }
.undertakingListView ul { list-style-type: square; padding-left: 25px }
.undertakingListView .listGrid-2 tbody tr td:nth-child(2) { color: #3a3a3a }
.undertakingListView .form-control:focus { border-color: #10ae6b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(16, 174, 107, .58); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(16, 174, 107, .58) }
.undertakingListView .p-button-default { background-color: #929292 }
.undertakingListView .p-button-default:hover { background-color: #2d2d2d }
.undertakingDetailView ol { padding-left: 18px }
.undertakingDetailView__info { margin-bottom: 12px }
.undertakingDetailView__info__title { font-weight: bold; font-size: 1.1rem; color: #0d945b; margin-bottom: 3px }
.undertakingDetailView__info__title i { margin-right: 4px; color: #10ae6b }
@media screen and (max-width:991px) {
    .undertakingDetailView__info__title { margin-top: 10px }
}
.undertakingDetailView__info__content { background: #ecf3ec; border-radius: 3px; padding: 3px 8px }
.undertakingDetailView__item { margin-top: 20px }
.undertakingDetailView__item__pic { margin: 0 auto; border-radius: 8px; border: 1px solid #ccc }
.undertakingDetailView__item__info { text-align: center; margin-bottom: 15px; padding: 0 20px }
.undertakingDetailView__item__info__title { letter-spacing: 1px; font-weight: bold; margin-top: 2px }
