@font-face{font-family:"LineAwesome";
           src:url('../../line-awesome/fonts/line-awesome/line-awesome.eot');
           src:url('../../line-awesome/fonts/line-awesome.woff2') format("woff2"),
               url('../../line-awesome/fonts/line-awesome.woff') format("woff"),
               url('../../line-awesome/fonts/line-awesome.ttf') format("truetype"),
               url('../../line-awesome/fonts/line-awesome.svg') format("svg");
           font-weight:normal;font-style:normal;
}
@font-face{font-family:'museo_slab100';src:url(../../fonts/exljbris_-_museoslab-100-webfont.woff2) format("woff2"),
               url(../../fonts/exljbris_-_museoslab-100-webfont.woff) format("woff");font-weight:normal;font-style:normal;}

html {
    position: relative;
    min-height: 100%;
}
body {
    font-family: "chivoregular"!important;
    font-size: 16px;
    line-height: 1.42857143;
    background-color: #EDEFEE;
    overflow-x: hidden;
    padding-top: 9em;
    margin-bottom: 12em!important;
}
body.login-page {
    padding-top: 0;
}
/* *************************************Header****************************************** */
span.logo-title {
    font-size: 16px;
    font-family: "museo_slab100",sans-serif;
    font-weight: 800;
    color: #1A3A4C;
    line-height: 106px;
}
.navbar-default {
    background-color:#e6e6e6!important;
    border-color: #E2E5E3;
}
.navbar-default .navbar-nav > li > a {
    color: #1A3A4C;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'chivoregular';
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #1A3A4C;
    background-color: transparent;
    border-bottom: 3px solid #f3645e;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}
.navbar {
    border-radius: 0px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #1A3A4C;
    background-color: transparent;
}
.header-top {
    height:75px;
    box-shadow: 0 0 7px #838483;
    background: white;
    position: relative;
    z-index: 9;
}
ul.navbar-right {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
}
ul.navbar-right li {
    display: inline-block;
    padding: 7px 10px;
}
ul.navbar-right li a {
    color: #A4A4A4;
    text-transform: uppercase;
    font-size: 11px;
    cursor: pointer;
    font-family: 'chivoregular';
    text-decoration: none;
}
.navbar{
    border-radius: 0px;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
ul.options {
    list-style-type: none;
    padding-left: 0px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}
li.notification {
    position: relative;
}
ul.options li{
    display:inline-block;
}
ul.options li:first-child {
    width: calc(100% - 207px);
    text-align: right;

}
header {
    position: relative;
}
.nav > li {
    position: relative;
    display: block;
    min-width: 100px;
    text-align: center;
}
.navbar {
    margin-bottom: 0px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #1a3a5e;
    background-color: transparent;
}
span.notification-count {
    width: 16px;
    height: 16px;
    background: #f3645e;
    color: white;
    display: inline-block;
    border-radius: 30px;
    font-size: 10px;
    position: absolute;
    top: 0px;
    padding-top: 1px;
    font-family: 'arial';
    text-align: center;
}

ul.options a {
    color: #1a3a5e;
    cursor: pointer;
    text-decoration: none;
    text-align: left!important;
}
ul.options li {
    padding: 3px;
}
li.notification i {
    font-size: 20px;
}
a[aria-expanded="true"] i.la-angle-down{
    transform: rotate(180deg);
    color: #f3645e;
}

ul.nav.navbar-nav i.la-angle-down {
    font-size: 14px;
    margin-right: 7px;
    margin-left: 5px;
}
.welcome-user {
    font-size: 13px;
}
.language li  , .welcome li{
    display: block!important;
    padding: 7px 0px!important;
}
/* ************************************Search form************************************** */
input {
    outline: none;
}
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none; 
}


input[type=search] {

    border: solid 1px transparent;
    padding: 9px 10px 9px 32px;
    width: 55px;

    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}


input:-moz-placeholder {
    color: #999;
}
input::-webkit-input-placeholder {
    color: #999;
}

/* Demo 2 */

#demo-2 input[type=search]:hover {
    background-color: #fff;
}
.search-expanded input[type=search] {
    width: 80%!important;
    padding-left: 20px;
    color: #535353;
    background-color: #fff;
    cursor: auto;
    border:solid 1px #63c3dd;
}
#demo-2 input:-moz-placeholder {
    color: transparent;
}
#demo-2 input::-webkit-input-placeholder {
    color: transparent;
}
button.search-click {
    background: transparent;
    border: 0px;
    position: absolute;
    right: 0px;
    top: 8px;
}
button.search-click i {
    position: relative!important;
    font-size: 22px!important;
    top: 0px!important;
    right: 0px!important ;
}
button.search-click:focus {
    outline: none;
}
/* *******************************Footer************************************* */

footer {
    position: absolute;
    padding-bottom: 36px;
    background-color: #fff;
    padding-bottom: 10px!important;
    width: 100%;
    bottom: 0;
}

.footer-bottom {
    background-image: url(../images/footer.png);
    padding: 30px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-bottom:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 16 159 / 79%);
    left: 0;
    top: 0px;

}
.email-us {
    text-align: center;
    padding-top: 6em;
}
/* .footer-bottom {
    margin-top: 20px;
    margin-bottom: 20px;
} */

