/*others not necessary*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=Noto+Sans+TC:wght@400;500;700;900&display=swap"); html, body { line-height: 1.5; color: #2e3233; font-weight: 300; background-color: #f7f8f8; } body { padding-top: 5.6rem; } html, body { font-size: 20px; font-family: 'Noto Sans SC', 'Noto Sans TC', 'Microsoft YaHei', 'Microsoft JhengHei', 'PingFang SC', 'PingFang TC', 'Heiti SC', 'Heiti TC', 'STXihei', 'LiHei Pro', sans-serif !important; font-weight: 400; } /*Need to be used with */ html:lang(zh-tw), :lang(zh-tw) body, html:lang(zh-TW), :lang(zh-TW) body { font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', 'Heiti TC', 'LiHei Pro', sans-serif !important; font-size: 20px; } html:lang(zh-cn), :lang(zh-cn) body, html:lang(zh-CN), :lang(zh-CN) body { font-family: 'Noto Sans SC', 'Microsoft YaHei', 'PingFang SC', 'Heiti SC', 'STXihei', sans-serif !important; font-size: 20px; } html:lang(en-us), :lang(en-us) body, html:lang(en-US), :lang(en-US) body { font-family: 'Noto Sans SC', 'Noto Sans TC', 'Microsoft YaHei', 'Microsoft JhengHei', 'PingFang SC', 'PingFang TC', 'Heiti SC', 'Heiti TC', 'STXihei', 'LiHei Pro', sans-serif !important; font-size: 16px; } .dropdown-menu #zh-TW { font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'PingFang TC', 'Heiti TC', 'LiHei Pro', sans-serif !important; } .dropdown-menu #zh-CN { font-family: 'Noto Sans SC', 'Microsoft YaHei', 'PingFang SC', 'Heiti SC', 'STXihei', sans-serif !important; } .navi-main { /*.navi-main{*/ font-size: 1rem; background-color: #FFF; margin-bottom: 0; padding-top: 1rem; padding-bottom: 1rem; border-radius: 0; border: none; border-bottom: 1px solid #ddd; min-height: 5.6rem; /*left nav*/ /*right nav*/ } @media screen and (min-width: 1200px) { .navi-main .navbar-header { margin-right: .75rem; } } .navi-main .navbar-header .navbar-toggle[data-target="#navbar"] { border-color: #006934; background-color: #006934; margin-top: .75rem; margin-right: 0; } .navi-main .navbar-header .navbar-toggle[data-target="#navbar"] .icon-bar { background-color: #FFF; } .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:hover { border-color: #00361b; background-color: #00361b; } .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:hover .icon-bar { background-color: #FFF; } .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:not(.collapsed) { /*its means open*/ } .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:not(.collapsed) + .navbar-toggle[data-target="#sidebar"] { display: none; } .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:not(.collapsed) { /*its means open*/ } .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:not(.collapsed) + .navbar-toggle[data-target="#sidebar-right"] { display: none; } .navi-main .navbar-header .navbar-brand { margin-left: 0px; padding: 0; height: 3.6rem; } @media screen and (max-width: 768px) { .navi-main .navbar-header .navbar-brand { max-width: calc(100% - 15px - 15px - 34px); } } .navi-main .navbar-header .navbar-brand > img { width: auto; height: 4rem; } .navi-main .navbar-header h1 { width: 0; text-indent: -9999px; overflow: hidden; } .navi-main .nav.navbar-nav > li { margin: calc(1rem - 1px) 0.5rem 0 0.5rem; border-bottom: 3px solid transparent; } @media screen and (min-width: 1400px) { .navi-main .nav.navbar-nav > li { margin: calc(1rem - 1px) 0.75rem 0 0.75rem; } } .navi-main .nav.navbar-nav > li > a { color: #333; padding: 0.25rem 0; line-height: 1; position: relative; background-color: transparent; } .navi-main .nav.navbar-nav > li > a:active, .navi-main .nav.navbar-nav > li > a:focus, .navi-main .nav.navbar-nav > li > a:hover { background-color: transparent; } .navi-main .nav.navbar-nav > li:hover > a, .navi-main .nav.navbar-nav > li:focus > a, .navi-main .nav.navbar-nav > li:active > a { color: #006934; background-color: transparent; } .navi-main .nav.navbar-nav > li.active > a { color: #006934; font-weight: 500; } .navi-main .nav.navbar-nav > li.active.dropdown.open > a, .navi-main .nav.navbar-nav > li.active.dropdown.open > a:hover, .navi-main .nav.navbar-nav > li.active.dropdown.open > a:focus, .navi-main .nav.navbar-nav > li.active.dropdown.open > a:active { background-color: transparent; } .navi-main .nav.navbar-nav > li.dropdown.open > a, .navi-main .nav.navbar-nav > li.dropdown.open > a:hover, .navi-main .nav.navbar-nav > li.dropdown.open > a:focus, .navi-main .nav.navbar-nav > li.dropdown.open > a:active { background-color: transparent; color: #006934; } .navi-main .nav.navbar-nav .dropdown-menu { border: none; border-radius: 0; padding: 0; font-size: 0.9rem; font-weight: 300; background-color: #FFF; position: relative !important; margin-top: .5rem; } .navi-main .nav.navbar-nav .dropdown-menu::before { content: ""; display: block; width: 100%; height: .5rem; position: absolute; top: -.5rem; left: 0; right: 0; } .navi-main .nav.navbar-nav .dropdown-menu > li a { font-weight: 300; color: #2e3233; padding: .4rem 1.1rem; background-color: #FFF; white-space: normal; } .navi-main .nav.navbar-nav .dropdown-menu > li a:hover, .navi-main .nav.navbar-nav .dropdown-menu > li a:focus, .navi-main .nav.navbar-nav .dropdown-menu > li a:active { color: #006934; background-color: #f1f1f1; } @media screen and (min-width: 1200px) { .navi-main .navbar-collapse { text-align: center; } .navi-main .nav.navbar-nav { display: inline-block; float: none; } .navi-main .nav.navbar-nav > li.dropdown:hover .dropdown-menu { display: block; } .navi-main .nav.navbar-nav .dropdown-menu { position: absolute !important; box-shadow: none; border-top: 10px solid transparent; border: 1px solid #eee; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); border-radius: .5rem; left: 50%; transform: translateX(-50%); } .navi-main .nav.navbar-nav .dropdown-menu > li { padding-top: 0; padding-bottom: 0; } .navi-main .nav.navbar-nav .dropdown-menu > li a { text-align: center; } .navi-main .nav.navbar-nav .dropdown-menu > li:first-child, .navi-main .nav.navbar-nav .dropdown-menu > li:first-child a { border-radius: .5rem .5rem 0 0; } .navi-main .nav.navbar-nav .dropdown-menu > li:last-child, .navi-main .nav.navbar-nav .dropdown-menu > li:last-child a { border-radius: 0 0 .5rem .5rem; } .navi-main .nav.navbar-nav .dropdown-menu > li:first-child:last-child, .navi-main .nav.navbar-nav .dropdown-menu > li:first-child:last-child a { border-radius: .5rem .5rem .5rem .5rem; } } @media screen and (min-width: 1200px) { .navi-main .nav.navbar-nav.navbar-right { margin-right: 0px; } } .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn { font-size: 1.0em; border: 1px solid #006934 !important; color: #006934 !important; border-radius: 30px; text-align: center; padding: 5px 8px 5px 8px; margin: 0px 5px 0px 5px; } @media screen and (min-width: 1200px) { .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn { margin: 0px -5px 0px -5px; } } .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:hover, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:hover:hover, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:hover:focus, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:hover:active, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:focus, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:focus:hover, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:focus:focus, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:focus:active, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:active .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:active:hover .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:active:focus .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:active:active { background-color: #006934; color: #FFF !important; box-shadow: none; } .navi-main .nav.navbar-nav.navbar-right > li .navi-main__languageBtn { font-size: 0.9em; margin: 0px 5px 0px 5px; } @media screen and (min-width: 1200px) { .navi-main .nav.navbar-nav.navbar-right > li .navi-main__languageBtn { margin: 0px -5px 0px -5px; } } .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn { font-size: 0.9em; color: #006934 !important; text-align: left; max-width: 4rem; overflow: hidden; white-space: nowrap; vertical-align: middle; text-overflow: ellipsis; display: inline-block; padding: 5px 0px 5px 0px; margin: 0px 5px 0px 5px; box-shadow: 0 1px #006934; } @media screen and (min-width: 1200px) { .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn { text-align: center; margin: -5px -5px 0px -5px; } } .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:hover, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:hover:hover, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:hover:focus, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:hover:active, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:focus, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:focus:hover, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:focus:focus, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:focus:active, .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:active .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:active:hover .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:active:focus .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:active:active { color: #006934 !important; box-shadow: 0 1px #006934; } .navi-main .nav.navbar-nav.navbar-right > li .navi-main__userIdentity { display: inline-block; background-color: #006934; color: #FFF; font-size: .7rem; border-radius: 1rem; padding: 0 .5rem; margin-right: .25rem; } .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu { left: auto; right: 0; transform: translateX(0); } .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a { font-size: 0.9em; font-weight: 300; text-align: left; padding: 8px 10px 8px 10px; } .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn { text-align: center; padding: 5px 8px 5px 8px; margin: 0px 0px 0px 0px; color: #FFF; margin: 10px; border-radius: 50px; } .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__userMenu li a { text-align: center; } .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__languageMenu li a { padding: 8px 10px 8px calc(10px + 1.25em); } .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__languageMenu li a .language-icon { display: inline-block; width: 1em; height: 1em; margin-left: -1.25em; } .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__languageMenu li a .language-icon > .glyphicon { display: none; } .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__languageMenu li a[check="checked"] .language-icon > .glyphicon { display: inline-block; } @media screen and (min-width: 1200px) and (max-width: 1780px) { .navi-main { /*font-size:.9rem;*/ max-height: 5.6rem; } .navi-main .navbar-header .navbar-brand { max-width: 13rem; } .navi-main .nav.navbar-nav { max-width: calc(100% - 13rem - .75rem - 13rem); display: inline-flex; justify-content: center; } .navi-main .nav.navbar-nav > li { /*max-width: calc(20% - .5rem - .5rem);*/ margin-top: 0; height: 3.6rem; display: flex; align-items: center; justify-content: center; } .navi-main .nav.navbar-nav > li > a { line-height: 1.3; } .navi-main .nav.navbar-nav.navbar-right { max-width: none; } .navi-main .nav.navbar-nav.navbar-right > li { max-width: none; } .navi-main .nav.navbar-nav.navbar-right > li > a { line-height: 1; } .navi-main .nav.navbar-nav + .nav.navbar-nav.navbar-right { max-width: 13rem; } .navi-main .nav.navbar-nav + .nav.navbar-nav.navbar-right .navi-main__loginedBtn { margin: -5px -5px 0px 0px; } .navi-main .nav.navbar-nav + .nav.navbar-nav.navbar-right .navi-main__languageBtn { width: 2rem; position: relative; text-indent: -9999px; } .navi-main .nav.navbar-nav + .nav.navbar-nav.navbar-right .navi-main__languageBtn::before { content: "\f0ac"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; text-indent: 0; transform: translateY(-50%); } } .SWM .navi-main { /*.navi-main{*/ font-size: 1rem; background-color: #FFF; margin-bottom: 0; padding-top: 1rem; padding-bottom: 1rem; border-radius: 0; border: none; border-bottom: 1px solid #ddd; min-height: 5.6rem; /*left nav*/ /*right nav*/ } @media screen and (min-width: 1200px) { .SWM .navi-main .navbar-header { margin-right: .75rem; } } .SWM .navi-main .navbar-header .navbar-toggle[data-target="#navbar"] { border-color: #006934; background-color: #006934; margin-top: .75rem; margin-right: 0; } .SWM .navi-main .navbar-header .navbar-toggle[data-target="#navbar"] .icon-bar { background-color: #FFF; } .SWM .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:hover { border-color: #00361b; background-color: #00361b; } .SWM .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:hover .icon-bar { background-color: #FFF; } .SWM .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:not(.collapsed) { /*its means open*/ } .SWM .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:not(.collapsed) + .navbar-toggle[data-target="#sidebar"] { display: none; } .SWM .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:not(.collapsed) { /*its means open*/ } .SWM .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:not(.collapsed) + .navbar-toggle[data-target="#sidebar-right"] { display: none; } .SWM .navi-main .navbar-header .navbar-brand { margin-left: 0px; padding: 0; height: 3.6rem; } @media screen and (max-width: 768px) { .SWM .navi-main .navbar-header .navbar-brand { max-width: calc(100% - 15px - 15px - 34px); } } .SWM .navi-main .navbar-header .navbar-brand > img { width: auto; height: 4rem; } .SWM .navi-main .navbar-header h1 { width: 0; text-indent: -9999px; overflow: hidden; } .SWM .navi-main .nav.navbar-nav > li { margin: calc(1rem - 1px) 0.5rem 0 0.5rem; border-bottom: 3px solid transparent; } @media screen and (min-width: 1400px) { .SWM .navi-main .nav.navbar-nav > li { margin: calc(1rem - 1px) 0.75rem 0 0.75rem; } } .SWM .navi-main .nav.navbar-nav > li > a { color: #333; padding: 0.25rem 0; line-height: 1; position: relative; background-color: transparent; } .SWM .navi-main .nav.navbar-nav > li > a:active, .SWM .navi-main .nav.navbar-nav > li > a:focus, .SWM .navi-main .nav.navbar-nav > li > a:hover { background-color: transparent; } .SWM .navi-main .nav.navbar-nav > li:hover > a, .SWM .navi-main .nav.navbar-nav > li:focus > a, .SWM .navi-main .nav.navbar-nav > li:active > a { color: #006934; background-color: transparent; } .SWM .navi-main .nav.navbar-nav > li.active > a { color: #006934; font-weight: 500; } .SWM .navi-main .nav.navbar-nav > li.active.dropdown.open > a, .SWM .navi-main .nav.navbar-nav > li.active.dropdown.open > a:hover, .SWM .navi-main .nav.navbar-nav > li.active.dropdown.open > a:focus, .SWM .navi-main .nav.navbar-nav > li.active.dropdown.open > a:active { background-color: transparent; } .SWM .navi-main .nav.navbar-nav > li.dropdown.open > a, .SWM .navi-main .nav.navbar-nav > li.dropdown.open > a:hover, .SWM .navi-main .nav.navbar-nav > li.dropdown.open > a:focus, .SWM .navi-main .nav.navbar-nav > li.dropdown.open > a:active { background-color: transparent; color: #006934; } .SWM .navi-main .nav.navbar-nav .dropdown-menu { border: none; border-radius: 0; padding: 0; font-size: 0.9rem; font-weight: 300; background-color: #FFF; position: relative !important; margin-top: .5rem; } .SWM .navi-main .nav.navbar-nav .dropdown-menu::before { content: ""; display: block; width: 100%; height: .5rem; position: absolute; top: -.5rem; left: 0; right: 0; } .SWM .navi-main .nav.navbar-nav .dropdown-menu > li a { font-weight: 300; color: #2e3233; padding: .4rem 1.1rem; background-color: #FFF; white-space: normal; } .SWM .navi-main .nav.navbar-nav .dropdown-menu > li a:hover, .SWM .navi-main .nav.navbar-nav .dropdown-menu > li a:focus, .SWM .navi-main .nav.navbar-nav .dropdown-menu > li a:active { color: #006934; background-color: #f1f1f1; } @media screen and (min-width: 1200px) { .SWM .navi-main .navbar-collapse { text-align: center; } .SWM .navi-main .nav.navbar-nav { display: inline-block; float: none; } .SWM .navi-main .nav.navbar-nav > li.dropdown:hover .dropdown-menu { display: block; } .SWM .navi-main .nav.navbar-nav .dropdown-menu { position: absolute !important; box-shadow: none; border-top: 10px solid transparent; border: 1px solid #eee; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); border-radius: .5rem; left: 50%; transform: translateX(-50%); } .SWM .navi-main .nav.navbar-nav .dropdown-menu > li { padding-top: 0; padding-bottom: 0; } .SWM .navi-main .nav.navbar-nav .dropdown-menu > li a { text-align: center; } .SWM .navi-main .nav.navbar-nav .dropdown-menu > li:first-child, .SWM .navi-main .nav.navbar-nav .dropdown-menu > li:first-child a { border-radius: .5rem .5rem 0 0; } .SWM .navi-main .nav.navbar-nav .dropdown-menu > li:last-child, .SWM .navi-main .nav.navbar-nav .dropdown-menu > li:last-child a { border-radius: 0 0 .5rem .5rem; } .SWM .navi-main .nav.navbar-nav .dropdown-menu > li:first-child:last-child, .SWM .navi-main .nav.navbar-nav .dropdown-menu > li:first-child:last-child a { border-radius: .5rem .5rem .5rem .5rem; } } @media screen and (min-width: 1200px) { .SWM .navi-main .nav.navbar-nav.navbar-right { margin-right: 0px; } } .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn { font-size: 1.0em; border: 1px solid #006934 !important; color: #006934 !important; border-radius: 30px; text-align: center; padding: 5px 8px 5px 8px; margin: 0px 5px 0px 5px; } @media screen and (min-width: 1200px) { .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn { margin: 0px -5px 0px -5px; } } .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:hover, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:hover:hover, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:hover:focus, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:hover:active, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:focus, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:focus:hover, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:focus:focus, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:focus:active, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:active .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:active:hover .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:active:focus .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:active:active { background-color: #006934; color: #FFF !important; box-shadow: none; } .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__languageBtn { font-size: 0.9em; margin: 0px 5px 0px 5px; } @media screen and (min-width: 1200px) { .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__languageBtn { margin: 0px -5px 0px -5px; } } .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn { font-size: 0.9em; color: #006934 !important; text-align: left; max-width: 4rem; overflow: hidden; white-space: nowrap; vertical-align: middle; text-overflow: ellipsis; display: inline-block; padding: 5px 0px 5px 0px; margin: 0px 5px 0px 5px; box-shadow: 0 1px #006934; } @media screen and (min-width: 1200px) { .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn { text-align: center; margin: -5px -5px 0px -5px; } } .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:hover, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:hover:hover, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:hover:focus, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:hover:active, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:focus, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:focus:hover, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:focus:focus, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:focus:active, .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:active .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:active:hover .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:active:focus .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:active:active { color: #006934 !important; box-shadow: 0 1px #006934; } .SWM .navi-main .nav.navbar-nav.navbar-right > li .navi-main__userIdentity { display: inline-block; background-color: #006934; color: #FFF; font-size: .7rem; border-radius: 1rem; padding: 0 .5rem; margin-right: .25rem; } .SWM .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu { left: auto; right: 0; transform: translateX(0); } .SWM .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a { font-size: 0.9em; font-weight: 300; text-align: left; padding: 8px 10px 8px 10px; } .SWM .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn { text-align: center; padding: 5px 8px 5px 8px; margin: 0px 0px 0px 0px; color: #FFF; margin: 10px; border-radius: 50px; } .SWM .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__userMenu li a { text-align: center; } .SWM .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__languageMenu li a { padding: 8px 10px 8px calc(10px + 1.25em); } .SWM .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__languageMenu li a .language-icon { display: inline-block; width: 1em; height: 1em; margin-left: -1.25em; } .SWM .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__languageMenu li a .language-icon > .glyphicon { display: none; } .SWM .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__languageMenu li a[check="checked"] .language-icon > .glyphicon { display: inline-block; } @media screen and (min-width: 1200px) and (max-width: 1780px) { .SWM .navi-main { /*font-size:.9rem;*/ max-height: 5.6rem; } .SWM .navi-main .navbar-header .navbar-brand { max-width: 13rem; } .SWM .navi-main .nav.navbar-nav { max-width: calc(100% - 13rem - .75rem - 13rem); display: inline-flex; justify-content: center; } .SWM .navi-main .nav.navbar-nav > li { /*max-width: calc(20% - .5rem - .5rem);*/ margin-top: 0; height: 3.6rem; display: flex; align-items: center; justify-content: center; } .SWM .navi-main .nav.navbar-nav > li > a { line-height: 1.3; } .SWM .navi-main .nav.navbar-nav.navbar-right { max-width: none; } .SWM .navi-main .nav.navbar-nav.navbar-right > li { max-width: none; } .SWM .navi-main .nav.navbar-nav.navbar-right > li > a { line-height: 1; } .SWM .navi-main .nav.navbar-nav + .nav.navbar-nav.navbar-right { max-width: 13rem; } .SWM .navi-main .nav.navbar-nav + .nav.navbar-nav.navbar-right .navi-main__loginedBtn { margin: -5px -5px 0px 0px; } .SWM .navi-main .nav.navbar-nav + .nav.navbar-nav.navbar-right .navi-main__languageBtn { width: 2rem; position: relative; text-indent: -9999px; } .SWM .navi-main .nav.navbar-nav + .nav.navbar-nav.navbar-right .navi-main__languageBtn::before { content: "\f0ac"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; text-indent: 0; transform: translateY(-50%); } } .SWM-Aid .navi-main { /*.navi-main{*/ font-size: 1rem; background-color: #FFF; margin-bottom: 0; padding-top: 1rem; padding-bottom: 1rem; border-radius: 0; border: none; border-bottom: 1px solid #ddd; min-height: 5.6rem; /*left nav*/ /*right nav*/ } @media screen and (min-width: 1200px) { .SWM-Aid .navi-main .navbar-header { margin-right: .75rem; } } .SWM-Aid .navi-main .navbar-header .navbar-toggle[data-target="#navbar"] { border-color: #dfa900; background-color: #dfa900; margin-top: .75rem; margin-right: 0; } .SWM-Aid .navi-main .navbar-header .navbar-toggle[data-target="#navbar"] .icon-bar { background-color: #FFF; } .SWM-Aid .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:hover { border-color: #ac8200; background-color: #ac8200; } .SWM-Aid .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:hover .icon-bar { background-color: #FFF; } .SWM-Aid .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:not(.collapsed) { /*its means open*/ } .SWM-Aid .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:not(.collapsed) + .navbar-toggle[data-target="#sidebar"] { display: none; } .SWM-Aid .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:not(.collapsed) { /*its means open*/ } .SWM-Aid .navi-main .navbar-header .navbar-toggle[data-target="#navbar"]:not(.collapsed) + .navbar-toggle[data-target="#sidebar-right"] { display: none; } .SWM-Aid .navi-main .navbar-header .navbar-brand { margin-left: 0px; padding: 0; height: 3.6rem; } @media screen and (max-width: 768px) { .SWM-Aid .navi-main .navbar-header .navbar-brand { max-width: calc(100% - 15px - 15px - 34px); } } .SWM-Aid .navi-main .navbar-header .navbar-brand > img { width: auto; height: 4rem; } .SWM-Aid .navi-main .navbar-header h1 { width: 0; text-indent: -9999px; overflow: hidden; } .SWM-Aid .navi-main .nav.navbar-nav > li { margin: calc(1rem - 1px) 0.5rem 0 0.5rem; border-bottom: 3px solid transparent; } @media screen and (min-width: 1400px) { .SWM-Aid .navi-main .nav.navbar-nav > li { margin: calc(1rem - 1px) 0.75rem 0 0.75rem; } } .SWM-Aid .navi-main .nav.navbar-nav > li > a { color: #333; padding: 0.25rem 0; line-height: 1; position: relative; background-color: transparent; } .SWM-Aid .navi-main .nav.navbar-nav > li > a:active, .SWM-Aid .navi-main .nav.navbar-nav > li > a:focus, .SWM-Aid .navi-main .nav.navbar-nav > li > a:hover { background-color: transparent; } .SWM-Aid .navi-main .nav.navbar-nav > li:hover > a, .SWM-Aid .navi-main .nav.navbar-nav > li:focus > a, .SWM-Aid .navi-main .nav.navbar-nav > li:active > a { color: #dfa900; background-color: transparent; } .SWM-Aid .navi-main .nav.navbar-nav > li.active > a { color: #dfa900; font-weight: 500; } .SWM-Aid .navi-main .nav.navbar-nav > li.active.dropdown.open > a, .SWM-Aid .navi-main .nav.navbar-nav > li.active.dropdown.open > a:hover, .SWM-Aid .navi-main .nav.navbar-nav > li.active.dropdown.open > a:focus, .SWM-Aid .navi-main .nav.navbar-nav > li.active.dropdown.open > a:active { background-color: transparent; } .SWM-Aid .navi-main .nav.navbar-nav > li.dropdown.open > a, .SWM-Aid .navi-main .nav.navbar-nav > li.dropdown.open > a:hover, .SWM-Aid .navi-main .nav.navbar-nav > li.dropdown.open > a:focus, .SWM-Aid .navi-main .nav.navbar-nav > li.dropdown.open > a:active { background-color: transparent; color: #dfa900; } .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu { border: none; border-radius: 0; padding: 0; font-size: 0.9rem; font-weight: 300; background-color: #FFF; position: relative !important; margin-top: .5rem; } .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu::before { content: ""; display: block; width: 100%; height: .5rem; position: absolute; top: -.5rem; left: 0; right: 0; } .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu > li a { font-weight: 300; color: #2e3233; padding: .4rem 1.1rem; background-color: #FFF; white-space: normal; } .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu > li a:hover, .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu > li a:focus, .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu > li a:active { color: #dfa900; background-color: #f1f1f1; } @media screen and (min-width: 1200px) { .SWM-Aid .navi-main .navbar-collapse { text-align: center; } .SWM-Aid .navi-main .nav.navbar-nav { display: inline-block; float: none; } .SWM-Aid .navi-main .nav.navbar-nav > li.dropdown:hover .dropdown-menu { display: block; } .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu { position: absolute !important; box-shadow: none; border-top: 10px solid transparent; border: 1px solid #eee; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); border-radius: .5rem; left: 50%; transform: translateX(-50%); } .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu > li { padding-top: 0; padding-bottom: 0; } .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu > li a { text-align: center; } .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu > li:first-child, .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu > li:first-child a { border-radius: .5rem .5rem 0 0; } .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu > li:last-child, .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu > li:last-child a { border-radius: 0 0 .5rem .5rem; } .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu > li:first-child:last-child, .SWM-Aid .navi-main .nav.navbar-nav .dropdown-menu > li:first-child:last-child a { border-radius: .5rem .5rem .5rem .5rem; } } @media screen and (min-width: 1200px) { .SWM-Aid .navi-main .nav.navbar-nav.navbar-right { margin-right: 0px; } } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn { font-size: 1.0em; border: 1px solid #dfa900 !important; color: #dfa900 !important; border-radius: 30px; text-align: center; padding: 5px 8px 5px 8px; margin: 0px 5px 0px 5px; } @media screen and (min-width: 1200px) { .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn { margin: 0px -5px 0px -5px; } } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:hover:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:hover:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:hover:active, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:focus:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:focus:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:focus:active, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:active .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:active:hover .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:active:focus .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginBtn:active:active { background-color: #dfa900; color: #FFF !important; box-shadow: none; } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__languageBtn { font-size: 0.9em; margin: 0px 5px 0px 5px; } @media screen and (min-width: 1200px) { .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__languageBtn { margin: 0px -5px 0px -5px; } } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn { font-size: 0.9em; color: #dfa900 !important; text-align: left; max-width: 4rem; overflow: hidden; white-space: nowrap; vertical-align: middle; text-overflow: ellipsis; display: inline-block; padding: 5px 0px 5px 0px; margin: 0px 5px 0px 5px; box-shadow: 0 1px #dfa900; } @media screen and (min-width: 1200px) { .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn { text-align: center; margin: -5px -5px 0px -5px; } } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:hover:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:hover:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:hover:active, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:focus:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:focus:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:focus:active, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:active .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:active:hover .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:active:focus .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__loginedBtn:active:active { color: #dfa900 !important; box-shadow: 0 1px #dfa900; } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .navi-main__userIdentity { display: inline-block; background-color: #dfa900; color: #FFF; font-size: .7rem; border-radius: 1rem; padding: 0 .5rem; margin-right: .25rem; } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu { left: auto; right: 0; transform: translateX(0); } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a { font-size: 0.9em; font-weight: 300; text-align: left; padding: 8px 10px 8px 10px; } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn { text-align: center; padding: 5px 8px 5px 8px; margin: 0px 0px 0px 0px; color: #FFF; margin: 10px; border-radius: 50px; } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__userMenu li a { text-align: center; } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__languageMenu li a { padding: 8px 10px 8px calc(10px + 1.25em); } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__languageMenu li a .language-icon { display: inline-block; width: 1em; height: 1em; margin-left: -1.25em; } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__languageMenu li a .language-icon > .glyphicon { display: none; } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu.navi-main__languageMenu li a[check="checked"] .language-icon > .glyphicon { display: inline-block; } @media screen and (min-width: 1200px) and (max-width: 1780px) { .SWM-Aid .navi-main { /*font-size:.9rem;*/ max-height: 5.6rem; } .SWM-Aid .navi-main .navbar-header .navbar-brand { max-width: 13rem; } .SWM-Aid .navi-main .nav.navbar-nav { max-width: calc(100% - 13rem - .75rem - 13rem); display: inline-flex; justify-content: center; } .SWM-Aid .navi-main .nav.navbar-nav > li { /*max-width: calc(20% - .5rem - .5rem);*/ margin-top: 0; height: 3.6rem; display: flex; align-items: center; justify-content: center; } .SWM-Aid .navi-main .nav.navbar-nav > li > a { line-height: 1.3; } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right { max-width: none; } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li { max-width: none; } .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li > a { line-height: 1; } .SWM-Aid .navi-main .nav.navbar-nav + .nav.navbar-nav.navbar-right { max-width: 13rem; } .SWM-Aid .navi-main .nav.navbar-nav + .nav.navbar-nav.navbar-right .navi-main__loginedBtn { margin: -5px -5px 0px 0px; } .SWM-Aid .navi-main .nav.navbar-nav + .nav.navbar-nav.navbar-right .navi-main__languageBtn { width: 2rem; position: relative; text-indent: -9999px; } .SWM-Aid .navi-main .nav.navbar-nav + .nav.navbar-nav.navbar-right .navi-main__languageBtn::before { content: "\f0ac"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; text-indent: 0; transform: translateY(-50%); } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: calc(100vh - (1rem + 3.6rem + 1rem)); } .footer h4 { font-size: 1.0rem; font-weight: 400; } .footer-logo { background-color: #d2e9d7; padding-top: 1rem; } .footer-logo .footer-logo__img { max-width: 450px; } .footer-info { background-color: #d2e9d7; color: #2e3233; font-weight: 400; padding-top: 1rem; padding-bottom: 1rem; text-align: left; } .footer-info .footer-info__info { padding: 0; margin: 0; } .footer-info .footer-info__info li { list-style: none; margin-bottom: 1.0rem; list-style-position: inside; } .footer-info .footer-info__info li > i { width: 1.8rem; text-align: center; text-indent: 0; } .footer-info .footer-info__info li.info-logo > img { margin: 0 auto; max-width: 450px; } @media screen and (min-width: 992px) { .footer-info .footer-info__info li.info-logo > img { margin: 0; width: 15rem; max-width: auto; } } .footer-info .footer-info__info li.info-email { font-size: .9rem; font-weight: 400; letter-spacing: .1rem; } .footer-info .footer-info__info li.info-add { font-size: .8rem; letter-spacing: .05rem; } .footer-info .footer-info__info li:not(:first-child) { padding-left: 1.8rem; text-indent: -1.8rem; } .footer-info .footer-logo-img { margin: 1rem auto; } @media screen and (min-width: 992px) { .footer-info .footer-logo-img { margin-top: 2rem; } } .footer-products { border-top: 1px solid #FFF; background-color: #e1e8e4; color: #2e3233; font-weight: 400; padding-top: .5rem; padding-bottom: .5rem; text-align: center; } @media screen and (min-width: 992px) { .footer-products { text-align: left; } } @media screen and (min-width: 992px) { .footer-products h4 { margin-top: 2rem; margin-bottom: 2rem; } } @media screen and (min-width: 1600px) { .footer-products h4 { margin-top: 3rem; margin-bottom: 3rem; } } .footer-products .footer-logo-img { margin: 1rem 0; height: 5.5rem; } .footer-copyright { border-top: 1px solid #FFF; background-color: #e1e8e4; color: #2e3233; font-weight: 400; padding-top: .75rem; padding-bottom: .75rem; font-size: .8rem; } .SWM .btn-main { /*.btn-main{*/ } .SWM-Aid .btn-main { /*.btn-main{*/ } .SWM .btn-main-white { /*.btn-main{*/ } .SWM-Aid .btn-main-white { /*.btn-main{*/ } a { text-decoration: none; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #974A22; text-decoration: none; } a:hover { color: #974A22; text-decoration: none; } a.a-shadowline:hover { box-shadow: 0 1px #974A22; } *, *:focus, *:hover { outline: 0px transparent !important; } .bootstrap-switch { border-radius: 2rem; } .bootstrap-switch .bootstrap-switch-container { border-radius: 2rem; } .bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 2rem; border-top-left-radius: 2rem; } .bootstrap-switch .bootstrap-switch-handle-off { border-bottom-right-radius: 2rem; border-top-right-radius: 2rem; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 2rem; border-top-right-radius: 2rem; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 2rem; border-top-left-radius: 2rem; } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { border-bottom-right-radius: 2rem; border-top-right-radius: 2rem; } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { border-bottom-left-radius: 2rem; border-top-left-radius: 2rem; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { color: #fff; background: #974A22; } .btn { font-size: .8rem; font-weight: 300; } .btn-xs { font-size: .75rem; } .btn-lg { font-size: .9rem; } .btn { text-decoration: none !important; } .btn-main-blue { color: #FFF; background-color: #974A22; border-color: #974A22; } .btn-main-blue:focus, .btn-main-blue.focus { color: #FFF; background-color: #6d3619; border-color: #2f170b; } .btn-main-blue:hover { color: #FFF; background-color: #6d3619; border-color: #653217; } .btn-main-blue:active, .btn-main-blue.active, .open > .btn-main-blue.dropdown-toggle { color: #FFF; background-color: #6d3619; background-image: none; border-color: #653217; } .btn-main-blue:active:hover, .btn-main-blue:active:focus, .btn-main-blue:active.focus, .btn-main-blue.active:hover, .btn-main-blue.active:focus, .btn-main-blue.active.focus, .open > .btn-main-blue.dropdown-toggle:hover, .open > .btn-main-blue.dropdown-toggle:focus, .open > .btn-main-blue.dropdown-toggle.focus { color: #FFF; background-color: #502712; border-color: #2f170b; } .btn-main-blue.disabled:hover, .btn-main-blue.disabled:focus, .btn-main-blue.disabled.focus, .btn-main-blue[disabled]:hover, .btn-main-blue[disabled]:focus, .btn-main-blue[disabled].focus, fieldset[disabled] .btn-main-blue:hover, fieldset[disabled] .btn-main-blue:focus, fieldset[disabled] .btn-main-blue.focus { background-color: #974A22; border-color: #974A22; } .btn-main-blue .badge { color: #974A22; background-color: #FFF; } .btn-main-blue-white { color: #974A22; background-color: #fff; border-color: #974A22; } .btn-main-blue-white:focus, .btn-main-blue-white.focus { color: #974A22; background-color: #e6e6e6; border-color: #2f170b; } .btn-main-blue-white:hover { color: #974A22; background-color: #e6e6e6; border-color: #653217; } .btn-main-blue-white:active, .btn-main-blue-white.active, .open > .btn-main-blue-white.dropdown-toggle { color: #974A22; background-color: #e6e6e6; background-image: none; border-color: #653217; } .btn-main-blue-white:active:hover, .btn-main-blue-white:active:focus, .btn-main-blue-white:active.focus, .btn-main-blue-white.active:hover, .btn-main-blue-white.active:focus, .btn-main-blue-white.active.focus, .open > .btn-main-blue-white.dropdown-toggle:hover, .open > .btn-main-blue-white.dropdown-toggle:focus, .open > .btn-main-blue-white.dropdown-toggle.focus { color: #974A22; background-color: #d4d4d4; border-color: #2f170b; } .btn-main-blue-white.disabled:hover, .btn-main-blue-white.disabled:focus, .btn-main-blue-white.disabled.focus, .btn-main-blue-white[disabled]:hover, .btn-main-blue-white[disabled]:focus, .btn-main-blue-white[disabled].focus, fieldset[disabled] .btn-main-blue-white:hover, fieldset[disabled] .btn-main-blue-white:focus, fieldset[disabled] .btn-main-blue-white.focus { background-color: #fff; border-color: #974A22; } .btn-main-blue-white .badge { color: #fff; background-color: #974A22; } .btn-main-blue-lighten { color: #974A22; background-color: #edc6b1; border-color: #edc6b1; } .btn-main-blue-lighten:focus, .btn-main-blue-lighten.focus { color: #974A22; background-color: #e4a787; border-color: #d67949; } .btn-main-blue-lighten:hover { color: #974A22; background-color: #e4a787; border-color: #e2a17f; } .btn-main-blue-lighten:active, .btn-main-blue-lighten.active, .open > .btn-main-blue-lighten.dropdown-toggle { color: #974A22; background-color: #e4a787; background-image: none; border-color: #e2a17f; } .btn-main-blue-lighten:active:hover, .btn-main-blue-lighten:active:focus, .btn-main-blue-lighten:active.focus, .btn-main-blue-lighten.active:hover, .btn-main-blue-lighten.active:focus, .btn-main-blue-lighten.active.focus, .open > .btn-main-blue-lighten.dropdown-toggle:hover, .open > .btn-main-blue-lighten.dropdown-toggle:focus, .open > .btn-main-blue-lighten.dropdown-toggle.focus { color: #974A22; background-color: #de926a; border-color: #d67949; } .btn-main-blue-lighten.disabled:hover, .btn-main-blue-lighten.disabled:focus, .btn-main-blue-lighten.disabled.focus, .btn-main-blue-lighten[disabled]:hover, .btn-main-blue-lighten[disabled]:focus, .btn-main-blue-lighten[disabled].focus, fieldset[disabled] .btn-main-blue-lighten:hover, fieldset[disabled] .btn-main-blue-lighten:focus, fieldset[disabled] .btn-main-blue-lighten.focus { background-color: #edc6b1; border-color: #edc6b1; } .btn-main-blue-lighten .badge { color: #edc6b1; background-color: #974A22; } .btn-main-sky { color: #FFF; background-color: #1a8bff; border-color: #1a8bff; } .btn-main-sky:focus, .btn-main-sky.focus { color: #FFF; background-color: #0071e6; border-color: #004c9a; } .btn-main-sky:hover { color: #FFF; background-color: #0071e6; border-color: #006cdc; } .btn-main-sky:active, .btn-main-sky.active, .open > .btn-main-sky.dropdown-toggle { color: #FFF; background-color: #0071e6; background-image: none; border-color: #006cdc; } .btn-main-sky:active:hover, .btn-main-sky:active:focus, .btn-main-sky:active.focus, .btn-main-sky.active:hover, .btn-main-sky.active:focus, .btn-main-sky.active.focus, .open > .btn-main-sky.dropdown-toggle:hover, .open > .btn-main-sky.dropdown-toggle:focus, .open > .btn-main-sky.dropdown-toggle.focus { color: #FFF; background-color: #0060c2; border-color: #004c9a; } .btn-main-sky.disabled:hover, .btn-main-sky.disabled:focus, .btn-main-sky.disabled.focus, .btn-main-sky[disabled]:hover, .btn-main-sky[disabled]:focus, .btn-main-sky[disabled].focus, fieldset[disabled] .btn-main-sky:hover, fieldset[disabled] .btn-main-sky:focus, fieldset[disabled] .btn-main-sky.focus { background-color: #1a8bff; border-color: #1a8bff; } .btn-main-sky .badge { color: #1a8bff; background-color: #FFF; } .btn-main-sky-white { color: #1a8bff; background-color: #fff; border-color: #1a8bff; } .btn-main-sky-white:focus, .btn-main-sky-white.focus { color: #1a8bff; background-color: #e6e6e6; border-color: #004c9a; } .btn-main-sky-white:hover { color: #1a8bff; background-color: #e6e6e6; border-color: #006cdc; } .btn-main-sky-white:active, .btn-main-sky-white.active, .open > .btn-main-sky-white.dropdown-toggle { color: #1a8bff; background-color: #e6e6e6; background-image: none; border-color: #006cdc; } .btn-main-sky-white:active:hover, .btn-main-sky-white:active:focus, .btn-main-sky-white:active.focus, .btn-main-sky-white.active:hover, .btn-main-sky-white.active:focus, .btn-main-sky-white.active.focus, .open > .btn-main-sky-white.dropdown-toggle:hover, .open > .btn-main-sky-white.dropdown-toggle:focus, .open > .btn-main-sky-white.dropdown-toggle.focus { color: #1a8bff; background-color: #d4d4d4; border-color: #004c9a; } .btn-main-sky-white.disabled:hover, .btn-main-sky-white.disabled:focus, .btn-main-sky-white.disabled.focus, .btn-main-sky-white[disabled]:hover, .btn-main-sky-white[disabled]:focus, .btn-main-sky-white[disabled].focus, fieldset[disabled] .btn-main-sky-white:hover, fieldset[disabled] .btn-main-sky-white:focus, fieldset[disabled] .btn-main-sky-white.focus { background-color: #fff; border-color: #1a8bff; } .btn-main-sky-white .badge { color: #fff; background-color: #1a8bff; } .btn-main-sky-lighten { color: #1a8bff; background-color: white; border-color: white; } .btn-main-sky-lighten:focus, .btn-main-sky-lighten.focus { color: #1a8bff; background-color: #cce5ff; border-color: #80beff; } .btn-main-sky-lighten:hover { color: #1a8bff; background-color: #cce5ff; border-color: #c2e0ff; } .btn-main-sky-lighten:active, .btn-main-sky-lighten.active, .open > .btn-main-sky-lighten.dropdown-toggle { color: #1a8bff; background-color: #cce5ff; background-image: none; border-color: #c2e0ff; } .btn-main-sky-lighten:active:hover, .btn-main-sky-lighten:active:focus, .btn-main-sky-lighten:active.focus, .btn-main-sky-lighten.active:hover, .btn-main-sky-lighten.active:focus, .btn-main-sky-lighten.active.focus, .open > .btn-main-sky-lighten.dropdown-toggle:hover, .open > .btn-main-sky-lighten.dropdown-toggle:focus, .open > .btn-main-sky-lighten.dropdown-toggle.focus { color: #1a8bff; background-color: #a8d3ff; border-color: #80beff; } .btn-main-sky-lighten.disabled:hover, .btn-main-sky-lighten.disabled:focus, .btn-main-sky-lighten.disabled.focus, .btn-main-sky-lighten[disabled]:hover, .btn-main-sky-lighten[disabled]:focus, .btn-main-sky-lighten[disabled].focus, fieldset[disabled] .btn-main-sky-lighten:hover, fieldset[disabled] .btn-main-sky-lighten:focus, fieldset[disabled] .btn-main-sky-lighten.focus { background-color: white; border-color: white; } .btn-main-sky-lighten .badge { color: white; background-color: #1a8bff; } .btn-main-green { color: #FFF; background-color: #14a83b; border-color: #14a83b; } .btn-main-green:focus, .btn-main-green.focus { color: #FFF; background-color: #0f7a2b; border-color: #063613; } .btn-main-green:hover { color: #FFF; background-color: #0f7a2b; border-color: #0d7128; } .btn-main-green:active, .btn-main-green.active, .open > .btn-main-green.dropdown-toggle { color: #FFF; background-color: #0f7a2b; background-image: none; border-color: #0d7128; } .btn-main-green:active:hover, .btn-main-green:active:focus, .btn-main-green:active.focus, .btn-main-green.active:hover, .btn-main-green.active:focus, .btn-main-green.active.focus, .open > .btn-main-green.dropdown-toggle:hover, .open > .btn-main-green.dropdown-toggle:focus, .open > .btn-main-green.dropdown-toggle.focus { color: #FFF; background-color: #0b5b20; border-color: #063613; } .btn-main-green.disabled:hover, .btn-main-green.disabled:focus, .btn-main-green.disabled.focus, .btn-main-green[disabled]:hover, .btn-main-green[disabled]:focus, .btn-main-green[disabled].focus, fieldset[disabled] .btn-main-green:hover, fieldset[disabled] .btn-main-green:focus, fieldset[disabled] .btn-main-green.focus { background-color: #14a83b; border-color: #14a83b; } .btn-main-green .badge { color: #14a83b; background-color: #FFF; } .btn-main-green-white { color: #14a83b; background-color: #fff; border-color: #14a83b; } .btn-main-green-white:focus, .btn-main-green-white.focus { color: #14a83b; background-color: #e6e6e6; border-color: #063613; } .btn-main-green-white:hover { color: #14a83b; background-color: #e6e6e6; border-color: #0d7128; } .btn-main-green-white:active, .btn-main-green-white.active, .open > .btn-main-green-white.dropdown-toggle { color: #14a83b; background-color: #e6e6e6; background-image: none; border-color: #0d7128; } .btn-main-green-white:active:hover, .btn-main-green-white:active:focus, .btn-main-green-white:active.focus, .btn-main-green-white.active:hover, .btn-main-green-white.active:focus, .btn-main-green-white.active.focus, .open > .btn-main-green-white.dropdown-toggle:hover, .open > .btn-main-green-white.dropdown-toggle:focus, .open > .btn-main-green-white.dropdown-toggle.focus { color: #14a83b; background-color: #d4d4d4; border-color: #063613; } .btn-main-green-white.disabled:hover, .btn-main-green-white.disabled:focus, .btn-main-green-white.disabled.focus, .btn-main-green-white[disabled]:hover, .btn-main-green-white[disabled]:focus, .btn-main-green-white[disabled].focus, fieldset[disabled] .btn-main-green-white:hover, fieldset[disabled] .btn-main-green-white:focus, fieldset[disabled] .btn-main-green-white.focus { background-color: #fff; border-color: #14a83b; } .btn-main-green-white .badge { color: #fff; background-color: #14a83b; } .btn-main-green-lighten { color: #14a83b; background-color: #acf5c0; border-color: #acf5c0; } .btn-main-green-lighten:focus, .btn-main-green-lighten.focus { color: #14a83b; background-color: #7ff09d; border-color: #3ae868; } .btn-main-green-lighten:hover { color: #14a83b; background-color: #7ff09d; border-color: #76ef96; } .btn-main-green-lighten:active, .btn-main-green-lighten.active, .open > .btn-main-green-lighten.dropdown-toggle { color: #14a83b; background-color: #7ff09d; background-image: none; border-color: #76ef96; } .btn-main-green-lighten:active:hover, .btn-main-green-lighten:active:focus, .btn-main-green-lighten:active.focus, .btn-main-green-lighten.active:hover, .btn-main-green-lighten.active:focus, .btn-main-green-lighten.active.focus, .open > .btn-main-green-lighten.dropdown-toggle:hover, .open > .btn-main-green-lighten.dropdown-toggle:focus, .open > .btn-main-green-lighten.dropdown-toggle.focus { color: #14a83b; background-color: #5fec84; border-color: #3ae868; } .btn-main-green-lighten.disabled:hover, .btn-main-green-lighten.disabled:focus, .btn-main-green-lighten.disabled.focus, .btn-main-green-lighten[disabled]:hover, .btn-main-green-lighten[disabled]:focus, .btn-main-green-lighten[disabled].focus, fieldset[disabled] .btn-main-green-lighten:hover, fieldset[disabled] .btn-main-green-lighten:focus, fieldset[disabled] .btn-main-green-lighten.focus { background-color: #acf5c0; border-color: #acf5c0; } .btn-main-green-lighten .badge { color: #acf5c0; background-color: #14a83b; } .btn-main-yellow, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn, .SWM-Aid .btn-main, .login .login-block .login-block__content #SWM-Aid .login-panel__btn, .SWM-Aid .userData .userData__data .userData__btn { color: #FFF; background-color: #d4a100; border-color: #d4a100; } .btn-main-yellow:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:focus, .SWM-Aid .btn-main:focus, .login .login-block .login-block__content #SWM-Aid .login-panel__btn:focus, .SWM-Aid .userData .userData__data .userData__btn:focus, .btn-main-yellow.focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.focus.navi-main__logoutBtn, .SWM-Aid .focus.btn-main, .login .login-block .login-block__content #SWM-Aid .focus.login-panel__btn, .SWM-Aid .userData .userData__data .focus.userData__btn { color: #FFF; background-color: #a17a00; border-color: #554000; } .btn-main-yellow:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:hover, .SWM-Aid .btn-main:hover, .login .login-block .login-block__content #SWM-Aid .login-panel__btn:hover, .SWM-Aid .userData .userData__data .userData__btn:hover { color: #FFF; background-color: #a17a00; border-color: #977300; } .btn-main-yellow:active, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:active, .SWM-Aid .btn-main:active, .login .login-block .login-block__content #SWM-Aid .login-panel__btn:active, .SWM-Aid .userData .userData__data .userData__btn:active, .btn-main-yellow.active, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.active.navi-main__logoutBtn, .SWM-Aid .active.btn-main, .login .login-block .login-block__content #SWM-Aid .active.login-panel__btn, .SWM-Aid .userData .userData__data .active.userData__btn, .open > .btn-main-yellow.dropdown-toggle, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li .open > a.dropdown-toggle.navi-main__logoutBtn, .SWM-Aid .open > .dropdown-toggle.btn-main, .login .login-block .login-block__content #SWM-Aid .open > .dropdown-toggle.login-panel__btn, .SWM-Aid .userData .userData__data .open > .dropdown-toggle.userData__btn { color: #FFF; background-color: #a17a00; background-image: none; border-color: #977300; } .btn-main-yellow:active:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:active:hover, .SWM-Aid .btn-main:active:hover, .login .login-block .login-block__content #SWM-Aid .login-panel__btn:active:hover, .SWM-Aid .userData .userData__data .userData__btn:active:hover, .btn-main-yellow:active:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:active:focus, .SWM-Aid .btn-main:active:focus, .login .login-block .login-block__content #SWM-Aid .login-panel__btn:active:focus, .SWM-Aid .userData .userData__data .userData__btn:active:focus, .btn-main-yellow:active.focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:active.focus, .SWM-Aid .btn-main:active.focus, .login .login-block .login-block__content #SWM-Aid .login-panel__btn:active.focus, .SWM-Aid .userData .userData__data .userData__btn:active.focus, .btn-main-yellow.active:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.active.navi-main__logoutBtn:hover, .SWM-Aid .active.btn-main:hover, .login .login-block .login-block__content #SWM-Aid .active.login-panel__btn:hover, .SWM-Aid .userData .userData__data .active.userData__btn:hover, .btn-main-yellow.active:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.active.navi-main__logoutBtn:focus, .SWM-Aid .active.btn-main:focus, .login .login-block .login-block__content #SWM-Aid .active.login-panel__btn:focus, .SWM-Aid .userData .userData__data .active.userData__btn:focus, .btn-main-yellow.active.focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.active.focus.navi-main__logoutBtn, .SWM-Aid .active.focus.btn-main, .login .login-block .login-block__content #SWM-Aid .active.focus.login-panel__btn, .SWM-Aid .userData .userData__data .active.focus.userData__btn, .open > .btn-main-yellow.dropdown-toggle:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li .open > a.dropdown-toggle.navi-main__logoutBtn:hover, .SWM-Aid .open > .dropdown-toggle.btn-main:hover, .login .login-block .login-block__content #SWM-Aid .open > .dropdown-toggle.login-panel__btn:hover, .SWM-Aid .userData .userData__data .open > .dropdown-toggle.userData__btn:hover, .open > .btn-main-yellow.dropdown-toggle:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li .open > a.dropdown-toggle.navi-main__logoutBtn:focus, .SWM-Aid .open > .dropdown-toggle.btn-main:focus, .login .login-block .login-block__content #SWM-Aid .open > .dropdown-toggle.login-panel__btn:focus, .SWM-Aid .userData .userData__data .open > .dropdown-toggle.userData__btn:focus, .open > .btn-main-yellow.dropdown-toggle.focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li .open > a.dropdown-toggle.focus.navi-main__logoutBtn, .SWM-Aid .open > .dropdown-toggle.focus.btn-main, .login .login-block .login-block__content #SWM-Aid .open > .dropdown-toggle.focus.login-panel__btn, .SWM-Aid .userData .userData__data .open > .dropdown-toggle.focus.userData__btn { color: #FFF; background-color: #7e5f00; border-color: #554000; } .btn-main-yellow.disabled:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.disabled.navi-main__logoutBtn:hover, .SWM-Aid .disabled.btn-main:hover, .login .login-block .login-block__content #SWM-Aid .disabled.login-panel__btn:hover, .SWM-Aid .userData .userData__data .disabled.userData__btn:hover, .btn-main-yellow.disabled:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.disabled.navi-main__logoutBtn:focus, .SWM-Aid .disabled.btn-main:focus, .login .login-block .login-block__content #SWM-Aid .disabled.login-panel__btn:focus, .SWM-Aid .userData .userData__data .disabled.userData__btn:focus, .btn-main-yellow.disabled.focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.disabled.focus.navi-main__logoutBtn, .SWM-Aid .disabled.focus.btn-main, .login .login-block .login-block__content #SWM-Aid .disabled.focus.login-panel__btn, .SWM-Aid .userData .userData__data .disabled.focus.userData__btn, .btn-main-yellow[disabled]:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a[disabled].navi-main__logoutBtn:hover, .SWM-Aid [disabled].btn-main:hover, .login .login-block .login-block__content #SWM-Aid [disabled].login-panel__btn:hover, .SWM-Aid .userData .userData__data [disabled].userData__btn:hover, .btn-main-yellow[disabled]:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a[disabled].navi-main__logoutBtn:focus, .SWM-Aid [disabled].btn-main:focus, .login .login-block .login-block__content #SWM-Aid [disabled].login-panel__btn:focus, .SWM-Aid .userData .userData__data [disabled].userData__btn:focus, .btn-main-yellow[disabled].focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a[disabled].focus.navi-main__logoutBtn, .SWM-Aid [disabled].focus.btn-main, .login .login-block .login-block__content #SWM-Aid [disabled].focus.login-panel__btn, .SWM-Aid .userData .userData__data [disabled].focus.userData__btn, fieldset[disabled] .btn-main-yellow:hover, fieldset[disabled] .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:hover, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li fieldset[disabled] a.navi-main__logoutBtn:hover, fieldset[disabled] .SWM-Aid .btn-main:hover, .SWM-Aid fieldset[disabled] .btn-main:hover, fieldset[disabled] .login .login-block .login-block__content #SWM-Aid .login-panel__btn:hover, .login .login-block .login-block__content #SWM-Aid fieldset[disabled] .login-panel__btn:hover, fieldset[disabled] .SWM-Aid .userData .userData__data .userData__btn:hover, .SWM-Aid .userData .userData__data fieldset[disabled] .userData__btn:hover, fieldset[disabled] .btn-main-yellow:focus, fieldset[disabled] .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:focus, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li fieldset[disabled] a.navi-main__logoutBtn:focus, fieldset[disabled] .SWM-Aid .btn-main:focus, .SWM-Aid fieldset[disabled] .btn-main:focus, fieldset[disabled] .login .login-block .login-block__content #SWM-Aid .login-panel__btn:focus, .login .login-block .login-block__content #SWM-Aid fieldset[disabled] .login-panel__btn:focus, fieldset[disabled] .SWM-Aid .userData .userData__data .userData__btn:focus, .SWM-Aid .userData .userData__data fieldset[disabled] .userData__btn:focus, fieldset[disabled] .btn-main-yellow.focus, fieldset[disabled] .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.focus.navi-main__logoutBtn, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li fieldset[disabled] a.focus.navi-main__logoutBtn, fieldset[disabled] .SWM-Aid .focus.btn-main, .SWM-Aid fieldset[disabled] .focus.btn-main, fieldset[disabled] .login .login-block .login-block__content #SWM-Aid .focus.login-panel__btn, .login .login-block .login-block__content #SWM-Aid fieldset[disabled] .focus.login-panel__btn, fieldset[disabled] .SWM-Aid .userData .userData__data .focus.userData__btn, .SWM-Aid .userData .userData__data fieldset[disabled] .focus.userData__btn { background-color: #d4a100; border-color: #d4a100; } .btn-main-yellow .badge, .SWM-Aid .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn .badge, .SWM-Aid .btn-main .badge, .login .login-block .login-block__content #SWM-Aid .login-panel__btn .badge, .SWM-Aid .userData .userData__data .userData__btn .badge { color: #d4a100; background-color: #FFF; } .btn-main-yellow-white, .SWM-Aid .btn-main-white { color: #d4a100; background-color: #fff; border-color: #d4a100; } .btn-main-yellow-white:focus, .SWM-Aid .btn-main-white:focus, .btn-main-yellow-white.focus, .SWM-Aid .focus.btn-main-white { color: #d4a100; background-color: #e6e6e6; border-color: #554000; } .btn-main-yellow-white:hover, .SWM-Aid .btn-main-white:hover { color: #d4a100; background-color: #e6e6e6; border-color: #977300; } .btn-main-yellow-white:active, .SWM-Aid .btn-main-white:active, .btn-main-yellow-white.active, .SWM-Aid .active.btn-main-white, .open > .btn-main-yellow-white.dropdown-toggle, .SWM-Aid .open > .dropdown-toggle.btn-main-white { color: #d4a100; background-color: #e6e6e6; background-image: none; border-color: #977300; } .btn-main-yellow-white:active:hover, .SWM-Aid .btn-main-white:active:hover, .btn-main-yellow-white:active:focus, .SWM-Aid .btn-main-white:active:focus, .btn-main-yellow-white:active.focus, .SWM-Aid .btn-main-white:active.focus, .btn-main-yellow-white.active:hover, .SWM-Aid .active.btn-main-white:hover, .btn-main-yellow-white.active:focus, .SWM-Aid .active.btn-main-white:focus, .btn-main-yellow-white.active.focus, .SWM-Aid .active.focus.btn-main-white, .open > .btn-main-yellow-white.dropdown-toggle:hover, .SWM-Aid .open > .dropdown-toggle.btn-main-white:hover, .open > .btn-main-yellow-white.dropdown-toggle:focus, .SWM-Aid .open > .dropdown-toggle.btn-main-white:focus, .open > .btn-main-yellow-white.dropdown-toggle.focus, .SWM-Aid .open > .dropdown-toggle.focus.btn-main-white { color: #d4a100; background-color: #d4d4d4; border-color: #554000; } .btn-main-yellow-white.disabled:hover, .SWM-Aid .disabled.btn-main-white:hover, .btn-main-yellow-white.disabled:focus, .SWM-Aid .disabled.btn-main-white:focus, .btn-main-yellow-white.disabled.focus, .SWM-Aid .disabled.focus.btn-main-white, .btn-main-yellow-white[disabled]:hover, .SWM-Aid [disabled].btn-main-white:hover, .btn-main-yellow-white[disabled]:focus, .SWM-Aid [disabled].btn-main-white:focus, .btn-main-yellow-white[disabled].focus, .SWM-Aid [disabled].focus.btn-main-white, fieldset[disabled] .btn-main-yellow-white:hover, fieldset[disabled] .SWM-Aid .btn-main-white:hover, .SWM-Aid fieldset[disabled] .btn-main-white:hover, fieldset[disabled] .btn-main-yellow-white:focus, fieldset[disabled] .SWM-Aid .btn-main-white:focus, .SWM-Aid fieldset[disabled] .btn-main-white:focus, fieldset[disabled] .btn-main-yellow-white.focus, fieldset[disabled] .SWM-Aid .focus.btn-main-white, .SWM-Aid fieldset[disabled] .focus.btn-main-white { background-color: #fff; border-color: #d4a100; } .btn-main-yellow-white .badge, .SWM-Aid .btn-main-white .badge { color: #fff; background-color: #d4a100; } .btn-main-yellow-lighten { color: #ac8200; background-color: #ffebac; border-color: #ffebac; } .btn-main-yellow-lighten:focus, .btn-main-yellow-lighten.focus { color: #ac8200; background-color: #ffde79; border-color: #ffcc2c; } .btn-main-yellow-lighten:hover { color: #ac8200; background-color: #ffde79; border-color: #ffdc6e; } .btn-main-yellow-lighten:active, .btn-main-yellow-lighten.active, .open > .btn-main-yellow-lighten.dropdown-toggle { color: #ac8200; background-color: #ffde79; background-image: none; border-color: #ffdc6e; } .btn-main-yellow-lighten:active:hover, .btn-main-yellow-lighten:active:focus, .btn-main-yellow-lighten:active.focus, .btn-main-yellow-lighten.active:hover, .btn-main-yellow-lighten.active:focus, .btn-main-yellow-lighten.active.focus, .open > .btn-main-yellow-lighten.dropdown-toggle:hover, .open > .btn-main-yellow-lighten.dropdown-toggle:focus, .open > .btn-main-yellow-lighten.dropdown-toggle.focus { color: #ac8200; background-color: #ffd655; border-color: #ffcc2c; } .btn-main-yellow-lighten.disabled:hover, .btn-main-yellow-lighten.disabled:focus, .btn-main-yellow-lighten.disabled.focus, .btn-main-yellow-lighten[disabled]:hover, .btn-main-yellow-lighten[disabled]:focus, .btn-main-yellow-lighten[disabled].focus, fieldset[disabled] .btn-main-yellow-lighten:hover, fieldset[disabled] .btn-main-yellow-lighten:focus, fieldset[disabled] .btn-main-yellow-lighten.focus { background-color: #ffebac; border-color: #ffebac; } .btn-main-yellow-lighten .badge { color: #ffebac; background-color: #ac8200; } .btn-main-purple { color: #FFF; background-color: #552b8d; border-color: #552b8d; } .btn-main-purple:focus, .btn-main-purple.focus { color: #FFF; background-color: #3d1f66; border-color: #1a0d2b; } .btn-main-purple:hover { color: #FFF; background-color: #3d1f66; border-color: #391d5e; } .btn-main-purple:active, .btn-main-purple.active, .open > .btn-main-purple.dropdown-toggle { color: #FFF; background-color: #3d1f66; background-image: none; border-color: #391d5e; } .btn-main-purple:active:hover, .btn-main-purple:active:focus, .btn-main-purple:active.focus, .btn-main-purple.active:hover, .btn-main-purple.active:focus, .btn-main-purple.active.focus, .open > .btn-main-purple.dropdown-toggle:hover, .open > .btn-main-purple.dropdown-toggle:focus, .open > .btn-main-purple.dropdown-toggle.focus { color: #FFF; background-color: #2d174b; border-color: #1a0d2b; } .btn-main-purple.disabled:hover, .btn-main-purple.disabled:focus, .btn-main-purple.disabled.focus, .btn-main-purple[disabled]:hover, .btn-main-purple[disabled]:focus, .btn-main-purple[disabled].focus, fieldset[disabled] .btn-main-purple:hover, fieldset[disabled] .btn-main-purple:focus, fieldset[disabled] .btn-main-purple.focus { background-color: #552b8d; border-color: #552b8d; } .btn-main-purple .badge { color: #552b8d; background-color: #FFF; } .btn-main-purple-white { color: #552b8d; background-color: #fff; border-color: #552b8d; } .btn-main-purple-white:focus, .btn-main-purple-white.focus { color: #552b8d; background-color: #e6e6e6; border-color: #1a0d2b; } .btn-main-purple-white:hover { color: #552b8d; background-color: #e6e6e6; border-color: #391d5e; } .btn-main-purple-white:active, .btn-main-purple-white.active, .open > .btn-main-purple-white.dropdown-toggle { color: #552b8d; background-color: #e6e6e6; background-image: none; border-color: #391d5e; } .btn-main-purple-white:active:hover, .btn-main-purple-white:active:focus, .btn-main-purple-white:active.focus, .btn-main-purple-white.active:hover, .btn-main-purple-white.active:focus, .btn-main-purple-white.active.focus, .open > .btn-main-purple-white.dropdown-toggle:hover, .open > .btn-main-purple-white.dropdown-toggle:focus, .open > .btn-main-purple-white.dropdown-toggle.focus { color: #552b8d; background-color: #d4d4d4; border-color: #1a0d2b; } .btn-main-purple-white.disabled:hover, .btn-main-purple-white.disabled:focus, .btn-main-purple-white.disabled.focus, .btn-main-purple-white[disabled]:hover, .btn-main-purple-white[disabled]:focus, .btn-main-purple-white[disabled].focus, fieldset[disabled] .btn-main-purple-white:hover, fieldset[disabled] .btn-main-purple-white:focus, fieldset[disabled] .btn-main-purple-white.focus { background-color: #fff; border-color: #552b8d; } .btn-main-purple-white .badge { color: #fff; background-color: #552b8d; } .btn-main-purple-lighten { color: #552b8d; background-color: #9467d1; border-color: #9467d1; } .btn-main-purple-lighten:focus, .btn-main-purple-lighten.focus { color: #552b8d; background-color: #7940c5; border-color: #552b8d; } .btn-main-purple-lighten:hover { color: #552b8d; background-color: #7940c5; border-color: #743ac0; } .btn-main-purple-lighten:active, .btn-main-purple-lighten.active, .open > .btn-main-purple-lighten.dropdown-toggle { color: #552b8d; background-color: #7940c5; background-image: none; border-color: #743ac0; } .btn-main-purple-lighten:active:hover, .btn-main-purple-lighten:active:focus, .btn-main-purple-lighten:active.focus, .btn-main-purple-lighten.active:hover, .btn-main-purple-lighten.active:focus, .btn-main-purple-lighten.active.focus, .open > .btn-main-purple-lighten.dropdown-toggle:hover, .open > .btn-main-purple-lighten.dropdown-toggle:focus, .open > .btn-main-purple-lighten.dropdown-toggle.focus { color: #552b8d; background-color: #6835ac; border-color: #552b8d; } .btn-main-purple-lighten.disabled:hover, .btn-main-purple-lighten.disabled:focus, .btn-main-purple-lighten.disabled.focus, .btn-main-purple-lighten[disabled]:hover, .btn-main-purple-lighten[disabled]:focus, .btn-main-purple-lighten[disabled].focus, fieldset[disabled] .btn-main-purple-lighten:hover, fieldset[disabled] .btn-main-purple-lighten:focus, fieldset[disabled] .btn-main-purple-lighten.focus { background-color: #9467d1; border-color: #9467d1; } .btn-main-purple-lighten .badge { color: #9467d1; background-color: #552b8d; } .btn-main-orange, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn, .SWM .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn, .SWM .btn-main, .login .login-block .login-block__content #SWM .login-panel__btn, .SWM .userData .userData__data .userData__btn { color: #FFF; background-color: #006934; border-color: #006934; } .btn-main-orange:focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:focus, .SWM .btn-main:focus, .login .login-block .login-block__content #SWM .login-panel__btn:focus, .SWM .userData .userData__data .userData__btn:focus, .btn-main-orange.focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.focus.navi-main__logoutBtn, .SWM .focus.btn-main, .login .login-block .login-block__content #SWM .focus.login-panel__btn, .SWM .userData .userData__data .focus.userData__btn { color: #FFF; background-color: #00361b; border-color: black; } .btn-main-orange:hover, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:hover, .SWM .btn-main:hover, .login .login-block .login-block__content #SWM .login-panel__btn:hover, .SWM .userData .userData__data .userData__btn:hover { color: #FFF; background-color: #00361b; border-color: #002c16; } .btn-main-orange:active, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:active, .SWM .btn-main:active, .login .login-block .login-block__content #SWM .login-panel__btn:active, .SWM .userData .userData__data .userData__btn:active, .btn-main-orange.active, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.active.navi-main__logoutBtn, .SWM .active.btn-main, .login .login-block .login-block__content #SWM .active.login-panel__btn, .SWM .userData .userData__data .active.userData__btn, .open > .btn-main-orange.dropdown-toggle, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li .open > a.dropdown-toggle.navi-main__logoutBtn, .SWM .open > .dropdown-toggle.btn-main, .login .login-block .login-block__content #SWM .open > .dropdown-toggle.login-panel__btn, .SWM .userData .userData__data .open > .dropdown-toggle.userData__btn { color: #FFF; background-color: #00361b; background-image: none; border-color: #002c16; } .btn-main-orange:active:hover, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:active:hover, .SWM .btn-main:active:hover, .login .login-block .login-block__content #SWM .login-panel__btn:active:hover, .SWM .userData .userData__data .userData__btn:active:hover, .btn-main-orange:active:focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:active:focus, .SWM .btn-main:active:focus, .login .login-block .login-block__content #SWM .login-panel__btn:active:focus, .SWM .userData .userData__data .userData__btn:active:focus, .btn-main-orange:active.focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:active.focus, .SWM .btn-main:active.focus, .login .login-block .login-block__content #SWM .login-panel__btn:active.focus, .SWM .userData .userData__data .userData__btn:active.focus, .btn-main-orange.active:hover, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.active.navi-main__logoutBtn:hover, .SWM .active.btn-main:hover, .login .login-block .login-block__content #SWM .active.login-panel__btn:hover, .SWM .userData .userData__data .active.userData__btn:hover, .btn-main-orange.active:focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.active.navi-main__logoutBtn:focus, .SWM .active.btn-main:focus, .login .login-block .login-block__content #SWM .active.login-panel__btn:focus, .SWM .userData .userData__data .active.userData__btn:focus, .btn-main-orange.active.focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.active.focus.navi-main__logoutBtn, .SWM .active.focus.btn-main, .login .login-block .login-block__content #SWM .active.focus.login-panel__btn, .SWM .userData .userData__data .active.focus.userData__btn, .open > .btn-main-orange.dropdown-toggle:hover, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li .open > a.dropdown-toggle.navi-main__logoutBtn:hover, .SWM .open > .dropdown-toggle.btn-main:hover, .login .login-block .login-block__content #SWM .open > .dropdown-toggle.login-panel__btn:hover, .SWM .userData .userData__data .open > .dropdown-toggle.userData__btn:hover, .open > .btn-main-orange.dropdown-toggle:focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li .open > a.dropdown-toggle.navi-main__logoutBtn:focus, .SWM .open > .dropdown-toggle.btn-main:focus, .login .login-block .login-block__content #SWM .open > .dropdown-toggle.login-panel__btn:focus, .SWM .userData .userData__data .open > .dropdown-toggle.userData__btn:focus, .open > .btn-main-orange.dropdown-toggle.focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li .open > a.dropdown-toggle.focus.navi-main__logoutBtn, .SWM .open > .dropdown-toggle.focus.btn-main, .login .login-block .login-block__content #SWM .open > .dropdown-toggle.focus.login-panel__btn, .SWM .userData .userData__data .open > .dropdown-toggle.focus.userData__btn { color: #FFF; background-color: #001209; border-color: black; } .btn-main-orange.disabled:hover, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.disabled.navi-main__logoutBtn:hover, .SWM .disabled.btn-main:hover, .login .login-block .login-block__content #SWM .disabled.login-panel__btn:hover, .SWM .userData .userData__data .disabled.userData__btn:hover, .btn-main-orange.disabled:focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.disabled.navi-main__logoutBtn:focus, .SWM .disabled.btn-main:focus, .login .login-block .login-block__content #SWM .disabled.login-panel__btn:focus, .SWM .userData .userData__data .disabled.userData__btn:focus, .btn-main-orange.disabled.focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.disabled.focus.navi-main__logoutBtn, .SWM .disabled.focus.btn-main, .login .login-block .login-block__content #SWM .disabled.focus.login-panel__btn, .SWM .userData .userData__data .disabled.focus.userData__btn, .btn-main-orange[disabled]:hover, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a[disabled].navi-main__logoutBtn:hover, .SWM [disabled].btn-main:hover, .login .login-block .login-block__content #SWM [disabled].login-panel__btn:hover, .SWM .userData .userData__data [disabled].userData__btn:hover, .btn-main-orange[disabled]:focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a[disabled].navi-main__logoutBtn:focus, .SWM [disabled].btn-main:focus, .login .login-block .login-block__content #SWM [disabled].login-panel__btn:focus, .SWM .userData .userData__data [disabled].userData__btn:focus, .btn-main-orange[disabled].focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a[disabled].focus.navi-main__logoutBtn, .SWM [disabled].focus.btn-main, .login .login-block .login-block__content #SWM [disabled].focus.login-panel__btn, .SWM .userData .userData__data [disabled].focus.userData__btn, fieldset[disabled] .btn-main-orange:hover, fieldset[disabled] .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:hover, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li fieldset[disabled] a.navi-main__logoutBtn:hover, fieldset[disabled] .SWM .btn-main:hover, .SWM fieldset[disabled] .btn-main:hover, fieldset[disabled] .login .login-block .login-block__content #SWM .login-panel__btn:hover, .login .login-block .login-block__content #SWM fieldset[disabled] .login-panel__btn:hover, fieldset[disabled] .SWM .userData .userData__data .userData__btn:hover, .SWM .userData .userData__data fieldset[disabled] .userData__btn:hover, fieldset[disabled] .btn-main-orange:focus, fieldset[disabled] .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn:focus, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li fieldset[disabled] a.navi-main__logoutBtn:focus, fieldset[disabled] .SWM .btn-main:focus, .SWM fieldset[disabled] .btn-main:focus, fieldset[disabled] .login .login-block .login-block__content #SWM .login-panel__btn:focus, .login .login-block .login-block__content #SWM fieldset[disabled] .login-panel__btn:focus, fieldset[disabled] .SWM .userData .userData__data .userData__btn:focus, .SWM .userData .userData__data fieldset[disabled] .userData__btn:focus, fieldset[disabled] .btn-main-orange.focus, fieldset[disabled] .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.focus.navi-main__logoutBtn, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li fieldset[disabled] a.focus.navi-main__logoutBtn, fieldset[disabled] .SWM .focus.btn-main, .SWM fieldset[disabled] .focus.btn-main, fieldset[disabled] .login .login-block .login-block__content #SWM .focus.login-panel__btn, .login .login-block .login-block__content #SWM fieldset[disabled] .focus.login-panel__btn, fieldset[disabled] .SWM .userData .userData__data .focus.userData__btn, .SWM .userData .userData__data fieldset[disabled] .focus.userData__btn { background-color: #006934; border-color: #006934; } .btn-main-orange .badge, .navi-main .nav.navbar-nav.navbar-right > li .dropdown-menu li a.navi-main__logoutBtn .badge, .SWM .btn-main .badge, .login .login-block .login-block__content #SWM .login-panel__btn .badge, .SWM .userData .userData__data .userData__btn .badge { color: #006934; background-color: #FFF; } .btn-main-orange-white, .SWM .btn-main-white { color: #006934; background-color: #fff; border-color: #006934; } .btn-main-orange-white:focus, .SWM .btn-main-white:focus, .btn-main-orange-white.focus, .SWM .focus.btn-main-white { color: #006934; background-color: #e6e6e6; border-color: black; } .btn-main-orange-white:hover, .SWM .btn-main-white:hover { color: #006934; background-color: #e6e6e6; border-color: #002c16; } .btn-main-orange-white:active, .SWM .btn-main-white:active, .btn-main-orange-white.active, .SWM .active.btn-main-white, .open > .btn-main-orange-white.dropdown-toggle, .SWM .open > .dropdown-toggle.btn-main-white { color: #006934; background-color: #e6e6e6; background-image: none; border-color: #002c16; } .btn-main-orange-white:active:hover, .SWM .btn-main-white:active:hover, .btn-main-orange-white:active:focus, .SWM .btn-main-white:active:focus, .btn-main-orange-white:active.focus, .SWM .btn-main-white:active.focus, .btn-main-orange-white.active:hover, .SWM .active.btn-main-white:hover, .btn-main-orange-white.active:focus, .SWM .active.btn-main-white:focus, .btn-main-orange-white.active.focus, .SWM .active.focus.btn-main-white, .open > .btn-main-orange-white.dropdown-toggle:hover, .SWM .open > .dropdown-toggle.btn-main-white:hover, .open > .btn-main-orange-white.dropdown-toggle:focus, .SWM .open > .dropdown-toggle.btn-main-white:focus, .open > .btn-main-orange-white.dropdown-toggle.focus, .SWM .open > .dropdown-toggle.focus.btn-main-white { color: #006934; background-color: #d4d4d4; border-color: black; } .btn-main-orange-white.disabled:hover, .SWM .disabled.btn-main-white:hover, .btn-main-orange-white.disabled:focus, .SWM .disabled.btn-main-white:focus, .btn-main-orange-white.disabled.focus, .SWM .disabled.focus.btn-main-white, .btn-main-orange-white[disabled]:hover, .SWM [disabled].btn-main-white:hover, .btn-main-orange-white[disabled]:focus, .SWM [disabled].btn-main-white:focus, .btn-main-orange-white[disabled].focus, .SWM [disabled].focus.btn-main-white, fieldset[disabled] .btn-main-orange-white:hover, fieldset[disabled] .SWM .btn-main-white:hover, .SWM fieldset[disabled] .btn-main-white:hover, fieldset[disabled] .btn-main-orange-white:focus, fieldset[disabled] .SWM .btn-main-white:focus, .SWM fieldset[disabled] .btn-main-white:focus, fieldset[disabled] .btn-main-orange-white.focus, fieldset[disabled] .SWM .focus.btn-main-white, .SWM fieldset[disabled] .focus.btn-main-white { background-color: #fff; border-color: #006934; } .btn-main-orange-white .badge, .SWM .btn-main-white .badge { color: #fff; background-color: #006934; } .btn-main-orange-lighten { color: #006934; background-color: #36ff9a; border-color: #36ff9a; } .btn-main-orange-lighten:focus, .btn-main-orange-lighten.focus { color: #006934; background-color: #03ff80; border-color: #00b65a; } .btn-main-orange-lighten:hover { color: #006934; background-color: #03ff80; border-color: #00f87b; } .btn-main-orange-lighten:active, .btn-main-orange-lighten.active, .open > .btn-main-orange-lighten.dropdown-toggle { color: #006934; background-color: #03ff80; background-image: none; border-color: #00f87b; } .btn-main-orange-lighten:active:hover, .btn-main-orange-lighten:active:focus, .btn-main-orange-lighten:active.focus, .btn-main-orange-lighten.active:hover, .btn-main-orange-lighten.active:focus, .btn-main-orange-lighten.active.focus, .open > .btn-main-orange-lighten.dropdown-toggle:hover, .open > .btn-main-orange-lighten.dropdown-toggle:focus, .open > .btn-main-orange-lighten.dropdown-toggle.focus { color: #006934; background-color: #00de6e; border-color: #00b65a; } .btn-main-orange-lighten.disabled:hover, .btn-main-orange-lighten.disabled:focus, .btn-main-orange-lighten.disabled.focus, .btn-main-orange-lighten[disabled]:hover, .btn-main-orange-lighten[disabled]:focus, .btn-main-orange-lighten[disabled].focus, fieldset[disabled] .btn-main-orange-lighten:hover, fieldset[disabled] .btn-main-orange-lighten:focus, fieldset[disabled] .btn-main-orange-lighten.focus { background-color: #36ff9a; border-color: #36ff9a; } .btn-main-orange-lighten .badge { color: #36ff9a; background-color: #006934; } .btn-main-skin { color: #FFF; background-color: #f18f66; border-color: #f18f66; } .btn-main-skin:focus, .btn-main-skin.focus { color: #FFF; background-color: #ed6d37; border-color: #c54712; } .btn-main-skin:hover { color: #FFF; background-color: #ed6d37; border-color: #ec662e; } .btn-main-skin:active, .btn-main-skin.active, .open > .btn-main-skin.dropdown-toggle { color: #FFF; background-color: #ed6d37; background-image: none; border-color: #ec662e; } .btn-main-skin:active:hover, .btn-main-skin:active:focus, .btn-main-skin:active.focus, .btn-main-skin.active:hover, .btn-main-skin.active:focus, .btn-main-skin.active.focus, .open > .btn-main-skin.dropdown-toggle:hover, .open > .btn-main-skin.dropdown-toggle:focus, .open > .btn-main-skin.dropdown-toggle.focus { color: #FFF; background-color: #ea5516; border-color: #c54712; } .btn-main-skin.disabled:hover, .btn-main-skin.disabled:focus, .btn-main-skin.disabled.focus, .btn-main-skin[disabled]:hover, .btn-main-skin[disabled]:focus, .btn-main-skin[disabled].focus, fieldset[disabled] .btn-main-skin:hover, fieldset[disabled] .btn-main-skin:focus, fieldset[disabled] .btn-main-skin.focus { background-color: #f18f66; border-color: #f18f66; } .btn-main-skin .badge { color: #f18f66; background-color: #FFF; } .btn-main-skin-white { color: #f18f66; background-color: #fff; border-color: #f18f66; } .btn-main-skin-white:focus, .btn-main-skin-white.focus { color: #f18f66; background-color: #e6e6e6; border-color: #c54712; } .btn-main-skin-white:hover { color: #f18f66; background-color: #e6e6e6; border-color: #ec662e; } .btn-main-skin-white:active, .btn-main-skin-white.active, .open > .btn-main-skin-white.dropdown-toggle { color: #f18f66; background-color: #e6e6e6; background-image: none; border-color: #ec662e; } .btn-main-skin-white:active:hover, .btn-main-skin-white:active:focus, .btn-main-skin-white:active.focus, .btn-main-skin-white.active:hover, .btn-main-skin-white.active:focus, .btn-main-skin-white.active.focus, .open > .btn-main-skin-white.dropdown-toggle:hover, .open > .btn-main-skin-white.dropdown-toggle:focus, .open > .btn-main-skin-white.dropdown-toggle.focus { color: #f18f66; background-color: #d4d4d4; border-color: #c54712; } .btn-main-skin-white.disabled:hover, .btn-main-skin-white.disabled:focus, .btn-main-skin-white.disabled.focus, .btn-main-skin-white[disabled]:hover, .btn-main-skin-white[disabled]:focus, .btn-main-skin-white[disabled].focus, fieldset[disabled] .btn-main-skin-white:hover, fieldset[disabled] .btn-main-skin-white:focus, fieldset[disabled] .btn-main-skin-white.focus { background-color: #fff; border-color: #f18f66; } .btn-main-skin-white .badge { color: #fff; background-color: #f18f66; } .btn-main-skin-lighten { color: #ed6d37; background-color: #fce4da; border-color: #fce4da; } .btn-main-skin-lighten:focus, .btn-main-skin-lighten.focus { color: #ed6d37; background-color: #f7c2ac; border-color: #f18f66; } .btn-main-skin-lighten:hover { color: #ed6d37; background-color: #f7c2ac; border-color: #f6bba2; } .btn-main-skin-lighten:active, .btn-main-skin-lighten.active, .open > .btn-main-skin-lighten.dropdown-toggle { color: #ed6d37; background-color: #f7c2ac; background-image: none; border-color: #f6bba2; } .btn-main-skin-lighten:active:hover, .btn-main-skin-lighten:active:focus, .btn-main-skin-lighten:active.focus, .btn-main-skin-lighten.active:hover, .btn-main-skin-lighten.active:focus, .btn-main-skin-lighten.active.focus, .open > .btn-main-skin-lighten.dropdown-toggle:hover, .open > .btn-main-skin-lighten.dropdown-toggle:focus, .open > .btn-main-skin-lighten.dropdown-toggle.focus { color: #ed6d37; background-color: #f4aa8b; border-color: #f18f66; } .btn-main-skin-lighten.disabled:hover, .btn-main-skin-lighten.disabled:focus, .btn-main-skin-lighten.disabled.focus, .btn-main-skin-lighten[disabled]:hover, .btn-main-skin-lighten[disabled]:focus, .btn-main-skin-lighten[disabled].focus, fieldset[disabled] .btn-main-skin-lighten:hover, fieldset[disabled] .btn-main-skin-lighten:focus, fieldset[disabled] .btn-main-skin-lighten.focus { background-color: #fce4da; border-color: #fce4da; } .btn-main-skin-lighten .badge { color: #fce4da; background-color: #ed6d37; } .btn-default-gray { color: #FFF; background-color: #8e979a; border-color: #8e979a; } .btn-default-gray:focus, .btn-default-gray.focus { color: #FFF; background-color: #747e81; border-color: #505759; } .btn-default-gray:hover { color: #FFF; background-color: #747e81; border-color: #6f797b; } .btn-default-gray:active, .btn-default-gray.active, .open > .btn-default-gray.dropdown-toggle { color: #FFF; background-color: #747e81; background-image: none; border-color: #6f797b; } .btn-default-gray:active:hover, .btn-default-gray:active:focus, .btn-default-gray:active.focus, .btn-default-gray.active:hover, .btn-default-gray.active:focus, .btn-default-gray.active.focus, .open > .btn-default-gray.dropdown-toggle:hover, .open > .btn-default-gray.dropdown-toggle:focus, .open > .btn-default-gray.dropdown-toggle.focus { color: #FFF; background-color: #636c6e; border-color: #505759; } .btn-default-gray.disabled:hover, .btn-default-gray.disabled:focus, .btn-default-gray.disabled.focus, .btn-default-gray[disabled]:hover, .btn-default-gray[disabled]:focus, .btn-default-gray[disabled].focus, fieldset[disabled] .btn-default-gray:hover, fieldset[disabled] .btn-default-gray:focus, fieldset[disabled] .btn-default-gray.focus { background-color: #8e979a; border-color: #8e979a; } .btn-default-gray .badge { color: #8e979a; background-color: #FFF; } .btn-default-gray-white { color: #8e979a; background-color: #fff; border-color: #8e979a; } .btn-default-gray-white:focus, .btn-default-gray-white.focus { color: #8e979a; background-color: #e6e6e6; border-color: #505759; } .btn-default-gray-white:hover { color: #8e979a; background-color: #e6e6e6; border-color: #6f797b; } .btn-default-gray-white:active, .btn-default-gray-white.active, .open > .btn-default-gray-white.dropdown-toggle { color: #8e979a; background-color: #e6e6e6; background-image: none; border-color: #6f797b; } .btn-default-gray-white:active:hover, .btn-default-gray-white:active:focus, .btn-default-gray-white:active.focus, .btn-default-gray-white.active:hover, .btn-default-gray-white.active:focus, .btn-default-gray-white.active.focus, .open > .btn-default-gray-white.dropdown-toggle:hover, .open > .btn-default-gray-white.dropdown-toggle:focus, .open > .btn-default-gray-white.dropdown-toggle.focus { color: #8e979a; background-color: #d4d4d4; border-color: #505759; } .btn-default-gray-white.disabled:hover, .btn-default-gray-white.disabled:focus, .btn-default-gray-white.disabled.focus, .btn-default-gray-white[disabled]:hover, .btn-default-gray-white[disabled]:focus, .btn-default-gray-white[disabled].focus, fieldset[disabled] .btn-default-gray-white:hover, fieldset[disabled] .btn-default-gray-white:focus, fieldset[disabled] .btn-default-gray-white.focus { background-color: #fff; border-color: #8e979a; } .btn-default-gray-white .badge { color: #fff; background-color: #8e979a; } .btn-main-red { color: #FFF; background-color: #ff5151; border-color: #ff5151; } .btn-main-red:focus, .btn-main-red.focus { color: #FFF; background-color: #ff1e1e; border-color: #d10000; } .btn-main-red:hover { color: #FFF; background-color: #ff1e1e; border-color: #ff1414; } .btn-main-red:active, .btn-main-red.active, .open > .btn-main-red.dropdown-toggle { color: #FFF; background-color: #ff1e1e; background-image: none; border-color: #ff1414; } .btn-main-red:active:hover, .btn-main-red:active:focus, .btn-main-red:active.focus, .btn-main-red.active:hover, .btn-main-red.active:focus, .btn-main-red.active.focus, .open > .btn-main-red.dropdown-toggle:hover, .open > .btn-main-red.dropdown-toggle:focus, .open > .btn-main-red.dropdown-toggle.focus { color: #FFF; background-color: #f90000; border-color: #d10000; } .btn-main-red.disabled:hover, .btn-main-red.disabled:focus, .btn-main-red.disabled.focus, .btn-main-red[disabled]:hover, .btn-main-red[disabled]:focus, .btn-main-red[disabled].focus, fieldset[disabled] .btn-main-red:hover, fieldset[disabled] .btn-main-red:focus, fieldset[disabled] .btn-main-red.focus { background-color: #ff5151; border-color: #ff5151; } .btn-main-red .badge { color: #ff5151; background-color: #FFF; } .btn-main-red-white { color: #ff5151; background-color: #fff; border-color: #ff5151; } .btn-main-red-white:focus, .btn-main-red-white.focus { color: #ff5151; background-color: #e6e6e6; border-color: #d10000; } .btn-main-red-white:hover { color: #ff5151; background-color: #e6e6e6; border-color: #ff1414; } .btn-main-red-white:active, .btn-main-red-white.active, .open > .btn-main-red-white.dropdown-toggle { color: #ff5151; background-color: #e6e6e6; background-image: none; border-color: #ff1414; } .btn-main-red-white:active:hover, .btn-main-red-white:active:focus, .btn-main-red-white:active.focus, .btn-main-red-white.active:hover, .btn-main-red-white.active:focus, .btn-main-red-white.active.focus, .open > .btn-main-red-white.dropdown-toggle:hover, .open > .btn-main-red-white.dropdown-toggle:focus, .open > .btn-main-red-white.dropdown-toggle.focus { color: #ff5151; background-color: #d4d4d4; border-color: #d10000; } .btn-main-red-white.disabled:hover, .btn-main-red-white.disabled:focus, .btn-main-red-white.disabled.focus, .btn-main-red-white[disabled]:hover, .btn-main-red-white[disabled]:focus, .btn-main-red-white[disabled].focus, fieldset[disabled] .btn-main-red-white:hover, fieldset[disabled] .btn-main-red-white:focus, fieldset[disabled] .btn-main-red-white.focus { background-color: #fff; border-color: #ff5151; } .btn-main-red-white .badge { color: #fff; background-color: #ff5151; } .btn-main-red-lighten { color: #ff5151; background-color: white; border-color: white; } .btn-main-red-lighten:focus, .btn-main-red-lighten.focus { color: #ff5151; background-color: #ffcccc; border-color: #ff8080; } .btn-main-red-lighten:hover { color: #ff5151; background-color: #ffcccc; border-color: #ffc2c2; } .btn-main-red-lighten:active, .btn-main-red-lighten.active, .open > .btn-main-red-lighten.dropdown-toggle { color: #ff5151; background-color: #ffcccc; background-image: none; border-color: #ffc2c2; } .btn-main-red-lighten:active:hover, .btn-main-red-lighten:active:focus, .btn-main-red-lighten:active.focus, .btn-main-red-lighten.active:hover, .btn-main-red-lighten.active:focus, .btn-main-red-lighten.active.focus, .open > .btn-main-red-lighten.dropdown-toggle:hover, .open > .btn-main-red-lighten.dropdown-toggle:focus, .open > .btn-main-red-lighten.dropdown-toggle.focus { color: #ff5151; background-color: #ffa8a8; border-color: #ff8080; } .btn-main-red-lighten.disabled:hover, .btn-main-red-lighten.disabled:focus, .btn-main-red-lighten.disabled.focus, .btn-main-red-lighten[disabled]:hover, .btn-main-red-lighten[disabled]:focus, .btn-main-red-lighten[disabled].focus, fieldset[disabled] .btn-main-red-lighten:hover, fieldset[disabled] .btn-main-red-lighten:focus, fieldset[disabled] .btn-main-red-lighten.focus { background-color: white; border-color: white; } .btn-main-red-lighten .badge { color: white; background-color: #ff5151; } .input-group .input-group-btn .btn { padding: 5px 12px; } .btn-clean { background-color: transparent; border-color: transparent; box-shadow: none; } .btn-clean:hover, .btn-clean:focus, .btn-clean:active { background-color: transparent; border-color: transparent; box-shadow: none; } @media screen and (min-width: 1600px) { .container-fluid-lg { margin-left: 8.33333333%; margin-right: 8.33333333%; } } .embed-responsive-1by1 { padding-bottom: 100%; } .embed-responsive-125pre { /*14.8*21cm*/ padding-bottom: 125%; } .embed-responsive-25K { /*14.8*21cm*/ padding-bottom: 141.89%; } .embed-responsive-25Kshort { /*14.8*20cm*/ padding-bottom: 135.13%; } .embed-responsive-18K { /*17*23cm*/ padding-bottom: 135.29%; } .embed-responsive-18Kshort { /*17*22cm*/ padding-bottom: 129.41%; } .embed-responsive-32K { /*13*19cm*/ padding-bottom: 146.15%; } .embed-responsive-32Ks1 { /*13*18cm*/ padding-bottom: 138.46%; } .embed-responsive-32Ks2 { /*10.8*16.8cm*/ padding-bottom: 155.55%; } .embed-responsive-32Ks3 { /*11.5*16cm*/ padding-bottom: 139.13%; } .embed-responsive-32Ks4 { /*14.8*10.5cm*/ padding-bottom: 70.94%; } .embed-responsive-square12K { /*22.2*21.3cm*/ padding-bottom: 95.94%; } .embed-responsive-square20K { /*17.8*15.9cm*/ padding-bottom: 89.32%; } .embed-responsive-square24K { /*15.9*14.5cm*/ padding-bottom: 91.19%; } .flex-center, .navi-main .navbar-header .navbar-brand, .SWM .navi-main .navbar-header .navbar-brand, .SWM-Aid .navi-main .navbar-header .navbar-brand, .feedback .left .feedback-contentBlock .scoreAll, .feedback .left .feedback-contentBlock .scoreDetail { display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 768px) { .flex-center-sm { display: flex; align-items: center; justify-content: center; } } @media screen and (min-width: 992px) { .flex-center-md { display: flex; align-items: center; justify-content: center; } } @media screen and (min-width: 1200px) { .flex-center-lg { display: flex; align-items: center; justify-content: center; } } @media screen and (min-width: 1600px) { .flex-center-xl { display: flex; align-items: center; justify-content: center; } } label { font-weight: 300; margin-bottom: 0; display: inline; } textarea { resize: vertical; } .input-inline { width: auto !important; } .form-disabled-noBorder.disabled, .form-disabled-noBorder:disabled, .form-disabled-noBorder[disabled], .form-disabled-noBorder[disabled="disabled"] { border: none; padding: 0; background-color: transparent; box-shadow: none; font-size: 0.8rem; color: #2e3233; width: auto; height: auto; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; cursor: default; resize: none; } .textarea-disabled-lightBorder.disabled, .textarea-disabled-lightBorder:disabled, .textarea-disabled-lightBorder[disabled], .textarea-disabled-lightBorder[disabled="disabled"] { border: 1px solid #eee; background-color: #FBFBFB; } .form-control { font-size: 0.8rem; padding: 3px 4px; } .form-control:focus { border-color: #008341; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 131, 65, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 131, 65, 0.6); } .form-style-1 .form-group .control-label { font-size: 0.8rem; padding-top: 0px; margin-top: 10px; } .form-style-1 .form-group .form-control { font-size: 0.8rem; } .form-style-1 .form-group .help-block { font-size: 0.8rem; padding-top: 0px; margin-top: 0px; } @media screen and (min-width: 768px) { .form-style-1 .form-group .help-block { height: 43px; display: table-cell; vertical-align: middle; } } .form-style-2 .form-group .control-label { font-size: 0.8rem; padding-top: 0px; margin-top: 5px; } .form-style-2 .form-group .form-control { font-size: 0.8rem; padding: 4px 12px; } .form-style-2 .form-group .help-block { font-size: 0.8rem; padding-top: 0px; margin-top: 0px; } @media screen and (min-width: 768px) { .form-style-2 .form-group .help-block { height: 43px; display: table-cell; vertical-align: middle; } } .form-style-2 .form-group .mark-block { font-size: 0.8rem; color: #737373; } .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #2e3233; } .has-error .form-control { border-color: #ff5151; } .has-error .form-control:focus { border-color: #ff5151; box-shadow: 0 0 6px #ff9e9e; } .has-error .help-block { color: #ff5151; } .input-group .input-group-btn .btn { padding: 4px 12px 5px 12px; } .form-group strong { font-weight: 400; } /*set separate 5(12/5=2.4) block*/ .col-xs-2_4, .col-xsm-2_4, .col-sm-2_4, .col-md-2_4, .col-lg-2_4, .col-xl-2_4, .col-xlg-2_4 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-2_4 { width: 20%; float: left; } @media (min-width: 576px) { .col-xsm-2_4 { width: 20%; float: left; } } @media (min-width: 768px) { .col-sm-2_4 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-2_4 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-2_4 { width: 20%; float: left; } } @media (min-width: 1600px) { .col-xl-2_4, .col-xlg-2_4 { width: 20%; float: left; } } /*<576*/ @media (min-width: 576px) and (max-width: 767px) { .col-xsm-1, .col-xsm-2, .col-xsm-3, .col-xsm-4, .col-xsm-5, .col-xsm-6, .col-xsm-7, .col-xsm-8, .col-xsm-9, .col-xsm-10, .col-xsm-11, .col-xsm-12 { float: left; } .col-xsm-12 { width: 100%; } .col-xsm-11 { width: 91.66666667%; } .col-xsm-10 { width: 83.33333333%; } .col-xsm-9 { width: 75%; } .col-xsm-8 { width: 66.66666667%; } .col-xsm-7 { width: 58.33333333%; } .col-xsm-6 { width: 50%; } .col-xsm-5 { width: 41.66666667%; } .col-xsm-4 { width: 33.33333333%; } .col-xsm-3 { width: 25%; } .col-xsm-2 { width: 16.66666667%; } .col-xsm-1 { width: 8.33333333%; } .col-xsm-pull-12 { right: 100%; } .col-xsm-pull-11 { right: 91.66666667%; } .col-xsm-pull-10 { right: 83.33333333%; } .col-xsm-pull-9 { right: 75%; } .col-xsm-pull-8 { right: 66.66666667%; } .col-xsm-pull-7 { right: 58.33333333%; } .col-xsm-pull-6 { right: 50%; } .col-xsm-pull-5 { right: 41.66666667%; } .col-xsm-pull-4 { right: 33.33333333%; } .col-xsm-pull-3 { right: 25%; } .col-xsm-pull-2 { right: 16.66666667%; } .col-xsm-pull-1 { right: 8.33333333%; } .col-xsm-pull-0 { right: auto; } .col-xsm-push-12 { left: 100%; } .col-xsm-push-11 { left: 91.66666667%; } .col-xsm-push-10 { left: 83.33333333%; } .col-xsm-push-9 { left: 75%; } .col-xsm-push-8 { left: 66.66666667%; } .col-xsm-push-7 { left: 58.33333333%; } .col-xsm-push-6 { left: 50%; } .col-xsm-push-5 { left: 41.66666667%; } .col-xsm-push-4 { left: 33.33333333%; } .col-xsm-push-3 { left: 25%; } .col-xsm-push-2 { left: 16.66666667%; } .col-xsm-push-1 { left: 8.33333333%; } .col-xsm-push-0 { left: auto; } .col-xsm-offset-12 { margin-left: 100%; } .col-xsm-offset-11 { margin-left: 91.66666667%; } .col-xsm-offset-10 { margin-left: 83.33333333%; } .col-xsm-offset-9 { margin-left: 75%; } .col-xsm-offset-8 { margin-left: 66.66666667%; } .col-xsm-offset-7 { margin-left: 58.33333333%; } .col-xsm-offset-6 { margin-left: 50%; } .col-xsm-offset-5 { margin-left: 41.66666667%; } .col-xsm-offset-4 { margin-left: 33.33333333%; } .col-xsm-offset-3 { margin-left: 25%; } .col-xsm-offset-2 { margin-left: 16.66666667%; } .col-xsm-offset-1 { margin-left: 8.33333333%; } .col-xsm-offset-0 { margin-left: 0; } } /*>1600*/ @media (min-width: 1600px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0; } } .jumbotron { font-size: 0.85rem; } @media screen and (min-width: 1200px) { modal-body-text.modal-md-full, .modal-xl { width: 1200px; } } .modal-full { width: calc(100% - 30px - 30px); } .modal-large .modal-dialog { width: calc(100% - 15px - 15px); } @media screen and (min-width: 1600px) { .modal-large .modal-dialog { width: calc(100% - 8.333333% - 8.333333%); } } .modal-template1 .modal-dialog .modal-content .modal-header .modal-title { font-size: 1.4rem; font-weight: 400; line-height: 1.5; } .modal-template1 .modal-dialog .modal-content .modal-body { padding-top: 0; padding-bottom: 0; } .modal-template1 .modal-dialog .modal-content .modal-body .book-item { margin: .75rem 0 .75rem 0; } .modal-template1 .modal-dialog .modal-content .modal-body .modalContent { min-height: calc(100vh - 30px - 30px - 73px - 67px - 2px); border-left: 1px solid #e5e5e5; padding: 15px; } @media screen and (min-width: 768px) and (max-width: 1199px) { .modal-likeModal { width: calc(100% - 8.333333% - 8.333333%); } } @media screen and (min-width: 1600px) { .modal-likeModal { width: calc(100% - 8.333333% - 8.333333%); } } .modal-likeModal .modal-content .modal-body { min-height: calc(100vh - 30px - 30px - 130px); } .modal .modal-title { font-weight: 400; } .modal-body-text { font-size: 0.85rem !important; line-height: 1.5rem !important; } .modal-body-text > p { margin-bottom: 1.5rem !important; } .modal-style1 .modal-content { border-radius: 0px; } .modal-style1 .modal-content .modal-header { border-bottom: 1px solid transparent; } .modal-style1 .modal-content .modal-footer { border-top: 1px solid transparent; text-align: center; } .modal-noLine .modal-content .modal-header { border-bottom: 1px solid transparent; } .modal-noLine .modal-content .modal-footer { border-top: 1px solid transparent; } .modal-grayBg { background-color: #f4f5f5; padding: 0.75rem; margin: -0.75rem -0.75rem 0.75rem -0.75rem; border-bottom: 1px solid #ddd; } .modal-confirm .modal-dialog.flex-center, .modal-confirm .navi-main .navbar-header .modal-dialog.navbar-brand, .navi-main .navbar-header .modal-confirm .modal-dialog.navbar-brand, .modal-confirm .feedback .left .feedback-contentBlock .modal-dialog.scoreAll, .feedback .left .feedback-contentBlock .modal-confirm .modal-dialog.scoreAll, .modal-confirm .feedback .left .feedback-contentBlock .modal-dialog.scoreDetail, .feedback .left .feedback-contentBlock .modal-confirm .modal-dialog.scoreDetail { min-height: 100vh; margin: 0px auto; } .modal-confirm .modal-content { max-width: 80%; width: 450px; } .modal-confirm .modal-content .modal-header { border-bottom: 1px solid transparent; } .modal-confirm .modal-content .modal-header .modal-title { font-weight: 300; font-size: 0.85rem; color: #333; } .modal-confirm .modal-content .modal-body { font-size: 0.8rem; color: #333; } .modal-confirm .modal-content .modal-footer { border-top: 1px solid transparent; } .modal-backdrop.in.alpha0 { filter: alpha(opacity=0); opacity: 0; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .visible-lg-inline-block { display: inline-block !important; } } @media (min-width: 1600px) { .visible-xl { display: block !important; } table.visible-xl { display: table !important; } tr.visible-xl { display: table-row !important; } th.visible-xl, td.visible-xl { display: table-cell !important; } } @media (min-width: 1600px) { .visible-lg-block { display: block !important; } } @media (min-width: 1600px) { .visible-xl-inline { display: inline !important; } } @media (min-width: 1600px) { .visible-xj-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .hidden-lg { display: none !important; } } @media (min-width: 1600px) { .hidden-xl { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { /*0*/ margin-left: 0 !important; } .m-1 { /*5*/ margin: 0.25rem !important; } .mt-1, .my-1 { /*5*/ margin-top: 0.25rem !important; } .mr-1, .mx-1 { /*5*/ margin-right: 0.25rem !important; } .mb-1, .my-1 { /*5*/ margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { /*5*/ margin-left: 0.25rem !important; } .m-2 { /*10*/ margin: 0.5rem !important; } .mt-2, .my-2 { /*10*/ margin-top: 0.5rem !important; } .mr-2, .mx-2 { /*10*/ margin-right: 0.5rem !important; } .mb-2, .my-2 { /*10*/ margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { /*10*/ margin-left: 0.5rem !important; } .m-3 { /*15*/ margin: .75rem !important; } .mt-3, .my-3 { /*15*/ margin-top: .75rem !important; } .mr-3, .mx-3 { /*15*/ margin-right: .75rem !important; } .mb-3, .my-3 { /*15*/ margin-bottom: .75rem !important; } .ml-3, .mx-3 { /*15*/ margin-left: .75rem !important; } .m-4 { /*20*/ margin: 1.0rem !important; } .mt-4, .my-4 { /*20*/ margin-top: 1.0rem !important; } .mr-4, .mx-4 { /*20*/ margin-right: 1.0rem !important; } .mb-4, .my-4 { /*20*/ margin-bottom: 1.0rem !important; } .ml-4, .mx-4 { /*20*/ margin-left: 1.0rem !important; } .m-5 { /*30*/ margin: 1.5rem !important; } .mt-5, .my-5 { /*30*/ margin-top: 1.5rem !important; } .mr-5, .mx-5 { /*30*/ margin-right: 1.5rem !important; } .mb-5, .my-5 { /*30*/ margin-bottom: 1.5rem !important; } .ml-5, .mx-5 { /*30*/ margin-left: 1.5rem !important; } .p-0 { /*0*/ padding: 0 !important; } .pt-0, .py-0 { /*0*/ padding-top: 0 !important; } .pr-0, .px-0 { /*0*/ padding-right: 0 !important; } .pb-0, .py-0 { /*0*/ padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { /*5*/ padding: 0.25rem !important; } .pt-1, .py-1 { /*5*/ padding-top: 0.25rem !important; } .pr-1, .px-1 { /*5*/ padding-right: 0.25rem !important; } .pb-1, .py-1 { /*5*/ padding-bottom: 0.25rem !important; } .pl-1, .px-1 { /*5*/ padding-left: 0.25rem !important; } .p-2 { /*10*/ padding: 0.5rem !important; } .pt-2, .py-2 { /*10*/ padding-top: 0.5rem !important; } .pr-2, .px-2 { /*10*/ padding-right: 0.5rem !important; } .pb-2, .py-2 { /*10*/ padding-bottom: 0.5rem !important; } .pl-2, .px-2 { /*10*/ padding-left: 0.5rem !important; } .p-3 { /*15*/ padding: .75rem !important; } .pt-3, .py-3 { /*15*/ padding-top: .75rem !important; } .pr-3, .px-3 { padding-right: .75rem !important; } .pb-3, .py-3 { /*15*/ padding-bottom: .75rem !important; } .pl-3, .px-3 { /*15*/ padding-left: .75rem !important; } .p-4 { /*20*/ padding: 1rem !important; } .pt-4, .py-4 { /*20*/ padding-top: 1rem !important; } .pr-4, .px-4 { /*20*/ padding-right: 1rem !important; } .pb-4, .py-4 { /*20*/ padding-bottom: 1rem !important; } .pl-4, .px-4 { /*20*/ padding-left: 1rem !important; } .p-5 { /*30*/ padding: 1.5rem !important; } .pt-5, .py-5 { /*30*/ padding-top: 1.5rem !important; } .pr-5, .px-5 { /*30*/ padding-right: 1.5rem !important; } .pb-5, .py-5 { /*30*/ padding-bottom: 1.5rem !important; } .pl-5, .px-5 { /*30*/ padding-left: 1.5rem !important; } .m-n1 { /*-5*/ margin: -0.25rem !important; } .mt-n1, .my-n1 { /*-5*/ margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { /*-5*/ margin-right: -0.25rem !important; } .mb-n1, .my-n1 { /*-5*/ margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { /*-5*/ margin-left: -0.25rem !important; } .m-n2 { /*-10*/ margin: -0.5rem !important; } .mt-n2, .my-n2 { /*-10*/ margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { /*-10*/ margin-right: -0.5rem !important; } .mb-n2, .my-n2 { /*-10*/ margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { /*-10*/ margin-left: -0.5rem !important; } .m-n3 { /*-15*/ margin: -.75rem !important; } .mt-n3, .my-n3 { /*-15*/ margin-top: -.75rem !important; } .mr-n3, .mx-n3 { /*-15*/ margin-right: -1rem !important; } .mb-n3, .my-n3 { /*-15*/ margin-bottom: -.75rem !important; } .ml-n3, .mx-n3 { /*-15*/ margin-left: -.75rem !important; } .m-n4 { /*-20*/ margin: -1rem !important; } .mt-n4, .my-n4 { /*-20*/ margin-top: -1rem !important; } .mr-n4, .mx-n4 { /*-20*/ margin-right: -1rem !important; } .mb-n4, .my-n4 { /*-20*/ margin-bottom: -1rem !important; } .ml-n4, .mx-n4 { /*-20*/ margin-left: -1rem !important; } .m-n5 { /*-30*/ margin: -1.5rem !important; } .mt-n5, .my-n5 { /*-30*/ margin-top: -1.5rem !important; } .mr-n5, .mx-n5 { /*-30*/ margin-right: -1.5rem !important; } .mb-n5, .my-n5 { /*-30*/ margin-bottom: -1.5rem !important; } .ml-n5, .mx-n5 { /*-30*/ margin-left: -1.5rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-xsm-0 { margin: 0 !important; } .mt-xsm-0, .my-xsm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-xsm-0, .my-xsm-0 { margin-bottom: 0 !important; } .ml-xsm-0, .mx-xsm-0 { margin-left: 0 !important; } .m-xsm-1 { margin: 0.25rem !important; } .mt-xsm-1, .my-xsm-1 { margin-top: 0.25rem !important; } .mr-xsm-1, .mx-xsm-1 { margin-right: 0.25rem !important; } .mb-xsm-1, .my-xsm-1 { margin-bottom: 0.25rem !important; } .ml-xsm-1, .mx-xsm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-xsm-2, .my-xsm-2 { margin-top: 0.5rem !important; } .mr-xsm-2, .mx-xsm-2 { margin-right: 0.5rem !important; } .mb-xsm-2, .my-xsm-2 { margin-bottom: 0.5rem !important; } .ml-xsm-2, .mx-xsm-2 { margin-left: 0.5rem !important; } .m-xsm-3 { margin: .75rem !important; } .mt-xsm-3, .my-xsm-3 { margin-top: .75rem !important; } .mr-xsm-3, .mx-xsm-3 { margin-right: .75rem !important; } .mb-xsm-3, .my-xsm-3 { margin-bottom: .75rem !important; } .ml-xsm-3, .mx-xsm-3 { margin-left: .75rem !important; } .m-xsm-4 { margin: 1.0rem !important; } .mt-xsm-4, .my-xsm-4 { margin-top: 1.0rem !important; } .mr-xsm-4, .mx-xsm-4 { margin-right: 1.0rem !important; } .mb-xsm-4, .my-xsm-4 { margin-bottom: 1rem !important; } .ml-xsm-4, .mx-xsm-4 { margin-left: 1.0rem !important; } .m-xsm-5 { margin: 1.5rem !important; } .mt-xsm-5, .my-xsm-5 { margin-top: 1.5rem !important; } .mr-xsm-5, .mx-xsm-5 { margin-right: 1.5rem !important; } .mb-xsm-5, .my-xsm-5 { margin-bottom: 1.5rem !important; } .ml-xsm-5, .mx-xsm-5 { margin-left: 1.5rem !important; } .p-xsm-0 { padding: 0 !important; } .pt-xsm-0, .py-xsm-0 { padding-top: 0 !important; } .pr-xsm-0, .px-xsm-0 { padding-right: 0 !important; } .pb-xsm-0, .py-xsm-0 { padding-bottom: 0 !important; } .pl-xsm-0, .px-xsm-0 { padding-left: 0 !important; } .p-xsm-1 { padding: 0.25rem !important; } .pt-xsm-1, .py-xsm-1 { padding-top: 0.25rem !important; } .pr-xsm-1, .px-xsm-1 { padding-right: 0.25rem !important; } .pb-xsm-1, .py-xsm-1 { padding-bottom: 0.25rem !important; } .pl-xsm-1, .px-xsm-1 { padding-left: 0.25rem !important; } .p-xsm-2 { padding: 0.5rem !important; } .pt-xsm-2, .py-xsm-2 { padding-top: 0.5rem !important; } .pr-xsm-2, .px-xsm-2 { padding-right: 0.5rem !important; } .pb-xsm-2, .py-xsm-2 { padding-bottom: 0.5rem !important; } .pl-xsm-2, .px-xsm-2 { padding-left: 0.5rem !important; } .p-xsm-3 { padding: .75rem !important; } .pt-xsm-3, .py-xsm-3 { padding-top: .75rem !important; } .pr-xsm-3, .px-xsm-3 { padding-right: .75rem !important; } .pb-xsm-3, .py-xsm-3 { padding-bottom: .75rem !important; } .pl-xsm-3, .px-xsm-3 { padding-left: .75rem !important; } .p-xsm-4 { padding: 1.0rem !important; } .pt-xsm-4, .py-xsm-4 { padding-top: 1.0rem !important; } .pr-xsm-4, .px-xsm-4 { padding-right: 1.0rem !important; } .pb-xsm-4, .py-xsm-4 { padding-bottom: 1.0rem !important; } .pl-xsm-4, .px-xsm-4 { padding-left: 1.0rem !important; } .p-xsm-5 { padding: 1.5rem !important; } .pt-xsm-5, .py-xsm-5 { padding-top: 1.5rem !important; } .pr-xsm-5, .px-xsm-5 { padding-right: 1.5rem !important; } .pb-xsm-5, .py-xsm-5 { padding-bottom: 1.5rem !important; } .pl-xsm-5, .px-xsm-5 { padding-left: 1.5rem !important; } .m-xsm-n1 { margin: -0.25rem !important; } .mt-xsm-n1, .my-xsm-n1 { margin-top: -0.25rem !important; } .mr-xsm-n1, .mx-xsm-n1 { margin-right: -0.25rem !important; } .mb-xsm-n1, .my-xsm-n1 { margin-bottom: -0.25rem !important; } .ml-xsm-n1, .mx-xsm-n1 { margin-left: -0.25rem !important; } .m-xsm-n2 { margin: -0.5rem !important; } .mt-xsm-n2, .my-xsm-n2 { margin-top: -0.5rem !important; } .mr-xsm-n2, .mx-xsm-n2 { margin-right: -0.5rem !important; } .mb-xsm-n2, .my-xsm-n2 { margin-bottom: -0.5rem !important; } .ml-xsm-n2, .mx-xsm-n2 { margin-left: -0.5rem !important; } .m-xsm-n3 { margin: -.75rem !important; } .mt-xsm-n3, .my-xsm-n3 { margin-top: -.75rem !important; } .mr-xsm-n3, .mx-xsm-n3 { margin-right: -.75rem !important; } .mb-xsm-n3, .my-xsm-n3 { margin-bottom: -.75rem !important; } .ml-xsm-n3, .mx-xsm-n3 { margin-left: -.75rem !important; } .m-xsm-n4 { margin: -1.0rem !important; } .mt-xsm-n4, .my-xsm-n4 { margin-top: -1.0rem !important; } .mr-xsm-n4, .mx-xsm-n4 { margin-right: -1.0rem !important; } .mb-xsm-n4, .my-xsm-n4 { margin-bottom: -1.0rem !important; } .ml-xsm-n4, .mx-xsm-n4 { margin-left: -1.0rem !important; } .m-xsm-n5 { margin: -1.5rem !important; } .mt-xsm-n5, .my-xsm-n5 { margin-top: -1.5rem !important; } .mr-xsm-n5, .mx-xsm-n5 { margin-right: -1.5rem !important; } .mb-xsm-n5, .my-xsm-n5 { margin-bottom: -1.5rem !important; } .ml-xsm-n5, .mx-xsm-n5 { margin-left: -1.5rem !important; } .m-xsm-auto { margin: auto !important; } .mt-xsm-auto, .my-xsm-auto { margin-top: auto !important; } .mr-xsm-auto, .mx-xsm-auto { margin-right: auto !important; } .mb-xsm-auto, .my-xsm-auto { margin-bottom: auto !important; } .ml-xsm-auto, .mx-xsm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: .75rem !important; } .mt-sm-3, .my-sm-3 { margin-top: .75rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: .75rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: .75rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: .75rem !important; } .m-sm-4 { margin: 1.0rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.0rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.0rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.0rem !important; } .m-sm-5 { margin: 1.5rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 1.5rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 1.5rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 1.5rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 1.5rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: .75rem !important; } .pt-sm-3, .py-sm-3 { padding-top: .75rem !important; } .pr-sm-3, .px-sm-3 { padding-right: .75rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: .75rem !important; } .pl-sm-3, .px-sm-3 { padding-left: .75rem !important; } .p-sm-4 { padding: 1.0rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.0rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.0rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.0rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.0rem !important; } .p-sm-5 { padding: 1.5rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 1.5rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 1.5rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 1.5rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 1.5rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -.75rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -.75rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -.75rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -.75rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -.75rem !important; } .m-sm-n4 { margin: -1.0rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.0rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.0rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.0rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.0rem !important; } .m-sm-n5 { margin: -1.5rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -1.5rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -1.5rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -1.5rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -1.5rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: .75rem !important; } .mt-md-3, .my-md-3 { margin-top: .75rem !important; } .mr-md-3, .mx-md-3 { margin-right: .75rem !important; } .mb-md-3, .my-md-3 { margin-bottom: .75rem !important; } .ml-md-3, .mx-md-3 { margin-left: .75rem !important; } .m-md-4 { margin: 1.0rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.0rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.0rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.0rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.0rem !important; } .m-md-5 { margin: 1.5rem !important; } .mt-md-5, .my-md-5 { margin-top: 1.5rem !important; } .mr-md-5, .mx-md-5 { margin-right: 1.5rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 1.5rem !important; } .ml-md-5, .mx-md-5 { margin-left: 1.5rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: .75rem !important; } .pt-md-3, .py-md-3 { padding-top: .75rem !important; } .pr-md-3, .px-md-3 { padding-right: .75rem !important; } .pb-md-3, .py-md-3 { padding-bottom: .75rem !important; } .pl-md-3, .px-md-3 { padding-left: .75rem !important; } .p-md-4 { padding: 1.0rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.0rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.0rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.0rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.0rem !important; } .p-md-5 { padding: 1.5rem !important; } .pt-md-5, .py-md-5 { padding-top: 1.5rem !important; } .pr-md-5, .px-md-5 { padding-right: 1.5rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 1.5rem !important; } .pl-md-5, .px-md-5 { padding-left: 1.5rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -.75rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -.75rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -.75rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -.75rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -.75rem !important; } .m-md-n4 { margin: -1.0rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.0rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.0rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.0rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.0rem !important; } .m-md-n5 { margin: -1.5rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -1.5rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -1.5rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -1.5rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -1.5rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: .75rem !important; } .mt-lg-3, .my-lg-3 { margin-top: .75rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: .75rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: .75rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: .75rem !important; } .m-lg-4 { margin: 1.0rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.0rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.0rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.0rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.0rem !important; } .m-lg-5 { margin: 1.5rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 1.5rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 1.5rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 1.5rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 1.5rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: .75rem !important; } .pt-lg-3, .py-lg-3 { padding-top: .75rem !important; } .pr-lg-3, .px-lg-3 { padding-right: .75rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: .75rem !important; } .pl-lg-3, .px-lg-3 { padding-left: .75rem !important; } .p-lg-4 { padding: 1.0rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.0rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.0rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.0rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.0rem !important; } .p-lg-5 { padding: 1.5rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 1.5rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 1.5rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 1.5rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 1.5rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -.75rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -.75rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -.75rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -.75rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -.75rem !important; } .m-lg-n4 { margin: -1.0rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.0rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.0rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.0rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.0rem !important; } .m-lg-n5 { margin: -1.5rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -1.5rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -1.5rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -1.5rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -1.5rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1600px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: .75rem !important; } .mt-xl-3, .my-xl-3 { margin-top: .75rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: .75rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: .75rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: .75rem !important; } .m-xl-4 { margin: 1.0rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.0rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.0rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.0rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.0rem !important; } .m-xl-5 { margin: 1.5rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 1.5rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 1.5rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 1.5rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 1.5rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: .75rem !important; } .pt-xl-3, .py-xl-3 { padding-top: .75rem !important; } .pr-xl-3, .px-xl-3 { padding-right: .75rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: .75rem !important; } .pl-xl-3, .px-xl-3 { padding-left: .75rem !important; } .p-xl-4 { padding: 1.0rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.0rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.0rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.0rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.0rem !important; } .p-xl-5 { padding: 1.5rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 1.5rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 1.5rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 1.5rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 1.5rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -.75rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -.75rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -.75rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -.75rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -.75rem !important; } .m-xl-n4 { margin: -1.0rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.0rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.0rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.0rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.0rem !important; } .m-xl-n5 { margin: -1.5rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -1.5rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -1.5rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -1.5rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -1.5rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } @-webkit-keyframes spinner-alpha { 0% { opacity: 0; } 50% { opacity: 1.0; } 100% { opacity: 1.0; } } @keyframes spinner-alpha { 0% { opacity: 0; } 50% { opacity: 1.0; } 100% { opacity: 1.0; } } .spinner-words { opacity: 0; -webkit-animation: 1.5s linear infinite spinner-alpha; animation: 1.5s linear infinite spinner-alpha; } .cardList-item { display: block; background-color: #FFF; padding: .75rem; position: relative; border: 1px solid #ddd; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: .5rem; margin-bottom: 1rem; } .cardList-item > .row { display: flex; align-items: center; justify-content: center; } .cardList-item .item__front { display: block; border: 1px solid #eee; background-color: #eee; border-radius: .25rem; overflow: hidden; } .cardList-item .item__front .embed-responsive .default-text { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; font-size: 1.2rem; line-height: 1.5rem; font-weight: 700; color: rgba(0, 0, 0, 0.4); padding: .5rem; overflow: hidden; text-shadow: 1px 1px rgba(255, 255, 255, 0.25); } .cardList-item a.item__front:hover { position: relative; } .cardList-item a.item__front:hover::after { content: attr(aria-label); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); color: #FFF; text-align: center; padding-top: calc((100% - 1rem*1.5)/2); } .cardList-item .item__content .application { font-size: 0.9rem; font-weight: 400; color: #974A22; margin-top: 0; padding-left: 1px; white-space: nowrap; overflow: hidden; } .cardList-item .item__content .application > label { font-weight: 400; } .cardList-item .item__content .textbookName { color: #333; font-size: 1rem; font-weight: 400; margin: 0 0 .75rem 0; width: 100%; padding-left: 1.25rem; text-indent: -1.25rem; white-space: nowrap; overflow: hidden; position: relative; } .cardList-item .item__content .textbookName img { margin-right: .2rem; vertical-align: middle; margin-top: -.2rem; } .cardList-item .item__content .textbookName::after { content: ""; display: block; width: 3rem; height: 100%; background-color: red; position: absolute; top: 0; right: 0; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .cardList-item .item__content .info { font-size: 0.85rem; color: #5c6466; padding-left: 1px; white-space: nowrap; overflow: hidden; } .cardList-item .item__content .info > p { margin-bottom: 0; } .cardList-item .item__content .info .text-muted { color: #bbb; } .cardList-item .close { position: absolute; top: .25rem; right: .25rem; font-size: 1.4rem; } .cardList-item .tooltip-inner { max-width: auto; width: auto; white-space: nowrap; } .cardList-item:hover { transform: scale(1.03); transition: transform .5s; background-color: #fff7df; } .cardList-item:hover .item__content .textbookName::after { background: -moz-linear-gradient(left, rgba(255, 247, 223, 0) 0%, #fff7df 100%); background: -webkit-linear-gradient(left, rgba(255, 247, 223, 0) 0%, #fff7df 100%); background: linear-gradient(to right, rgba(255, 247, 223, 0) 0%, #fff7df 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } a.cardList-item:hover { transform: scale(1.03); transition: transform .5s; } a.cardList-item:hover .item__front { position: relative; } a.cardList-item:hover .item__front::after { content: attr(aria-label); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); color: #FFF; text-align: center; padding-top: calc((100% - 1rem*1.5)/2); } a.cardList-item:hover .item__content .textbookName { color: #974A22; } @media screen and (max-width: 767px) { .dataTables_wrapper .table-responsive { margin-top: 6px !important; } } .dataTables_wrapper .table-responsive table { width: calc(100% - 1px) !important; } @media screen and (max-width: 767px) { .dataTables_wrapper .table-responsive table { margin-top: 0 !important; margin-bottom: 0 !important; } } table.dataTable { box-sizing: border-box; } table.dataTable td { word-break: break-all; } table.dataTable td .form-control { width: 100%; } table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: .4rem; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: relative; bottom: 0; right: 0; left: 5px; display: inline-block; vertical-align: middle; } table.dataTable thead .sorting::after { opacity: 0.2; } table.dataTable thead .sorting_asc:after { color: #1a8bff; } table.dataTable thead .sorting_desc:after { color: #1a8bff; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 1px; } /*with .table-thead-gradual*/ table.dataTable.table-thead-gradual thead .sorting::after { opacity: 0.75; } table.dataTable.table-thead-gradual thead .sorting_asc:after { color: #FFF; opacity: 0.95; } table.dataTable.table-thead-gradual thead .sorting_desc:after { color: #FFF; opacity: 0.95; } /*with .table-thead-gray*/ table.dataTable.table-thead-gray thead .sorting::after { opacity: 0.25; } table.dataTable.table-thead-gray thead .sorting_asc:after { color: #5c6466; opacity: 0.5; } table.dataTable.table-thead-gray thead .sorting_desc:after { color: #5c6466; opacity: 0.5; } [class*="Dradio-"] { padding-left: 30px; min-height: 22px; position: relative; } [class*="Dradio-"].radio-inline { display: inline-block; } [class*="Dradio-"] > input[type="radio"] { display: none; } [class*="Dradio-"] > label { cursor: pointer; font-size: 16px; } [class*="Dradio-"] > label::before { content: ""; display: block; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #ccc; position: absolute; top: 4px; left: 0; } [class*="Dradio-"] > label::after { content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background-color: #ccc; position: absolute; top: 8px; left: 4px; } [class*="Dradio-"]:hover > label { cursor: pointer; } [class*="Dradio-"]:hover > label::before { border: 1px solid #999999; } [class*="Dradio-"]:hover > label::after { background-color: #999999; } [class*="Dradio-"] > input[type="radio"].disabled + label, [class*="Dradio-"] > input[type="radio"][disabled] + label, [class*="Dradio-"] > input[type="radio"][disabled="disabled"] + label { cursor: not-allowed; } [class*="Dradio-"] > input[type="radio"].disabled + label::before, [class*="Dradio-"] > input[type="radio"][disabled] + label::before, [class*="Dradio-"] > input[type="radio"][disabled="disabled"] + label::before { border: 1px solid #ccc; } [class*="Dradio-"] > input[type="radio"].disabled + label::after, [class*="Dradio-"] > input[type="radio"][disabled] + label::after, [class*="Dradio-"] > input[type="radio"][disabled="disabled"] + label::after { background-color: #ccc; } .Dradio-main-blue > input[type="radio"]:checked + label::after { background-color: #974A22; } .Dradio-main-sky > input[type="radio"]:checked + label::after { background-color: #1a8bff; } .Dradio-main-green > input[type="radio"]:checked + label::after { background-color: #14a83b; } .Dradio-main-yellow > input[type="radio"]:checked + label::after { background-color: #dfa900; } .Dradio-main-purple > input[type="radio"]:checked + label::after { background-color: #492579; } .Dradio-main-orange > input[type="radio"]:checked + label::after { background-color: #006934; } .Dradio-main-skin > input[type="radio"]:checked + label::after { background-color: #f18f66; } /* for font-size:16px*/ /*bootstrap*/ .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 0px; } .checkbox label, .checkbox-inline label { font-size: 0.8em; font-weight: 300 !important; } /*icheck-bootstrap-master*/ [class*="icheck-"] { min-height: 16px; margin-top: 0px !important; margin-bottom: 0px !important; padding-left: 0px; line-height: 16px; } .icheck-inline { display: inline-block; } .icheck-inline + .icheck-inline { margin-left: .75rem; margin-top: 6px; } [class*="icheck-"] > label { padding-left: 25px !important; min-height: 16px; line-height: 16px; display: inline-block; position: relative; vertical-align: top; margin-bottom: 0; font-weight: normal; cursor: pointer; } [class*="icheck-"] > input:first-child { position: absolute !important; opacity: 0; margin: 0; } [class*="icheck-"] > input:first-child:disabled { cursor: default; } [class*="icheck-"] > input:first-child + label::before, [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before { content: ""; display: inline-block; position: absolute; width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 0px; margin-left: -25px; } [class*="icheck-"] > input:first-child:checked + label::after, [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after { content: ""; display: inline-block; position: absolute; top: -5px; left: -2px; width: 7px; height: 14px; border: solid 2px #FFF; border-left: none; border-top: none; transform: translate(7.75px, 4.5px) rotate(45deg); -ms-transform: translate(7.75px, 4.5px) rotate(45deg); } [class*="icheck-"] > input[type="radio"]:first-child + label::before, [class*="icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before { border-radius: 50%; } [class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + label::before, [class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-width: 2px; } [class*="icheck-"] > input:first-child:disabled + label, [class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label, [class*="icheck-"] > input:first-child:disabled + label::before, [class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label::before { pointer-events: none; cursor: default; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .icheck-main-blue > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-blue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #974A22; } .icheck-main-blue > input:first-child:checked + label::before, .icheck-main-blue > input:first-child:checked + input[type="hidden"] + label::before { background-color: #974A22; border-color: #974A22; } .icheck-main-sky > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-sky > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #1a8bff; } .icheck-main-sky > input:first-child:checked + label::before, .icheck-main-sky > input:first-child:checked + input[type="hidden"] + label::before { background-color: #1a8bff; border-color: #1a8bff; } .icheck-main-green > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-green > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #14a83b; } .icheck-main-green > input:first-child:checked + label::before, .icheck-main-green > input:first-child:checked + input[type="hidden"] + label::before { background-color: #14a83b; border-color: #14a83b; } .icheck-main-yellow > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-yellow > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #dfa900; } .icheck-main-yellow > input:first-child:checked + label::before, .icheck-main-yellow > input:first-child:checked + input[type="hidden"] + label::before { background-color: #dfa900; border-color: #dfa900; } .icheck-main-purple > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-purple > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #492579; } .icheck-main-purple > input:first-child:checked + label::before, .icheck-main-purple > input:first-child:checked + input[type="hidden"] + label::before { background-color: #492579; border-color: #492579; } .icheck-main-orange > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #006934; } .icheck-main-orange > input:first-child:checked + label::before, .icheck-main-orange > input:first-child:checked + input[type="hidden"] + label::before { background-color: #006934; border-color: #006934; } .icheck-main-skin > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-skin > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #f18f66; } .icheck-main-skin > input:first-child:checked + label::before, .icheck-main-skin > input:first-child:checked + input[type="hidden"] + label::before { background-color: #f18f66; border-color: #f18f66; } .icheck-main-blue-white > input:first-child + label::before, .icheck-main-blue-white > input:first-child + input[type="hidden"] + label::before { border: 1px solid #974A22; } .icheck-main-blue-white > input:first-child:checked + label::after, .icheck-main-blue-white > input:first-child:checked + input[type="hidden"] + label::after { border: solid 2px #974A22; border-left: none; border-top: none; transform: translate(7.75px, 4.5px) rotate(45deg); -ms-transform: translate(7.75px, 4.5px) rotate(45deg); box-shadow: 2px 0px #FFF, 0px -2px #FFF; } .icheck-main-blue-white > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-blue-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #974A22; } .icheck-main-blue-white > input:first-child:checked + label::before, .icheck-main-blue-white > input:first-child:checked + input[type="hidden"] + label::before { background-color: #FFF; border-color: #974A22; } .icheck-main-sky-white > input:first-child + label::before, .icheck-main-sky-white > input:first-child + input[type="hidden"] + label::before { border: 1px solid #1a8bff; } .icheck-main-sky-white > input:first-child:checked + label::after, .icheck-main-sky-white > input:first-child:checked + input[type="hidden"] + label::after { border: solid 2px #1a8bff; border-left: none; border-top: none; transform: translate(7.75px, 4.5px) rotate(45deg); -ms-transform: translate(7.75px, 4.5px) rotate(45deg); box-shadow: 2px 0px #FFF, 0px -2px #FFF; } .icheck-main-sky-white > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-sky-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #1a8bff; } .icheck-main-sky-white > input:first-child:checked + label::before, .icheck-main-sky-white > input:first-child:checked + input[type="hidden"] + label::before { background-color: #FFF; border-color: #1a8bff; } .icheck-main-green-white > input:first-child + label::before, .icheck-main-green-white > input:first-child + input[type="hidden"] + label::before { border: 1px solid #14a83b; } .icheck-main-green-white > input:first-child:checked + label::after, .icheck-main-green-white > input:first-child:checked + input[type="hidden"] + label::after { border: solid 2px #14a83b; border-left: none; border-top: none; transform: translate(7.75px, 4.5px) rotate(45deg); -ms-transform: translate(7.75px, 4.5px) rotate(45deg); box-shadow: 2px 0px #FFF, 0px -2px #FFF; } .icheck-main-green-white > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-green-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #14a83b; } .icheck-main-green-white > input:first-child:checked + label::before, .icheck-main-green-white > input:first-child:checked + input[type="hidden"] + label::before { background-color: #FFF; border-color: #14a83b; } .icheck-main-yellow-white > input:first-child + label::before, .icheck-main-yellow-white > input:first-child + input[type="hidden"] + label::before { border: 1px solid #dfa900; } .icheck-main-yellow-white > input:first-child:checked + label::after, .icheck-main-yellow-white > input:first-child:checked + input[type="hidden"] + label::after { border: solid 2px #dfa900; border-left: none; border-top: none; transform: translate(7.75px, 4.5px) rotate(45deg); -ms-transform: translate(7.75px, 4.5px) rotate(45deg); box-shadow: 2px 0px #FFF, 0px -2px #FFF; } .icheck-main-yellow-white > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-yellow-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #dfa900; } .icheck-main-yellow-white > input:first-child:checked + label::before, .icheck-main-yellow-white > input:first-child:checked + input[type="hidden"] + label::before { background-color: #FFF; border-color: #dfa900; } .icheck-main-purple-white > input:first-child + label::before, .icheck-main-purple-white > input:first-child + input[type="hidden"] + label::before { border: 1px solid #492579; } .icheck-main-purple-white > input:first-child:checked + label::after, .icheck-main-purple-white > input:first-child:checked + input[type="hidden"] + label::after { border: solid 2px #492579; border-left: none; border-top: none; transform: translate(7.75px, 4.5px) rotate(45deg); -ms-transform: translate(7.75px, 4.5px) rotate(45deg); box-shadow: 2px 0px #FFF, 0px -2px #FFF; } .icheck-main-purple-white > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-purple-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #492579; } .icheck-main-purple-white > input:first-child:checked + label::before, .icheck-main-purple-white > input:first-child:checked + input[type="hidden"] + label::before { background-color: #FFF; border-color: #492579; } .icheck-main-orange-white > input:first-child + label::before, .icheck-main-orange-white > input:first-child + input[type="hidden"] + label::before { border: 1px solid #006934; } .icheck-main-orange-white > input:first-child:checked + label::after, .icheck-main-orange-white > input:first-child:checked + input[type="hidden"] + label::after { border: solid 2px #006934; border-left: none; border-top: none; transform: translate(7.75px, 4.5px) rotate(45deg); -ms-transform: translate(7.75px, 4.5px) rotate(45deg); box-shadow: 2px 0px #FFF, 0px -2px #FFF; } .icheck-main-orange-white > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-orange-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #006934; } .icheck-main-orange-white > input:first-child:checked + label::before, .icheck-main-orange-white > input:first-child:checked + input[type="hidden"] + label::before { background-color: #FFF; border-color: #006934; } .icheck-main-skin-white > input:first-child + label::before, .icheck-main-skin-white > input:first-child + input[type="hidden"] + label::before { border: 1px solid #f18f66; } .icheck-main-skin-white > input:first-child:checked + label::after, .icheck-main-skin-white > input:first-child:checked + input[type="hidden"] + label::after { border: solid 2px #f18f66; border-left: none; border-top: none; transform: translate(7.75px, 4.5px) rotate(45deg); -ms-transform: translate(7.75px, 4.5px) rotate(45deg); box-shadow: 2px 0px #FFF, 0px -2px #FFF; } .icheck-main-skin-white > input:first-child:not(:checked):not(:disabled):hover + label::before, .icheck-main-skin-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #f18f66; } .icheck-main-skin-white > input:first-child:checked + label::before, .icheck-main-skin-white > input:first-child:checked + input[type="hidden"] + label::before { background-color: #FFF; border-color: #f18f66; } @-webkit-keyframes showTip { from { opacity: 0.0; filter: alpha(opacity=0); } to { opacity: 1.0; filter: alpha(opacity=100); } } @-moz-keyframes showTip { from { opacity: 0.0; filter: alpha(opacity=0); } to { opacity: 1.0; filter: alpha(opacity=100); } } @-ms-keyframes showTip { from { opacity: 0.0; filter: alpha(opacity=0); } to { opacity: 1.0; filter: alpha(opacity=100); } } @-o-keyframes showTip { from { opacity: 0.0; filter: alpha(opacity=0); } to { opacity: 1.0; filter: alpha(opacity=100); } } @keyframes showTip { from { opacity: 0.0; filter: alpha(opacity=0); } to { opacity: 1.0; filter: alpha(opacity=100); } } .link-border.link-main-blue { text-decoration: none; color: #974A22; box-shadow: 0 1px #974A22; } .link-border.link-main-blue:hover, .link-border.link-main-blue:focus, .link-border.link-main-blue:active { text-decoration: none; color: #653217 !important; box-shadow: 0 1px #653217 !important; } .link-border.link-main-sky { text-decoration: none; color: #1a8bff; box-shadow: 0 1px #1a8bff; } .link-border.link-main-sky:hover, .link-border.link-main-sky:focus, .link-border.link-main-sky:active { text-decoration: none; color: #006cdc !important; box-shadow: 0 1px #006cdc !important; } .link-border.link-main-green { text-decoration: none; color: #14a83b; box-shadow: 0 1px #14a83b; } .link-border.link-main-green:hover, .link-border.link-main-green:focus, .link-border.link-main-green:active { text-decoration: none; color: #0d7128 !important; box-shadow: 0 1px #0d7128 !important; } .link-border.link-main-yellow { text-decoration: none; color: #F8BC00; box-shadow: 0 1px #F8BC00; } .link-border.link-main-yellow:hover, .link-border.link-main-yellow:focus, .link-border.link-main-yellow:active { text-decoration: none; color: #bb8e00 !important; box-shadow: 0 1px #bb8e00 !important; } .link-border.link-main-purple { text-decoration: none; color: #552b8d; box-shadow: 0 1px #552b8d; } .link-border.link-main-purple:hover, .link-border.link-main-purple:focus, .link-border.link-main-purple:active { text-decoration: none; color: #391d5e !important; box-shadow: 0 1px #391d5e !important; } .link-border.link-main-orange { text-decoration: none; color: #006934; box-shadow: 0 1px #006934; } .link-border.link-main-orange:hover, .link-border.link-main-orange:focus, .link-border.link-main-orange:active { text-decoration: none; color: #002c16 !important; box-shadow: 0 1px #002c16 !important; } .link-border.link-main-skin { text-decoration: none; color: #f3a07d; box-shadow: 0 1px #f3a07d; } .link-border.link-main-skin:hover, .link-border.link-main-skin:focus, .link-border.link-main-skin:active { text-decoration: none; color: #ee7745 !important; box-shadow: 0 1px #ee7745 !important; } .link-border.link-main-red { text-decoration: none; color: #ff5151; box-shadow: 0 1px #ff5151; } .link-border.link-main-red:hover, .link-border.link-main-red:focus, .link-border.link-main-red:active { text-decoration: none; color: #ff1414 !important; box-shadow: 0 1px #ff1414 !important; } /**/ .link-noBorder.link-main-blue { text-decoration: none; color: #974A22; } .link-noBorder.link-main-blue:hover, .link-noBorder.link-main-blue:focus, .link-noBorder.link-main-blue:active { text-decoration: none; box-shadow: none; color: #6d3619; } .link-noBorder.link-main-sky { text-decoration: none; color: #1a8bff; } .link-noBorder.link-main-sky:hover, .link-noBorder.link-main-sky:focus, .link-noBorder.link-main-sky:active { text-decoration: none; box-shadow: none; color: #0071e6; } .link-noBorder.link-main-green { text-decoration: none; color: #14a83b; } .link-noBorder.link-main-green:hover, .link-noBorder.link-main-green:focus, .link-noBorder.link-main-green:active { text-decoration: none; box-shadow: none; color: #0f7a2b; } .link-noBorder.link-main-yellow { text-decoration: none; color: #F8BC00; } .link-noBorder.link-main-yellow:hover, .link-noBorder.link-main-yellow:focus, .link-noBorder.link-main-yellow:active { text-decoration: none; box-shadow: none; color: #c59500; } .link-noBorder.link-main-purple { text-decoration: none; color: #552b8d; } .link-noBorder.link-main-purple:hover, .link-noBorder.link-main-purple:focus, .link-noBorder.link-main-purple:active { text-decoration: none; box-shadow: none; color: #3d1f66; } .link-noBorder.link-main-orange { text-decoration: none; color: #006934; } .link-noBorder.link-main-orange:hover, .link-noBorder.link-main-orange:focus, .link-noBorder.link-main-orange:active { text-decoration: none; box-shadow: none; color: #00361b; } .link-noBorder.link-main-skin { text-decoration: none; color: #f3a07d; } .link-noBorder.link-main-skin:hover, .link-noBorder.link-main-skin:focus, .link-noBorder.link-main-skin:active { text-decoration: none; box-shadow: none; color: #ef7e4e; } .link-noBorder.link-main-red { text-decoration: none; color: #ff5151; } .link-noBorder.link-main-red:hover, .link-noBorder.link-main-red:focus, .link-noBorder.link-main-red:active { text-decoration: none; box-shadow: none; color: #ff1e1e; } #modal-loading { display: flex; justify-content: space-around; flex-direction: column; } #modal-loading .modal-content { box-shadow: none; background-color: transparent; border-color: transparent; font-weight: 500; } .loadingPre { position: relative; margin: 0 auto; } .loadingPre .loadingPre-text { position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .loadingPre .loadingPre-svg { position: absolute; width: 100%; top: 0; left: 0; transform: rotate(-90deg); } .loadingPre .loadingPre-svg .loadingPre-borderFront { transition: stroke-dashoffset 1s ease-in-out; } .more { text-decoration: none; position: relative; margin-right: .6rem; font-size: .8rem !important; font-weight: 300 !important; background-color: transparent; border: none; padding: 0; line-height: 1.1; font-weight: 400; } .more::after { content: ""; display: inline-block; border-top: 1px solid inherit; border-top: 1px solid inherit; width: .4rem; height: .4rem; transform: rotate(45deg); margin-top: -.1rem; vertical-align: middle; position: absolute; top: 50%; right: -.4rem; } .more:hover, .more:focus, .more:active { text-decoration: none; box-shadow: 0 1px inherit; } .more.more-down { margin-right: .8rem; } .more.more-down::after { transform: rotate(135deg); margin-top: -.2rem; right: -.6rem; } .more.more-up { margin-right: .8rem; } .more.more-up::after { transform: rotate(-45deg); margin-top: 0; right: -.6rem; } .more-red { color: #ff5151; } .more-red::after { border-top: 1px solid #ff5151; border-right: 1px solid #ff5151; } .more-red:hover, .more-red:focus, .more-red:active { color: #ff5151; text-decoration: none; box-shadow: 0 1px #ff5151; } .more-blue { color: #974A22; } .more-blue::after { border-top: 1px solid #974A22; border-right: 1px solid #974A22; } .more-blue:hover, .more-blue:focus, .more-blue:active { color: #974A22; text-decoration: none; box-shadow: 0 1px #974A22; } .more-white { color: #FFF; } .more-white::after { border-top: 1px solid #FFF; border-right: 1px solid #FFF; } .more-white:hover, .more-white:focus, .more-white:active { color: #FFF; text-decoration: none; box-shadow: 0 1px #FFF; } .navbar-toggle:not(.collapsed), .navbar-toggle:not(.collapsed):hover { background-color: transparent; } .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2), .navbar-toggle:not(.collapsed):hover .icon-bar:nth-child(2) { background-color: transparent !important; } .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3), .navbar-toggle:not(.collapsed):hover .icon-bar:nth-child(3) { background-color: #FFF; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); webkit-transition: transform 0.1s linear; -moz-transition: transform 0.1s linear; -ms-transition: transform 0.1s linear; -o-transition: transform 0.1s linear; transition: transform 0.1s linear; } .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3):after, .navbar-toggle:not(.collapsed):hover .icon-bar:nth-child(3):after { display: block; content: " "; background-color: #FFF; width: 100%; height: 2px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4), .navbar-toggle:not(.collapsed):hover .icon-bar:nth-child(4) { background-color: transparent !important; } .SWM .page-banner { /*.page-banner{*/ background: linear-gradient(to right, #006934 0%, #85bf7d 100%); background-size: 100% 100%; background-position: center center; position: fixed; right: 0; left: 0; z-index: 1029; top: 5.6rem; max-height: calc(1.4rem + 20px + 10px + 10px); } .SWM .page-banner > [class*="container"] { position: relative; } .SWM .page-banner > [class*="container"] .page-banner__text { color: #FFF; min-height: calc(1.4rem + 20px + 10px + 10px); text-align: center; display: table; width: 100%; } .SWM .page-banner > [class*="container"] .page-banner__text > div { display: table-cell; vertical-align: middle; } .SWM .page-banner > [class*="container"] .page-banner__text h2 { font-size: 1.4rem; font-weight: 400; text-align: left; margin-top: 20px; margin-bottom: 20px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.25); } @media screen and (max-width: 576px) { .SWM .page-banner > [class*="container"] .page-banner__text h2 { font-size: 5vw; } } .SWM .page-banner > [class*="container"] .page-banner__text h2 .btn { text-shadow: none; } .SWM .page-banner > [class*="container"] .page-banner__text p { text-align: left; } .SWM-Aid .page-banner { /*.page-banner{*/ background: linear-gradient(to right, #006934 0%, #85bf7d 100%); background-size: 100% 100%; background-position: center center; position: fixed; right: 0; left: 0; z-index: 1029; top: 5.6rem; max-height: calc(1.4rem + 20px + 10px + 10px); } .SWM-Aid .page-banner > [class*="container"] { position: relative; } .SWM-Aid .page-banner > [class*="container"] .page-banner__text { color: #FFF; min-height: calc(1.4rem + 20px + 10px + 10px); text-align: center; display: table; width: 100%; } .SWM-Aid .page-banner > [class*="container"] .page-banner__text > div { display: table-cell; vertical-align: middle; } .SWM-Aid .page-banner > [class*="container"] .page-banner__text h2 { font-size: 1.4rem; font-weight: 400; text-align: left; margin-top: 20px; margin-bottom: 20px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.25); } @media screen and (max-width: 576px) { .SWM-Aid .page-banner > [class*="container"] .page-banner__text h2 { font-size: 5vw; } } .SWM-Aid .page-banner > [class*="container"] .page-banner__text h2 .btn { text-shadow: none; } .SWM-Aid .page-banner > [class*="container"] .page-banner__text p { text-align: left; } .page-banner + * { margin-top: calc(1.4rem + 20px + 10px + 10px); } /*datatables styles*/ .pagination { font-size: .8rem; } .pagination > .paginate_button > a, .pagination > .paginate_button > span { margin: 0 5px; color: #2e3233; } .pagination > .paginate_button > a:hover { background-color: white; color: #2e3233; } .pagination > .paginate_button.disabled > a, .pagination > .paginate_button.disabled > span { border-color: transparent !important; background-color: transparent; color: #747e81; } .pagination > .paginate_button.disabled > a:hover, .pagination > .paginate_button.disabled > span:hover { background-color: transparent; } .pagination > .paginate_button.active > a, .pagination > .paginate_button.active > span { color: #974A22; background-color: transparent; border-color: transparent; font-weight: 500; } /*bootstrap styles*/ .pagination-bs-main-blue ul.pagination { vertical-align: middle; } .pagination-bs-main-blue ul.pagination li > a { margin: 0 5px; color: #2e3233; } .pagination-bs-main-blue ul.pagination li > a:hover { background-color: #fff7df; color: #2e3233; } .pagination-bs-main-blue ul.pagination li.active > a { color: #974A22; background-color: transparent; border-color: transparent; font-weight: 500; } .pagination-bs-main-blue ul.pagination li.disabled > a { border-color: transparent !important; background-color: transparent; color: #747e81; } .pagination-bs-main-blue ul.pagination li.disabled > a:hover { background-color: transparent; } .SWM .pagination-bs-main { /*.pagination-bs-main{*/ } .SWM .pagination-bs-main ul.pagination { vertical-align: middle; } .SWM .pagination-bs-main ul.pagination li > a { margin: 0 5px; color: #2e3233; } .SWM .pagination-bs-main ul.pagination li > a:hover { background-color: #50ffa6; color: #2e3233; } .SWM .pagination-bs-main ul.pagination li.active > a { color: #006934; background-color: transparent; border-color: transparent; font-weight: 500; } .SWM .pagination-bs-main ul.pagination li.disabled > a { border-color: transparent !important; background-color: transparent; color: #747e81; } .SWM .pagination-bs-main ul.pagination li.disabled > a:hover { background-color: transparent; } .SWM-Aid .pagination-bs-main { /*.pagination-bs-main{*/ } .SWM-Aid .pagination-bs-main ul.pagination { vertical-align: middle; } .SWM-Aid .pagination-bs-main ul.pagination li > a { margin: 0 5px; color: #2e3233; } .SWM-Aid .pagination-bs-main ul.pagination li > a:hover { background-color: #fff7df; color: #2e3233; } .SWM-Aid .pagination-bs-main ul.pagination li.active > a { color: #F8BC00; background-color: transparent; border-color: transparent; font-weight: 500; } .SWM-Aid .pagination-bs-main ul.pagination li.disabled > a { border-color: transparent !important; background-color: transparent; color: #747e81; } .SWM-Aid .pagination-bs-main ul.pagination li.disabled > a:hover { background-color: transparent; } .progress-bar-blue { background-color: #974A22; } .progress-bar-sky { background-color: #1a8bff; } .progress-bar-green { background-color: #14a83b; } .progress-bar-yellow { background-color: #dfa900; } .progress-bar-purple { background-color: #492579; } .progress-bar-orange { background-color: #006934; } .progress-bar-skin { background-color: #f18f66; } .progress-bar-gray { background-color: #8e979a; } .rwd-table thead th, .rwd-table thead td { display: none; } .rwd-table tbody tr, .rwd-table tfoot tr { border-top: 1px solid #ddd; } .rwd-table tbody th, .rwd-table tbody td, .rwd-table tfoot th, .rwd-table tfoot td { display: block; } .rwd-table tbody th::before, .rwd-table tbody td::before, .rwd-table tfoot th::before, .rwd-table tfoot td::before { display: inline-block; content: attr(data-th) " : "; font-weight: 400; width: auto; margin-right: 10px; } .rwd-table tbody th.with-no-data-th:before, .rwd-table tbody td.with-no-data-th:before, .rwd-table tfoot th.with-no-data-th:before, .rwd-table tfoot td.with-no-data-th:before { content: attr(data-th) ""; margin-right: 0px; } @media (min-width: 992px) { .rwd-table thead th, .rwd-table thead td { display: table-cell; } .rwd-table tbody th, .rwd-table tbody td, .rwd-table tfoot th, .rwd-table tfoot td { display: table-cell; } .rwd-table tbody th:before, .rwd-table tbody td:before, .rwd-table tfoot th:before, .rwd-table tfoot td:before { display: none; } } .SWM .search-panel { /*.search-panel{ */ background-color: rgba(0, 156, 77, 0.15); border-bottom: 1px solid #ddd; padding: 2rem 0; font-size: 0.85rem; } @media screen and (min-width: 1200px) { .SWM .search-panel { text-align: center; } } .SWM .search-panel .form-inline .form-group { margin-bottom: .5rem; } @media screen and (min-width: 768px) { .SWM .search-panel .form-inline .form-group label { margin-left: 1rem; vertical-align: middle; } } @media screen and (min-width: 1200px) { .SWM .search-panel .form-inline .form-group:first-child label { margin-left: 0; } } .SWM .search-panel .form-inline .form-group .form-control { margin-top: .25rem; } @media screen and (min-width: 1200px) { .SWM .search-panel .form-inline .form-group .form-control { margin-top: 0rem; } } .SWM .search-panel .form-inline [class*="btn-main"] { margin-top: .25rem; padding: 4.5px 12px 4.5px 12px; } @media screen and (min-width: 768px) { .SWM .search-panel .form-inline [class*="btn-main"] { margin-top: -.25rem; margin-left: 1rem; } .SWM .search-panel .form-inline [class*="btn-main"] + [class*="btn-main"] { margin-left: .5rem; } } @media screen and (min-width: 1200px) { .SWM .search-panel .form-inline [class*="btn-main"] { margin-top: -.5rem; } } .SWM-Aid .search-panel { /*.search-panel{ */ background-color: rgba(255, 204, 44, 0.15); border-bottom: 1px solid #ddd; padding: 2rem 0; font-size: 0.85rem; } @media screen and (min-width: 1200px) { .SWM-Aid .search-panel { text-align: center; } } .SWM-Aid .search-panel .form-inline .form-group { margin-bottom: .5rem; } @media screen and (min-width: 768px) { .SWM-Aid .search-panel .form-inline .form-group label { margin-left: 1rem; vertical-align: middle; } } @media screen and (min-width: 1200px) { .SWM-Aid .search-panel .form-inline .form-group:first-child label { margin-left: 0; } } .SWM-Aid .search-panel .form-inline .form-group .form-control { margin-top: .25rem; } @media screen and (min-width: 1200px) { .SWM-Aid .search-panel .form-inline .form-group .form-control { margin-top: 0rem; } } .SWM-Aid .search-panel .form-inline [class*="btn-main"] { margin-top: .25rem; padding: 4.5px 12px 4.5px 12px; } @media screen and (min-width: 768px) { .SWM-Aid .search-panel .form-inline [class*="btn-main"] { margin-top: -.25rem; margin-left: 1rem; } .SWM-Aid .search-panel .form-inline [class*="btn-main"] + [class*="btn-main"] { margin-left: .5rem; } } @media screen and (min-width: 1200px) { .SWM-Aid .search-panel .form-inline [class*="btn-main"] { margin-top: -.5rem; } } @media screen and (max-width: 767px) { .form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) { width: 100%; } } .bootstrap-select.noRadius { border-radius: 0; } .bootstrap-select.noRadius .btn { border-radius: 0; } .bootstrap-select.form-disabled-noBorder .btn.disabled { border-color: transparent; background-color: transparent; cursor: default; opacity: 1.0; padding: 4px 0px; } .bootstrap-select.form-disabled-noBorder .btn.disabled .caret { display: none; } .bootstrap-select .btn { padding: 4px 6px; } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle > select.mobile-device:focus + .dropdown-toggle { outline: none !important; } .bootstrap-select .dropdown-toggle .caret { right: 8px; } .bootstrap-select .filter-option { user-select: text; } .bootstrap-select .bs-searchbox input { border-radius: 0; } .bootstrap-select .dropdown-menu { font-size: 0.8rem; font-weight: 300; } .bs3.bootstrap-select .dropdown-toggle .filter-option { padding-right: 15px; } .bootstrap-select.form-control.input-lg .btn { height: 46px; line-height: 36px; } .bootstrap-select .dropdown-menu > .active > a, .bootstrap-select .dropdown-menu > .active > a:hover, .bootstrap-select .dropdown-menu > .active > a:focus { background-color: #006934; } .show_hide_password input[type="password"].hasVal { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } .show_hide_password > .input-group-addon { background-color: transparent; padding: 0; box-shadow: inset -1px 1px 0px rgba(0, 0, 0, 0.08); } .show_hide_password > .input-group-addon > a { display: block; width: 100%; height: 100%; padding: 14px 11px 14px 12px; text-align: center; color: #5c6466; } .show_hide_password > .input-group-addon > a i { width: 1rem; } .table-style-default { font-size: 0.85rem; } .table-style-default thead tr th { font-weight: 400; padding: .5rem .4rem; vertical-align: middle; } .table-style-default thead tr td { padding: .5rem .4rem; vertical-align: middle; } .table-style-default tbody tr th { font-weight: 400; padding: .5rem .4rem; vertical-align: middle; } .table-style-default tbody tr td { padding: .5rem .4rem; vertical-align: middle; } .table-bg-white { background-color: #FFF; } .table-bg-white thead tr th, .table-bg-white thead tr td { background-color: #ccc; } .table-thead-gradual thead tr { background-image: url("../images/navi-main-line.png"); background-size: 100% 100%; } .table-thead-gradual thead tr th, .table-thead-gradual thead tr td { color: #FFF; background-color: transparent; } .table-thead-gray thead tr th, .table-thead-gray thead tr td { background-color: #ccc; } .table-responsive .table-minWidth-sm { min-width: 720px; } .table-responsive .table-minWidth-md { min-width: 940px; } .table-responsive .table-minWidth-lg { min-width: 1170px; } .SWM .text-main { /*.btn-main{*/ } .SWM-Aid .text-main { /*.btn-main{*/ } /*textColor*/ .text-blue { color: #974A22; } .text-sky { color: #1a8bff; } .text-green { color: #119133; } .text-yellow, .SWM-Aid .text-main { color: #dfa900; } .text-purple { color: #492579; } .text-orange, .SWM .text-main { color: #006934; } .text-skin { color: #f18f66; } .text-red { color: #ff5151; } .text-black { color: #2e3233; } .text-gray { color: #5c6466; } .text-white { color: #FFF; } /*bgColor*/ .bg-blue { background-color: #974A22; } .bg-sky { background-color: #1a8bff; } .bg-green { background-color: #14a83b; } .bg-yellow { background-color: #F8BC00; } .bg-purple { background-color: #492579; } .bg-orange { background-color: #006934; } .bg-skin { background-color: #f18f66; } .text-indent-2 { text-indent: 2em; } .noBorder { border-color: transparent !important; } .noRadius { border-radius: 0 !important; } .noBg { background: none; } .bg-gradient { background-image: url(../images/bg-gradient.png); background-repeat: repeat-x; } .bg-gradient-gray { background-image: url(../images/bg-gradient-gray.png); background-repeat: repeat-x; } .bg-gradient-white { background-image: url(../images/bg-gradient-white.png); background-repeat: repeat-x; } .bg-gray { background-color: #f1f1f1; } .bg-white { background-color: #FFF; } .base-h2 { font-size: 1.1rem; font-weight: 500; background-image: url(../images/base-h2-cover.png), url(../images/line-BOY.png); background-repeat: no-repeat, no-repeat; background-position: left bottom, left bottom; background-size: 100% 1px, 100% 1px; padding: .25rem 0; margin: .75rem 0 1rem 0; color: #974A22; } .base-h2 > small { color: #5c6466; font-size: .9rem; font-weight: 300; text-transform: uppercase; margin-left: 10px; } [class*="base-h2-text-"] { font-size: 1.0rem; font-weight: 500; padding: .25rem 0; margin: .75rem 0 .75rem 0; } [class*="base-h2-text-"] > small { font-size: .9rem; font-weight: 500; text-transform: uppercase; margin-left: 10px; } .base-h2-text-blue { color: #974A22; } .base-h2-text-blue > small { color: #5c6466; } .base-h2-text-gray { color: #5c6466; } .base-h2-text-gray > small { color: #747e81; } .base-h2-text-black { color: #2e3233; } .base-h2-text-black > small { color: #747e81; } /**/ i.fas.fa-film { position: relative; } i.fas.fa-film::after { content: ""; display: block; width: 1em; height: .77em; border: 0.09em solid #5c6466; border-top-width: .14em; border-bottom-width: .13em; position: absolute; top: .1em; left: 0; border-radius: 4px; } /**/ .btn-bg-blue { background-image: url("../images/Tindex/btn-bg-blue.png"); background-size: 100% 100%; color: #FFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .btn-bg-blue:hover, .btn-bg-blue:focus, .btn-bg-blue:active { background-image: url("../images/Tindex/btn-bg-blue.png"); -webkit-filter: contrast(1.5); color: #FFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .btn-bg-sky { background-image: url("../images/Tindex/btn-bg-sky.png"); background-size: 100% 100%; color: #FFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .btn-bg-sky:hover, .btn-bg-sky:focus, .btn-bg-sky:active { background-image: url("../images/Tindex/btn-bg-sky.png"); -webkit-filter: contrast(1.5); color: #FFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .btn-bg-yellow { background-image: url("../images/Tindex/btn-bg-yellow.png"); background-size: 100% 100%; color: #FFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .btn-bg-yellow:hover, .btn-bg-yellow:focus, .btn-bg-yellow:active { background-image: url("../images/Tindex/btn-bg-yellow.png"); -webkit-filter: contrast(1.2); color: #FFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .btn-bg-purple { background-image: url("../images/Tindex/btn-bg-purple.png"); background-size: 100% 100%; color: #FFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .btn-bg-purple:hover, .btn-bg-purple:focus, .btn-bg-purple:active { background-image: url("../images/Tindex/btn-bg-purple.png"); -webkit-filter: contrast(1.5); color: #FFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .btn-blueGradual { background-image: url("../images/index/banner-trial-bg.png"); background-repeat: repeat-y; background-size: 100% 100%; border: none; color: #FFF; } .btn-blueGradual:hover { position: relative; background-image: url("../images/navi-main-line.png"); color: #FFF; } .btn-radius50 { border-radius: 50px; } .btn-blueGradual.btn-radius50:hover { position: relative; } .btn-blueGradual.btn-radius50:hover::after { border-radius: 50px; } .btn-link { color: #006934; } .btn-link:hover, .btn-link:focus, .btn-link:active { color: #00361b; } .btn-link-underline { text-decoration: underline; text-underline-offset: 4px; } /*SWM UI*/ .sysAccess > label { font-weight: 400; } .sysAccess::before { content: ""; display: inline-block; width: .8rem; border-radius: 100%; height: .8rem; margin-right: .1rem; margin-left: .1rem; margin-top: -.1rem; vertical-align: middle; } .sysAccess.open > label { color: #1a8bff; } .sysAccess.open::before { background-color: #1a8bff; } .sysAccess.locked > label { color: #ff5151; } .sysAccess.locked::before { background-color: #ff5151; } a.sysAccess a > .sysAccess > label, button.sysAccess > label, button > .sysAccess > label, input.sysAccess > label, input > .sysAccess > label { cursor: pointer; } .myTextarea, .masterpiece .rightBlock .panel-main .panel-body textarea, .Swriting__writing .Swriting__writing-textarea textarea { font-size: .9rem; line-height: 1.6; padding: 10px 15px; overflow-y: auto; } .textarea-note { background: linear-gradient(to bottom, #FFF 34px, #ddd 1px) !important; background-size: 100% 35px !important; background-position: left 0px top 0px !important; background-attachment: local !important; padding: 0px 15px !important; line-height: 35px !important; color: #2e3233 !important; } /*pages promote*/ .goCOOL { height: calc(1rem + 3.6rem + 1rem - 15px - 15px); position: fixed; top: 10px; left: 15px; z-index: 1035; } .goCOOL > img { height: 100%; width: auto; } .goCOOL:hover { -webkit-filter: brightness(1.1); -moz-filter: brightness(1.1); -ms-filter: brightness(1.1); -o-filter: brightness(1.1); filter: brightness(1.1); } .index-banner { width: 100%; height: 0; padding-bottom: 37.395%; background-color: #FFF; background-image: url(../images/index/banner-img.jpg); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; position: relative; } .index-banner .index-banner__trial { text-align: center; height: auto; position: absolute; line-height: 1; bottom: 45%; width: 34.8%; left: 50%; transform: translateX(-50%); } .index-banner .index-banner__trial > a { display: inline-block; text-decoration: none !important; background-color: rgba(255, 255, 255, 0.6); color: #006934; font-weight: 400; text-align: center; border: 1px solid #006934; border-radius: 50px; padding: .25em 0; margin: 0 .5em; width: 40%; font-size: 2vw; } @media screen and (min-width: 1200px) { .index-banner .index-banner__trial > a { font-size: 1.5rem; padding: .5em 0; } } .index-banner .index-banner__trial > a:hover, .index-banner .index-banner__trial > a:focus, .index-banner .index-banner__trial > a:active { background-color: #006934; color: #FFF; border-color: #FFF; } @-webkit-keyframes AN-btnFlash { from { top: 0; left: -25%; } to { top: 0; left: 125%; } } @-moz-keyframes AN-btnFlash { from { top: 0; left: -25%; } to { top: 0; left: 125%; } } @-ms-keyframes AN-btnFlash { from { top: 0; left: -25%; } to { top: 0; left: 125%; } } @-o-keyframes AN-btnFlash { from { top: 0; left: -25%; } to { top: 0; left: 125%; } } @keyframes AN-btnFlash { from { top: 0; left: -25%; } to { top: 0; left: 125%; } } .canHelp { background-color: #f7f8f8; padding-top: 2rem; padding-bottom: 2rem; } .canHelp [class*="canHelp__"] > .row { display: flex; flex-wrap: wrap; align-items: center; } .canHelp h2 { font-size: 1.8rem; font-weight: 500; margin-top: 2rem; margin-bottom: 1.0rem; } .canHelp h2 > img { float: left; margin-right: 1rem; } .canHelp h2 > small { display: block; font-size: 1.0rem; line-height: 1.2; margin-top: .5rem; } .canHelp h3 { font-size: 1.1rem; color: #2e3233; font-weight: 300; margin-top: 0; margin-bottom: 2rem; padding-left: 1.6rem; line-height: 1.5; position: relative; } .canHelp h3::before { content: ""; display: inline-block; width: 1.4rem; height: 1.4rem; background-size: 100% 100%; position: absolute; top: .25rem; left: 0; /*margin-right:.2rem; vertical-align:middle;*/ } .canHelp p { font-size: .9rem; color: #5c6466; padding-left: 1.4rem; margin-bottom: 1.5rem; } .canHelp .canHelp__SWM { padding-top: 2rem; padding-bottom: 2rem; } .canHelp .canHelp__SWM h2 { color: #006934; } .canHelp .canHelp__SWM h2 > small { color: #006934; } .canHelp .canHelp__SWM h3::before { background-image: url(../images/index/canHelp-stu-icon.png); } .canHelp .canHelp__SWMaid { padding-top: 2rem; padding-bottom: 2rem; } .canHelp .canHelp__SWMaid h2 { color: #ff9933; } .canHelp .canHelp__SWMaid h2 > small { color: #ff9933; } .canHelp .canHelp__SWMaid h3::before { background-image: url(../images/index/canHelp-tea-icon.png); } .index-materials { background-color: #c9def3; background-image: url(../images/index/materials-bg.png); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; padding-bottom: 2rem; } .index-materials h2 { text-align: center; font-size: 1.3rem; font-weight: 500; margin-top: 2.5rem; margin-bottom: 2.5rem; } .index-materials .index-materials__block { width: 100%; overflow: hidden; padding: 0 10px; } .index-materials .index-materials__block > .owl-carousel .item { border-radius: 10px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); overflow: hidden; margin-bottom: 5px; } .index-materials .index-materials__block > .owl-carousel .owl-nav { background-color: red; position: relative; } .index-materials .index-materials__block > .owl-carousel .owl-nav .owl-prev { position: absolute; top: .85rem; left: 0; color: #FFF; } .index-materials .index-materials__block > .owl-carousel .owl-nav .owl-next { position: absolute; top: .85rem; right: 0; color: #FFF; } .index-materials .index-materials__block > .owl-carousel .owl-dots { text-align: center; } .index-materials .index-materials__block > .owl-carousel .owl-dots .owl-dot { border: 1px solid #FFF; border-radius: 50%; width: 1.2rem; height: 1.2rem; margin: 1rem .4rem; position: relative; text-align: center; line-height: 1rem; } .index-materials .index-materials__block > .owl-carousel .owl-dots .owl-dot > span { display: inline-block; background-color: transparent; border-radius: 50%; width: .6rem; height: .6rem; vertical-align: middle; margin-top: -.2rem; } .index-materials .index-materials__block > .owl-carousel .owl-dots .owl-dot:hover { background-color: rgba(255, 255, 255, 0.5); } .index-materials .index-materials__block > .owl-carousel .owl-dots .owl-dot.active > span { background-color: #FFF; } .index-materials .index-materials__block > .owl-carousel .owl-dots .owl-dot.active:hover { background-color: transparent; } .login { background-image: url(../images/login/login-img.jpg); background-repeat: no-repeat; background-position: right center; background-size: cover; } @media screen and (min-width: 992px) { .login { background-position: center center; } } @media screen and (min-width: 1200px) { .login { background-position: center bottom; } } .login .login-panel { background-color: #FFF; color: #5c6466; position: relative; margin: 10% 0 20% 0; border-radius: 1rem; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1), -3px -3px 8px rgba(0, 0, 0, 0.1), -3px 3px 8px rgba(0, 0, 0, 0.1), 3px -3px 8px rgba(0, 0, 0, 0.1); } @media screen and (min-width: 1200px) { .login .login-panel { margin: 4vw 0 10vw 0; } } @media screen and (min-width: 1600px) { .login .login-panel { margin: 8vw 0 10vw 0; } } .login .login-panel .login-panel__header { padding-top: 1.75rem; } .login .login-panel .login-panel__header img { width: 75%; } .login .login-panel .login-panel__body { padding: 1rem .75rem 1.5rem .75rem; } @media screen and (min-width: 768px) { .login .login-panel .login-panel__body { padding: 1rem 3.75rem 1.5rem 0.75rem; } } @media screen and (min-width: 992px) { .login .login-panel .login-panel__body { padding: 1rem .75rem 1.5rem .75rem; } } @media screen and (min-width: 1200px) { .login .login-panel .login-panel__body { padding: 1rem calc(.75rem + 2%) 1.5rem 0.75rem; } } .login .login-panel .login-panel__footer { position: absolute; width: 100%; height: 3rem; line-height: 3rem; bottom: -3rem; left: 0; right: 0; text-align: center; color: #FFF; } .login .login-block .login-block__nav { margin-bottom: 2rem; } .login .login-block .login-block__nav > li { display: table-cell; width: 1%; border-bottom: 3px solid #e2e2e2; } .login .login-block .login-block__nav > li > a { padding: 10px 0; font-size: 0.8rem; color: #5c6466; } .login .login-block .login-block__nav > li > a:hover, .login .login-block .login-block__nav > li > a:focus, .login .login-block .login-block__nav > li > a:active { background-color: transparent; color: #006934; } .login .login-block .login-block__nav > li.active { border-bottom: 3px solid #006934; } .login .login-block .login-block__nav > li.active > a { color: #006934; } .login .login-block .login-block__nav > li.active > a:hover, .login .login-block .login-block__nav > li.active > a:focus, .login .login-block .login-block__nav > li.active > a:active { background-color: transparent; } .login .login-block .login-block__content .form-horizontal .form-group { margin-bottom: 1.5rem; } .login .login-block .login-block__content .form-horizontal .form-group .control-label { font-size: 0.8rem; } @media screen and (min-width: 768px) { .login .login-block .login-block__content .form-horizontal .form-group .control-label { padding-top: .5rem; padding-left: 0; } } .login .login-block .login-block__content .form-horizontal .form-group .form-control { font-size: 0.8rem; } .login .login-block .login-block__content .form-horizontal .form-group .checkbox[class*="icheck-"] { padding-left: .75rem; padding-right: .75rem; } .login .login-block .login-block__content .form-horizontal .form-group .btn-forgotPD { font-size: 0.8rem; text-decoration: none !important; padding-bottom: 2px; } .login .login-block .login-block__content .form-horizontal .form-group .btn-forgotPD:hover:hover, .login .login-block .login-block__content .form-horizontal .form-group .btn-forgotPD:hover:focus, .login .login-block .login-block__content .form-horizontal .form-group .btn-forgotPD:hover:active, .login .login-block .login-block__content .form-horizontal .form-group .btn-forgotPD:focus:hover, .login .login-block .login-block__content .form-horizontal .form-group .btn-forgotPD:focus:focus, .login .login-block .login-block__content .form-horizontal .form-group .btn-forgotPD:focus:active, .login .login-block .login-block__content .form-horizontal .form-group .btn-forgotPD:active:hover, .login .login-block .login-block__content .form-horizontal .form-group .btn-forgotPD:active:focus, .login .login-block .login-block__content .form-horizontal .form-group .btn-forgotPD:active:active { color: #ff5151; text-decoration: none; box-shadow: 0 1px #ff5151; } .login .login-block .login-block__content .form-horizontal .form-group .login-panel__btn { margin-top: -.5rem; font-size: 0.9rem; } #modal-forgotPD { text-align: center; } @media (min-width: 768px) { #modal-forgotPD .modal-dialog { width: 500px; } } @media (min-width: 768px) { #modal-forgotPD .modal-content { padding-left: 1.75rem; padding-right: 2.75rem; } } #modal-forgotPD .modal-content .form-horizontal .form-group { margin-bottom: 1.5rem; } #modal-forgotPD .modal-content .form-horizontal .form-group .control-label { font-size: 0.8rem; } @media screen and (min-width: 768px) { #modal-forgotPD .modal-content .form-horizontal .form-group .control-label { padding-top: .5rem; padding-left: 0; } } #modal-forgotPD .modal-content .form-horizontal .form-group .form-control { font-size: 0.8rem; } #modal-forgotPD .modal-content .form-horizontal .form-group .modal-forgotPD__text { font-size: 0.8rem; margin-top: 2rem; text-align: center; } #modal-forgotPD .modal-content .form-horizontal .form-group .modal-forgotPD__mark { color: #ff5151; font-size: 0.8rem; line-height: 1.5rem; text-align: center; } #modal-forgotPD .modal-content .form-horizontal .form-group .btn-main { font-size: 0.9rem; } /*SWM/SWM-Aid color set*/ .login .login-block .login-block__nav > li.login-block__nav-student > a:hover, .login .login-block .login-block__nav > li.login-block__nav-student > a:focus, .login .login-block .login-block__nav > li.login-block__nav-student > a:active, .login .login-block .login-block__nav > li.login-block__nav-SWM > a:hover, .login .login-block .login-block__nav > li.login-block__nav-SWM > a:focus, .login .login-block .login-block__nav > li.login-block__nav-SWM > a:active { color: #006934; } .login .login-block .login-block__nav > li.login-block__nav-teacher > a:hover, .login .login-block .login-block__nav > li.login-block__nav-teacher > a:focus, .login .login-block .login-block__nav > li.login-block__nav-teacher > a:active, .login .login-block .login-block__nav > li.login-block__nav-SWM-Aid > a:hover, .login .login-block .login-block__nav > li.login-block__nav-SWM-Aid > a:focus, .login .login-block .login-block__nav > li.login-block__nav-SWM-Aid > a:active { color: #dfa900; } .login .login-block .login-block__nav > li.login-block__nav-student.active, .login .login-block .login-block__nav > li.login-block__nav-SWM.active { border-bottom: 3px solid #006934; } .login .login-block .login-block__nav > li.login-block__nav-student.active > a, .login .login-block .login-block__nav > li.login-block__nav-SWM.active > a { color: #006934; } .login .login-block .login-block__nav > li.login-block__nav-teacher.active, .login .login-block .login-block__nav > li.login-block__nav-SWM-Aid.active { border-bottom: 3px solid #F8BC00; } .login .login-block .login-block__nav > li.login-block__nav-teacher.active > a, .login .login-block .login-block__nav > li.login-block__nav-SWM-Aid.active > a { color: #dfa900; } #modal-forgotPD-info { font-size: 0.8rem; line-height: 1.5rem; } @media (min-width: 768px) { #modal-forgotPD-info .modal-dialog { width: 500px; } } #modal-forgotPD-info .modal-body { padding-top: 5rem; padding-bottom: 5rem; } #modal-forgotPD-info .modal-body > img { margin-bottom: 1.5rem; } #modal-forgotPD-info .modal-body .form-control { font-size: 0.8rem; } .register-page { padding-top: 20px; padding-bottom: 60px; } .register-page h2 { font-size: 1.2rem; font-weight: 400; } .register-page .for-Dradio { padding-top: 6px; min-height: 46px; } .register-page .Dradio-main-blue { display: inline-block; } .register-page .Dradio-main-blue + .Dradio-main-blue { margin-left: 1rem; } @media screen and (max-width: 767px) { .register-page .form-control { margin-top: 5px; margin-bottom: 5px; } } /*pages teacher & student*/ .SWM .userData { /*.userData{*/ border-bottom: 1px solid #ddd; padding: 1.5rem 0 1.5rem 0; background-color: rgba(0, 156, 77, 0.15); /*box-shadow: 0 2px 10px rgba(0,0,0, .1);*/ } .SWM .userData .userData__photo { width: 120px; height: 120px; border-radius: 100%; border: 1px solid #ddd; background-color: #006934; color: #FFF; font-size: 30px; font-weight: 500; letter-spacing: .1em; text-align: center; line-height: 120px; overflow: hidden; margin: 0 0 1rem 0; } @media screen and (min-width: 768px) { .SWM .userData .userData__photo { margin: 1.5rem auto 1.5rem auto; } } .SWM .userData .userData__photo > img { display: block; min-width: 100%; min-height: 100%; width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .SWM .userData .userData__data h2 { font-size: 1.1rem; font-weight: 400; margin-top: 0; margin-bottom: 1rem; } .SWM .userData .userData__data .form-group { font-size: .9rem; margin-bottom: .5rem; } .SWM .userData .userData__data .form-group label { word-wrap: break-word; } .SWM .userData .userData__data .userData__btn { border-radius: 50px; } @media screen and (max-width: 374px) { .SWM .userData .userData__data .userData__btn { margin-right: -15px; margin-top: -.25rem; } } .SWM .userData .userData__info { background-color: #fff; padding: .5rem .5rem; margin: 1rem 0; border-radius: 6px; font-size: .85rem; color: #5c6466; } @media screen and (min-width: 992px) { .SWM .userData .userData__info { margin-bottom: 0; } } .SWM .userData .userData__info .userData__info-item label { font-weight: 400; color: #505759; } .SWM-Aid .userData { /*.userData{*/ border-bottom: 1px solid #ddd; padding: 1.5rem 0 1.5rem 0; background-color: rgba(255, 204, 44, 0.15); /*box-shadow: 0 2px 10px rgba(0,0,0, .1);*/ } .SWM-Aid .userData .userData__photo { width: 120px; height: 120px; border-radius: 100%; border: 1px solid #ddd; background-color: #F8BC00; color: #FFF; font-size: 30px; font-weight: 500; letter-spacing: .1em; text-align: center; line-height: 120px; overflow: hidden; margin: 0 0 1rem 0; } @media screen and (min-width: 768px) { .SWM-Aid .userData .userData__photo { margin: 1.5rem auto 1.5rem auto; } } .SWM-Aid .userData .userData__photo > img { display: block; min-width: 100%; min-height: 100%; width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .SWM-Aid .userData .userData__data h2 { font-size: 1.1rem; font-weight: 400; margin-top: 0; margin-bottom: 1rem; } .SWM-Aid .userData .userData__data .form-group { font-size: .9rem; margin-bottom: .5rem; } .SWM-Aid .userData .userData__data .form-group label { word-wrap: break-word; } .SWM-Aid .userData .userData__data .userData__btn { border-radius: 50px; } @media screen and (max-width: 374px) { .SWM-Aid .userData .userData__data .userData__btn { margin-right: -15px; margin-top: -.25rem; } } .SWM-Aid .userData .userData__info { background-color: #fff; padding: .5rem .5rem; margin: 1rem 0; border-radius: 6px; font-size: .85rem; color: #5c6466; } @media screen and (min-width: 992px) { .SWM-Aid .userData .userData__info { margin-bottom: 0; } } .SWM-Aid .userData .userData__info .userData__info-item label { font-weight: 400; color: #505759; } .feedback { position: relative; min-height: calc(100vh - (1rem + 3.6rem + 1rem) - (1.4rem + 20px + 10px + 10px)); padding-bottom: calc(1rem + (6px + .8rem*1.42857143 + 6px) + 1rem + 1rem); } .feedback .left .feedback-navBlock .nav.nav-tabs.nav-justified > li > a { font-size: 1rem; line-height: 1.5; order-color: transparent; border-bottom: 2px solid #006934; color: #5c6466; } .feedback .left .feedback-navBlock .nav.nav-tabs.nav-justified > li > a:hover, .feedback .left .feedback-navBlock .nav.nav-tabs.nav-justified > li > a:focus, .feedback .left .feedback-navBlock .nav.nav-tabs.nav-justified > li > a:active { background-color: transparent; color: #006934; border-color: transparent; border-bottom: 2px solid #006934; } .feedback .left .feedback-navBlock .nav.nav-tabs.nav-justified > li.active > a { background-color: #006934; border-color: transparent; border-bottom: 2px solid #006934; color: #FFF; } .feedback .left .feedback-navBlock .nav.nav-tabs.nav-justified > li.active > a:hover, .feedback .left .feedback-navBlock .nav.nav-tabs.nav-justified > li.active > a:focus, .feedback .left .feedback-navBlock .nav.nav-tabs.nav-justified > li.active > a:active { border-color: transparent; border-bottom: 2px solid #006934; } .feedback .left .feedback-contentBlock .content-switch { text-align: center; padding: 14px 0; min-height: 67px; } .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper { position: relative; display: inline-block; background-color: #FFF; border-radius: 2rem; cursor: pointer; } .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper .bootstrap-switch { z-index: 2; } .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper .bootstrap-switch .bootstrap-switch-handle-on, .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper .bootstrap-switch .bootstrap-switch-handle-off { color: transparent; } .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper .bootstrap-switch .bootstrap-switch-label { background-color: transparent; } .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper .bootstrap-switch.bootstrap-switch-on + .textLeft { color: #FFF; transition: color 1s; } .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper .bootstrap-switch.bootstrap-switch-on + .textLeft + .textRight { color: #2e3233; transition: color 1s; } .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper .bootstrap-switch.bootstrap-switch-off + .textLeft { color: #2e3233; transition: color 1s; } .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper .bootstrap-switch.bootstrap-switch-off + .textLeft + .textRight { color: #FFF; transition: color 1s; } .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper .textLeft, .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper .textRight { position: absolute; top: 0; z-index: 3; font-size: .9rem; width: 50%; padding: 6px 16px; } .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper .textLeft { left: 0; } .feedback .left .feedback-contentBlock .content-switch .bs-switch-wrapper .textRight { right: 0; } .feedback .left .feedback-contentBlock .content-form { font-size: 0.85em; padding: 9px 0; margin-bottom: 0.75rem; } .feedback .left .feedback-contentBlock .scoreAll { flex-direction: column; min-height: 506px; } .feedback .left .feedback-contentBlock .scoreAll .scoreBadge { display: block; margin: 0 auto; width: 290px; height: 0; padding-bottom: 223.1463px; background-image: url("../images/badge-all.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: center center; position: relative; z-index: 2; margin-bottom: 15px; } @media screen and (min-width: 375px) { .feedback .left .feedback-contentBlock .scoreAll .scoreBadge { width: 340px; padding-bottom: 261.6198px; } } .feedback .left .feedback-contentBlock .scoreAll .scoreBadge .scoreBadge-score { font-size: 4.6rem; font-weight: 500; line-height: 1.5; color: #FFF; text-align: center; position: absolute; top: calc(50% - 4.6rem - 4.6rem/10); left: 0; right: 0; width: 100%; height: 7.5rem; } .feedback .left .feedback-contentBlock .scoreAll .scoreBadge .scoreBadge-type { font-size: 1.2rem; font-weight: 500; line-height: 1.5; color: #FFF; text-align: center; position: absolute; top: 63%; left: 0; right: 0; width: 100%; height: 1.8rem; } .feedback .left .feedback-contentBlock .scoreAll .scoreComments { width: 100%; position: relative; z-index: 1; } .feedback .left .feedback-contentBlock .scoreAll .scoreComments::before { content: ""; display: block; width: 200px; height: 0; padding-bottom: 170.854px; background-image: url("../images/badge-all-line.png"); background-size: 100% auto; background-repeat: no-repeat; position: absolute; bottom: calc(100% - 15px); left: 50%; margin-left: -100px; } .feedback .left .feedback-contentBlock .scoreDetail { flex-direction: column; min-height: 506px; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group { width: 100%; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail { background-color: transparent; margin-bottom: 5px; padding-bottom: 5px; box-shadow: none; border-bottom: 1px solid #ddd; border-radius: 0; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail .panel-heading { padding: 0; position: relative; z-index: 2; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail .panel-heading > a { display: block; color: #2e3233; position: relative; text-decoration: none; font-weight: 400; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail .panel-heading > a:hover { color: #974A22; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail .panel-heading > a::after { display: block; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: 50%; right: 5px; margin-top: -.5em; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail .panel-heading > a .scoreBadge { display: inline-block; background-image: url("../images/badge-detail-1.png"); background-repeat: no-repeat; background-size: 100% 100%; min-width: 3rem; min-height: 3rem; line-height: calc(3rem - 2px); text-align: center; position: relative; z-index: 2; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail .panel-heading > a .scoreBadge .scoreBadge-score { font-size: 1.2rem; color: #FFF; font-weight: 400; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail .panel-heading > a .scoreBadge .scoreBadge-score > small { font-size: .9rem; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail .panel-heading > a[aria-expanded="true"]::before { content: ""; display: block; background-image: url("../images/badge-detail-2.png"); background-repeat: no-repeat; background-size: 100% 100%; width: 2.07rem; height: 0; padding-bottom: 4.5333rem; position: absolute; top: 60%; left: calc((3rem - 3rem*0.69)/2); } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail .panel-heading > a[aria-expanded="true"]::after { content: "\f077"; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail .panel-heading > a[aria-expanded="false"]::after { content: "\f078"; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail .panel-body { padding: 0; border-top: none; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail .panel-body .scoreComments { width: calc(100% - 1.2rem); margin-left: 1.2rem; padding: 15px 15px 15px 35px; position: relative; z-index: 1; } .feedback .left .feedback-contentBlock .scoreDetail .panel-group .panel-scoreDetail + .panel-scoreDetail { margin-top: 0px; } .feedback .left .feedback-contentBlock .content-carousel .masterpiece-title { font-size: 1rem; font-weight: 400; padding: 17px 0; text-align: center; } .feedback .left .feedback-contentBlock .content-carousel .masterpiece-content { font-size: 0.9rem; color: #5c6466; min-height: 480px; height: 480px; overflow-y: auto; padding: 15px; border: 1px solid #ddd; } .feedback .left .feedback-contentBlock .content-carousel .carousel-indicators { width: 100%; left: 0; right: 0; margin-left: 0; bottom: -30px; margin-bottom: 0; } .feedback .left .feedback-contentBlock .content-carousel .carousel-indicators li { border-color: #ccc; background-color: #ccc; vertical-align: middle; } .feedback .left .feedback-contentBlock .content-carousel .carousel-indicators li:hover { background-color: #b3b3b3; } .feedback .left .feedback-contentBlock .content-carousel .carousel-indicators li.active { border-color: #974A22; background-color: #974A22; width: 16px; height: 16px; } .feedback .left .feedback-contentBlock .content-carousel .carousel-control { background-image: none; width: auto; height: auto; top: 17px; bottom: auto; color: #333; text-shadow: none; } .feedback .left .feedback-contentBlock .content-carousel .carousel-control:hover { color: #974A22; } .feedback .left .feedback-contentBlock .content-carousel .carousel-control.left { left: -.75rem; } .feedback .left .feedback-contentBlock .content-carousel .carousel-control.right { right: -.75rem; } .feedback .left .feedback-contentBlock .content-carousel .carousel-control.disabled { display: none; } .feedback .right .feedback-navBlock { border-bottom: 2px solid #006934; height: calc(1rem*1.5 + 10px*2 + 2px + 1px); } .feedback .right .feedback-contentBlock { position: relative; } .feedback .right .feedback-contentBlock .content-switch { text-align: right; font-size: .85rem; color: #5c6466; padding: 20px 0; min-height: calc(.85rem*1.5 + 20px*2); } @media screen and (max-width: 767px) { .feedback .right .feedback-contentBlock .content-switch > span + span { display: block; } } .feedback .right .feedback-contentBlock .content-switch .bootstrap-switch { margin-bottom: 2px; } .feedback .right .feedback-contentBlock .content-title h3 { /*background-color: #EB5E00;*/ color: #FFF; text-align: center; padding: 0.5rem 0.75rem; border-radius: 2rem; font-weight: 400; margin-bottom: 0.75rem; margin-top: 0; } .feedback .right .feedback-contentBlock .content-info { font-size: .8rem; color: #5c6466; padding: 0 .75rem; } @media screen and (min-width: 768px) { .feedback .right .feedback-contentBlock .content-info { float: left; } } .feedback .right .feedback-contentBlock .content-info [class*="grammarTip-"] { margin-right: 1rem; } .feedback .right .feedback-contentBlock .content-info [class*="grammarTip-"]::before { content: ""; display: inline-block; width: 1em; height: 1em; margin-right: 2px; vertical-align: middle; margin-top: -4px; } .feedback .right .feedback-contentBlock .content-info .grammarTip-sys::before { background-color: rgba(26, 187, 105, 0.25); } .feedback .right .feedback-contentBlock .content-info .grammarTip-tea::before { background-color: rgba(249, 219, 9, 0.25); } .feedback .right .feedback-contentBlock .content-wordsCount { font-size: .8rem; text-align: right; color: #5c6466; padding: 0 .75rem; } .feedback .right .feedback-contentBlock .content-wordsCount > strong { font-weight: 500; margin: 0 .25em; } .feedback .right .feedback-contentBlock .content-textarea { padding: 0 .75rem; } .feedback .right .feedback-contentBlock .content-textarea .myTextarea, .feedback .right .feedback-contentBlock .content-textarea .masterpiece .rightBlock .panel-main .panel-body textarea, .masterpiece .rightBlock .panel-main .panel-body .feedback .right .feedback-contentBlock .content-textarea textarea, .feedback .right .feedback-contentBlock .content-textarea .Swriting__writing .Swriting__writing-textarea textarea, .Swriting__writing .Swriting__writing-textarea .feedback .right .feedback-contentBlock .content-textarea textarea { min-height: 420px; height: 420px; } .feedback .right .feedback-contentBlock .content-textarea .myTextarea .clickTools, .feedback .right .feedback-contentBlock .content-textarea .masterpiece .rightBlock .panel-main .panel-body textarea .clickTools, .masterpiece .rightBlock .panel-main .panel-body .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools, .feedback .right .feedback-contentBlock .content-textarea .Swriting__writing .Swriting__writing-textarea textarea .clickTools, .Swriting__writing .Swriting__writing-textarea .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools { padding: 0; margin: 0; background-color: #f1f1f1; border: 1px solid #ccc; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); position: absolute; z-index: 100; } .feedback .right .feedback-contentBlock .content-textarea .myTextarea .clickTools li, .feedback .right .feedback-contentBlock .content-textarea .masterpiece .rightBlock .panel-main .panel-body textarea .clickTools li, .masterpiece .rightBlock .panel-main .panel-body .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools li, .feedback .right .feedback-contentBlock .content-textarea .Swriting__writing .Swriting__writing-textarea textarea .clickTools li, .Swriting__writing .Swriting__writing-textarea .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools li { list-style: none; } .feedback .right .feedback-contentBlock .content-textarea .myTextarea .clickTools li:not(:last-child), .feedback .right .feedback-contentBlock .content-textarea .masterpiece .rightBlock .panel-main .panel-body textarea .clickTools li:not(:last-child), .masterpiece .rightBlock .panel-main .panel-body .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools li:not(:last-child), .feedback .right .feedback-contentBlock .content-textarea .Swriting__writing .Swriting__writing-textarea textarea .clickTools li:not(:last-child), .Swriting__writing .Swriting__writing-textarea .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools li:not(:last-child) { border-bottom: 1px solid #ccc; } .feedback .right .feedback-contentBlock .content-textarea .myTextarea .clickTools li .clickTools-btn, .feedback .right .feedback-contentBlock .content-textarea .masterpiece .rightBlock .panel-main .panel-body textarea .clickTools li .clickTools-btn, .masterpiece .rightBlock .panel-main .panel-body .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools li .clickTools-btn, .feedback .right .feedback-contentBlock .content-textarea .Swriting__writing .Swriting__writing-textarea textarea .clickTools li .clickTools-btn, .Swriting__writing .Swriting__writing-textarea .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools li .clickTools-btn { background-color: transparent; border-color: transparent; box-shadow: none; display: block; width: 100%; color: #974A22; font-size: 0.8rem; text-align: left; white-space: nowrap; } .feedback .right .feedback-contentBlock .content-textarea .myTextarea .clickTools li .clickTools-btn:hover, .feedback .right .feedback-contentBlock .content-textarea .masterpiece .rightBlock .panel-main .panel-body textarea .clickTools li .clickTools-btn:hover, .masterpiece .rightBlock .panel-main .panel-body .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools li .clickTools-btn:hover, .feedback .right .feedback-contentBlock .content-textarea .Swriting__writing .Swriting__writing-textarea textarea .clickTools li .clickTools-btn:hover, .Swriting__writing .Swriting__writing-textarea .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools li .clickTools-btn:hover, .feedback .right .feedback-contentBlock .content-textarea .myTextarea .clickTools li .clickTools-btn:focus, .feedback .right .feedback-contentBlock .content-textarea .masterpiece .rightBlock .panel-main .panel-body textarea .clickTools li .clickTools-btn:focus, .masterpiece .rightBlock .panel-main .panel-body .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools li .clickTools-btn:focus, .feedback .right .feedback-contentBlock .content-textarea .Swriting__writing .Swriting__writing-textarea textarea .clickTools li .clickTools-btn:focus, .Swriting__writing .Swriting__writing-textarea .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools li .clickTools-btn:focus, .feedback .right .feedback-contentBlock .content-textarea .myTextarea .clickTools li .clickTools-btn:active, .feedback .right .feedback-contentBlock .content-textarea .masterpiece .rightBlock .panel-main .panel-body textarea .clickTools li .clickTools-btn:active, .masterpiece .rightBlock .panel-main .panel-body .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools li .clickTools-btn:active, .feedback .right .feedback-contentBlock .content-textarea .Swriting__writing .Swriting__writing-textarea textarea .clickTools li .clickTools-btn:active, .Swriting__writing .Swriting__writing-textarea .feedback .right .feedback-contentBlock .content-textarea textarea .clickTools li .clickTools-btn:active { background-color: #ddd; color: #006934; box-shadow: none; } .feedback .right .feedback-contentBlock .content-textarea .myTextarea.textarea-note, .feedback .right .feedback-contentBlock .content-textarea .masterpiece .rightBlock .panel-main .panel-body textarea.textarea-note, .masterpiece .rightBlock .panel-main .panel-body .feedback .right .feedback-contentBlock .content-textarea textarea.textarea-note, .feedback .right .feedback-contentBlock .content-textarea .Swriting__writing .Swriting__writing-textarea textarea.textarea-note, .Swriting__writing .Swriting__writing-textarea .feedback .right .feedback-contentBlock .content-textarea textarea.textarea-note { margin-bottom: 50px; } .feedback .right .feedback-contentBlock .content-updateText { padding: 0.75rem; } .feedback .right .feedback-contentBlock .content-updateText .form-control { font-size: .9rem; } .feedback .right .feedback-contentBlock .addTomasterpiece { transition: margin-bottom .5s ease-in-out; position: absolute; padding: 0; font-size: 2rem; line-height: 1; color: #c1c1c1; right: calc(.75rem + 20px); bottom: -36px; } .feedback .right .feedback-contentBlock .addTomasterpiece > i { position: relative; z-index: 2; } @media screen and (min-width: 1600px) { .feedback .right .feedback-contentBlock .addTomasterpiece { right: -15px; bottom: 0; } .feedback .right .feedback-contentBlock .addTomasterpiece > i { transform: rotate(-90deg); } } .feedback .right .feedback-contentBlock .addTomasterpiece::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 0 4px 8px; border-color: transparent transparent #a8a8a8 transparent; position: absolute; z-index: 1; top: 3px; bottom: auto; left: -6px; } @media screen and (min-width: 1600px) { .feedback .right .feedback-contentBlock .addTomasterpiece::before { width: 0; border-width: 0 4px 8px 0; border-color: transparent #8e8e8e transparent transparent; top: auto; bottom: 0; left: -4px; } } .feedback .right .feedback-contentBlock .addTomasterpiece::after { display: block; content: "\f164"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: .9rem; color: #fff; position: absolute; z-index: 5; top: 50%; left: 50%; margin-top: -0.65em; margin-left: -0.5em; } @media screen and (min-width: 1600px) { .feedback .right .feedback-contentBlock .addTomasterpiece::after { margin-top: -0.5em; margin-left: -0.7em; } } .feedback .right .feedback-contentBlock .addTomasterpiece:hover, .feedback .right .feedback-contentBlock .addTomasterpiece:focus { box-shadow: none; color: #974A22; } .feedback .right .feedback-contentBlock .addTomasterpiece:hover::before, .feedback .right .feedback-contentBlock .addTomasterpiece:focus::before { border-color: transparent transparent #6d3619 transparent; } @media screen and (min-width: 1600px) { .feedback .right .feedback-contentBlock .addTomasterpiece:hover::before, .feedback .right .feedback-contentBlock .addTomasterpiece:focus::before { border-color: transparent #6d3619 transparent transparent; } } .feedback .right .feedback-contentBlock .addTomasterpiece.active, .feedback .right .feedback-contentBlock .addTomasterpiece:active { box-shadow: none; color: #ff5151; } .feedback .right .feedback-contentBlock .addTomasterpiece.active::before, .feedback .right .feedback-contentBlock .addTomasterpiece:active::before { border-color: transparent transparent #b70000 transparent; } @media screen and (min-width: 1600px) { .feedback .right .feedback-contentBlock .addTomasterpiece.active::before, .feedback .right .feedback-contentBlock .addTomasterpiece:active::before { border-color: transparent #b70000 transparent transparent; } } .feedback .right .feedback-contentBlock .addTomasterpiece.active::after, .feedback .right .feedback-contentBlock .addTomasterpiece:active::after { content: "\f004"; margin-top: -0.65em; } @media screen and (min-width: 1600px) { .feedback .right .feedback-contentBlock .addTomasterpiece.active::after, .feedback .right .feedback-contentBlock .addTomasterpiece:active::after { margin-top: -0.45em; } } .feedback .right .feedback-contentBlock .addTomasterpiece + .tooltip .tooltip-inner { width: auto; max-width: auto; white-space: nowrap; } .feedback .right .feedback-contentBlock .content-updateText.active + .addTomasterpiece { margin-bottom: 112px; transition: margin-bottom .5s ease-in-out; } .feedback .feedback-footerBlock { background-color: #FFF; text-align: center; border-top: 1px solid #ddd; padding: 1rem 0; margin-top: 1rem; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; min-height: calc(.8rem*1.42857143 + 6px*2 + 2px + 1rem*2); } .SWM .feedback .right .feedback-contentBlock .content-title h3 { background-color: #006934; } .SWM-Aid .feedback .right .feedback-contentBlock .content-title h3 { background-color: #dfa900; } .scoreComments { background-color: #F9DB09; border: 3px solid #333; padding: 15px; font-weight: 400; font-size: .95rem; } .scoreComments textarea { width: 100%; background-color: rgba(255, 255, 255, 0.5); } .scoreComments textarea[disabled], .scoreComments textarea[disabled="disabled"], .scoreComments textarea .disabled { background-color: transparent; border-color: transparent; resize: none; } .scoreComments .scoreComments-tools { text-align: right; margin-bottom: -15px; } .scoreComments .scoreComments-tools .btn { color: #878787; padding: 0 5px 5px 5px; font-size: 1rem; } .scoreComments .scoreComments-tools .btn:hover, .scoreComments .scoreComments-tools .btn:focus, .scoreComments .scoreComments-tools .btn:active { color: #974A22; } .scoreComments .scoreComments-tools .btn + .tooltip .tooltip-inner { width: auto; max-width: auto; white-space: nowrap; } .myTextarea span[data-index], .masterpiece .rightBlock .panel-main .panel-body textarea span[data-index], .Swriting__writing .Swriting__writing-textarea textarea span[data-index] { cursor: pointer; } .myTextarea span[data-index]:hover, .masterpiece .rightBlock .panel-main .panel-body textarea span[data-index]:hover, .Swriting__writing .Swriting__writing-textarea textarea span[data-index]:hover { color: #974A22; } .myTextarea span[data-toggle="popover"]:hover, .masterpiece .rightBlock .panel-main .panel-body textarea span[data-toggle="popover"]:hover, .Swriting__writing .Swriting__writing-textarea textarea span[data-toggle="popover"]:hover, .myTextarea span.grammarError:hover, .masterpiece .rightBlock .panel-main .panel-body textarea span.grammarError:hover, .Swriting__writing .Swriting__writing-textarea textarea span.grammarError:hover { color: #974A22; } .myTextarea .popover, .masterpiece .rightBlock .panel-main .panel-body textarea .popover, .Swriting__writing .Swriting__writing-textarea textarea .popover { animation: myPopoverDelay .2s; } .myTextarea .popover .popover-title, .masterpiece .rightBlock .panel-main .panel-body textarea .popover .popover-title, .Swriting__writing .Swriting__writing-textarea textarea .popover .popover-title { font-size: .8rem; font-weight: 400; color: #5c6466; font-family: 'Noto Sans SC', 'Microsoft JhengHei', 'Noto Sans TC', 'Microsoft YaHei', 'PingFang TC', 'PingFang SC', 'Heiti TC', 'Heiti SC', 'LiHei Pro','STXihei', sans-serif; } .myTextarea .popover .popover-content, .masterpiece .rightBlock .panel-main .panel-body textarea .popover .popover-content, .Swriting__writing .Swriting__writing-textarea textarea .popover .popover-content { font-size: .9rem; font-weight: 500; color: #2e3233; font-family: 'Noto Sans SC', 'Microsoft JhengHei', 'Noto Sans TC', 'Microsoft YaHei', 'PingFang TC', 'PingFang SC', 'Heiti TC', 'Heiti SC', 'LiHei Pro','STXihei', sans-serif; } @keyframes myPopoverDelay { 0% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1; } } .manuscript-carousel { border: 1px solid #ccc; margin-left: 15px; margin-right: 15px; background-color: #fff; height: 420px; } .manuscript-carousel .carousel-inner { height: 100%; display: flex; justify-content: center; align-items: center; } .manuscript-carousel .carousel-inner .item img { max-width: 100%; max-height: 420px; } .manuscript-carousel .carousel-control { position: absolute; top: 50%; bottom: auto; width: auto; color: #fff; text-shadow: none; background-color: #ccc; background-image: none; border-radius: 100%; width: 2rem; height: 2rem; filter: alpha(opacity=100); opacity: 1.0; } .manuscript-carousel .carousel-control:hover { background-color: #006934; } .manuscript-carousel .carousel-control.left { transform: translate(-50%, -50%); } .manuscript-carousel .carousel-control.right { transform: translate(50%, -50%); } .manuscript-carousel .carousel-control.disabled { display: none; } .manuscript-carousel .carousel-control .glyphicon { width: auto !important; height: auto !important; font-size: 1rem !important; } .manuscript-carousel .carousel-pages { position: absolute; bottom: 0; left: 0; right: 0; z-index: 15; width: 100%; margin-left: 0; text-align: center; font-weight: bold; background-color: transparent; transform: translateY(50%); } @media screen and (min-width: 992px) { .manuscript-carousel .carousel-pages { transform: translateY(100%); } } .manuscript-carousel .carousel-pages .slide-current, .manuscript-carousel .carousel-pages .slide-total { font-size: .8rem; margin: 0 .125rem; } .manuscript-carousel.lightbox { border: none; margin-left: 0; margin-right: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1050; display: flex; align-items: center; justify-content: center; } .manuscript-carousel.lightbox .carousel-inner { width: calc(100% - (2rem + .5rem*2)*2); height: calc(100% - (1rem + .5rem*2)*2); } .manuscript-carousel.lightbox .carousel-inner .item img { max-width: 100%; max-height: calc(100vh - (1rem + .5rem*2)*2); } .manuscript-carousel.lightbox .carousel-control.left { transform: translate(0.5rem, -50%); } .manuscript-carousel.lightbox .carousel-control.right { transform: translate(-0.5rem, -50%); } .manuscript-carousel.lightbox .carousel-pages { bottom: 0; transform: translateY(-25%); color: #FFF; text-shadow: 0 0 5px rgba(0, 0, 0, 0.75); } @media screen and (min-width: 992px) { .manuscript-carousel.lightbox .carousel-pages { transform: translateY(-25%); } } .manuscript-carousel.lightbox .close { position: absolute; top: .5rem; right: .5rem; color: #FFF; background-color: #ccc; filter: alpha(opacity=100); opacity: 1.0; width: 2rem; height: 2rem; font-size: 1rem; border-radius: 100%; } .manuscript-carousel.lightbox .close:hover { background-color: #006934; } /*pages teacher*/ .cardList-item__tools { margin: 0.75rem -0.75rem -0.75rem -0.75rem; border-top: 1px solid #ddd; } .cardList-item__tools .btn-group-justified .btn-group + .btn-group { border-left: 1px solid #ddd; max-width: 25%; } .cardList-item__tools .btn-group > .btn-group:first-child > .btn:first-child, .cardList-item__tools .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0.5rem; } .cardList-item__tools .btn-group > .btn-group:last-child > .btn:last-child, .cardList-item__tools .btn-group > .btn-group:last-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0.5rem; } .masterpiece .leftBlock .panel-main { border-radius: 10px 10px 0 0; } .masterpiece .leftBlock .panel-main .panel-heading { color: #FFF; background-color: #006934; border-radius: 9px 9px 0 0; border-bottom-color: transparent; } .masterpiece .leftBlock .panel-main .panel-heading .panel-title { font-size: 1em; font-weight: 400; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } .masterpiece .leftBlock .panel-main .panel-body { height: 240px; overflow-y: auto; } .masterpiece .leftBlock .panel-main .panel-body table tbody tr.active th, .masterpiece .leftBlock .panel-main .panel-body table tbody tr.active td { background-color: #69ffb3; } .masterpiece .leftBlock .panel-main .panel-body table tbody tr.active td a { color: #006934; } .masterpiece .rightBlock .panel-main { border-radius: 0; border-color: transparent; background-color: transparent; box-shadow: none; } .masterpiece .rightBlock .panel-main .panel-heading { border-color: transparent; background-color: transparent; text-align: center; } .masterpiece .rightBlock .panel-main .panel-heading .panel-title { font-size: 1em; font-weight: 400; } .masterpiece .rightBlock .panel-main .panel-heading .panel-title small { font-size: .8em; font-weight: 300; } .masterpiece .rightBlock .panel-main .panel-body { height: 240px; position: relative; } .masterpiece .rightBlock .panel-main .panel-body textarea { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .masterpiece .rightBlock .panel-main .panel-body textarea[disabled], .masterpiece .rightBlock .panel-main .panel-body textarea[readonly] { background-color: #FBFBFB; } /*Aid*/ .TtopicLib__viewPic { border: 1px solid #ccc; background-color: #fff; border-top-color: transparent; width: 100%; height: 0; padding-bottom: 21.04%; background-repeat: no-repeat; background-size: 100% 100%; position: relative; padding-left: 3.125%; padding-right: 3.125%; } .TtopicLib__viewPic .TtopicLib__viewPic-wrapper { position: absolute; z-index: 2; bottom: 9%; text-align: center; left: 3.125%; right: 3.125%; width: 93.75%; height: 40%; } .TtopicLib__viewPic .TtopicLib__viewPic-wrapper > button { width: 9%; height: 100%; margin: 0 0.5%; filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.2)); cursor: default; float: left; } .TtopicLib__viewPic .TtopicLib__viewPic-wrapper > button:nth-of-type(3n) { margin-top: 10px; } .TtopicLib__viewPic .TtopicLib__viewPic-wrapper > button:nth-of-type(5n) { margin-top: 0px; } .TtopicLib__viewPic .TtopicLib__viewPic-wrapper > button > img { max-width: 100%; max-height: 100%; } .TtopicLib__viewPic .TtopicLib__viewBg { background-color: #FFF; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .TtopicLib__viewPic .TtopicLib__viewBg > img { width: 100%; height: 100%; } .TtopicLib__changeBg .changeBg-btns { position: relative; } .TtopicLib__changeBg .changeBg-btns .changeBg-reset { position: absolute; top: 0; right: 0; } .dropQuestions { padding: 0px; margin: 0px; } .dropQuestions li { margin: 0px 0px 0px 0px; border: 1px solid #ccc; list-style: none; background-color: #fff; } .dropQuestions li:hover { cursor: move; } .dropQuestions li > div > span { display: inline-block; } .dropQuestions li + li { margin-top: -1px; } .dropQuestions li ._Qcontent { margin-right: 2rem; margin-left: 2rem; position: relative; padding: 10px 0px; } .dropQuestions li ._Qcontent .move-bar { position: absolute; top: 50%; left: -1.5rem; margin-top: -.75em; } .dropQuestions li ._Qcontent ._NumOfQ { display: inline-block; min-width: 40px; text-align: right; padding-right: 10px; vertical-align: middle; } .dropQuestions li ._Qcontent .NewRemoveQ, .dropQuestions li ._Qcontent .OldRemoveQ { position: absolute; right: calc(-1rem - 5px); margin-top: .25em; } .dropQuestions li:hover ._Qcontent .move-bar { color: #F8BC00; } .assignList { position: relative; } .assignList .assignList-class { position: absolute; top: -.25rem; left: 0; font-size: 1rem; font-weight: 300; } .assignList .assignList-class > span { font-weight: 400; } .assign-chooseMasterBlock { max-height: 300px; overflow-y: auto; overflow-x: hidden; border: 1px solid #ddd; } .assign-chooseMasterBlock .list-group { margin: -1px; width: calc(100% + 1px + 1px); } .assign-chooseMasterBlock .list-group .list-group-item [class*="icheck-"] { min-height: auto !important; } .assign-chooseMasterBlock .list-group .list-group-item [class*="icheck-"] > label > span { display: inline-block; padding-left: 1.5em; text-indent: -.75em; } .assign-chooseMasterBlock .list-group .list-group-item [class*="icheck-"] > label > span .tooltip { text-indent: 0; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #974A22; } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #974A22; } .articleList-table { /*.td-id{ width: 0px;} .td-class{ width: 120px;} .td-number{ width: 100px;} .td-name{ width: 150px;} .td-topic{ } .td-date{ width: 200px;} .td-score{ width: 100px;}*/ /*.td-review{ width: 100px;}*/ } .articleList-table .td-count { /*width: 100px;*/ position: relative; } .articleList-table .td-count > .btn { position: absolute; top: 50%; right: 10px; padding: 0; width: 1.0rem; height: 1.0rem; line-height: 1.0rem; margin-top: -0.5rem; } .articleList-table .td-count > .btn > .fas.fa-chevron-up { vertical-align: middle; margin-top: -.25em; } .articleList-table .dt-hasChild.shown { background-color: #f5f5f5; color: #974A22; } .articleList-table .dt-hasChild.shown + tr { background-color: white; } .articleList-table .dt-hasChild.shown + tr > td { padding: 0; border: 0; } .articleList-table .child-table { background-color: transparent; margin-bottom: 0; border-left: 0; /*.td-id{ width: 0px;} .td-class{ width: 120px - 1px;} .td-number{ width: 100px;} .td-name{ width: 150px;} .td-topic{ } .td-date{ width: 200px;} .td-score{ width: 100px;} .td-count{ width: 100px;} .td-review{ width: 100px - 1px;}*/ } .dataTables_wrapper .table-responsive table .child-table { width: 100% !important; } .jumbotron a { color: #974A22; box-shadow: 0 1px #974A22; text-decoration: none; } .jumbotron a:hover, .jumbotron a:focus, .jumbotron a:active { color: #1a8bff; box-shadow: 0 1px #1a8bff; text-decoration: none; } .classList { padding-top: 1rem; padding-bottom: 1rem; } .modal-insertNote .insertNote-content { font-size: 0.85rem; color: #5c6466; } .modal-insertNote .insertNote-content h5 { font-size: 0.85rem; font-weight: 400; } .modal-insertBat .insertBat-stepContent { font-size: 0.8em; color: #5c6466; padding-top: 2rem; padding-bottom: 2rem; margin-top: 1rem; } .modal-insertBat .insertBat-stepContent .insertBat-stepContent__text { display: flex; justify-content: center; flex-wrap: wrap; } .modal-insertBat .insertBat-stepContent .insertBat-stepContent__btns { margin-top: 2rem; text-align: center; } .modal-editMsg .editMsg-content { font-size: 0.8em; color: #5c6466; } /*insert*/ .page-stepper .stepper ul.nav.nav-tabs { padding-bottom: 2rem; } .page-stepper .stepper .tab-content { border-top: 1px solid #ddd; padding-top: 2rem; } .insertGroups-stepContent { font-size: 0.8em; color: #5c6466; } .insertGroups-stepContent .insertGroups-stepContent__btns { margin-top: 2rem; text-align: center; } .forPaperUP-content { background-color: transparent; margin-top: -200px; margin-bottom: 15px; } .stuList-table .td-id { width: 0px; } .stuList-table .td-class { min-width: 100px; } .stuList-table .td-number { min-width: 80px; } .stuList-table .td-name { min-width: 80px; } .stuList-table .td-account { min-width: 150px; } .stuList-table .td-pd { min-width: 100px; } .stuList-table .td-access-SWM { min-width: 100px; } .stuList-table .td-access-SWM-Aid { min-width: 100px; } .stuList-table .td-update { min-width: 50px; } .stuList-table .td-delete { min-width: 50px; } .assign-table .td-id { width: 0px; } .assign-table .td-topic { min-width: 200px; } .assign-table .td-time { min-width: 200px; } .assign-table .td-feedback { min-width: 200px; } .assign-table .td-update { min-width: 50px; } .assign-table .td-delete { min-width: 50px; } /*pages student*/ .Swriting__tools .position-relative { position: relative; } .Swriting__tools .position-relative .tools-tip { position: absolute; right: 0; transform: translateX(100%); } .Swriting__tools .position-relative .tools-tip:hover, .Swriting__tools .position-relative .tools-tip:focus, .Swriting__tools .position-relative .tools-tip:active { color: #00361b; } .Swriting__tools .position-relative .tools-tip .tooltip .tooltip-inner { max-width: auto; white-space: nowrap; } .manuscript-title { background-color: #ddd; text-align: center; padding: .25rem; border-radius: .25rem .25rem 0 0; } .manuscript-title > span { background-color: #fff; padding: 0 1rem; border-radius: 5rem; } .manuscript-file-style { padding: 0; border-radius: 0 0 .25rem .25rem; margin-bottom: 2rem; } .manuscript-file-style .file-drop-zone { border-radius: .25rem; text-align: center; vertical-align: middle; margin: .75rem; padding: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; } .manuscript-file-style .file-drop-zone.clickable:hover, .manuscript-file-style .file-drop-zone.clickable:focus, .manuscript-file-style .file-drop-zone.clickable:active { border-width: 1px; border-color: #006934; background-color: rgba(0, 156, 77, 0.1); } .manuscript-file-style .file-drop-zone .file-drop-zone-title { padding: 0; } .manuscript-file-style .file-drop-zone .file-preview-thumbnails .file-preview-frame { position: inherit; margin: 0; padding: 0; } .manuscript-file-style .file-drop-zone .file-preview-thumbnails .file-preview-frame:not(.file-preview-error):hover { border: none; box-shadow: none; } .manuscript-file-style .file-drop-zone .file-preview-thumbnails .file-preview-frame .kv-file-content { width: 100%; height: auto; } .manuscript-file-style .file-drop-zone .file-preview-thumbnails .file-preview-frame .file-thumbnail-footer { height: auto; position: absolute; left: 0; right: 0; bottom: 0; } .manuscript-file-style .file-drop-zone .file-preview-thumbnails .file-preview-frame .file-thumbnail-footer .btn-link.text-green:hover { color: #00361b; } .manuscript-file-style .file-drop-zone .file-preview-status { position: absolute; } .manuscript-file-style .file-drop-zone .file-error-message { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .manuscript-file-style .file-thumbnail-footer { display: flex; justify-content: space-between; align-items: center; background-color: rgba(255, 255, 255, 0.65); } .manuscript-file-style .file-thumbnail-footer .file-caption-name { background-color: transparent; font-size: .8rem; color: #006934; padding: .25rem; overflow: hidden; flex: 10; text-align: left; line-height: 1.2; } .manuscript-file-style .file-thumbnail-footer .clearfix { display: none; } .manuscript-modal .modal-dialog.modal-lg { width: calc(100% - 30px*2); height: calc(100% - 30px*2); max-width: calc(100% - 30px*2); max-height: calc(100% - 30px*2); } .manuscript-modal .modal-dialog.modal-lg .modal-content { width: 100%; height: 100%; } .manuscript-modal .modal-dialog.modal-lg .modal-content .kv-zoom-header { border-bottom-color: transparent; box-shadow: none; } .manuscript-modal .modal-dialog.modal-lg .modal-content .kv-zoom-header .kv-zoom-title { font-family: 'Noto Sans SC', 'Noto Sans TC', 'Microsoft YaHei', 'Microsoft JhengHei', 'PingFang SC', 'PingFang TC', 'Heiti SC', 'Heiti TC', 'STXihei', 'LiHei Pro', sans-serif !important; font-size: 1rem; line-height: 1.5; } .manuscript-modal .modal-dialog.modal-lg .modal-content .kv-zoom-header .kv-zoom-actions .btn { border-color: transparent; } .manuscript-modal .modal-dialog.modal-lg .modal-content .kv-zoom-body { height: calc(100% - (1rem*1.6 + .5rem*2 + 1px) - 5px); padding: 0; } .description-title { display: inline-block; background-color: #006934; color: #fff; border-radius: 2rem; font-size: 1rem; font-weight: bold; padding: .25rem 1rem; } .Swriting__pages .pagination { margin: 0; } .Swriting__pages .pagination > li > a { min-width: 1.8rem; min-height: 1.8rem; line-height: calc(1.8rem - 2px); border-radius: 100%; text-align: center; padding: 0; margin: 0 2px; border-color: transparent; background-color: transparent; color: #5c6466; font-weight: 400; } .Swriting__pages .pagination > li:hover > a { border-color: transparent; background-color: transparent; color: #974A22; } .Swriting__pages .pagination > li.active > a, .Swriting__pages .pagination > li.active:hover > a { border-color: #974A22; background-color: #974A22; color: #FFF !important; } .Swriting__pages .pagination > li.disabled > a, .Swriting__pages .pagination > li.disabled:hover > a { border-color: transparent; background-color: transparent; color: #5c6466 !important; opacity: .5; } .SWM .Swriting__pages .pagination > li:hover > a { color: #006934; } .SWM .Swriting__pages .pagination > li.active > a { border-color: #006934; background-color: #006934; } .SWM-Aid .Swriting__pages .pagination > li > a { background-color: rgba(255, 255, 255, 0.5); } .SWM-Aid .Swriting__pages .pagination > li:hover > a { color: #dfa900; } .SWM-Aid .Swriting__pages .pagination > li.active > a { border-color: #dfa900; background-color: #dfa900; } .SWM-Aid .Swriting__pages .pagination > li.disabled > a, .SWM-Aid .Swriting__pages .pagination > li.disabled:hover > a { background-color: transparent; } .Swriting__title h3 { /*background-color: $color-main-orange;*/ color: #FFF; text-align: center; padding: .5rem .75rem; border-radius: 2rem; font-weight: 400; margin-bottom: .75rem; } .SWM .Swriting__title h3 { background-color: #006934; } .SWM-Aid .Swriting__title h3 { background-color: #dfa900; } .Swriting__direction { background-color: #eee; margin: 0 1rem .75rem 1rem; padding: 15px; font-size: 0.85rem; color: #5c6466; } .Swriting__direction hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #ccc; } .Swriting__direction strong { font-weight: 400; } @media screen and (min-width: 576px) { .SWM-Aid .Swriting__direction > .row { display: flex; align-items: center; justify-content: center; } .SWM-Aid .Swriting__direction > .row > div + div { width: auto; } } .Swriting__writing .Swriting__writing-textarea { margin-bottom: 15px; /*.Swriting-textarea-content, .writing-textarea-content{ .myTextarea{ .popover{ @extend %popover; } } }*/ } .Swriting__writing .Swriting__writing-textarea .myTextarea, .Swriting__writing .Swriting__writing-textarea .masterpiece .rightBlock .panel-main .panel-body textarea, .masterpiece .rightBlock .panel-main .panel-body .Swriting__writing .Swriting__writing-textarea textarea, .Swriting__writing .Swriting__writing-textarea textarea { min-height: 350px; overflow-y: auto; } .Swriting__writing .Swriting__writing-textarea .Swriting-textarea-title, .Swriting__writing .Swriting__writing-textarea .writing-textarea-title { color: #974A22; font-size: 1.1rem; font-weight: 400; text-align: center; padding: 5px; border-radius: 6px 6px 0 0; border-bottom: 3px solid #974A22; } .Swriting__writing .Swriting__writing-btns { text-align: center; position: relative; } .Swriting__writing .Swriting__writing-btns .checkbox { margin-bottom: 15px !important; } @media screen and (min-width: 1200px) { .Swriting__writing .Swriting__writing-btns .checkbox { position: absolute; top: 50%; left: 0; margin-top: -.5em !important; } } .Swriting__writing .Swriting__writing-btns .btn { margin: 5px; } .SWM-Aid .Swriting { background-repeat: no-repeat; background-size: 1920px 400px; background-position: center top; } @media screen and (min-width: 1900px) { .SWM-Aid .Swriting { background-size: 100% auto; } } .SWM-Aid .Swriting .Swriting__writing { position: relative; /*.Swriting__writing-textarea{ textarea,{ background: linear-gradient(to bottom, #FFF 34px, #ddd 1px); background-size: 100% 35px; background-position: left 0px top 0px; background-attachment: local; padding-top: 0; padding-bottom: 0; line-height: 35px; color: $color-default-black; } }*/ } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-mark { width: 100%; text-align: center; font-size: .9rem; color: #5c6466; font-weight: 400; position: absolute; top: 0; left: 0; right: 0; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-mark > span { background-color: rgba(255, 255, 255, 0.5); border-radius: 1rem; display: inline-block; padding: 4px 10px; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideHeight { width: 100%; height: 290px; margin-bottom: 20px; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene { width: calc(100vw - 17px); height: 380px; margin-left: calc(-1.5rem - (100vw - 17px - 100%)/2); margin-top: -400px; position: absolute; overflow-x: auto; /* Left */ /* Right */ } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene::-webkit-scrollbar { height: 15px; background-color: transparent; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene::-webkit-scrollbar-track { background-color: transparent; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene::-webkit-scrollbar-thumb { background-color: rgba(212, 212, 212, 0.5); border-radius: 15px; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene::-webkit-scrollbar-thumb:hover { background-color: #d4d4d4; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene::-webkit-scrollbar-button { border-style: solid; height: 15px; width: 20px; background-color: transparent; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene::-webkit-scrollbar-button:horizontal:decrement { border-width: 7px 15px 7px 0; border-color: transparent rgba(80, 80, 80, 0.5) transparent transparent; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene::-webkit-scrollbar-button:horizontal:decrement:hover { border-color: transparent #505050 transparent transparent; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene::-webkit-scrollbar-button:horizontal:increment { border-width: 7px 0 7px 15px; border-color: transparent transparent transparent rgba(80, 80, 80, 0.5); } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene::-webkit-scrollbar-button:horizontal:increment:hover { border-color: transparent transparent transparent #d4d4d4; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene .guideScene-wrapper { max-width: calc((170px + 10px + 10px)*10); position: absolute; bottom: 40px; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene .guideScene-wrapper button { width: 160px; height: 160px; float: left; margin: 0 10px; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; position: relative; counter-increment: number; vertical-align: middle; filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.2)); } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene .guideScene-wrapper button > img { max-width: 160px; max-height: 160px; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene .guideScene-wrapper button:nth-of-type(3n) { margin-top: 10px; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene .guideScene-wrapper button:nth-of-type(5n) { margin-top: 0px; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene .guideScene-wrapper button::after { content: counter(number); display: inline-block; position: absolute; top: 100%; left: 50%; margin-left: -1rem; width: 2rem; background-color: rgba(255, 255, 255, 0.5); color: #5c6466; text-align: center; font-size: .8rem; border-radius: 1rem; font-weight: 500; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene .guideScene-wrapper button:hover { filter: brightness(1.1) drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.2)); } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene .guideScene-wrapper button:hover::after { filter: brightness(1); } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene .guideScene-wrapper .popover { max-width: 290px; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene .guideScene-wrapper .popover .popover-content { font-size: .9rem; font-weight: 400; font-family: 'Noto Sans SC', 'Microsoft JhengHei', 'Noto Sans TC', 'Microsoft YaHei', 'PingFang TC', 'PingFang SC', 'Heiti TC', 'Heiti SC', 'LiHei Pro','STXihei', sans-serif; padding: 10px; max-height: calc(.9rem*1.5*5 + 10px); overflow-y: auto; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-guideScene .guideScene-wrapper .popover .popover-content small { font-size: .85rem; display: block; color: #5c6466; font-weight: 300; } .SWM-Aid .Swriting .Swriting__writing .Swriting__writing-wrapper { background-color: rgba(255, 255, 255, 0.5); margin: -15px; padding: 15px; border-radius: 10px; margin-top: 20px; } .articleList-table .td-id { width: 0px; } .articleList-table .td-topic { min-width: 150px; } .articleList-table .td-ansDate { min-width: 100px; } .articleList-table .td-doneDate { min-width: 100px; } .articleList-table .td-score { min-width: 50px; } .articleList-table .td-states { min-width: 100px; }