@font-face { font-family: dsejeudc; src:url('//portal.dsedj.gov.mo/eudc/dsejeudc.woff2?v=1.0.0') format('woff2'), url('//portal.dsedj.gov.mo/eudc/dsejeudc.woff?v=1.0.0') format('woff'), url('//portal.dsedj.gov.mo/eudc/dsejeudc.ttf?v=1.0.0') format('truetype'); } body,h1, h2, h3, h4, h5, h6 { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", "dsejeudc"; /* font-family: -apple-system,BlinkMacSystemFont,"Microsoft JhengHei","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", "dsejeudc"; */ } :root,body { font-size: 16px; } /* back-to-top */ .back-to-top { background: #cecece; border-radius: 6px; bottom: 20px; color: #FFFFFF; display: block; font-size: 40px; height: 50px; line-height: 42px; position: fixed; right: 20px; text-align: center; width: 50px; z-index: 50; display: none; } .back-to-top:hover, .back-to-top:focus { color: #fff; } .textlink a[href^="javascript:runWin"]::after { font-family: "Font Awesome 5 Free"; content: "\f35d "; font-weight: 600; margin-left: .3rem; color: #999; font-size: 80%; } /* .smg20mmMsgWrap{padding:9px 9px 10px 64px;;background:url(img/rain_20mm.gif?v=14) 5px 10px no-repeat #FFF3EE; margin-bottom:8px;font-size:15px;} .smg20mmMsgWrap img{vertical-align:middle;width:45px} */ #smgdata2 span {margin-right:2px} #smgdata img,#smgdata2 img {width:25px;height:25px;} #topbar {padding-bottom:10px} a {color:#06C} a:hover{color:#C90;text-decoration:none} a {word-wrap:break-word!important} .link {cursor:pointer;color:#06C;text-decoration:none} .link:hover {color:#C90;text-decoration:none} .clickable {cursor:pointer} .subtitle {border-bottom:1px solid #090;padding-bottom:0.71rem;margin-bottom:0.8rem;font-weight:600} .hottitle { border-bottom: 1px solid #C30; color:#C30; padding-bottom: 0.71rem; margin-bottom: 0.8rem; font-weight: 600; } .link-mute {color:#000;text-decoration:none} .link-mute:hover {color:#C60;text-decoration:none} .btn {border-width: 2px} .text-maininfo {color:#090;font-size: 120%;} .bg-maininfo { background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(156,235,103,1) 100%); } .text-facebook {color:#5472d2} .text-instagram {color:#fe6c61} .text-wechat {color:#4ac100} .text-apps {color:#666} .text-arrow {color:#666} .icon-hotnews{color:#060} .header-carousel-item {height:250px;} #topbar a {font-size:95%} #topimg.pics { width: 350px; height: 47px; } #topimg.pics img { display: none; width: 350px; height: 47px; } img.scan-qrcode { height: 37px; width: 37px; } #logoimg {width:250px; margin:5px 0 0 5px;} #mainContent {border-top: 1px solid #43EACA;} #mainInfo {font-size:1.25rem;background-color:whitesmoke;padding-top: .5rem;} #mainSocial {border-top: 1px solid #FC0;} #mainIcon {} #mainLink {border-top: 1px solid #59ACFF;} #mainLink a {display:block;margin: 5px 0; } #mainSite {border-top: 1px solid #43EACA} #footer {background-color:#ececec} footer .siteinfo:not(:last-child)::after { content: " | "; margin: 0 .5rem; } footer .nav-link { padding: .5rem .5rem;} .bg-share {background-color: #B0E978;} .carousel-caption{background-color:rgb(0, 0, 0,.6)} .bg-cover {background-size:cover;background-position: center} #mainIcon a {display:inline-block;margin:5px} #mainShare a {text-decoration: none;} .clickable {cursor: pointer;} #topbar .container { padding-right: 0px; padding-left: 0px; } #cmscontent .container { padding-right:10px; padding-left:10px; } #mainNews .container-lg { padding-right:0px; padding-left:0px; } .newscontent h2 {border-bottom:1px solid #090;margin:20px 5px;padding:5px} .newsitem-content h3 {line-height:1.5;} @media (min-width: 576px) { #smgdata2 span {margin-right:7px} #smgdata img,#smgdata2 img {width:35px;height:35px;} } @media (min-width: 768px) { #logoimg {width:250px;margin:5px 0 5px 5px; } .header-carousel-item {height:350px;} .text-md-dark {color:#333} #mainMenu {margin-top:0} } @media (min-width: 992px) { #logoimg {width:330px;margin-bottom:10px;} .header-carousel-item {height:450px} #topimg.pics { width: 450px; height: 60px; } #topimg.pics img { width: 450px; height: 60px; } } /*---------sidebar menu start--------------*/ body.offcanvas-active{ overflow:hidden; } #cmscontent.offcanvas-active { overflow: auto; height: 100%;} .offcanvas-header{ display:none; } .offcanvas-header .resizer a {color:#fff} .offcanvas-header .resizer a.active {background-color:#FF9;color:#000!important} .offcanvas-header .langselect a {color:#fff} .offcanvas-header .langselect a.active {background-color:#FF9;color:#000!important} .screen-overlay { height: 100%; z-index: 1000; position: fixed; top: 0; left: 0; opacity:0; visibility:hidden; background-color: rgba(34, 34, 34, 0.6); transition:opacity .2s linear, visibility .1s, width 1s ease-in; } .screen-overlay.show { transition:opacity .5s ease, width 0s; opacity:1; width:100%; visibility:visible; } @media all and (max-width:992px) { .offcanvas-header{ display:block; } .mobile-offcanvas.show{ visibility: visible; transform: translateX(0); } } /*---------sidebar menu end--------------*/ /* @media (max-width: 768px) { .navbar-collapse { position: absolute; top: 54px; left: 0; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; width: 100%; } .navbar-collapse.collapsing { height: auto; -webkit-transition: left 0.3s ease; -o-transition: left 0.3s ease; -moz-transition: left 0.3s ease; transition: left 0.3s ease; left: -100%; } .navbar-collapse.show { left: 0; -webkit-transition: left 0.3s ease-in; -o-transition: left 0.3s ease-in; -moz-transition: left 0.3s ease-in; transition: left 0.3s ease-in; } } */ /*---------HEADER--------------*/ /* change the background color */ #mainMenu { background-color: #008536; /* position: fixed; top: 0; right: 0; left: 0; z-index: 1030; */ } .navbar { padding: .6rem .7rem .5rem .5rem;} @media (min-width: 576px) { .navbar { padding: .5rem 1rem;} } @media (min-width: 992px) { /* #mainMenu { position:relative; top:auto; right:auto; left:auto; z-index:auto; } #topbar { position:static; top:auto; } #cmscontent { position:static; top:auto; } */ } @media (max-width: 991px) { .navbar-collapse { position: fixed; top: 0px; /* adjust to height of navbar */ left: 0; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; width: 80%; height: 100%; background-color: #008536; z-index: 1300; overflow-y: scroll; overflow-x: hidden; transition: visibility .2s ease-in-out, transform .2s ease-in-out; } .navbar-collapse.collapsing { left: -80%; transition: height 0s ease; } .navbar-collapse.show { left: 0; transition: left 300ms ease-in-out; } .navbar-toggler.collapsed~.navbar-collapse { transition: left 500ms ease-in-out; } } /* -----navbar-custom --- */ .navbar-custom h3 { color: darkgreen; } .navbar-custom .fa-external-link-alt { color: #666; margin-left: 4px; } .fa-external-link-alt { font-size: 80%; } .navbar-custom .nav-link:hover, .navbar-custom .nav-link:focus { background-color: #F4FFEA; color: #000 !important; } .navbar-custom .nav-link:hover a, .navbar-custom .nav-link a:focus { color: #000; } .navbar-custom .dropdown-menu-sub { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.1); margin-top: -8px; } .navbar-custom .dropdown-menu { background-color: #F4FFEA; border: 0; margin-top: -10px; } @media (min-width: 992px) { .navbar-custom .dropdown-menu { box-shadow: 0 10px 10px -4px #bfb7b7; padding-bottom: 1.5rem } } .navbar-custom .dropdown-menu .row div { margin-bottom: 5px } .navbar-custom .dropdown-search .dropdown-menu { margin-top: -8px; padding-top: 1.2rem; padding-bottom: 1.5rem; } .navbar-custom .dropdown-search.dropdown { position: static !important; } .navbar-custom .dropdown-search .dropdown-menu { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; margin-top: -8px !important; width: 100% !important; background-color: #F4FFEA; box-shadow: 0 10px 10px -4px #bfb7b7; border: 0; padding-top: 1rem; padding-bottom: 1.5rem } .navbar-custom .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: lemonchiffon; } /* .dropdown-menu { max-width: 1500px;margin:0 auto } */ .navbar-custom .dropdown-item { padding: .2rem .5rem; white-space: normal; margin-left : .8rem; text-indent : -.8rem ; } .navbar-custom .dropdown-item::before { font-family: "Font Awesome 5 Free"; content: "\f105 "; font-weight: 600; } .navbar-custom .dropdown-item .fa-external-link-alt { margin-left : 1rem; color: #999 } #navbar-custom-right .btn-search.dropdown-toggle::after { display: none; } .navbar-custom-top { padding: 0rem 0rem; } .navbar-custom-top.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .7); } /* change the brand and text color */ .navbar-custom .navbar-brand, .navbar-custom .navbar-text { color: rgba(255, 255, 255, .8); } /* change the link color */ .navbar-custom .navbar-nav .nav-link { color: rgba(255, 255, 255, 1); font-size: 110% } /* change the color of active or hovered links */ .navbar-custom .nav-item.active .nav-link, .navbar-custom .nav-item:focus .nav-link, .navbar-custom .nav-item:hover .nav-link { color: #ffffff; } .navbar-custom .navbar-toggler { color: #fff } /*---------------------------------*/ .followus { margin-top: 7px } .followus div { margin-bottom: 2px } /*mask*/ .maskbg2 { display: none; position: fixed; width: 100%; height: 100%; background: #000; z-index: 9998; top: 0; left: 0; opacity: 0.7; } .maskcontent2 { display: none; width: 280px; height: 430px; position: absolute; top: 0px; left: 200px; margin-top: -10px; background: #fff; z-index: 9999; margin-left: -10px; padding: 15px 20px; overflow: auto; text-align: center } #closebut { text-align: right; : } /*Bootstrap 4 - change the carousel indicators into dots, change color, change position*/ .carousel {padding-bottom: 40px;} .carousel-indicators li { width: 12px; height: 12px; border-radius: 100%; background-color: #d6d6d6; } .carousel-indicators{ bottom: -10px; } .carousel-indicators .active{ background-color: #869791; } .carousel-control-next, .carousel-control-prev { width: 5%; } .bullet-list-leaf { list-style: none; margin: 0; padding: 0; margin: 0 10px 20px 10px; } .bullet-list-leaf li { display: block; padding-left: 5px; padding-bottom:8px; margin-bottom: 4px; } .bullet-list-leaf li:not(:last-child) { border-bottom:1px solid #ccc } .bullet-list-leaf li:not(:last-child){} .bullet-list-leaf li.start { border-top: 0px } .bullet-list-leaf li a { } .bullet-list-leaf li a:hover { color: #C60 } /* Resize */ .medium { font-size: 1rem; } .larger { font-size: 1.2rem; } .largest { font-size: 1.45rem; } .resizer a { font-size: 1rem; } .bg-cover {background-size:cover;background-position: center} .btn-cart { background-color: transparent; position: relative; } .btn-cart .badge { position: absolute; top:-1px; right: -5px; } .jumbotron-bg { background-image: url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80'); background-size: cover; background-position: center center; min-height: 400px; } .bg-lighter { background-color:rgba(255, 255, 255,.65); } .box-shadow { box-shadow: 0 3px 5px rgba(0, 0, 0, .16); transition: box-shadow .3s; } .box-shadow:hover { box-shadow: 0 4px 10px rgba(0, 0, 0, .24); } .btn.disabled { pointer-events: none; } .alert-rounded { border-radius: 50px; } /* Accessibility START */ .skiptocontent { position: absolute; top: -9999px; overflow: hidden; height: 0; } .skiptocontent:focus,.skiptocontent:active { position: fixed; top: 0; left: 0; right: 0; height: auto; z-index: 1130; display: block; background: #e6e6e6; padding: 12px 20px; text-align: center; color: #0067b8; text-decoration: underline; border: 1px dashed #000; } button:focus { border: 2px solid #000;} .carousel-item a:focus { border: 2px solid #000;} .larger .mainvideo-caption, .largest .mainvideo-caption {font-size:1rem} /* Accessibility END */