.niitlogo {
    border-right: 1px solid #ececec;
}
.copyright-text {
    font-weight: 600;
    color: #1c3b4f;
    padding-top: 10px;
}
.copyright-text+span {
    color: #113740;
    font-family: 'chivo_lightregular';
}
.footer-menu {
    min-height: 0px;
    border-right: 0px;
}
.col-md-3.col-sm-12 .footer-menu ul {
    min-height: 150px;
    border-right: 1px solid #eaeaea;
}
.footer-menu ul {
    margin: 0px!important;
    padding: 0px;
    margin-top: 40px;
    padding-left: 30px;
}
.footer-menu ul li {
    list-style: none;
    line-height: 30px;
}
.footer-social h2 {
    margin-top: 0px;
}
.footer-social {
    min-height: 120px;
    border-left: 1px solid #ececec;
    padding-left: 4em;
}
.footer-global h2, .footer-social h2 {
    line-height: 35px;
    color: #1A3A4C !important;
    font-weight: 700;
    font-family: 'chivo_lightregular';
    padding-bottom: 10px;
    font-size: 13px;
}
.footer-social ul {
    margin: 0px;
    padding: 0px;
}
.footer-social ul li {
    list-style: none;
}
.footer-social ul li a {
    color: #c2c2c2;
}
.footer-social ul li.facebook a::before {
    background-image: url(../images/social.png);
    width: 14px;
    height: 19px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.footer-social ul li.twitter a::before {
    background-image: url(../images/social.png);
    background-position: 0px -18px;
    width: 14px;
    height: 19px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.footer-social ul li.linkedin a::before {
    background-image: url(../images/social.png);
    background-position: 0px -37px;
    width: 14px;
    height: 19px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.footer-global h2, .footer-social h2 {
    line-height: 35px;
    color: #1A3A4C !important;
    font-weight: 700;
    font-family: 'chivo_lightregular';
    padding-bottom: 10px;
    font-family: 'chivoregular';
    padding-bottom: 10px;
    font-size: 16px;

}
.footer-global ul {
    margin: 0px;
    padding: 0px;
}
.footer-global ul li {
    list-style: none;
}
.footer-menu {
    min-height: 0px;
    border-right: 0px;
}
.footer-bottom a:hover {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
.footer-global ul li a {
    color: #243642;
}
.footer-menu ul li a{
    position: relative;
}
.footer-menu ul li a::before {
    content: "\f121";
    position: absolute;
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 20px;
    vertical-align: middle;
    font: normal normal normal 16px/1 LineAwesome;
    left: -20px;
    top: 0px;
    color: #fff;
}
.footer a { 
    color: #fff;
    font-size: 14px;
    font-weight: 600; 
}
ul.nav.navbar-nav i {
    font-size: 20px;
    margin-right: 7px;
}
/* ****************************Login-page**************************** */

img.login-logo {
    width: auto!important;
    margin-bottom: 20px;
    max-width: 320px!important;
}
.login-box p{
    font-size: 16px;
    font-family: 'roboto_lightregular';
}
input.nl-input {
    width: 100%;
    padding: 15px 0px;
    border: none;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 20px;
    background: transparent;
}

input.nt-btn {
    background: #f06066;
    border: none;
    color: white;
    padding: 10px 40px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'robotobold';
}
a.nl-link {
    padding-bottom: 10px;
    display: inline-flex;
    cursor: pointer;
}
.login-banner img {
/*    max-height: 630px;*/
    width: 100%;

}

.login-heading{
    font-size: 30px;
    margin-top: 0px;
    font-family: 'robotobold';
}

section.middle {
    background: #edefee;
    padding: 40px 0px;
}
.login-box {
    padding: 30px;
    border-top: 5px solid rgb(36, 64, 82);
    background: rgba(255,255,255,.9);
    box-shadow: 0 0 10px #a5a5a5;
}
h1.login-header {
    color:#013068;
    font-family: "museo_slab100",sans-serif;
    margin-bottom: 20px;
}
.login-container{
    max-width: 420px;
    position: absolute;
    top: 6%;    
}
section.niit-services h5 {
    color: rgb(102, 196, 222);
    text-transform: uppercase;
    font-weight: 600;
}
section.niit-services {
    padding: 6em 0;
    background: white;
}
.niit-services h1{
    font-family: "museo_slab100",sans-serif;
    font-size: 52px;
    color: #1A3A4C;
    text-align: center;
    font-weight: 500;
}
section.niit-services p {
    width: 100%;
    max-width: 500px;
    margin: auto;
    color: #1A3A4C;
    font-size: 18px; 
    font-family: 'chivo_lightregular';
}
ul.niitServices {
    list-style-type: none;
    padding-left: 0px;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex ;
    justify-content: center;

}
ul.niitServices img {
    max-width: 100px;
}
ul.niitServices label {
    display: block;
    color: #1A3A4C;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
    max-width: 120px;
}
ul.niitServices li {
    text-align: center;
    padding: 20px 50px;
    border-right: 1px solid #ececec;
    margin-top: 4em;
}
ul.niitServices  li:last-child{
    border-right: 0px solid #ececec;
}
.training-text h2 {
    color: white;
    text-align: center;
}
.home-banner {
    position: relative;
}
.banner-overlap{
    position: absolute;
    z-index: 99;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
} 
.home-banner h1.login-header {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 0px;
} 
.home-banner h5 {
    font-size: 20px;
    color: white;
    font-family: "museo_slab100",sans-serif;
}
input.lg-btn {
    background: #F06066;
    border: 0px;
    color: white;
    padding: 10px;
    width: 100%;
    text-transform: uppercase;
    font-family: "chivoregular",sans-serif;
    font-size: 16px;
}    
input.white-btn {
    border: 1px solid white;
    background: rgba(255, 255, 255, .1);
    color: white;
    text-align: center;
    width: 100%;
    padding: 10px;
    text-transform: uppercase;
    margin-top: 10px;
    font-family: 'chivo_boldregular';
} 
.notification-container {
    background: white;
    max-width: 450px;
    box-shadow: 0 0 30px rgba(0, 0, 0 ,.3);
    padding: 20px;
    position: absolute;
    top: 30%;
    width: 100%;
    height: auto;
} 
section.banner.login-banner.home-banner {
    background-image: url(../images/banner.png);
    padding: 30px 0px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 454px;
}  
.notification-container ul {
    font-family: "chivo_lightregular";
    padding-left: 20px;
    font: 18px;
}
.notification-container ul li {
    margin-bottom: 15px;
} 
a.approve-now {
    background: #f06066;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 7px;
    text-decoration: none!important;
    cursor: pointer;
    font-family: "chivoregular";
    margin-top: 5px;
    display: inline-block;
} 
a.pink-link {
    text-transform: uppercase;
    color: #f06066;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}  
li.no-record i {
    color: #d6d6d6;
    font-size: 50px;
}
li.no-record {
    text-align: center;
}
.no-record span {
    display: block;
    font-size: 20px;
    color: #b9bfbf;
}
.choose-request-list a:hover {
    color: white!important;
}
.notification-container i{
    font-size: 22px;
}            
label {
    font-family: 'chivoregular';
    font-weight: 500;
    color: #1A3A4C;
}   
.count-notify{
    font-family: "chivo_lightregular";
}  
span.count {
    color: #f06066;
    font-weight: 600;
    margin-right: 5px;
} 
section.banner-below {
    position: relative;
}
section.banner-below:before {
    content: '';
    position: absolute;
    background:rgba(240,96,102,0.7);
    z-index: 99;
    width: 100%;
    height: 100%;
} 
section.banner-below img {
    width: 100%;
}  
h2.niit-headerh2 {
    font-family: "museo_slab100",sans-serif;
    font-size: 40px;
    color: #1A3A4C;
    font-weight: 500;
}
button.owl-prev                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       ,button.owl-next {
    border: 2px solid #f06066!important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
} 
button.owl-prev:before ,button.owl-next:before  {
    content: "\f111";
    font: normal normal normal 16px/1 LineAwesome;
    position: absolute;
    color: #f06066;
    font-weight: 800;
    font-size: 20px;
    left: 4px;
    top: 4px;
}
button.owl-next:before 
{
    content: "\f112";
}
button.owl-prev span ,button.owl-next span{
    display: none;
}
button.owl-prev:focus ,button.owl-next:focus
{
    outline:none;
} 
button.owl-dot {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border: 1px solid grey!important;
    border-radius: 50%;
    background: white!important;
}   
button.owl-dot.active {
    background: #f06066!important;
    border-color: #f06066!important;
}
button.owl-dot.active:focus {
    outline: none;
}
.item {
    padding: 15px;
}
.owl-card {
    background: white;
    box-shadow: 0 0 15px #c7c7c7;
    padding: 20px;
    min-height: 150px;
}
.owl-card  span {
    font-size: 15px;
    color: #A4A4A4;
}
.owl-card h5 {
    font-size: 20px;
    color: #535353;
}
a.edit-now {
    float: right;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    color: #F06066;
    font-weight: 600;
}
.owl-dots {
    text-align: center;
}
section.saved-for-later {
    background: #EDEFEE;
    position: relative;
    padding: 3em 0;
}
section.saved-for-later:after ,section.latest-activity:after {
    content: '';
    position: absolute!important;
    background-image: url(../images/briefcase.svg);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    width: 300px;
    height: 300px;
    top: 10%;
    right: 0;
}
section.latest-activity {
    position: relative;
    background: #E2E5E3;
    padding: 3em 0px;
}
section.latest-activity:after{
    background-image: url(../images/analytics.svg);
    width: 400px;
    height: 400px;
}
.card {
    background: white;
    box-shadow: 0 0 30px #c7c7c7;
    padding: 20px;
    min-height: 150px;
    z-index: 2;
    position: relative;
}
select.ni-select {
    border: 1px solid #a9a8a8;
    padding: 3px 10px;
    min-width: 150px;
    text-align: center!important;
    float: right;
}
label.failed span {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #844199;
    margin-right: 5px;
}
label.passed span 
{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #63C3DD;
    margin-right: 5px;
}
label.failed {
    margin-left: 2em;
    margin-right: 1em;
}
.owl-nav {
    position: absolute;
    top: -15px;
    right: 15px;
}
.owl-stage-outer {
    padding-top: 1em;
}
button.owl-prev {
    margin-right: 10px;
}
section.status-update {
    background: #EDEFEE;
    position: relative;
    padding: 3em 0px;
}
span.completed {
    color: #A7CB2A;
    text-transform: uppercase;
}
span.in-progess {
    color: #F77118;
    text-transform: uppercase;
}
span.not-started {
    color: #F8050F;
    text-transform: uppercase;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0px;
}
th {
    border-bottom: 1px solid #cac9c9;
    padding: 13px 0px;
}
img.full {
    width: 100%;
}
.nav.navbar-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: inherit;
}
li.dropdown.welcome.open ul a {
    color: #f3645e;
    font-size: 16px;
    text-align: center;
    display: block;
}
ul.dropdown-menu {
    border: 0px;
    border-radius: 0px;
}

.nav ul.dropdown-menu:before {
    content: '';
    position: absolute;
    width: 4000px;
    height: 50px;
    background: #EDEFEE;
    left: -2000px;
    top: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: -1;
}
.navbar {
    margin-bottom: 0px!important;
}
ul.nav.navbar-nav .dropdown-menu {
    box-shadow: none;
    background: transparent;
}
ul.nav.navbar-nav li.dropdown.open .dropdown-menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0px 70px;
    padding-top: 10px;
    justify-content: space-between;
    -webkit-justify-content: justify;
    -moz-justify-content: justify;
    -ms-flex-justify-content: justify;
    width: 100%;
}
ul.nav.navbar-nav .dropdown {
    position: unset;
}
.navbar .container {
    position: relative;
}
ul.nav.navbar-nav .dropdown-menu > li > a {
    font-size: 16px;
    color: #F06066!important;
}
ul.nav.navbar-nav .dropdown-menu > li > a:hover,ul.nav.navbar-nav .dropdown-menu > li > a:focus {
    background-color: transparent;
}
i.la.la-search {
    position: absolute;
    top: 15px;
    right: 7px;
}
form#demo-2 {
    position: relative;
}
ul.dropdown-submenu {
    padding-left: 0px;
    list-style-type: none;
    text-align: center;
}
ul.dropdown-submenu a {
    color: #555;
    cursor: pointer;
    text-decoration: none;
}
a.navbar-brand {
    display: inline-block;
    width: 130px;
    height: 75px;
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}
img.logo {
    max-width: 100%;
    height: auto;
    width: 130px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent!important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent!important;
}

.sub-links a {
    color: #f7f7f9!important;
    font-size: 16px;
    padding: 8px 20px;
    display: inline-block;
    text-transform: capitalize;
    text-decoration: none!important;
    background: #f06066;
    min-width: 180px;
    text-align: center;
}
.sub-links span {
    font-size: 16px;
    font-weight: 200!important;
    padding: 10px;
    display: inline-block;
    color: #173e4f;
}
.sub-menu-block.card {
    margin-bottom: 7em;
    padding: 4em;
    margin-top: 3em;
}
.sub-cont {
    padding: 2em 6em;
}
.breadcrumb {
    background: transparent;
}
.category-list a:hover {
    color: white;
}
/* ************************************************************* */
.category-list ul {
    display: flex;
    display: -webkit-box ;
    display: -moz-box ;
    display: -ms-flexbox ;
    display: -webkit-flex;
    justify-content: center;
    padding-left: 0px;
}
.category-list li {
    background: #F06066;
    list-style-type: none;
    max-width: 266px;
    padding: 1em;
    margin: 4em 1em;
}
.category-list a {
    color: white;
    text-decoration: none!important;
}
.category-list span {
    font-family: 'chivoregular';
    font-size: 24px;
    display: block;
    /*    border-top: 1px solid;*/
    padding-top: 1em;
    position: relative;
    padding-right: 2em;
}
.category-list span i {
    font-size: 30px!important;
    position: absolute;
    right: 0;
    top: 26px;
}
.request-kind a ,.choose-request a{
    font-size:24px;
}
.request-kind i.la.la-arrow-circle-right ,.choose-request i.la.la-arrow-circle-right{
    font-size: 30px;
    vertical-align: sub;
    margin-left: 10px;
}
section.request-kind {
    padding-bottom: 15em;
}
section.request-kind .category-list li,section.choose-request .category-list li{
    min-width: 230px;
    text-align: center;

}
.category-list p {
    color: white;
}
.category-list a {
    cursor: pointer;
}
.choose-request-list a {
    color: white;
    cursor: pointer;
}
.choose-request-list a {
    background: #F06066;
    padding: .5em;
    color: white;
    min-width: 230px;
    display: inline-block;
    text-align: center;
    text-decoration: none!important;
}
.choose-request-list p {
    font-size: 16px;
    color: #1A3A4C;
    min-height: 100px;
    text-align: center;
}
.choose-request-list ul {
    display: flex;
    display: -webkit-box ;
    display: -moz-box ;
    display: -ms-flexbox ;
    display: -webkit-flex;
    justify-content: center;
}
.choose-request-list li {
    list-style-type: none;
    max-width: 50%;
    padding: 5% 9%;
    text-align: center;
}
li.border-right {
    border-right: 1px solid grey;
}
.choose-request-list {
    margin: 3em auto;
}
/* ***********************************Wizard Steps************************************** */
.steps {
    position: relative;
    overflow: hidden;
    counter-reset: wizard;
    padding-left: 0px;
    margin: 2em auto;
    display: flex;
    display: -webkit-box ;
    display: -moz-box ;
    display: -ms-flexbox ;
    display: -webkit-flex;
    justify-content: center;

}

.steps li {
    position: relative;
    width: 10%;
    text-align: center;
    list-style-type: none;
}

.steps .current ~ li {
    color: #555;
}

.steps li:before {
    counter-increment: wizard;
    content: counter(wizard);
    display: block;
    color: #1A3A4C;
    background-color: #edefee;
    border: 1px solid #a9a7a7;
    text-align: center;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 2em;
    position: relative;
    left: 50%;
    margin-bottom: 1em;
    margin-left: -1em;
    z-index: 1;
}
.steps .current ~ li:before {
    background-color: #edefee;
    color: #1A3A4C;
    border-color: #8a8686;
}
.steps li + li:after {
    content: "";
    display: block;
    width: 100%;
    background-color: #9c9c9c;
    height: 1px;
    position: absolute;
    left: -50%;
    top: 1em;
    z-index: 0;
}

.steps .current ~ li:after {
    background-color: #555;
}
li.current:before {
    background: white;
}
/* ***********************************Wizard Steps ends************************************** */
/* **************submision list detailed page **************************/
.submission-list h2 {
    color: #1a3a5e;
    font-family: "museo_slab100",sans-serif;
    font-size: 30px;
    color: #1A3A4C;
    font-weight: 500;
}
.submission-list {
    margin: 2em;
}
.submission-list h4 {
    color: #f26660;
}
.submission-list ul {
    display: flex;
    list-style-type: none;
    padding-left: 0px;
    flex-wrap: wrap;
}
.submission-list li {
    padding: 1em 3em 1em 0;
}
.card.submission-list a {
    color: #214150;
    font-size: 16px;
    margin-right: 5px;
    text-decoration: none!important;
}
span.sub-date i {
    color: #f26660;
    font-size: 20px;
    margin-right: 5px;
}
span.sub-date {
    color: #908e8e;
    font-size: 13px;
    font-style: italic;
}
span.sub-date i {
    color: #f3645e;
    font-size: 18px;
    margin-right: 5px;
}
.heading-sbmsn{
    text-align: center;
    margin-top: 20px;
}
/* **************submision list detailed page end **************************/

#formio-id{
    margin-top: 20px;
}

/**********************Loader CSS Start****************************************/
.loader-overlay {
    width: 100%;
    height: 100%;
}
#preloader {
    position: relative;
    text-align: center;
}
.lds-spinner {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-spinner div {
    transform-origin: 32px 32px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 29px;
    width: 5px;
    height: 14px;
    border-radius: 20%;
    background: #F06066;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.content-container {
    min-height: 80px;
    padding-bottom: 4em;
}
/**********************Loader CSS End****************************************/
/* **************************************Header Fixed*********************************************** */

.breadcrumb{
    background-color: transparent!important;
    padding-left: 0px!important;
}
.navbar-default {
    background-color: #efefef;
    border-color: #E2E5E3!important;
}
.login-page{
    padding-top: 0px;
}
.navbar-default .navbar-nav>li>a {
    color: #1A3A4C!important;
}

/*******************************Password error message start ************************************/

#message {
    display:none;
    color: #000;
    position: relative;
}

