@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
body{font-family: 'Montserrat', sans-serif; font-weight: 400; background-color: #F6F7F8 }
img{width: 100%; height: auto }
p{font-size: 14px; margin: 0 ; padding: 0; }
*{box-sizing: border-box; margin: 0; padding: 0;}
.container-fluid{overflow: hidden}
.container{    width: 90%;    max-width: 100%;}
.loginbg{ background: url("../images/bg.png") no-repeat center center; background-size: 100% 100%;}
.centerBg{width: 90%; height: 100vh; position: relative; margin: auto}
.centerBg .Formwapper{ width: 373px; height: 578px; position: absolute; top: 0; left: 609px; bottom: 0; right: 0; margin: auto; background-color: #fff; padding: 30px; border-radius: 16px;}
.centerBg .Formwapper .logo{ width: 189px; margin: 0 auto 20px auto;}
.LeftBg {width:617px; height: 552px;position: absolute; top: 0; left: -359px; bottom: 0; right: 0; margin: auto;  }


.form{margin-top: 0px;}
.form-wapper{ background:#fff; border-radius:30px; padding:22px 40px 11px 40px; margin:0% 0px 0px; position:relative; }
.form-wapper .headder{ background:#003874; border-bottom-right-radius:20px; border-bottom-left-radius:20px; padding:10px 5px; position:relative; top:-22px; color:#fff; width:95%; margin:0 auto; text-align:center; font-size:20px; font-weight:500; line-height:1.1em;}

.formFildsList{margin:0px 0px 0px; padding:0px;}
.formFildsList li{list-style:none; width:100%; position:relative; text-align:center;  display: inline-block}
.formFildsList li.ex{margin: 25px 0 10px 0}
.formFildsList li input{width:100%; border:none;  margin-bottom:25px; padding:15px 15px 15px 15px; font-size:16px;color:#000; background-color: #F4F4F4; border-radius: 8px;}
.formFildsList li input.error{border-bottom:1px solid rgba(255,0,0,1);}
.formFildsList li input:hover, .formFildsList li input:focus{outline:none;}
.formFildsList li .sbtn{ background:rgba(236,49,53,1); width:90%; color:#fff; margin:0 auto; border-radius:50px; font-weight: 700;padding:15px;box-shadow:0px 5px 10px rgba(59,3,3,.2); text-transform: uppercase}
.formFildsList li .sbtn:hover{background:rgba(236,49,53,.9);box-shadow:0px 5px 10px rgba(59,3,3,.3);}
.formFildsList li hr{ border:none;border-bottom:1px solid rgba(111,111,111,.3);    margin: 30px 0px 10px;}
.formFildsList li .checkBoxWrap {margin-bottom: 0px; position:relative; text-align:left; }
.formFildsList li .checkBoxWrap input[type="checkbox"] { position: absolute; display: none;}
.formFildsList li .checkBoxWrap .checkBoxLabel { padding-left: 25px; font-size: 14px; position: relative; display: block; color: #212129; cursor:pointer; }
.formFildsList li .checkBoxWrap .checkBoxLabel .checkBox { height: 20px; width:20px; position: absolute; left: 0; top: 0px; border: 2px solid #A8A8A8; cursor:pointer;  }

.formFildsList li .checkBoxWrap input[type="checkbox"]:checked + .checkBoxLabel .checkBox::before { content: '';  position: absolute; left: 50%; top: 44%; transform: translate(-50%, -50%) rotate(-45deg); width: 60%; height: 30%; border-bottom: 2px solid #16ABE0; border-left: 2px solid #16ABE0;  }
.noBorder { border: none !important; }
.formFildsList li a.link{ font-size:12px; font-weight: 500;  color:#212129; text-decoration: none; float: right; }
.formFildsList li a.link:hover{text-decoration: underline}
.errorMsg{position:absolute; bottom:8px; left:10px; font-size:12px; color:#F00;}

.ffl-wrapper .ffl-label {transition-property: all;transition-duration: 200ms; transition-timing-function: ease; transition-delay: 0s; position: relative; white-space: nowrap;  max-width: 100%;text-overflow: ellipsis;overflow: hidden; pointer-events: none; font-size:14px;  color:#7D7D86; top:0px; left: 0; font-size: 16px; font-weight: 300; float: left ;margin-left: 10px; margin-bottom: 5px;}

.ffl-wrapper.ffl-floated .ffl-label {top: -5px;}
.ffl-floated .ffl-label {color: #00B0A3; font-size: 0.75rem;}

.col6{width: 50% !important; float: left}
.btn{width: 100%; color: #fff; font-size: 14px;  background-color: #16ABE0; padding: 10px 0; border-radius:12px; font-weight: 500; text-transform: uppercase; margin-top: 20px;}
.powredby{ width:auto; height: auto; margin: auto; font-size: 14px; color: #212129; margin-top: 0px; text-align: center}
.powredby img{ width:76px; margin:20px auto 15px auto;}
.powredby p{font-size: 12px; font-weight: 500}
.headderWapper{ width: 100%; margin: auto; padding: 25px 0; display: table}
.headderWapper .logo{width: 212px; height: auto; float: left}
.headderWapper .he{ font-size: 24px; font-weight: 700; color: #fff; margin-left: 20px; float: left; margin-top: 3px; }
.headderWapper .he span{margin-right: 20px;}

.rightmenu{float: right; position: relative}
.rightmenu .notification{ width: 25px; height: 30px; float: left; position: relative; background: url("../images/icon-notification.svg") no-repeat left top; z-index: 3  }
.rightmenu .notification.active{background: url("../images/icon-notification-h.svg") no-repeat left top; }

.rightmenu .notification .number {   width: 20px;    height: 20px;    padding: 0px 7px;    font-size: 12px;    background-color: #d93d7a;    color: #fff;    border-radius: 50%;    position: absolute;
    right: -9px;    top: -12px;    bottom: 0;    margin: auto; font-weight: 700;}

.rightmenu .username{ width: auto; float: left ; margin: 0 0px 0 20px; position: relative; z-index: 4;}
.rightmenu .username i.photo{width: 33px; float: left; margin-right: 10px;}
.rightmenu .username .name{font-size: 15px; color: ##000; float: left;     padding-top: 6px; }
.rightmenu .username .name i{ width: 14px; height: 12px; background: url("../images/arrow-down.svg") no-repeat left top;    display: inline-block;}
.rightmenu .username.active .name i{ width: 14px;  height: 12px; background: url("../images/arrow-up.svg") no-repeat left top;    display: inline-block;}

.rightmenu .username.active .name{ color: #000;}

.rightmenu .linkfor{font-size: 15px; color:#212129; float: left; margin-right: 20px; padding-bottom:8px; }
.rightmenu .linkfor i{ width: 25px; height: 25px; background: url("../images/icon-con-over.svg") no-repeat left top;    display: inline-block; float:left; margin-right: 10px;     margin-top: 4px;}
.rightmenu .linkfor.active  i{ width: 25px;  height:25px; background: url("../images/icon-con-over-h.svg") no-repeat left top;    display: inline-block;}
.rightmenu .linkfor .text{font-size: 15px; color:#212129; float: left;     padding-top:3px; font-weight: 700;; }
.rightmenu .linkfor.active { color: #16ABE0; border-bottom: 4px solid #16ABE0;}

.rightmenu .linkfor.active .text{ color: #16ABE0;}


.rightmenu .hamburgerMenu{ width: 33px; float: left}
.rightmenu .hamburgerMenu{float:left;width:30px;height:25px;position:relative;top:0px;z-index:5;cursor:pointer;  }
.rightmenu .hamburgerMenu span{position:absolute;height:3px;background:rgba(0,0,0,0.5);left:0;width:100%;transition:all 300ms ease-in; border-radius:20px}
.rightmenu .hamburgerMenu span:nth-child(1){top:calc(0% + 5px); }
.rightmenu .hamburgerMenu span:nth-child(2){top:50%; width:90%}
.rightmenu .hamburgerMenu span:nth-child(3){top:calc(100% - 4px); width:80%}
.rightmenu .hamburgerMenu.active span{width:36px;top:50%; background:rgba(87,87,87,1);}
.rightmenu .hamburgerMenu.active span:nth-child(1){transform:rotate(-45deg); }
.rightmenu .hamburgerMenu.active span:nth-child(2){opacity:0;}
.rightmenu .hamburgerMenu.active span:nth-child(3){transform:rotate(45deg);}

.menuwapper{position: absolute; right: 164px; top:-5px;    width: 300px;    height: auto;   border-radius:10px;    background-color: #fff; padding:41px 0px 0px 0px;    z-index: 3;  display: none;  box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 15%); }

.menuwapper ul{margin: 0; padding: 0;}
.menuwapper ul li{width: 100%;  list-style: none; position: relative; border-bottom: 1px solid #DEDEDE;}
.menuwapper ul li:last-child{ border-bottom: 0;}

.menuwapper ul li:hover :before{ content: ""; width: 6px; height: 80%; position: absolute; left: 0; top:0; bottom: 0; margin: auto; background-color: #16ABE0;  }
.menuwapper ul li.active :before{ content: ""; width: 6px; height: 80%; position: absolute; left: 0; top:0; bottom: 0; margin: auto; background-color: #16ABE0;  }


.menuwapper ul li a{padding: 20px 20px; display: inline-block; width: 100%; color: #212129; font-size: 16px; font-weight: 600;  text-decoration: none}
.menuwapper ul li a:hover{ color: #16ABE0}

.menuwapper ul li a.active{ color: #16ABE0}


.menuwapper ul li i.icon1{ width: 22px; height: 22px; float: left; background: url("../images/icon-con-over.svg") no-repeat left top; margin-right: 10px;}
.menuwapper ul li:hover i.icon1, .menuwapper ul li.active i.icon1{ width: 22px; height: 22px; float: left; background: url("../images/icon-con-over-h.svg") no-repeat left top;}

.menuwapper ul li i.icon2{ width: 22px; height: 22px; float: left; background: url("../images/icon-hiring-req.svg") no-repeat left top; margin-right: 10px;}
.menuwapper ul li:hover i.icon2, .menuwapper ul li.active i.icon2{ width: 22px; height: 22px; float: left; background: url("../images/icon-hiring-req-h.svg") no-repeat left top;}


.userwapper{position: absolute; right: -16px; top: -7px;    width:178px;    height: auto;   border-radius:10px;    background-color: #fff; padding:41px 0px 0px 0px;    z-index: 3;  display: none;  box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 15%); }

.userwapper ul{margin: 0; padding: 0;}
.userwapper ul li{width: 100%;  list-style: none; position: relative; border-bottom: 1px solid #DEDEDE;}
.userwapper ul li:last-child{ border-bottom: 0;}

.userwapper ul li:hover :before{ content: ""; width: 6px; height: 80%; position: absolute; left: 0; top:0; bottom: 0; margin: auto; background-color: #16ABE0;  }
.userwapper ul li.active :before{ content: ""; width: 6px; height: 80%; position: absolute; left: 0; top:0; bottom: 0; margin: auto; background-color: #16ABE0;  }


.userwapper ul li a{padding: 20px 20px; display: inline-block; width: 100%; color: #212129; font-size: 16px; font-weight: 600;  text-decoration: none}
.userwapper ul li a:hover{ color: #16ABE0}

.userwapper ul li a.active{ color: #16ABE0}


.userwapper ul li i.icon1{ width: 22px; height: 22px; float: left; background: url("../images/icon-profile.svg") no-repeat left top; margin-right: 10px;}
.userwapper ul li:hover i.icon1, .userwapper ul li.active i.icon1{ width: 22px; height: 22px; float: left; background: url("../images/icon-profile-h.svg") no-repeat left top;}

.userwapper ul li i.icon2{ width: 22px; height: 22px; float: left; background: url("../images/icon-logout.svg") no-repeat left top; margin-right: 10px;}
.userwapper ul li:hover i.icon2, .userwapper ul li.active i.icon2{ width: 22px; height: 22px; float: left; background: url("../images/icon-logout-h.svg") no-repeat left top;}


.notificationWapper{position: absolute;     right: 84%; top:-5px;    width: 500px;    height: auto;   border-radius:10px;    background-color: #fff; padding:41px 0px 0px 0px;    z-index: 2;  display: none}

.notificationWapper .box{}
.notificationWapper ul{margin: 0; padding: 0;}
.notificationWapper ul li{width: 100%;  list-style: none; position: relative; border-bottom: 1px solid #DEDEDE; padding: 20px 0px; position: relative}

.notificationWapper ul li h2{font-size: 14px; color: #16ABE0; margin: 0 0 0 0; padding:0 30px;}

.notificationWapper ul li p.t1{font-size: 14px; color: #212129; font-weight: bold;  background: url("../images/Ellipse.svg") no-repeat 12px 7px; padding:0 30px;}
.notificationWapper ul li p.t2{font-size: 14px; color: #212129; font-weight: 400; padding:0 30px;}
.notificationWapper ul li p.t2 span{color: #D93D7A; font-weight: bold}
.btnbox{padding: 20px 0; text-align: center; width: 100%;}
.btn-submit {    padding: 12px 30px;    background-color: #00B0A3;    color: #fff;    font-size: 15px;    border-radius: 50px;    text-decoration: none; margin-top: 10px;   font-weight:500;
    display: inline-block;}


.notificationWapper .closebtn{ width: 22px; height: auto; position: absolute; right:10px; top:10px; cursor: pointer}
.notificationWapper .daysagotext{ width: auto; height: auto; position: absolute; right:10px; bottom:5px;; cursor: pointer; font-size: 12px; color: #A8A8A8; }
.insidewapper{position: relative; min-height: 300px;}

.inside-topbg{ width: 100%; height: 101px; position: absolute; left: 0; top:0;  background: rgba(234,248,255,1);
background: -moz-linear-gradient(left, rgba(234,248,255,1) 0%, rgba(22,171,224,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(234,248,255,1)), color-stop(100%, rgba(22,171,224,1)));
background: -webkit-linear-gradient(left, rgba(234,248,255,1) 0%, rgba(22,171,224,1) 100%);
background: -o-linear-gradient(left, rgba(234,248,255,1) 0%, rgba(22,171,224,1) 100%);
background: -ms-linear-gradient(left, rgba(234,248,255,1) 0%, rgba(22,171,224,1) 100%);
background: linear-gradient(to right, rgba(234,248,255,1) 0%, rgba(22,171,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf8ff', endColorstr='#16abe0', GradientType=1 );}
.bottom-img{width: 100%; height:310px; position: absolute; left: 0; bottom: 0px; z-index: 0}

    .footer{width: 100%; margin-top: 20px; position: relative;}
    .footer .img{width: 75px; margin: auto;}
    .footer  p{ text-align: center; font-size: 11px; color: #212121; font-weight: bold; padding-top: 10px;}
    .footer  p span{ text-align: center; font-size: 11px; color: #212121; font-weight: normal;}


.whitebg{ margin: 40px 0 0px 0; padding:20px 20px;  border-radius: 12px !important;  box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 15%); background-color: #fff; position: relative;     z-index: 1;}
.upload-text{ font-size: 18px; font-weight: 600; color: #000; margin-bottom:0px;cursor: pointer }
.upload-text i{width: 20px; display: inline-block; margin-right: 10px;transform: rotate(180deg);  }
.upload-text.active i{width: 20px; display: inline-block; margin-right: 10px;transform: rotate(0deg);  }

.upload-Box{ width: 100%;  background-color: #F6F7F8; border: 1px solid #D1D1D1; border-radius: 6px; padding: 20px; margin-top: 20px;}

.border-right{border-left:1px solid #D3D3D3; min-height: 200px;}

.form-group {  display: block;  margin-bottom: 15px;}

.form-group input {  padding: 0;  height: initial;  width: initial;  margin-bottom: 0;  display: none;  cursor: pointer;}

.form-group label {  position: relative;  cursor: pointer; font-size: 16px; color: #000;}

.form-group label:before {  content:'';  -webkit-appearance: none;  background-color: #16ABE0;  border: 1px solid #16ABE0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);  padding: 7px;  display: inline-block;  position: relative;  vertical-align: middle;
  cursor: pointer;  margin-right: 5px;}

.form-group input:checked + label:after {  content: '';  display: block;  position: absolute;  top: 6px;  left: 5px;  width: 6px;  height: 11px;  border: solid #fff;  border-width: 0 2px 2px 0;  transform: rotate(45deg);}

.p-button.p-button-outlined{border-radius: 50px;    margin-right: 10px;outline: none; box-shadow: none; }
.card .form-control{border-radius: 50px !important; outline: none; box-shadow: none; padding: 0.575rem 0.75rem;   padding-left: 15px !important;  padding-right:30px !important; background: url("../images/icon-search.svg") no-repeat 95% center;  }
.pi-search:before{display: none;}
.card .p-button{border-radius: 50px !important; outline: none;     background: #16abe0;  border: 1px solid #16abe0;}
.p-fileupload-filename{width: 90% !important; font-weight: bold; font-size: 14px;}
.p-fileupload .p-fileupload-row > div:first-child{display: none;}

.p-fileupload-row .p-button{ background-color: transparent; border: 0; color: #000;}
.p-accordion .p-accordion-content{    border: 1px solid #dee2e6;   background: #000000; padding: 20px;}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

    ::-webkit-scrollbar:vertical {
        width: 7px;
    }

    ::-webkit-scrollbar:horizontal {
        height: 12px;
    }

::-webkit-scrollbar-thumb {
    background-color: #16ABE0 !important; 
    border-radius: 7px;
    border: 2px solid #fff;
}

::-webkit-scrollbar-track {
    background-color: #fff;
}
.card .p-button:hover{ background: #16ABE0 !important;  border: 1px solid #16ABE0 !important; color: #fff !important; }
.card .p-button.p-button-outlined{    background: transparent !important;  border: 1px solid #16ABE0 !important; color: #16ABE0 !important; 
    padding: 7px 20px; outline: none;}
    .card.p-button.p-button-outlined:hover{ background: #16ABE0 !important;  border: 1px solid #16ABE0 !important; color: #fff !important; }

.card .p-datatable.p-datatable-gridlines .p-paginator-bottom{    display: table;    border-radius: 10px;    width: 100%;  text-align: right; border-top-left-radius: 0; border-top-right-radius: 0;}
.card .p-paginator .p-paginator-current{ color: #000 !important;     float: left; border: 0 !important; font-size: 14px; color:  #000; font-weight: 700;}
.card .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last{color: #000 !important; border-color: #fff !important;}
.card .p-paginator .p-paginator-pages .p-paginator-page.p-highlight{border-radius: 50px; background-color: #16ABE0 !important; border-color: #16ABE0 !important; color: #fff !important;}
.card .p-paginator .p-paginator-pages .p-paginator-page{border-color: #fff !important; color: #000 !important;}
.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button{border:0px solid #00B0A3 !important; color: #00B0A3 !important; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #9A9A9A !important;
box-shadow: none !;   background:transparent url("../images/icon-edit.png") no-repeat 2px 3px !important;     margin-left: 0 !important; text-align: right !important;     padding-left: 23px !important;}
.card .pi-filter:before{ position: relative; top:-3px;}
.card .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:hover .p-button::before{ content: ""; display: none !important;}

.p-button.p-ripple, .p-buttonset.p-ripple > .p-button, .p-splitbutton.p-ripple > .p-button{border:0px solid #16ABE0 !important; color: #16ABE0 !important; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #fff !important;
    box-shadow: none !;   background:#16ABE0;     margin-left: 0 !important; text-align: right !important;     padding-left: 10px !important; box-shadow: none; margin-right: 10px !important;}
    .card .pi-filter:before{ position: relative; top:-3px;}
    .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th{    background-color: #F4FCFF;     padding: 10px 15px !important; font-size: 13px; font-weight: 600; text-transform: uppercase;}
    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td a{    color: #16ABE0;  text-decoration: underline;  background:transparent url("../images/Icon-download.svg") no-repeat right center !important; padding-right: 29px;  }
    .p-fileupload .p-fileupload-buttonbar{text-align: center;}

    .p-column-filter-overlay-menu .p-column-filter-operator{border-bottom: 0 !important; background-color: transparent !important; padding: 0 !important;}
    .p-column-filter-overlay-menu .p-column-filter-constraint{padding: 0 !important; border-bottom: 0 !important;}
    .p-column-filter-overlay-menu .p-column-filter-buttonbar{padding: 0 !important;}
    .p-tabview-nav-content{    background: #c0965e; border-top-left-radius: 10px;   border-top-right-radius: 10px;    padding: 10px 10px 0 10px;;}
    .p-tabview .p-tabview-nav li .p-tabview-nav-link{background-color: transparent !important; border: 0 !important; color: #fff !important; box-shadow: none !important;}
    .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{ background-color: #fff !important;  border-top-left-radius: 10px;   border-top-right-radius: 10px; color: #00B0A3 !important;  }
    .p-tabview .p-tabview-panels{border: 1px solid #dee2e6 !important;   border-top: 0 !important;     border-bottom-right-radius: 10px !important;
        border-bottom-left-radius: 10px !important;}
 
        .fa-rupee:before, .fa-inr:before{color: #000 !important;}
        .p-progressbar .p-progressbar-value{    background: #d93d7a !important;}

        .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{    border-color: #00b0a3 !important;     background: #00b0a3 !important;  color: #ffffff !important;}

        .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color: #C0965E;}

        .p-dialog .p-dialog-content {
            background: #F7F6F2;
            padding: 2rem;
        }
        .p-fileupload .p-fileupload-buttonbar{border: 0px !important; background: transparent !important;}
        .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td{color: #212129;}

        .p-toolbar{background-color: transparent !important ; border: 0 !important; }
        .whitebg.ex{padding: 0 !important;  }
        /* overflow: hidden; */
        .p-fileupload .p-fileupload-row > div{padding: 0 !important;}