/* Minification failed. Returning unminified contents.
(281,24): run-time error CSS1033: Expected closing bracket, found 'i'
(281,25): run-time error CSS1031: Expected selector, found ']'
(281,25): run-time error CSS1025: Expected comma or open brace, found ']'
 */
 @font-face {
     font-family: "NSICFont";
     src: url("../fonts/calibri.eot");
     /* IE9 Compat Modes */
     src: url("../fonts/calibri.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
     url("../fonts/calibri.otf") format("opentype"), /* Open Type Font */
     url("../fonts/calibri.ttf") format("truetype"), /* Safari, Android, iOS */
     url("../fonts/calibri.woff") format("woff"), /* Modern Browsers */
     url("../fonts/calibri.woff2") format("woff2");
     /* Modern Browsers */
     font-weight: normal;
     font-style: normal;
 }

 /*-- Reset-Code --*/

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
 }

 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
 }

 ol, ul {
     list-style: none;
     margin: 0px;
     padding: 0px;
 }

 blockquote, q {
     quotes: none;
 }

 blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
 }

 a {
     text-decoration: none;
 }

 html {
     min-height: 100%;
     position: relative;
 }

 body {
     padding: 0;
     margin: 0;
     background: #f9f9f9;
     min-height: 100%;
     font-family: 'NSICFont';
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     margin: 0;
     text-align: left;
     color: #525f7f;
     /*padding-bottom: 150px;*/
 }

 .main-top-intro {
     background-image: url("../images/banner.jpg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
 }

 .bg-layer {
     background: rgba(255, 255, 255, .0);
     /* min-height: 100vh; */
     padding: 0;
     margin: 0;
 }

 /* .container-login {
    width: 100%;
    margin: 0 auto;
} */

 /* .container-login:after, .container-login:before {
    clear: both;
    content: "";
    display: block;
} */

 /* .container_info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
} */

 .input-group {
     margin-top: 10px;
     margin-bottom: 20px;
     padding: 3px 10px;
     border: 1px solid #ddd;
     background: #fff;
 }

 .login_section .btn-block, .psw_recovery .btn-block {
     background: #26a69a;
     border: none;
     color: #fff;
     font-size: 14px;
     padding: 12px 15px;
     text-transform: uppercase;
     cursor: pointer;
     border-radius: 3px;
 }

 .login_section .btn-block:hover, .psw_recovery .btn-block:hover {
     background: #249a8f;
 }

 .login_logo {
     width: 300px;
     margin: 0px auto;
 }

 .login_logo img {
     width: 100%;
 }

 .login_section {
     margin: 0 auto;
     -webkit-box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.2);
     background: rgba(255, 255, 255, 0.95);
     border-radius: 5px;
     /*margin-bottom: 30px;*/
     /*margin-top: 30px;*/
     /*padding: 10px 0px;*/
 }

 .psw_recovery {
     width: 380px;
     margin: 0 auto;
     -webkit-box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.2);
     background: rgba(255, 255, 255, 0.75);
     margin-bottom: 30px;
     border-radius: 5px;
     margin-top: 30px;
     padding: 10px 0px;
 }

 .login_section .form-control, .psw_recovery .form-control {
     height: 42px;
 }

 .login_section label, .psw_recovery label {
     margin-bottom: 6px;
     color: #333;
     font-size: 14px;
 }

 .login_section h2, .psw_recovery h2 {
     font-size: 26px;
     color: #0098da;
     text-transform: uppercase;
     text-align: center;
     line-height: 22px;
     font-weight: bold;
     padding-bottom: 15px;
     border-bottom: 1px solid #ddd;
     margin-bottom: 8px;
 }

 .login_section h4, .psw_recovery h4 {
     display: inline-block;
     font-size: 15px;
     padding: 8px 0px;
     color: #444;
     text-transform: capitalize;
 }

 .login_section .form-control-feedback, .psw_recovery .form-control-feedback {
     position: absolute;
     color: #0095da;
     width: 42px;
     height: 42px;
     line-height: 42px;
 }

 .login-check {
     position: relative;
 }

 .login-check label {
     text-transform: capitalize;
     font-size: 14px;
     color: #333;
     margin-top: 0px;
     margin-bottom: 10px;
     line-height: 20px;
     float: left;
 }

 .lg-title {
     text-align: center;
 }

 .lg-title h3 {
     font-size: 22px;
     text-align: center;
     color: #0098da;
     padding: 15px 0px;
     font-weight: bold;
     padding-left: 10px;
 }

 .checkbox i {
     position: absolute;
     top: 0px;
     left: 0%;
     text-align: center;
     display: block;
     width: 16px;
     height: 16px;
     border: 1px solid #2fce98;
     outline: none;
     border-radius: 0px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -o-border-radius: 0px;
     cursor: pointer;
     background: #21c38d;
 }

 .checkbox input:checked+i:after {
     opacity: 1;
 }

 .checkbox input+i:after {
     position: absolute;
     opacity: 0;
     transition: opacity 0.1s;
     -o-transition: opacity 0.1s;
     -ms-transition: opacity 0.1s;
     -moz-transition: opacity 0.1s;
     -webkit-transition: opacity 0.1s;
 }

 .checkbox input+i:after {
     content: url(../images/tick.png);
     top: -2px;
     left: 2px;
 }

 .checkbox {
     position: relative;
     display: inline-block;
     padding-left: 25px !important;
     text-transform: capitalize;
     letter-spacing: 1px;
     font-size: 14px;
     color: #fff;
 }

 input[type="checkbox" i] {
     display: none;
 }

 /* slider
----------------------*/

 .slide-wrap {
     margin: 5% auto 0;
     width: 100%;
 }

 .slide-mask {
     position: relative;
     overflow: hidden;
     height: 260px;
 }

 .slide-group {
     position: absolute;
     top: 0px;
     left: 0;
     width: 100%;
 }

 .slide {
     height: 260px;
     color: #fff;
     text-align: center;
 }

 /* nav
  ----------------------*/

 .slide-nav {
     text-align: center;
 }

 .slide-nav ul {
     margin: 0;
     padding: 0;
 }

 .slide-nav li {
     display: inline-block;
     width: 10px;
     height: 10px;
     background: rgb(3, 57, 80);
     cursor: pointer;
     margin-left: .2em;
     border-radius: 3px;
 }

 .slide-nav li.current {
     background: rgb(14, 138, 202)
 }

 .NSIC_log img {
     position: relative;
     max-width: 100%;
 }

 .NSIC_log .mail-logo {
     position: relative;
     max-width: 160px;
     float: none;
     margin-top: -20px;
 }

 .NSIC_log {
     width: 100%;
     /*margin-top: 50px;
    padding: 6px 0px;*/
 }

 .login-part-rht {
     position: relative;
     /*padding: 10px;*/
 }

 .psw-part-rht {
     position: relative;
 }

 /* .login-part-rht:before {
    content: "";
    border-left: 1px solid #ddd;
    position: absolute;
    left: 0px;
    height: 100%;
} */

 .login-part-rht h3, .psw-part-rht h3 {
     font-size: 20px;
     color: #0098da;
     text-align: left;
     border-bottom: 1px solid #f3f3f3;
     padding: 0px 0px 9px;
     margin-bottom: 10px;
 }

 .login-part-rht .form-group.has-feedback .form-control, .psw-part-rht .form-group.has-feedback .form-control {
     border-radius: 0px;
 }

 .fpsw a {
     color: #0098da;
 }

 .position-right {
     margin-left: 7px;
 }

 .footer-menu {
     /* margin-top: 20px;
    margin-bottom: 20px; 
    border-bottom: 1px solid #c1c0c0;*/
 }

 .footer-menu li {
     display: inline-block;
     padding: 6px 18px;
 }

 .footer-menu li a {
     font-size: 14px;
     color: #333;
 }

 .footer-menu li a:focus, .footer-menu li a:hover, .footer-menu li a.active {
     color: #0098da;
     text-decoration: none;
 }

 @media only screen and (max-width: 420px) {
     .psw_recovery {
         width: 100%;
     }
     .login_section {
         width: 100%;
     }
     .login-part-rht {
         padding: 0px;
     }
     .login-part-rht:before {
         display: none;
     }
     .login_logo {
         width: 100%;
         margin: 0px auto;
     }
 }

 .breadcrumb-elements>li {
     display: inline-block;
     position: static;
     font-size: 13px;
 }

 ul.breadcrumb-elements {
     margin: 20px 0px;
 }

 .breadcrumb-elements>li>a {
     display: block;
     padding: 4px 14px;
     color: #fff;
     -webkit-transition: all ease-in-out 0.15s;
     -o-transition: all ease-in-out 0.15s;
     transition: all ease-in-out 0.15s;
     border-radius: 3px;
     font-size: 16px;
 }

 .mr10 {
     margin-right: 10px;
 }

 .bg-teal-400 {
     background-color: #26a69a;
     border-color: #26a69a;
     color: #fff;
 }

 .bg-pink-400 {
     background-color: #ec407a;
     border-color: #ec407a;
     color: #fff;
 }

 .bg-indigo-400 {
     background-color: #5c6bc0;
     border-color: #5c6bc0;
     color: #fff;
 }

 .breadcrumb-elements>li>a:hover {
     color: #fff;
     opacity: 0.9;
     outline: none;
     text-decoration: none;
 }

 .position-left {
     margin-right: 2px;
 }

 .bg-content-w3pvt {
     margin: 0 auto;
     background: #fff;
     text-align: center;
     padding-bottom: 1px;
     border-radius: 5px;
     padding-bottom: 15px;
 }

 .bg-content-w3pvt .top-content-style h2 span {
     font-style: italic;
     font-size: 18px;
 }

 /* .top-content-style {
    padding: 10px 10px 80px;
    background: #0098da;
} */

 .login-part-rht form {
     background: rgba(233, 233, 233, 0.5);
     padding: 1em;
     /* margin: -1.5em 1.5em 1em; */
     -webkit-border-radius: 4px;
     -o-border-radius: 4px;
     -ms-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     -webkit-box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 1px 0px 15px 0px rgba(0, 0, 0, 0.2);
     /* margin-top: -75px; */
 }

 a.bottom-text-w3ls {
     color: #757474;
     font-size: 16px;
     display: inline-block;
     margin: 0em 1em 2em;
     letter-spacing: 1px;
 }

 p.legend {
     color: #4e4d4d;
     font-size: 16px;
     text-align: left;
     margin-bottom: 0.1em;
     text-transform: uppercase;
     font-weight: bold;
     border-bottom: 1px solid #f3f3f3;
     padding-bottom: 8px;
 }

 p.legend span {
     color: #26a69a;
     margin-left: 10px;
 }

 p.legend span.icons-tip {
     color: #0098da;
     margin-left: 2px;
     float: right;
 }

 .input {
     position: relative;
     margin: 15px auto;
     width: 100%;
 }

 .input input {
     width: 100%;
     padding: 10px 10px 10px 34px;
     display: block;
     border: none;
     border: 1px solid #8dddff;
     color: #000;
     box-sizing: border-box;
     font-size: 14px;
     outline: none;
     letter-spacing: 1px;
     background: #fff;
 }

 .input span {
     position: absolute;
     display: block;
     color: #0098da;
     left: 10px;
     top: 12px;
     font-size: 16px;
 }

 .submit {
     width: 45px;
     height: 45px;
     display: block;
     margin: 2.5em auto 0;
     background: #1cc7d0;
     -webkit-border-radius: 10px;
     -o-border-radius: 10px;
     -ms-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     border: none;
     cursor: pointer;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     transition: 0.5s all;
 }

 .ofhidden {
     overflow-x: hidden;
 }

 .login-footer {
     width: 100%;
     position: absolute;
     bottom: 0px;
 }

 .foot-link {
     background: rgba(232, 232, 232, 0.95);
 }

 .mbtm {
     border-bottom: 1px solid rgba(221, 221, 221, 0.08);
 }

 .address-title {
     background: rgb(0, 152, 218);
 }

 .address-title p {
     color: rgba(255, 255, 255, 0.69);
     /* text-align: center; */
     padding: 5px 0px;
     font-size: 14px;
 }

 .rht-logo-part {
     margin: 0px 0px;
 }

 .rht-logo-part img {
     float: right;
     padding-left: 50px;
     margin-top: 5px;
 }

 /* ul.rht-logo-part {
    display: flex;
}

ul.rht-logo-part li {
    flex-basis: 100%;
}

ul.rht-logo-part li:nth-of-type(2) {
    text-align: center;
}

ul.rht-logo-part li:nth-of-type(3) {
    text-align: right;
} */

 #mySidenav a {
     position: fixed;
     right: -45px;
     transition: 0.3s;
     width: 80px;
     text-decoration: none;
     font-size: 18px;
     color: white;
     border-radius: 3px 0 0 3px;
     padding: 5px;
 }

 #mySidenav a:hover {
     right: 0;
 }

 #FAQ {
     bottom: 120px;
 }

 #help {
     bottom: 160px;
 }

 @media only screen and (max-width: 768px) {
     .login_section {
         width: 100%;
     }
     /* .login-footer {
        width: 100%;
        position: relative;
        bottom: 0px;
    } */
     .ofhidden {
         overflow-x: hidden;
     }
     .rht-logo-part {
         display: none;
     }
 }

 .Main-content {
     padding-bottom: 50px;
 }

 .Main-content p {
     font-size: 16px;
     color: #01212f;
     margin-bottom: 12px;
     text-align: justify;
 }

 .Main-content p b {
     font-weight: bold
 }

 .Main-content h2 {
     font-size: 26px;
     color: #0098da;
     font-weight: 500;
 }

 .Main-content h4 {
     font-size: 22px;
     color: #015f88;
     margin-bottom: 5px;
 }

 .Main-content-footer {
     width: 100%;
     position: relative;
 }

 .Main-content ul {
     margin-bottom: 12px;
 }

 .Main-content ul li {
     list-style-type: none;
     position: relative;
     padding-left: 15px;
     color: #01212f;
 }

 .Main-content ul li:before {
     content: "\25BA \0020";
     font-size: 14px;
     position: absolute;
     top: 0px;
     left: -10px;
     color: #0098da;
 }

 .Main-content table tr th {
     font-weight: bold;
     color: #000;
     background: #eaeaea;
 }

 .Main-content table tr td {
     color: #000;
     font-size: 16px;
 }

 a.logo-text {
     text-decoration: none;
 }

 .logo-text h2 {
     font-size: 24px;
     font-weight: bold;
     color: #1c84c6;
     letter-spacing: 1px;
 }

 .logo-text h4 {
     color: #1c84c6;
     margin-top: -6px;
 }

 .logo-text h3 {
     color: #000;
     font-size: 16px;
     font-weight: bold;
     margin-top: -3px;
 }

 .media-list {
     padding-left: 0;
     list-style: none;
 }

 .border-btm li.media {
     border-bottom: 1px solid #f4f4f4;
     padding: 3px 8px;
     background: rgba(245, 245, 245, 0.7);
     margin: 2px;
 }

 .btn-info {
     color: #fff;
     background-color: #5bc0de !important;
     border-color: #46b8da !important;
 }

 .btn-info:hover {
     color: #fff;
     background-color: #31b0d5 !important;
     border-color: #269abc !important;
 }

 .btn-home {
     padding: 6px !important;
 }

 .media-body {
     display: table-cell;
     vertical-align: top;
     text-align: left;
 }

 .media-left, .media>.pull-left {
     padding-right: 10px;
 }

 .btn-icon.btn-xs, .input-group-xs>.input-group-btn>.btn.btn-icon {
     padding-left: 7px;
     padding-right: 7px;
     border-radius: 100%;
     border-width: 2px;
     line-height: 20px;
 }

 .text-success, .text-success:focus, .text-success:hover {
     color: #4caf50!important;
 }

 .border-success {
     border-color: #4caf50;
 }

 [class^="icon-"], [class*=" icon-"] {
     font-family: 'icomoon';
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     min-width: 1em;
     display: inline-block;
     text-align: center;
     font-size: 16px;
     vertical-align: middle;
     position: relative;
     top: -1px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .media-list.border-btm a:hover, .media-list.border-btm a:focus {
     text-decoration: none;
 }

 ul.schems {
     /* overflow-x: auto; */
     height: 170px;
     overflow-y: auto;
 }

 ul.schems a {
     line-height: 22px;
 }

 @media only screen and (max-width: 768px) {
     div#myServices {
         -webkit-order: 2;
         display: block;
         width: 100%;
     }
     div#myLogin {
         -webkit-order: 1;
         display: block;
         width: 100%;
     }
     div#myotherservices {
         -webkit-order: 2;
         display: block;
         width: 100%;
     }
     /* Standard syntax */
     div#myServices {
         order: 2;
     }
     div#myLogin {
         order: 1;
     }
     div#myotherservices {
         order: 3;
     }
     .login-part-page {
         display: -webkit-flex;
         display: flex;
         width: 100%;
         flex-direction: column;
     }
 }

 @media only screen and (max-width: 480px) {
     .NSIC_log {
         margin-top: 20px;
     }
     .NSIC_log .mail-logo {
         max-width: 120px;
     }
 }

.t-left {
    text-align: left
}

.t-right {
    text-align: right
}