#message p {
    font-size: 14px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
    color: green;
}

.valid:before {
    position: relative;
    left: -5px;
    content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
    color: #000;
}

.invalid:before {
    position: relative;
    left: -5px;
    content: "✖";
}
/*******************************Password error message end ************************************/
.header-one{
    margin-top: 0px;margin-bottom: 0px; text-align:center; background-color:#EDEFEE;font-size: 35px; font-family: "museo_slab100",sans-serif;
}
.modal-dialog{
    z-index: 9999;
}

/*******************************Breadcrumb start************************************/

li.breadcrumb-item a {
    font-size: 13px;
    font-weight: 300;
}
li.breadcrumb-item.active a {
    text-decoration: none;
    font-weight: 500;
}
nav.nav-bread {
    margin-top: 2em;
    padding: 0px 1em;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "\f112"!important;
    font: normal normal normal 16px/1 LineAwesome;
}
li.breadcrumb-item a {
    color: #8e8e8e;
    text-decoration: none!important;
}
li.breadcrumb-item.active a {
    color: #F06066;
}
.breadcrumb{   
    margin-bottom: 0px!important;
}
/*******************************Breadcrumb end ************************************/

.navbar-nav>li>a {
    padding-top: 12px!important;
    padding-bottom: 10px!important;
}
/* .footer-bottom {
    padding-top: 1em;
} */
/*******************************Edit profile start************************************/
.avatar {
    vertical-align: middle;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
.profile-image{
    text-align: center;

}
.change-password-btn{
    cursor: pointer;
}
.submission-list .form-control {
    height: 40px!important;
    border-radius: 0!important;
    margin-bottom: 0px!important;
}
.img-bg {
    width: 100%;
    position: absolute;
    height: 130px;
    background: #f1f8ff;
    left: 0;
    top: 0;
}
label#pwderrorwarn {
    margin: 15px;
    text-align: center;
    display: block;
}
/*******************************Edit profile end************************************/
/* ****************************************New changes************************************ */
button#send2 {
    background: #006dff !important;
    text-transform: uppercase;
    border-radius: 0px;
    width: 150px;
    height: 40px;
    color: #fff !important;
}
button#send2:hover {
    background: #10069f !important;
    color: #fff !important;
}
.login-box input[type="text"],.login-box input[type="password"]
{
    border: 0!important;
    border-bottom: 1px solid #dddddd!important;
    border-radius: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #777 !important;
}
/**********************************************Listing-page start******************************************/
.listing-box {
    background: white;
    box-shadow: 0 0 5px #b1b1b1;
    width: 100%;
    position: relative;
    margin: 2em 0;
}
a.cxp-btn {
    background: #f05f65;
    color: white;
    text-decoration: none!important;
    font-size: 14px;
    padding: 1.1em;
    display: inline-block;
}
a.cxp-btn i {
    font-size: 18px;
    margin-right: 10px;
}
a.cxp-white-btn {
    background: white;
    color: #1c3b4c;
    text-decoration: none!important;
    font-size: 14px;
    padding: 1.1em;
    display: inline-block;
}
/* The side navigation menu */
.sidenav {
    height: 100%;
    width: 300px;
    padding-top: 60px;
    transition: 0.5s;
    background: white;
    overflow: hidden;
    border-right: 1px solid #bfbfbf;
    padding: 1em;
    position: relative;

}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}


