@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;	
    src:url('../../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2');
  }
  
  .material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
  }
        body {
            -webkit-background-size: auto;
            -moz-background-size: auto;
            background-size: auto;
            -o-background-size: auto;
            /* background: url('app/images/background-1.png') no-repeat center center; */
            background-color: white !important;
        }

        .headerbg {
            /* background-color: white !important; */
            /* background: url('app/images/background-1.png') no-repeat center center; */
            /* background-color: #1f9ca2 !important;
            background-image: -webkit-gradient(linear, left top, right top, from(#1f9ca2), to(#27c5cd)) !important;
            background-image: linear-gradient(to right, #1f9ca2 0%, #27c5cd 100%) !important;
            background-repeat: repeat-x !important; */
            border-bottom: 4px solid #1f9ca2 !important;
            min-height: 88px;
            padding-bottom: 0;
        }

        .login-page .login-box .logo b {
            font-size: 36px;
            display: block;
            width: 100%;
            text-align: center;
            color: #fff;
        }

        .rightgradient {
            height: 80vh;
            border-width: 3px;
            border-right-style: solid;
            border-image:
                linear-gradient(to bottom,
                    rgba(55, 112, 155, 0),
                    #a9d1de,
                    rgba(55, 112, 155, 0))1 100%
        }

        @media (max-width: 1023px) {
            .rightgradient {
                display: none;
                height: 0px;
            }

            .secondarytitle {
                text-align: center;
            }

            .secondarytitle::before {
                content: "Management Information System";
                color: white;
                font-size: 28px;
            }
        }

        .login-page {
            max-width: 400px;
        }

        .switch label .lever {
            width: 60px;
            background-color: #0894e6;
        }

        .switch label .lever:after {
            background-color: #ffffff;
        }

        .switch label input[type=checkbox]:checked+.lever.switch-col-indigo {
            background-color: #054971;
        }

        .switch label input[type=checkbox]:checked+.lever.switch-col-indigo:after {
            background-color: #ffffff;
        }

        .switch label input[type=checkbox]:checked+.lever:after {

            left: 45px;
        }

        .login-page {
            /* background-color: #00BCD4; */
            padding-left: 0;
            max-width: 360px;
            margin: auto;
            overflow-x: hidden;
        }

        .bg-indigo {
            background-color: #1f9ca2 !important;
            color: #fff;
        }

        img {
            vertical-align: top;
        }

        .card {
            border-radius: 10px;
            border: 2px solid #24b4bb;
        }
        .input-group .form-line:after {
   
    border-bottom: 2px solid #25b8c0;
}