html,
body {
    height: 100%;
    font-family: "OpenSans-Regular";
}

body {
    font-family: "OpenSans-Regular";
    background: #fff;
    overflow-x: hidden;
    font-size: 1rem;
}

.toggle-cancel {
    font-family: "OpenSans-Bold";
    color: #666 !important;
}

b {
    font-family: "OpenSans-Bold";
}

body .ui-widget {
    font-family: "OpenSans-Regular" !important;
}

input,
input:focus {
    outline: none;
    border: 1;
}

.name-td,
a,
a:hover,
a:focus {
    text-decoration: none;
    outline: 0;
    cursor: pointer;
}

ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

label {
    font-weight: inherit;
    font-family: "OpenSans-Regular"
}

ul {
    list-style: none;
}

.modal {
    overflow-y: auto;
}

.modal-backdrop.in {
    filter: alpha(opacity=70);
    opacity: .7;
}

input::-webkit-input-placeholder {
    color: #dbdbdb;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.ck.ck-content ul,
.ck.ck-content ul li {
    list-style-type: inherit;
}

.ck.ck-content ul {
    /* Default user agent stylesheet, you can change it to your needs. */
    padding-left: 40px;
}

.profile-name .dropdown-toggle::after {
    display: none;
}

[class^="icon-"],
[class*=" icon-"] {
    margin-right: 5px
}

.form-group {
    margin-bottom: 16px;
    position: relative;
}

.form-group label {
    float: left;
}

.btn {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 5px;
    border: none;
    font-size: 1.3rem;
}

.btn-primary,
.btn-primary:hover {
    background: #29ABE2;
    color: #fff;
}

.btn-default,
.btn-default:hover {
    background: #F4F4F4;
    color: #000;
}

button {
    border: none
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0.12);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.35)
}

.styled-select select:disabled {
    background-color: #eee;
    opacity: 1;
    cursor: not-allowed;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Keyframes */

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(720deg);
        -moz-transform: rotate(720deg);
    }
}

@keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(720deg);
        -moz-transform: rotate(720deg);
    }
}

/* Spinner */

#loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: url(../images/Preloader_8.gif) center no-repeat #fff;
    opacity: .9;
}

.login-section {
    height: 100%;
    background: url("../images/login-bg1.png") no-repeat bottom center #fff;
    /* background-size:cover; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    border-top: 7px solid #27AAE1
}

.login-inner {
    display: flex;
    width: 320px;
    /* margin:0 auto; */
}

.sidebar {
    position: fixed;
    width: 6.7rem;
    background: #242956;
    height: 100%;
    padding: 10px 0 50px;
    z-index: 91;
    -webkit-transition: width .5s;
    transition: width .5s;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid #e0e0e0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.sidebar.open {
    width: 265px;
}

.sidebar .mCSB_scrollTools .mCSB_draggerContainer {
    left: -35px;
}

.small-logo,
.large-logo {
    margin-bottom: 40px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.small-logo img,
.large-logo img {
    margin: 0 auto;
    max-width: 100%;
}

.sidebar.open .large-logo,
.small-logo {
    opacity: 1;
    visibility: visible;
}

.sidebar.open .small-logo {
    opacity: 0;
    visibility: hidden;
}

.sidemenu .firstmenu>li:hover>a>i,
.sidemenu .firstmenu>li.active>a>i {
    /* background: #F2F2F2; */
    color: #11495d;
    z-index: 999;
}

.sidemenu .firstmenu>li:hover>a,
.sidemenu .firstmenu>li.active>a {
    border-color: #29ABE2;
}

.sub-menu ul li a {
    position: relative;
}

.sub-menu ul li a:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #27AAE1;
    border-radius: 50px;
    left: 0;
    top: 6px;
    opacity: 0;
}

.sub-menu ul li a:hover:before {
    opacity: 1;
}

.sidemenu .firstmenu>li>a>i {
    color: #fff;
    text-align: center;
    width: 5rem;
    height: 4.3rem;
    border-radius: 50px;
    font-size: 2rem;
    margin-right: 18px;
    float: left;
    margin-left: 5px;
    padding-top: 10px;
    /* background: #fff; */
    z-index: 999;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.sidemenu .firstmenu>li {
    transition: all 250ms ease-in;
}

.sidemenu .firstmenu>li>a {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #364A5A;
    white-space: nowrap;
    float: left;
    width: 100%;
    padding: 5px 0 5px 5px;
    position: relative;
    z-index: 9;
    transition: all 250ms ease-in;
    /* border-right:3px solid #fff; */
    /* background: #fff; */
}

.sidemenu .firstmenu>li>a:after {
    content: '';
    height: 0%;
    position: absolute;
    right: 0;
    width: 3px;
    background: #11495d;
    transition: all 250ms ease-out;
}

.sidemenu .firstmenu>li:hover>a:after {
    height: 100%;
    top: 0%;
    bottom: 0%;
}

.sidemenu .firstmenu>li>a>span {
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    margin-right: 15px;
    margin-top: 3px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.sidebar.open .sidemenu .firstmenu>li>a>span {
    opacity: 1;
    visibility: visible;
}

.sidemenu .firstmenu>li:hover>a>span {
    color: #fff;
}

.sub-menu {
    position: fixed;
    width: 250px;
    left: -250px;
    top: 60px;
    padding: 16px;
    bottom: 0;
    box-shadow: 6px 0px 20px rgba(0, 0, 0, 0.2);
    opacity: 1;
    visibility: hidden;
    background: #fff;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.active .sub-menu {
    visibility: visible;
    /* opacity: 1;
  z-index: 9; */
    left: 66px;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        background: none;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        background: #fff;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.sub-menu h2 {
    padding-left: 8px;
    text-transform: capitalize;
    font-size: 1.8rem;
    font-family: "OpenSans-Bold";
    color: #364A5A;
    margin-bottom: 10px;
    position: relative;
}

.sub-menu h2:before {
    content: '';
    position: absolute;
    width: 75px;
    left: 10px;
    background: #445161;
    bottom: -5px;
    height: 1px;
}

.sub-menu ul li {
    padding: 8px 10px;
}

.sub-menu ul li a {
    padding-left: 18px;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #4D4D4D;
    position: relative;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    display: flex
}

.sub-menu ul li a:hover,
.sub-menu ul li a:hover:before,
.sub-menu ul li.active a,
.sub-menu ul li.active a:before {
    color: #26BAEC;
}

.sub-menu ul li a:hover {
    padding-left: 10px;
}

.submenu-close {
    position: absolute;
    top: 10px;
    right: -30px;
    cursor: pointer;
    font-size: 1.2rem;
    transform: rotate(180deg);
    color: #666;
    width: 30px;
    height: 30px;
    background: #fff;
    display: inline-block;
    text-align: center;
    border: 1px solid #ddd;
    z-index: 0;
    border-right: none;
    border-bottom-left-radius: 18px;
    border-top-left-radius: 18px;
    padding-left: 7px;
}

.submenu-close i {
    float: left;
    margin-right: -8px;
    margin-top: 8px;
}

.site-content.submenu-open {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.submenu {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: -100px;
    width: 240px;
    background: #364A5A;
    padding: 20px;
    height: 100%;
    overflow: auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.sidemenu .firstmenu>li:hover .submenu {
    opacity: 1;
    visibility: visible;
}

.sidebar.open .submenu {
    left: 259px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.submenu h3 {
    font-size: 2.2rem;
    font-family: "OpenSans-Light";
    color: #597689;
    margin-bottom: 25px;
    position: relative;
}

.submenu h3:before {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 30px;
    height: 1px;
    background: #597689;
    content: "";
}

.menuexpand {
    float: right;
    margin-top: 70px;
    margin-right: 15px;
}

.menuexpand i {
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    color: #000;
}

.menuexpand .icon-left-arrow1,
.sidebar.open .menuexpand .icon-right-arrow1 {
    display: none;
}

.sidebar.open .menuexpand .icon-left-arrow1 {
    display: block;
}

.sidebar .tooltip {
    position: fixed;
    font-size: 1.4rem;
    font-family: "OpenSans-Regular";
}

.sidebar .tooltip-inner {
    background: #364A5A;
}

.sidebar .tooltip.right .tooltip-arrow {
    border-right-color: #364A5A;
}

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 9px 28px;
    border-top: 1px solid #f1f1f1;
    background: #F7F7F7;
    text-align: right;
    height: 35px;
    z-index: 2;
}

footer p {
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #615D5E;
    float: left;
    padding-left: 67px;
}

.pagecontainer {
    position: relative;
    min-height: 100vh;
    padding: 0 0 0 6.7rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: #F4F6FB;
}

.pagecontainer.sidebar-open {
    padding-left: 285px;
}

.site-content {
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
}

header {
    padding: 8px 24px 10px 24px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 92;
    height: 50px;
    display: inline-block;
    width: 100%;
    background: #fff;
}

.pagecontainer.formcontainer header {
    background: none;
}

.pagecontainer.formcontainer header:after {
    display: none;
}

.pagecontainer.sidebar-open header {
    left: 285px;
}

.homeicon {
    float: left;
}

.homeicon a i {
    font-size: 2rem;
    color: #364A5A;
}

.header-right {
    padding-right: 0;
}

.header-right,
.profile-name,
.notification,
.settings,
.header-search,
.mobile-search {
    float: right;
}

.profile-name,
.notification,
.settings {
    margin-left: 18px;
}

.profile-name {
    margin-left: 22px;
}

.library-right {
    padding: 10px 20px;
    width: 100%;
    display: inline-block;
    font-family: 'OpenSans-SemiBold';
}

.short-by {
    float: right;
}

.short-by .dropdown-toggle {
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #000;
    cursor: pointer;
}

.short-by .dropdown-toggle i {
    margin-left: 3px;
    font-size: 0.8rem;
}

.short-by .dropdown-menu {
    left: auto;
    right: 0;
}

.profile-name .dropdown-menu {
    top: 30px;
    left: auto;
    right: 0;
}

.profile-name ul li:first-child {
    background: #f1f1f1;
    font-family: 'OpenSans-Bold';
}

.profile-name p {
    font-size: 1.8rem;
    font-family: "OpenSans-Regular";
    cursor: pointer;
    width: 2.8rem;
    height: 2.8rem;
    background: #00AAC3;
    border-radius: 100%;
    color: #fff;
    padding-top: 5px;
    text-align: center;
    font-size: 1.5rem;
}

.profile-name p span {
    margin-right: 0;
}

.notification>span {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.notification i,
.settings i,
.mobile-search i {
    font-size: 2rem;
    color: #364A5A;
    cursor: pointer;
}

.notification i:hover,
.settings i:hover,
.mobile-search i:hover {
    color: #27AAE1;
}

.notification>span span {
    position: absolute;
    top: 0;
    right: -8px;
    width: 18px;
    height: 16px;
    padding-top: 2px;
    text-align: center;
    font-size: 1.1rem;
    font-family: "OpenSans-Bold";
    color: #fff;
    border-radius: 50%;
    background: #27AAE1;
}

.main-logo {
    width: 165px;
    display: inline-block;
    height: 33px;
}

.main-logo>a>img {
    max-height: 33px;
}

.edit-logoimg img,
.main-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center center;
}

.mobilemenu {
    background: transparent;
    border: none;
    float: left;
    height: 24px;
    width: 24px;
    margin-right: 12px;
    position: relative;
    outline: none;
    cursor: pointer;
}

.mobilemenu .hamb-top,
.mobilemenu .hamb-middle,
.mobilemenu .hamb-bottom {
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    background: #808080;
}

.mobilemenu .hamb-top {
    top: 5px;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.mobilemenu.menu-open .hamb-top,
.mobilemenu.menu-open .hamb-bottom {
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    transition: transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    margin-top: -1px;
    top: 50%;
}

.mobilemenu.menu-open .hamb-top {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobilemenu .hamb-middle {
    margin-top: -1px;
    top: 50%;
}

.mobilemenu.menu-open .hamb-middle {
    display: none;
}

.mobilemenu .hamb-bottom {
    bottom: 6px;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.mobilemenu.menu-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menuclose-icon {
    position: absolute;
    top: 8px;
    right: 10px;
    /* transform: rotate(45deg); */
    font-size: 1.8rem;
    color: #364A5A;
    cursor: pointer;
}

.mobilehome-icon {
    position: absolute;
    top: 8px;
    left: 10px;
    font-size: 1.8rem;
    color: #364A5A;
}

.mobilpf {
    font-size: 2.2rem;
    color: #4D4D4D;
    float: right;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 5px;
}

.create-btn {
    background: #29ABE2;
    padding: 0.5rem 2rem;
    border-radius: 7px;
    color: #fff;
    font-size: 1.3rem;
    font-family: "OpenSans-Semibold";
    display: inline-flex;
    align-items: center;
}

.jobqueue-createbtn {
    margin-top: -37px;
    float: right;
}

.create-btn:hover {
    color: #fff
}

.create-btn span {
    margin-right: 5px;
    font-size: 1.4rem;
}

/*operator page*/

.breadcrumb-div {
    margin-bottom: 8px;
    width: 100%;
    display: inline-block;
    font-family: 'OpenSans';
    padding: 0 24px 8px;
    background: #fff;
}

.breadcrumb-div ol {
    background: transparent;
    padding: 0;
    margin-bottom: 0;
}

.breadcrumb-div .breadcrumb>.active {
    color: #B3B3B3
}

.breadcrumb-div ol li {
    color: #176691;
    font-size: 1.1rem;
}

.breadcrumb-div ol li a {
    color: #4D4D4D;
    font-family: 'OpenSans';
}

.breadcrumb-div ol li+li:before {
    content: "/";
    color: #4D4D4D;
    font-size: 1.1rem;
}

.inner-head {
    padding: 2px 24px 2px;
    background: #fff;
    cursor: pointer;
}

.inner-head h2 {
    color: #000;
    font-size: 1.8rem;
    font-family: "OpenSans-Semibold";
    text-transform: capitalize;
    margin: 0 0 2px;
    padding: 8px 0px 5px;
    border-top: 1px solid #e9ecef;
}

.inner-head h2 .icon-left1 {
    margin-top: 2px;
    float: left;
    margin-right: 12px;
}

.responsive-nt {
    width: 100%;
    margin: 0px 0 10px;
    display: inline-block;
}

.table {
    border-bottom: 0;
}

.table>thead>tr>th {
    background: #F7F7F7;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd;
    font-size: 1.4rem;
    font-family: "OpenSans-Regular";
    color: #000;
    position: relative;
    padding: 8px;
    outline: 0;
    vertical-align: middle;
}

.table>thead>tr>th:focus {
    outline: 0;
}

.tablemain .check-select {
    margin-top: 0;
}

.table tbody tr td {
    line-height: 1.7;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #333;
    padding: 8px;
    vertical-align: middle;
    border-top: 0;
    border-bottom: 1px solid #ddd;
    height: 25px;
    /* white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; */
}

.tablemain .table tbody tr td:last-child {
    height: 38px;
}

.dataTables_scrollBody .table>thead>tr>th {
    border: 0 !important;
}

.dataTable.hover tbody tr:hover,
.dataTable.display tbody tr:hover {
    background-color: #f6f6f6;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background-color: transparent;
}

div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper .dataTables_length,
div.dataTables_wrapper .dataTables_info {
    display: none;
}

div.dataTables_wrapper .dataTables_length {
    margin-top: 10px
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 1.4rem;
    font-family: "OpenSans-Regular";
    color: #999;
    padding-top: 20px;
}

.tab-green div.dataTables_wrapper div.dataTables_paginate,
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-top: 20px !important;
}

.tab-green div.dataTables_wrapper div.dataTables_paginate a,
div.dataTables_wrapper .pagination>li>a,
div.dataTables_wrapper .pagination>li>span {
    margin-left: 10px;
    border-radius: 5px !important;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #333;
    border-color: rgba(179, 179, 179, 0.5);
    padding: 6px 10px;
    border: none
}

.tab-green div.dataTables_wrapper div.dataTables_paginate span a.current,
div.dataTables_wrapper .pagination>.active>a,
div.dataTables_wrapper .pagination>.active>a:focus,
div.dataTables_wrapper .pagination>.active>a:hover,
div.dataTables_wrapper .pagination>.active>span,
div.dataTables_wrapper .pagination>.active>span:focus,
div.dataTables_wrapper .pagination>.active>span:hover {
    background-color: #33B7E5;
    border-color: #33B7E5;
    color: #fff;
}

div.dataTables_wrapper .pagination>.disabled>a,
div.dataTables_wrapper .pagination>.disabled>a:focus,
div.dataTables_wrapper .pagination>.disabled>a:hover,
div.dataTables_wrapper .pagination>.disabled>span,
div.dataTables_wrapper .pagination>.disabled>span:focus,
div.dataTables_wrapper .pagination>.disabled>span:hover {
    color: #B3B3B3;
}

div.dataTables_wrapper .pagination>li.previous>a,
div.dataTables_wrapper .pagination>li.next>a {
    /* width:73px;
    padding-right:0; */
    text-align: left;
    border: none
}

div.dataTables_wrapper .pagination>li.next>a {
    padding-left: 0px;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

.dataTables_filter .form-control {
    height: 34px
}

div.dataTables_wrapper div.dataTables_length label {
    float: right;
    text-align: right;
}

/* .responsive-nt .table tbody tr td:first-child */

.responsive-nt .table tbody tr td.hover-hand {
    color: #0071BC;
}

.responsive-nt .table tbody tr td.hover-hand span {
    color: #333;
}

/* .responsive-nt .table td span {
    margin-left: 10px;
} */

.tablemain .tablebody .table,
.tablemain .tablebody .table-margin,
.padd-35 .tablemain .tablebody .table {
    margin-top: 25px;
}

.tablemain .tablebody.scroll-margins,
.tablemain .tablebody.scroll-margin {
    margin-top: 20px
}

.tablemain .scroll-margin {
    max-height: 380px;
    min-height: 200px;
}

.padd-35 .table thead tr th:last-child,
.padd-35 .table tbody tr td:last-child {
    padding-right: 0
}

/* .padd-35 .tablemain{
    min-height: inherit;
} */

.responsive-nt .table td .add-btn span {
    margin-left: 0;
    top: 4px
}

.responsive-nt .table td .add-btn {
    margin: 0 5px 0
}

.responsive-nt .table td .cancel-btn {
    margin: 0
}

.responsive-nt .table td i {
    margin-right: 5px;
    font-size: 1.2rem;
    vertical-align: middle;
}

.table td i.icon-approve {
    color: #8CC63F;
}

.table td i.icon-reject {
    color: #ED1C24;
}

.table td i.icon-pending {
    color: #7C7C7C;
}

.table td i.icon-reopen {
    color: #2E3192;
}

.table td i.icon-draft {
    color: #F15A24;
}

.responsive-nt .table td i.icon-stop,
.responsive-nt .table td i.icon-returnmaker {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    text-align: center;
    padding-top: 6px;
    display: inline-block;
    cursor: pointer;
    color: #333;
}

.responsive-nt .table td i.icon-stop:hover,
.responsive-nt .table td i.icon-returnmaker:hover {
    background: #E6E6E6;
}

.responsive-nt .table td i.icon-stop {
    font-size: 1.7rem;
}

.responsive-nt .table td i.icon-returnmaker {
    font-size: 2.1rem;
    margin-top: 2px;
}

.responsive-nt .table td i.icon-status-change {
    font-size: 1.6rem;
    color: #333;
    cursor: pointer;
}

.table-checkbox thead th:first-child {
    padding-top: 10px;
    padding-bottom: 4px;
}

.statuschange {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    width: 25px;
}

.statuschange.open .icon-status-change,
.statuschange .icon-close1 {
    display: none;
}

.statuschange .icon-close1 {
    font-size: 1rem;
    margin-top: 5px;
    cursor: pointer;
}

.statuschange.open .icon-close1 {
    display: inline-block;
}

.tableheader th span.sorting {
    font-size: 1.1rem;
    color: #4D4D4D;
    margin-left: 5px;
    display: inline-block;
    opacity: 0.7;
    cursor: pointer;
}

.dataTable thead .sorting:after,
.dataTable thead .sorting_asc:after,
.dataTable thead .sorting_desc:after,
.dataTable thead .sorting_asc_disabled:after,
.dataTable thead .sorting_desc_disabled:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e928";
    font-size: 1.1rem;
    color: #4D4D4D;
    opacity: 0;
    bottom: auto;
    display: inline-block;
    right: auto;
    margin-left: 10px;
    margin-top: 5px;
    vertical-align: middle;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

.dataTable thead:hover .sorting:after,
.dataTable thead:hover .sorting_asc:after,
.dataTable thead:hover .sorting_desc:after,
.dataTable thead:hover .sorting_asc_disabled:after,
.dataTable thead:hover .sorting_desc_disabled:after {
    opacity: 0.7;
}

table.table thead .text-align.sorting:after,
table.table thead .text-align.sorting_asc:after,
table.table thead .text-align.sorting_desc:after,
table.table thead .text-align.sorting_asc_disabled:after,
table.table thead .text-align.sorting_desc_disabled:after,
table.table thead .text-center.sorting:after,
table.table thead .text-center.sorting_asc:after,
table.table thead .text-center.sorting_desc:after,
table.table thead .text-center.sorting_asc_disabled:after,
table.table thead .text-center.sorting_desc_disabled:after,
.dataTables_scrollBody th:after {
    display: none !important;
}

.dataTables_scrollBody .dataTable {
    margin: 0 !important;
}

.statuschange .statuschange-list.dropdown-menu {
    top: 25px;
    box-shadow: 2px 3px 10px #aaa;
    border-color: #eee;
    border-radius: 0;
    padding: 0 12px;
}

.statuschange .statuschange-list.dropdown-menu p {
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #333;
    padding: 12px 4px;
    border-top: 1px solid #ccc;
    cursor: pointer;
}

.statuschange .statuschange-list.dropdown-menu p:first-of-type {
    border-top: 0;
}

.tableheader th span.sorting.active,
.dataTable thead .sorting_asc:after {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dataTables_scrollBody .mCSB_outside+.mCSB_scrollTools {
    right: -20px;
}

.dataTables_scrollBody .mCSB_inside>.mCSB_container {
    margin-right: 17px;
}

.dataTables_wrapper .dataTables_scroll {
    clear: both;
}

.dataTable,
.dataTable th,
.dataTable td {
    box-sizing: content-box;
}

.dataTables_wrapper {
    width: 100%;
}

.addparam-accordion .panel-group .panel,
.addparam-accordion .panel-default>.panel-heading {
    border-color: #ccc;
}

.addparam-accordion .panel-title>a {
    font-size: 1.5rem;
    font-family: "OpenSans-Regular";
    color: #4D4D4D;
    /* background: #E6E6E6; */
}

.addparam-accordion .panel-title>a {
    background: #fff;
}

.addparam-accordion .panel-title>a[aria-expanded="true"] {
    background: #e6e6e6;
}

.addparam-accordion .panel-title>a span.radiobutton {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    margin-right: 12px;
    /* border: 5px solid #374A5A; */
    border: 1px solid #ccc;
    vertical-align: middle;
}

.addparam-accordion .panel-title>a.collapsed span.radiobutton {
    border: 1px solid #ccc;
}

.addparam-accordion .panel-body {
    background: #F9F9F9;
}

.promolist-dropdown {
    float: left;
    position: relative;
    cursor: pointer;
}

.promolist-dropdown span.promoid-count {
    display: block;
    width: 17px;
    height: 17px;
    font-size: 1rem;
    font-family: "OpenSans-Regular";
    color: #fff !important;
    line-height: 17px;
    text-align: center;
    background: #27AAE1;
    cursor: pointer;
}

.promolist li {
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    color: #11495D;
    margin-bottom: 10px;
    font-weight: normal;
}

.promolist li:last-child {
    margin-bottom: 5px;
}

.promolist li span {
    font-size: 1.4rem;
    position: relative;
    top: 2px;
}

.promolist-dropdown .promolist.dropdown-menu {
    padding: 7px 12px 4px 12px;
    min-width: 165px;
    border: 1px solid rgba(204, 204, 204, .05);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    top: 21px;
    left: auto;
    right: 0px;
    border-radius: 5px;
}

.promolist-dropdown .promolist.dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 7px;
    content: "";
    /* border-bottom: 8px solid #f1f1f1;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent; */
}

/* .promolist-dropdown .promolist.dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 9px;
    content: "";
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
} */

.promolist-dropdown .promolist.dropdown-menu ul {
    max-height: 90px;
    overflow-y: auto;
}

.tablemain.promotiontable .tablebody .table {
    margin-bottom: 100px;
}

.promolist-dropdown .promolist.dropdown-menu ul::-webkit-scrollbar {
    width: 7px;
}

.promolist-dropdown .promolist.dropdown-menu ul::-webkit-scrollbar-track {
    background-color: #ddd;
}

.promolist-dropdown .promolist.dropdown-menu ul::-webkit-scrollbar-thumb {
    background-color: #808285;
}

.promolist-dropdown .promolist.dropdown-menu ul {
    scrollbar-color: #808285 #ddd;
    /* thumb and track color */
    scrollbar-width: thin;
}

.drop-after:after {
    display: none;
}

.table-checkfilter {
    position: absolute;
    top: 100%;
    left: 0;
    width: 225px;
    border: 1px solid #ccc;
    box-shadow: 1px 3px 5px #ccc;
    padding: 5px 5px 2px;
    background: #fff;
    z-index: 9;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

.table-checkfilter1 {
    left: 0;
    right: auto;
}

.table-checkfilter.active {
    opacity: 1;
    visibility: visible;
}

.table-checkfilter .searchbox input {
    border: 1px solid #E6E6E6;
    height: 28px;
    width: 100%;
    font-size: 1.1rem;
    font-family: "OpenSans-Regular";
    color: #333;
    line-height: 26px;
    padding: 0 10px;
    border-radius: 5px;
}

.tablesearch-content {
    padding-left: 5px;
    height: 125px;
    margin-top: 8px;
}

.tablesearch-content ul li {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}

.tablesearch-content ul li:first-child {
    margin-top: 0;
}

.tablesearch-content ul li label {
    font-size: 1.1rem;
    font-family: "OpenSans-Regular";
    color: #333;
    line-height: 10px;
    min-height: inherit;
}

.tablesearch-content ul li .checkbox {
    display: block;
}

.tablesearch-content ul li .checkbox .cr .cr-icon {
    margin-top: 1px;
}

.tablebody .mCSB_outside+.mCSB_scrollTools {
    right: 0;
}

.user-arrow {
    width: 20px;
    height: 16px;
    z-index: 2;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.user-arrow:after {
    content: '';
    background: #29ABE2;
    color: #fff;
    display: inline-block;
    font-size: 1.1rem;
    margin-left: 5px;
    width: 11px;
    height: 11px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}

.user-arrow:before {
    position: absolute;
    color: #fff;
    text-align: center;
    left: 0px;
    right: -1px;
    top: 3px;
}

.filter-close.user-arrow:before {
    content: "\e905";
    font-size: 0.5rem;
}

.filter-close.user-arrow:after {
    background: #F15A24;
}

.status-filter {
    width: 125px;
}

.status-filter .tablesearch-content {
    /* height: 87px; */
    height: auto;
    margin-top: 0px;
}

.tablesearch-content .checkbox-ll label:after {
    display: none;
}

table.table-subfolder thead .user-arrow {
    /* opacity:0; */
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 0.5rem;
}

.dataTable thead:hover .user-arrow {
    opacity: 1;
}

/*calendar*/

.dateselect {
    width: calc(100% - 90px);
    display: inline-block;
    padding-left: 15px;
    margin-bottom: 15px;
    position: relative;
}

.table-subfolder .dateselect span {
    margin: 0;
    right: 12px;
}

.calendar-fromto .btn-tranparent {
    color: #29abe2;
}

.calendar-fromto {
    width: 350px;
    height: 295px;
    padding: 7px 0;
}

.calendar-fromto .calendarbox {
    /* width:50%; */
    display: inline-block;
    padding: 0
}

.calendar-fromto .calendarbox .fc .fc-daygrid-day-number {
    padding: 2px 0 0;
}

.calendar-fromto .calendarbox .fc-theme-standard td {
    padding: 3px;
    border-radius: 3px;
}

.calendar-fromto .fc .fc-button-group,
.calendar-fromto .calendarbox .fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 2px;
    width: 100%;
    display: inline-block;
    padding-left: 0;
    position: relative;
}

.calendar-fromto .calendarbox .fc .fc-col-header-cell-cushion {
    padding: 3px;
    font-size: 1.2rem;
    color: #000;
    font-family: 'OpenSans-Bold';
}

.calendar-fromto .calendarbox .fc .fc-toolbar .fc-button.fc-today-button {
    display: none;
}

.calendar-fromto .calendarbox .fc .fc-toolbar-title {
    padding-left: 0;
    text-align: center;
}

.calendar-fromto .calendarbox .fc .fc-toolbar .fc-button.fc-prev-button {
    position: absolute;
    left: -12px;
    top: -30px;
    color: #000
}

.calendar-fromto .calendarbox .fc .fc-toolbar .fc-button.fc-next-button {
    position: absolute;
    right: 2px;
    top: -30px;
    color: #000
}

.calendar-fromto .fc .fc-view-harness {
    margin-top: -12px
}

.calendar-fromto tbody tr tr:hover,
.calendar-fromto tbody tr:hover {
    background: inherit !important;
}

.calendar-fromto tbody tr tbody tr td:hover {
    background: #ddd;
}

.calendar-fromto .fc .fc-daygrid-day.fc-day-today {
    background: #29abe2;
    border-radius: 3px;
}

.calendar-fromto .fc .fc-daygrid-day.fc-day-today a {
    color: #fff;
}

.form-control {
    background: #FFFFFF;
    border-color: rgb(204 204 204 / 0.5);
    border-radius: 3px;
    height: 2.6rem;
    font-size: 1.2rem;
    font-family: "OpenSans";
    color: #4D4D4D;
    box-shadow: none;
}

.back-btn span {
    margin-right: 12px;
    font-size: 1.8rem;
    position: relative;
    top: 2px;
    color: #333;
}

.checkbox-ll label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox-ll .cr,
.radio .cr {
    position: relative;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3rem;
    height: 1.3rem;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox-ll .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: 0.6rem;
    line-height: 0;
    top: 50%;
    left: 0.3rem;
}

.checkbox-ll label {
    padding-left: 0
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox-ll label input[type="checkbox"],
.radio label input[type="radio"] {
    opacity: 0;
}

.checkbox-ll label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox-ll label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale(1.4) rotateZ(0deg);
    opacity: 1;
    color: #666666;
}

.checkbox-ll label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
    opacity: .5;
}

.modal-content {
    width: 100%;
    display: inline-block;
}

.notify-modal .modal-header {
    border: none
}

.notify-modal.modal-dialog {
    width: 320px;
    margin: 75px auto;
}

.notify-modal.modal-dialog.modal-medium {
    width: 60%;
    text-align: center;
}

.left-alignmodal .modal-medium .modal-content {
    padding: 0px 25px
}

.modal-medium .modal-body {
    padding: 15px 0;
}

.modal-medium .modal-heading {
    padding: 20px 0 15px 0;
}

.close {
    font-size: 1.3rem;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #4d4d4d;
    opacity: 0.9;
    margin-top: 5px;
}

.close25 {
    right: 25px;
}

.notify-modal.notify-modallg.modal-dialog {
    width: 80%;
}

.notify-modal.notify-modallg .modal-body h4 {
    border-bottom: 1px solid #4d4d4d;
    padding-bottom: 8px;
    margin-bottom: 0;
}

.notify-modal .modal-content {
    border-radius: 0;
    padding: 0 15px;
    width: 100%;
    display: inline-block;
}

.notify-modallg .modal-body {
    text-align: left;
    padding: 8px 15px;
}

.modal.in .create-new {
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    -o-transform: translate(0, 40px);
    transform: translate(0px, 40px);
}

.create-new .modal-content {
    border-radius: 0;
}

.create-new .close {
    font-size: 1.6rem;
}

.create-new .modal-header {
    background: #29ABE2;
    color: #fff;
    font-family: 'OpenSans-Bold';
    border-bottom: none;
}

.create-new .modal-title {
    font-size: 1.6rem;
}

.single-item {
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 4rem 0;
    padding: 0 5px;
}

.createnew-group {
    display: flex;
}

.createnew-item {
    position: relative;
    transition: all 0.4s;
}

.createnew-item:hover {
    background: #f1f1f1;
}

.single-item h4 {
    margin: 1.8rem 0 0.8rem;
    font-size: 1.45rem;
    font-family: "OpenSans-Bold";
    text-transform: uppercase;
    color: #000;
}

.single-item p {
    margin: 0px 0 7px;
    font-size: 1.1rem;
    font-family: "OpenSans";
    color: #000000;
    padding: 0;
}

.single-item img.singleimage {
    width: 7rem;
}

.single-item img.multipleimage,
.single-item img.icon-download {
    width: 8.5rem;
}

.create-new .close {
    color: #fff;
    opacity: 1;
    outline: none;
}

.chk-bottom {
    align-self: flex-end;
    position: absolute;
    margin-bottom: 4px;
}

/*toggle button*/

.tgl-group span {
    margin-top: 5px;
    float: left;
}

.tgl {
    opacity: 0;
    position: absolute;
    left: 15px;
}

.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl+.tgl-btn {
    box-sizing: border-box;
}

.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl *::-moz-selection,
.tgl *:after::-moz-selection,
.tgl *:before::-moz-selection,
.tgl+.tgl-btn::-moz-selection {
    background: none;
}

.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl+.tgl-btn::selection {
    background: none;
}

.tgl+.tgl-btn {
    outline: 0;
    display: block;
    width: 35px;
    height: 15px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    margin-top: 2px
}

.tgl+.tgl-btn:after,
.tgl+.tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 40%;
    height: 100%;
}

.tgl+.tgl-btn:after {
    left: 0;
}

.tgl+.tgl-btn:before {
    display: none;
}

.tgl:checked+.tgl-btn:after {
    left: 60%;
}

.tgl-light+.tgl-btn {
    background: #b1b1b1;
    border-radius: 2em;
    padding: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    float: left;
    margin-right: 10px;
}

.tgl-light+.tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.tgl-light:checked+.tgl-btn {
    background: #4caf50;
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 360px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
}

.modal.right .modal-body {
    padding: 15px 15px 80px;
}

.modal.right .close {
    left: -29px;
    font-size: 2.5rem;
    color: #fff;
    top: 7px;
    position: absolute;
    opacity: 1;
}

.form-library,
.library-head,
.library-search,
.library-body {
    width: 100%;
    display: inline-block;
    margin: 10px 0;
}

.library-body {
    margin-top: 0
}

.ff-height {
    height: 400px
}

.library-height {
    min-height: 23rem;
    margin-top: 10px
}

.library-height .panel-group {
    margin-bottom: 0;
}

.form-library {
    background: #fff;
    padding: 12px 22px;
    margin: 0 8px 30px;
    border-radius: 3px;
    width: calc(100% - 16px);
}

.basic-tab .form-library {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.add-library {
    width: calc(100% + 15px);
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
}

.library-head h5 {
    font-size: 1.8rem;
    font-family: "OpenSans-SemiBold";
    display: inline-block;
}

.library-head img {
    float: right;
    margin-left: 10px;
}

.library-search {
    position: relative;
    margin-bottom: 20px;
}

.library-search input {
    width: 100%;
    display: inline-block;
    background: #F4F6FB;
    border-radius: 1rem;
    height: 3.5rem;
    border-color: #e2e2e2;
}

.library-search span {
    position: absolute;
    right: 1.2rem;
    bottom: 1.2rem;
    font-size: 1.3rem;
}

.folder-img {
    margin: -0.3rem 0.5rem 0 -1rem;
    background: url(../images/folder.svg) no-repeat;
    background-size: 100%;
    width: 2.6rem;
    float: left;
    height: 2rem;
    margin-left: -6px !important;
    cursor: pointer;
}

.acc-view.active .folder-img {
    background: url(../images/folder-expand.svg) no-repeat;
}

/* .folder-exp{
    display: inline-block;
    margin: -3px 5px 0 -6px !important;
    background: url(../images/folder-expand.svg) no-repeat;
    width: 26px;
    float: left;
    height: 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
} */

.arrow-icon {
    float: right;
    font-size: 1.2rem;
}

.folder-panel {
    border: none;
    box-shadow: none;
}

.folder-panel .panel-heading {
    padding: 10px 5px;
    background-color: transparent;
    border: none;
}

.folder-panel .panel-title {
    font-size: 1.2rem;
    font-family: "OpenSans-Bold";
    color: #4D4D4D;
}

.arrow-icon {
    font-size: 0.8rem;
}

.folder-panel .panel-body {
    border: none !important;
    padding: 0px 10px;
}

.table-subfolder table {
    width: 100%
}

.panel-body .table-subfolder1 {
    width: 97%;
}

.table-subfolder {
    font-family: 'OpenSans';
    width: 100%;
    border: none;
    float: right;
    transition: all 0.5s;
    margin: 1px 0 7px;
}

.table-subfolder span {
    margin: 0 7px 0 0;
}

.table-subfolder tbody tr td {
    font-family: 'OpenSans-Semibold';
    color: #999999;
    padding: 6px 8px;
}

.table-subfolder.table-subfolder1 tbody tr td {
    border: none;
    border-bottom: 1px solid #ddd;
}

.table-subfolder tbody tr.tr-gray td,
.table-subfolder.table-subfolder1 {
    border-top: 1px solid #ddd;
}

.icon1view a {
    font-size: 1.4rem;
    color: #666;
    margin: 0 4px
}

.icon1view {
    text-align: right;
    opacity: 0;
    transform: translate3d(5px, 0px, 1px);
    transition: all 200ms linear 0ms;
}

.active-btn {
    font-size: 1.1rem;
    padding: 4px 7px;
    border-radius: 10px;
    background: #000;
    color: #fff;
    border: none;
    outline: none;
    line-height: 12px;
    opacity: 0;
    transition: all 200ms linear 0ms;
    margin-left: 10px;
}

.table-subfolder tbody tr:hover .active-btn {
    opacity: 1;
}

.table-subfolder tbody tr:hover td[data-th="Name"],
.table-subfolder1 tr:hover td:first-child {
    color: #29ABE2;
}
.icon1view .linkview {
    font-size: 1.2rem;
}

.table-subfolder tbody tr:hover td[data-th="Name"] span {
    color: #999;
}

.table-subfolder tr:hover .icon1view {
    opacity: 1;
    transform: translate3d(0px, 0px, 1px);
    transition: all 200ms linear 0ms;
}

.icon1view-sch a {
    font-size: 1.5rem;
    color: #000;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 4px;
    line-height: 25px;
    text-align: center;
    transition: all 210ms linear 0ms;
}

.icon1view-sch a:hover {
    background: #D7E9FF;
}

.icon1view-sch span {
    margin-right: 0
}

.icon1view-sch .icon-more {
    font-size: 1.3rem;
    color: #CCC;
}

.icon1view a:nth-child(1) {
    transition: all 210ms linear 0ms;
}

.icon1view a:nth-child(2) {
    transition: all 220ms linear 0ms;
}

.icon1view a:nth-child(3) {
    transition: all 230ms linear 0ms;
}

.icon1view a:nth-child(4) {
    transition: all 240ms linear 0ms;
}

.icon1view a:nth-child(5) {
    transition: all 250ms linear 0ms;
}

.icon1view a:nth-child(6) {
    transition: all 260ms linear 0ms;
}

/*form management*/

.table-subfolder td.td-active i {
    margin-right: 6px;
}

.td-active .fa-check {
    color: #8DC044;
}

.td-active .fa-times {
    color: #E5262A;
}

.folder-new .panel-title {
    display: inline-block;
}

.folder-new .panel-heading {
    padding: 0
}

.table-subfolder>tbody>tr>td,
.table-subfolder tbody tr td {
    border: none
}

.job-queue .table>.thead-white>tr>th {
    padding: 2px 8px 0px;
}

.table>.thead-white>tr>th {
    background: transparent;
    border-top: none !important;
    font-size: 1.3rem;
    font-family: "OpenSans";
    color: #808080;
    padding: 5px 8px;
}

.table-subfolder th .checkbox {
    margin: 2px 0 0
}

.table-subfolder td .checkbox {
    margin: 3px 0;
    opacity: 0;
}

.table-subfolder tr:hover td .checkbox,
.table-subfolder>tr>td>tr:hover td .checkbox,
.table-subfolder>tr:hover td .checkbox {
    opacity: 1;
}

.table-subfolder tr tr:hover,
.table-subfolder tr tr tr:hover,
.tr-gray {
    background: #F4F6FB;
}

.table-subfolder tr.tr-gray td {
    border-top: 2px solid #fff;
}

.tr-gray .folder-img {
    margin-top: 6px
}

.manage-search {
    display: inline-block;
    width: calc(100% - 30px)
}

.manage-search input {
    height: 30px;
    display: inline-block;
    width: calc(100% - 50px);
    border-color: #d8d8d8;
}

.manage-search button {
    background: #29ABE2;
    padding: 3px 6px;
    margin-left: 5px;
    color: #fff;
    border-radius: 4px;
    border: none;
    display: inline-block;
    font-size: 1.1rem;
    width: 40px;
    height: 27px;
}

.click-td {
    cursor: pointer;
    font-size: 1rem;
    padding: 5px 0;
}

.click-td.icon-close1 {
    font-size: 0.9rem;
    color: #e08f8f;
}

.group-view.active,
.tbody-open.active {
    height: auto;
    border: none;
    position: relative;
    visibility: visible;
}

.group-view,
.tbody-open {
    height: 0;
    position: absolute;
    visibility: hidden;
    left: 0;
}

.group-view table,
.tbody-open table {
    width: 100%
}

.group-view.active td,
.tbody-open.active td {
    border: none;
}

table>tbody>tr.group-view.active>td,
table>tbody>tr.tbody-open.active>td {
    background: transparent;
    padding: 0;
}

/*recent section*/

.recent-part {
    width: calc(100% + 10px);
    display: inline-block;
    background: #fff;
    padding: 10px;
    margin: 5px 0 10px;
    border-radius: 5px;
    position: relative;
    transition: all 250ms ease-in;
    overflow: hidden;
}

.recent-body {
    width: 100%;
    display: inline-block;
}

.recent-head {
    color: #617087;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.recent-head a {
    float: right;
}

.recent-body {
    min-height: 9.5rem;
}

.recent-body h4 {
    font-size: 1.4rem;
    font-family: "OpenSans-SemiBold";
    color: #4D4D4D;
    margin-bottom: 1rem;
}

.recent-body p {
    font-size: 1rem;
    font-family: "OpenSans-Light";
    color: #4D4D4D;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0.8rem;
}

.recent-footer {
    color: #617087;
    font-size: 1rem;
    font-family: "OpenSans-Regular";
}

.recent-part:hover .recent-hover {
    opacity: 1;
    transform: translate3d(0px, 0px, 1px);
    transition: all 200ms linear 200ms;
}

.recent-hover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.66);
    transform: translate3d(0px, 30px, 1px);
    transition: all 200ms linear 0ms;
    border-radius: 5px;
}

.recent-btn {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    width: 100%;
    display: inline-block;
    transition: all 250ms ease-out;
}

.recent-btn a {
    background: #fff;
    color: #11495D;
    padding: 5px 25px;
    display: inline-block;
    border-radius: 5px;
    font-family: 'OpenSans-Bold';
}

.dupli-btn {
    width: 100%;
    display: inline-block;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    transition: all 270ms ease-out;
}

.dupli-btn a {
    font-size: 1.2rem;
    font-family: "OpenSans-SemiBold";
    color: #fff;
}

.recent-part:hover .recent-btn {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: all 250ms linear 250ms;
}

.recent-part:hover .dupli-btn {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
    transition: all 250ms linear 250ms;
}

.recent-pagination {
    width: 100%;
    display: inline-block;
    padding: 4px 10px;
    margin: 10px 0
}

.recent-pagination ul li,
.recent-pagination button {
    background: transparent;
    border: none;
    padding: 6px 5px;
    margin-right: 10px;
    display: inline-block;
    color: #000;
    border-radius: 3px;
    min-width: 30px;
    text-align: center;
    font-size: 0.9rem;
    font-family: "OpenSans-SemiBold";
    line-height: 16px;
}

.recent-pagination button {
    font-size: 1.1rem;
}

.recent-pagination ul {
    display: inline-block;
}

.recent-pagination ul li.active {
    background: #29ABE2;
    color: #fff;
}

/*browse button*/
.file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 38px;
    border: 1px solid #ddd;
    border-radius: 7px;
    margin-bottom: 30px;
    display: inline-block;
}

.file-upload-wrapper:after {
    content: attr(data-text);
    font-size: 1.4rem;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 10px 15px;
    display: block;
    width: calc(100% - 75px);
    pointer-events: none;
    z-index: 20;
    height: 35px;
    color: #333;
    border-radius: 5px 10px 10px 5px;
}

.file-upload-wrapper:before {
    content: 'Browse';
    position: absolute;
    top: -2px;
    right: 0;
    display: inline-block;
    height: 40px;
    background: #4D4D4D;
    color: #fff;
    z-index: 25;
    font-size: 1.3rem;
    padding: 10px 15px;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
    width: 100px;
    text-align: center;
    cursor: pointer;
}

.file-upload-wrapper:hover:before {
    background: #333;
}

.file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    bottom: 0;
    z-index: 99;
    height: 40px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
}

.file-upload-wrapper p {
    position: absolute;
    bottom: -25px;
    width: 100%;
    color: #999999;
    font-size: 1.2rem;
}

.h2-tt {
    font-size: 1.6rem;
    font-family: "OpenSans-Bold";
    margin: 20px 0 10px
}

/*color picker*/
.summary-info {
    /* max-width: 270px; */
    /* padding: 15px; */
    border-radius: 5px;
    display: flex;
    box-sizing: border-box;
}

.select-pic {
    border: 4px solid #fff;
    padding: 3px;
    margin-right: 10px;
    flex: 75px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    border-right: 0;
}

.open-circle {
    border-radius: 0px;
    height: 35px;
    width: 60px;
    margin-right: 10px;

}

.pic-button {
    width: 20px;
    height: 35px;
    padding-left: 2px;
    margin-right: 0;
    text-align: center;
    vertical-align: bottom;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 1.1rem;
    color: #949494;
}

.info-color {
    width: calc(100% - 40px);
}

.color-picker {
    position: relative;
    min-height: 150px;
}

.style-pic {
    color: #000;
    align-items: center;
    display: flex;
    height: 45px;
}

.style-value {
    color: #595b65;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 1.3rem;
    margin: 0 10px;
}

.circle {
    height: 32px;
    width: 32px;
    box-sizing: border-box;
    border: 2px solid #ffffff;
    cursor: pointer;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
    transition: all 0.5s;
}

.circle:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.19);
    transform: scale(1.1);
}

.opened {
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    max-width: 300px;
    padding: 15px;
    box-sizing: border-box;
    position: absolute;
    display: none;
    transition: all 0.7s;
    margin: 15px 0 30px;
    border-radius: 5px;
    z-index: 99;
}

.opened.active {
    display: block;
}

.opened:after {
    border: 12px solid transparent;
    border-bottom: 12px solid #ddd;
    content: '';
    left: 14px;
    position: absolute;
    top: -24px;

}

.opened:before {
    border: 11px solid transparent;
    border-bottom: 10px solid #fff;
    content: '';
    left: 15px;
    position: absolute;
    top: -21px;
    z-index: 1;
}

.colors {
    display: flex;
    flex-wrap: wrap;
}


.circle:nth-child(5n) {
    margin-right: 0;
}

.hex-code {
    display: flex;
    margin-top: 20px;
}

.hex-code button {
    width: 100px;
    text-align: center;
    font-size: 1.4rem;
    line-height: 45px;
    background: #395672;
    color: #fff;
}

.g-input {
    border: 1px solid #e8ebed;
    height: 45px;
    border-radius: 5px;
    width: calc(100% - 100px);
}

.hex-code .g-input input {
    border: none;
    width: 100%;
    margin-top: 14px;
    text-transform: uppercase;
    padding: 0 7px;
    outline: none;
    text-align: left;
    letter-spacing: 1.5px;
    color: #595b65;
    box-sizing: border-box;
}

/*filter*/

.top-filter {
    width: 100%;
    display: inline-block;
    margin: 5px 0;
}

.folder-drop,
.filter-left {
    display: inline-block;
}

.filter-left .btn-primary {
    margin: 0 10px 5px 0
}

.folder-drop .dropdown {
    color: #000;
    font-size: 1.1rem;
    margin-bottom: 5px;
}

.folder-drop button {
    background: transparent;
    padding: 0 25px 0 10px;
    color: #000;
    font-size: 1.3rem;
    outline: none;
    font-family: 'OpenSans-Semibold';
    min-width: 80px;
    max-width: 130px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    position: relative;
}

.folder-drop button i {
    margin-right: 0px;
    font-size: 1.1rem;
    color: #999999;
    margin-left: 10px;
    float: right;
    padding-top: 4px;
    position: absolute;
    right: 0px;
}

.folder-drop button i.icon-close1 {
    font-size: 0.9rem;
}

.filter-right {
    display: inline-block;
    margin: 7px 0 0;
    float: right;
}

/*job queue*/

.basic-tab {
    width: 100%;
    display: inline-block;
    padding: 0 8px;
}

.basic-tab.securitytab {
    display: block;
}

.basic-tab .nav-tabs {
    border: none;
    padding: 0 5px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.basic-tab .nav-tabs a {
    font-size: 1.4rem;
    font-family: "OpenSans-Semibold";
    color: #808080;
    padding: 7px 16px;
    position: relative;
    transition: all 200ms ease-in;
    display: inline-block;
    border: none;
}

.basic-tab .nav-tabs>li.active>a,
.basic-tab .nav-tabs>li.active>a:focus,
.basic-tab .nav-tabs>li.active>a:hover,
.basic-tab .nav>li,
.basic-tab .nav>li>a:focus,
.basic-tab .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    border: none;
    outline: none;
    color: #000;
}

.basic-tab .nav-tabs>li>a.active:after,
.basic-tab .nav-tabs a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 10px;
    height: 3px;
    background: #29ABE2;
    transition: all 250ms ease-out;
}