/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 25px;
    margin-left: 0px;
    padding: .5em;
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px; 
    /* margin-left: 250px; */
}



.custom-alert-area { min-height: 48px !important; text-align: center; }
.custom-alert-area .alert { padding: 8px 15px !important; margin-bottom: 10px; }
a.cxp-btn, a.cxp-white-btn { cursor: pointer; }
a.cxp-btn:hover, a.cxp-btn:focus { color: #ffffff; }
/* #main { width: calc(100% - 250px);    margin-left: 250px; } */
.custom-loader { position: absolute; width: 100%; height: 50vh; display: flex; justify-content: center; align-items: center; }

.notification-list-cls {
    position: absolute;
    top: 95px;
    width: 100%;
    background: #fff;
    right: 0;
    border-radius: 0;
    min-width: 330px;
    margin: 0 auto;
    box-shadow: 0 0 10px #d2d2d2;
    right: 0;
    max-width: 400px;

}
.notification-list-cls ul {     padding: 10px;
                                max-height: 180px;
                                overflow-y: auto;
                                min-width: 400px;
                                float: right;}
.notification-list-cls ul li { width:100% !important; text-align: left !important;padding: 0 15px;cursor: pointer;}
.crossbtn { position: absolute; right: 5px; top: 5px; border: none; background: none; }
.crossbtn i { font-size: 16px; }
.custom-boxshadow form { width: 100%; display: flex; justify-content: center; align-items: center; }
.custom-boxshadow .inputsection { padding: 0px; height: 37px; width: 50%; margin: 0px 20px 0 0; border-radius: 0px;}
.inputsection select { height: 36px; width: 100%; border-radius: 0px; }
.custom-boxshadow{ background: rgb(255, 255, 255); padding: 50px; box-shadow: 0 0 5px #b1b1b1; }
.submit_handler_cls { 
    background: #a7cb2a;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 3px 10px;
    font-weight: 100;}
.form-show form select {
    border: 1px solid #c3c3c3;
    padding: 4px;
    min-width: 110px;
}
.task-list-data a {
    color: #f05f65;
    font-family: 'chivoregular';
    word-break: break-all;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

.dropdown.navbar-right { position: absolute; right: 25px; top: 10px; background: #fff; padding: 6px 20px; border-radius: 2px; box-shadow: 0 2px 4px #9c9c9c; }
.login-box .col-sm-12 {  padding: 0px; }


@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
.collapse-sidenave {
    position: relative;
    border-top: 1px solid #d2d2d2;
    display: flex;
}
i.la.la-angle-double-left {
    color: #f05f65;
    font-size: 20px;
}
.listing-box .row {
    margin: 0;
}
/* The container must be positioned relative: */
.custom-select {
    position: relative;
    width: 200px;
}

.custom-select select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    background-color:#f2f3f3;
    border: 0px;
    color: #1a3a4c!important;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 10px;
    right: 10px;
    content: "\f110";
    font: normal normal normal 16px/1 LineAwesome;
    color: #1a3a4c;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    top: 13px;
    transform: rotate(180deg);
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: #1a3a4c;
    padding: 8px 16px;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: #f3f3f3;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
a.refresh-btn {
    color: #1a3a4c;
    text-decoration: none!important;
    cursor: pointer;
    font-size: 20px;
    font-weight: 800!important;
}
h2.pink-header {
    color: #f05f65;
    margin: 1em 0px;
}
/* Customize the label (the container) */
.cb-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.cb-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: white;
    border: 2px solid #545454;
}

/* On mouse-over, add a grey background color */
/* .cb-container:hover input ~ .checkmark {
  background-color: #ccc;
} */

/* When the checkbox is checked, add a blue background */
.cb-container input:checked ~ .checkmark {
    background-color: #545454;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    position: absolute;
    display: none;
    content: "\f17b";
    font: normal normal normal 12px/1 LineAwesome;
    color: white;
    top: 1px;
    left: 1px;
}

/* Show the checkmark when checked */
.cb-container input:checked ~ .checkmark:after {
    display: block;
}

.listing th{
    color: #1a3a4b;
    text-transform: uppercase;
    font-family: "chivo_lightregular";
    font-weight: 700;
    border-bottom: 1px solid #f05f65;
    text-align: center;

}
button.green-btn {
    background: #a6c92a;
    color: white;
    border: 0px;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    font-family: "chivoregular";
    border-radius: 2px;
}
td.status {
    text-transform: uppercase;
    color: #1b3c4b;
}
span.sent-back ,span.submitted,span.in-progress {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ee5f65;
    border-radius: 5px;
    margin-right: 10px;
}
span.submitted{
    background: #a7cb2c;
}
span.in-progress{
    background: #64c2dc;
}
a.table-link {
    color: #ee5f65;
    text-decoration: none!important;
    cursor: pointer;
}
.listing td{
    padding: 10px 5px;
}
.listing table{
    margin-top: 2em;
}
.disabled-green{
    opacity: .4;
}
label.category-label {
    font-family: 'chivoregular';
    font-size: 18px;
    margin: 1em 0px;
    font-weight: 800;
}
#mySidenav .cb-container input:checked ~ .checkmark {
    background-color: #1a3a4c;
    border-color: #1a3a4c;
}
input[type="checkbox"]:checked  + .checkbox-label{
    font-family: 'chivoregular';
    color: #1a3a4c;
    font-weight: 800;
}
div#mySidenav div i {
    font-size: 25px;
    margin-right: 10px;
    vertical-align: text-bottom;
}
span.checkbox-label {
    color: #565656;
}
.submittedDate .col-sm-6 {
    padding: 2px;
}
.gj-datepicker-bootstrap span[role=right-icon].input-group-addon {
    display: none;
}
.input-group .form-control {
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
}
.from-input{
    border-right: 1px solid #bdbdbd;
    padding: 3px;
}
.input-group.search-filter input {
    background: #edefee;
    border-left: 1px solid #9c9c9c;
}
.search-filter   i.la.la-search {
    position: relative;
    top: auto;
    right: auto;
    font-size: 18px!important;
    transform: rotate(270deg);
    left: 8px;
}
.search-filter span.input-group-addon {
    border: 0px;
    background: #edefee;
    color: #626969;
}
.input-group.search-filter {
    margin-bottom: 1em;

    padding: 2px 0px;
    background: #edefee;
}
.search-filter .input-group-addon {
    padding: 6px 5px;
    padding-left: 0px;
}
/* .from-input {
    border-right: 1px solid grey!important;
} */
button.green-btn.disabled-green:focus {
    outline: none;
}
.prev-page, .next-page {
    text-decoration: none!important;
    cursor: pointer;
    color: #878888;
    margin: 0px 1.5em;
}
span.pagination {
    font-size: 13px;
}
/**********************************************Listing-page end******************************************/
form#login-form {
    margin-bottom: 0px;
}
.new-service {
    border-color: #F06066!important;
    background: #F06066!important;
}
.red-bg  {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #f06066!important;
}

