x*::-webkit-scrollbar-track {

    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */

    background-color: #f5f5f5;

}

*::-webkit-scrollbar {

    width: 6px;

    height: 8px;

    background-color: #ececec;
    
} 
.table-block > form {
    max-height: 400px;
    overflow: scroll;
	position:relative;
	margin-bottom:50px;
}

.cover-row {
    height: 43px;
}

.logo-block img {
    max-width: 250px;
}

@media screen and (max-width: 992px) {
.form-block {
    padding: 50px 0px!important;
}
}

.full-logo {
    width: 0px;
	position:relative;
	left:-200px;
    transition:  left 0.3s;
}
.sidebar:hover .full-logo {
width: 200px;
left:0px;
}
img.icon-logo {
    width: auto;
    transition: 0.3s;
}
.sidebar:hover img.icon-logo {
    width: 0px;
}
.max-200{
Width:150px;
}
td.bb-1 {
    /*height:70px;*/
}
thead td.bb-1 input {
    position: absolute;
    right: 10px;
    box-shadow: 0px 15px 30px rgba(1, 128, 34, 0.15);
    display: inline-block;
    background: #018022;
    top: 5px;
    padding: 5px 10px;
    border: 1px solid #fff;
    width: 100px;
    border-radius: 5px;
    transition: 0.3s;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
}
thead td.bb-1 input:hover , .file-label:hover{
	 border: 1px solid #018022;
	 background: #018022;
	  color: #fff;
}
.file-label {
    box-shadow: 0px 15px 30px rgba(1, 128, 34, 0.15);
    display: inline-block;
    background: #fff;
    top: 18px;
    padding: 5px 10px;
    border: 1px solid #018022;
    width: 100px;
    border-radius: 5px;
    transition: 0.3s;
    font-size: 12px;
    color: #3d3d3d;
    text-transform: capitalize;
}
.file-input {
    display: none!important;
}
.file-td {
    vertical-align: middle;
}
.table-block.images-table.initial-table {
    overflow: scroll;
}
*::-webkit-scrollbar-thumb {
    background-color: #018022;
	border-radius:10px;
}
td form::-webkit-scrollbar {
    height: 2px;
    width: 22px;
    background: #Fff;
}
td form::-webkit-scrollbar-thumb  {
   background-color: #fff;
	border-radius:10px;
}
.main-parent {

    background-color: #ffffff;

}

.main-parent .loader{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ffffff;
    text-align: center;
    z-index: 999999;
}
.main-parent .loader img{
    opacity: 0.5;
}

.sidebar {

    width: 250px;

    height: 100vh;

    box-shadow: 0 0 10px #ececec;

    background-color: #ffffff;

    /* padding: 0px 10px; */

    position: fixed;

    left: -180px;

    transition: all 0.5s ease-in;

    /* overflow-y: auto; */

    z-index: 99999;

}

.sidebar:hover {

    left: 0;

    /* padding: 0px 20px; */

    transition: all 0.5s ease-in;

}

.sidebar .inner-sidebar {

    position: relative;

    /* padding: 0px 10px; */

    height: calc(100% - 20px);

}

.sidebar:hover .inner-sidebar{
    padding: 0px 0px;   
}

.sidebar .logo-block {

    margin: 20px auto;

    width: 230px;

    transition: all 0.5s ease-in;

    padding: 0 0 0 10px;

    display: flex;

    justify-content: flex-end;

}

.sidebar:hover .logo-block {

    width: 100%;

    padding: 0px 20px;

    transition: all 0.5s ease-in;

}

.sidebar .logo-block h1 {

    display: flex;

    width: 70px;

    align-items: center;

    flex-direction: row-reverse;

    justify-content: space-between;

    transition: all 0.5s ease-in;

}
.sidebar .inner-sidebar .logo-block h1 {

    justify-content: end;
	flex-direction: column;
    transition: all 0.5s ease-in;

}

.sidebar:hover .logo-block h1 {
justify-content: center;
    width: 100%;

}

.sidebar .logo-block h1 img {

    /* margin-right: 5px; */

    margin: 0 5px 0 25px;

}

.sidebar:hover .logo-block h1 {

    justify-content: center;

    transition: all 0.5s ease-in;

}

.sidebar:hover .logo-block h1 img {

    margin-left: 20px;

}

.sidebar .sidebar-items {

    padding: 0px 10px 80px;

    height: calc(100% - 150px);

    overflow-y: hidden;

    /* padding-bottom: 80px; */

}