.basic-tab .nav-tabs>li.active>a:after,
.basic-tab .nav-tabs a:hover:after {
    width: calc(100% - 20px);
    right: 10px;
    margin: 0;
}

.folder-drop .btn-orange {
    color: #F15A24;
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
}

.job-content .folder-drop {
    margin-right: 10px;
    color: #000;
    font-size: 1.1rem;
}

.job-content .filter-right {
    margin: 0
}

.filter-right .dropdown-menu li {
    display: block;
}



/*sort by search */

.search-input {
    float: left;
    position: relative;
    margin: 0px 10px 10px 0;
    width: 30px;
    height: 30px;
    background: #F0F4FC;
    text-align: center;
    border-radius: 5px;
}

.search-input input {
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #333;
    height: 40px;
    width: calc(100% - 67px);
    padding: 3px 15px;
    float: left;
}

.searchexpand {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 38px;
    left: 1px;
    width: 400px;
    z-index: 99;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

.search-input.active .searchexpand {
    opacity: 1;
    visibility: visible;
}

.searchexpand button {
    float: right;
    border: 0;
    outline: 0;
    background: #29ABE2;
    width: 67px;
    height: 40px;
    font-size: 2.2rem;
    line-height: 40px;
    color: #fff;
    text-align: center;
    box-shadow: none;
}

.searchexpand button:hover {
    background: #29ABE2;
}

.searchexpand button i {
    display: inline-block;
}

.search-input span {
    font-size: 1.6rem;
    color: #1E55AD;
    position: absolute;
    left: 0px;
    width: 30px;
    text-align: center;
    top: 7px;
    z-index: 3;
    cursor: pointer;
    margin-right: 0
}

.search-input.active span.icon-search {
    display: none;
}

.search-input .closesearch {
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: 1.1rem;
    top: 11px;
    display: none;
}

.search-input.active .closesearch {
    display: block;
}

/* default select */
.select-default {
    position: relative;
}

/* .select-default span{
    position: absolute;
    width:30px;
    height:30px;
    right:0;
    display: flex;
    align-items: center;
    justify-content: center;

} */
.select-default .selectpicker {
    width: 80%;
}

.select-default .selectpicker .p-dropdown {
    background: transparent;
    border: none;
    height: 27px;
}

.myjoblist-main .userList .leftSide .select-default .selectpicker ul li {
    width: 100%;
    background: transparent;
    font-size: 1rem;
    height: 26px;
    position: relative;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-default .p-dropdown-items-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
}

.myjoblist-main .userList .leftSide .select-default .selectpicker ul li span {
    width: 100%;
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*job queue*/
.job-queue .p-datatable table tr,
.job-queue .p-datatable table {
    border-collapse: separate;
    border-spacing: 0 3px;
    margin-bottom: 20px;
}

.job-body .checkbox {
    display: inline-block;
}

.job-queue .p-datatable .p-datatable-thead>tr>th {
    border-bottom: none;
    background: transparent;
    border-top: none !important;
    font: 1.1rem 'OpenSans';
    color: #808080;
    padding: 2px 8px 0px;
}

.job-queue .p-datatable .p-datatable-thead>tr>th:hover {
    background: #fff;
    outline: inherit !important;
}

.star-btn {
    width: 30px;
    display: inline-block;
    background: url(../images/star.svg) center center no-repeat;
    margin-top: 4px;
    height: 30px;
    outline: none;
    border: none
}

.star-btn.active {
    background: url(../images/starfill.svg) center center no-repeat;
}

.job-queue .p-datatable table tbody {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
}

.job-queue .p-datatable table tr td:first-child {
    border-top-left-radius: 7px;
    border-left: 1px solid #ddd;
    border-bottom-left-radius: 7px;
}

.job-queue .p-datatable table td:last-child {
    border-top-right-radius: 7px;
    border-right: 1px solid #ddd;
    border-bottom-right-radius: 7px;
}

.job-queue .p-datatable table tr td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 3px 8px;
}

.job-queue .p-datatable table .hidden-joblist td {
    background: none;
    padding: 4px 8px;
    border-top: 0;
    /* border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; */
}

/* .job-body tr{
    border:1px solid #f1f1f1;
    border-radius: 5px;
} */

.project-info{
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #000;
    margin: 4px 0 2px 0;
    display: flex;
    align-items: center;
    padding: 0;
}


.job-project-info {
    width: 100%;
    text-transform: capitalize;
}
.project-info-header{
    padding: 0;
    font-family:"OpenSans-Semibold";
}

.job-detail {
    width: 100%;
    display: inline-block;
    font-size: 18px;
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
}

.job-detail p {
    font-size: 1.1rem;
    font-family: "OpenSans";
    color: #4D4D4D;
    margin-bottom: 5px;
    width: 100%;
}

.job-detail .job-list1 {
    font-size: 1.3rem;
    color: #009BFA;
    font-weight: normal;
    font-family: "OpenSans-Regular";
}

.job-detail .job-list1 span {
    color: #000000;
    padding-left: 7px
}

.job-detail .job-list1 i {
    color: #ccc;
    padding-left: 5px;
    font-style: inherit;
}

.job-detail .job-bold {
    font-size: 1.3rem;
    font-family: "OpenSans-Semibold";
    color: #000;
    font-weight: normal;
}

.job-detail .job-fnt13 {
    font-size: 1.3rem;
    color: #000;
    font-family: "OpenSans-Semibold";
    font-weight: normal;
}

.job-detail .job-fnt13.jobother-text {
    font-family: "OpenSans-Regular";
    font-weight: normal;
}
.job-fnt13 .jobother-text:-webkit-scrollbar{
    overflow: scroll;
}

.job-detail .job-fnt13.jobother-text.recurringjob-para,
.recurringjob-para+.promolist.dropdown-menu p {
    width: 100%;
    line-height: inherit;
}

.promolist-dropdown .promolist.dropdown-menu:before {
    right: 6px;
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    border-top: 1px solid #9f9f9f;
    border-left: 1px solid #9f9f9f;
}

/* .promolist-dropdown .promolist.dropdown-menu:after {
    right: 6px;
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    border-top: 1px solid #9f9f9f;
    border-left: 1px solid #9f9f9f;
} */

.job-detail .btn-primary {
    background: #242956;
    font-size: 1.3rem;
    font-family: "OpenSans-Semibold";
    min-width: 100px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    line-height: 1;
}

.btn-tranparent {
    background: transparent;
    border: none;
    color: #808080;
    font-size: 1.3rem;
    font-family: "OpenSans-Semibold";
}

.dateassign span {
    width: 21px;
    height: 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #29ABE2 !important;
    color: #fff !important;
    border-radius: 7px !important;
    font-size: 1.3rem;
}

.dateassign .jobprocess-bg {
    background: #00A99D !important;
}

.dateassign .job-bgorange {
    background: #F7931E;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    font-size: 1.6rem;
}

.dropdownjob-left .promolist-dropdown .promolist.dropdown-menu {
    right: auto;
    left: 0;
    top: 30px;
}

.dropdownjob-left .promolist-dropdown .promolist.dropdown-menu:before {
    right: auto;
    left: 7px;
}

.dropdownjob-left .promolist-dropdown .promolist.dropdown-menu:after {
    right: auto;
    left: 9px;
}

.dropdownjob-left .promolist li h6 {
    font-family: "OpenSans-Bold";
    color: #4d4d4d;
}

.dropdownjob-left .promolist li a {
    color: #29abe2;
    text-transform: capitalize;
    font-size: 1.2rem;
}

.dropdownjob-left .promolist li,
.hidden-joblist p {
    font-family: 'OpenSans-Regular';
}

.hidden-joblist .job-bold {
    color: #808080;
    font-size: 1.3rem;
    font-family: "OpenSans-Semibold";
}

.p-datatable .p-datatable-tbody>tr.hidden-joblist {
    background: #FAFCFF;
    min-height: 100px;
    height: auto !important;
}

.hidden-joblist .job-detail {
    margin-bottom: 8px;
}

.job-footer {
    background: #EDF2F7;
    text-align: right;
    padding: 8px 15px 0;
    margin-top: 0;
}

.hidden-joblist.in {
    border-top: none;
    border-bottom: 1px solid #f1f1f1 !important
}

.hidden-joblist.in td {
    padding: 15px 0 0 !important;
}

.job-contact {
    width: 100%;
    display: inline-block;
    transform: rotateY(20px);
}

.job-tittle {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #11495D;
    margin: 3px 0;
    text-transform: uppercase;
}

.job-tittle .promolist-dropdown.dateassign {
    color: #000;
    font-family: "OpenSans-Regular";
}

.job-semibold {
    text-transform: capitalize;
    font-family: "OpenSans";
}

.job-info li,
.job-info {
    width: 100%;
    display: inline-block;
    margin: 4px 0;
    color: #000000
}

.job-info li {
    font-size: 1.2rem;
}

.contact-infoal,
.job-info span {
    padding-top: 5px;
    width: 2.5rem !important;
    height: 2.6rem;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    display: inline-block;
    font-size: 1.4rem;
    color: #fff;
    vertical-align: middle;
    line-height: 1.2;
}

.contact-infoal {
    margin-right: 7px
}

.cont-name {
    font-size: 1.5rem;
    font-family: "OpenSans-Bold";
}

.cont-name span {
    background: #EFECE8;
    color: #C6C3BD;
    font-size: 2rem;
}

.actual-duration {
    width: 100%;
    display: inline-block;
    margin-top: 12px;
}

.duration-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
}

.customSlideShow.taskInfo .SlideShow-body .contact-personpopup .duration-item h6,
.duration-item h6 {
    color: #808080;
    font-size: 1.1rem;
    font-family: "OpenSans-Semibold";
    margin: 1px 0
}

.customSlideShow.taskInfo .SlideShow-body .contact-personpopup .duration-item p,
.duration-item p {
    color: #000;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    margin: 1px 0
}

.duration-link a,
.job-info li a {
    color: #009BFA;
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    margin: 10px 0;
    display: inline-block;
}

.job-boardpopup .duration-link a {
    margin: 5px 0;
}

.customSlideShow.taskInfo .job-boardpopup h3 {
    margin: 20px 0 8px
}

.submit-list {
    background: #EDF3F9;
    padding: 12px;
    border-bottom: 1px solid #ddd;
    border-radius: 3px;
}

.submit-list:last-child {
    border: none
}

.submit-list p {
    color: #808080;
    font-size: 1.3rem;
    font-family: "OpenSans";
    display: inline-block;
}

.submit-list .btn-tranparent {
    color: #8CC63F;
    font-size: 1.1rem;
    font-family: "OpenSans-Bold";
    float: right;
}

.contact-person {
    display: flex;
}

.contact-person .actual-duration {
    margin-top: 0
}

.contact-person .duration-item p {
    margin-bottom: 0;
}

/*** form creation steps ***/

.pagecontainer.formcontainer {
    background: url("../images/formbg.png") no-repeat 20px top;
    background-size: cover;
}

.info-checklist {
    float: left;
}

.info-checklist h3 {
    font-size: 1.6rem;
    font-family: "OpenSans-Bold";
    color: #333;
}

.info-checklist h3 i.icon-form-leftarrow {
    font-size: 1rem;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
}

.info-checklist h3 a.editicon {
    display: inline-block;
    font-size: 1.2rem;
    color: #333;
    margin-left: 5px;
}

.info-checklist h3 a.editicon:hover,
.info-checklist h3 i.icon-form-leftarrow:hover {
    color: #29ABE2;
}

.formcontrols {
    float: right;
    margin-right: 5px;
}

.formcontrols ul li {
    float: left;
    margin-right: 10px;
}

.formcontrols ul li a {
    display: inline-block;
    vertical-align: middle;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    line-height: 2.5rem;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.formcontrols ul li a:hover {
    background: #29ABE2;
}

.formcontrols ul li a i {
    font-size: 1.6rem;
    color: #808080;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.formcontrols ul li a:hover i {
    color: #fff;
}

.formwrapper {
    display: block;
    width: 65rem;
    min-height: 58.8rem;
    border: 0.5px solid rgba(153, 153, 153, 0.5);
    background: #fff;
    margin: 40px auto 0;
    position: relative;
    padding: 18px 15px;
    height: auto;
}

.form-innerwrapper {
    display: inline-block;
    width: 100%;
    border: 2px dashed rgba(153, 153, 153, 0.3);
    height: 100%;
    min-height: 55rem;
    vertical-align: middle;
    padding-bottom: 15px;
}

.formempty-text {
    width: 30rem;
    margin: 32% auto 0;
    text-align: center;
}

.formempty-text i {
    font-size: 2.6rem;
    color: #333;
    display: inline-block;
    margin-bottom: 10px;
}

.formempty-text p {
    display: block;
    font-size: 1.6rem;
    font-family: "OpenSans-Light";
    color: #4D4D4D;
}

.form-elements {
    position: fixed;
    top: 0;
    left: 6.7rem;
    width: 27.5rem;
    height: 100%;
    padding: 0 14px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.form-elements.openelements {
    opacity: 1;
    visibility: visible;
}

.elements-header {
    padding: 16px 0;
    border-bottom: 1px solid #666;
    display: inline-block;
    width: 100%;
}

.elements-header h2 {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #11495D;
    float: left;
}

.elements-header .element-close {
    float: right;
    cursor: pointer;
}

.elements-header .element-close i {
    display: inline-block;
    font-size: 1rem;
    color: #4d4d4d;
}

.formelements-list {
    display: inline-block;
    width: 100%;
    font-size: 0;
    height: calc(100% - 56px);
}

.formelements-list li {
    float: left;
    width: 100%;
    padding: 12px 8px;
    border-bottom: 0.5px solid rgba(230, 230, 230, 0.5);
    cursor: move;
    user-select: none;
}

.formelements-list li p {
    font-size: 1.2rem;
    font-family: "OpenSans-SemiBold";
    color: #4D4D4D;
    float: left;
    line-height: 2.4;
}

.formelements-list li p i {
    font-size: 1.6rem;
    color: #4D4D4D;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    line-height: 2;
    text-align: center;
    background: rgba(113, 66, 136, 0.2);
}

.formelements-list li p i.icon-Section-Header {
    background: rgba(1, 170, 184, 0.2);
    color: #01aab8;
}

.formelements-list li p i.icon-form-singleline {
    background: rgba(255, 50, 124, 0.2);
    color: #ff327c;
}

.formelements-list li p i.icon-form-numaric {
    background: rgba(104, 72, 213, 0.2);
    color: #6848d5;
}

.formelements-list li p i.icon-form-email {
    background: rgba(68, 183, 94, 0.2);
    color: #44b75e;
}

.formelements-list li p i.icon-Phone {
    background: rgba(252, 196, 67, 0.2);
    color: #fcc443;
}

.formelements-list li p i.icon-drop_down-01 {
    background: rgba(34, 119, 236, 0.2);
    color: #2277ec;
}

.formelements-list li p i.icon-bar_code {
    background: rgba(245, 94, 44, 0.2);
    color: #f55e2c;
}

.formelements-list li p i.icon-form-multiline {
    background: rgba(25, 25, 50, 0.2);
    color: #191932;
}

.formelements-list li p i.icon-form-date {
    background: rgba(1, 170, 184, 0.2);
    color: #01aab8;
}

.formelements-list li p i.icon-form-time {
    background: rgba(255, 50, 124, 0.2);
    color: #ff327c;
}

.formelements-list li p i.icon-Date-time {
    background: rgba(104, 72, 213, 0.2);
    color: #6848d5;
}

.formelements-list li p i.icon-Check-Box {
    background: rgba(68, 183, 94, 0.2);
    color: #44b75e;
}

.formelements-list li p i.icon-form-multichoice {
    background: rgba(252, 196, 67, 0.2);
    color: #fcc443;
}

.formelements-list li p i.icon-edit1 {
    background: rgba(34, 119, 236, 0.2);
    color: #2277ec;
}

.formelements-list li p i.icon-Option-button {
    background: rgba(245, 94, 44, 0.2);
    color: #f55e2c;
    font-size: 1.5rem;
    line-height: 2.1;
}

.formelements-list li p i.icon-form-address {
    background: rgba(25, 25, 50, 0.2);
    color: #191932;
}

.formelements-list li p i.icon-Signature {
    background: rgba(1, 170, 184, 0.2);
    color: #01aab8;
}

.formelements-list li p i.icon-cal-menu3 {
    background: rgba(255, 50, 124, 0.2);
    color: #ff327c;
}

.formelements-list li p i.icon-cal-menu3 {
    background: rgba(104, 72, 213, 0.2);
    color: #6848d5;
}

.formelements-list li p i.icon-map {
    background: rgba(68, 183, 94, 0.2);
    color: #44b75e;
}

.formelements-list li p i.icon-sub_form {
    background: rgba(252, 196, 67, 0.2);
    color: #fcc443;
}

.formelements-list li p i.icon-table_icon {
    background: rgba(34, 119, 236, 0.2);
    color: #2277ec;
}


.formelements-list li i.icon-form-sort {
    float: right;
    font-size: 1.5rem;
    color: #E6E6E6;
    opacity: 0;
    visibility: hidden;
    margin: 10px 0 0;
}

.formelements-list li:hover i.icon-form-sort {
    opacity: 1;
    visibility: visible;
}

.form-innerwrapper h2 {
    font-size: 16px;
    font-family: "OpenSans-SemiBold";
    color: #000;
    padding: 12px 0 0 0;
    margin: 0 0 8px;
    text-transform: capitalize;
}

.form-fields {
    /* float: left; */
    width: 100%;
    padding: 0 15px;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.form-fields:hover {
    background: #F2F2F2;
}

.form-fields:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    content: "";
    background: #29ABE2;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.form-fields:hover:before {
    opacity: 1;
}

.form-fields label.formlabel {
    display: block;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #4D4D4D;
    margin-top: 2px;
}

.form-fields input.forminput {
    float: left;
    width: 100%;
    border: 1px solid rgba(204, 204, 204, 0.5);
    background: #fff;
    height: 2.6rem;
    padding: 0 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #333;
}

.form-fields input.forminput:focus {
    border-color: #bbb;
}

.field-controls {
    float: right;
    margin: 5px 0 1px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    right: 0;
    top: 0;
}

.form-fields:hover .field-controls {
    opacity: 1;
}

.field-controls span {
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

.field-controls span i {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    font-size: 1.5rem;
    color: #808080;
}

.field-controls span:hover i {
    color: #29ABE2;
}

.formelements-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 400px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 9;
}

.formelements-sidebar.opensidebar {
    opacity: 1;
    visibility: visible;
}

.formsidebar-header {
    padding: 12px 18px;
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #11495D;
}

.formsidebar-header span {
    float: right;
    cursor: pointer;
}

.formsidebar-header span i {
    margin: 0;
    font-size: 1rem;
    color: #4D4D4D;
}

.formtabs {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ececec;
}

.formtabs li {
    float: left;
    width: 33.33%;
}

.formtabs li a {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #fff;
    text-transform: capitalize;
    height: 41px;
    line-height: 40px;
    border-bottom: 4px solid transparent;
    background: #11495D;
}

.formtabs li.active a {
    border-color: #29ABE2;
    color: #29ABE2;
    /* background-color: #fff; */
}

.formsidebar-contents {
    padding: 18px 22px;
    display: inline-block;
    width: 100%;
}

.formrow {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.formrow label.formlabel {
    display: block;
    font-size: 1.2rem;
    font-family: "OpenSans-SemiBold";
    color: #4D4D4D;
    margin-bottom: 6px;
}

.formrow input.forminput {
    float: left;
    width: 100%;
    border: 1px solid rgba(179, 179, 179, 0.5);
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #4D4D4D;
    height: 30px;
    padding: 0 10px;
}

.formelement-checkbox {
    float: left;
    width: 100%;
    margin-top: 12px;
}

.formelement-checkbox input {
    display: none;
}

.formelement-checkbox label {
    float: left;
    padding-left: 27px;
    font-size: 1.1rem;
    font-family: "OpenSans-Regular";
    color: #4D4D4D;
    position: relative;
    cursor: pointer;
}

.formelement-checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid rgba(153, 153, 153, 0.5);
    background: #F2F2F2;
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 12px;
    font-size: 0.9rem;
    text-align: center;
}

.formelement-checkbox input:checked+label:before {
    content: "\e91e";
}

.formrow.dropdownlist-row {
    margin-top: 20px;
    margin-bottom: 35px;
}

.dropdown-fields {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.dropdown-fields label {
    float: left;
    width: calc(100% - 66px);
    border: 1px solid rgba(179, 179, 179, 0.5);
    background: #F2F2F2;
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #4d4d4d;
    padding: 3px 10px;
    min-height: 23px;
    margin-right: 6px;
    margin-bottom: 0;
    align-items: center;
    display: flex;
}

.dropdown-fields span {
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    cursor: pointer;
}

.dropdown-fields span i {
    display: inline-block;
    margin: 0;
    font-size: 1.6rem;
    color: #ccc;
}

.dropdown-fields span i:hover {
    color: #aaa;
}

.dropdown-fields span.add-listfield i {
    color: #29ABE2;
}

.formrow .bootstrap-select.btn-group {
    margin: 0;
    outline: 0;
}

.formrow .bootstrap-select .btn {
    border-radius: 0;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #4D4D4D;
    border: 1px solid rgba(179, 179, 179, 0.5);
}

.formrow .btn-default.active,
.formrow .btn-default:active,
.formrow .open>.dropdown-toggle.btn-default {
    background-color: #fff;
    border-color: rgba(179, 179, 179, 0.5);
    color: #4D4D4D;
}

.bootstrap-select .dropdown-menu>.selected>a,
.bootstrap-select .dropdown-menu>.selected>a:hover,
.bootstrap-select .dropdown-menu>.selected>a:focus {
    background-color: #11495D;
}

.bootstrap-select .dropdown-menu>li>a {
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
}

.bootstrap-select>.btn:focus {
    outline: 0 !important;
}

.bootstrap-select .dropdown-menu {
    border-radius: 0;
}

span.hints {
    font-size: 1rem;
    font-family: "OpenSans-Regular";
    color: #999;
    float: left;
    width: 100%;
    margin-top: 5px;
}

.bootstrap-select.btn-group .btn .caret {
    top: 12px;
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
    width: 10px;
    height: 10px;
    color: #808080 !important;
    border: 0 !important;
}

.bootstrap-select.btn-group .btn .caret:before {
    content: "\e909";
}

.bootstrap-select.btn-group.open .btn .caret {
    top: 10px;
}

.formelements-sidebar .tab-content {
    height: calc(100% - 90px);
}

.formelements-sidebar .tab-content .tab-pane,
.formsidebar-contents {
    height: 100%;
    min-height: 100%;
}

span.info {
    position: absolute;
    top: 29px;
    right: 10px;
    font-size: 1.1rem;
    font-family: "OpenSans-Bold";
    color: #B3B3B3;
}

.formtabs.wizardtabs li {
    width: 50%;
}

.wizard-general-content {
    padding: 30px 22px;
}

.wizard-general-content .dropdown-fields {
    margin-top: 7px;
}

.wizard-general-content .dropdown-fields.ui-sortable-handle {
    cursor: move;
}

.wizard-general-content .dropdown-fields label {
    border: 0;
    min-height: 37px;
    padding-left: 5px;
    width: calc(100% - 80px);
}

.dragdrop-list li label i,
.wizard-general-content .dropdown-fields label i {
    font-size: 1.4rem;
    color: #ccc;
}

.wizard-general-content .dropdown-fields span {
    margin-top: 10px;
}

.dragdrop-list li small,
.wizard-general-content .dropdown-fields small {
    float: left;
    min-width: 2.2rem;
    font-size: 1.2rem;
    font-family: "OpenSans-Bold";
    color: #000;
    margin-top: 10px;
}

.colorpicker-component .input-group-addon {
    width: 6.6rem;
    height: 3rem;
    padding: 0.3rem 0.5rem;
    text-align: left;
    border-radius: 0;
    background: none;
    border: 1px solid rgba(179, 179, 179, 0.5);
    float: left;
    margin-right: 1rem;
    cursor: pointer;
    position: relative;
}

.colorpicker-component .input-group-addon:before {
    position: absolute;
    top: 1rem;
    right: 0.8rem;
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.8rem;
    content: "\e956";
    color: #808080;
}

.colorpicker-element .input-group-addon i {
    height: 2.2rem;
    width: 2.2rem;
    border-radius: 3px;
}

.formrow.wizardstep {
    margin-bottom: 30px;
}

.colorpicker-element.input-group .form-control {
    float: left;
    width: auto;
    height: 3rem;
    border: 1px solid rgba(179, 179, 179, 0.5);
    border-radius: 0;
    font-size: 1.2rem;
    font-family: "OpenSans-SemiBold";
    color: #000;
    padding: 0.7rem 6rem 0.7rem 0.7rem;
}

.colorcode {
    position: absolute;
    top: 8px;
    right: 10px;
    margin: 0;
    font-size: 1rem;
    font-family: "OpenSans-Regular";
    color: #ccc;
    z-index: 9;
}

.wizard-fieldlist {
    padding: 18px;
}

.wizard-fieldlist .panel {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    background: none;
}

#fieldlistaccordion h2 {
    background: #F4F6FB;
    border: 1px solid rgba(41, 171, 226, 0.5);
    padding: 10px 12px 10px 7px;
    font-size: 1.2rem;
    font-family: "OpenSans-SemiBold";
    color: #4D4D4D;
    margin-bottom: 5px;
    cursor: pointer;
}

#fieldlistaccordion h2.collapsed {
    border-color: transparent;
    background: #EAECEF;
}

#fieldlistaccordion h2.collapsed:hover {
    background: #F4F6FB;
    border-color: rgba(41, 171, 226, 0.5);
}