a.disabled:hover {
    cursor:not-allowed
}
.welcome ul.dropdown-menu {
    right: 0;
    left: auto;
}
input#datepicker2, input#datepicker1 {
    font-size: 13px;
    width: 100%;
}
.listing-box i.la.la-plus-circle {
    font-size: 22px;
    vertical-align: sub;
    margin-right: 5px;
}
.rel{
    position: relative;
}
.notification-container a {
    color: #535353;
    text-decoration: none!important;
    font-size: 16px;
    cursor: pointer;
}
div#notification-list-id i {
    color: #f06066;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    font-size: 16px;
    margin-top: 5px;
}
.notification-list-cls h3 {
    font-size: 18px;
    color: #f3645e;
    padding: 12px;
    margin: 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid;
}
button.crossbtn:focus {
    outline: none;
    border: 0px;
}
.notification-list-cls a {
    color: #173e4f;
    text-decoration: none;
    padding-right: 20px;
    font-family: 'chivoregular';
    margin-bottom: 10px;
    display: block;
    text-decoration: none!important;
}
.notification-list-cls:before {
    content: '';
    position: absolute;
    width: 22px;
    height: 30px;
    border-bottom: 10px solid #e6e6e6;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    right: 5%;
    top: -30px;
}
.notification-list-cls:after {
    content: '';
    position: absolute;
    width: 22px;
    height: 30px;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    right: 5%;
    top: -30px;
}
.dropdown button {
    background: #fdfdfd!important;
    color: #173e4f!important;
    padding: 8px;
    font-size: 14px;
    min-width: 200px;
    text-align: left;
    position: relative;
    border-color: #d4d4d4!important;
}
.dropdown  span.caret {
    position: absolute;
    right: 10px;
    top: 16px;
}
.select-drop .row{
    margin: 0!important;
}
.select-drop li {
    border-bottom: 1px solid #dedede;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
a.select-list {
    color: #1A3A4C;
    text-decoration: none!important;
}
a.select-list:hover {
    color: #f3645e;
}
a.select-discard ,a.select-edit{
    color: #f06066;
    text-decoration: none!important;
}
a.select-edit {
    color: #5bb8da;
}
.select-drop ul.dropdown-menu {
    padding: 1em;
}
.select-drop li:last-child {
    border-bottom: 0px;
    margin-bottom: 0;
}
.category-list.p_0 li {
    padding: 0;
}
.option-bx {
    padding: 1em;
}
.option-img img {
    width: 100%;
}
.footer-menu li {
    display: inline-block;
    padding-left: 3em;
}
.view_more a {
    background: #F06066;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none!important;
}
.center-span{
    display: block;
    width: 100%;
    text-align: center;
}

.learning_content{
    background: url(../images/Content_Add.png);
    padding: 7em 0em;
    background-repeat: no-repeat;
}
.training_administration {
    background: url(../images/training_admin.png);
    padding: 4em 0em;
    background-repeat: no-repeat;
}
.training_delivery {
    background: url(../images/training_delivery.png);
    padding: 4em 0em;
    background-repeat: no-repeat;
}
.sub-links.row {
    margin: 0;
}
.sub-links  .bod-bottom{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 1em;
    margin-bottom: 1.5em;
}
.sub-cont h4 {
    font-size: 20px;
    color: #173e4f;
    margin-bottom: 2em;
    margin-top: 0;
}
/* ************************************Request Status Popup(Oct-3)************************************ */
.selection-request-popup .modal-content {
    border-radius: 0px;
    max-width: 450px;
    margin: auto;  
    padding-left: 4em;
}
.selection-request-popup .modal-content {
    border-radius: 0px;
    max-width: 450px;
    margin: auto;
    padding-bottom: 2em;
    padding-left: 5em;
    padding-right: 4em;
    border-left: 6px solid rgb(167, 203, 42);
}
.selection-request-popup .modal-content:before {
    content: '';
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgb(167, 203, 42);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.selection-request-popup i.la.la-exclamation-triangle {
    font-size: 50px;
    position: absolute;
    left: -50px;
    color: rgb(241, 105, 111);
}
.selection-request-popup .modal-header {
    border-bottom: 0px;
    padding: 0;
}
button.close.close-popup {
    color: rgb(241, 105, 111);
    opacity: 1;
    padding: 7px;
    position: absolute;
    right: 0;
}
.selection-request-popup h4 {
    color: rgb(26, 58, 76);
    font-size: 16px;
}
.selection-request-popup ul {
    list-style: none;
    padding-left: 0;
    color: rgb(26, 58, 76);
}
.selection-request-popup span {
    color: #f1696f;
}
.modal-dialog .green-btn {
    width: 100%;
    padding: 8px;
    background: #a6c92a!important;
    color: #fff!important;
}
.green-border-btn {
    border: 2px solid #a6c92a!important;
    color: #a6c92a!important;
    margin: 1em 0!important;
    width: 100%;
    background: white!important;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #f06066;
    border-color: #f06066;
}
/* *****************************Calender UI (Oct-4)******************************* */
.ui-widget.ui-widget-content {
    border-radius: 0px!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #f6f6f6!important;
    text-align: center;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #f3645e!important;
    color: #ffffff!important;
}
.ui-datepicker .ui-datepicker-header {
    background: transparent;
    border: 0;
}
.ui-widget-header .ui-icon {
    background-image: url('../images/left-arrow.png')!important;

}
.ui-icon-circle-triangle-w {
    background-position: unset!important;
}
span.ui-icon.ui-icon-circle-triangle-e {
    background-image: url('../images/right-arrow.png')!important;
    background-position: unset!important;
}
.ui-state-hover{
    border: 0px!important;
}
.datefield-cxp {
    position: relative;
    padding-right: 20px;
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.datefield-cxp:after {
    content: '';
    position: absolute;
    content: "\f110";
    font: normal normal normal 16px/1 LineAwesome;
    right: 5px;
    top: 3px;
}
.datefield-cxp input{
    border: 0px;
}
.datefield-cxp.d1 {
    border-right: 1px solid #c3c2c2;
}
li.no-record {
    list-style-type: none;
}
a.toogle-sidenav {
    color: #f05f65;
    text-decoration: none!important;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: -3px;
}
div#parent-sidenav {
    position: relative;
    min-height: 1000px;
    width:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
input#request_id:focus {
    outline: none;
    box-shadow: none;
}
section.top-bar {
    background: white;
    box-shadow: 0 0 5px grey;
    position: fixed;
    z-index: 9;
    width: 100%;
    padding: 3px;
    padding-top: 11px;

}
.status-drop i.la.la-ellipsis-v {
    font-size: 25px;
    color: #1a3a4c;
    background: #ececec;
    border-radius: 3px;
}
a.v-dots {
    cursor: pointer;
    text-decoration: none!important;
}
.status-drop {
    float: right;
}
.status-drop .dropdown-menu {
    margin-left: -110px;
}
i.la.la-arrow-left {
    font-size: 20px;
    color: #1a3a4c;
    margin-right: 15px;
}
section.sort-filter {
    background: white;
    box-shadow: 0 0 5px grey;
    position: fixed;
    z-index: 999;
    width: 100%;
    padding: 3px;
    padding-top: 11px;
    bottom: 0;
}
.status-drop li a {
    padding: 10px 15px!important;
    color: #1a3a4c!important;
    font-weight: 600!important;
}
.status-drop .active>a, .status-drop .active>a:focus, .status-drop .active>a:hover {
    color: #fff!important;
    background-color: #a7cb2a!important;
    font-weight: 400!important;
}
.status-drop  .dropdown-menu {
    padding: 0px;
    border-radius: 0px;
}
.status-drop li a:hover {
    background: #ececec!important;
    color: #1a3a4c!important;
}
section.sort-filter {
    background: white;
    box-shadow: 0 0 5px grey;
    z-index: 9999999;
    width: 100%;
    padding: 3px;
    padding-top: 11px;
    bottom: 0px;
    position: fixed;
    padding-bottom: 10px;
}
.filters-sort a {
    color: #1a3a4c;
    display: inline-block;
    width: 47%;
    text-align: center;
}
.filters-sort img {
    vertical-align: sub;
    margin-right: 5px;
}
a.sort-border {
    border-right: 1px solid #a0a0a0;
}
.sort-box {
    background: white;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    bottom: 0;
    z-index: 9;
}
.bottom-text {
    padding: 1em;
    width: 100%;
    padding-top: 5em;
}
.bottom-text h5 {
    border-bottom: 1px solid darkgrey;
    padding: .7em 0px;
    color: grey;
}
.bottom-text h5 img {
    vertical-align: baseline;
    margin-right: 10px;
}
.bottom-text a {
    display: block;
    color: #1a3a4c;
    padding: 7px 0px;
}
div#mySidenav .collapse {
    display: block;
    visibility: visible;
}


/************************MILESTONE PAGE START***********************/
.viewProposal {
    background: whitesmoke;
    padding: 1.5em;
    box-shadow: 0 0 5px #c3c3c3;
    margin-bottom: 2em;
}

button.view-proposal {
    border: 1px solid #f06066;
    background: white;
    color: #f06066;
    padding: 5px 15px;
}

.viewProposal label {
    color: #f06066 !important;
    font-weight: 600;
}

button.theme-btn {
    background: #f06066;
    color: white;
    border: 0px;
    padding: 8px 20px;
    display: inline-block;
    margin-bottom: 2em;
    width: 100%;
}

.module-box {
    background: whitesmoke;
    padding: 1.5em;
    box-shadow: 0 0 5px #c3c3c3;
    margin-bottom: 2em;
    clear: both;
}

.module-box i {
    color: #f06066;
}
ul.steps.milestones li {
    width: 20%;
}
.milestones span.step-name {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    color: #1A3A4C;
    font-weight: 700;
}
ul.steps.milestones {
    padding-top: 3em;
}
.steps.milestones li:before {
    content:'';
    border: 2px solid #a9a7a7;
    width: 1em;
    height: 1em;
}
.steps.milestones .current ~ li:after {
    background-color: #b5b5b5;
}
.steps.milestones li + li:after {
    top: .5em;
}
.steps.milestones li.pinkBorder:before {
    border: 2px solid #f06066;
}
.steps.milestones li.current:before {
    background-color: #f06066;
    border: 2px solid #f06066;
}
.stepsInfo label {
    display: block;
    margin: 0;
    font-size: 13px !important;
}
.stepsInfo.covered-steps .date {
    color: #f06066 !important;
}

.stepsInfo.Uncovered-steps .date {
    color: grey;
}
button.blue-btn {
    background: #1A3A4C;
    border: 1px solid #1A3A4C;
    color: white;
    font-size: 14px;
    padding: 5px 20px;
}
button.blue-btn-bordered{
    color : #1A3A4C;
    border: 1px solid #1A3A4C;
    background : white;
    font-size: 14px;
    padding: 5px 20px;
}
/************************MILESTONE PAGE END***********************/
div#updateMilestoneModal .modal-content {
    border-color: #1a3a4c!important;
}
div#updateMilestoneModal .modal-content:before {
    border-left: 10px solid rgb(26, 58, 76);
}
div#updateMilestoneModal .modal-content {
    padding: 10px 40px;
}