.sidebar:hover .sidebar-items {

    padding: 0px 20px 80px;

    /* padding-bottom: 80px; */

}

.sidebar .sidebar-items ul li a {

    margin: 0 auto 10px;

    padding: 5px;

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-radius: 7px;

    line-height: 1.1;

    text-decoration: none;

}

.sidebar .sidebar-items ul li a:hover {

    background-color: #018d4c;

    padding: 10px;

}

.sidebar .sidebar-items ul li a span.text {

    font-size: 13px;

    font-weight: 500;

    color: #3d3d3d;

    width: calc(100% - 35px);

}

.sidebar .sidebar-items ul li a:hover span.text {

    color: #ffffff;

}

.sidebar .sidebar-items ul li a span.icon {

    width: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.sidebar .sidebar-items ul li a:hover span.icon svg path {

    fill: #ffffff;

}

.sidebar .sidebar-items ul li.parent ul {

    height: 0px;

    visibility: hidden;

    margin: 0 !important;

}

.sidebar .sidebar-items ul li.parent:hover ul {

    height: auto;

    visibility: visible;

    transition: all 0.5s ease-in-out;

}

.sidebar .logout-block {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: row-reverse;

    justify-content: space-between;

    position: relative;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 15px;

    background: #f7f7f7;

    transition: all 0.5s ease-in;

}

.sidebar:hover .logout-block {

    flex-direction: row;

    transition: all 0.5s ease-in;

    padding: 15px;

}

.sidebar .logout-block .user-img span {

    display: inline-block;

    width: 40px;

}

.sidebar .logout-block .user-meta {

    margin-left: 10px;

    display: flex;

    flex-wrap: wrap;
    
    align-items: center;

    justify-content: flex-start;

}
.sidebar .logout-block .user-meta p{

    max-width: calc(100% - 50px);

}

.sidebar .logout-block .user-meta p span.name {

    text-transform: capitalize;

    font-size: 14px;

    color: #09244b;

    font-weight: 500;

}

.sidebar .logout-block .user-meta p span.email {

    color: #8491a5;

    font-size: 12px;

    font-weight: 400;

    white-space: pre-wrap;

    overflow-wrap: nowrap;

}

.sidebar .logout-block .user-meta span.logout {

   
    margin-left: 40px;

    cursor: pointer;

    
}

/* sidebar style end*/



/* breadcrumb  style*/

.main-parent .content-block {

    height: 100vh;

    padding: 0 30px 0 90px;

    flex-direction: row;

}

.main-parent .content-block .breadcrumb {

    width: 100%;

    margin: 0;

}

.main-parent .content-block .breadcrumb nav {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    padding: 25px 15px;

}

.main-parent .content-block .breadcrumb nav h3.dashboard {

    margin-bottom: 0;

    margin-right: 10px;

    font-weight: 700;

}

.main-parent .content-block .breadcrumb nav h3.dashboard a {

    color: #000;

    text-decoration: none;

}

.main-parent .content-block .breadcrumb nav ul {

    display: flex;

    flex-wrap: wrap;

}

.main-parent .content-block .breadcrumb nav ul li.nav-items {

    margin: 0 10px;

}

.main-parent .content-block .breadcrumb nav ul li.nav-items .arrow-right {

    display: inline-flex;

    margin-right: 10px;

}

.main-parent .content-block .breadcrumb nav ul li.nav-items .nav-inner {

    text-decoration: none;

}

.main-parent .content-block .breadcrumb nav ul li.nav-items .nav-inner .icon {

    margin-right: 5px;

    display: inline-block;

}

.main-parent

    .content-block

    .breadcrumb

    nav

    ul

    li.nav-items

    .nav-inner

    .icon

    svg

    path {

    fill: #018d4c;

}

.main-parent .content-block .breadcrumb nav ul li.nav-items .nav-inner .text {

    color: #8491a5;

    font-size: 12px;

    text-transform: capitalize;

}

/* breadcrumb style end*/



/* form style start*/

.main-parent .content-block .main-search .search-field {

    position: relative;

}

.main-parent .content-block .main-search .search-field span {

    position: absolute;

    right: 10px;

    top: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.main-parent .content-block .main-search .search-field span img {

    width: 15px;

}

.main-parent .content-block .main-search .search-field .form-control {

    border: 1px solid #e2e5ed;

    border-radius: 3px;

    height: 35px;

}

.main-parent .form-content-block{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin-top: 10px;
}
.main-parent .form-content-block .content-item{
    width: 50%;
}
.main-parent .form-content-block .content-item span.label{
    font-size: 12px;
    color: #018D4C;
    font-weight: 600;
}
.main-parent .form-content-block .content-item .form-content-text{
    color: #3D3D3D;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 400;
    margin-bottom: 10px;
}
.main-parent .content-block .main-form{
    margin-bottom: 0px
}
.main-parent .content-block .main-form .form-group {
    
    position: relative;

    margin-bottom: 10px;

    display: flex;

    flex-direction: column;
    
}
.main-parent .content-block .main-search.main-form .form-group::before{
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    bottom: 10px;
    right: 10px;
    background: url('../media/icon/search.svg');
    background-size: contain;
    transform: rotate(90deg);
    background-repeat: no-repeat;
}
/* 
.main-parent .content-block .main-form .form-group::before {

    position: absolute;

    content: "";

    width: 15px;

    height: 15px;

    bottom: 7px;

    right: 10px;

    background: url("/asset/media/icon/arrow-right.svg");

    background-size: contain;

    transform: rotate(90deg);

    background-repeat: no-repeat;

} */

.main-parent .content-block .main-form .form-group label {

    line-height: 1;

    margin-bottom: 5px;

    color: #3d3d3d;

    font-weight: 600;

    font-size: 14px;

}

.main-parent .content-block .main-form .form-group .form-select {

    border: 1px solid #e2e5ed;

    border-radius: 3px;

    color: #a3a3a3;

    font-size: 14px;

}

.main-parent .content-block .main-form .form-group .form-select::placeholder {

    color: #a3a3a3;

}

.main-parent

    .content-block

    .main-form

    .form-group

    .dropdown.bootstrap-select

    .btn.dropdown-toggle {

    border: 1px solid #e2e5ed;

    border-radius: 3px;

    background-color: #ffffff;

    color: #a3a3a3;

    font-size: 14px;

}

.main-parent

    .content-block

    .main-form

    .form-group

    .chosen-container

    .chosen-choices {

    height: 35px;

    max-height: 75px;

    overflow: auto;

    border: 1px solid #e2e5ed;

    border-radius: 3px;

    color: #a3a3a3;

    font-size: 14px;

    box-shadow: 0 0 0 transparent inset;

    padding: 2px 5px;

    background: transparent;

}

.main-parent

    .content-block

    .main-form

    .form-group

    .chosen-container

    .chosen-single {

    height: 35px;

    max-height: 75px;

    overflow: auto;

    border: 1px solid #e2e5ed;

    border-radius: 3px;

    color: #a3a3a3;

    font-size: 14px;

    box-shadow: 0 0 0 transparent inset;

    padding: 4px 10px;

    background: transparent;

}

.chosen-container-single .chosen-single div {

    display: none;

}

.main-parent

    .content-block

    .main-form

    .form-group

    .chosen-container

    .chosen-choices

    li.search-choice {

    background: #ececec;

    border: none;

    border-radius: 2px;

    padding: 5px 15px 5px 10px;

}

.main-parent

    .content-block

    .main-form

    .form-group

    .chosen-container

    .chosen-results

    li {

    color: #333333;

    font-size: 14px;

    padding: 10px;

}

.main-parent

    .content-block

    .main-form

    .form-group

    .chosen-container

    .chosen-results

    li.result-selected {

    color: #a3a3a3;

}

.main-parent

    .content-block

    .main-form

    .form-group

    .chosen-container-multi

    .chosen-choices

    li.search-field

    input[type="text"] {

    color: #a3a3a3;

    font-size: 14px;

    font-family: inherit;

    padding-left: 5px;

}

.chosen-container-single .chosen-search input[type="text"] {

    background: none;

    border: 0.5px solid #ececec;

}

.main-parent

    .content-block

    .main-form

    .form-group

    .chosen-container

    .chosen-results

    li.active-result.highlighted {

    background: rgba(1, 141, 76, 0.17);

}

.main-parent

    .content-block

    .main-form

    .form-group

    .chosen-container-multi

    .chosen-choices

    li.search-choice

    .search-choice-close {

    background: url("/asset/media/icon/cross-green.svg") no-repeat;

    background-size: contain;

    top: -2px;

    right: -2px;

    z-index: 99;

    width: 15px;

    height: 15px;

    display: inline-block;

}

.main-parent .form-group.submit-btn {

    margin-top: 20px;

    display: flex;

    justify-content: flex-end;

}

.main-parent .form-group.submit-btn::before {

    display: none;

}

.main-parent .form-group.submit-btn .btn-success {

    font-weight: 400;

    font-size: 16px;

    display: flex;

    align-items: center;

    justify-content: center;

    vertical-align: middle;

    padding: 4px 30px;

    box-shadow: 0px 4px 28px rgb(57 105 213 / 11%);

    border-radius: 4px;

}

/* form style end*/



/* company info style start*/

.company-info-block {

    border-radius: 7px;

    overflow: hidden;

    box-shadow: 0 0 10px #ececec;

}

.company-info-block .company-img {

    width: 100%;

    display: inline-block;

}

.company-info-block .company-img img {

    width: 100%;

    object-fit: cover;

    max-height: 130px;

}

.company-info-block .company-description {

    padding: 15px;

    background-color: #ffffff;

}

.company-info-block .company-description h6 {

    font-size: 16px;

    font-weight: 700;

}

.company-info-block .company-description p {

    font-size: 13px;

    font-weight: 400;

    color: #3d3d3d;

    margin-bottom: 0;

}

/* company info style end*/


    .table-toggle .form-switch {
        display: flex;
      
        padding: 0;
      
        justify-content: right;
      
        width: 175px;
      
        align-items: center;
      }
      
      .table-toggle .form-switch label {
        margin-right: 10px;
      }
      
      .table-toggle .form-switch input {
        float: none;
      
        margin: 0;
      }

.form-check-input:checked {

    /* background: #018D4C; */

    background-color: #018d4c;

    border-color: #018d4c;

}

.table-block {

    width: 100%;

    overflow-x: auto;

    margin-bottom: 50px;

}

.table-block > table {

    min-width: 1024px;

}

.table-block.detail-table > table {

    min-width: 2000px;

}

.table-block table tr {

    border: none;

}

.table-block table thead tr td {

    vertical-align: middle;

    /* text-align: center; */

    border: 0.5px solid #ececec;

    border-collapse: collapse;

    font-size: 12px !important;

    color: #3d3d3d !important;

    font-weight: 600 !important;

}

.table-block table tbody tr td {

    border: 0.5px solid #ececec;

    color: #3d3d3d;

    font-size: 12px;

    font-weight: 400;

}

.table-block table tbody tr td.red {

    color: #ff0000;

    font-weight: 400;

}

.table-block table tbody tr td.green {

    color: #4ed21f;

    font-weight: 400;

}

.table-block table tbody tr.cover-row td {

    border: none;

    border-bottom: 0.5px solid #ececec;

    font-weight: 600;

    font-size: 12px;

}

.table-block table .b-0 {

    border: none;

}

.table-block table tbody .bl-1 {

    border: none;

    border-left: 0.5px solid #ececec;

}

.table-block table tbody .br-1 {

    border: none;

    border-right: 0.5px solid #ececec;

}

.table-block table tbody .bb-1 {

    border: none;

    border-bottom: 0.5px solid #ececec;

}



.table-block.initial-table table .b-0 {

    border: none;

}

.table-block.initial-table table .bl-1 {

    border-left: 0.5px solid #ececec;

}

.table-block.initial-table table .br-1 {

    border-right: 0.5px solid #ececec;

}

.table-block.initial-table table .bb-1 {

    border-bottom: 0.5px solid #ececec;

}

.table-block.initial-table table .bt-1 {

    border-top: 0.5px solid #ececec;

}



/* tooltip style */

.main-tooltip {

    position: absolute;

    width: 273px;

    min-height: 80px;

    background: #ffffff;

    top: 250px;

    left: 200px;

    border-radius: 3px;

    box-shadow: 0 0 10px #ececec;

    overflow: hidden;

}

.main-tooltip h6 {

    background: #018d4c;

    color: #fff;

    font-size: 12px;

    padding: 7px 10px;

    margin: 0;

    position: relative;

}

.main-tooltip h6 span.close {

    position: absolute;

    right: 10px;

    z-index: 999;

    background: #ffffff;

    width: 15px;

    height: 15px;

    display: flex;

    border-radius: 50%;

    cursor: pointer;

}

.main-tooltip > div {

    display: inline-block;

    width: 100%;

    padding: 10px;

}

.main-tooltip > div ul {

    width: 100%;

    height: 100%;

    display: inline-block;

}

.main-tooltip > div ul li {

    font-size: 12px;

}

.main-tooltip > div ul li p {

    margin: 5px auto;

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.main-tooltip > div ul li p .number {

    color: #3969d5;

    font-weight: 600;

}

.main-tooltip > div ul li p .number span.icon {

    display: inline-flex;

    margin-left: 5px;

    cursor: pointer;

}

.main-tooltip > div ul li p .number span.icon img {

    width: 5px;

}

.tooltip-childA {

    position: absolute;

    width: 216px;

    min-height: 80px;

    background: #ffffff;

    top: 300px;

    left: 430px;

    border-radius: 3px;

    box-shadow: 0 0 10px #ececec;

    overflow: hidden;

}

.tooltip-childA h6 {

    background: #018d4c;

    color: #fff;

    font-size: 12px;

    padding: 7px 10px;

    margin: 0;

}

.tooltip-childA h6 span.close {

    position: absolute;

    right: 10px;

    z-index: 999;

    background: #ffffff;

    width: 15px;

    height: 15px;

    display: flex;

    border-radius: 50%;

    cursor: pointer;

}

.tooltip-childA > div {

    display: inline-block;

    width: 100%;

    padding: 10px;

}

.tooltip-childA > div ul {

    width: 100%;

    height: 100%;

    display: inline-block;

}

.tooltip-childA > div ul li {

    font-size: 12px;

}

.tooltip-childA > div ul li p {

    margin: 5px auto;

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.tooltip-childA > div ul li p .number {

    color: #3969d5;

    font-weight: 600;

    cursor: pointer;

}

.tooltip-childB {

    position: absolute;

    width: 216px;

    min-height: 80px;

    background: #ffffff;

    top: 150px;

    left: 430px;

    border-radius: 3px;

    box-shadow: 0 0 10px #ececec;

    overflow: hidden;

}

.tooltip-childB h6 {

    background: #018d4c;

    color: #fff;

    font-size: 12px;

    padding: 7px 10px;

    margin: 0;

}

.tooltip-childB h6 span.close {

    position: absolute;

    right: 10px;

    z-index: 999;

    background: #ffffff;

    width: 15px;

    height: 15px;

    display: flex;

    border-radius: 50%;

    cursor: pointer;

}

.tooltip-childB > div {

    display: inline-block;

    width: 100%;

    padding: 10px;

}

.tooltip-childB > div ul {

    width: 100%;

    height: 100%;

    display: inline-block;

}

.tooltip-childB > div ul li {

    font-size: 12px;

}

.tooltip-childB > div ul li p {

    margin: 5px auto;

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.tooltip-childB > div ul li p .number {

    color: #3969d5;

    font-weight: 600;

    cursor: pointer;

}

.tooltip-childB > div ul li p.total-value {

    justify-content: flex-end;

    color: #3969d5;

    font-weight: 600;

    cursor: pointer;

}

.tooltip-childB > div ul li p.total-value span {

    border-top: 0.5px solid #ececec;

}

/* tooltip style */



/* modal style start */

.screenshot-modal .modal-header {

    background: #018d4c;

    color: #fff;

    font-size: 12px;

    padding: 10px 15px;

}

.screenshot-modal .modal-header h5 {

    font-size: 16px;

}

.screenshot-modal .btn-close {

    opacity: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff;

    border-radius: 50%;

    padding: 4px;

    margin-right: 0px;

}

.screenshot-modal .btn-close img {

    width: 30px;

    height: 30px;

}

.screenshot-modal .modal-body p img {

    width: 100%;

    object-fit: contain;

}

/* modal style end */



/* Login Style Flow */



.login-parent {

    display: inline-block;

    min-height: 100vh;

    width: 100%;

}

.login-parent .content-block {

    height: 100%;

}

.login-parent .content-block .form-block {

    display: inline-flex;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

    height: 100%;

    width: 100%;

    padding: 0 100px;

}

.login-parent .content-block .form-block .login-form .logo-block {

    display: inline-block;

    width: 100%;

    line-height: 1;

}

.login-parent .content-block .form-block .login-form .logo-block span {

    display: inline-flex;

    width: 100%;

    align-items: center;

    justify-content: flex-start;

    font-size: 32px;

    font-weight: 600;

    color: #050505;

}

.login-parent .content-block .form-block .login-form .logo-block span img {

    margin-right: 15px;

}

.login-parent .content-block .form-block .login-form {

    width: 100%;

    max-width: 350px;

    margin: 0 auto;

}

.login-parent .content-block .form-block .login-form h1 {

    line-height: 1;

    display: inline-block;

    margin: 30px auto;

    color: #333333;

    font-size: 32px;

    font-weight: 600;

}

.login-parent .content-block .form-block .login-form p {

    font-size: 12px;

    font-weight: 400;

    color: #3d3d3d;

    margin: 15px auto;

    text-align: left;

}

.login-parent .content-block .form-block .login-form p a {

    color: #018d4c;

}

.login-parent .content-block .form-block .login-form form .form-group {

    position: relative;

}

.login-parent .content-block .form-block .login-form form .form-group label {

    font-size: 14px;

    font-weight: 400;

    color: #3d3d3d;

    line-height: 1;

    margin-bottom: 10px;

}

.login-parent .content-block .form-block .login-form form .form-group input {

    border: 1px solid #e2e5ed;

    border-radius: 5px;

    color: #3d3d3d;

}

.login-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    input::placeholder {

    color: #a9b1c7;

    font-size: 14px;

}

.login-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    span.eye-icon {

    position: absolute;

    width: 20px;

    height: 20px;

    display: inline-flex;

    align-items: center;

    bottom: 10px;

    right: 5px;

    cursor: pointer;

}

.login-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    span.eye-icon

    img {

    display: inline-block;

    width: 100%;

    height: 100%;

}

.login-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    .forgot-text {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    font-size: 12px;

    font-weight: 400;

    color: #018d4c;

    text-decoration: underline;

    position: absolute;

    right: 0;

    top: -15px;

    cursor: pointer;

}

.login-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    .btn.btn-success {

    margin-top: 30px;

    width: 100%;

    background: #018d4c;

    border-radius: 5px;

}

.login-parent .content-block .img-block {

    display: inline-block;

    position: relative;

    width: 100%;

    height: 100%;

}

.login-parent .content-block .img-block h3 {

    font-size: 36px;

    color: #ffffff;

    margin-top: 150px;

    text-align: left;

    padding: 0 70px;

}

.login-parent .content-block .img-block p {

    font-size: 16px;

    color: #3d3d3d;

    margin: 15px auto;

    padding: 0 70px;

}

.login-parent .content-block .img-block .design-img {

    position: relative;

    left: 0;

    bottom: 0;

    display: inline-block;

    margin-top: 53px;

    width: 100%;

    padding-right: 20%;

}

.login-parent .content-block .img-block .design-img img {

    display: inline-block;

    width: 100%;

    max-height: 455px;

    object-fit: cover;

    object-position: top;

}



/* forgot modal style start*/

.login-signup-modal {

    text-align: center;

}

.login-signup-modal .modal-header {

    color: #fff;

    font-size: 12px;

    padding: 20px 15px 0;

    border: none;

}

.login-signup-modal .modal-header h5 {

    font-size: 16px;

}

.login-signup-modal .btn-close {

    opacity: 1;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #fff;

    border-radius: 50%;

    padding: 4px;

    margin-right: 0px;

}

.login-signup-modal .btn-close img {

    width: 30px;

    height: 30px;

    cursor: pointer;

}

.login-signup-modal .modal-content {

    border: none;

}

.login-signup-modal .modal-body {

    padding: 10px 30px;

}

.login-signup-modal .modal-body .icon-block {

    text-align: center;

    margin: 15px auto;

    display: inline-block;

    width: 100%;

}

.login-signup-modal .modal-body .icon-block span {

    width: 35px;

    height: 35px;

    background: rgba(1, 141, 76, 0.2);

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    box-shadow: 0 0 10px #cce8db;

}

.login-signup-modal .modal-body h3.title {

    font-weight: 700;

    color: #000000;

    text-align: center;

    font-size: 32px;

    margin: 10px auto;

    display: inline-block;

    width: 100%;

}

.login-signup-modal .modal-body p.text {

    font-size: 16px;

    font-weight: 300;

    color: #888c95;

    display: inline-block;

    width: 100%;

    margin: 0 auto 15px;

    text-align: center;

}

.login-signup-modal .modal-body form .form-group {

    position: relative;

}

.login-signup-modal .modal-body form .form-group label {

    font-size: 14px;

    font-weight: 400;

    color: #3d3d3d;

    line-height: 1;

    margin-bottom: 10px;

    width: 100%;

    text-align: left;

}

.login-signup-modal .modal-body form .form-group input {

    border: 1px solid #e2e5ed;

    border-radius: 5px;

    color: #3d3d3d;

}

.login-signup-modal .modal-body form .form-group input::placeholder {

    color: #a9b1c7;

    font-size: 14px;

}

.login-signup-modal .modal-body form .form-group span.eye-icon {

    position: absolute;

    width: 20px;

    height: 20px;

    display: inline-flex;

    align-items: center;

    bottom: 10px;

    right: 5px;

    cursor: pointer;

}

.login-signup-modal .modal-body form .form-group span.eye-icon img {

    display: inline-block;

    width: 100%;

    height: 100%;

}

.login-signup-modal .modal-body form .form-group .forgot-text {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    font-size: 12px;

    font-weight: 400;

    color: #018d4c;

    text-decoration: underline;

    position: absolute;

    right: 0;

    top: -15px;

}

.login-signup-modal .modal-body form .form-group .btn.btn-success {

    margin-top: 30px;

    width: 100%;

    background: #018d4c;

    border-radius: 5px;

}

.go-to-email a {

    display: inline-block;

    width: 100%;

    margin-top: 30px;

    width: 100%;

    background: #018d4c;

    border-radius: 5px;

    text-decoration: none;

}

.login-signup-modal .modal-body .go-back-link {

    color: #888c95;

    font-size: 14px;

    font-weight: 400;

    text-align: center;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 100%;

}

.login-signup-modal .modal-body .go-back-link span.icon {

    position: relative;

    display: inline-flex;

    transform: rotate(180deg);

    margin-right: 15px;

}

.login-signup-modal .modal-body .go-back-link span.icon:before {

    position: absolute;

    content: "";

    width: 10px;

    height: 1px;

    background-color: #888c95;

    top: 4.5px;

    right: 3px;

}

.click-resend {

    color: #888c95;

    font-size: 14px;

    font-weight: 400;

    text-align: center;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}

.click-resend span {

    color: #018d4c;

}

#resetDoneModal .modal-body {

    padding: 10px 30px 30px;

}



/* Login Style Flow */



/* Signup Style Flow */



.signup-parent {

    display: inline-block;

    min-height: 100vh;

    width: 100%;

}

.signup-parent .content-block {

    height: 100%;

}

.signup-parent .content-block .form-block {

    display: inline-flex;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

    height: 100%;

    width: 100%;

    padding: 40px 50px;

}

.signup-parent .content-block .form-block .login-form .logo-block {

    display: inline-block;

    width: 100%;

    line-height: 1;

}

.signup-parent .content-block .form-block .login-form .logo-block span {

    display: inline-flex;

    width: 100%;

    align-items: center;

    justify-content: flex-start;

    font-size: 32px;

    font-weight: 600;

    color: #050505;

}

.signup-parent .content-block .form-block .login-form .logo-block span img {

    margin-right: 15px;

}

.signup-parent .content-block .form-block .login-form {

    width: 100%;

    max-width: 350px;

    margin: auto auto;

}

.signup-parent .content-block .form-block .login-form h1 {

    line-height: 1;

    display: inline-block;

    margin: 30px auto;

    color: #333333;

    font-size: 32px;

    font-weight: 600;

}

.signup-parent .content-block .form-block .login-form p {

    font-size: 12px;

    font-weight: 400;

    color: #3d3d3d;

    margin: 15px auto;

    text-align: left;

}

.signup-parent .content-block .form-block .login-form p a {

    color: #018d4c;

}

.signup-parent .content-block .form-block .login-form form .form-group {

    position: relative;

}

.signup-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    .iti.iti--allow-dropdown {

    display: inline-block;

    width: 100%;

}

.signup-parent .content-block .form-block .login-form form .form-group label {

    width: 100%;

    font-size: 14px;

    font-weight: 400;

    color: #3d3d3d;

    line-height: 1;

    margin-bottom: 10px;

}

.signup-parent .content-block .form-block .login-form form .form-group input {

    border: 1px solid #e2e5ed;

    border-radius: 5px;

    color: #3d3d3d;

}

/* Chrome, Safari, Edge, Opera */

.signup-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    input::-webkit-outer-spin-button,

.signup-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



/* Firefox */

.signup-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    input[type="number"] {

    -moz-appearance: textfield;

}

.signup-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    input::placeholder {

    color: #a9b1c7;

    font-size: 14px;

}

.signup-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    span.eye-icon {

    position: absolute;

    width: 20px;

    height: 20px;

    display: inline-flex;

    align-items: center;

    bottom: 10px;

    right: 5px;

    cursor: pointer;

}

.signup-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    span.eye-icon

    img {

    display: inline-block;

    width: 100%;

    height: 100%;

}

.signup-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    .forgot-text {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    font-size: 12px;

    font-weight: 400;

    color: #018d4c;

    text-decoration: underline;

    position: absolute;

    right: 0;

    top: -15px;

}

.signup-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    .btn.btn-success {

    margin-top: 30px;

    width: 100%;

    background: #018d4c;

    border-radius: 5px;

}

/* .signup-parent .content-block .img-block {

    display: inline-block;

    position: relative;

    width: 100%;

    height: 100%;

    background: url("/asset/media/green-gradient-bg-signup.png");

    background: linear-gradient(205.29deg, #96CF8D 3.46%, rgba(179, 188, 204, 0) 96.95%);

    box-shadow: 10px 0 10px #fffafa;

    background-position: right;

    background-size: cover;

    background-repeat: no-repeat;

} */
.signup-parent .content-block .img-block {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}
.signup-parent .content-block .img-block h3 {

    font-size: 36px;

    color: #ffffff;

    margin-top: 150px;

    text-align: left;

    padding: 0px 70px;

}

.signup-parent .content-block .img-block p {

    font-size: 16px;

    color: #3d3d3d;

    margin: 15px auto;

    padding: 0 70px;

}

.signup-parent .content-block .img-block .design-img {

    position: relative;

    right: 0;

    bottom: 0;

    display: inline-block;

    margin-top: 53px;

    width: 100%;

    padding-left: 70px;

}

.signup-parent .content-block .img-block .design-img img {

    display: inline-block;

    width: 100%;

    max-height: 455px;

    object-fit: cover;

    object-position: top;

}

.login-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    span.error {
    position: absolute;

    color: #ff0000;

    font-size: 12px;

    display: inline-block;

    width: 100%;

}

.signup-parent

    .content-block

    .form-block

    .login-form

    form

    .form-group

    span.error {
    position: absolute;

    color: #ff0000;

    font-size: 12px;

    display: inline-block;

    width: 100%;

}
label.error {
    color: red !important;
}
.error1 {

    position: absolute;

    right: 0;

    left: 0;

    text-align: center;

    bottom: 40px;

    font-size: 14px;

    color: red;

}

/* Signup Style Flow */
.cursor-pointer{
  cursor: pointer;
}
.center-fit {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.table>:not(caption)>*>* {
    padding:0.3em 0.9em !important;
}
span.eye-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    bottom: auto !important;
    top: 40px !important;
    right: 5px;
    cursor: pointer;
}

.modal-body p.text{
    font-weight: 400 !important;
}
/* +========================+++++++   portal singup  ++++++++++========================= */
.register-body , .login-body {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    background: url("/asset/media/green-gradient-bg-signup.png");
    background-position: left;
    background-size: 50% 100%;
    background-repeat: no-repeat;
}
.login-body{
    background-position: right!important; 
}

.video{
    Border-radius: 5px 0px 0px 5px
    }
    .video.login-vid{
    Border-radius: 0px 5px 5px 0px! important;
    }

.video , .video.login-vid{
    width: calc(100% - 70px);
    position: absolute;
    box-shadow: 0px 0px 5.5px 0px #c2c2c2d6;
   
    left: 70px;
    right: 0;
    object-fit: cover;
    bottom: 0px;
    height: 450px;
    top: 0px;
}
.video.login-vid{
    left:0px!important;
}
.cs-parent {
    display: flex;
    min-height: 100vh;
    width: 100%;
}
.max-box {
    max-width: 2000px;
    margin: 0px auto;
    justify-content: center!important;
}

.deleteimage{
    color:red;
}
.no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

.col-centered{
    text-align:center;
}
@media  screen and (min-width: 1800px){
    .video , .video.login-vid{

    height: 600px!important;
}
}

@media  screen and (max-width: 992px){
    body {background-size: cover!important;
         
}
    .video , .video.login-vid{
        width: 100%!important;
        position: static!important;
        height: auto!important;
        box-shadow: 2px 2px 7px #929eaa2e!important;
    }
.cs-parent .content-block .img-block .design-img {
    padding: 0px 20px;
    margin-bottom: 50px;
}
.cs-parent.content-block .form-block {
    padding: 40px 0px;
}
.row-rev {
    flex-direction: column-reverse;
}
.cs-parent .content-block .form-block .login-form {
    max-width: 650px;
}
.cs-parent .content-block .img-block h3 {
    font-size: 32px;
    text-align: center;
    margin-top: 0px;
    padding: 0px 20px;

}
}
@media  screen and (min-width: 992px){
    .login-body {
        background-position: right!important;
        min-height: 900px;
    }
    .login-parent .content-block {
        height: 800px;
    }
}