#fieldlistaccordion h2 i {
    color: #29ABE2;
    font-size: 1.6rem;
    float: right;
}

#fieldlistaccordion h2.collapsed i {
    color: #4D4D4D;
}

#fieldlistaccordion h2 i:before {
    content: "\e92f";
}

#fieldlistaccordion h2.collapsed i:before {
    content: "\e934";
}

#fieldlistaccordion ul li {
    padding: 14px 2px;
    border-top: 1px solid rgba(204, 204, 204, 0.5);
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #333;
}

#fieldlistaccordion ul li:first-child {
    border-top: 0;
}

#fieldlistaccordion ul li i {
    font-size: 1.5rem;
    color: #ccc;
    margin-right: 12px;
    display: inline-block;
    vertical-align: top;
}

.form-roundsteps {
    float: left;
    width: 100%;
    text-align: center;
    margin: 25px 0 20px;
}

.form-roundsteps ul {
    display: inline-block;
    position: relative;
}

.form-roundsteps ul:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 33px;
    right: 33px;
    height: 1px;
    background: #29ABE2;
}

.form-roundsteps ul li {
    float: left;
    margin: 0 25px;
    width: 28px;
    height: 28px;
    border: 1px solid transparent;
    border-radius: 50%;
    position: relative;
    text-align: center;
    background: #fff;
}

.form-roundsteps ul li.active {
    border-color: #29ABE2;
    background: #F2F2F2;
    z-index: 1;
}

.form-roundsteps ul li span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #29ABE2;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: 5px;
    font-size: 0;
}

.form-roundsteps ul li.active span {
    width: 11px;
    height: 11px;
}

.form-roundsteps ul li label {
    font-size: 0.9rem;
    font-family: "OpenSans-Regular";
    color: #000;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -16px;
    left: 0;
    max-width: inherit;
    white-space: nowrap;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.form-roundsteps ul li.active label {
    opacity: 1;
    visibility: visible;
}

.form-innerwrapper .form-roundsteps h2 {
    font-size: 2rem;
    padding-left: 0;
}

.wizardsteps-header {
    display: block;
    clear: both;
    text-align: center;
    margin-bottom: -15px;
    margin-top: 35px;
}

.wizardstep-carousel {
    display: inline-block;
    width: 650px;
    margin: 0 35px 0 100px;
    vertical-align: middle;
}

span.wizard-settings,
span.wizard-menu {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    cursor: pointer;
}

span.wizard-menu {
    margin-top: 11px;
    margin-left: 3px;
}

span.wizard-settings i,
span.wizard-menu i {
    font-size: 1.5rem;
    color: #808080;
    margin: 0;
}

span.wizard-menu i {
    font-size: 1rem;
}

span.wizard-settings i:hover,
span.wizard-menu i:hover {
    color: #29ABE2;
}

.wizard-item {
    float: left;
    width: 125px;
    height: 38px;
    padding: 0;
    position: relative;
}

.wizard-item:after {
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url("../images/wizard-active.png") no-repeat;
    content: "";
    width: 109px;
    height: 13px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.wizard-item.active:after {
    opacity: 1;
    visibility: visible;
}

.wizard-item p {
    float: left;
    width: 100%;
    height: 100%;
    background: #E6E6E6;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
}

.wizard-item p label {
    float: left;
    width: 25px;
    height: 100%;
    background: #ccc;
    font-size: 1.6rem;
    font-family: "OpenSans-Bold";
    color: #000;
    text-align: right;
    line-height: 38px;
    margin: 0;
    padding-right: 5px;
    border-radius: 3px 0 0 3px;
}

.wizard-item.active p label {
    background: #29ABE2;
}

.wizard-item p span {
    padding-left: 5px;
    font-size: 1.1rem;
    font-family: "OpenSans-Regular";
    color: #000;
    text-align: left;
    width: calc(100% - 25px);
    float: left;
}

.wizardstep-carousel .owl-carousel .owl-nav button.owl-next,
.wizardstep-carousel .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -9px;
}

.wizardstep-carousel .owl-carousel .owl-nav button:focus {
    outline: 0;
}

.wizardstep-carousel .owl-carousel .owl-nav button.owl-next {
    right: -25px;
}

.wizardstep-carousel .owl-carousel .owl-nav button.owl-prev {
    left: -25px;
}

.wizardstep-carousel .owl-carousel .owl-nav button i {
    font-size: 1.1rem;
    color: #ccc;
    margin: 0;
}

.assignsidebar .formsidebar-header {
    border-bottom: 1px solid #E6E6E6;
}

body.formpreview-page {
    background: url("../images/formbg.png") no-repeat top center;
    background-size: cover;
}

header.preview-header {
    height: auto;
    padding: 14px 35px;
    text-align: center;
    background: none;
}

header.preview-header:after {
    display: none;
}

header.preview-header .logo {
    float: left;
    font-size: 2.6rem;
}

span.closepreview {
    float: right;
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #11495D;
    cursor: pointer;
}

span.closepreview i {
    font-size: 1rem;
    color: #11495D;
    margin: 0 0 0 6px;
}

span.closepreview:hover,
span.closepreview:hover i {
    color: #fff;
}

.preview-buttons {
    display: inline-block;
}

.preview-buttons ul li {
    float: left;
    padding: 0 15px 3px;
    position: relative;
}

.preview-buttons ul li:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 35px;
    height: 2.3px;
    background: #29ABE2;
    content: "";
    opacity: 0;
    visibility: hidden;
    margin: 0 auto;
}

.preview-buttons ul li.active:after {
    opacity: 1;
    visibility: visible;
}

.preview-buttons ul li a {
    float: left;
}

.preview-buttons ul li a i {
    font-size: 2.7rem;
    color: #666;
    margin: 0;
}

.preview-buttons ul li.active a i,
.preview-buttons ul li a i:hover {
    color: #29ABE2;
}

.preview-buttons ul li a.formdownload {
    padding: 0 12px;
    background: #29ABE2;
    border-radius: 3px;
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #F2F2F2;
    height: 2.6rem;
    line-height: 2.4rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.preview-buttons ul li a.formdownload:hover {
    background: #11495D;
}

.preview-buttons ul li a.formdownload i {
    font-size: 1.5rem;
    color: #f2f2f2;
    float: left;
    margin-right: 10px;
    margin-top: 6px;
}

.formpreview-page .formwrapper {
    margin: 0 auto;
}

.mobileform-view {
    display: block;
    width: 280px;
    margin: 0 auto;
}

.mobileform-view .formwrapper {
    display: inline-block;
    width: 100%;
    border: 0;
    min-height: inherit;
    padding: 45px 18px 0;
    background: url("../images/mobile-layout.png") no-repeat top center;
    background-size: cover;
    height: 565px;
}

.formpreview-page .tab-content {
    padding-bottom: 65px;
}

.formpreview-page .form-fields:hover {
    background: none;
}

.formpreview-page .form-fields:before {
    display: none;
}

.mobileform-view .formwrapper h2 {
    text-align: center;
    font-size: 2rem;
    font-family: "OpenSans-SemiBold";
    color: #000;
    margin-bottom: 12px;
}

.mobileform-view .form-fields label.formlabel {
    font-size: 1.2rem;
}

.mobileform-view .form-fields {
    margin-bottom: 10px;
}

.mobileform-view .form-fields input.forminput {
    height: 26px;
}

.mobileform-view .form-fields .icon-form-question {
    margin-left: 10px;
    color: #666;
    font-size: 1rem;
    margin-right: 0;
}

.mobileform-view .formsubmit {
    width: 55%;
    text-align: center;
    display: block;
    margin: 0 auto;
    clear: both;
}

.mobileform-view .formsubmit input.submitbutton {
    display: inline-block;
    padding: 0 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #fff;
    background: #395672;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mobileform-view .formsubmit a.cancelbutton {
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #395672;
    display: inline-block;
    margin-top: 5px;
}

.mobileform-view .formsubmit a.cancelbutton:hover {
    color: #29ABE2;
}

#desktopview .formwrapper h2,
#ipadview .formwrapper h2 {
    font-size: 2.3rem;
    font-family: "OpenSans-SemiBold";
    color: #000;
    padding: 12px 0 0 15px;
    margin: 0 0 8px;
}

#desktopview .form-fields,
#ipadview .form-fields {
    margin-bottom: 22px;
}

#desktopview .form-fields label.formlabel i,
#ipadview .form-fields label.formlabel i,
.form-fields label.formlabel i {
    font-size: 1.2rem;
    color: #666;
    margin-left: 15px;
    margin-right: 0;
}

#desktopview .formsubmit,
#ipadview .formsubmit,
.formsubmit {
    float: left;
    width: 100%;
    margin: 20px 0 18px;
    padding: 0 15px;
}

.formsubmit {
    margin-top: 0;
}

#desktopview .formsubmit input.submitbutton,
#ipadview .formsubmit input.submitbutton,
.formsubmit input.submitbutton {
    float: right;
    padding: 0 36px;
    height: 33px;
    background: #395672;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #fff;
    line-height: 33px;
    margin-left: 15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.formsubmit input.submitbutton:hover,
#desktopview .formsubmit input.submitbutton:hover,
#ipadview .formsubmit input.submitbutton:hover {
    background: #29ABE2;
}

#desktopview .formsubmit a.cancelbutton,
#ipadview .formsubmit a.cancelbutton,
.formsubmit a.cancelbutton {
    float: right;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #395672;
    margin-top: 8px;
}

#desktopview .formsubmit a.cancelbutton:hover,
#ipadview .formsubmit a.cancelbutton:hover,
.formsubmit a.cancelbutton:hover {
    color: #29ABE2;
}

.formdownloadpopup .modal-content {
    border-radius: 0;
}

.formdownloadpopup .modal-header {
    padding: 10px 18px;
    border: 0;
    background: #29ABE2;
    display: inline-block;
    width: 100%;
}

.formdownloadpopup .modal-header h5 {
    font-size: 1.3rem;
    font-family: "OpenSans-Bold";
    color: #fff;
}

.formdownloadpopup .modal-header button,
.formdownloadpopup .modal-header button:focus {
    outline: 0 !important;
}

.formdownloadpopup .modal-header button {
    margin-top: -10px;
}

.formdownloadpopup .modal-header button i {
    font-size: 1.5rem;
    color: #fff;
    margin-right: 0;
}

.formdownloadpopup .modal-body {
    background: #f7f7f7;
    display: inline-block;
    width: 100%;
}

.formdownloadpopup .form-fields {
    padding: 0 3px;
    margin-bottom: 15px;
}

.formdownloadpopup .formsubmit {
    float: left;
    width: 100%;
    margin: 15px 0 40px;
    text-align: center;
}

.formdownloadpopup .bootstrap-select .btn {
    border-radius: 0;
    border: 1px solid rgba(179, 179, 179, 0.5);
    color: #4D4D4D;
}

.formdownloadpopup .btn-group.open .dropdown-toggle,
.formdownloadpopup .btn-default.active,
.formdownloadpopup .btn-default:active,
.formdownloadpopup .open>.dropdown-toggle.btn-default {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #4D4D4D;
}

.formdownloadpopup .bootstrap-select .dropdown-menu>li>a {
    font-size: 1.1rem;
}