i.la.la-calendar-plus:before {
    content: "\f271";
}
select#milestoneNames {
    background: #eff3f4;
    height: 37px;
    padding:5px;
}
input#datepicker  ,input#milestonename ,#milestone_name ,#addMilestoneDate{
    background: #eff3f4;
    border: 0;
    width: 100%;
    height: 37px;
    color: #1a3a4c;
    padding:5px;
}
span.input-group-addon {
    border: 0px;
    background: #1a3a4c;
    color: white;
    border-radius: 0px;
    padding: 5px 10px;
    font-size: 20px;
}
label.checkbox {
    position: relative;
    padding-left: 1em;
}
label.checkbox input:checked + span:before 
{
    border: 1px solid #1a3a4c;
    background: #1a3a4c;
}
label.checkbox span:before {
    border: 1px solid grey;
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    left: 0;
    top: 3px;
    background: #fff;
}
label.checkbox input{
    opacity: 0;
    position: absolute;
}

label.checkbox span {
    color: #1a3a4c;
    font-weight: 600;
    font-size: 14px;
    margin-left: 5px;
}
select#milestoneNames:focus {
    box-shadow: none;
}
.modal-header h5 {
    font-weight: 800;
    text-transform: uppercase;
    color: #1a3a4c;
    padding-bottom: 5px;
    border-bottom: 1px solid #f06066;
    display: inline-block;
    text-align: center;
}
.update-milestone button {
    width: 100%!important;
    max-width: 100%!important;
    margin-bottom: 0em;
}
button.btn.btn-default.delete-btn {
    padding: 0;
    font-size: 23px;
    color: grey;
    border: 0px!important;
    box-shadow: none;
}
.p_0{
    padding: 0px!important;
}
.delete-btn:hover {
    background-color: transparent!important;
    border-color: #adadad!important;
    outline: none;
}
.modal-footer {
    border-top: 0px!important;
    padding: 0px;
}
.modal-header {
    border-bottom: 0px!important;
}
button.view-proposal.back-btn {
    height: 36px;
}
.modal-dialog .form-group {
    margin-bottom: 8px;
}
.modal-body label{
    margin-top: 5px;
}
.mxW2{
    max-width: 150px;
}
/* *****************************Delete Modal************************** */
form#deleteMilestoneModal i {
    font-size: 60px;
    color: #f1696f;
}
div#deleteMilestoneModal .modal-dialog {
    max-width: 400px;
}
div#deleteMilestoneModal  .modal-content
{
    border-radius: 0px;
    padding-bottom: 2em;
}
span#deleteMilestoneName {
    color: #f1696f;
    font-weight: 600;
}
.w100{
    width:100%;
}
form#deleteMilestoneModal .close {
    margin-top: -10px;
    right: 10px;
}
.view-milestone-btn {
    max-width: 1120px;
    margin: 2em auto;
}
.view-milestone-btn a {
    background: #F06066;
    color: white!important;
    padding: 10px 20px;
    text-decoration: none!important;
}
.task-list-data th {
    vertical-align: top;
    font-size: 13px;
}
.task-list-data td {
    text-align: center;
}
td.status {
    font-size: 13px;
}
.task-table td:last-child() a {
    white-space: nowrap;
    font-size: 13px;
}
img.login-niit {
    position: absolute;
    max-width: 80px;
    right: 10px;
    top: 10px;
}
img.login-logo-intel {
    width: auto!important;
    margin-bottom: 0;
    max-width: 120px!important;
}

.allowedSpecialChar {
    padding: 8px;
    margin-bottom: 34px;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    text-align: center;
    margin-top: 45px;
}



/*--23-june-22--*/
div#loginoption p a { font-weight:900; display: block; text-align:center; }   
.login-container { max-width:100%; width:420px; }
div#loginoption { padding-bottom:10px; margin-bottom:0px; }
.login-box p { font-size: 16px; font-family:'roboto_lightregular'; border-bottom:1px solid #ccc; padding-bottom:10px; position:relative; }
.login-box p a:after { content:""; position:absolute; width:11px; height:12px; right:0px; background:url(../../images/right-arrow.png) no-repeat center top; top:7px;
background-size:100% 100%; cursor:pointer; }
div#loginoption p a:hover, div#loginoption p a:focus { text-decoration:none; }
.login-box .col-sm-12 { text-align:center; }

/*--23-june-22--*/