489495df
MSV FM
MSV FM
.bg-teal-500{
background-color: #38b2ac;
}
.hintpassword{
position: absolute;
right: 10px;
top: 50%;
}
tbody tr:nth-child(odd){
background-color: #f3f4f6;
}
.last-dropdown.has-dropdown .dropdown{
margin-top: -200px;
}
td{
padding: 5px;
font-size: 0.875rem;
}
.alert{
position: fixed;
top: 50px;
right: 20px;
z-index: 99;
}
.attendance-table th.name-th{
min-width: 200px;
}
.attendance-table th{
min-width: 100px;
}
.hoverShowEdit:hover svg{
opacity: 1;
}
.text-xxs{
font-size: 10px;
}
div .select2-container--default .select2-selection--single{
border-radius: 0.125rem;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.55rem;
font-size: 15px;
line-height: 1.5rem;
height: 45px;
border-color: #6f768654;
}
.p-5{
padding: 3rem;
}
.bg-orange-700{
background-color: #ffc107;
}
/*.job__item{
max-height: 10rem;
overflow: auto;
}*/
#site_search{
background-color: #020d13;
}
.input-group .ig-icon{
width: 33px;
height: 100%;
display: flex;
align-items: center;
padding-left: 10px;
}
/*added styles*/
main{
margin-top: 2px;
}
body{
color: #000;
}
.has-dropdown .dropdown{
display: none;
}
html {
scroll-behavior: smooth;
}
/* width */
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: gray;
border-radius: 0px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #006d9d;
}
@media(min-width: 992px){
#sidebar > .inner{
overflow-y: scroll;
}
.has-dropdown:hover .dropdown{
display: block;
}
.has-dropdown .dropdown{
position: absolute;
right: -201px;
z-index: 99999;
background-color: #305376;
min-width: 210px;
margin-left: 0;
padding-left: 13px;
padding-bottom: 16px;
top: 0;
height: 100vh;
}
#sidebar{
min-width: 277px;
max-width: 277px;
position: fixed;
align-items: stretch;
top: 0px;
left: 0px;
z-index: 2;
/*overflow-y: auto;*/
height: 100%;
}
#sidebar div.inner{
height: 100%;
}
#side-content{
width: calc(100% - 277px);
position: relative;
margin-left: auto;
}
#sidebar .nav-sublink:hover{
background-color: #282a2b;
}
#sidebar .nav-sublink{
position: relative;
display: inline-flex;
flex-direction: column;
width: 100%;
}
#sidebar .nav-sublink a{
font-size: 14px;
width: 100%;
}
/* if inner pages*/
body.with__subitem #sidebar{
min-width: 277px;
}
body.with__subitem #sidebar div.inner{
min-width: 277px;
max-width: 277px;
}
body.with__subitem .ssearch{
visibility: hidden;
height: 0;
width: 0;
}
body.with__subitem .s-with-inner{
width: 42px;
height: 42px;
display: flex;
align-items: center;
padding: 10px;
margin-left: 0 !important;
border-radius: 2px;
background-color: #020d13;
}
body.with__subitem .navlink a div svg{
width: 1.7rem;
position: absolute;
color: #fff;
height: auto;
left: 25px;
top: 6px;
margin-right: 0;
}
body.with__subitem .navlink > a{
overflow: hidden;
font-size: 16px;
position: relative;
width: 100%;
padding-bottom: 16px;
}
body.with__subitem .logo-container{
overflow: hidden;
width: 100%;
}
body.with__subitem .logo-container .lg-side{
display: none;
}
body.with__subitem .logo-container .sm-side{
display: block;
}
body.with__subitem .navlink > a + .sublinks{
position: absolute;
top: 0;
left: 43px;
width: 100%;
height: 100%;
background-color: #5bbdc8;
max-width: 206px;
}
body.with__subitem .navlink a > div{
overflow-wrap: break-word;
margin-left: 0;
padding: 34px 6px 10px;
justify-content: center;
}
}
@media(max-width: 767px){
.hidden-on--mobile{
display: none;
}
.mobile-nav-j{
position: absolute;
right: 10px;
top: 10px;
}
#sidebar{
position: absolute;
right: 0;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
}
.bg-primary{
background-color: #233f5c;
}
#site_search{
background-color: #020d13;
}
.bg-custom-dark-1{
background-color: #233f5c;
}
.bg-custom-dark-2,
#sidebar .navlink:hover,
#sidebar .navlink a.active,
#sidebar .navlink a.focus{
background-color: #435f7b;
color: #fff;
}
.bg-gray-800{
background-color: #006d9d;
}
.m-w-1300{
max-width: 1385px;
margin: 0 auto;
}
.text-white-important{
color: #fff !important;
}
.bg-orange{
background-color: #ff9800;
}
.navlink .sublinks .sub-link-header{
background-color: #021c29;
}
.navlink .sublinks .sub-link-header a{
color: #fff;
}
.text-primary{
color: #345f81;
}
/*!
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
* Licensed under MIT
*/
.la-line-scale,
.la-line-scale > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-line-scale {
display: block;
font-size: 0;
color: #fff;
}
.la-line-scale.la-dark {
color: #333;
}
.la-line-scale > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-line-scale {
width: 40px;
height: 32px;
}
.la-line-scale > div {
width: 4px;
height: 32px;
margin: 2px;
margin-top: 0;
margin-bottom: 0;
border-radius: 0;
-webkit-animation: line-scale 1.2s infinite ease;
-moz-animation: line-scale 1.2s infinite ease;
-o-animation: line-scale 1.2s infinite ease;
animation: line-scale 1.2s infinite ease;
}
.la-line-scale > div:nth-child(1) {
-webkit-animation-delay: -1.2s;
-moz-animation-delay: -1.2s;
-o-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.la-line-scale > div:nth-child(2) {
-webkit-animation-delay: -1.1s;
-moz-animation-delay: -1.1s;
-o-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.la-line-scale > div:nth-child(3) {
-webkit-animation-delay: -1s;
-moz-animation-delay: -1s;
-o-animation-delay: -1s;
animation-delay: -1s;
}
.la-line-scale > div:nth-child(4) {
-webkit-animation-delay: -.9s;
-moz-animation-delay: -.9s;
-o-animation-delay: -.9s;
animation-delay: -.9s;
}
.la-line-scale > div:nth-child(5) {
-webkit-animation-delay: -.8s;
-moz-animation-delay: -.8s;
-o-animation-delay: -.8s;
animation-delay: -.8s;
}
.la-line-scale.la-sm {
width: 20px;
height: 16px;
}
.la-line-scale.la-sm > div {
width: 2px;
height: 16px;
margin: 1px;
margin-top: 0;
margin-bottom: 0;
}
.la-line-scale.la-2x {
width: 80px;
height: 64px;
}
.la-line-scale.la-2x > div {
width: 8px;
height: 64px;
margin: 4px;
margin-top: 0;
margin-bottom: 0;
}
.la-line-scale.la-3x {
width: 120px;
height: 96px;
}
.la-line-scale.la-3x > div {
width: 12px;
height: 96px;
margin: 6px;
margin-top: 0;
margin-bottom: 0;
}
/*
* Animation
*/
@-webkit-keyframes line-scale {
0%,
40%,
100% {
-webkit-transform: scaleY(.4);
transform: scaleY(.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-moz-keyframes line-scale {
0%,
40%,
100% {
-webkit-transform: scaleY(.4);
-moz-transform: scaleY(.4);
transform: scaleY(.4);
}
20% {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(1);
}
}
@-o-keyframes line-scale {
0%,
40%,
100% {
-webkit-transform: scaleY(.4);
-o-transform: scaleY(.4);
transform: scaleY(.4);
}
20% {
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes line-scale {
0%,
40%,
100% {
-webkit-transform: scaleY(.4);
-moz-transform: scaleY(.4);
-o-transform: scaleY(.4);
transform: scaleY(.4);
}
20% {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
}
/* CHECKBOX TOGGLE SWITCH */
/* @apply rules for documentation, these do not work as inline style */
.toggle-checkbox:checked {
@apply: right-0 border-green-400;
right: 0;
border-color: #68D391;
}
.toggle-checkbox:checked + .toggle-label {
@apply: bg-green-400;
background-color: #68D391;
}
@media(max-width: 991px){
.hidden-on--991{
display: none !important;
}
div#side-content{
width: 100%;
}
}
@media(max-width: 767px){
.unflex--mobile.flex{
flex-direction: column;
}
#sidebar{
z-index: 99;
}
}
@media(max-width: 991px) and (min-width: 768px){
header{
padding-left: 32px !important;
}
.mobile-nav-j{
height: 72px;
background-color: #f3f4f6;
}
.unflex--tablet-only.flex{
flex-direction: column;
}
}
/*jquery confirm lib*/
.jconfirm-holder .jc-bs3-container.container{
margin: 0 auto;
}
.jconfirm-holder .jc-bs3-container.container .jconfirm-box{
max-width: 30rem;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{
background-color: #233f5c !important;
border-radius: 2px;
font-weight: 500 !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default{
border-radius: 2px;
font-weight: 500 !important;
}
@media(max-width: 767px){
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box{
width: 100% !important;
}
}
@media(max-width: 991px) and (min-width: 768px){
header{
padding-left: 32px !important;
}
.mobile-nav-j{
height: 72px;
background-color: #f3f4f6;
}
.unflex--tablet-only.flex{
flex-direction: column;
}
}
#table_container td:not(.btn-tools):not(:last-child){
padding: 0.5em;
border: 1px solid #dddddd;
width: 200px;
background-color: #fff;
}
#modal_ct_header td{
white-space: nowrap;
padding-left: .5rem;
padding-right: .5rem;
width: 200px;
min-width: 200px;
}
.min-h-12{
min-height: 3rem;
}
.toggle-checkbox:checked {
@apply: right-0 border-green-400;
right: 0;
border-color: #68D391;
}
.toggle-checkbox:checked + .toggle-label {
@apply: bg-green-400;
background-color: #68D391;
}
.note-editable ul{
list-style-type: disc !important;
margin-left: 20px;
}
.note-editable h1{
font-size: 2.5rem;
}
.note-editable h2{
font-size: 2rem;
}
.note-editable h3{
font-size: 1.8rem;
}
.note-editable h4{
font-size: 1.5rem;
}
#st-1.st-hidden{
opacity: 1 !important;
}
@media(max-width: 767px){
main{
padding: 0 15px !important;
}
}