.formdownloadpopup .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.formdownloadpopup .formsubmit input {
    display: inline-block;
    padding: 0 42px;
    height: 35px;
    background: #395672;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #fff;
    line-height: 35px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.formdownloadpopup .formsubmit input:hover {
    background: #29ABE2;
}

.formdownloadpopup .formsubmit a.cancelbutton {
    display: inline-block;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #395672;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.formdownloadpopup .formsubmit a.cancelbutton:hover {
    color: #29ABE2;
}

.formsubmit .form-fields {
    float: right;
    width: auto;
}

.formsubmit .form-fields label.formlabel {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.formsubmit .form-fields:hover label.formlabel {
    opacity: 1;
    visibility: visible;
}

.formsubmit .form-fields .field-controls {
    clear: right;
}

.calendar-header .logo,
.calendar-header .logo a,
.calendar-header .logo a img {
    float: left;
}

.calendar-header {
    text-align: center;
}

.calendartab-list {
    display: inline-block;
    font-size: 0;
    margin-top: -18px;
}

.calendartab-list ul li {
    float: left;
    padding: 0 20px;
}

.calendartab-list ul li a {
    float: left;
    padding: 15px 15px 0;
    border-top: 5px solid transparent;
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #313B47;
    line-height: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.calendartab-list ul li.active a,
.calendartab-list ul li a:hover {
    border-color: #009BFA;
}

.calendartab-list ul li a i {
    float: left;
    font-size: 1.8rem;
    color: #313B47;
    margin-right: 10px;
}

.calendar-dashboard {
    display: inline-block;
    width: 100%;
    margin-top: 35px;
}

.calendarbox {
    float: left;
    width: 100%;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 20px;
}

.calstatus-text {
    font-size: 1.8rem;
    font-family: "OpenSans-SemiBold";
    color: #000;
    margin-bottom: 15px;
}

.calstatus-text span {
    float: right;
    font-size: 1.3rem;
    font-family: "OpenSans-Bold";
    color: #808080;
}

.statuslist li {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    font-size: 0;
}

.statuslist li p {
    float: left;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #666;
    cursor: pointer;
}

.statuslist li span {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(204, 204, 204, 0.5);
    text-align: center;
    font-size: 1.2rem;
    font-family: "OpenSans-Bold";
    line-height: 22px;
    border-radius: 50%;
    color: #0071BC;
    margin-right: 12px;
}

.statuslist li.enroute span {
    color: #F7931E;
}

.statuslist li.pending span {
    color: #C1272D;
}

.statuslist li.rescheduled span {
    color: #8CC63F;
}

.statuslist li.unavailable span {
    color: #666;
}

.statuslist li.parts-request span {
    color: #662D91;
}

.calendarbox .fc-theme-standard td,
.calendarbox .fc-theme-standard th,
.calendarbox .fc-theme-standard .fc-scrollgrid {
    border: 0;
}

.calendarbox .fc-daygrid-day-events {
    display: none;
}

.calendarbox .fc-theme-standard td {
    border-radius: 10px;
}

.calendarbox .fc .fc-daygrid-day-number {
    padding: 10px;
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #3F4A55;
}

.calendarbox .fc .fc-daygrid-day-top {
    justify-content: center;
}

.calendarbox .fc .fc-col-header-cell-cushion {
    padding: 10px;
    font-size: 1rem;
    font-family: "OpenSans-Regular";
    color: #7D8693;
}

.calendarbox .fc .fc-highlight {
    border-radius: 10px;
}

.calendarbox .fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 15px;
}

.calendarbox .fc .fc-toolbar-title {
    font-size: 1.6rem;
    font-family: "OpenSans-Bold";
    color: #000;
    padding-left: 10px;
}

.calendarbox .fc .fc-toolbar .fc-button {
    background: none;
    border: 0;
    color: #009BFA;
    font-size: 1.6rem;
    padding: 0 10px;
    outline: 0;
}

.calendarbox .fc .fc-toolbar .fc-button:focus {
    outline: 0;
    box-shadow: none;
}

.calendarbox .fc .fc-toolbar .fc-button.fc-next-button {
    margin-left: 4px;
}

.calendarbox .fc .fc-toolbar .fc-button.fc-prev-button {
    margin-right: 4px;
}

.datedrop {
    display: inline-block;
    padding: 6px 1px 5px 4px;
    background: #fff;
    border-radius: 6px;
    margin-right: 8px;
    width: 40px;
    height: 30px;
    cursor: pointer;
}

.datedrop i.icon-cal-datedropdown {
    font-size: 1.8rem;
    color: #999;
    margin-right: 2px;
}

.datedrop i.icon-form-rightcaret {
    font-size: 0.8rem;
    color: #999;
    display: inline-block;
    vertical-align: top;
    margin: 6px 0 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.timebound {
    float: left;
    font-size: 1.2rem;
    font-family: "OpenSans-SemiBold";
    color: #000;
    margin-top: 7px;
}

.timebound span {
    display: inline-block;
    margin-left: 15px;
    width: 27px;
    height: 14px;
    border: 1px solid rgba(153, 153, 153, 0.5);
    border-radius: 10px;
    position: relative;
    vertical-align: middle;
    background: #fff;
}

.timebound span:before {
    position: absolute;
    top: 2px;
    left: 2px;
    content: "";
    width: 8px;
    height: 8px;
    background: #999;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

span.time-eye {
    float: left;
    margin-left: 30px;
}

span.time-eye i {
    font-size: 2.8rem;
    color: #11495D;
}

.cal-newjob {
    float: left;
    margin-left: 12px;
    height: 30px;
    padding: 0 18px 0 15px;
    border-radius: 8px;
    font-size: 1.3rem;
    font-family: "OpenSans-SemiBold";
    color: #fff;
    line-height: 30px;
    background: #009BFA;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.cal-newjob:hover {
    background: #11495D;
    color: #fff;
}

.cal-newjob i {
    display: inline-block;
    font-size: 1.1rem;
    vertical-align: middle;
    color: #fff;
    margin-right: 10px;
}

.calendardashboard-headertools {
    padding: 0 25px;
    margin-bottom: 6px;
}

.calendarevent-section {
    padding-left: 40px;
}

.customSlideShow {
    position: fixed;
    right: -380px;
    background: #fff;
    height: 100%;
    z-index: 2;
    top: 0;
    width: 380px;
    padding: 20px 0;
    transition: 0.5s;
}

.customSlideShow.open {
    right: 0;
    /* box-shadow: 0px 0px 100px 2px rgb(179 179 179 / 1); */
    transition: 0.5s;
}

.customSlideShow .SlideShow-title {
    padding: 0 15px 15px;
    border-bottom: 1px solid rgb(230 230 230 / 0.5);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customSlideShow .SlideShow-title h4 {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #4D4D4D;
    margin-bottom: 0;
}

.customSlideShow .SlideShow-title span {
    font-size: 1rem;
    margin-right: 0;
    margin-left: 30px;
    cursor: pointer;
    color: #4D4D4D;
}

.customSlideShow .SlideShow-body .input-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 0;
    margin-bottom: 15px;
}

.customSlideShow .SlideShow-body .input-search input {
    border-color: rgb(204 204 204 / 0.5);
    border-radius: 0;
    box-shadow: none;
    height: 30px;
    padding-right: 25px;
}

.customSlideShow .SlideShow-body .input-search input::placeholder {
    color: #dbdbdb;
    font-size: 1rem;
    font-family: "OpenSans";
}

.customSlideShow .SlideShow-body .input-search div {
    position: relative;
    width: 100%;
}

.customSlideShow .SlideShow-body .input-search div span {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #B3B3B3;
    font-size: 1.2rem;
}

.customSlideShow .SlideShow-body .input-search span {
    font-size: 2rem;
    margin-right: 0;
    margin-left: 15px;
    cursor: pointer;
    color: #B3B3B3;
}

.customSlideShow .SlideShow-body .SlideShow-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0 8px;
    border-bottom: 1px solid rgb(230 230 230 / 0.5);
}

.customSlideShow .SlideShow-body {
    padding: 0 15px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.customSlideShow .SlideShow-body .SlideShow-cont .left {
    display: flex;
    align-items: end;
}

.customSlideShow .SlideShow-body h5 {
    font-size: 1.4rem;
    font-family: "OpenSans-Semibold";
    color: #4D4D4D;
}

.customSlideShow .SlideShow-body p {
    color: #808080;
    font-size: 1.2rem;
    font-family: "OpenSans";
}

.customSlideShow .SlideShow-body h6 {
    font-size: 1rem;
    font-family: "OpenSans-Semibold";
}

.customSlideShow .SlideShow-body .right {
    text-align: right;
}

.customSlideShow .SlideShow-body .right span {
    font-size: 2.6rem;
    cursor: pointer;
    color: #B3B3B3;
    margin-right: 0;
}

.customSlideShow.formslist .SlideShow-body .right p span.icon-eye {
    font-size: 2rem;
}

.customSlide-config.open:before {
    content: '';
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    right: 0;
    z-index: 99;
    width: calc(100% - 38rem);
    height: 100%;
    top: 0;
}

.available {
    color: #39B54A;
}

.notavailable {
    color: #ED1C24;
}

.customSlideShow.assignDetailCont {
    box-shadow: none;
}

.customSlideShow.assignDetailCont .SlideShow-title h4 {
    display: flex;
    align-items: center;
}

.customSlideShow.assignDetailCont .SlideShow-title h4 span {
    margin-left: 0;
    padding-right: 12px;
    font-size: 1.6rem;
    color: #4d4d4d;
}

.customSlideShow.assignDetailCont .SlideShow-body ul li {
    background: transparent;
    border: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.customSlideShow.assignDetailCont .SlideShow-body .dateName {
    padding: 15px 0;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.8rem;
    font-family: "OpenSans-Semibold";
    color: #000;
}

.customSlideShow.assignDetailCont .SlideShow-body .dateName span {
    color: #009BFA;
    font-size: 1.2rem;
    padding: 0 12px;
}

.customSlideShow.assignDetailCont .SlideShow-body ul li h6 {
    font-size: 1.2rem;
    font-family: "OpenSans";
    color: #78818E;
    margin-right: 15px;
}

.customSlideShow.assignDetailCont .SlideShow-body ul li p {
    height: 40px;
    width: 100%;
    border-top: 1px solid #ECEDF2;
    text-align: left;
}

.customSlideShow.assignDetailCont .SlideShow-body ul li p span {
    background: #E3F4FD;
    width: 100%;
    height: 33px;
    display: inline-block;
    margin-top: 3px;
    font-size: 1rem;
    font-family: "OpenSans-Semibold";
    color: #000000;
    padding: 3px 5px;
}

.customSlideShow .mCSB_scrollTools {
    right: -7px;
}

.customSlideShow .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.customSlideShow.taskInfo .SlideShow-title {
    margin-bottom: 12px;
}

.customSlideShow.taskInfo .SlideShow-body {
    padding: 0;
    padding-bottom: 70px;
}

.customSlideShow.taskInfo .SlideShow-body-inner {
    padding: 0 15px;
}

.customSlideShow.taskInfo .SlideShow-body h4 {
    font-size: 1.1rem;
    font-family: "OpenSans";
    color: #4D4D4D;
    margin-bottom: 3px;
}

.customSlideShow.taskInfo .SlideShow-body h5 {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #000;
    margin-bottom: 15px;
}

.customSlideShow.taskInfo .SlideShow-body .datTime {
    margin-bottom: 30px;
}

.customSlideShow.taskInfo .SlideShow-body .datTime h6 {
    font-size: 1.3rem;
    font-family: "OpenSans";
    color: #000;
    margin-bottom: 15px;
}

.customSlideShow.taskInfo .SlideShow-body .datTime h6:last-child {
    margin-bottom: 0;
}

.customSlideShow.taskInfo .SlideShow-body .datTime h6 span {
    background: #E3FCFF;
    padding: 4px;
    border-radius: 50%;
    color: #4A9389;
    margin-right: 10px;
    display: inline-block;
}

.customSlideShow.taskInfo .SlideShow-body h3 {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #11495D;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.customSlideShow.taskInfo .SlideShow-body p {
    font-size: 1.2rem;
    font-family: "OpenSans-Light";
    color: #4D4D4D;
    margin-bottom: 25px;
}

.customSlideShow.taskInfo .SlideShow-body .contactDetail h5 {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.customSlideShow.taskInfo .SlideShow-body .contactDetail h3 {
    margin-bottom: 8px;
}

.customSlideShow.taskInfo .SlideShow-body .contactDetail h6 {
    font-size: 1.3rem;
    font-family: "OpenSans";
    color: #000000;
    margin-bottom: 10px;
}

.customSlideShow.taskInfo .SlideShow-body .contactDetail .userCircle {
    font-size: 1.6rem;
    color: #C6C3BD;
    background: #EFECE8;
    border-radius: 50%;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.customSlideShow.taskInfo .SlideShow-body .contactDetail h6 span {
    margin-right: 10px;
    display: inline-block;
    background: #E3FCFF;
    padding: 4px;
    border-radius: 50%;
    color: #4A9389;
}

.customSlideShow.taskInfo .SlideShow-body .contactDetail p {
    font-size: 1.1rem;
    font-family: "OpenSans-SemiBold";
    color: #29ABE2;
    margin-left: 30px;
    cursor: pointer;
}

.customSlideShow.taskInfo .form-detail {
    background: #F4F6FB;
    padding: 15px 15px;
}

.customSlideShow.taskInfo .form-detail h3 {
    margin-bottom: 10px;
}

.customSlideShow.taskInfo .form-detail h3 span {
    font-size: 1.6rem;
    margin-right: 6px;
}

.customSlideShow.taskInfo .form-detail li {
    font-size: 1.3rem;
    font-family: "OpenSans";
    color: #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E6E6E6;
}

.customSlideShow.taskInfo .form-detail li:last-child {
    margin-bottom: 0;
}

.customSlideShow.taskInfo .form-detail li span {
    float: right;
    font-size: 1.1rem;
    font-family: "OpenSans-Bold";
    text-transform: uppercase;
}

.customSlideShow.taskInfo .form-detail li span.submitted {
    color: #8CC63F;
}

.customSlideShow.taskInfo .form-detail li span.open {
    color: #29ABE2;
}

.customSlideShow.taskInfo .userDetail {
    background: #11495D;
    padding: 15px;
    margin-bottom: 26px;
    position: absolute;
    bottom: -26px;
    width: 100%;
    left: 0;
}

.customSlideShow.taskInfo .userDetail ul {
    display: flex;
    align-items: center;
}

.customSlideShow.taskInfo .userDetail .userCircle {
    font-size: 5rem;
    color: #C6C3BD;
    background: #EFECE8;
    border-radius: 50%;
    margin-right: 10px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.customSlideShow.taskInfo .userDetail .edituserCircle {
    font-size: 5rem;
    color: #C6C3BD;
    background: #EFECE8;
    border-radius: 50%;
    margin-left: 154px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.customSlideShow.taskInfo .userDetail .resource-image {
    margin-right: 10px;
    width: 54px;
    height: 54px;
}

.customSlideShow.taskInfo .userDetail .edit-image {
    margin-right: 10px;
    width: 54px;
    height: 54px;
}

.customSlideShow.taskInfo .userDetail ul li h3 {
    font-size: 1.6rem;
    font-family: "OpenSans-Bold";
    color: #FFF;
    margin-bottom: 0px;
}

.customSlideShow.taskInfo .userDetail ul li h4 {
    font-size: 1.1rem;
    font-family: "OpenSans";
    color: #F7931E !important;
}

/* Task Information end */

/* ----------------- DayTime Start -----------------------*/

.customSlideShow.DayTimeSlide .tableDatTime {
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e680;
}

.customSlideShow.DayTimeSlide .tableDatTime table td:first-child {
    width: 30%;
    text-align: right;
}

.customSlideShow.DayTimeSlide .tableDatTime table td:last-child {
    width: 70%;
}

.customSlideShow.DayTimeSlide .tableDatTime table td h5,
.customSlideShow.DayTimeSlide .tableDatTime table td p {
    font-size: 1.1rem;
    font-family: "OpenSans";
    color: #666;
}

.customSlideShow.DayTimeSlide .tableDatTime table td p {
    font-size: 1.2rem;
}

.customSlideShow.DayTimeSlide .tableDatTime table td p.taskName {
    font-family: 'OpenSans-SemiBold';
    color: #4D4D4D;
}

.customSlideShow.DayTimeSlide .tableDatTime table tr:last-child td p {
    font-family: 'OpenSans-Bold';
    color: #333333;
}

.customSlideShow.DayTimeSlide .tableDatTime table td p a {
    font-family: 'OpenSans-Bold';
    color: #009BFA;
}

.customSlideShow.DayTimeSlide .tableDatTime table td h5 span {
    padding: 0 15px;
}

.customSlideShow.DayTimeSlide .tableDatTime table td {
    padding: 3px 0;
}

.customSlideShow.DayTimeSlide .tableDatTime table tr:last-child td p.enroute {
    color: #F7931E;
}

.customSlideShow.DayTimeSlide .tableDatTime table tr:last-child td p.completed {
    color: #009245
}

.calendarevent-section .fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0;
}

.calendarevent-section .fc .fc-toolbar-title {
    position: absolute;
    top: 0;
    left: 130px;
    font-size: 1.8rem;
    font-family: "OpenSans-Semibold";
    color: #000;
}

.customSlideShow.taskInfo .SlideShow-title h4 {
    color: #29ABE2;
}

.customSlideShow.taskInfo .SlideShow-body h4.plan-duration {
    font-size: 1.2rem;
    font-family: "OpenSans-SemiBold";
    color: #29ABE2;
}

.customSlideShow.taskInfo .SlideShow-body p.planduration-time {
    color: #000;
    font-size: 1.3rem;
}

ul.pop-attachmentlist {
    margin-bottom: 40px;
    margin-top: 15px;
}

ul.pop-attachmentlist li {
    font-size: 1.3rem;
    font-family: "OpenSans";
    color: #000000;
    margin-bottom: 10px;
}

ul.pop-attachmentlist li i {
    color: #29ABE2;
    font-size: 1.4rem;
}

#calendarevents {
    background: #fff;
}

/*------------------ checkbox design in job creation start -------------------------*/

.checkBox input[type=checkbox]+label {
    display: block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    margin-right: 10px;
}

.checkBox input[type=checkbox] {
    display: none;
}

.checkBox input[type=checkbox]+label:before {
    content: "\e91e";
    font-family: 'icomoon' !important;
    border: 0.1em solid #E6E6E6;
    display: inline-block;
    width: 16px;
    height: 16px;
    padding-left: 3px;
    margin-right: 0;
    vertical-align: middle;
    transition: .2s;
    margin-top: 2px;
    font-size: 0.9rem;
    border-radius: 50%;
    background: #E6E6E6;
    color: #fff;
    padding-top: 2px;
}

.checkBox input[type=checkbox]:checked+label:before {
    background-color: #395672;
    border-color: #395672;
    color: #fff;
}

.checkBox input[type=checkbox]:disabled+label:before {
    content: "\e907";
    color: #fff;
    cursor: not-allowed;
    font-size: 0.7rem;
    padding-top: 0.2rem;
    padding-left: 0.4rem;
}

.add-btn {
    font-size: 1.3rem;
    font-family: "OpenSans";
    background: #29ABE2;
    color: #fff;
    padding: 4px 15px;
    border-radius: 12px;
    margin-left: 10px;
    cursor: pointer;
    border: none;
    margin: 15px 0 0;
}

.pushpull-radiogroup .radio-btn label {
    /* min-width: 83px; */
    padding: 0 22px;
    border: 1px solid #ddd;
    border-radius: 20px;
    height: 35px;
    font-size: 1.1rem;
    font-family: "OpenSans-Semibold";
    line-height: 33px;
    cursor: pointer;
    color: #4D4D4D;
    display: inline-block;
    float: none;
    text-align: center;
}

.pushpull-radiogroup .radio-btn input[type="radio"],
.pushpull-radiogroup .radio-btn input[type="checkbox"] {
    margin: 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    height: 100%;
    cursor: pointer;
    z-index: 10;
}

.pushpull-radiogroup .radio-btn input[type="radio"]:checked+.radio-label,
.pushpull-radiogroup .radio-btn input[type="checkbox"]:checked+.radio-label {
    background: #29ABE2;
    border-color: #29ABE2;
    color: #fff;
}

.pushpull-radiogroup .radio-btn input[type="radio"]:checked+.radio-label:before,
.pushpull-radiogroup .radio-btn input[type="checkbox"]:checked+.radio-label:before {
    box-shadow: inset 0 0 0 4px #2299aa;
    background: #29ABE2;
}

.pushpull-radiogroup .radio-btn label:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.4rem;
    top: 8px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: #fff;
    transform: translate(-30px, 0);
    opacity: 0;
    transition: all 0.5s;
    position: absolute;
    box-shadow: inherit;
    background: inherit;
}

.pushpull-radiogroup .radio-btn input[type="checkbox"]:checked+.radio-label:before,
.pushpull-radiogroup .radio-btn input[type="radio"]:checked+.radio-label:before {
    transform: translate(0px, 0);
    transition: all 0.5s;
    opacity: 1;
    position: relative;
    box-shadow: inherit;
    background: inherit;
}

.pushpull-radiogroup .radio-btn input[type="radio"]:checked+.radio-label:before,
.pushpull-radiogroup .radio-btn input[type="checkbox"]:checked+.radio-label:before {
    top: 0;
    left: -5px;
}

.pushpull-radiogroup .radio-btn input[type="checkbox"]:checked+.radio-label .pushpull-radiogroup .radio-btn input[type="radio"]:checked+.radio-label {
    padding-left: 15px;
    transition: all 0.5s;
    box-shadow: inherit;
    transition-delay: 0s;
}

.pushpull-radiogroup .radio-btn {
    margin: 6px 15px 10px 0;
    display: inline-block;
    position: relative;
}

.modal-label {
    font-size: 1.1rem;
    font-family: "OpenSans-Semibold";
    color: #4D4D4D;
    width: 100%;
    margin-top: 5px;
}

.color-task {
    color: #11495D !important;
}

.positiondate {
    position: absolute;
    right: 20px;
    top: 33px;
    color: #B3B3B3;
    z-index: 2;
    margin-right: 0
}

textarea.form-control {
    height: 70px;
    resize: none;
}

.SlideShow-space {
    margin-top: 10px
}

.SlideShow-space .form-group {
    padding: 0 10px;
}

/*Job creation section start 
-----------------------------------*/

.jobCreation h2 {
    font-size: 1.8rem;
    font-family: "OpenSans-Semibold";
    color: #000;
    line-height: 1.5;
    padding: 6px 24px 5px;
    background: #fff;
    position: relative;
}

.jobCreation h2:after {
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    height: 1px;
    background: #e9ecef;
    content: "";
}

.jobCreation.securitypoliy-header h2:after {
    display: none;
}

.jobCreation .inner-head h2 {
    padding: 0 0 5px;
    font-size: 1.6rem;
}

.jobCreation h2 span,
.jobqueue h2 span,
.inner-head h2 span {
    font-size: 1.8rem;
    padding-right: 9px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.jobqueue h2 {
    font-size: 1.8rem;
    font-family: "OpenSans-Semibold";
    color: #000;
    line-height: 1.5;
    padding: 6px 0px 2px;
}

.jobCreation>nav {
    padding: 0 24px 8px;
    margin-bottom: 8px;
    background: #fff;
}

.jobCreation .breadcrumb {
    margin-bottom: 0;
    background: transparent;
    padding: 0;
}

.jobCreation .breadcrumb li {
    font-size: 1.1rem;
    font-family: "OpenSans";
}

.jobCreation .breadcrumb li.active {
    color: #B3B3B3;
}

.jobCreation .breadcrumb li a {
    color: #4D4D4D;
    text-decoration: none;
}

.jobCreation .formSection {
    background: #FFFFFF;
    padding: 20px 25px;
    padding-bottom: 1rem;
    margin: 0 8px;
}

.jobCreation .formSection form {
    width: 66%;
}

.jobCreation .formSection form.editrole-formsec {
    width: 100%;
}

.jobCreation .formSection h4 {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #11495D;
    margin-bottom: 10px;
}

.jobcreationform-section hr {
    margin-bottom: 10px;
    margin-top: 10px;
}

.jobcreationform-section .assign-filter {
    margin-top: 0;
}

.formSection .catgoryTask {
    background: #F7F8F9;
    padding: 16px 16px;
    margin-bottom: 20px;
    padding-top: 20px;
}

.form-label,
.formSection .form-group label {
    font-size: 1.3rem;
    font-family: "OpenSans";
    color: #4D4D4D;
    margin-bottom: 4px;
    width: 100%;
}

.p-inputtext,
.formSection .form-group input,
.formSection .form-group textarea,
.formSection .bootstrap-select .btn.btn-default {
    background: #FFFFFF;
    border-color: rgb(204 204 204 / 0.5);
    border-radius: 3px;
    height: 2.2rem;
    font-size: 1.3rem;
    font-family: "OpenSans";
    color: #333;
    box-shadow: none;
    padding-left: 12px;
    border: 1px solid rgb(204 204 204 / 0.5);
}

.p-dropdown .p-dropdown-label.p-placeholder {
    color: #dbdbdb !important;
    border: 0;
    line-height: 1.1;
}

.custom-left label {
    font-size: 1.3rem;
}

/* .p-dropdown {
    border: 1px solid rgb(204 204 204 / 0.5) !important;
} */
div#notes span {
    margin-right: 6px;
}

input.form-control:focus,
textarea.form-control:focus {
    border: 1px solid rgb(204 204 204 / 0.5);
}

.formSection .form-group textarea {
    height: 10rem;
    resize: none;
}

.formSection .form-group textarea.notes {
    height: 8rem;
}

.formSection .form-group textarea.smalltextarea {
    height: 8rem;
}

/* .catgoryTask .entry-in {
    position: relative;
    top: -1px;
} */
p.dayor {
    margin-top: 8px;
}

.formSection .form-group label i {
    color: #ED1C24;
}

.formSection .form-group label span {
    color: #4792CF;
    cursor: pointer;
}

.formSection .bootstrap-select button,
.formSection .bootstrap-select.btn-group {
    border-radius: 0;
    margin-bottom: 0;
}

.bootstrap-select .caret {
    display: none;
}

.formSection .bootstrap-select.btn-group .btn .filter-option {
    top: 6px;
}

.form-group .positionSet {
    position: absolute;
    right: 5px;
    top: 2.8rem;
    color: #B3B3B3;
    z-index: 2;
    font-size: 1.3rem;
}

.form-group .positionSet.icon-time11 {
    font-size: 1.5rem;
    top: 2.8rem;
}

.formSection .form-group .icon-down1.positionSet {
    font-size: 1rem;
    top: auto;
    bottom: 2px;
}

.dateicon .positionSet {
    right: 15px;
    top: 3.1rem;
}

.iti__country-list .iti__country {
    font-size: 1.2rem;
}

.iti__selected-flag.dropdown-toggle {
    border-right: 1px solid #ddd
}

.formSection h5 {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #11495D;
    margin-bottom: 12px;
    padding-top: 20px;
}

.formSection h5.atcHead {
    margin-bottom: 8px;
}

.formSection .countryGrp button {
    color: #4d4d4d;
    background: transparent;
    border-color: rgb(204 204 204 / 0.5);
    border-radius: 0;
    padding: 0 5px;
    height: 30px;
    font-size: 1.2rem;
    font-family: "OpenSans";
    display: flex;
    align-items: center;
    margin-right: 8px;
    box-shadow: none;
}

.formSection .countryGrp button img {
    width: 25px;
    padding-right: 2px;
}

.formSection .countryGrp {
    display: flex;
    width: 100%;
}

.formSection .form-group .selected {
    background: #F2F2F2;
}

.formSection .dropdown.open .dropdown-menu {
    display: block;
}

.formSection .dropdown.open .dropdown-menu li {
    width: max-content;
}

.formSection .dropdown.open .dropdown-menu {
    min-width: max-content;
    border-radius: 0;
    border-color: rgb(204 204 204 / 0.5);
}

.formSection .dropdown.open .dropdown-menu li a {
    padding: 5px 15px;
}

.formSection ul li .inner-formslist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0;
    margin-bottom: 5px;
    background: #F9F9F9;
    border: 1px solid rgb(204 204 204 / 0.5);
    height: 35px;
}

.pi {
    color: #B3B3B3;
}

.formSection ul li .inner-formslist h6 {
    font-size: 1.3rem;
    font-family: "OpenSans-Bold";
    color: #4d4d4d;
    padding-left: 15px;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: nowrap;
}

.formSection ul li .inner-formslist p {
    font-size: 1.3rem;
    font-family: "OpenSans-Semibold";
    display: flex;
    align-items: center;
}

.formSection ul li .inner-formslist p a {
    color: #0071BC;
    padding-right: 10px;
}

.formSection ul li .inner-formslist p span {
    background: #F2F2F2;
    margin-right: 0;
    padding: 10px;
    display: inline-block;
    cursor: pointer;
}

.formSection ul li:last-child .inner-formslist {
    margin-bottom: 50px;
}

.formSection ul li .inner-formslist.addForms {
    cursor: pointer;
}

.formSection ul li:last-child .inner-formslist h6 {
    color: #29ABE2;
    cursor: pointer;
}

.btnsGroup {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    align-items: center;
}

.custom-left .p-dropdown .p-dropdown-label {
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #333 !important;
    padding-left: 12px;
}

.btnsGroup button {
    margin-left: 10px;
    min-width: 120px;
    background: #242956;
    color: #fff;
    border: 0;
    font-size: 1.3rem;
    font-family: "OpenSans";
    border-radius: 0;
    padding: 8px;
}

.btnsGroup button:hover {
    background: #29abe2;
}

.btnsGroup button.cancel,
.btnsGroup button.cancel:hover,
.btnsGroup button.cancel:focus {
    background: transparent;
    color: #242956;
    text-align: right;
    padding-right: 0;
}

.btnsGroup button.cancel {
    width: auto;
}

.formSection .form-group .assignTo ul li {
    background: #F9F9F9;
    border: 1px solid #e6e6e680;
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-bottom: 5px;
    min-height: 40px;
}

.formSection .form-group .assignTo ul li:hover {
    background: #f4f4f4;
}

.formSection .form-group .assignTo ul li:hover {
    background: #f4f4f4;
}

.formSection .form-group .assignTo ul li .teamLeadCheck {
    display: flex;
    align-items: center;
    margin-left: auto;
    width: 120px;
    justify-content: flex-end;
}

.formSection .form-group .assignTo ul li .teamLeadCheck .checkBox label {
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

.formSection .form-group .assignTo ul li:hover .teamLeadCheck .checkBox label,
.formSection .form-group .assignTo ul li .teamLeadCheck .checkBox input[type=checkbox]:checked+label {
    visibility: visible;
    opacity: 1;
}

.formSection .form-group .assignTo ul li .teamLeadCheck .checkBox input[type=checkbox]:checked+label:before {
    content: "\e91e";
    background: #009BFA;
    border-color: #009BFA;
}

.formSection .form-group .assignTo ul li .teamLeadCheck .checkBox input[type=checkbox]+label:before {
    content: "";
    border-radius: 0;
    margin-right: 5px;
    height: 14px;
    font-size: 0.7rem;
    width: 14px;
    padding-left: 2px;
    padding-top: 0;
    margin-top: 0;
    background: transparent;
    color: #fff;
    border-color: #808080;
}

.formSection .form-group .assignTo ul li .teamLeadCheck .checkBox input[type=checkbox]+label {
    font-size: 1.1rem;
    font-family: "OpenSans-Semibold";
    color: #666666;
    display: flex;
    align-items: center;
}

.formSection .form-group .assignTo ul li h3 {
    font-size: 1.3rem;
    font-family: "OpenSans-Semibold";
    color: #4D4D4D;
    min-width: 58px;
}

.formSection .form-group .assignTo ul li h3 span {
    color: #4D4D4D;
    font-size: 1.4rem;
    margin-right: 0;
    margin-left: 5px;
}

.formSection .form-group .assignTo ul li span {
    color: #4D4D4D;
    font-size: 1.8rem;
    margin-right: 0;
    cursor: pointer;
}

.formSection .form-group .assignTo ul li p {
    font-size: 1.3rem;
    font-family: "OpenSans";
    color: #808080;
    margin-left: 4px
}

.click-resource {
    font-size: 1.25rem;
    /* font-family:"OpenSans-Bold"; */
    color: #4692CE;
    padding: 5px 0px;
    cursor: pointer;
    /* background: #f9f9f9;
    padding: 10px 15px;
    border: 1px solid #e6e6e680; */
}

.click-resource .icon-plus:before {
    content: "\e963";
    font-size: 10px;
}

/* .formSection .form-group .assignTo .add:hover {
    background: #f4f4f4;
} */

/* job creation section end */

/*----------------------- customSlideShow right sidebar style start ------------------*/

.customSlideShow {
    position: fixed;
    right: -38rem;
    background: #fff;
    height: 100%;
    z-index: 1042;
    top: 0;
    width: 38rem;
    padding: 2rem 0;
    transition: 0.5s;
    overflow-y: auto;
}

.customSlideShow.open {
    right: 0;
    box-shadow: 0px 0px 100px 2px rgb(113 113 113);
    /* box-shadow: 0px 0px 100px 27px #cecece; */
}

.customSlideShow .SlideShow-title {
    padding: 0 15px 15px;
    border-bottom: 1px solid rgb(230 230 230 / 0.5);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customSlideShow .SlideShow-title h4 {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #4D4D4D;
    margin-bottom: 0;
}

.customSlideShow .SlideShow-title span {
    font-size: 1rem;
    margin-right: 0;
    margin-left: 15px;
    cursor: pointer;
    color: #4D4D4D;
}

.customSlideShow .SlideShow-body .input-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px 0;
    margin-bottom: 15px;
}

.customSlideShow .SlideShow-body .input-search input {
    border-color: rgb(204 204 204 / 0.5);
    border-radius: 0;
    box-shadow: none;
    height: 30px;
    padding-right: 25px;
}

.customSlideShow .SlideShow-body .input-search input::placeholder {
    color: #dbdbdb;
    font-size: 1rem;
    font-family: "OpenSans";
}

.customSlideShow .SlideShow-body .input-search div {
    position: relative;
    width: 100%;
}

.customSlideShow .SlideShow-body .input-search div span {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #B3B3B3;
    font-size: 12px;
}

.customSlideShow .SlideShow-body .input-search span {
    font-size: 2rem;
    margin-right: 0;
    margin-left: 15px;
    cursor: pointer;
    color: #B3B3B3;
}

.customSlideShow .SlideShow-body .SlideShow-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0 8px;
    border-bottom: 1px solid rgb(230 230 230 / 0.5);
}

.customSlideShow .SlideShow-body {
    padding: 0 15px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.customSlideShow .SlideShow-body .SlideShow-cont .left {
    display: flex;
    align-items: end;
}

.customSlideShow .SlideShow-body h5 {
    font-size: 1.33rem;
    font-family: "OpenSans-Semibold";
    color: #4D4D4D;
    margin-bottom: 5px;
}

.customSlideShow .SlideShow-body p {
    color: #808080;
    font-size: 1.2rem;
    font-family: "OpenSans";
    margin-top: 0.4rem;
}

.customSlideShow .SlideShow-body h6 {
    font-size: 1rem;
    font-family: "OpenSans-Semibold";
}

.customSlideShow .SlideShow-body .right {
    text-align: right;
}

.customSlideShow .SlideShow-body .right span {
    font-size: 2.6rem;
    cursor: pointer;
    color: #B3B3B3;
    margin-right: 0;
}

.customSlideShow.formslist .SlideShow-body .right p span.icon-eye {
    font-size: 2rem;
}

.available {
    color: #39B54A;
}

.notavailable {
    color: #ED1C24;
}

/* .customSlideShow.assignDetailCont {
    box-shadow: none;
} */

.customSlideShow .SlideShow-title h4 {
    display: flex;
    align-items: center;
}

.customSlideShow .SlideShow-title h4 span {
    margin-left: 0;
    padding-right: 12px;
    font-size: 1.6rem;
    color: #4d4d4d;
}

.customSlideShow.assignDetailCont .SlideShow-body ul li {
    background: transparent;
    border: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.customSlideShow.assignDetailCont .SlideShow-body .dateName {
    padding: 15px 0;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.8rem;
    font-family: "OpenSans-Semibold";
    color: #000;
}

.customSlideShow.assignDetailCont .SlideShow-body .dateName span {
    color: #009BFA;
    font-size: 1.2rem;
    padding: 0 12px;
}

.customSlideShow.assignDetailCont .SlideShow-body ul li h6 {
    font-size: 1.2rem;
    font-family: "OpenSans";
    color: #78818E;
    margin-right: 15px;
}

.customSlideShow.assignDetailCont .SlideShow-body ul li p {
    height: 40px;
    width: 100%;
    border-top: 1px solid #ECEDF2;
    text-align: left;
}

.customSlideShow.assignDetailCont .SlideShow-body ul li p span {
    background: #E3F4FD;
    width: 100%;
    height: 33px;
    display: inline-block;
    margin-top: 3px;
    font-size: 1rem;
    font-family: "OpenSans-Semibold";
    color: #000000;
    padding: 3px 5px;
}

.customSlideShow .SlideShow-body h5 span {
    margin-left: 7px;
}

/* customSlideShow right sidebar style end */

/*------------------ checkbox design in job creation start -------------------------*/

.checkBox input[type=checkbox]+label {
    display: block;
    padding: 0;
    margin: 0;
    cursor: pointer;
    margin-right: 10px;
}

.checkBox input[type=radio],
.checkBox input[type=checkbox] {
    display: none;
}

.checkBox input[type=radio]+label:before,
.checkBox input[type=checkbox]+label:before {
    content: "\e91e";
    font-family: 'icomoon' !important;
    border: 0.1em solid #E6E6E6;
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    padding-left: 0.2rem;
    margin-right: 0;
    vertical-align: middle;
    transition: .2s;
    margin-top: 2px;
    font-size: 0.9rem;
    border-radius: 50%;
    background: #E6E6E6;
    color: #fff;
    padding-top: 0.1rem;
}

.checkBox input[type=checkbox]:checked+label:before {
    background-color: #395672;
    border-color: #395672;
    color: #fff;
}

/* .checkBox input[type=checkbox]:disabled + label:before {    
    border-color: #aaa;
}
.checkBox input[type=checkbox]:checked:disabled + label:before {
    background-color: #bfb;
    border-color: #bfb;
} */

/* checkbox design in job creation end */

/*--------------------------- forms list as modal form design start ---------------------------*/

.formListModal .modal-dialog {
    margin: 25px auto;
}

.formListModal .modal-content {
    border: 0;
    background-clip: inherit;
    border-radius: 0;
}

.formListModal .modal-content .modal-header h4 {
    font-size: 1.3rem;
    font-family: "OpenSans-Bold";
    color: #fff;
}

.formListModal .modal-content .modal-header {
    background: #29ABE2;
    padding: 10px 15px;
}

.formListModal .modal-content .modal-header button {
    box-shadow: none;
    opacity: 1;
    color: #fff;
    top: 15px;
    outline: none;
}

.formListModal .modal-content .modal-body {
    padding: 20px 20px;
}

.formListModal .modal-content .modal-body h3 {
    font-size: 2.3rem;
    font-family: "OpenSans-Semibold";
    color: #000000;
    margin-bottom: 10px;
}

.formListModal .modal-content .modal-body .form-group {
    margin-bottom: 10px;
}

.formListModal .modal-content .modal-body input {
    height: 30px;
    border-radius: 0;
    border-color: rgb(204 204 204 / 0.5);
    box-shadow: none;
}

.p-datatable .p-paginator-bottom {
    border: 0;
}

.formListModal .modal-content .modal-body label {
    font-size: 1.3rem;
    font-family: "OpenSans";
    color: #4D4D4D;
    margin-bottom: 2px;
}

.formListModal .modal-content .modal-body label span {
    background: #666666;
    display: inline-block;
    height: 15px;
    width: 15px;
    font-size: 1rem;
    color: #fff;
    padding-left: 5px;
    padding-top: 0px;
    border-radius: 50%;
    margin-left: 4px;
}

.formListModal .modal-content .modal-body .btnsGroup {
    margin-top: 30px;
}

/*forms list modal form design end */

/*----------------- user list style start --------------------------------------*/

.userList-main {
    background: #fff;
    padding: 20px 30px 0;
    margin: 0 8px;
}

.userList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.userList .leftSide,
.userList .rightSide {
    display: flex;
    align-items: center;
}

.userList .leftSide .changeSearch {
    background: #F1F4FA;
    padding: 0.5rem;
    width: 2.6rem;
    border-radius: 0.5rem;
    margin-right: 15px;
    cursor: pointer;
    font-size: 1.1rem;
    color: #999;
}

.userList .leftSide .changeSearch.icon-search {
    font-size: 1.37rem;
}

.userList .leftSide h6 {
    font-size: 1.4rem;
    font-family: "OpenSans-Semibold";
    color: #333;
    margin-right: 20px;
}

.userList .leftSide ul li {
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    color: #010101;
    background: #F3F3F3;
    padding: 0.2rem 0.5rem 0.2rem 1rem;
    border-radius: 5px;
    margin-right: 12px;
    min-width: 9.5rem;
}

.userList .leftSide ul li span {
    float: right;
    padding-top: 2px;
    font-size: 1.4rem;
    color: #818181;
    cursor: pointer;
}

.userList .leftSide p {
    font-size: 1.1rem;
    font-family: "OpenSans-Regular";
    color: #F15A24;
}

.userList .rightSide .form-group {
    background: #F1F4FA;
    margin: 0;
    display: flex;
    min-width: 160px;
    border-radius: 6px;
    align-items: center;
    padding: 1px 8px;
    margin-right: 15px;
    height: 32px;
}

.userList .rightSide .form-group p {
    font-size: 1.2rem;
    font-family: "OpenSans";
    color: #4E4E4E;
    margin: 0;
}

.userList .rightSide .form-group .bootstrap-select button {
    font-size: 1.2rem;
    font-family: "OpenSans";
    color: #4E4E4E;
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.userList .rightSide .form-group .bootstrap-select {
    margin: 0;
}

.userList .rightSide .form-group .positionSet {
    top: 0.9rem;
}

.userList .rightSide button,
.userList .rightSide button:focus {
    background: #29ABE2;
    color: #fff;
    border: 0;
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    border-radius: 8px;
    padding: 6px 12px;
}

.userList .rightSide button a {
    color: #fff;
}

.userList-main .checkBox input[type=checkbox]+label:before {
    content: "";
    border: 0.1em solid #81818180;
    border-radius: inherit;
    background: transparent;
    color: #333;
}

.userList-main .checkBox input[type=checkbox]:checked+label:before {
    content: "\e91e";
}

.userList-main .checkBox input[type=checkbox]:checked+label {
    visibility: visible;
    opacity: 1;
}

.userList-main table thead tr th {
    border-top: 0 !important;
    background: transparent;
    font-size: 1.23rem;
    font-family: "OpenSans-Semibold";
    color: #395672;
}

.userList-main table thead tr th span.icon-down1 {
    font-size: 0.6rem;
    background: #808080;
    color: #fff;
    padding: 2px;
    border-radius: 3px;
    margin-left: 1px;
    cursor: pointer;
}

.userList-main table thead tr th span.icon-down1:hover {
    background: #2BAAE2;
}

.userList-main table tr td {
    border: 0;
    font-size: 1.2rem;
    font-family: "OpenSans";
    color: #4E4E4E;
    padding: 12px 8px;
}

.userList-main table tr td .StatusDetail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.userList-main table td .checkBox input[type=checkbox]+label,
.userList-main table td .editsIcon {
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

.userList-main table tr td span.icon-tick {
    color: #8DC641;
}

.userList-main table tr td span.icon-close2 {
    font-size: 1rem;
    color: #EC2227;
}

.userList-main table tr td .textTech {
    width: 98px;
}

.userList-main table tr td p {
    width: 97px;
    line-height: 18px;
}

.userList-main table tbody tr:hover {
    background: #F3F6FB;
    cursor: auto;
}

.userList-main table tbody tr:hover {
    background: #F3F6FB;
    cursor: auto;
}

.userList-main table tbody tr:hover td .checkBox input[type=checkbox]+label,
.userList-main table tbody tr:hover td .editsIcon {
    visibility: visible;
    opacity: 1;
}

.userList-main table td .editsIcon {
    display: flex;
    justify-content: flex-end;
    min-width: 25px;
    margin-left: 15px;
}

.userList-main table td .editsIcon span {
    font-size: 1.6rem;
    padding-left: 4px;
    color: #010101;
}

.userList-main .search {
    position: relative;
    top: 3px;
}

.userList-main .inputSearch {
    position: absolute;
    top: 35px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

.userList-main .inputSearch.open {
    visibility: visible;
    opacity: 1;
    top: 30px;
}

.userList-main .search .inputSearch input {
    border: 0;
    height: 40px;
    width: 300px;
    box-shadow: 1px 1px 7px 1px #d2d2d2;
    border-radius: 0;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #333;
}

.userList-main .search .inputSearch input::placeholder {
    color: #dbdbdb;
}

.userList-main .inputSearch span {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;
    width: 38px;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #29ABE2;
    font-size: 1.8rem;
    color: #fff;
}

.userList-main .mobNone {
    display: none;
}

/*--------------------------- toggle switch start --------------------------------*/

.switch {
    position: relative;
    display: inline-block;
    width: 1.6rem;
    height: 1.4rem;
    margin-right: 7px;
    margin-bottom: 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: -1.5rem;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    left: 0.3rem;
    bottom: 0.2rem;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #59B956;
}

input:focus+.slider {
    box-shadow: 0 0 1px #59B956;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    left: -8px;
}

/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.toggleBth {
    margin-right: 40px;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    font-family: "OpenSans";
}

/* toggle switch end */

.adminDetail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e680;
}

.adminDetail .names {
    display: flex;
    align-items: center;
}

.adminDetail .name-view {
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #E6E6E6;
    border-radius: 50%;
    margin-right: 15px;
    position: relative;
    transition: all;
}

.brow-file {
    position: absolute;
    font-size: 0.8rem;
    border: none;
    background: #009BFA;
    right: 2px;
    bottom: -1px;
    color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    cursor: pointer;
}

.brow-filetrans {
    width: 20px;
    height: 20px;
    font-size: 1.35rem;
    cursor: pointer;
}

.brow-file input {
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
}

.name-view img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 2px solid #009bfa;
}

.group-brow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.group-brow button {
    font-size: 1.8rem;
    border: none;
    background: transparent;
    color: #fff;
    position: absolute;
    margin-right: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}

.brow-file span {
    margin-right: 0
}

.group-brow:before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
}

.user-imgshow {
    z-index: 999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.user-imgshow.open {
    display: flex;
}

.userimg-img {
    position: relative;
}

.user-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .66);
    position: absolute;
    top: 0;
    left: 0;
}

.userimg-show {
    width: 300px;
    height: 300px;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-close {
    position: absolute;
    top: -25px;
    right: -26px;
    z-index: 9999;
    cursor: pointer;
    color: #fff;
    font-size: 1.4rem;
}

.userimg-show img {
    max-width: 100%;
    max-height: 100%;
}




.adminDetail .name-view:hover .group-brow button,
.adminDetail .name-view:hover .group-brow:before {
    opacity: 1;
    visibility: visible
}

.adminDetail .names span.icon-user4 {
    padding: 11px;
    font-size: 1.8rem;
    color: #B3B4B4;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.fa-level-up {
    margin-right: 5px;
}

.adminDetail .names h5 {
    font-size: 1.6rem;
    font-family: "OpenSans-Semibold";
    color: #191919;
    padding-top: 0;
    margin-bottom: -5px;
}

.adminDetail .names h6 {
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    color: #818181;
}

.adminDetail .names p {
    background: #2AAAE2;
    padding: 4px 10px;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
}

.nav-tabs.ediuserTab li a,
.nav-tabs.ediuserTab li a:hover,
.nav-tabs.ediuserTab li.active a {
    border: 0;
    background-color: transparent;
}

.nav.nav-tabs.ediuserTab {
    border: 0;
    margin-bottom: 18px;
}

/* .addCompany ul {
    margin-top:2rem !important; -- FPLR - 602 - White Space in dropdown
} */
.nav-tabs.ediuserTab li a {
    font-size: 1.4rem;
    font-family: "OpenSans-Semibold";
    color: #818181;
    padding: 0;
    padding-bottom: 5px;
    margin-right: 20px;
}

.nav-tabs.ediuserTab li.active a {
    color: #29ABE2;
    border-bottom: 3px solid #29ABE2;
}

label.managerCheck {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-style: italic !important;
    font-size: 1rem !important;
    color: #999999;
}

label.managerCheck input {
    margin-right: 5px;
    margin-bottom: 0;
    margin-top: 0px;
}

.checkBox.managerCheck input[type=radio]+label:before,
.checkBox.managerCheck input[type=checkbox]+label:before {
    content: "";
    border-radius: 0;
    height: 14px;
    width: 14px;
    font-size: 0.8rem;
    background: transparent;
    border: 0.1em solid #81818180;
    padding-left: 1px;
    padding-top: 1px;
    margin-right: 5px;
}

.checkBox.managerCheck input[type=checkbox]+label {
    font-size: 1rem;
    font-style: italic;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    color: #999999;
    margin-top: 5px;
}

.daily-option.active .repeat-check .checkBox.managerCheck label:before,
.checkBox.managerCheck input[type=radio]:checked+label:before,
.checkBox.managerCheck input[type=checkbox]:checked+label:before {
    background: transparent;
    border-color: #81818180;
    color: #000;
    content: "\e91e";
}

.repeat-check.advancecheckbox {
    margin-top: 16px;
    margin-bottom: -20px;
}

.formSection .form-group label.switch {
    width: 2.7rem;
    margin-left: 1.5rem;
    margin-bottom: 0;
}

.formSection .form-group .toggleBth {
    margin-top: 2rem;
    margin-right: 0;
}

.jobCreation .formSection.editFormSection form {
    width: 55%;
}

.jobCreation .formSection.editFormSection {
    padding: 20px 30px;
}

.nav-tabs.ediuserTab li:last-child a {
    margin-right: 0;
}

/* user list style end */
.default-check .checkBox.managerCheck input[type=checkbox]+label {
    font-style: inherit;
    font-family: "OpenSans";
    color: #4D4D4D;
    font-size: 1.1rem;
}

.default-check .checkBox.managerCheck input[type=checkbox]:checked+label:before {
    background-color: #fff;
    border-color: #e7e7e7
}

.default-check .checkBox.managerCheck input[type=checkbox]:checked+label:after {
    background-color: transparent;
    content: "\e91e";
    font-family: 'icomoon' !important;
    vertical-align: middle;
    transition: .2s;
    margin-top: 2px;
    color: #333;
    font-size: 0.7rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
}

.more-padding .form-control {
    padding-right: 30px
}

.form-group .more-dot {
    border: 1px solid #ddd;
    width: 23px;
    height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    top: 30px;
    cursor: pointer;
}

.more-dot:after {
    content: "...";
    display: flex;
    position: absolute;
    width: 7px;
    height: 7px;
    font-size: 2rem;
    top: -16px;
    right: 11px;
}

.more-padding .promolist-dropdown {
    position: static;
}

.more-padding .promolist-dropdown .promolist.dropdown-menu {
    top: 47px;
}

.customSlideShow.contact-group1 {
    right: -55rem;
    width: 55rem
}

.customSlideShow.contact-group1.open {
    right: 0
}

.customSlideShow.contact-group2 {
    right: -80rem;
    width: 80rem
}

.customSlideShow.contact-group2.open {
    right: 0
}

.single-contact {
    display: inline-block;
    width: 100%;
}

.customSlideShow.contact-group2 .single-contact,
.customSlideShow.contact-group1 .single-contact {
    display: flex;
    margin: 0 -15px
}

/*------------------------ vendor management css start ------------------------------*/

/* .userList-main.userList-main2 table tbody tr:hover td:nth-child(2) {
    color: #4E4E4E;
    font-size:1.2rem;
    font-family:"OpenSans";
} */

/* vendor managment css end */

/*------------------------------- system setting css start -----------------------------*/

.jobCreation .formSection.systemsetting {
    padding: 12px 22px;
}

.formSection.systemsetting .nav-tabs.ediuserTab li a {
    margin-right: 60px;
}

.formSection.systemsetting .nav.nav-tabs.ediuserTab {
    margin-bottom: 30px;
}

.jobCreation .formSection.systemsetting form {
    width: 75%;
}

.formSection.systemsetting .form-group .durationDet {
    font-size: 1rem;
    font-style: italic;
    text-align: right;
    display: inherit;
    width: 100%;
    color: #999999;
    padding: 0 1px;
    position: absolute;
    z-index: 2;
}

.formSection.systemsetting .form-group .toggleBth {
    margin-top: 0px;
}

.formSection.systemsetting h4 {
    margin-bottom: 20px;
}

.formSection.systemsetting .form-group .toggleBth.mobileToggle {
    padding-top: 5px;
    margin-bottom: 40px;
}

.formSection.systemsetting .gpsSettingCheck {
    display: flex;
    width: 100%;
    align-items: center;
}

.formSection.systemsetting .gpsSettingCheck .checkBox {
    margin-right: -15px;
    margin-left: 15px;
}

.formSection.systemsetting .gpsSettingMain .gpsSettingCheck .checkBox input[type=checkbox]+label:before {
    margin-right: 0;
}

.formSection.systemsetting .gpsSettingMain {
    margin-bottom: 30px;
}

.formSection.systemsetting .gpsSettingMain .checkBox {
    display: inline-block;
}

.formSection.systemsetting .gpsSettingCheck {
    margin: 0;
    padding-top: 10px;
}

.formSection.systemsetting .gpsSettingMain .checkBox input[type=checkbox]+label:before {
    content: "";
    border: 0.1em solid #231F20;
    background: transparent;
    font-size: 0.8rem;
    margin-top: 0;
    margin-right: 10px;
}

.formSection.systemsetting .gpsSettingMain .checkBox input[type=checkbox]:checked+label:before {
    content: "\e91e";
    background-color: #606161;
    border-color: #606161;
    color: #fff;
}

.formSection.systemsetting .gpsSettingMain .checkBox.lastchack {
    padding-bottom: 20px;
}

.formSection.systemsetting .gpsSettingMain label.switch {
    margin-right: 15px;
}

.formSection.systemsetting .geofenSetting .toggleBth {
    margin-top: 30px;
    margin-left: 20px;
}

.formSection.systemsetting .geofenSetting {
    margin-bottom: 40px;
}

.formSection.systemsetting .geofenSetting.geotagSetting {
    margin-bottom: 0;
}

.formSection.systemsetting .othersTabs {
    padding-bottom: 80px;
}

/* system setting css end */

/*----------------------------- Task Master style start ---------------------*/

.userList-main table tr td p.taskDecs {
    width: 190px;
    overflow: hidden;
    height: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 316, 305 responsive remove 558 Add
Task master style end */
.groupname-select {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 10px;
    width: calc(30% - 10px);
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: 6px;
    min-height: 37px;
}

.groupname-select div:after {
    content: ',';
    position: absolute;
    font-size: 1.1rem;
}

.groupname-select div {
    display: inline-block;
    padding-right: 15px;
    position: relative;
}

.groupname-select div:last-child:after {
    display: none;
}

.SlideShow-body .taskStatusCreation {
    padding-top: 10px
}

.groupname-select .cont {
    display: inline-block;
    margin-right: 10px
}

/*----------------------- Task Master Creation style start ------------------------------------*/
.right-group button,
.task-group button {
    border: none;
    background: none;
    outline: none !important;
    box-shadow: none !important;
    font-size: 1.5rem;
}

.taskStatusCreation2 .innerbodyCont .cont {
    border: 1px solid #cccccc80;
    border-radius: 6px;
    padding: 11px 15px;
    margin-bottom: 10px;
}

.task-group .icon-form-settings {
    font-size: 1.6rem;
    margin-top: 4px;
    margin-right: 10px;
}

.cont-border .cont {
    border: none;
    padding-right: 0;
}

.closed-task .cont {
    padding-right: 0
}

.task-group a {
    display: inline-block;
    width: 100%;
    color: #333;
    font-size: 1.1rem;
    padding: 1px 10px 7px;
}

.task-group .dropdown.open .dropdown-menu {
    left: inherit !important;
    right: 0 !important;
    min-width: 107px;
}

.task-head {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}

.task-cnt {
    font: 1.1rem 'OpenSans-Bold';
    display: inline-flex;
    min-height: 30px;
    align-items: center;
}

.task-cnt span {
    margin-left: 10px;
    font-size: 1.5rem;
}

.right-group {
    float: right;
    display: inherit;
    margin: 7px 0;
}

.cound-group {
    background: rgb(57, 86, 114, 0.15);
    color: #333;
    font-size: 1.1rem;
    display: inline-flex;
    margin-right: 10px;
    padding-right: 7px;
    border-radius: 0 4px 4px 0;
    min-width: 90px;
    align-items: center;
    cursor: pointer;
}

.cound-group span {
    width: 30px;
    background: rgb(57, 86, 114, 0.5);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    border-radius: 4px 0px 0px 4px;
    font-size: 1.7rem;
}

.right-group button {
    font-size: 1.4rem;
}

.step-count {
    font-size: 1.3rem;
    font-family: "OpenSans-Bold";
    color: #4D4D4D;
    background: #E6E6E6;
    padding: 10px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    cursor: pointer;
}

.list-task {
    display: inline-block;
    width: calc(100% - 54px);
}

.taskStatusCreation2 ul li {
    position: relative;
    padding-bottom: 40px;
}

.taskStatusCreation2 ul li>span {
    position: absolute;
    background: #e6e6e6;
    height: 91%;
    width: 3px;
    left: 20px;
    top: 40px;
}

.taskStatusCreation2 ul li:last-child>span,
.taskStatusCreation2 ul li>span.hide-bar {
    display: none;
}

.innerbodyCont p,
.innerbodyCont h6 {
    padding: 3px;
}

.innerbodyCont p {
    font-size: 1.1rem;
    color: #4D4D4D;
}

.formsaddTask {
    color: #29ABE2;
    font: 1.2rem 'OpenSans-Semibold';
    border-bottom: 1px solid #29ABE2;
    cursor: pointer;
}

/* task update css */
.taskStatusCreation {
    padding-top: 30px;
}
.jobworkflowchange {
    z-index: 975;
}
.jobCreation.taskCreationMain h4 {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
}

.taskStatusCreation .innerHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.taskStatusCreation .innerHead h4 {
    margin-bottom: 0;
}

.taskStatusCreation .innerHead h4 span {
    margin-left: 7px;
}

.taskStatusCreation .innerHead p {
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    color: #fff;
    padding: 7px 12px;
    background: #29ABE2;
    border-radius: 8px;
}

.taskStatusCreation .innerBody ul li .innerbodyCont,
.taskStatusCreation .innerBody ul li .innerbodyCont .cont {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.taskStatusCreation .innerBody {
    padding-bottom: 60px;
}

.taskMasterpage .innerBody .innerbodytask .cont.cont2 {
    width: 70%;
    padding: 8px 15px;
}

.taskMasterpage .innerBody .innerbodytask .cont.cont3 {
    width: calc(30% - 10px);
    margin-left: 10px;
    padding: 10px 15px;
}

.taskMasterpage .innerBody .innerbodytask .group-cont {
    width: 70%
}

.taskMasterpage .innerBody .innerbodytask .group-cont p {
    padding: 0;
    height: auto
}

.taskMasterpage .innerBody .innerbodytask .group-cont .cont.cont2 {
    width: 100%
}

.customSlideShow.formsRoles .formSection {
    padding: 0 15px;
    padding-top: 15px;
}

.customSlideShow.formsRoles .formSection h5 {
    padding-top: 0;
    margin-bottom: 4px;
    color: #11495D;
}

.customSlideShow .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.customSlideShow.formsRoles .SlideShow-body {
    padding: 0;
}

.customSlideShow.formsRoles .SlideShow-body ul {
    padding: 15px 15px;
    margin-bottom: 15px;
}

.customSlideShow.formsRoles .SlideShow-body .rolesSec {
    background: #F4F6FB;
    margin-top: 30px;
}

.customSlideShow.formsRoles .SlideShow-body ul li .headrolform {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #11495D;
}

.customSlideShow.formsRoles .SlideShow-body ul li .headrolform span {
    font-size: 1.3rem;
    font-family: "OpenSans-Semibold";
    color: #29ABE2;
    cursor: pointer;
    text-transform: capitalize;
}

.customSlideShow.formsRoles .SlideShow-body .SlideShow-cont .left span {
    background: #B3B3B3;
    border-radius: 50%;
    color: #fff;
    padding: 1px
}

.customSlideShow.formsRoles .SlideShow-body .SlideShow-cont .left {
    align-items: center;
}

.customSlideShow.formsRoles .SlideShow-body .SlideShow-cont {
    /*-- border-color: #e6e6e6;
    padding-bottom: 10px; --*/
    padding: 10px 0;
    margin-bottom: 4px;
}

.customSlideShow.addroleShow .SlideShow-body .SlideShow-cont {
    padding: 10px 0;
    margin-bottom: 4px;
}

.customSlideShow.addroleShow.open,
.customSlideShow.addformsShow.open {
    box-shadow: none;
}

.formListModal .modal-content .modal-body .btnsGroup button:last-child {
    background: #999999;
    color: #fff;
}

.formSection .createShift,
.formSection .editShift {
    padding: 10px 0px;
    margin-bottom: 20px;
    padding-top: 20px;
}

.formSection .createShift .btnsGroup {
    margin-top: 10px;
}

.editshift-ai-btn .switch {
    position: relative;
    display: inline-block;
    width: 1.6rem;
    height: 1.4rem;
    margin-right: 0.7rem;
    margin-bottom: 0;
}

.editshift-ai-btn .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.editshift-ai-btn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: -1.5rem;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.editshift-ai-btn .slider:before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    left: 0.3rem;
    bottom: 0.2rem;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #59B956;
}

input:focus+.slider {
    box-shadow: 0 0 1px #59B956;
}

input:checked+.slider:before {
    -webkit-transform: translateX(2.6rem);
    -ms-transform: translateX(2.6rem);
    transform: translateX(2.6rem);
    left: -0.8rem;
}

/* Rounded sliders */

.editshift-ai-btn .slider.round {
    border-radius: 3.4rem;
}

.editshift-ai-btn .slider.round:before {
    border-radius: 50%;
}

.formSection .editshift-ai-btn .toggleBth {
    margin-right: 0px;
    display: flex;
    align-items: center;
    margin-left: 15px;
    margin-top: 0
}

.statusColor .statuscolorBox {
    width: 30px;
    height: 15px;
}

.statusColor .statuscolorCode {
    padding-left: 10px;
    padding-top: 3px;
}

.blue {
    background-color: #3399ff;
}

.pink {
    background-color: #c156cc;
}

.red {
    background-color: #cc5876;
}

.green {
    background-color: #79cc56;
}

.popForm {
    margin-top: 15px
}

.dropdown-menu>li>a {
    font-size: 1.4rem;
}

/* Task Master Creation style end */

@media screen and (max-width:1024px) {
    .calendardashboard-headertools {
        padding: 0;
    }

    span.time-eye {
        margin-left: 15px;
    }
}

@media screen and (min-width:992px) and (max-width:1024px) {}

@media screen and (min-width:768px) and (max-width:991px) {
    .formwrapper {
        width: 600px;
    }

    .wizardstep-carousel {
        width: 500px;
        margin-left: 35px;
    }

    .calendarbox {
        margin: 0 10px;
        width: calc(50% - 20px);
    }

    .calendarbox-main {
        display: flex;
    }

    .calendarevent-section {
        margin-top: 40px;
    }
}

@media screen and (max-width:767px) {
    .calendartab-list {
        margin-top: 30px;
        background: #fff;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }

    .calendartab-list ul li {
        padding: 0 8px;
    }

    .calendartab-list ul li a {
        padding-left: 5px;
        padding-right: 5px;
    }

    .calendarevent-section {
        padding-left: 15px;
    }

    .timebound span {
        margin-left: 5px;
    }

    #calendarevents {
        display: inline-block;
        width: 100%;
    }

    .calendar-dashboard {
        margin-top: 80px;
    }
}

/* ------------------------------- company master css --------------------------------------------------------*/

/* .customSlideShow .jbasignBody h6 {
    font-size:1.1rem;
    font-family:"OpenSans-Semibold";
    margin-top: 15px;
    color: #4D4D4D;
}
.jbasignBody li {
    font-size:1.1rem;
    font-family:"OpenSans-Semibold";
    color: #4d4d4d;
    display: inline-block;
    padding: 10px;
    border: 1px solid #cccccc80;
    border-radius: 20px;
    width:13.5rem;
    text-align: center;
    margin-right: 5px;
    margin-top: 6px;
    position: relative;
    transition: 0.5s;
    cursor: pointer;
}
.jbasignBody li.active {
    background: #29abe2;
    color: #fff;
}
.jbasignBody li.active::before {
    content: "\e91c";
    position: absolute;
    top: 50%;
    left: 10px;
    color: #fff;
    font-family: 'icomoon' !important;
    transform: translateY(-50%);
} */


.slctUserType {
    margin-bottom: 25px;
}

.slctUserType h6 {
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #4D4D4D;
}

.formSection .countryGrp button {
    border: 1px solid rgb(204 204 204 / 0.5);
    outline: none;
}

.jbasignBody.slctUserType li {
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
}

.btnsGroup button.previous {
    background: transparent;
    border: 1px solid #395672;
    color: #395672;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
}

.formSection.systemsetting.addCompany .nav-tabs.ediuserTaban {
    font-size: 2rem;
    padding-right: 3px;
}

.formSection.systemsetting.addCompany .nav-tabs.ediuserTab a {
    margin-right: 26px;
    display: flex;
    align-items: center;
}

.craete-role-Select.listContact .panel-title>a:before {
    display: none;
}

.craete-role-Select.listContact .panel-title>a {
    padding: 0;
}

.craete-role-Select.listContact .panel-title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.craete-role-Select.listContact .panel-title span.icon-delete {
    cursor: pointer;
    font-size: 1.6rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px
}

.craete-role-Select.listContact .panel-default .panel-heading {
    padding: 0;
    border: 0;
}

.craete-role-Select.listContact .panel-title a {
    padding: 10px 15px;
    color: #4D4D4D !important;
}

.craete-role-Select.listContact .panel-title span.icon-form-rightcaret {
    background: #F2F2F2;
    padding: 12px;
    margin-right: 0;
    color: #333333;
    display: inline-block;
}

.craete-role-Select.listContact .panel-group .panel-heading+.panel-collapse>.list-group,
.craete-role-Select.listContact .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: 0;
    padding: 0;
}

.craete-role-Select.listContact .panel-group .panel {
    border: 0;
    box-shadow: none;
    background: #f9f9f9;
}

.craete-role-list.craete-role-list2 {
    margin-bottom: 10px;
    padding-top: 25px;
}

.craete-role-list.craete-role-list2 p {
    color: #29ABE2;
    font-size: 1.3rem;
    font-family: "OpenSans-Bold";
    cursor: pointer;
}

.craete-role-list.craete-role-list2 h4 {
    margin-bottom: 0;
}

.craete-role-Select.listContact .panel-title>a.collapsed+div span.icon-form-rightcaret:before {
    transform: inherit;
}

.craete-role-Select.listContact .panel-title>a+div span.icon-form-rightcaret:before {
    transition: 0.5s;
    transform: rotate(90deg);
    display: inline-block;
}

.craete-role-Select.listContact .panel-title>a+div span.icon-form-rightcaret {
    background: transparent;
}

.craete-role-Select.listContact .panel-title>a.collapsed+div span.icon-form-rightcaret {
    background: #f2f2f2;
}

.addCompany .btnsGroup {
    margin-top: 40px;
    width: 75%;
    padding-right: 40px;
}

.formSection.systemsetting.addCompany .nav.nav-tabs.ediuserTab {
    background: #f4f6fb;
    padding: 23px 15px 0 15px;
    padding-top: 0;
    margin-bottom: 10px;
}

.addCompany ul.nav.nav-tabs.ediuserTab li span {
    font-size: 1.8rem !important;
}

.formSection.systemsetting.addCompany form .tab-content {
    width: 75%;
}

.formSection.systemsetting.addCompany form {
    padding: 12px 22px;
    width: 100%;
}

.formSection.systemsetting.addCompany {
    padding: 0;
}

.checkbox.checkbox-ll.tabCheckBox {
    margin: 15px 0 25px;
}

.checkbox.checkbox-ll.tabCheckBox span {
    border-radius: 0;
    background: #fff;
}

.checkbox.checkbox-ll.tabCheckBox {
    font-family: 'OpenSans-Regular';
}

/*---------------------- company master css end -------------------------------------------*/

/* Role Privileges pages */

.craete-role-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.craete-role-list .leftSide,
.craete-role-list .rightSide {
    display: flex;
    align-items: center;
}

.craete-role-list .rightSide button {
    background: #2BAAE2;
    color: #fff;
    border: 0;
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    border-radius: 8px;
    margin-right: 10px;
    padding: 5px 15px;
}

.craete-role-list .formSection h4 {
    padding-top: 12px;
}

.craete-role-Select .panel-heading {
    border-radius: 0px
}

.craete-role-Select h4.panel-title {
    margin-bottom: 0;
}

.craete-role-Select .panel-group .panel {
    border-radius: 0;
}

.panel-default {
    border-color: #E6E6E6;
}

.panel-default>.panel-heading {
    color: #4D4D4D;
    background-color: #F9F9F9;
    border-color: #E6E6E6;
}

.craete-role-Select .panel-group .panel-heading+.panel-collapse>.list-group,
.craete-role-Select .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #E6E6E6;
}

.craete-role-Select .check-select {
    background: #fff;
    color: #666666;
    font-size: 1.3rem;
    padding: 5px 12px;
    border: 1px solid #ddd;
    float: right;
    border-radius: 0;
    position: relative;
    font-weight: 400 !important;
    margin-top: -5px;
}

.craete-role-Select .checkbox label {
    padding-left: 0;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    opacity: 0;
}

.craete-role-Select .check-select .fa {
    padding-right: 8px;
    font-size: 1.4rem;
}

.craete-role-Select .table {
    border-right: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
}

.craete-role-Select .table>thead>tr>th {
    background: #ffffff;
    border-top: 1px solid #E6E6E6 !important;
    border-bottom: 1px solid #E6E6E6;
    font-size: 1.3rem;
    padding: 12px 8px;
}

.craete-role-Select .table>tbody>tr>td,
.craete-role-Select .table>tbody>tr>th,
.craete-role-Select .table>tfoot>tr>td,
.craete-role-Select .table>tfoot>tr>th,
.table>thead>tr>td,
.craete-role-Select .craete-role-Select .table>thead>tr>th {
    padding: 8px 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

.craete-role-Select .checkbox .cr,
.craete-role-Select .radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.2em;
    height: 1.2em;
    float: left;
    margin-right: .5em;
}

.craete-role-Select .table tbody tr td,
.craete-role-Select .table tbody tr th {
    color: #4D4D4D;
    font-size: 1.4rem;
    font-family: "OpenSans-Regular";
    letter-spacing: -0.5px;
}

.craete-role-Select .checkbox,
.craete-role-Select .radio {
    margin: 0;
}

.craete-role-Select .checkbox label input[type="checkbox"]+.cr>.cr-icon,
.craete-role-Select .radio label input[type="radio"]+.cr>.cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.craete-role-Select .checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.craete-role-Select .craete-role-Select .radio label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale(1.4) rotateZ(0deg);
    opacity: 1;
    color: #666666;
}

.craete-role-Select .checkbox label:after,
.craete-role-Select .radio label:after {
    content: '';
    display: table;
    clear: both;
}

label.edit-role {
    font-size: 1.3rem !important;
    font-family: "OpenSans-Semibold" !important;
}

.icon-role-question {
    color: #2BAAE2;
    font-size: 1.6rem;
}

.statusMaster-list table td .editsIcon {
    width: 185px;
}

.rolePrivileges table td .editsIcon {
    width: 90px;
}

.craete-role-Select .panel-title>a {
    position: relative;
    padding-left: 17px;
}

.craete-role-Select .panel-title>a.collapsed:before {
    content: "\e936";
    transform: inherit;
    left: 0;
    top: 2px;
}

.craete-role-Select .panel-title>a:before {
    font-family: icomoon;
    content: "\e936";
    padding-right: 5px;
    position: absolute;
    color: #9c9e9c;
    left: -4px;
    top: 4px;
    transition: 0.5s;
    transform: rotate(90deg);
}

.icon-form-question {
    color: #2BAAE2;
}

.icon-form-edit {
    cursor: pointer;
}

label.edit-role {
    font-size: 1.3rem !important;
    font-family: "OpenSans-Semibold" !important;
}

.icon-role-question {
    color: #2BAAE2;
    font-size: 1.6rem;
}


/* Role Privileges pages*/



/* primeng tooltip start here */

.p-tooltip-text {
    font-size: 1.4rem;
}

/* primeng tooltip end here */

/* table default design start*/
.userList-main .p-datatable .p-datatable-tbody>tr>td {
    border: 0;
    padding: 12px 8px;
}

.userList-main .p-datatable .p-datatable-thead>tr>th {
    background: transparent;
    color: #818181;
    font-weight: normal;
    position: relative;
}

/* table default design end*/
/* custom css new */
.userList .rightSide .form-group select {
    border: 0;
    background: transparent;
    padding-left: 7px;
    appearance: none;
    outline: none;
    min-width: 100px;
    width: 100%;
    cursor: pointer;
}

.userList-main .p-paginator-bottom.p-paginator.p-component {
    margin-top: 20px;
    border: 0;
}

.userList-main .p-datatable .p-datatable-thead>tr>th:hover,
.userList-main .p-datatable .p-datatable-thead>tr>th:focus {
    background: transparent;
    outline: none;
    box-shadow: none;
}

.userList-main .p-datatable .p-datatable-thead>tr>th .p-sortable-column-icon {
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

.userList-main .p-datatable .p-datatable-thead>tr>th:hover .p-sortable-column-icon {
    visibility: visible;
    opacity: 1;
}

.userList-main table thead tr th .checkbox span {
    background: transparent;
    font-size: inherit;
}

.userList-main table thead tr th .p-checkbox .p-checkbox-box span {
    visibility: hidden;
}

.userList-main table thead tr th .p-checkbox .p-checkbox-box.p-highlight span {
    visibility: visible;
}

.userList-main tr td .p-checkbox-box {
    visibility: hidden;
    opacity: 0;
}

.userList-main tr:hover td .p-checkbox-box {
    visibility: visible;
    opacity: 1;
}

.userList-main tr td .p-checkbox-box.p-highlight {
    visibility: visible;
    opacity: 1;
}

.userList-main table td .editsIcon span:last-child {
    margin-right: 0;
}

/* select Style start here */
.formSection .form-group select {
    background: #FFFFFF;
    border-color: rgb(204 204 204 / 0.5);
    width: 100%;
    height: 30px;
    outline: none;
    z-index: 999;
}

.systemsetting .form-group .icon-down1 {
    bottom: 6px;
    top: inherit;
}

/* select style end here */
.loginsection {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: url("../images/login/login-bg.jpg") no-repeat top center;
    background-size: 100%;
    background-position: bottom;
}

.loginbox {
    display: block;
    width: 400px;
    padding: 40px 55px 60px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.3);
    height: 500px;
}

.login-logo {
    font-size: 3.2rem;
    line-height: 32px;
    margin-bottom: 30px;
}

.login-logo a {
    display: inline-block;
    vertical-align: middle;
}

.login-logo a img {
    max-width: 100%;
}

.loginbox h2 {
    font-size: 2rem;
    font-family: "OpenSans-SemiBold";
    color: #363742;
    margin-bottom: 30px;
}

.loginbox h2 span {
    font-family: "OpenSans-Bold";
}

.login-inputs {
    display: inline-block;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.password-tad,
.username-tab,
.logincredential,
.signinoptions-tab,
.forgot-tab {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.logincredential.slidehide,
.signinoptions-tab.slidehide {
    -webkit-transform: translateX(-350px);
    transform: translateX(-350px);
    height: 0;
}

.password-tad,
.username-tab.slidehide {
    -webkit-transform: translateX(-350px);
    transform: translateX(-350px);
    display: none;
}

.password-tad.slideshow {
    display: inline-block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.signinoptions-tab,
.forgot-tab {
    -webkit-transform: translateX(350px);
    transform: translateX(350px);
    height: 0;
    display: flex;
}

.signinoptions-tab.slideshow,
.logincredential,
.forgot-tab.slideshow {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    height: auto;
}

.logincredential,
.signinoptions-tab,
.forgot-tab {
    overflow: hidden;
    width: 100%;
}

.login-inputs input[type="text"],
.login-inputs input[type="password"] {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ABB1B7;
    padding: 10px 0;
    font-size: 1.4rem;
    font-family: "OpenSans-Regular";
    color: #777;
    margin-bottom: 14px;
}

.login-inputs button,
.signin-inner button.backbutton,
.forgotPass button.forgotbutton {
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    height: 38px;
    font-size: 1.7rem;
    font-family: "OpenSans-Bold";
    color: #fff;
    background: #34BBFB;
    outline: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.login-inputs button:focus,
.signin-inner button.backbutton:focus,
.forgotPass button.forgotbutton:focus {
    outline: 0;
    border-radius: 0;
}

.login-inputs button:hover,
.forgotPass button.forgotbutton:hover {
    background: #1D5D8B;
}

.signup-link {
    margin: 10px 0 16px 8px;
    font-size: 1.5rem;
    font-family: "OpenSans-Regular";
    color: #363742;
}

.signup-link a {
    color: #34BBFB;
}

.signup-link a:hover {
    color: #1D5D8B;
}

.signin-option {
    font-size: 1.5rem;
    font-family: "OpenSans-Regular";
    color: #34BBFB;
    margin: 0 0 45px;
    padding-left: 8px;
}

.signin-option span {
    display: inline-block;
    cursor: pointer;
}

.forgot-password {
    font-size: 1.5rem;
    font-family: "OpenSans-Regular";
    color: #ABB1B7;
    font-style: italic;
    padding-left: 8px;
}

.forgot-password span {
    font-style: normal;
    color: #34BBFB;
    font-size: 1rem;
    text-transform: uppercase;
    cursor: pointer;
    font-family: "OpenSans-Bold";
}

.forgot-password span:hover,
.signin-option span:hover {
    color: #1D5D8B;
}

.signin-inner {
    padding-left: 6px;
}

.signin-inner h3 {
    font-size: 2.1rem;
    font-family: "OpenSans-Bold";
    color: #363742;
    margin: 0 0 15px;
}

.signinoptions-tab.slideshow .signin-inner h3 {
    visibility: visible;
    opacity: 1;
}

.signinoptions-tab .signin-inner h3 {
    visibility: hidden;
    opacity: 1;
}

.signin-inner a.signin-facebook,
.signin-inner a.signin-google {
    display: inline-block;
    width: 100%;
    padding: 0 14px;
    height: 40px;
    font-size: 1.7rem;
    font-family: "OpenSans-Bold";
    line-height: 40px;
    color: #fff;
    background: #425F9C;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-bottom: 8px;
}

.signin-inner a.signin-google {
    background: #DF2A25;
}

.signin-inner a.signin-facebook:hover,
.signin-inner a.signin-google:hover {
    opacity: 0.8;
}

.signin-inner a.signin-facebook i,
.signin-inner a.signin-google i {
    width: 52px;
    vertical-align: middle;
    display: inline-block;
}

.signin-inner a.signin-facebook i {
    font-size: 2.4rem;
}

.signin-inner a.signin-google i {
    font-size: 3.5rem;
}

.signin-inner .forgot-password {
    padding-left: 0;
    margin-top: 20px;
}

.signin-inner button.backbutton {
    text-transform: none;
    color: #1D1D1B;
    background: #DADADA;
    border-radius: 0;
    margin-top: 120px;
}

.forgotPass input,
.forgotPass button.forgotbutton {
    float: none;
}

.signin-inner.forgotPass {
    margin-top: 27%;
}

.signin-inner.forgotPass h3 span {
    font-size: 1.3rem;
    display: inline-block;
    vertical-align: middle;
}

/* mega menu css */
.megamenu {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1050;
    background: #00000050;
    height: 100%;
    box-shadow: 0px 0px 7px #c5c4c4;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all 0.5s ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-25px)
}

.megamenu.open,
.closeMenu.open,
.megamenu.open .row ul,
.megamenu.open .row h5,
.megamenu.open .row {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.megamenu .row {
    background: #fff;
    padding: 40px 40px 40px 110px;
    transform: translateY(-5px);
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
}

@media (min-width: 992px) {
    .megamenu .col-md-3 {
        width: 20%;
        margin-bottom: 20px;
    }
}

.megamenu li {
    padding: 4px 0;
}

.megamenu li a {
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #666;
}

.megamenu li a:hover {
    color: #00AAC3;
}

.megamenu ul {
    padding-left: 0;
    transform: translateY(-75px);
    transition: all 0.9s ease;
    visibility: hidden;
    opacity: 0;
}

.megamenu h5 {
    font-size: 1.5rem;
    font-family: "OpenSans-Bold";
    margin-bottom: 5px;
    color: #00AAC3;
    display: flex;
    align-items: center;
    transform: translateY(-75px);
    transition: all 0.7s ease;
    visibility: hidden;
    opacity: 0;
    text-transform: uppercase;
}

.megamenu h5 span {
    font-size: 1.8rem;
    color: #00AAC3;
    font-weight: normal;
    margin-right: 8px;
}

.megamenu h5 span.icon-calendar {
    font-weight: 100;
}

.megamenu h5 span.icon-newforms {
    font-size: 1.7rem;
}

.closeMenu {
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    transition: 0.5s;
    background: #00AAC3;
    height: 56px;
    width: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.6rem;
    z-index: 1051;
    cursor: pointer;
    transform: translateY(-25px);
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}

.logotheme-tab.nav-tabs {
    border: 0;
    margin-bottom: 0;
}

.logotheme-tab li {
    margin-bottom: 0;
    margin-left: 20px;
}

.logotheme-tab.nav-tabs>li>a {
    padding: 8px 20px 6px 8px;
    font-size: 1.4rem;
    font-family: "OpenSans-Semibold";
    color: #808080;
    border: 0;
    border-bottom: 3px solid transparent;
    background: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.logotheme-tab.nav-tabs>li>a i {
    font-size: 1.8rem;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
}

.logotheme-tab.nav-tabs>li.active>a,
.logotheme-tab.nav-tabs>li.active>a:focus,
.logotheme-tab.nav-tabs>li.active>a:hover {
    color: #000;
    border: 0;
    border-bottom: 3px solid #009BFA;
    background: none;
}

.jobCreation .formSection.logotheme-section {
    padding-left: 20px;
    padding-right: 20px;
}

.restore-button {
    float: right;
    margin-left: 10px;
    background: #242956;
    color: #fff;
    border: 0;
    font-size: 1.2rem;
    font-family: "OpenSans";
    border-radius: 0;
    padding: 8px 15px;
}

.logotheme-section span.logotitle {
    font-size: 1.26rem;
    font-family: "OpenSans-Bold";
    color: #11495D;
    display: inline-block;
    margin-bottom: 7px;
}

.logotheme-section .file-upload-wrapper {
    height: 3.2rem;
    border-color: #ccc;
    border-radius: 0;
    margin-bottom: 10px;
}

.logotheme-section .file-upload-wrapper:before {
    top: -1px;
    right: -1px;
    font-size: 1.3rem;
    height: 3.2rem;
    padding: 0 15px;
    width: 10rem;
    line-height: 2.4;
    border-radius: 0;
}

.logotheme-section .file-upload-wrapper input {
    width: 10rem;
}

.logotheme-section .file-upload-wrapper:after {
    padding: 0 15px;
    width: calc(100% - 10rem);
    height: 3rem;
    border-radius: 0;
}

.logotheme-section p.filewrap-info {
    color: #b3b3b3;
    margin-left: 7px;
    font-family: "OpenSans-Regular";
    font-size: 1.2rem;
}

.logotheme-section .form-group {
    margin-bottom: 35px;
}

.afterupload {
    margin-top: 3px;
    display: inline-block;
    width: 100%;
    margin-bottom: 60px;
}

.afterupload img.previewimage {
    /* max-width:30.5rem;
    margin-bottom:18px; */
    float: left;
}

.afterupload .changeimage {
    position: relative;
    float: left;
    clear: both;
    background: #4D4D4D;
    height: 3.32rem;
    padding: 0 15px;
    min-width: 220px;
    text-align: center;
    font-size: 1.6rem;
    font-family: "OpenSans-Regular";
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.afterupload .changeimage:hover {
    background: #000;
}

.changeimage span {
    vertical-align: middle;
    display: inline-block;
    line-height: 2;
}

.afterupload .changeimage i {
    display: inline-block;
    font-size: 1.5rem;
    margin-right: 6px;
}

.afterupload .changeimage input {
    opacity: 0;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

p.maxtext {
    font-size: 1rem;
    font-family: "OpenSans-Light";
    color: #4d4d4d;
    margin-bottom: 25px;
}

.avatar-preview {
    display: inline-block;
    width: 100%;
    border: 1px solid rgba(178, 178, 178, 0.5);
    text-align: center;
    padding: 1rem 0;
}

.logotheme-section .pre-logo span.logotitle {
    margin-bottom: 2px;
    color: #4d4d4d;
}

.afterupload .avatar-preview img {
    float: none;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.afterupload .btnsGroup button {
    background: #4d4d4d;
}

.main-cropper {
    border: 1.5px dashed rgba(0, 0, 0, 0.25);
    padding: 25px 0;
}

.main-cropper .resize {
    z-index: 2 !important;
}

.main-cropper .resize .square {
    background: #fff !important;
    border: 2px solid #999 !important;
}

.main-cropper .cropper:after {
    border: 2px solid #999 !important;
}

.color-group {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.color-group .colorhd1 {
    font-size: 1.3rem;
    font-family: "OpenSans-Bold";
    color: #11495D;
    margin-bottom: 8px;
    font-weight: normal;
}

.color-group .colorhd1 i {
    font-size: 1.2rem;
    color: #11495D;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    cursor: pointer;
}

.color-group .colorhd2 {
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #4D4D4D;
    margin-bottom: 6px;
    font-weight: normal;
    float: left;
    width: 100%;
}

.colorinner {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.colorinner p {
    float: left;
    margin-left: 12px;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #4D4D4D;
    margin-top: 0.7rem;
}

.colorinner p span input {
    float: none;
    width: auto;
    border: 0;
    height: auto;
    font-size: inherit;
    padding: 0;
    line-height: normal;
    background: none;
    display: inline-block;
}

.colorinner .colorpallet {
    float: left;
    width: 6rem;
    height: auto;
    border: 1px solid #ccc;
    padding: 3px 3px;
}

.formSection .color-group .dropdown .dropdown-menu {
    left: 105%;
    float: right;
    top: 2px;
    border: 0;
    border-radius: 5px;
    padding: 7px 10px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 18%);
}

.formSection .color-group .dropdown.open .dropdown-menu {
    border: 0;
    border-radius: 5px;
}

.clearboth {
    clear: both;
}

.logotheme-content {
    background: #fff;
    padding: 0 0 50px;
    margin: 0 8px;
}

.newvalue h5 {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #11495D;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.listvalue-radio {
    display: inline-block;
    width: 100%;
}

.listvalue-radio li {
    float: left;
    margin-left: 25px;
    margin-bottom: 10px;
}

.listvalue-radio li:first-child {
    margin-left: 0;
}

.listvalue-radio li input {
    display: none;
}

.listvalue-radio li label {
    float: left;
    position: relative;
    font-size: 1.1rem;
    font-family: "OpenSans-Semibold";
    color: #4D4D4D;
    padding-left: 2.6rem;
    cursor: pointer;
}

.listvalue-radio li label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.53rem;
    height: 1.53rem;
    border: 1px solid rgba(153, 153, 153, 0.5);
    border-radius: 50%;
    background: #fff;
    content: "";
}

.listvalue-radio li label:after {
    position: absolute;
    top: 0.4rem;
    left: 0.5rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: #0B0B4F;
    content: "";
    display: none;
}

.listvalue-radio li input:checked+label:after {
    display: block;
}

.newvalue .dropdown-fields label {
    position: relative;
    width: calc(100% - 3rem - 8px);
}

.newvalue .dropdown-fields span.delete-list {
    position: absolute;
    right: 8px;
    top: 3px;
    margin-top: 0;
}

.newvalue .dropdown-fields input {
    float: left;
    width: calc(100% - 3rem - 8px);
    border: 1px solid rgba(179, 179, 179, 0.5);
    background: #fff;
    border-bottom-color: #29ABE2;
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #4d4d4d;
    padding: 3px 10px;
    height: 2.8rem;
    margin-right: 6px;
}

.newvalue .listvalue-radio+.formrow {
    margin-top: 10px;
}

.newvalue .dropdown-fields {
    margin-top: 3px;
}

.newvalue .dropdown-fields span.dependentfield {
    margin-top: -3px;
    margin-left: 2px;
}

.newvalue .dropdown-fields span.dependentfield i {
    font-size: 3rem;
    color: #b3b3b3;
}

.newvalue .dropdown-fields span.dependentfield i:hover {
    color: #000;
}

.newvalue .dropdown-fields span.addfield {
    margin-left: 2px;
    margin-top: 0.6rem;
}

.newvalue .dropdown-fields span.addfield i {
    font-size: 1.6rem;
    color: #29ABE2;
}

p.valuesave {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

p.valuesave span {
    float: right;
    margin-left: 10px;
    cursor: pointer;
}

p.valuesave span i {
    font-size: 1.6rem;
    color: #808080;
    margin-right: 0;
}

p.valuesave span i:hover {
    color: #29ABE2;
}

.myjob-queue.myjob-queue2 .table-subfolder span {
    margin: 0 7px 0 7px;
}

.job-detail.job-detail2 .btn-primary.btn-submit {
    background: #29ABE2;
    margin-left: 5px
}

.job-detail.job-detail2 .btn-primary.btn-submit:hover {
    background: #11495D;
}

.submit-list .btn-tranparent.btn-tranparent-open {
    color: #29ABE2;
}

.job-contact .job-tittle {
    margin-bottom: 3px;
}

.job-info .cont-name {
    margin-bottom: 15px;
}

.submit-list .btn-tranparent {
    text-transform: uppercase;
}

.jobDetail {
    background: #fff;
    padding: 20px;
    margin: 0 8px 30px;
    border-radius: 3px;
}

.jobDetail-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 12px;
}

.jobDetail-top h5 {
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #29ABE2;
    margin-bottom: 5px;
}

.jobDetail-top p {
    font-size: 1.1rem;
    font-family: "OpenSans-Regular";
    color: #4D4D4D;
    margin-bottom: 5px;
}

.detail-jobgroup {
    border-right: 1px solid #ddd
}

.detail-jobgroup .job-bordercontact {
    padding: 10px 5px;
    position: relative;
}

.job-bordercontact:before {
    left: -7px;
    content: '';
    position: absolute;
    width: calc(100% + 10px);
    height: 1px;
    background: #ddd;
    bottom: 0;
}

.detail-jobgroup .contactSec {
    padding-top: 10px
}

.detail-jobgroup .job-info li {
    display: inline-flex;
    align-items: center;
    font-size: 1.3rem;
}

.jobDetail-top .btn-primary {
    background: #29ABE2;
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    padding: 5px 22px;
}

.jobDetail-top .job-detail {
    width: inherit;
    margin-left: 20px
}

.Detdescrip {
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
}

.table-subfolder .calendar-iconsp span {
    margin-right: 0;
}

.jobCreation .job-formwidth form {
    width: 100%;
}

.check-vip {
    align-items: center;
    min-height: 30px;
    display: flex;
}

.customSlideShow.taskInfo .right-popuptitle h4 {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #4D4D4D;
    margin-bottom: 0;
}

/* .Detdescrip {
    background: #f8f8f8;
    padding: 15px 20px;
    border-bottom: 1px solid #F2F2F2;
}
.Detdescrip h5 {
    font-size:1.2rem;
    font-family:"OpenSans-Semibold";
    color: #808080;
    line-height: 1.5;
} */
.Detdescrip p {
    font-size: 1.1rem;
    font-family: "OpenSans-Light";
    color: #4D4D4D;
    line-height: 1.5;
}

.contactSec {
    padding-top: 20px;
}

.contactSec h5 {
    font-size: 1.2rem;
    font-family: "OpenSans-Light";
    color: #808080;
    line-height: 1.5;
}

.contactSec p {
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #000;
    margin-bottom: 20px;
}

.contactSec .job-info span {
    margin-right: 7px;
}

.jobDetail-tab {
    border: 0;
    padding-top: 20px;
    margin-bottom: 30px;
}

.jobDetail-tab li a {
    border: 1px solid #cccccc80;
    border-radius: 0;
    background: #F2F2F2;
    color: #808080;
    font-size: 1.4rem;
    font-family: "OpenSans-Semibold";
    margin: 0;
    line-height: 1.5;
    border-left: 0;
    min-width: 11.3rem;
    text-align: center;
    padding: 6px;
    height: 3.6rem;
}

.jobDetail-tab li.active a,
.jobDetail-tab li.active a:hover,
.jobDetail-tab li.active a:focus {
    border: 1px solid #cccccc80;
    border-radius: 0;
    border-top: 3px solid #009BFA;
    color: #000;
}

.jobDetail-tab li:first-child a {
    border-left: 1px solid #cccccc80;
}

.tabborder-left {
    border-left: 1px solid #cccccc80;
}

.statusHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    flex-wrap: wrap;
    position: relative;
}

.statusHead h5 {
    font-size: 1.6rem;
    font-family: "OpenSans-Regular";
    margin-bottom: 6px;
    font-weight: bold;
}

.statusHead h5 span {
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
}

.statusList li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #cccccc80;
    border-top: 0;
    padding: 10px;
}

.statusList li:first-child {
    border-top: 1px solid #cccccc80;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.statusList li:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-bottom: 15px;
}

.statusList h5 {
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #4D4D4D;
}

.statusList p {
    font-size: 1.1rem;
    font-family: "OpenSans-Bold";
    text-transform: uppercase;
    margin-left: auto;
    padding-right: 16px;
}

.inprogress {
    color: #F7931E;
}

.enroute {
    color: #29ABE2;
}

.submited {
    color: #8CC63F;
}

/* .open{
    color: #29ABE2;
} */
.draft {
    color: #4D4D4D;
}

#modal2.modal {
    top: 50%;
    transform: translateY(-50%);
}

.successContent {
    text-align: center;
    padding: 40px 0;
}

.successContent span {
    color: #009245;
    border: 1px solid #009245;
    border-radius: 50%;
    padding: 6px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 1.8rem;
}

.successContent h5 {
    font-size: 1.6rem;
    font-family: "OpenSans-Bold";
    color: #4D4D4D;
}

.successContent p {
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #4D4D4D;
}

.addNotes {
    text-align: right;
    padding-right: 5px;
    color: #29abe2;
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
}

.addNotes span {
    background: #29abe2;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
    margin-left: 6px;
    text-align: center;
    margin-top: -2px;
}

.statusList h5 span {
    font-size: 1.4rem;
    padding-right: 8px;
    cursor: pointer;
    color: #29abe2;
}

.statusHead p span {
    padding-left: 6px;
}

.statusHead p {
    color: #29abe2;
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    cursor: pointer;
}

.statusHead p,
.statusHead .reassign {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 1;
}

.statusHead h5 .revert {
    font-size: inherit;
    color: #B3B3B3;
}

.statusHead .btn-primary {
    background: #242956;
    font-size: 1.3rem;
    font-family: "OpenSans-Semibold";
    padding: 5px 15px;
    transition: all 0.5s;
}

.statusHead .btn-primary:hover {
    background: #29ABE2;
}

.group-pf {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 15px;
    position: relative;
    background: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -5px;
}

.group-pf span {
    font-size: 2rem;
    margin-right: 0;
    color: #ddd;
}

.group-pf:before {
    width: 17px;
    height: 2px;
    background: #e5e5e5;
    content: '';
    right: -17px;
    position: absolute;
    top: 47%;
}

.group-pf img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid #e5e5e5;
}

.statusNameList li {
    display: flex;
    align-items: center;
}

.statusNameList .status-li {
    display: flex;
    /* width: calc(100% - 55px); */
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 7px 10px;
    border: 1px solid #cccccc80;
    border-radius: 6px;
    margin-bottom: 5px;
    cursor: pointer;
}

.statusNameList li:hover {
    background: #F9F9F9;
}

.statusNameList li:last-child {
    margin-bottom: 15px;
}

.statusNameList h6 {
    font-size: 1.4rem;
    font-family: "OpenSans-Semibold";
    color: #4D4D4D;
    line-height: 1.3;
}

.statusNameList h6 span {
    color: #666666;
    padding-left: 5px;
}

.statusNameList p {
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #808080;
}

.statusNameList .teamLeadCheck {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.statusNameList li:hover .checkBox input[type=checkbox]+label,
.statusNameList li:hover span,
.statusNameList li .checkBox input[type=checkbox]:checked+label {
    visibility: visible;
    opacity: 1;
}

.sqrcheckBox .checkBox input[type=checkbox]+label:before {
    content: "";
    border-radius: 0;
    margin-right: 5px;
    height: 14px;
    font-size: 0.7rem;
    width: 14px;
    padding-left: 3px;
    padding-top: 1px;
    margin-top: 0;
    background: transparent;
    color: #fff;
    border-color: #808080;
}

.sqrcheckBox .checkBox input[type=checkbox]:checked+label:before {
    content: "\e91e";
    background: #009BFA;
    border-color: #009BFA;
}

.sqrcheckBox .checkBox input[type=checkbox]+label {
    font-size: 1.1rem;
    font-family: "OpenSans-Semibold";
    color: #666666;
    display: flex;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

.sqrcheckBox span {
    color: #4D4D4D;
    font-size: 1.8rem;
    margin-right: 0;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

.customSlideShow .jbasignBody h6 {
    font-size: 1.1rem;
    font-family: "OpenSans-Semibold";
    margin-top: 15px;
    color: #4D4D4D;
}

.jbasignBody li {
    font-size: 1.1rem;
    font-family: "OpenSans-Semibold";
    color: #4d4d4d;
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid #cccccc80;
    border-radius: 20px;
    width: 135px;
    text-align: center;
    margin-right: 15px;
    margin-top: 6px;
    position: relative;
    transition: 0.5s;
    cursor: pointer;
}

.jbasignBody li.active {
    background: #29abe2;
    color: #fff;
}

.jbasignBody li.active::before {
    content: "\e91e";
    position: absolute;
    top: 53%;
    left: 15px;
    color: #fff;
    font-family: 'icomoon' !important;
    transform: translateY(-50%);
}

.jobAssign .left span {
    background: #E6E6E6;
    border-radius: 50%;
    color: #fff;
    padding: 1px;
    margin-top: 3px;
    cursor: pointer;
}

.jobAssign .btn-primary {
    margin-top: 8px;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    padding: 3px 10px;
    border-radius: 9px;
    background: #29ABE2;
}

.jobAssign .btn-primary:hover {
    background: #11495D;
}

.jobCreation .jobAssign .formSection {
    padding: 35px 0px;
    padding-bottom: 15px;
}

.myjoblist-main.userList-main {
    padding: 0px 0 0 0;
}

.myjoblist-main .userList .rightSide .form-group {
    margin-right: 0;
}

.myjoblist-main .userList .leftSide ul li {
    font-size: 1.2rem;
    padding: 0 5px 0 10px;
    border-radius: 3px;
    margin-right: 6px;
    height: 2.2rem;
    line-height: 1.8;
    background: #f2f2f2;
}

.myjoblist-main .userList .leftSide ul li span {
    padding-top: 0.4rem;
}

.myjoblist-main .userList .leftSide p.cleartext {
    margin-right: 45px;
    padding: 0 15px;
    height: 2.2rem;
    line-height: 2;
    border-radius: 3px;
    background: #f2f2f2;
}

.myjoblist-main .userList .leftSide .rightSide .form-group {
    background: #f4f4f4;
    padding: 3px 2px 3px 8px;
    width: 250px;
    margin-left: 80px;
    margin-top: -4px;
    height: 27px;
}

.myjoblist-main .userList .rightSide .form-group p {
    font-size: 1rem;
    font-family: "OpenSans-Regular";
    color: #000;
}

.myjoblist-main .userList .rightSide .form-group .bootstrap-select button,
.rightSide.myjob-category .p-dropdown .p-dropdown-label {
    font-family: "OpenSans-Semibold";
    color: #000;
}

.rightSide.myjob-category .p-dropdown .p-dropdown-label {
    padding-bottom: 0;
    height: auto;
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    background: transparent;
}

.myjoblist-main .bootstrap-select .dropdown-menu {
    top: 38px;
}

.myjoblist-main .userList .leftSide ul.selectpicker li {
    padding: 0;
    background: #fff;
    margin: 0;
    border-radius: 0;
    height: auto;
    line-height: normal;
}

.myjoblist-main .userList .leftSide ul.selectpicker li span {
    float: none;
    padding: 0;
    font-size: inherit;
    color: inherit;
}

.myjob-queue .hidden-joblist {
    background: #F5F8FC;
}

.hiddenjob-inner {
    padding: 15px 0px 0px;
    margin-top: -5px;
    border: 1px solid #ddd;
    border-top: 0;
}

.myjob-queue.job-queue tr.hidden-joblist td {
    overflow: hidden;
}

.myjob-queue.job-queue tr.collapsed td:first-child,
.myjob-queue.job-queue tr.hidden-joblist td:first-child {
    border-bottom-left-radius: 7px;
}

.myjob-queue.job-queue tr td:first-child {
    border-bottom-left-radius: 0;
}

.myjob-queue.job-queue tr.collapsed td:last-child,
.myjob-queue.job-queue tr.hidden-joblist td:last-child {
    border-bottom-right-radius: 7px;
}

.myjob-queue.job-queue tr td:last-child {
    border-bottom-right-radius: 0;
}

.myjob-queue.job-queue tr.collapsed td {
    border-bottom: 1px solid #ddd;
}

.myjob-queue.job-queue tr td {
    border-bottom: 0;
}

.myjob-queue.job-queue tr.hidden-joblist td {
    border-radius: 0 0 7px 7px;
}

.addNotes label {
    font-family: inherit;
    margin-bottom: 0;
    cursor: pointer;
}

.attachment-list li {
    float: left;
    width: 100%;
    border: 1px solid #E6E6E6;
    background: #f4f4f4;
    padding: 6px 4px 4px 15px;
    color: #555;
    margin-bottom: 5px;
    font-family: 'OpenSans-Bold';
}

.attachment-list li span {
    float: left;
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 30px);
}

.attachment-list li label {
    float: right;
    margin-bottom: 0;
    font-size: 1.4rem;
}

.attachment-list li i {
    cursor: pointer;
}

.attachment-list li i:hover {
    color: #29abe2;
}

.p-fileupload-row {
    border-top: 1px solid #ddd;
}

.addfile {
    float: left;
    width: 100%;
    border: 1px solid #e6e6e6;
    background: #f9f9f9;
    padding: 6px 15px;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
}

.customSlideShow .SlideShow-body .addfile p {
    color: #29ABE2;
    font-family: 'OpenSans-Bold';
}

.addfile input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.addfile label {
    margin-bottom: 0;
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    color: #29abe2;
    cursor: pointer;
}

.clientDataBox h5 {
    font-size: 1.6rem;
    font-family: "OpenSans-Bold";
    color: #11495D;
    margin-bottom: 10px;
    margin-left: -15px;
}

.clientDataBox .col-md-4 {
    padding-left: 0;
    padding-right: 15px;
}

.clientDataBox .col-md-4:nth-child(4n+0) {
    padding-right: 0;
}

.sqrBox {
    background: #fff;
    padding: 18px 15px;
    border: 1px solid rgb(204 204 204 / 0.5);
    border-radius: 6px;
    margin-bottom: 10px;
    min-height: 50px;
    padding-top: 9px;
}

.sqrBox img {
    display: block;
    margin: 0 auto;
}

.sqrBox .imgH {
    height: 60px;
    margin-bottom: 10px;
    display: flex;
    vertical-align: middle;
    width: 100%;
    font-size: 3.5rem;
    align-items: center;
    justify-content: center;
    color: #a1a1a1;
}

.sqrBox h6 {
    font-size: 1.6rem;
    font-family: "OpenSans-Bold";
    color: #1A1A1A;
    margin-top: 20px
}

.sqrBox p.byName {
    margin-bottom: 10px;
}

.sqrBox p,
.sqrBox p.byName {
    font-size: 1.2rem;
    font-family: "OpenSans-Regular";
    color: #808080;
}

.sqrBox p a {
    color: #2C4097;
    cursor: pointer;
}

.switchOption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 17px;
    padding-top: 15px;
    border-top: 1px solid #cccccc80;
}

.sqrBox .switchOption .toggleBth {
    text-transform: uppercase;
    color: #333;
    font-family: "OpenSans-Semibold";
    font-size: 1.3rem;
}

.sqrBox .switchOption p {
    text-transform: uppercase;
}

.sqrBox .switchOption p {
    color: #2D419A;
    font-size: 1.3rem;
    font-family: "OpenSans-Bold";
    cursor: pointer;
}

.sqrBox .switchOption p.unconfigure {
    font-family: "OpenSans-Semibold";
    color: #999;
    cursor: auto;
}

.clientDataBox .row {
    margin-bottom: 30px;
}

.clientDataBox {
    padding: 10px 15px;
}

.clientDataBox .switch {
    margin-left: 15px;
}

.customSlideShow .SlideShow-body p.config-text {
    font-size: 1.4rem;
    font-family: "OpenSans-Bold";
    color: #11495D;
    clear: both;
}

.configimage {
    margin-top: 10px;
    max-width: 100%;
}

.customSlideShow2 .SlideShow-body {
    padding: 0 15px !important;
}

.customSlideShow2.formsRoles .SlideShow-body ul {
    padding: 0 !important;
}

/*-- .selectedList{
min-height: 80px;
} --*/
.tdresource-detail {
    display: flex;
    align-items: center;
}

.tdresource-detail .promolist-dropdown {
    width: 100%;
    display: inline-block;

}

.tdresource-detail .promolist-dropdown .dot-button {
    margin-left: 5px !important
}

.tdresource-detail .promolist-dropdown .dot-button:after {
    bottom: -7px;
}

.tdresource-detail .promolist-dropdown .promolist.dropdown-menu {
    width: 225px;
    max-height: 214px;
    overflow-y: auto;
}

.tdresource-detail .promolist-dropdown .promolist.dropdown-menu ul {
    min-height: 40px;
    max-height: 100%;
}

.tdresource-detail .promolist li {
    color: #918f8f;
    line-height: 18px;
}

.tdresource-detail .promolist li .job-fnt13 {
    color: #333;
}


.unSelectedlist h4 {
    padding: 20px 0 10px;
}

.header-section.errorHead {
    justify-content: flex-end;
}

header .header-section {
    background: #fff;
    padding: 20px 30px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.jt-bg-color .d-block {
    display: block !important;
}

.jt-bg-color .m-auto {
    margin: auto !important;
}

.jt-bg-color img {
    vertical-align: middle;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.jt-bg-color img {
    vertical-align: middle;
}

.main-section {
    display: block;
    padding: 15px 30px;
}

.main-section.error h3 {
    text-align: center;
    font: 73px Roboto-Bold;
    color: #1f5f8c;
    margin-top: 30px;
}

.main-section.error h4 {
    text-align: center;
    font: 22px Roboto-Regular;
    color: #1f5f8c;
}

.main-section.error img {
    width: 300px;
}

.right-popupSection {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.4);
}

.p-dialog-mask {
    z-index: 1050 !important;
}

.faxclear {
    clear: both;
}

.taskagainHeight {
    height: 600px !important;
}

/* History style css End - Provided by Dilipan on 24/06/2021 5:00 PM  */

.exportjob {
    text-align: right;
    padding-right: 5px;
    color: #29abe2;
    margin-bottom: 1.1rem;
    font-size: 1.3rem;
    font-family: 'OpenSans-Bold';
}

.exportjob span {
    cursor: pointer;
}

.jobhistoryhead {
    display: inline-block;
    color: inherit;
    width: 100%;
}

.jobhistoryhead.collapsed h4 {
    font-size: 1.5rem;
    font-family: 'OpenSans-Semibold';
    color: #b3b3b3;
}

.jobhistoryhead h4 {
    color: #009bfa;
    font-family: 'OpenSans-Bold';
}

.jobhistoryhead,
.jobhistorysec .panel-collapse {
    background: #F4F6FB;
}

.jobhistoryhead.collapsed {
    background: #fff;
    border-bottom: 1px solid #cccccc80;
    padding-bottom: 2rem;
}

.jobhistoryhead.collapsed h4 span {
    background: #b3b3b3;
    transform: rotate(270deg);
}

.jobhistoryhead h4 span {
    background: #009bfa;
    color: #fff;
    padding: 3px;
    font-size: 0.9rem;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 4px;
    margin-right: 1rem;
    margin-top: -4px;
    transform: rotate(0);
}

.jobhistoryhead .panel-heading {
    padding: 2rem 2rem 0;
    margin-bottom: 1px;
}

.jobhistorysec .panel-default {
    border: 0;
    border-radius: 0;
}

.jobhistorysec .panel-body {
    padding: 1rem 5rem 0;
}

.jobhistory-body label {
    font-size: 1.3rem;
    color: #11495d;
    font-family: 'OpenSans-Regular';
}

.jobhistory-body h5 {
    font-size: 1.5rem;
    font-family: 'OpenSans-Regular';
    margin-bottom: 0.5rem;
    color: #000000;
}

.jobhistory-body h5 span {
    color: #666666;
    font-size: 1.3rem;
}

.jobhistory-body p {
    font-size: 1.3rem;
    font-family: 'OpenSans-Regular';
    word-break: break-word;
}

.jobhistory-body li {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
}

.jobhistory-body li:last-child {
    border: 0;
}

@media(max-width:1024px) {
    .jobDetail-tab>li {
        width: 20%;
    }

    .jobhistorysec .panel-body {
        padding: 1rem 2rem 0;
    }
}

@media(max-width:767px) {
    .jobDetail-tab>li {
        width: 50%;
        margin-bottom: 5px;
    }
}

/*History Style End - Provided by Dilipan on 24/06/2021 5:00 PM */

.p-fileupload-row {
    display: inline-block;
    width: 100%;
}

.p-fileupload .p-fileupload-row>div {
    float: left;
}

.p-fileupload .p-fileupload-row>div:first-child {
    display: none;
}

.p-fileupload .p-fileupload-row>div:first-child+div {
    float: left;
    width: 50%;
    word-break: break-all;
}

.p-fileupload-row>div:last-child {
    float: right;
}

/*
TASK CREATION SCREEN SELECT CHOOSE GROUP CSS
PROVIDED BY MR.DILIPAN 24/06/2021 -->4.30 PM
*/
/* currently new css  */

.customSlideShow .SlideShow-body .SlideShow-cont.groupslectsec.selected {
    background: #F4F6FB;
    border-bottom: 0;
    padding-left: 7px;
}

.customSlideShow .SlideShow-body .SlideShow-cont.groupslectsec {
    padding: 8px 10px;
    align-items: end;
}

.customSlideShow .SlideShow-body .groupslectsec .cound-group {
    font-size: 1.1rem;
    min-width: 67px;
}

.customSlideShow .SlideShow-body .groupslectsec .cound-group span {
    width: 25px;
    height: 20px;
    border-radius: 6px 0px 0px 6px;
    font-size: 1.3rem;
    margin-right: 5px;
    color: #fff;
}

.right-popupSection.header-popup {
    z-index: 2000 !important;
}

.statusLine li:after {
    content: "";
    height: 100%;
    width: 1px;
    background: #cccccc;
    position: absolute;
    left: 3px;
    top: -12px;
    z-index: 1;
}

.statusLine li:first-child:after {
    display: none;
}

.statusLine li::before {
    content: "";
    position: absolute;
    background: #cccccc;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}

.statusLine li {
    font-size: 1.2rem;
    font-family: 'OpenSans-Regular';
    color: #4d4d4d;
    padding: 5px 0 5px 20px;
    position: relative;
}

.statusLine {
    margin-top: 5px;
}

.image-icon-eye {
    float: right;
    font-size: 15px;
    color: #29ABE2;
    margin-top: 5px;
    margin-left: 7px;
    cursor: pointer;
}

#addResource {
    color: #fff;
    background: #29abe2;
    padding: 2px 14px;
    border-radius: 7px;
}

/*List item Drag and drop Balamurugan*/
.list-container {
    width: 100%;
    border: 0px dashed black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul {
    padding: 0;
    margin: 0;
}

.list-item {
    position: relative;
    list-style: none;
    display: block;
    /* z-index: 1; */
    background: white;
}

.list-item .item-content:hover {
    background: #ececec;
}

.list-item.empty-item {
    z-index: 10;
}


.list-item.empty-item.over {
    outline: 3px solid #177dd6;
}

/* http://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element */
.list-item.empty-item>* {
    pointer-events: none;
}

.item-content {
    padding: 10px;
    display: block;
    position: relative;
}

.folder-item {
    background: #f6f6f6;
    /* if an open folder is the last item in the collection, this
    allows us to drag and drop an item below it */
    padding-bottom: 3px;
}

.folder-content>.list-item>* {
    padding-left: 35px;
}

.folder-item .folder-content.collapsed {
    display: none;
}

.folder-item>.item-content {
    font-weight: bold;
}

.list-item.drag-src {
    opacity: 0.3;
}


.insert-before,
.insert-after {
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    width: 100%;
    transition: border 200ms linear;
    display: none;
    box-sizing: border-box;
    z-index: 1;
}

.insert-after {
    top: 50%;
}

/* will make these elements available in the DOM when dragging */
.dragging .insert-before,
.dragging .insert-after {
    display: block;
}

.list-item:not(.drag-src) .over.insert-before:after {
    content: '';
    width: 100%;
    top: -10px;
    position: relative;
    height: 3px !important;
    display: block;
    background: #177dd6;
}

.list-item:not(.drag-src) .over.insert-after:after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: #177dd6;
    position: relative;
    height: 3px !important;
    top: calc(100% - 13px);
}

/* the circle on drag */
.list-item:not(.drag-src) .over.insert-before:before,
.list-item:not(.drag-src) .over.insert-after:before {
    content: '';
    border: 2px solid #177dd6;
    display: block;
    position: relative;
    ;
    left: -3px;
    top: -3px;
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 6px;
    z-index: 10;
}

.list-item:not(.drag-src) .over.insert-after:before {
    top: calc(100% - 6px);
}

.drop-inside {
    width: 100%;
    background: rgba(0, 0, 255, 0.3);
    position: absolute;
    height: 33%;
    left: 0;
    top: 33%;
    z-index: 2;
}

.drop-inside:before {
    content: '';
    background: #fdb14b;
    position: absolute;
    width: 100%;
    height: 300%;
    display: none;
    top: -100%;
    left: 0;
    bottom: 0;
}

.over-host .drop-inside:before {
    display: block;
}

.element-icon {
    margin-right: 5px;
}

.dragdrop-list {
    border: none;
    padding: 5px;
    width: 100%
}

.dragdrop-list li {
    width: 100%;
    display: flex;
    padding: 0 5px;
    margin-top: 5px;
    align-items: center;
}

.dragdrop-list small {
    min-width: 2.2rem;
    font-size: 1.2rem;
    font-family: "OpenSans-Bold";
    color: #000;
}

.dragdrop-list label {
    padding-left: 5px;
    width: calc(100% - 50px);
    align-items: center;
    display: inline-flex;
    background: #f2f2f2;
    line-height: 2;
    margin-right: 10px;
    margin-bottom: 0;
}

.dragdrop-list .delete-list {
    display: inline-block;
    margin: 0;
    font-size: 1.6rem;
    color: #ccc;
    position: absolute;
    right: 20px;
    margin-top: -30px;
}

.status-fullwidth {
    margin-top: 5px;
}

.status-fullwidth li {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    border-top: 1px solid #cccccc80;
}

.status-fullwidth li b {
    font-size: 1.3rem;
    text-transform: capitalize;
}

.status-fullwidth li h5 {
    margin-top: 7px;
    word-break: break-all;
}

.login-inputs input#Password {
    margin-bottom: 14px;
}

.color-group .dropdown-menu.active {
    display: block;
}

.rolemerge {
    padding: 8px 0;
    margin-bottom: 0px;
    min-height: 40px;
}

.roleMergeText {
    font-size: 1.2rem;
    font-family: "OpenSans-Semibold";
    display: inline-block;
    width: 140px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.duplicate {
    color: red;
}

.rolemerge .checkBox input[type=checkbox]+label:before {
    margin-right: 10px;
}

/* recurence job */
.SlideShow-body h4 {
    font: 1.2rem "OpenSans-Bold";
    color: #4D4D4D;
    margin: 10px 0 15px;
}

.btn-tranparent .icon-time1 {
    margin-left: 6px;
    font-size: 1.6rem;
    color: #11495d;
}

.customfield-ttitle h5 {
    font-size: 1.6rem;
    font-family: "OpenSans-Semibold";
    color: #11495D;
    margin: 2rem 0;
}

.customfield-ttitle h5 span {
    color: #333;
}

.customfiledlist {
    border-bottom: 1px solid #e9ecef;
    display: inline-block;
    width: 100%;
}

.customfiledlist .form-group {
    margin-bottom: 3rem;
}

.customfiledlist .form-group label {
    width: 100%;
    font-size: 1.3rem;
    color: #333;
}

.customfiledlist .form-group p {
    font-size: 1.4rem;
    font-family: "OpenSans-Semibold";
    color: #000;
    word-break: break-all;
}

.form-group .p-datepicker .p-datepicker-month {
    width: 100px !important;
}

.form-group .p-datepicker .p-datepicker-year {
    width: 70px !important;
}

.form-group .p-datepicker .p-datepicker-month,
.form-group .p-datepicker .p-datepicker-year {
    -webkit-appearance: searchfield;
    appearance: searchfield;
}

/*job dashboard */
.dashboard-group {
    padding: 0 24px;
    width: 100%;
    display: inline-block;
}

.dashboard-head {
    font: 1.6rem 'OpenSans-Semibold';
    color: #000;
    margin: 20px 0;
}

.date-range {
    display: flex;
    align-items: center;
    margin-left: auto;
    justify-content: flex-end;
    width: 100%;
}

.date-range .form-group {
    width: 170px;
    margin-left: 10px;
    margin-bottom: 0;

}

.date-range .form-group label {
    font: 1.3rem 'OpenSans-Regular';
    color: #4D4D4D
}

.date-range .btn-tranparent {
    color: #29ABE2;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    padding-top: 40px;
}

.date-range .form-group .positionSet.icon-date1 {
    top: 2.7rem;
    font-size: 1.5rem;
}

.date-range .form-group input {
    font-size: 1.1rem;
}

.dashboard-jobcount {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    width: 100%;
    background: url(../images/job-countpatturn.png) #fff center center no-repeat;
    background-size: cover;
    color: #000;
    flex-direction: column;
    height: 300px;
    border-radius: 3px;
    margin: 15px 0 30px;
}

.dashboard-jobcount span {
    font-size: 4.8rem;
    margin-bottom: 15px;
    color: #727272;
}

.dashboard-jobcount p {
    font: 1.5rem 'OpenSans-Semibold';
    margin-bottom: 5px;
}

.dashboard-jobcount .last-job-count {
    font: 4.8rem 'OpenSans-Bold';
    color: #1D5D8B;
    margin-bottom: 0px;
}

.dashboard-category,
.userList-main.myjoblist-main.dashbaordTable.taskmasterMain {
    width: 100%;
    display: inline-block;
    background: #fff;
    padding: 15px 25px;
    border: 1px solid #ddd;
    border-radius: 7px;
    margin: 15px 0 10px;
}

/* .category-leftspace{
    margin-left:10px;
    width:calc(100% - 10px);
} */
.category-head {
    font: 1.4rem 'OpenSans-Semibold';
    color: #000;
    padding: 4px 0 15px;
}

.category-head .btn-tranparent {
    padding-right: 0;
    font-size: 1.5rem;
}

.category-body {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 230px;
    padding-bottom: 20px;
}

.count-pos {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 1.1rem 'OpenSans-Semibold';
    color: #000;
    width: 100%;
}

.categorychart-height1 {
    height: 300px;
}

.categorychart-height2 {
    height: 500px;
    padding-bottom: 0;
    padding-left: 20px;
    margin-bottom: 20px;
}

.count-posleft {
    height: 100%;
    width: auto;
    left: -20px;
}

.count-posleft span {
    transform: rotate(-90deg);
}

/*end job dashboard */
/* create job update design css */
.customSlideShow .SlideShow-body .SlideShow-cont {
    position: relative;
}

.customSlideShow .SlideShow-body .SlideShow-cont .group-resourcelead h5 {
    display: flex;
    align-items: center;
    min-height: 22px;
}

.customSlideShow .SlideShow-body .group-resourcelead p {
    margin-top: 0;
}

.customSlideShow .SlideShow-body .SlideShow-cont .left-checklead .checkBox {
    align-self: flex-start;
    margin-top: 3px;
}

.catgoryTaskview {
    padding: 5px 25px;
    background: #fff;
}

.catgoryTaskview .form-group {
    margin-bottom: 5px;
}

.creatjob-viewinfo {
    margin-top: 10px;
}

.creatjob-viewinfo .job-info>ul>li {
    width: auto;
    margin-left: 24px;
}

.creatjob-viewinfo .job-info>ul>li:first-child {
    margin-left: 0;
}

.more-content .promolist-dropdown {
    float: none;
    display: inline-block;
}

.dot-button {
    width: 25px;
    height: 9px;
    border: 1px solid #a7a7a7;
    display: inline-block;
    border-radius: 5px;
    position: relative;
    top: 2px;
    margin-left: 5px !important;
}

.dot-button:after {
    content: '...';
    position: absolute;
    font-size: 1.9rem;
    color: #a7a7a7;
    top: -3px;
    line-height: 0;
    left: 3px;
}

.job-queue .job-detail .btn-primary {
    min-width: 70px;
    padding: 0 15px;
}

.jobqueue-assignbtn {
    text-align: right;
}

.jobqueue-assignbtn .btn.revertbtn {
    padding-left: 12px;
    padding-right: 0;
    opacity: 0;
    pointer-events: none;
}

.jobqueue-assignbtn .btn.revertbtn.revert-visible {
    opacity: 1;
    pointer-events: auto;
}

.job-queue .p-datatable table tr td.visible-assign {
    padding-right: 0;
}

.more-content .dropdown-menu.open {
    display: block;
}

.assign-teamlead {
    display: flex;
    width: calc(100% - 120px);
    align-items: center;
}

.vendor-assign,
.formSection .form-group .assignTo ul li .vendor-assign {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #838282;
    color: #333;
    font: 1.3rem 'OpenSans-Bold';
    margin-left: 10px;
    transition: all 0.5s;
    cursor: pointer;
}

.assign-filter {
    display: flex;
    align-items: center;
    padding: 5px 0;
    flex-wrap: wrap;
    margin-top: 15px;
}

.assign-filter .job-tittle {
    margin-bottom: 5px;
    text-transform: inherit;
}

.assign-search {
    position: relative;
    margin-right: 10px;
}

.assign-filterright {
    display: flex;
    margin-left: auto;
    align-items: center;
}

.filter-assignadd {
    width: inherit;
    margin-right: 0;
    font-size: 1.3rem;
    font-family: "OpenSans-Bold";
    color: #29ABE2;
    padding: 10px 0;
}

.assign-search input {
    width: 250px;
    padding-right: 30px;
}

.assign-filterright .positionSet {
    top: 0.6rem;
}

.resource-leadcheck {

    align-items: center;
    margin: 5px 0;
}

.resource-leadcheck input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
}

.resource-leadcheck label {
    padding-left: 25px;
    margin: 0;
    position: absolute;
    font-size: 1.2rem;
    color: #4D4E4E;
    cursor: pointer;
}

.resource-leadcheck label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 0.8rem;
    justify-content: center;
    width: 15px;
    height: 15px;
    align-items: center;
    z-index: 1;
    border: 1px solid #ccc;
    border-radius: 0.5px;
    line-height: 2;
}

.resource-leadcheck input[type=checkbox]:checked+label:after {
    display: flex;
    content: "\e91e";
    font-family: 'icomoon' !important;
    color: #fff;
    border-color: #29ABE2;
    background-color: #29ABE2;
}

.resource-leadcheck input[type=checkbox][disabled]+label,
.resource-leadcheck input[type=checkbox][disabled]+label:hover {
    cursor: not-allowed;
}

.resource-leadcheck input[type=checkbox][disabled]+label:after {
    opacity: 0.6;
}

.title-infolow {
    text-transform: uppercase;
    color: #11495D;
    padding-top: 7px;
}

.jobCreation .title-infolow,
.jobCreation .formSection h5 {
    text-transform: capitalize;
    color: #13495D;
    padding-top: 7px;
    font-family: "OpenSans" !important;
    font-weight: 600;
}

.customSlideShow .formSection .form-group .resource-leadcheck label {
    margin-bottom: 0;
    font-size: 1.2rem !important;
}

.custom-pp .customSlideShow .SlideShow-body {
    padding: 46px 15px 10px;
}

.custom-pp .customSlideShow .form-group label {
    font-size: 1.1rem;
    font-family: "OpenSans";
    color: #4D4D4D;
    margin-bottom: 4px;
    width: 100%;
}

.custom-pp .customSlideShow .form-group input {
    background: #FFFFFF;
    border-color: rgb(204 204 204 / 0.5);
    border-radius: 3px;
    height: 2.8rem;
    font-size: 1.2rem;
    font-family: "OpenSans";
    color: #666766;
    box-shadow: none;
}

.customSlideShow .pi-calendar:before {
    color: #fff;
}

/* form template */
.group-category {
    display: flex;
    width: 90%;
    margin: 20px 0;
}

.cate-btn .create-btn {
    margin-right: 15px;
    min-width: 140px;
    padding: 0.5rem 1rem;
    cursor: pointer;
}

.cate-btn .create-btn span {
    justify-content: flex-end;
    margin-right: 0;
    font-size: 1rem;
    margin-left: auto;
}

.category-search {
    position: relative;
    width: 550px;
}

.category-search .p-autocomplete .p-autocomplete-loader {
    right: 3.5rem;
    display: none;
}

.category-search .p-autocomplete input {
    font-size: 1.2rem;
    border-color: #e7e7e7
}

.category-search .icon-search {
    position: absolute;
    right: 0;
    top: 0;
    color: #7e7e7e;
    font-size: 1.3rem;
    width: 25px;
    height: 26px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.category-name h2 {
    font: 1.4rem 'Muli-SemiBold';
    margin-bottom: 10px;
    color: #010101;
}

.category-group {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
    width: 90%;
}

.category-item {
    width: 220px;
    padding: 0 10px;
}

.category-item .recent-btn a {
    font-size: 1.3rem;
    min-width: 90px;
}

.category-item .recent-part {
    width: 100%;
    padding: 12px;
    padding-bottom: 0;
    margin-bottom: 15px;
}

.category-item .recent-part:hover .recent-hover,
.category-item .recent-footer {
    display: flex;
    align-items: center;
}

.category-item .recent-part:hover .recent-hover {
    flex-direction: column;
    justify-content: center;
}

.recent-dwnd {
    position: absolute;
    bottom: 0;
    right: 0;
}

.recent-dwnd,
.category-item .recent-footer a {
    font-size: 2.2rem;
    margin-left: auto;
    justify-content: flex-end;
    color: #676767
}

.recent-dwnd a {
    color: #fff;
    margin-right: 12px;
}

.category-item .recent-part:hover .recent-btn {
    transform: inherit;
}

/* .preview-categ .p-dialog-header-icons{
    position: absolute;
    top: -12px;
    right: -24px;
} */
.btn-catedwnld {
    position: absolute;
    right: 0px;
    top: 0;
}

.btn-catedwnld button {
    padding: 4px;
    border-radius: 7px;
    background: transparent !important;
}

.category-listtemp li p.pull-right {
    color: #676767;
}

.category-listtemp li:hover p {
    color: #1E55AD;
}

#DataSubRequest table tr:hover td:nth-child(2) {
    color: #4E4E4E;
}

/* form template end*/
.dropdownrequest .promolist-dropdown .promolist.dropdown-menu {
    padding: 0 0 5px;
}

.dropdownrequest .promolist li {
    padding: 5px 15px;
    margin-bottom: 0;
    color: #4D4D4D;
}

.dropdownrequest .promolist .default-label {
    color: #9f9f9f;
    padding: 4px 7px 2px;
    border-top: 1px solid #e5e5e5;
    margin-top: 4px;
    font-size: 1.3rem;
}

.requestdropdown li span {
    color: #9f9f9f;
}

input[type="password"] {
    float: left;
    width: 100%;
    /* border-bottom:1px solid #ABB1B7; */
    padding: 6px 12px;
    font-size: 1.4rem;
    font-family: "OpenSans-Regular";
    color: #777;
    margin-bottom: 14px;
}

.p-dropdown {
    font-family: "OpenSans";
    font-size: 1.3rem;
    width: 100%;
}

.p-dropdown .p-dropdown-label {
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    color: #333 !important;
    padding-left: 12px;
    line-height: 1.1;
}

.p-multiselect .p-multiselect-label {
    padding-left: 12px !important;
}

.autotemplateadd .repeat-check .checkBox.managerCheck input[type=checkbox]+label:after,
.autotemplateadd .repeat-check .checkBox.managerCheck input[type=radio]+label:after {
    background-color: #fff;
    border: 1px solid rgb(169, 167, 167, 0.5);
}

.autotemplateadd .repeat-check .checkBox.managerCheck input[type=checkbox]+label:after {
    border-radius: 0;
}

.sendradio {
    margin-bottom: 10px;
}

.sendradio .repeat-check {
    margin-left: 20px;
    margin-top: -5px;
    width: auto;
}

.autotemplateadd .send-particular-box {
    margin-left: 20px;
}

.autotemplateadd .list-inline>li {
    vertical-align: middle;
}

.autotemplateadd .send-particular-box input.form-control {
    width: 250px;
}

.autotemplateadd .send-particular-box select.form-control {
    width: 100px;
}

.composemail {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

.importaneradio .repeat-check,
.receiptcheckbox .repeat-check {
    margin-top: 0px;
    margin-right: 30px;
    width: auto;
}

.jobCreation .formSection .autotemplateadd h4 {
    margin-bottom: 15px;
    color: #13495D;
}

.emailcontent .move-insert {
    clear: both;
}

.emailcontent .p-listbox {
    border: 0;
    border-radius: 0;
}

.emailcontent .p-listbox .p-listbox-list {
    padding: 0;
}

.emailcontent .p-listbox .p-listbox-list .p-listbox-empty-message,
.emailcontent .p-listbox .p-listbox-list .p-listbox-item {
    border: 1px solid #ced4da;
    border-radius: 3px;
    height: 2.6rem;
    margin-top: 1rem;
    font-size: 1.3rem;
    line-height: 1.7;
}

.emailcontent .p-listbox .p-listbox-list .p-listbox-item span {
    font-weight: normal !important;
}

.emailcontent .btnsGroup button {
    border-radius: 6px;
    padding: 4px 8px;
}

.previewmodel-popup .modal-body p {
    font-size: 1.3rem;
    font-family: "OpenSans";
    color: #4D4D4D;
    margin-bottom: 3rem;
}

.jobCreation .formSection .craete-role-Select form.autoemailform {
    width: 66%;
}

label.label-popup {
    font-family: "OpenSans";
    font-size: 1.1rem;
    color: #4D4D4D;
    margin-bottom: 4px;
}

@media screen and (min-width:1024px) {
    .emailcontent {
        width: 149.5%;
    }

    .formListModal.previewmodel-popup .modal-dialog {
        width: 80rem;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    .emailcontent {
        width: 138.5%;
    }

    .jobCreation .formSection .craete-role-Select form.autoemailform {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .jobCreation .formSection .craete-role-Select form.autoemailform {
        width: 100%;
    }
}


@media screen and (max-width:px) {
    .repeat-check.advancecheckbox {
        margin-top: 0;
    }
}

.emailPreview,
textarea.emailPreview.form-control {
    background: transparent !important;
    border: 0 !important;
}

textarea.emailPreview.form-control:focus,
.emailPreview.form-control:focus {
    box-shadow: none !important;
}

.divlookup {
    position: absolute;
    top: 27px;
    left: 8px;
}

.promolist-dropdown .promolist.dropdown-menu.requestdropdown {
    max-height: inherit
}

.requestdropdown ul {
    width: 165px;
    max-height: 190px !important;
}

.flex-job {
    display: flex;
    align-items: center;
}

.p-component {
    font-family: "OpenSans-Regular" !important;
}

.p-dropdown .p-dropdown-clear-icon {
    right: 2.4rem !important;
    color: #B3B3B3 !important;
    margin-top: -0.4rem;
}

.p-column-filter-constraints .p-multiselect {
    height: 2.5rem;
}

.p-column-filter-constraints .p-multiselect .p-multiselect-label {
    font-size: 1.2rem;
    padding: 0.3rem 0.5rem;
}

.p-multiselect .p-component.p-multiselect-items {
    font-size: 1.2rem;
}

.job-queue .p-datatable table tr:hover {
    background: #FAFCFF;
}

.promolist-dropdown .icon-alignalt {
    font-size: 1.3rem;
}

.visible-drop .promolist-dropdown .icon-alignalt {
    font-size: 1.6rem;
    color: #808080;
}

.right-popupSection .dateicon .p-calendar .p-inputtext {
    font-size: 1.1rem;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item,
.p-dropdown .p-dropdown-label {
    text-align: left;
}

.sub-head {
    font-size: 14px;
    padding: 10px 5px;
    font-family: open-bold;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.pull-right {
    float: right !important;
}

.jobCreation .formSection.systemsetting.mfa form {
    width: 100%;
}

.jobCreation .formSection.systemsetting.mfa .row {
    margin: 0px;
}

.pdl-0 {
    padding-left: 0 !important;
    /* padding-ri
.pdl-0 {
    padding-left: 0!important;
    /* padding-right: 0!important; */
}

.auth-checkbox {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 2px;
}

.auth-checkbox .imgH {
    position: relative;
}

.authcheck-main {
    margin-bottom: 20px;
}

.mrtop-5 {
    margin-top: 5px;
    ;
}

.gqrcode-input {
    padding-top: 30px;
}

.qrsteps {
    padding-left: 22px;
    margin-bottom: 30px;
    display: block;
    clear: both;
}

.qrsteps p {
    font-size: 11px;
    padding-left: 5px;
    margin-top: 5px;

}

.font-bold {
    font-family: OpenSans-Semibold;
    font-weight: 400;
    font-style: normal;
}

/* 26/4/22 */

.promolist-dropdown.dateassign {
    font-size: 18px;
    font-weight: normal !important;
    text-transform: none;
}

.jobDetail-top span.jobprocess-bg,
.jobDetail-top span.icon-calendar {
    border-radius: 7px !important;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
    box-shadow: none !important;
}

.contact-person .contact-view {
    position: relative;
    /* margin-left: -30px; */
}

.status-fullwidth span {
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
}

.SlideShow-title .icon-tick1:before {
    content: "\e91e";
    font-size: 1.3rem;
}

.ListHover li:hover {
    background: transparent;
}

.job-detail .promolist-dropdown.dateassign span {
    border-radius: 50px !important;
}

.formSection button.btn.btn-default {
    margin-left: 24px;
}

.jobCreation .catgoryTask form {
    background: #F7F8F9 !important;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.reportexport-btn {
    margin-top: 10px;
    margin-left: 14px;
}

.statusreport {
    margin-top: 20px;
}

/* 27/4/22 */


.lite-dialog.formListModal.previewmodel-popup .p-dialog-content {
    overflow-y: unset;
}

.formSection.systemsetting.addCompany .nav-tabs.ediuserTab li.activ a {
    color: #009BFA !important;
}

.job-queue thead.p-datatable-thead tr:hover {
    background: none !important;
}

.job-queue .job-info li {
    font-size: 1.4rem;
}

.userList .leftSide ul {
    margin-left: 20px;
    margin-right: 10px;
}

.formSection.systemsetting.addCompany .nav-tabs.ediuserTab li a span {
    font-size: 24px;
    padding-right: 2px;
}

button#addcutomfield {
    background: #29ABE2;
}

.processFlow {
    border-radius: 12px;
    border: #e1e1e1 solid 1px;
    padding: 12px 0;
    overflow: hidden;
}

.processFlow h3 {
    font-size: 1.3rem !important;
    font-family: 'OpenSans-SemiBold';
    margin-bottom: 4px;
}

.processFlow span {
    float: left;
    padding: 0;
    margin: 4px 0 0 0;
}

.processFlow h6,
.taskMasterpage .innerbodyCont .processFlow p {
    font-size: 1.3rem !important;
}

.schedule-calender,
.library-main {
    padding: 0 8px;
}

.martop {
    margin-bottom: 20px;
}

.icontext {
    display: flex;
    align-items: center;
}

.Administratorsection {
    border-top: #e1e1e1 solid 1px;
    clear: both;
    margin: 0 12px;
    font-size: 13px;
    padding: 10px 0;
}

app-version-history-popup .customSlideShow.customerlookup {
    width: calc(80% - 25%);
}

div#companydetails form,
div#companycontact form,
div#applicationconfig form {
    padding: 6px 6px 10px 6px !important;
}

.jbasignBody.slctUserType ul {
    margin-top: 6px;
}

.editsIcon .icon-edit1 {
    padding-right: 12px;
}

.innerMargin {
    margin: 0;
}

.innerMargin .margin-right-5 {
    margin-right: 25px;
}

div#DataSubRequest .userList-main {
    padding: 0;
}

.p-column-filter-menu-button.p-column-filter-menu-button-active,
.p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: transparent !important;
    color: #495057;
}

.jobCreation .logotheme-tab li.active a,
.jobCreation .logotheme-tab.nav-tabs>li.active>a {
    color: #009BFA;
}

.export button {
    margin-right: 14px !important;
}

.editsIcon .icon-form-duplicate {
    margin-right: 14px;
}

.edittabletop {
    margin-top: 20px;
}

button#bulkadddatamasking {
    margin-right: 14px;
}

.addfontfamily {
    font-size: 1.25rem;
    font-family: "OpenSans-Bold" !important;
    color: #4692CE;
    padding: 5px 0px;
    cursor: pointer;
}

.userList-main .p-datatable tr td span.role {
    width: 121px;
    display: block;
}

/* div#fpanel > div:first-child {
    margin-bottom: 18px;
} */
.iti {
    font-size: 1.2rem;
}

@media screen and (min-width:1024px) {
    .calendaroverflow .p-datepicker {
        right: 0;
        left: auto !important;
    }
}

.p-datatable .p-datatable-tbody>tr>td.norecord {
    text-align: center;
    padding-bottom: 40px !important;
}

.formtemplates .category-name h2 {
    padding-left: 0;
}

.formtemplates .category-name h2:after {
    background: none;
}

.formtemplates .category-item .recent-part {
    box-shadow: 0px 0px 12px 3px rgb(0 0 0 / 7%);
}

.formtemplates .category-group {
    width: 100%;
}

.formtemplates .category-item {
    width: 220px;
    padding: 0 12px;
}

.formtemplates .category-item .recent-part {
    padding: 10px;
    margin-bottom: 15px;
}

.formtemplates .form-library {
    margin-bottom: 0;
}

.formtemplates .recent-dwnd {
    position: absolute;
    bottom: 10px;
    right: -2px;
}

.jbasignBody.slctUserType ul {
    margin-top: 0.6rem !important;
}

.systemsettingsnav .nav.nav-tabs.ediuserTab {
    border: 0;
    margin-bottom: 0;
    margin-top: 17px;
    margin-left: 20px;
}

.managesecurity h2:after {
    background: none;
}

.jobCreation.managesecurity .inner-head h2 {
    padding-top: 7px;
}

.jobCreation.securitypoliy-header h2 {
    padding-top: 8px;
    padding-bottom: 2px;
}

.p-inputtext {
    padding: 4px 0.5rem !important;
}

.customviewmaster-tab.custom-tablist,
.customviewmaster-tab .nav.nav-tabs.ediuserTab {
    margin-bottom: 0;
}

.customviewmaster-tab.custom-tablist {
    margin-bottom: -2px;
}

.formtemplates .myjoblist-main .userList .leftSide .rightSide .form-group {
    margin-left: 0;
}

.formtemplates .group-category {
    margin: 10px 0 5px 0;
}

.formtemplates .rightSide.myjob-category {
    margin-top: 10px;
}

.customSlideShow .SlideShow-body.taskagainHeight {
    overflow-y: visible;
    overflow-x: visible;
}

.job-queue .customSlideShow .table-subfolder tbody tr td {
    border-left: none !important;
    background-color: none !important;
}

.job-queue .customSlideShow.open .p-datepicker-calendar tr td:first-child {
    border-top-left-radius: 0px;
    border-left: none;
    border-bottom-left-radius: 0px;
}

.job-queue .customSlideShow.open .p-datepicker-calendar tr td {
    border-bottom: none;
}

.job-queue .customSlideShow.open .p-datepicker-calendar tr:hover {
    background: none;
}

.job-queue .customSlideShow.open .p-datepicker-calendar td:last-child {
    border-right: none;
}

/* .clsCanvas canvas {
    width: 610px;
} */

.clsDropDownalign {
    margin-top: 11px;
    display: block;
    line-height: 14px;
    max-width: 120px;
}

.promolist-dropdown .promolist.dropdown-menu ul {
    overflow-y: inherit !important;
}

.clsmailicon {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.clsmailicon button {
    margin-left: auto;
    padding-right: 16px;
}

.formalignright .form-group input {
    width: 80%;
    float: left;
}

.formalignright .form-group .btnsGroup {
    float: right;
    width: 20%;
    margin-top: 0 !important;
}

.formalignright .form-group .btnsGroup button {
    height: 26px;
    line-height: 0;
    min-width: 100px;
}

.formalignright .form-group {
    min-height: 72px;
}

.statusflex {
    display: flex;
}

.clsLayerStyle {
    font-weight: 600;
    font-size: 13px !important;
    line-height: 18px;
    color: #11495D !important;
    padding: 8px 12px !important;
    background: transparent !important;
    padding: 10px 14px !important;
}

.clsLayerTexts {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #4D4D4D;
}

.clsLayerTexts i {
    background: rgba(104, 72, 213, 0.2);
    color: #6848d5;
    font-size: 1.5rem;
    line-height: 2.1;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    text-align: center;
}

.clsLayerTexts {
    align-items: center;
    display: flex;
}

.clsFunctions {
    color: #333 !important;
    background: #ECECEC !important;
    font-weight: 600;
    font-size: 13px !important;
    line-height: 18px;
}

.frm-calculate_field .frm-heading.clsMathFunction {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #11495D;
    padding: 14px 14px 0 14px;
}

.frm-calculate_field .frm-box.frm-box-height {
    min-height: 168px !important;
    background: #fafafa;
    overflow-x: hidden;
    border-radius: 0 !important;
}

p-listbox.clsMathUL ul {
    background: #fafafa !important;
}

.clsMathUL ul {
    padding-top: 5px !important;
}

.clsMathUL ul li span {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #737373;
}

.clsMathUL .p-listbox .p-listbox-list .p-listbox-item {
    padding: 0 0 0 6px !important;
}

li.clsdescription {
    border-bottom: dashed 1px #CECECE;
    margin-bottom: 6px;
    padding-bottom: 3px;
}

.clsSumBox {
    padding: 12px;
    margin: 12px 0 !important;
    min-height: 150px !important;
    border-radius: 0 !important;
}

.clsSumBox ul {
    padding: 0 !important;
}

li.clsSyntax {
    color: #29ABE2;
    border-bottom: dashed 1px #CECECE;
    margin-bottom: 6px;
    padding-bottom: 8px !important;
}

.clsSyntax p {
    color: #4D4D4D;
}

.clsFormulas .p-editor-toolbar.ql-toolbar.ql-snow {
    background: transparent;
    border: none;
    border-bottom: #ccc solid 1px;
    padding: 0;
}

.clsFormulas .p-editor-toolbar.ql-toolbar.ql-snow span.frm-heading {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #11495D;
    margin-bottom: 6px;
    display: block;
}

.frm-calculate_layer.frm-borderright {
    padding-top: 8px;
}

.formelement-checkbox.clsBlueTick input:checked+label:before {
    content: "\e91e";
    background: #212e5a;
    color: #fff;
    border-color: #212e5a;
}

.clsFunctionHelp {
    display: flex;
    justify-content: space-between;
    background: #ECECEC !important;
    border-bottom: 1px solid #ccc;
}

.clsHelps img {
    height: 14px;
    margin-right: 5px;
}

.clsHelps {
    margin-top: 4px;
}

.clsHelps #dLabel {
    background: none;
}

.clsHelps .dropdown-menu {
    left: -49px;
    min-width: 90px;
    box-shadow: none;
    display: block;
    top: 22px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 14px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    /* left: -11px !important; */
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch input:checked+.slider {
    background-color: #15CE15;
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.switch input:checked+.slider:before {
    -webkit-transform: translateX(2.6rem);
    -ms-transform: translateX(2.6rem);
    transform: translateX(2.6rem);
}

/* Rounded sliders */
.switch .slider.round {
    border-radius: 34px;
}

.switch .slider.round:before {
    border-radius: 50%;
}

.clsCloseIcon {
    float: right;
    position: relative;
    top: -8px;
    left: 4px;
}

ul.formulaiconsStyle {
    background: #F4F6F4;
    display: flex;
    width: 100%;
    justify-content: space-between;
    border: 0.5px solid #E1E1E1;
    border-bottom: none;
}

ul.formulaiconsStyle li {
    width: 100%;
    text-align: center;
    border-right: 0.5px solid #E1E1E1;
}

ul.formulaiconsStyle li:last-child {
    border-right: none;
}

ul.formulaiconsStyle li a {
    padding: 8px 0;
    width: 100%;
    text-align: center;
    display: block;
}

.clsLabelNames {
    display: flex;
}

.clsLabelNames .formrow {
    margin-right: 14px;
}

ul.dropdown-menu:after {
    content: " ";
    position: absolute;
    left: 56px;
    top: -5px;
    border-top: none;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #fff;
}

.f-hide-top,
.f-hide-bottom {
    display: none;
}

.submit-list .promolist-dropdown {
    float: right;
}

.submit-list {
    display: flex;
    justify-content: space-between;
}

.submit-list .btn-tranparent {
    float: none !important;
    margin-left: auto;
}

.submit-list .promolist-dropdown .promolist.dropdown-menu:after {
    right: calc(50% - 62px);
}

.submit-list .promolist-dropdown .promolist.dropdown-menu:before {
    right: calc(50% - 65px);
}

.formSection.formalignright .form-group {
    margin-bottom: 0;
}

.formSection.formalignright .error-msg {
    position: relative;
    top: -10px;
}

@media(max-width:992px) {
    .attachment-uploadsection .file-upload-wrapper {
        margin-bottom: 50px;
    }

    .attachment-uploadsection .file-upload-wrapper p {
        bottom: -45px;
    }

    .userList-main table tbody tr td:first-child {
        padding-left: 10px !important;
        padding-top: 30px;
        padding-bottom: 34px !important;
    }
}

/* 15/11/22 */

.clsApiIcon i.icon-form-api {
    font-size: 9px;
    font-family: "OpenSans-Regular" !important;
}

.clsAddLabel {
    display: flex;
    align-items: center;
}

.clsInnerLabel li {
    display: flex;
    align-items: center;
    border: #ddd solid 1px;
    padding: 3px;
}

.clsInnerLabel li input {
    background: #eaeaea;
    border: none;
}

.clsAddLabel button.btn.btn-default {
    background: #242956;
    color: #fff;
    font-size: 18px;
    padding: 1px 9px;
    margin-right: 4px;
}

.clsInnerLabel {
    position: relative;
    top: 4px;
}

.clsInnerLabel .clsThreeDot a {
    background: transparent;
    border: none !important;
    padding: 0;
    margin: 0 4px 0 0;
}

.clsInnerLabel span {
    margin-left: 8px;
}

.clsApiFormSection {
    border-bottom: #e1e1e1 solid 2px;
    padding-right: 20%;
    margin-bottom: 24px;
    padding-bottom: 18px;
}

.clsApiCalls {
    margin-bottom: 20px;
}

.clsAddPlusIcon {
    background: transparent;
    color: #242956;
}

.clsAddPlusIcon span {
    background: #242956;
    color: #fff;
    font-size: 7px;
    padding: 6px;
    border-radius: 50px;
    margin-left: 3px;
}

.clsMapTable thead {
    background: #dfdfdf;
}

.clsMapTable thead tr th {
    color: #000 !important;
    border: #cbcbcb solid 1px !important
}

.clsMapTable tbody tr {
    border-bottom: #ddd solid 1px;
}

.clsMapTable tbody tr td {
    border: #ddd solid 1px !important;
}

.clsApiSaveBtn {
    margin: 20px 0 !important;
}

.userList h2 {
    color: #000 !important;
}

.clsApiFormSection label {
    font-size: 13px;
}

.margin-0 {
    margin: 0 !important;
}

a.btn.btn-default.clsAddPlusIcon:hover {
    background: transparent;
}

a.btn.btn-default.clsAddPlusIcon {
    padding-right: 0;
}

.job-info span.icon-user2 {
    padding-top: 2px;
}

.job-info ul li p {
    margin-bottom: 0 !important;
    width: 90%;
}

.cmSearch {
    position: absolute;
    right: 10px;
    /* top: 3rem; */
    color: #808080;
    cursor: pointer;
    font-size: 1.1rem;
    padding-top: 6px;
}

.frm-maximize-full {
    width: 100vw !important;
    z-index: 1002 !important;
    margin: 0px !important;
    padding: 0px !important;
    height: 100% !important;
    max-height: initial !important;
}

.display_none {
    display: none !important;

}

/* .fileUploadBox .p-fileupload-buttonbar{
    display: none;
}
.fileUploadBox .p-fileupload .p-fileupload-content{
    background: #efefef;
    height: 180px;
    border: #ddd dashed 1px;
    margin-top: 14px;
}
p.fileUploadBox {
    font-size: 1.3rem;
}
.fileUploadBox span{
    position: absolute;
    z-index: 9;
    text-align: center;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.fileUploadBox .p-fileupload-row div:first-child{
    font-size: 1.3rem;
}
.fileUploadBox p-fileupload .p-fileupload-row > div:first-child + div {
    font-size: 1.2rem;
    background: url(../images/doc-icon-new.jpg) no-repeat;
    background-size: 22px;
    background-position: left top 8px;
    padding-left: 30px;
    width: 84%;
}
.fileUploadBox .p-fileupload-files{
    margin-top: 170px;
    margin-bottom: 60px;
}
.fileUploadBox .p-fileupload-files div {
    padding-bottom: 2px !important;
    display: block;
}
.datasourcerow .row{
    clear: both;
}
.fileUploadBox .p-fileupload-row {
    border-bottom: 1px solid #ddd;
    min-height: 38px;
    margin-bottom: 12px;
    border-top: none;
}
.fileUploadBox .p-button.p-button-icon-only {
    width: 2.357rem;
    padding: 8px;
}
.fileUploadBox .pi-times:before {
    color: #fff;
}
.datasourcerow .p-dialog .p-dialog-content{
    overflow-y: inherit !important;
    padding: 0 2rem !important;
}
.datasourcerow label.modal-label{
    font-size: 1.4rem;
    font-weight: bold;
}
.datasourcerow .form-group {
    margin-bottom: 0px;
    margin-top: 16px;
}
.datasourcerow .checkbox.checkbox-ll.tabCheckBox label{
    font-size: 1.3rem;
    line-height: 10px;
}
.fileUploadBox p-fileupload .p-fileupload-row > div:nth-child(2n) + div {
    color: #cfcfcf;
    text-align: right;
    width: 10%;
}
.fileUploadBox p-fileupload .p-fileupload-row > div:nth-child(3n) + div {
    width: 6%;
}
.fileUploadBox span.p-button.p-component.p-fileupload-choose.p-ripple{
    position: absolute;
    z-index: 9;
    text-align: center;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #000;
    font-size: 1.3rem;
} */

/* .fileUploadBox .p-fileupload-buttonbar {
    background: #efefef;
    height: 140px;
    border: #ddd dashed 1px !important;
    margin-top: 14px;
}
.fileUploadBox .p-fileupload .p-fileupload-content{
    border: none;
}
.fileUploadBox .p-fileupload-buttonbar p-button{
    display: none;
}
.datasourcerow .p-dialog .p-dialog-content{
    overflow-y: inherit !important;
    padding: 0 2rem !important;
}
.fileUploadBox span.p-button{
    background: transparent;
    border: none;
    color: #000;
    font-size: 1.3rem;
    text-align: center;
    margin: 0 auto;
    width: 100%; 
    min-height: 130px; 
}
.fileUploadBox span.p-button::before{
    content: 'Drag and drop a file here to upload or Select a File';
    color: #000;
    font-size: 1.3rem;
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 9;
    text-align: center;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
}
.fileUploadBox span.p-button:hover{
    background: transparent;
    border: none;
    color: #000;
}
.fileUploadBox .p-button .p-button-icon-left{
    display: none;
}
.fileUploadBox span.p-button-label{
    display: none;
}
.fileUploadBox .p-button:focus{
    box-shadow: none;
} */

p.fileUploadBox span {
    background: #efefef;
    height: 140px;
    border: #ddd dashed 1px !important;
    margin-top: 14px;
    display: flex;
    text-align: center;
    font-size: 1.3rem;
    cursor: pointer !important;
    align-items: center;
    justify-content: center;
}

.datasourcerow .p-dialog .p-dialog-content {
    overflow-y: inherit !important;
    padding: 0 2rem !important;
}

.datasourcerow .checkbox.checkbox-ll.tabCheckBox label {
    font-size: 1.3rem;
    line-height: 10px;
}

.datasourcerow label.modal-label {
    font-size: 1.4rem;
    font-weight: bold;
}

.datasourcerow .form-group {
    margin-bottom: 0px;
    margin-top: 16px;
}

.fileDetails {
    display: flex;
    font-size: 1.3rem;
    align-items: center;
    justify-content: space-between;
    border-bottom: #ddd solid 1px;
    padding-bottom: 6px;
    margin-top: 20px;
}

.fileSize span a img {
    width: 15px;
    margin-left: 14px;
}

.filenames {
    background: url(../images/doc-icon-new.svg) no-repeat;
    background-size: 30px;
    background-position: left center;
    padding: 7px 0 7px 40px;
}

.filenamesPdf {
    background: url(../images/adobe.svg) no-repeat;
    background-size: 30px;
    background-position: left center;
    padding: 7px 0 7px 40px;
}

.fileSize {
    color: #cdcdcd;
    font-size: 1.1rem;
}

.viewicon {
    background: url(../images/view.svg) no-repeat;
    background-size: 20px;
    background-position: left center;
    padding: 7px 0 7px 40px;
    width: 30px;
}

p.fileUploadBox span a {
    margin-left: 3px;
}

.lite-dialog.datasourcerow .p-dialog-content {
    height: auto !important;
}

.fileuploaddragdrop {
    position: absolute;
    top: 0;
    height: 140px;
    width: 100%;
    opacity: 0;
}

.buttonicon-color .p-dialog .p-dialog-footer button:first-child:hover span.p-button-icon {
    color: #B3B3B3;
}

.buttonicon-color .p-dialog .p-dialog-footer button span.p-button-icon {
    color: #fff;
}

.pdfPreview table th {
    text-align: left !important;
    font-size: 1.23rem;
    font-family: "OpenSans-Semibold";
}

.pdfPreview table td {
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
}

/* .customconfig_alignment .p-dropdown.p-component {
    height: 26px;
} */
.customconfig_alignment .form-group .icon-down1.positionSet {
    background-color: transparent;
}

.customconfig_alignment .p-dropdown .p-dropdown-trigger {
    visibility: hidden;
}

.formSection.systemsetting .form-group .toggleBth.toggleBth_space label {
    margin-left: 0.5rem;
}

.addCompany .p-multiselect .p-multiselect-label.p-placeholder {
    height: 26px;
}

.job-info .cont-name {
    margin-bottom: 0;
}

.submit-list .promolist-dropdown {
    float: right;
    max-height: 20px;
}

/* .submit-list .promolist-dropdown span {
    position: relative;
    top: -3px;
} */
app-user-operations p-confirmdialog .p-dialog .p-dialog-header .p-dialog-header-icon span.pi-times:before {
    color: #2196f3 !important;
    float: right;
    font-size: 14px;
}

app-user-operations p-confirmdialog .p-dialog-footer .pi-check:before {
    color: #fff;
}

app-user-operations p-confirmdialog .p-dialog-footer .pi-times:before {
    color: #2196F3;
}

#fpanel h2 {
    font-size: 17px;
    font-weight: normal;
    text-transform: capitalize;
}

.multi-cust-search .p-autocomplete .p-autocomplete-loader {
    display: none;
}

.datasourcecheckbox .checkbox.checkbox-ll.tabCheckBox label {
    font-size: 1.3rem;
    line-height: 10px;
    padding-left: 35px;
}

.muliteselectformheight {
    min-height: 300px !important;
}

.noborderradius {
    border-radius: 0 !important;
    margin-right: 0 !important;
}

.calscolor {
    font-size: 14px;
    padding-left: 20px;
    color: #29abe2;
}

.calright {
    float: right;
    padding-right: 10px;
}

.form-group.select-default p {
    font-size: 12px !important;
}

.col-md-3.col-sm-3.menubreak.menubreak1:nth-child(6n) {
    clear: both;
}

.calright.calright2 .p-calendar-w-btn .p-inputtext {
    display: none;
}

.calright.calright2 {
    display: inline-block;
    float: none;
    width: 40px;
    margin-left: -5px;
    cursor: pointer;
}

.calright2 .p-calendar {
    position: relative;
    cursor: pointer;
}

.calright2 .p-calendar::before {
    content: "\e98f";
    font-family: 'icomoon' !important;
    position: absolute;
    top: 8px;
    width: 20px;
    z-index: 1;
    height: 20px;
    color: #29ABE2;
    font-size: 12px;
    left: 9px;
    cursor: pointer;
}

.calright2 p-calendar .p-inputtext {
    opacity: 0;
    position: relative;
    z-index: 2;
    cursor: pointer;

}

.calright2 .p-datepicker .p-datepicker-title {
    text-align: center;
}

.calright2 .p-datepicker .p-link>span {
    margin: 0;
}

.calright.calright2 .p-datepicker {
    width: 250px;
    z-index: 99 !important;
}

.right-popupSection .right-popupSection {
    z-index: 1044;
}

.timepicker-overlay {
    z-index: 110000 !important;
}
.timepicker-backdrop-overlay{
    z-index: 110000 !important;
}

.form-group.ScoreDetails h5 {
    padding-top: 2px;
}

.form-group.ScoreDetails h4 span {
    color: var(--sectiontitle-color) !important;
    font-family: 'OpenSans-Regular';
    padding-left: 5px;
}

/* unanounced monitoring new design start */
/* .jobCreation.unAnnouncedCriteria {
    width: 100%;
} */

.jobCreation.unAnnouncedCriteria .pushpull-radiogroup .radio-btn label {
    padding: 0 3px 0 40px;
    border: 0;
    height: auto;
    margin-bottom: 0;
}


.jobCreation.unAnnouncedCriteria .pushpull-radiogroup .radio-btn {
    display: inline-flex;
    align-items: center;
}

.jobCreation.unAnnouncedCriteria .pushpull-radiogroup .radio-btn input[type="radio"]:checked {
    border-color: #242956;
    color: #4D4D4D;
}

.jobCreation.unAnnouncedCriteria .pushpull-radiogroup .radio-btn input[type="radio"]:checked+.radio-label {
    background: transparent;
    color: #4D4D4D;
}

.jobCreation.unAnnouncedCriteria .pushpull-radiogroup .radio-btn label:after {
    content: "";
    transition: all 0.5s;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #242956;
    left: 19px;
    border-radius: 50%;
    top: 11px;
    opacity: 0;
}

.jobCreation.unAnnouncedCriteria .pushpull-radiogroup .radio-btn label:before {

    border: 1px solid #242956;
    border-radius: 50%;
    background: transparent;
    color: #4d4d4d;
    transform: translate(-25px, -1px);
    width: 18px;
    height: 18px;
    content: "";
    opacity: 1;
}

.jobCreation.unAnnouncedCriteria .pushpull-radiogroup .radio-btn input[type="radio"]:checked+.radio-label:after {
    opacity: 1;
}

.jobCreation.unAnnouncedCriteria .pushpull-radiogroup .radio-btn input[type="radio"]:checked+.radio-label:before {
    top: 8px;
    left: auto;
}

.jobCreation.unAnnouncedCriteria .pushpull-radiogroup .radio-btn input[type="radio"]:checked+.radio-label:before {
    transform: translate(-25px, -1px);
    transition: all 0.5s;
    opacity: 1;
    position: absolute;
    box-shadow: inherit;
    background: inherit;
}

/* unanounced monitoring new design end */


/* monitoring start */
.monitoringscore .right-popupSection,
.monitoringscore .customSlideShow,
.monitoringscore .f-popup-overlay {
    position: inherit;
}

.monitoringscore .f-popup-overlay {
    margin-left: 0;
}

.monitoringscore .customSlideShow .customSlideShow {
    width: 100%;
}

.monitoringscore .customSlideShow.open {
    box-shadow: none;
    width: 100%;
}

.passSection {
    background: #F4F4F4;
    padding: 24px;
}

.totalScorearea {
    background: #fff;
    padding: 12px;
    border-radius: 10px;
}

.totalScorearea h2 {
    margin: 0 0 3px 0;
    text-align: center;
    color: #50AC58;
    font-size: 20px;
    background-size: 26px;
}

.totalScorearea h2::after {
    display: none;
}

.totalScorearea h2 span {
    position: relative;
    top: -2px;
    left: 7px;
}

.totalScorearea h2 span img {
    width: 22px;
}

.passinfo {
    position: relative;
    left: 12px;
    top: -2px;
}

.passinfo img {
    width: 13px;
}

.totalScorearea table tr:first-child {
    background: #F4F4F4;
    border-radius: 50px;
}

.scoreInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 8px 14px;
    font-size: 1.4rem;
    margin-bottom: 6px;
    font-weight: 500;
}

.totalGrayclr {
    background: #F4F4F4;
    border-radius: 8px;
    font-size: 1.55rem;
    font-weight: 600;
}

.scoreValue {
    color: #00AAC3;
}

.scoreValue span {
    color: #000;
}

.passaction h3 {
    font-size: 1.4rem;
    margin: 20px 0 10px 0;
    color: #000;
    font-weight: 600;
}

.passaction textarea {
    width: 100%;
    border: none;
    font-size: 1.3rem;
    padding: 12px;
    border-radius: 12px;
}

.passaction textarea:focus-visible {
    outline: none;
}

.passsign {
    margin-bottom: 30px;
}

.passsign p {
    font-size: 1.3rem;
    padding-bottom: 8px;
}

.passsign input {
    width: 100%;
    border: none;
    border-radius: 8px;
    height: 70px;
    margin-top: 6px;
    padding-left: 12px;
}

.monitoringscore .customSlideShow .SlideShow-title {
    display: none;
}

.monitoringscore .customSlideShow .SlideShow-body {
    padding-top: 0;
    padding-left: 0;
}

.jobCreation .formSection .monitoringscore form {
    width: 100%;
}

.monitoringscore .SlideShow-body .formSection {
    padding: 0;
}

.monitoringscore .customSlideShow {
    padding-top: 0;
}

.jobCreation .formSection .monitoringscore h4 {
    font-size: 16px;
    padding-bottom: 12px;
}

.customSlideShow .formSection .monitoringscore .form-group label {
    font-size: 1.15rem;
}

.monitoringscore .formSection .col-xs-12 .form-group {
    margin-bottom: 6px;
}

.monitoringform .form-group {
    min-height: 54px;
}

/* .monitoringform{
    border-bottom: #f4f4f4 solid 1px;
} */
h4.groomingstandards {
    border-top: #f4f4f4 solid 1px;
    padding-top: 26px;
    padding-bottom: 0 !important;
    font-size: 1.5rem !important;
}

.passsignature {
    background: #fff;
    padding: 14px;
    height: 120px;
}

.monitoringform .customSlideShow .formSection .form-group label {
    font-size: 1.2rem;
}

/* monitoring end */

.month-jobs-scroll .Validdata {
    height: 86%;
}

.date-range .form-group.dashboarddaterange {
    width: 240px;
    margin-top: 12px;
}

.graceTime {
    display: flex;
    align-items: center;
}

.graceTime span {
    color: red;
    font-size: 16px;
    font-weight: bolder;
}

.checkin_checkout {
    display: flex;
    border: 1px solid #00aac3;
    border-radius: 16px;
    font-size: 1.2rem;
    color: #00aac3;
    padding: 2px 20px;
    width: 126px;
    text-align: center;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.checkin_checkout.in {
    background-color: #00aac3;
    color: #fff;
}

/* acknowledgement  */
.boxes {
    margin-top: 20px;
    margin-bottom: 20px;
}

.boxes h4 a {
    color: #000;
    font-size: 16px;
}

.boxes h4 span {
    font-size: 10px;
    height: 18px;
    width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: -1px;
    background: #4d4d4d;
    color: #fff;
}

.boxes .active h4 a {
    color: #fff;
}

.boxes .active h4 span {
    background: #fff;
    color: #000;

}

.boxes p {
    font-size: 14px;
}

.boxes h5 {
    padding: 0;
    margin: 0;
}

.boxes .list-group {
    margin-bottom: 0;
}

.box:last-child .list-group-item {
    padding: 20px 15px;
    border-top: 0;
}

.box .list-group-item {
    border-radius: 0;
}


.box-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.boxes .alertSec .box-content .col-md-8 {
    display: flex;
    flex-wrap: wrap;
}

.boxes .alertSec .box-content .ackDetail {
    min-width: 192px;
}

.boxes .alertSec .alert span {
    font-size: 10px;
    font-weight: bolder;
    padding-left: 7px;
}

.boxes .alertSec .alert {
    padding: 3px 7px;
    margin: 10px;
}

.alertSec .box-content .downloadAck {
    text-align: right;
    display: inline-block;
    float: right;
    color: #337ab7;
    padding: 2px 4px;
    border-radius: 4px;
    cursor: pointer;

}

.alertSec .box-content .downloadAck span {
    margin-right: 0;
}

.userList.alertsright {
    justify-content: flex-end;
    margin-top: 4rem;
}


.sortingdash {
    transform: rotate(0deg);
    display: inline-block;
}

.sortingdash1 {
    transform: rotate(180deg);
    display: inline-block;
}

.sortingdash:before {
    content: "\e9a2";
    font-family: 'primeicons' !important;
}

.sortingdash1:before {
    content: "\e9a2";
    font-family: 'primeicons' !important;
}

.boxes .list-group:first-child {
    border-top: 1px solid #ddd;
}

.boxes p.list-group-item-text.headingtext {
    font-family: 'OpenSans-Bold';
    margin: 0 0 8px;
}

.boxes p.list-group-item-text span {
    font-family: 'OpenSans-semibold';
    margin-right: 7px;
    width: 100px;
    display: inline-block;
}

.listScore li {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 5px;
}

.listScore li h5 {
    padding: 0;
}

.listScore li .pass {
    color: green;
}

.listScore li .fail {
    color: red;
}

.customSlideShow .SlideShow-body .scoreHead {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 10px;
}

.monitoringScreen .SlideShow-body {
    overflow-x: inherit;
    overflow-y: inherit;
    height: auto;
}

.monitoringScreen .customSlideShow.addEditslideshow {
    overflow: inherit;
}

.formSection .form-group input:disabled,
.formSection .form-group .p-disabled,
.formSection .form-group textarea:disabled {
    background-color: #F2F2F2;
    opacity: 0.7;
}

.formSection .form-group .p-disabled span {
    color: #333 !important;

}

.dashboardLate td {
    font-size: 14px;
    line-height: 1;
    padding: 5px;
}

.dashboardLate .p-dialog-header {
    background: #00AAC3 !important;
    font-size: 16px;
    color: #fff !important;
}

.dashboardLate .p-dialog .p-dialog-header .p-dialog-header-icon {
    color: #fff !important;
}

.dashboardLate .p-dialog .p-dialog-header .p-dialog-header-icon span {
    font-size: 14px;
    color: #fff;

}

.resource-details.dashboardLate .p-dialog .p-dialog-content {
    padding: 20px;
}

.resource-details.dashboardLate .btnsGroup.reportsummary-button {
    padding-top: 0;
    margin-top: 10px;
    justify-content: center;
}

.resource-details.dashboardLate .user-image {
    display: flex;
    justify-content: center;
    padding: 20px;
    height: 100px;
    width: 100px;
    margin: 0px auto 29px;
    font-size: 51px;
    border: 1px solid #4d4d4d;
    border-radius: 50%;
    align-items: center;
    color: #00AAC3;
}

.resource-details.dashboardLate .resource-tabledata {
    width: 100%;
}

.myjoblist-main.userList-main.dashbaordTable {
    padding: 20px 20px;
}

.atchIsdisable .Isdisable {
    pointer-events: none;
    opacity: 0.7;
}

.myjoblist-main.userList-main.leavemanagmentSpace .alertsright {
    margin-top: 0;
}

.leavemanagmentSpace .leavemngmt .cancel {
    margin-right: 10px;
}

form.LeaveMfilterDateSearch {
    padding: 10px 0;
    width: 168px;
}

form.LeaveMfilterDateSearch .form-group {
    margin-bottom: 0;
}

form.LeaveMfilterDateSearch .btnsGroup button {
    padding: 5px;
    min-width: 75px;
}

.LeaveMfilterDateSearch label {
    font-size: 11px;
}

.error.brefingMulti {
    color: red;
}

.LeaveMfilterDateSearch p-calendar {
    display: block;
    position: relative;
    top: 14px;
}

.LeaveMfilterDateSearch p-calendar .p-calendar {
    top: -13px;
}

.LeaveMfilterDateSearch span {
    cursor: pointer;
}

.signature-pad-display.passsignature {
    border: 0;
    height: auto;
    margin-bottom: 20px;
}

.userList-main table td .editsIcon.leavemnmmt span {
    font-size: 1.2rem;
    padding-right: 0;
    font-weight: bolder;
}

.userList-main table td .editsIcon.leavemnmmt span.icon-close1 {
    color: #ED1C24;
}

.userList-main table td .editsIcon.leavemnmmt span.icon-tick1 {
    color: #8DC641;
}

.resource-details.dashboardLate .p-dialog-mask .p-dialog {
    width: 417px !important;
}

.resource-details.dashboardLate .p-dialog-mask {
    z-index: 999999 !important;
}

.resource-details.dashboardLate .p-dialog-mask textarea.form-control {
    height: 50px;
}

/* occ guide screen css start */
/* .OCCGuide-main .accordion{
    display: flex;
    flex-wrap: wrap;
} */
.OCCGuide-main .accordion-item {
    background: #f4f6fb;
    border: 1px solid #ddd;
    padding: 0;
    margin-bottom: 10px;
}

.OCCGuide-main .accordion-item h2 {
    font-size: 1.4rem;
    font-family: 'OpenSans-Semibold';
    color: #000;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
}

.OCCGuide-main .accordion-item h2 button {
    background: transparent;
    text-transform: capitalize;
}

.userList-main.OCCGuide-main {
    padding-bottom: 20px;
}

.OCCGuide-main .accordion-item h2 .editsIcon span:first-child {
    font-size: 1.5rem;
    padding-right: 2px;
}

.customSlideShow.OccGuidslide {
    width: 50%;
}

.OCCGuide-main .accordion-item .accordion-collapse .accordion-body {
    background: #fff;
    padding: 15px 20px;
}

.OCCGuide-main .accordion-item .accordion-collapse .accordion-body p {
    font-size: 1.3rem;
    width: 100%;
    margin-bottom: 10px;
}

.OCCGuide-main .accordion-item .accordion-collapse .accordion-body span {
    font-size: 1.5rem;
}

@media (max-width:768) {
    .OCCGuide-main .accordion {
        width: 70%;
    }

    .customSlideShow.OccGuidslide {
        width: 80%;
    }

}

@media (max-width:480) {
    .OCCGuide-main .accordion {
        width: 100%;
    }

}

/* occ guide screen css end */

/* progressrate start */
.progressRateDtl {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.progressRateDtl .progress {
    margin: 0;
    width: calc(100% - 140px);
    height: 26px;
    border-radius: 0;
}

.progressRateDtl label {
    width: 140px;
    font-size: 1.3rem;
}

.progressRateDtl .progress .progress-bar {
    line-height: 27px;
    text-align: right;
    padding-right: 7px;
    font-size: 11px;
}

.progressRateSec {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 1.5rem;
}

.progressRateSec .userList,
.progressRateSec .form-group {
    margin: 0;
}

span.Passed {
    background: #e9f4e1;
    padding: 5px 16px;
    color: #8db540;
    max-width: 90px;
    display: block;
    text-align: center;
}

span.Failed {
    background: #f7f0f0;
    padding: 5px 16px;
    color: #ee5b69;
    max-width: 90px;
    display: block;
    text-align: center;
}

span.Pending {
    background: #f0f2f9;
    padding: 5px 16px;
    color: #1b1dbe;
    max-width: 90px;
    display: block;
    text-align: center;
}

.acknowledgementListhight {
    height: 460px;
    overflow-y: scroll;
}

.btn-default[disabled]:hover {
    background-color: #29abe2;
}

.titleDropdown {
    display: flex;
    justify-content: space-between;
    color: #29abe2;
    cursor: pointer;
}

.OccBodyContent {
    display: flex;
    justify-content: space-between;
}

.popupHeadreicon {
    cursor: pointer;
}

.Clsred {
    background-color: #e31616;
}

.Clsred.ClsGrey {
    background-color: #b5b5b5;
}

.Clsred.ClsGrey.ClsBlue {
    background-color: #65daff;
}

.Clsred.ClsGrey.ClsBlue.ClsDarkBlue {
    background-color: #00aac3;
}

/* progressrate end */

/* formlibrary css start */
.FormLibraryDialog .lite-dialog .preview-popup {
    height: 80vh;
    overflow: auto;
    overflow-x: hidden;
}

.FormLibraryDialog .lite-dialog .p-dialog-content {
    max-height: 85vh;
    min-height: 20vh;
}

.userList .rightSide.leavemngmt {
    margin-top: 4rem;
}

/* formlibrary css end */
.dwldid {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.dwldid img {
    width: 22px;
    margin-left: 10px;
}

/* job board .popup start*/
.untimeboundjob .dropbtn {
    background-color: #04AA6D;
    color: white;
    padding: 16px;
    font-size: 16px;
    width: 70%;
    border: none;
}

.popup-content {
    display: none;
    position: absolute;
    width: 220px;
    font-size: 10px;
    border: 1px solid #d1d7ce;
    z-index: 9999;
    top: 52px;
    left: 100px;
    background-color: white;
    padding: 8px;
    border-radius: 10px;
    box-shadow: 1px 2px 2px #dbdbdb;
    height: auto;
    bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.month-jobs-scroll .popup-content {
    top: auto;
    left: 93px;
    right: inherit;

}

.popup-content a:hover {
    background-color: #ddd;
}

.popup .untimejobs:hover+.popup-content {
    display: block;
}

.popup:hover .dropbtn {
    background-color: #3e8e41;
}

.normal-job-border2 .res-cells {
    overflow: inherit;
}

.untimejobs {
    display: inline-block;
    overflow-y: auto;
    height: 30px;
}

.month-jobs-scroll .untimejobs {
    height: 17px;
}

.task-board.task-board2,
.task-board.task-board2 .resource-scroll {
    overflow: hidden;
}

.popup-content td {
    padding: 1px 2px;
}

.popup-content .popup-wordbreak {
    white-space: pre-wrap;
    text-overflow: ellipsis;
    font-weight: normal
}

.popup-content tr {
    vertical-align: top;
    font-weight: normal;
}

/* job board end */




/* customer lookup serach input design */
.searchlookup {
    width: 302px;
    height: 30px;
}

.customSlideShow .SlideShow-body .input-search.searchlookup input::placeholder,
.customSlideShow .SlideShow-body .input-search.searchlookup input {
    font-weight: 100;
}

.innerbodycont2 .p-datatable-header {
    background: transparent;
}

.innerbodycont2 .p-datatable .p-datatable-header {
    background: transparent;
    border: 0;
}

/* .res-cells:last-child .popup-content {
    right: 194px;
    left: auto;
} */
.popup-content .popup-wordbreak span {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: pre-wrap;
}

.month-dates .monthday-slots {
    position: relative;

}

.customSlideShow.taskInfo .form-detail li.menuicon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customSlideShow.taskInfo .form-detail li.menuicon span {
    float: none;
}

.customSlideShow.taskInfo .form-detail li.menuicon>div {
    display: flex;
    align-items: center;
}

.clsFormSubmitted .promolist.dropdown-menu.open {
    display: block;

}

/* print table css */
#contentBorder {
    border: 1px solid #000;
    padding: 10px 0 10px;
    margin-bottom: 20px;    

}

.form-fields hr {
    margin-bottom: 10px;
}

.page .form-fields>div,
.page .form-fields label, .page .form-fields label.formlabel {
    padding: 0 15px;
    padding-right: 0;
    margin-right: 0;
}

.page .form-fields {
    padding: 0;
}

.form_class_header .form-fields {
    padding: 0;
}

.form_class_header .form-fields div,
.form_class_header .form-fields label,
.form_class_header .form-fields img {
    padding: 0 15px;
}

.popupdesignCls .lite-dialog .p-dialog .p-dialog-content {
    overflow: visible;
}

.jobdrationDropdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.jobdrationDropdown p-dropdown {
    width: 49%;
}

.timePopHover .scheduled-job:hover .popup-content {
    display: block;
}
.timePopHover .scheduled-job {
    overflow: visible;
}
/* 
.timePopHover .scheduled-job .popup-content {
    color: #000;
    text-shadow: none;
    top: 1px;
    height: 70px;
    left: 198px;
} */

.timePopHover .scheduled-job .textOverflow {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page .form-fields>div,
.page .form-fields label {
    margin-bottom: 0px;
}

#contentToConvert hr {
    padding: 0;
    height: 5px;
}

.btnsGroup.btnsGroup2 button {
    min-width: 80px;
}

.popup-content .popup-wordbreak span.detailDes {
    width: 200px;
}

.userList-main .ClsAttendance .p-datatable .p-datatable-thead>tr>th {
    white-space: nowrap;
}

.userList-main .educateTabledesign .p-datatable .p-datatable-thead>tr>th {
    white-space: nowrap;
    min-width: 100px;
}

.userList-main .educateTabledesign .p-datatable .p-datatable-wrapper {
    overflow-x: auto;
}

.popup .popup-content.weekCont {
    left: 100px;
}

.weekSecBox {
    position: relative;
}

.userList-main.clsTablethAlignment .p-datatable .p-datatable-thead>tr>th {
    white-space: nowrap;
}

.tooltip-inner {
    max-width: 100%;
}

.userList-main.form15gh-main tr td .p-checkbox-box {
    visibility: visible;
    opacity: 1;
}

.notification-label {
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 3px;
    color: #fff;
    font-size: 9px;
    text-align: center;
    border-radius: 50em;
    -moz-border-radius: 50em;
    -webkit-border-radius: 50em;
    bottom: 10px;
    right: 5px;
    line-height: 9px;
    text-shadow: none;
    background: #29ABE2;
}

a>.notification-label {
    font-size: 10px;
    bottom: auto;
    top: 5px;
    right: inherit;
    left: 15px
}

.tableDatasource .p-datatable-wrapper {
    overflow-x: auto;
}

.tableDatasource .p-datatable-wrapper th {
    white-space: nowrap;
}

.tableDatasource .p-datatable-wrapper table {
    white-space: nowrap;
    word-break: break-word;
}

.tableDatasource.fine-issued .p-datatable-wrapper th,
.fine-issued .p-datatable-tfoot td {
    white-space: initial;
    word-break: normal;
}
    /* position: absolute;background-color: darkgray; display: none; */
/* .overpopup1 {

    position: absolute;
    background-color: gainsboro;
    display: none;
    top: -10px;
    left: 107px;
    width: 200px;
    padding: 20px;
} */
.overpopup1
{
    display: none;
    position: absolute;
    width: 220px;
    font-size: 10px;
    border: 1px solid #d1d7ce;
    z-index: 9999;
    top: 4px;
    left: 96px;
    background-color: white;
    padding: 8px;
    border-radius: 10px;
    box-shadow: 1px 2px 2px #dbdbdb;
    height: 100px;
    bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}
.job-detail.overpopupmain {
    position: relative;
}
.job-detail.overpopupmain:hover .overpopup1{
display: block;
}
.customSlideShow.customerlookup .rostertablealign table thead th {
    width: auto;
    white-space: nowrap;
}
.userList-main.rostertablealign {
    padding-left: 0;
    margin: 0;
    padding-right: 0;
}
.job-formwidth .select-chevron i.zylog-angle-down{
    display: none;
}
.customSlideShow .SlideShow-body .bulkUpload {
    text-align: right;
    color: #fff;
    width: max-content;
    margin-left: auto;
    padding: 4px 12px;
    border-radius: 5px;
    background: #00AAC3;
    cursor: pointer;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item{
    word-wrap: break-word;
    width: 100%;
    white-space: pre-wrap;
}
.userList-main.activityreportTablescroll .p-datatable table{
    table-layout: fixed;
}
.userList-main.activityreportTablescroll .p-datatable .p-datatable-thead>tr>th{
    width: 120px;
    vertical-align: baseline;
}
.userList-main.activityreportTablescroll .p-datatable .p-datatable-wrapper{
    overflow-x: auto;
}
.userList-main.rsponlcard .p-datatable .p-datatable-thead>tr>th{
    vertical-align: baseline;
}
.rsponlcard .userList .rightSide button {
    width: auto;
    min-width: auto;
}
.rsponlcard .userList .leftSide h6 {
    font-size: 1.2rem;
    padding: 0 10px;
}
.form-lib-textarea{
    width: 100%;
    height: 150px;
    font-size: 14px;
}
.form-lib-popuptable{
    height: 270px;
    overflow-x: auto;
}
.resource-details.dashboardLate.nonAdminTrend .p-dialog-mask .p-dialog {
    max-width: 1000px;
    width: 100% !important;
}
.resource-details.dashboardLate.nonAdminTrend .p-dialog-mask {
    z-index: 999 !important;
}
.TaskcustomSlideShow{
    position: fixed;
    right: 0rem;
    background: #fff;
    height: 100%;
    z-index: 1042;
    top: 0;
    width: 46rem;
    padding: 2rem 0;
    transition: 0.5s;
    overflow-y: auto;

}


@media (max-width:767px){
    .customSlideShow .SlideShow-title span{
        margin-left: 25px;
    }
}

.dashboardLate.RPSRemarks .p-dialog-header {
    padding: 9px 15px;
    font-size: 1.45rem;
}
.userList-main table tbody tr:hover .rpseditcolor, 
.userList-main table tbody tr:hover .rpseditcolor i{
    color: #29ABE2;
    visibility: visible;
}

.btnsGroup.rpsremarks .btn-default {
    min-width: 101px;
    padding: 2px;
    margin-left: 0 !important;
    font-size: 12px;
    background: transparent;
    border-radius: 7px;
    color: #999;
    border: 1px solid #999;
}

.btnsGroup.rpsremarks {
    width: 100px;
    margin: 0;
    justify-content: flex-start;
}
.userList-main table tbody tr .rpseditcolor i {
    visibility: hidden;
    font-size: 13px;
}
.userList-main table tbody tr .rpseditcolor {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* GI Share section start */
.Shareflex{
    display: flex;
    align-items: center;
}
.table-subfolder1 .linkview{
    font-size: 1.5rem;
}
.icon1view.iconviewshare, .table-subfolder tr:hover .icon1view.iconviewshare {
    opacity: 1;
    transition: none;
    transform: none;
}
.iconviewshare .promolist-dropdown .promolist.dropdown-menu:after{
    right: 15px;
}
.iconviewshare .promolist-dropdown .promolist.dropdown-menu:before{
    right: 15px;
}
.shareBody ul {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}
.shareBody ul li {
    font-size: 1.4rem;
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    font-family: 'OpenSans-Semibold';
}
.shareBody ul li p {
    font-size: 1rem;
    margin-left: 15px;
    border: 1px solid #4CAF50;
    border-radius: 15px;
    padding: 2px 6px;
    color: #4CAF50;
}
.shareBody ul li p span {
    margin-right: 0px;
}
.shareBody ul li.settings {
    color: #29abe2;
}
.shareBody .form-control {
    background: #F4F6FB;
    border-color: #e2e2e2;
    height: 3.5rem;
    padding-left: 30px;
    padding-right: 30px;
}
.shareBody .form-group span{
    font-size: 1.25rem;
}
.shareBody .form-group span.icon-link-alt{
    position:absolute;
    top: 13px;
    left: 8px;
}
.shareBody .form-group span.icon-form-edit{
    position:absolute;
    top: 13px;
    right: 8px;
}
.shareBody .btnsGroup.shareformButton button:first-child {
    background: #8BC34A;
}
.shareBody .btnsGroup.shareformButton button:last-child {
    background: #29abe2;
}
.shareBody .btnsGroup.shareformButton button {
    border-radius: 5px;
    min-width: 100px;
    margin-bottom: 20px;
}
.shareFooter {
    border-top: 1px solid #e2e2e2;
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
}
.shareFooter h5 {
    font-size: 1.4rem;
    font-family: 'OpenSans-Semibold';
    padding-bottom: 10px;
}
.shareFooter h5 span {
    background: #F4F6FB;
    color: #6b6b6b;
    padding: 5px;
    border-radius: 50%;
}
.shareFooter p {
    box-shadow: 0px 1px 2px #b1b1b1;
    padding: 10px;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    font-family: 'OpenSans-Regular';
    width: 100%;
    margin-bottom: 20px;

}
.shareFooter p i {
    font-size: 1.4rem;
}
.shareFooter p>strong {
    padding-right: 5px;
}
.shareFooter p .staffMultidrop {
    width: calc(100% - 40px);
}

.shareFooter p .sharedform-datepicker {
    width: calc(100% - 20px);
}

.embededCode p {
    background: #000;
    padding: 15px;
    margin-bottom: 10px;
    color: #fff;
    font-family: 'OpenSans-Semibold';
}
.embededCode .btnsGroup.shareformButton button {
    background: #8BC34A;
    border-radius: 5px;
    min-width: 100px;
    margin-bottom: 20px;
}
.shareBody .btnsGroup.shareformButton button:last-child a {
    color: #fff;
}

.sharedSubmitformsList .p-datatable .p-datatable-scrollable-header, 
.sharedSubmitformsList .p-datatable .p-datatable-scrollable-footer {
    background: transparent;
}

.sharedSubmitformsList .p-datatable .p-datatable-scrollable-body {
    overflow-y: inherit !important;
}
/** notification popup css -vishupriyaC **/
span.notify-count-icon {
    font-size: 0.8rem;
    background: #fb2222;
    width: 17px;
    height: 17px;
    border-radius: 15px;
    position: absolute;
    line-height: 17px;
    right: 8px;
    top: -9px;
    font-family: 'OpenSans-Semibold';
}
.icon-notificationBell1{
    position: relative;
}

.successContent .shared-form-success {
    font-size: 10rem;
    padding: 20px;
    border-width: 7px;
}
.jobqueueoverpopup
{
    display: none;
    position: absolute;
    width: 220px;
    font-size: 10px;
    border: 1px solid #d1d7ce;
    z-index: 9999;
    top: 4px;
    left: 96px;
    background-color: white;
    padding: 8px;
    border-radius: 10px;
    box-shadow: 1px 2px 2px #dbdbdb;
    height: 100px;
    bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}
p.job-fnt13.dateassign:hover .overpopup1 {
    display: block;
    width: 300px;
    overflow-y:scroll;
    text-overflow:clip;
    font-family: "OpenSans-Bold";
}


/* printform css */
.f-column .form-fields label.formlabel {
    word-break: break-word!important;
}
.form_class_header .form-fields div:nth-child(1), .form_class_header .form-fields label:nth-child(1), .form_class_header .form-fields img:nth-child(1) {
    padding-right: 0;
}
.form_class_header .form-fields div:nth-child(2), .form_class_header .form-fields label:nth-child(2), .form_class_header .form-fields img:nth-child(2) {
    padding-left: 5px;
}

/* printform css */

/* duplicate form */
.submit-list{
    align-items: center;
}
.hidden-joblist .job-detail {
    margin-top: -5px;
}
.iconDupicateForm span {
    font-size: 1.6rem;
    margin-top: 5px;
    display: inline-block;
    padding-left: 5px;
    color: #000;
    cursor: pointer;
}
.lite-dialog.dynamicFormPop .p-dialog-content {
    min-height: auto;
}
.formsGridInline{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 8px;
}
.customSlideShow.taskInfo .SlideShow-body .formsGridInline p {
    margin: 0;
    font-size: 1.2rem;
    font-family: "OpenSans-semiBold";
    color: #2196f3;
    cursor: pointer;
    text-transform: uppercase;
}

.customSlideShow.taskInfo .SlideShow-body  .formsGridInline h3 {margin: 0;}

.customSlideShow.taskInfo .SlideShow-body .formsGridInline p:hover {
    color: #11495d;
}
#contentToConvert img, #page-footer-print img{
    max-width: 100%;
}
#page-footer-print .f-column {
  display: table-cell;
}

.duplicate-primary-keys {
    text-align: left;
    font-size: 12px;
    color: #d01818;
    padding: 10px 0;
    font-weight: 600;
}

.category-taskanalytics{
    height: 272px; 
}

.task-widget .form-group.dashboardtaskwidget {
    width: 240px;
    margin-top: 12px;
}
.dashboard-Jobwidget 
{
    width: 100%;
    display: inline-block;
    background: #fff;
    padding: 7px 15px;
    border: 1px solid #ddd;
    border-radius: 7px;
    margin: 15px 0 10px;
    padding-bottom: 15px;
    margin-top: 0;
}
.dashboard-taskwidget{
    width: 100%;
    display: inline-block;
    background: #fff;
    padding: 10px 7px;
    border: 1px solid #ddd;
    border-radius: 7px;
    margin: 25px 0 10px;
    margin-top: 15px;
    height: 320px;
    margin-top: 0;
}
.task-widget {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dashboardtaskwidget{
    width: calc(100% - 0px);

}
.btn-tranparent-add{
    color: #29ABE2;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
    background: transparent;
}
.category-head-task{
    display: flex;
    justify-content: space-between;
    width: 100%;

}

.btnsGroup.dwnLoadBtn{
    margin: 0 0;
}
.colorCodeInput {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    cursor: text;
}

.colorCodeInput::after {
    content: "#Hexa";
    position: absolute;
    top: 5px;
    width: 100%;
    color: #999;
    font-size: 11px;
    height: 100%;
    z-index: 99999;
    text-align: right;
    font-family: "OpenSans-semiBold";
    text-transform: uppercase;
    right: 8px;
}
.colorCodeInput input {
    padding-right: 45px;
}
.colorCodeInput input:focus{
    box-shadow: none;
}
.colorpickerInput input{
    height: 24px;
}
.job-queue .p-datatable-wrapper {
    display: block;
    white-space: nowrap;
    width:100%;
    overflow-x: inherit;
    overflow-y: inherit;
}

.job-queue .p-datatable table{
    table-layout: auto;
}
.job-queue .p-datatable table .job-info ul li{
    display: block;
}
.display-attachment-icon{
    position: relative;
}
.display-attachment-icon:hover .display-pdf-attachment-tooltip{
    visibility: visible;
    opacity: 1;
    z-index: 10;
    bottom: -18px;
    box-shadow: 0px 0px 2px #606460dd;
    right: 19px;
}
.display-pdf-attachment-tooltip{
    position: absolute;
    top: 0;
    background-color: darkgray;
    color: white;
    width: max-content;
    height: 20px;
    visibility: visible;
    opacity: 0;
    border-radius: 3px;
    left: 20%;
}
.task-analytics-row {
    display: flex;
    justify-content: space-between;
    padding: 4px;
    font-size: 12px;
    cursor: pointer;
}

.task-analytics-legend {
    height: 15px;
    width: 15px;
    margin-right: 5px;
    border-radius: 3px;
}

.setdefaultTask {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.setdefaultTask input[type="checkbox"]{
    margin: 0;
}

.task-analytics-total-row {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    background-color: #edebeb;
    color: black;
    padding: 6px;
    font-weight: 600;
    margin: 5px 0;
}

.task-analytics-wrapper {
    height: 200px;
    overflow: auto;
}

.category-jobanalytics .p-grid p-card {
    padding-left: 2rem;
    padding-right: 0px;
}

.lite-dialog.task-analytics-maxview .p-dialog .p-dialog-content{
    height: 85vh;
    max-height: 85vh;
    padding: 10px;
}
#contentToConvert .LogoJobForm img{
    max-width: 180px;
    height: auto;
}

.userList-main.gi-attendance-list tr td .p-checkbox-box {
    visibility: visible;
    opacity: 1;
}

.timepicker-panel.right-popupSection{
    z-index: 998;
}

.labelNameEditor{
    margin-bottom: 8px;
    font-size: 1.3rem;
    font-family: "OpenSans-Regular";
}
.labelNameEditor ul, .Jobsprintscreen ul{
list-style-type: inherit;
}
.labelNameEditor ul,
.labelNameEditor ol {
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.Jobsprintscreen ol,
.Jobsprintscreen ul{
    padding-left: 20px;
    padding-top: 3px;
        padding-bottom: 3px;
}
.field-checkbox.field-label label.labelNameEditor.labelSize, 
.field-checkbox.field-label span.Jobsprintscreen.labelSize {
    margin-left: 0;
    font-size: 1.3rem;
}
.labelNameEditor .ql-font-serif, .Jobsprintscreen .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
}
.labelNameEditor .ql-font-monospace, .Jobsprintscreen .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
}
.labelNameEditor .ql-size-small, .Jobsprintscreen .ql-size-small {
    font-size: 0.75em;
    display: inline-block;
}

.labelNameEditor .ql-size-large, .Jobsprintscreen .ql-size-large {
    font-size: 1.5em;
    display: inline-block;
}

.labelNameEditor .ql-size-huge, .Jobsprintscreen .ql-size-huge {
    font-size: 2.5em;
    display: inline-block;
}
/* styles.css or styles.scss */
.ql-size-1 {
    font-size: 12px;
}

.ql-size-2 {
    font-size: 16px;
}

.ql-size-3 {
    font-size: 20px;
}
.form-fields .form-mandatory {
    color: red !important;
}
.formSection .futureDateNotification .form-group label {
    display: flex;
    align-items: center;
    width: 100%;

}
.formSection .futureDateNotification .form-group label input {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
}
.formSection .form-group.featureDateNotify label span {
    color: #4d4d4d;
    cursor: pointer;
}
.noOfDaysField input {
    width: 110px;
}
.futureDateNotification .form-group {
    display: inline-block;
    margin-bottom: 0;
}
.futureDateNotification .form-group .positionSet {
    top: 6px;
    right: 15px;
}
.futureDateNotification {
    display: flex;
    align-items: center;
    width: 100%;
}
.futureDateNotification .isSameDate {
    width: 16%;
}
.futureDateNotification .flexColumn.orField {
    width: 4%;
}
.assignTask .futureDateNotification .isSameDate label span {
    padding-left: 10px;
}
.assignTask .futureDateNotification {
    flex-wrap: wrap;
    align-items: normal;
}
.assignTask .futureDateNotification .flexColumn {
    width: 52%;
    margin-bottom: 11px;
}
.assignTask .futureDateNotification .flexColumn .noOfDaysField label {
    display: block;
}
.formSection.assignTask .futureDateNotification .form-group label input {
    margin: 0;
}
.assignTask .futureDateNotification .flexColumn:nth-child(3) {
    display: flex;
}
.assignTask .futureDateNotification .flexColumn:nth-child(4) {
    width: 48%;
}
.futurenotiIcon{
    width: calc(100% - 33px);
}
.assignTask.jobBoardFutureNotification .futureDateNotification .form-group.noOfDaysField {
    margin-left: 10px;
    width: 100%;
}
.customSlideShow.taskInfo .SlideShow-body .jobBoardFutureNotification h4 {
    font-size: 1.4rem;
    font-family: "OpenSans-bold";
    margin-bottom: 15px;
}
.assignTask.jobBoardFutureNotification .futureDateNotification .flexColumn:nth-child(3) {
    display: flex;
    width: 60%;
}
.assignTask.jobBoardFutureNotification .futureDateNotification .flexColumn:nth-child(4) {
    width: 40%;
}
.assignTask.jobBoardFutureNotification .futureDateNotification .flexColumn.orField {
    width: 48%;
}
.assignTask.jobBoardFutureNotification .futureDateNotification .form-group.noOfDaysField label input{
    width: 92%;
}
.pEditorSize .p-editor-content{
    height: 235px;
}
.isPrintLabelForm .formelement-checkbox{
    margin-bottom: 10px;
}
.isPrintLabelForm .formelement-checkbox label{
    padding-left: 22px;
}
.isPrintLabelForm .formelement-checkbox label:before{
    background: transparent;
}
.imageLeftSpace{
    margin-left: 10px;
}
.p-column-filter-overlay {
    max-width: 260px;
}
.datasource-filter-textarea{
    height: 75px;
}
span.icon-notificationBell.futureDatedNotification.jobdetailPop{
    top: 23px;
}
.jobBoardFutureNotification .futureDateNotification .form-group .positionSet {
    top: 4px;
    right: 6px;
}
.reschduleforms h4{
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
}

.data-source-checkbox{
    display: flex;
    margin: 10px 0;
    align-items: center;
}
.form-group.timeBoundIcon{
    width: calc(100% - 37px);
}
/* filter web report */
.userList-main .reportsFilter .p-datatable-wrapper {
    overflow-x: auto;
    white-space: nowrap;
}
.customfieldfilterpopup .repeat-check{
    margin-top: 0;
}

.rowsalignment {
    padding-right: -27%;
    padding-left: 73px;
}

.title-infolowwebreport {
    color: #11495D;
    padding-top: 7px;
    font-size: large;
}
.user-tracking-popup {
    position: relative;
}

.user-tracking-popup .s-mapbtns {
    right: 25px;
    top: -46px;
}

.user-tracking-popup .s-map-info{
    border-width: 1px 0 0 1px;
    border-color: #e4e4e4;
    border-style: solid;
}
.customflitericon
{
    margin-inline: 138px;
    margin-top: -35px;
    max-width: inherit;
}
.customflitericonwithcomplete
{
    float: left;
    margin-top:2px;
    max-width: 100%;
}
.userList .rightSide button.p-multiselect-close,
.userList .rightSide button.p-multiselect-close:focus{
    background-color:transparent;
    color: #495057;
}
.dataTable th{
    padding: 1rem;
}
.job-queue .p-datatable .p-datepicker table tr td {
    border: 0;
    padding: inherit;
    border-radius: 0;
}
.p-fileupload .p-fileupload-buttonbar input[type="file"] {
    display: none;
}
.file-upload-wrapper .attachmentdescmsg{
    bottom: -35px;
    font-size: 10px;
}
.pAutocompletecontrol .p-autocomplete{
    width: 100%;
}
.p-dropdown .p-dropdown-label {
    border: 0;
}
.pAutocompletecontrol .p-autocomplete input {
    border: 0;
}
.ListPop {
    position: absolute;
    top: 52px;
    right: 0px;
    width: 360px;
    padding: 0 0 15px 20px;
    background: #fff;
    z-index: 100;
    box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.17);
}
.ListPop::before {
    content: "";
    position: absolute;
    top: -7px;
    right: calc(144px - 50px);
    width: 12px;
    height: 12px;
    background: #fff;
    z-index: -1;
    transform: rotate(45deg);
    
}
.ListPop ul {
    height: calc(100vh - 50px);
    overflow: auto;
    padding: 15px 20px 0 0;
    padding-right: 20px;
    padding-top: 15px;
}
.ListPop ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE;
    background: transparent;
    cursor: pointer;
}
.ListPop ul li:first-child {
    background: transparent;
}
.ListPop ul li:last-child {
    border: 0;
    margin-bottom: 0;
}
.ListPop ul li h5 {
    font-size: 12px;
    font-family: 'OpenSans-Regular';
    color: #000000;
    line-height: 22px;
}
.ListPop ul li h4,
.ListPop ul li h4 p {
    font-size: 14px;
    font-family: 'OpenSans-bold';
    color: #000;
    line-height: 22px;
    display: inline;
}
.ListPop ul li p {
    font-size: 12px;
    font-family: 'OpenSans-Regular';
    color: #8b8b8b;
    line-height: 22px;
    background: transparent;
    width: 100%;
    text-align: left;
}
.ListPop ul li p:hover {
    background: transparent;

}
.ListPop ul li:hover h5,
.ListPop ul li:hover h4,
.ListPop ul li:hover p, 
.ListPop ul li.listRead h5, 
.ListPop ul li.listRead h4, 
.ListPop ul li.listRead p {
    color: #8b8b8b;
}
.icon-notificationBell1.notifyIconCout i {
    position: absolute;
    top: -8px;
    left: -8px;
    font-family: 'OpenSans-Regular';
    background: #f00;
    height: 16px;
    width: 16px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-style: normal;
}
.formrow .formlabel.moveRightIcon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.formlabel.moveRightIcon span:hover {
    color: #19a2b6;
    cursor: pointer;
}
.formrow.expandLabelInput {
    position: fixed;
    top: 10px;
    width: 98%;
    left: 50%;
    transform: translate(-50%);
    background: #fff;
    padding: 10px 18px;
    box-shadow: 0px 1px 6px 0px #4d4d4d;
}
.formrow.expandLabelInput .pEditorSize .p-editor-content {
    height: 80vh;
}
.customcheck-box {
    background: #FFFFFF;
    height: 1.6rem;
    font-size: 10.2rem;
    font-family: "OpenSans";
    color: #4D4D4D;
    box-shadow: none;
}
.customfieldheader {
    font-size: large;
    text-align: center;
    /* position: static; */
}

.ListPop ul li h5.jobStatus{
   color: #f00;
}
.editableLable{
    font-size: 1.3rem;
}
.resource-leadcheck.checkboxDuplicateRemove input[type=checkbox] {
    display: none;
}
.clsDropDownalign .p-dropdown {
    height: 26px;
}
.formFieldsAlignment .form-group{
    min-height: 30px;
}
.formFieldsAlignment select.form-control{
    appearance: none;
}
.formFieldsAlignment .form-group .positionSet, .job-boardpopup .pCalendar .positionSet {
    top: auto;
    bottom: 5px;
}
.formFieldsAlignment .form-group.calendar-iconsp .positionSet {
    bottom: 8px;
}
.formFieldsAlignment p-calendar button.p-button-icon-only, .job-boardpopup p-calendar button.p-button-icon-only {
    display: none;
}
.formFieldsAlignment .form-group.calendar-iconsp p-calendar {
    display: flex;
    width: 100%;
}
.checkboxfilter{
    display: flex;
    align-items: center;
}
.checkboxfilter .form-control {
    height: 15px;
    width: 26px;
    margin: 0;
}

.checkboxfilter .field-checkbox {width: 15%;padding: 0 5px;margin: 30px 0px 0 0;}

.checkboxfilter label {
    margin-bottom: 0;
    margin-top: -1px;
}
.checkBox.isShareIcon input[type=radio]+label:before,
.checkBox.isShareIcon input[type=checkbox]+label:before {
    content: "\e9a0";
    font-size: 9px;
    background: #b3b3b3;
}
.workFlowAlign{
    display: flex;
    align-items: center;
}
.statusList .shareableFormJob li {
    display: inherit;
    border: 0;
    padding: 0;
    margin-bottom: 10px;
}
.formSharedList ul {
    display: flex;
    width: 100%;
    padding-left: 15px;
}
.formSharedList .formSharedListHeader {
    width: calc(100% - 15px);
}
.formSharedList .p-accordion-header-link {
    flex-wrap: wrap; 
    border: 0;
    padding: 0;   
}
.formSharedList ul li {
    width: 20%;
    font-size: 12px;
    font-family: 'OpenSans-Regular';
    color: #666;
    font-weight: 100;
}
.formSharedList ul li span {
    display: block;
    font-family: 'OpenSans-Semibold';
    padding-top: 2px;
}
.formSharedList .formSharedListHeader {
    width: calc(100% - 30px);
}
.formSharedList .p-icon-wrapper {
    background: #5792F5;
    border-radius: 4px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-top: 1px;
}
.formSharedList .formSharedListHeader p {
    font-family: 'OpenSans-Semibold';
    font-size: 14px;
    padding-left: 14px;
    color: #666666;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.formSharedList ul li span {
    font-family: 'OpenSans-Semibold';
    padding-top: 2px;
}
.formSharedList .p-highlight .p-accordion-header-link {
    border-bottom: 1px solid #ccc;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none;
    padding-bottom: 15px;
}
.formSharedList .p-toggleable-content {
    padding-top: 20px;
}
.formSharedList .p-accordion-tab {
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    box-shadow: 0 3px 4px 0px rgb(0 0 0 / 10%);
    margin-bottom: 10px;
}
.formSharedList .p-toggleable-content .p-accordion-content {
    border: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 0px 20px;
}
.formSharedList .p-accordion-header {
    padding: 15px 20px 0px;
    
}
.formSharedList .p-accordion-header.p-highlight {
    padding-bottom: 0;
}
.formSharedList ul.submit-list-header li {
    font-family: 'OpenSans-Semibold';
    font-size: 12px;
}
.formSharedList ul.submit-list-header {
    border-bottom: 1px solid #ccc;
    padding: 0 15px 15px 40px;
    margin-bottom: 15px;
}
.formSharedList .forms-submit-list ul {
    padding-left: 40px;
    padding-right: 15px;
}
.formSharedList .forms-submit-list ul.submit-list-content {
    padding: 10px 15px 10px 45px;
    margin-bottom: 10px;
    background: #F8F9FA;
    justify-content: space-between;
}
.formSharedList .forms-submit-list ul.submit-list-content li:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.formSharedList .forms-submit-list ul.submit-list-content li:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.formSharedList ul.submit-list-header li {
    color: #000000;
}
.formSharedList ul.submit-list-header li:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.formSharedList ul.submit-list-header li:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.formSharedList ul.submit-list-content li span.icon-eye {
    font-size: 16px;
    cursor: pointer;
}
.formSharedList ul.submit-list-header li > div, .formSharedList ul.submit-list-content li > div {
    width: 50%;
}
.job-queue .p-datatable table .job-info.wrapIssueInfo ul li {
    display: flex;
    align-items: self-start;}
.job-queue .p-datatable table .job-info.wrapIssueInfo ul li div {
    white-space: pre-line;
    width: calc(100% - 60px);
}
.job-detail .job-bold.jobStatusLength{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px;
}
#jobtooltiparea {
    display: none;
    background: #e9f9ff;
    border: #29aae1 solid 1px;
    border-radius: 24px;
    padding: 12px;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    white-space: pre-line;
    width: 280px;
    top: -7px;
    left: 63px;
    text-transform: initial;
}

.jobhover:hover #jobtooltiparea {
    display: block;
}

.jobhover {
    position: relative;
}

span.jobhover {
    color: #009BFA !important;
}
.sharedFormsListScroll {
    overflow-y: auto;
    height: 300px;
    padding-right: 4px;
}
.printJobDynamic .printJobDynamiUnOrder{
    padding: 0 15px 15px 30px;
}
.printJobDynamic ul li label {
    padding-left: 10px;
    font-size: 13px;
    font-family: 'OpenSans-Semibold';
    margin-bottom: 0;
    cursor: pointer;
}
.printJobDynamic ul li input {
    margin-top: 0;
    height: 14px;
    width: 14px;
    margin-right: 5px;
}
.printJobDynamic ul li label{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.printJobDynamic .printJobDynamiUnOrder ul {
    padding-left: 23px;
}

.customfieldnorecord
{
    left: 2px;
    padding: 10px;
    margin-left: 15px;
    padding-left: center;
    padding-left: 420px;
}
.customSlideShow .SlideShow-body.formNameOverlap .SlideShow-cont h5{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
}
.field-attachmenticon-required.f-required-attachment{
    padding: 2px;
    box-shadow: 1px 1px 3px #ea3939;
}