.float-right{ float: right;}
.float-left{ float: left;}

.pcoded .pcoded-header[header-theme="theme1"] {
    background: #ffffff;
}
.pcoded .pcoded-header[header-theme="theme1"] .dropdown-toggle, .pcoded .pcoded-header[header-theme="theme1"] .input-group-addon, .pcoded .pcoded-header[header-theme="theme1"] a {
    color: #000000;
}
a.export-print{ background-color: #8ceeee; border-color: #8ceeee;  border-radius: 5px; color: #000000;}
a.export-print:hover{ background-color: #5edfdf !important; border-color: #5edfdf !important;}

.profile-open{display: none; text-align: right;}
.profile-close { display: flex;}
.open_basic_info_other{display: none;}

.icon-white{ color:#FFFFFF !important}
.flex-center{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;
    align-items: center;}
.j-wrapper{ margin: auto; margin: 0 auto; outline: none; padding: 40px 15px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
    box-sizing: content-box;}
.j-wrapper-60p{ width: 70% !important; box-sizing: border-box;}
.j-wrapper-65p{ width: 65% !important; box-sizing: border-box;}
.f-13 {font-size: 13px;}

/*.j-pro{
    outline: none;
    padding: 40px 15px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0,0,0,.54);
    font: 16px 'Open Sans',Helvetica,Arial,sans-serif;
}*/
/*.j-content{
    padding: 25px 25px 0;
}*/
/*.j-content .form-group{
    position: relative;
    margin-bottom: 25px;
}
.j-content .form-group label{ 
    font-size: 16px;
    margin-bottom: 6px;
    line-height: 14px;
    height: 14px;
    font-weight: 600;
}*/
/*.j-pro input[type="text"],.j-pro input[type="date"],.j-pro input[type="password"],.j-pro input[type="month"],.j-pro input[type="time"], .j-pro input[type="email"], .j-pro input[type="number"], .j-pro input[type="search"], .j-pro input[type="url"], .j-pro select {
    background: #fff;
    border: 2px solid rgba(0,0,0,.12);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: rgba(0,0,0,.87);
    display: block;
    font-family: inherit;
    font-size: 15px;
    height: 45px !important;
    padding: 10px 15px;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all.4s;
    -moz-transition: all.4s;
    -ms-transition: all.4s;
    -o-transition: all.4s;
    transition: all.4s;
}*/

/*rohan 14-12-2021*/

/*.j-pro input[type="search"].select2-search__field{
    border: none;
    height: 34px !important;
}*/

/*.j-pro input[type="search"].select2-search__field{
    border: none;
    height: 34px !important;
}*/

/*.j-pro .select2-container{
    width: 100% !important;
}*/
.j-datebutoon{ margin: auto; margin: 0 auto; outline: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.custom-height-48{height: 48px !important;}

.minicolors{ width: 100% !important;}

/* end rohan 14-12-2021*/
/*12/27/2021*/


/*.j-pro input:read-only {
    background-color: #e9ecef !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}
.j-pro input[type="radio"] {
  background-color: #e9ecef !important;
      cursor: pointer  !important;
    opacity: 0.7 !important; 
}
.j-pro input:disabled {
  background-color: #e9ecef !important;
}*/

.colorpickertcustom{padding-left: 40px !important;}
.bg-color-gray{background-color: #d6d6d6;}
.bg-color-white{ background-color: #fff !important;}
.userimageround{ padding-top: 10%; height: 50px;}
.besic-info-txt-start{ padding-left: 10px !important; text-align: start !important;}
.fr{ float: right !important;}
.fl{ float: left !important;}

.md-tabs.custom_basic_info .nav-item a { padding: 10px 0;}
.md-tabs.custom_basic_info .slide{ height: 25px !important; width: 4px !important; bottom: 6px !important;}
.profile-pic { color: transparent; transition: all 0.3s ease; display: flex; align-items: center; position: relative; transition: all 0.3s ease;}
/*.j-content .profile-pic .-label {
    position: absolute;
    cursor: pointer;
    height: 130px;
    width: 130px;
    font-size: 13px;
}*/
.profile-pic .-label { position: absolute; cursor: pointer; height: 130px; width: 130px; font-size: 13px;}
.profile-pic span { display: inline-flex; padding: 0.2em; height: 2em;}
.glyphicon { position: relative; top: 1px; display: inline-block;  font-family: 'Glyphicons Halflings';  font-style: normal; font-weight: 400;
    line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.glyphicon-camera:before { content: "\e046";}
.profile-pic input { display: none;}
.profile-pic img { object-fit: cover; width: 130px; height: 130px; box-shadow: 0 0 10px 0 rgb(255 255 255 / 35%); border-radius: 100px; z-index: 0;}
.profile-pic:hover .-label { display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.8); z-index: 10000;
    color: #fafafa; border-radius: 100px; margin-bottom: 0;}

.fc-event{ color: black;}
.header-navbar .navbar-wrapper .navbar-container .customcount{ top: 11px;}
.dropdown-menu.megamenu.show { width: 1024px; padding: 20px; box-sizing: border-box;}
.header-navbar .navbar-wrapper .navbar-container .nav-left .dropdown-menu.megamenu.show ul.list-unstyled li a{ line-height: 37px; color: #888888;
    font-weight: normal !important; font-size: 14px;}
.accodianbg{ background: #ebedf3; color: #3f4254; border-radius: 8px; margin-top: 6px;}

.img-120{ width: 120px; border-radius: 5px;}
.btn.btn-icon-30 { border-radius: 50%; width: 30px; height: 30px; padding: 3px; text-align: center;}
.btn-icon-30 i{ margin-right: 0px !important;}


/* Pradeep css */
.header-navbar .navbar-wrapper .navbar-logo[logo-theme="theme1"] { background: #ffffff; height: 77px;}

div#pcoded{ position: relative;}
/*.pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar {
    position: absolute;
    bottom: 101.7%;
    z-index: 9999;
    left: 31%;
    width: auto;
    box-shadow: none;
}*/
.pcoded .pcoded-navbar.custom-pcoded-navbar[navbar-theme="themelight1"] .pcoded-inner-navbar { background-color: #FFFFFF;}
/*.pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar .pcoded-item > li > a > .pcoded-micon {
    color: #ffffff;
}*/
/*.pcoded .pcoded-navbar.custom-pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li > a{
    color: #ffffff;
}*/
/*.pcoded .pcoded-navbar.custom-pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-hasmenu > a:after{
    color: #ffffff;
}*/
/*.pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover > a .pcoded-micon, .pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover:hover > a .pcoded-micon {
    color: #ffffff;
    opacity: 0.7;
}*/
/*.pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover > a, .pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover:hover > a {
    color: #ffffff;
    opacity: 0.7;
}*/
.header-navbar .navbar-wrapper .navbar-container .nav-right li.header-search.p-custom-search { padding: 0; margin: -4px 0 0 -20px;}
a#mobile-collapse, a.mobile-options.waves-effect.waves-light { color: #0d6efd;}
.header-navbar .navbar-wrapper .navbar-container .nav-right li{ float: none; display: inline-block; vertical-align: top;}
/*.pcoded[theme-layout="horizontal"] .page-header {
    margin-top: 20px;
}*/
li.header-notification .dropdown-primary i.ti-email { color: #000000;}
.pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar .pcoded-item > li > a{font-size:14px; text-transform:uppercase; padding:11px 5px;
    letter-spacing: 1.5px;}
.pcoded .pcoded-navbar.custom-pcoded-navbar .pcoded-item > li > a > .pcoded-micon{ width: 40px;}
.pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a > .pcoded-mtext{
    text-transform: uppercase;}

.pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar .pcoded-item > li{ padding: 0 7px;}
table#basic-btn tr td{ padding: 10px 0.75rem; vertical-align: middle; border-bottom-width: 1px !important; border-left-width: 0px !important;
    border-width: 0px 0px; border-color: #EBEDF3;}
table#basic-btn tbody tr{ border-color: #EBEDF3; border-style: solid; border-width: 1px 0px !important; border-collapse: inherit !important;}
table#basic-btn tbody tr:nth-of-type(odd){ background-color: #ffffff; --bs-table-accent-bg: none;}
table#basic-btn tr td a.btn i{ color: #b5b5c3;}
table#basic-btn tr td a.btn:hover i{color: #4099ff;}
.card-header-right.table-card-header a.btn.waves-effect.waves-light:hover { color: #4099ff;}
.card-header-right.table-card-header a.btn.waves-effect.waves-light:hover i.icofont.icofont-reply{ color: #4099ff;}
.navbar-logo a img{height: 40px;}
.header-navbar .navbar-wrapper .navbar-logo{ width: auto;}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu{ min-width: 250px;}
.header-navbar .navbar-wrapper .navbar-container .nav-left.custom-master-menu li{padding: 0 5px;}
.open .open-search{position:absolute; background:#ffffff; top:62px; width:280px; border-radius:40px !important; left:0; box-shadow:0px 10px 20px #cccccc;}
.open .open-search span.input-group-text.search-close{float: right; padding: 5px 0;}
.open .open-search input.form-control{ float: left; margin: 2px 0 0 0;}


/* Pradeep css */
.nav-mainlink{ background-color: #4099ff; border-color: #4099ff; color: #FFFFFF !important; border-radius: 5px;}
.md-tabs .nav-item.open .nav-link, .md-tabs .nav-item.open .nav-link:focus, .md-tabs .nav-item.open .nav-link:hover, .md-tabs .nav-link.active, 
.md-tabs .nav-link.active:focus, .md-tabs .nav-link.active:hover{background-color:#4099ff;border-color:#4099ff;color:#FFFFFF !important;border-radius:5px;}
.lable-round{background-color: #FFF; border-radius: 50%; color: #000; font-size: 12px; padding: 3px 5px;}
.p-3{ padding: 2px;}
.circle-circle {width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px;}

.circle-circle-xl {width: 135px;height: 135px; padding: 10px 16px; line-height: 1.33; border-radius: 50%; border-width: 5px; background-color: #FFFFFF;}
.circle-circle-xxl {width: 180px;height: 180px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 50%; border-width: 5px;
  background-color: #FFF; color:  #000000;}
.ml-2{  margin-left: 0.5rem;}
/*Ravi*/

/*Rohan*/
.notification-box-shadow{ box-shadow: 0px 0px 1px 0px;}
.width25{ width:25%;}

/* 12-30-2021  */
.newcrds.card-custom>.card-header.card-header-right {  -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.newcrds.card-custom>.card-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;
    justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap;
    min-height: 70px; padding-top: 0; padding-bottom: 0; background-color: transparent;}
.newcrds.card-custom.custom-ribbon .custom-text { background: #1BC5BD;margin: 0 0 0 0px;color: #ffffff;padding: 8px 10px;margin:-13px 0 0 0px;
z-index: 9;}
.ribbon .ribbon-target { display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px; position: absolute; z-index: 1; -webkit-box-shadow: 0 -1px 5px 0 rgb(0 0 0 / 10%); box-shadow: 0 -1px 5px 0 rgb(0 0 0 / 10%); color: #fff;}
.newcrds.card-custom.custom-ribbon { overflow: hidden;}
.newcrds.card-custom.custom-ribbon .ribbon-target.custom:after { content: ''; border-right: 80px solid transparent; border-left: 80px solid transparent;
    border-top: 80px solid #1BC5BD; left: -57px; top: -11px; position: absolute; transform: rotate(135deg); border-radius: 3px;}
.float-left{ float: left;}

.payroll-step li a b { display: inline-block; background: #cfeaf6; padding: 8px 20px; border-radius: 50%; font-size: 21px; margin-right: 10px;}


/*.btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}*/

/*job postingd*/



.post{margin: 0;}
ul.post-job{ list-style: none; display: block; margin: 0; padding: 0;}
ul.post-job li{ width: 19.5%; display: inline-block; vertical-align: top; /*border: 1px solid #cccccc;*/ text-align: center;}
ul.post-job li a{font-size: 15px; color: #444444; display: block; padding: 10px; box-sizing: border-box; min-height: 100px;}
ul.post-job li a i{font-size: 25px;}
ul.post-job li a h6{font-size: 12px; font-weight: normal; margin: 0;}
ul.post-job.post-job2 li a{min-height: 101px;}
.boost{background: #3fc5db5c;}
.boost i{/*color: #3f51b5; */ font-size: 25px;}
.few {background: #b3f4f7; padding: 20px; }
.few ul{margin: 0 20px; padding: 0; list-style-position: initial;}
.few ul li{margin: 5px 0;}


/*job postings*/
.f-14{font-size: 14px;}
.text-align-right{ text-align: right;}
.width1{ width: 1% !important;}


.middle {transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
  text-align: center;}

.container:hover .image { opacity: 0.3;}

.container:hover .middle { opacity: 1;}

.text { background-color: #04AA6D; color: white; font-size: 16px; padding: 16px 32px;}
.icon-40-blue{ font-size: 40px; color: #0d6efd;}

ul.nav.nav-tabs.nav-tabs-line.mb-5.graph-join a.active, ul.nav.nav-tabs.nav-tabs-line.mb-5.graph-join a:hover {color: #fff;   
    box-shadow: rgb(56 56 56 / 42%) 0px 12px 35px -6px;  transition: all 0.1s ease-in-out 0s; background-color: #512da8;
    background-image: linear-gradient(170deg,#5a89e8 33%,#002584 90%);  width: 100%;}
.text-white{ color: white !important;}
.text-black{ color: black !important;}
.p-2{  padding: 2px;}

.logosize{ background-color: #c9f7f5; color: #1bc5bd; width: 40px; height: 40px;}
.mr-5{ margin-right: 5px;}
.mr-10{ margin-right: 10px;}
.mr-15{ margin-right: 15px;}
.font-weight-bolder{ font-weight: bold;}
.image-input input { width: 0!important; height: 0!important; overflow: hidden; opacity: 0;}
.p-11{ padding: 11px !important;}
.wizard>.content>.body input.form-control{ outline: blue !important; border: 1px solid #cccccc !important;}
.ligin-bg-white{background-color:#ffffff !important; background-image:linear-gradient(rgba(255,255,255,0.7) 240px, #ffffff 0%) !important;
}
.form-material .form-group.login-mean-class input{background-color: #F3F6F9; border-color: #F3F6F9; color: #000000 !important; padding: 1.5rem; 
border-radius: 5px; font-size: 14px;}

.form-material .form-group.login-mean-class input::placeholder {
  color: #000000 !important;
}

.form-material .form-group.login-mean-class input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #000000 !important;
}

.form-material .form-group.login-mean-class input::-ms-input-placeholder { /* Microsoft Edge */
 color: #000000 !important;
}

.form-material .form-group.login-mean-class input:focus{background-color: #EBEDF3;border-color: #EBEDF3;}
.btn.b-radius{border-radius: 5px;}
.login-block .auth-box.custom-auth-box {max-width: 400px;    }
    .bg-login-image{ background-image: url("../images/login/login.jpg") !important; background-size: cover;}
    .cursor-pointer{cursor:pointer; }
.border-10{ border: 10px solid #fff;}


/*Rohan*/
/*breadcrumb css Start*/

.breadcrumb {display: flex;border-radius: 6px;overflow: hidden; margin: auto; text-align: center; width: 100%; height: 57px;z-index: 1; background-color: #FFFFFF; font-size: 12px; border: 1px #ccc solid;}

.breadcrumb a { position: relative; display: flex; flex-grow: 1; text-decoration: none; margin: auto; height: 100%; padding-right: 0; color: #666666;
    letter-spacing: 0.01rem !important;  }

.breadcrumb a:first-child { padding-left: 38px / 2.5;}

.breadcrumb a:last-child { padding-right: 16px;}

.breadcrumb a:after { content: ""; position: absolute; display: inline-block; width: 57px; height: 57px ; top: 0px; right: 0px; background-color: #FFFFFF;
      border-top-right-radius: 5px; transform: scale(0.707) rotate(45deg); box-shadow: 1px -1px rgba(0,0,0,0.25); z-index: 1;}

.breadcrumb a:last-child:after { content: none;}

.breadcrumb__inner { display: flex; flex-direction: column; margin: auto; z-index: 2;}

.breadcrumb__title { }

/*.breadcrumb a.active, .breadcrumb a:hover{background: darken(tomato, 20%);  color: #79b7ff;}

.breadcrumb a.active:after, .breadcrumb a:hover:after {background: darken(tomato, 20%); color: #79b7ff;}
*/


/*breadcrumb css End*/


/* Wrok flow steps start */
.work-box {width:40px;display:block;margin:0 auto;padding:10px 0;border-radius:50%;transition:0.5s ease-in;border:1px solid #3699FF;position:relative;}
.work-box:hover{box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5); margin-top: -5px;}

.step-icon { position: relative; content: ''; width: 60%; height: 2px; left:70%; top: -25px;}
.work-box i { font-size: 15px; color: #ffffff;}
.work-icon-rht { position: absolute; right: -15px;top: 17%;}
.work-icon-rht i { font-size: 24px;}
.work-box.work-box-last:after{ display: none;}
/* Wrok flow steps End */

/*menu auto with*/
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item > li{position: static;}
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu {max-width: none;min-width: 250px;margin: 51px 0 0 0;}
/*menu auto with*/

/* Rohan ribbon Start */
.ribbon {width: 120px;height: 120px;overflow: hidden;position: absolute;}
.ribbon::before, .ribbon::after {position: absolute;z-index: -1;content: '';display: block;border: 5px solid #2980b9;}
.ribbon span {position: absolute;display: block;width: 245px;padding: 5px 0;box-shadow: 0 5px 10px rgba(0,0,0,.1);color: #fff;text-shadow: 0 1px 1px rgba(0,0,0,.2);text-transform: uppercase;text-align: center;}
.ribbon-top-right {top: -10px;right: -10px;}
.ribbon-top-right::before, .ribbon-top-right::after {border-top-color: transparent;border-right-color: transparent;}
.ribbon-top-right::before {top: 0;left: 0;}
.ribbon-top-right::after {bottom: 0;right: 0;}
.ribbon-top-right span {left: -34px;top: 15px;transform: rotate(45deg);}
/* Rohan ribbon END*/


.symbol { display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; position: relative;  border-radius: 0.42rem;}
.symbol-group.symbol-hover .symbol {cursor: pointer;}
.symbol-group .symbol:first-child {margin-left: 0;}
.symbol-group .symbol {position: relative;z-index: 0;margin-left: -10px;border: 2px solid #fff;-webkit-transition: all .3s ease;transition: all .3s ease;}
.symbol.symbol-circle {border-radius: 50%;}
.symbol.symbol-35 .symbol-label {width: 35px;height: 35px;}
.symbol.symbol-circle .symbol-label {border-radius: 50%;}
.symbol .symbol-label {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-weight: 500;color: #3f4254;background-color: #f3f6f9;background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: 0.42rem;}
.symbol-group .symbol:hover {-webkit-transition: all .3s ease;transition: all .3s ease;z-index: 1;}
.text-lg-right { text-align: right!important;}
.col-form-label { padding-top: calc(0.65rem + 1px); padding-bottom: calc(0.65rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5;}

/*dash board */
.custom-radial-bar:after {z-index: 99;width: 86px;height: 86px;margin-left: 7px;margin-top: 7px;line-height: 85px;}
.custom_txt_round{height: 50px;display: inline-block;line-height: 32px;}
.width73{width:73%;}

/*.card.social-card:hover */
.card.custom_hover_card:hover {box-shadow: none;background-color: #eaf4ea;}
.reviews_status{width: 160px;display: inline-block;word-break: normal;white-space: initial;}
.custom-radial-bar:after {z-index: 99;width: 86px;height: 86px;margin-left: 7px;margin-top: 7px;line-height: 85px;}

/*.card.social-card:hover */
.card.custom_hover_card:hover {box-shadow: none;background-color: #eaf4ea;}
.text-right{text-align: right;}
.reviews_status{width: 160px;display: inline-block;word-break: normal;white-space: initial;}
.pcoded-submenu .pcoded-submenu{margin: 0px !important;}
.width73{width:67%;}
.custom-scroll{overflow-y: scroll;}
.custom-scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px transparent;}
.custom-scroll::-webkit-scrollbar{width: 5px;background-color: transparent;}
.custom-scroll::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px transparent;}
.custom-scroll:hover{overflow-y: scroll}
.custom-scroll:hover::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.custom-scroll:hover::-webkit-scrollbar{width: 5px;background-color: #000000;opacity: 0.4;}
.custom-scroll:hover::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #cccccc;
opacity: 0.4;}
li.nav-item.btnwidth{width: 39%;}
.md-tabs.graph-join .nav-item.open .nav-link, .md-tabs.graph-join .nav-item.open .nav-link:focus, .md-tabs.graph-join .nav-item.open .nav-link:hover, .md-tabs.graph-join .nav-link.active, .md-tabs.graph-join .nav-link.active:focus, .md-tabs.graph-join .nav-link.active:hover{
    box-shadow: rgb(56 56 56 / 42%) 0px 12px 35px -6px;
    transition: all 0.1s ease-in-out 0s;
    background-image: linear-gradient( 170deg ,#5a89e8 33%,#002584 90%);}
.graph-join li a{box-shadow: rgb(56 56 56 / 15%) 0px 5px 10px 1px;transition: all 0.3s ease-in-out 0s;border-radius: 50px !important;padding: 17px 0px;
margin: 0 10px 0 0;color: #000000 !important;background: #ffffff;}
.my-note-icon{padding: 0;}
.my-note-icon i{color: #656565 !important;}
div#advantage ul.nav {width: 100%;min-width: 100%;display: inline-block;}
.j-content .profile-pic .-label {position: absolute;cursor: pointer;height: 130px;width: 130px;font-size: 13px;display: inherit !important;}
.profile-pic input {display: none !important;}
ul.nav.graph-join a.active, ul.nav.graph-join a:hover {box-shadow: rgb(56 56 56 / 42%) 0px 12px 35px -6px;transition: all 0.1s ease-in-out 0s;
background-image: linear-gradient(170deg,#5a89e8 33%,#002584 90%);color:#ffffff !important;}
.infisuite_tab .nav-item a.active{box-shadow: 0 16px 26px -10px rgb(63 106 216 / 56%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(63 106 216 / 20%);}
.infisuite_tab .nav-item a.active span span{background-color: #ffffff !important;color:#000000 !important;}

.newcrds .card-header {position:static;}
.newcrds .card-header h4.card-title{ position: absolute; right: 10px; top: 10px;}

/* ESS 1 PAGE CSS START HERE */
.ess-1{ width: 100%; display: inline-block; vertical-align: top; background: #fff; border-radius: 5px;  margin-bottom: 30px;}
.ess-1 ul{ margin: 20px 0 0 0; padding: 0;  list-style: none; border:none !important;}
.ess-1 ul li{ width: 46%; display: inline-block; vertical-align: top; margin:0 8px 10px !important; text-align: center; border:1px solid #eee;
    transition: 0.5s ease;}
.ess-1 ul li:hover { transform: scale(1.1); transition: 0.5s ease;}
.ess-1 ul li:nth-child(8n){margin-right: 0 !important;}

.ess-1 ul li a{display: block !important; padding: 20px 10px 10px!important; border: none !important; margin: 0 !important; border-radius: 0 !important;}
.ess-1 ul li a i{ color: #0BB783; font-size: 16px; padding: 16px 15px; border-radius: 50%; box-shadow: 0px 2px 3px #ccc; margin: 0; display: inline-block;
    transition: 0.5s ease;}
.ess-1 ul li a:hover span, .ess-1 ul li a.active span{color: #ffffff;  }
.ess-1 ul li a.active, .ess-1 ul li a:hover{ background-color: #4099ff; }
.ess-1 ul li a.active i, .ess-1 ul li a:hover i{ background-color: #ffffff; }

.ess-1 ul li a.active{transform: scale(1.05) !important; transition: 0.3s ease-in; }
/*.ess-1 ul li a:hover i{
  background: #fff;
  -webkit-transform:scale(1.2); 
    -moz-transform:scale(1.2); 
    -o-transform:scale(1.2);
}
.ess-1 ul li a.active i{
  background: #fff;
  -webkit-transform:scale(1.2); 
    -moz-transform:scale(1.2); 
    -o-transform:scale(1.2);
}*/
.ess-1 ul li a span{font-size: 12px; color: #333; margin: 10px 0 0 0; display: block; min-height: 48px;}

.row.desc{ margin: 0; background: #ffffff;  padding: 20px 10px; margin-bottom: 30px;}
.ess-bdr h5{ margin: 15px 0 0 0;}

.ess-bdr img{ margin: 20px 20px 0 0; border-radius: 50%;}
.ess-bdr b{}
.ess-bdr{ width: 100%; border-right:1px solid #ccc; display: inline-block; vertical-align: top; min-height: 185px;}

.ess-bdr a{ font-size: 16px; color: #333333; text-transform: capitalize; box-shadow: 0px 0px 10px #ccc; display: block; padding: 9px 20px;
    width: 80%;  margin: 30px auto;}
.ess-bdr a i { background: #0BB783; padding: 2px 5px; color: #fff; border-radius: 50%; font-size: 13px;}
.ess-related{position: relative;}
.ess-related a{width: 100%;padding: 10px 0px;  text-align: center;  display: inline-block;}
.ess-related .close-btn{ cursor: pointer; position: absolute;  right: 0; top: 0;}

/*.leave-form{
  display: none;
}
.leave-form input[type="text"] {
    width: 90%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}*/
.ess-bdr div#accordionExample3 { margin-right: 28px;}
.ess-bdr .card-title { background-color:  #fff !important; border: 1px solid #ccc; color: #000 !important;}
.ess-bdr .card-title:after { background: #0BB783; color: #fff !important; padding: 8px 8px; border-radius: 50%;}
.ess-related .btn{width: 90% !important;}

.ess-bdr .btn.cancel{background-color: #ccc !important; border:1px solid #ccc !important;}
/* ESS 1 PAGE CSS END HERE */

.newcrds.card-custom.custom-ribbon .custom-text {background: #1BC5BD;color: #ffffff;padding: 8px 10px;margin: -17px 0 0 0px;z-index: 9;}


/* USER PROFILE CSS START HERE */
.card-block.user-info {position: absolute;width: 100%;bottom: -15px;}
.user-info .media-body, .user-info .media-left {display: table-cell;vertical-align: middle;}
.profile-image img {border: 4px solid #fff;}
.cover-btn {bottom: 38px;right: 85px;position: absolute;}
.custom-protab .md-tabs .nav-item.open .nav-link, .custom-protab .md-tabs .nav-item.open .nav-link:focus, .custom-protab .md-tabs .nav-item.open .nav-link:hover, .custom-protab .md-tabs .nav-link.active, .custom-protab .md-tabs .nav-link.active:focus, .custom-protab .md-tabs .nav-link.active:hover {
color: #4099ff !important;border-color: #4099ff;background-color: transparent !important;color: #4099ff!important;}
.custom-protab .md-tabs .nav-item{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;text-align: center;position: relative;}
/* USER PROFILE CSS END HERE */

.j-wrapper-40p {width: 40% !important;}
.swal2-popup {font: 12px 'Open Sans',Helvetica,Arial,sans-serif !important;}
button.swal2-confirm.btn.btn-success {margin-right: 15px;}
h2#swal2-title {font-size: 15px;}

/* prdeep header*/
.header-navbar .navbar-wrapper .navbar-logo {width: 250px;height:60px;box-shadow: none;padding:10px;}
.header-navbar .navbar-wrapper .navbar-logo[logo-theme="theme6"] {background: #ffffff;}
.header-navbar{min-height:60px;}
.header-navbar .navbar-wrapper .header-search .main-search{padding:10px 0;}
.header-navbar .navbar-wrapper .navbar-container .nav-left li, .header-navbar .navbar-wrapper .navbar-container .nav-right li{line-height:3.7;padding:0px 5px;}
.header-navbar .navbar-wrapper .navbar-logo .mobile-menu{line-height:3.7;}
.pcoded[theme-layout="vertical"] .pcoded-navbar[pcoded-navbar-position="fixed"] {top: 60px;}
.header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img {width: 33px;}
.header-navbar .navbar-wrapper .navbar-logo[logo-theme="theme1"] {height: 60px;}
.header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img {width: 33px; height: 33px;margin-top: 9px !important;}
/* USER PROFILE CSS END HERE */

.virticalline{ border-right: 2px solid #CCCCCC;}
.w-100PX{ width: 100px;}
.header-bg { background-size: cover; background-repeat: no-repeat; background-image: url(../images/header-bg.png);}

.pcoded .pcoded-navbar[pcoded-navbar-position="absolute"] {position: relative;}
.expirylist_popup { position: fixed; margin: auto; width: 320px; right: 0px;bottom: 0;}
.custom_txt_workentry{ height: 30px; line-height: 26px; width: 30px; display: inline-block;}
.modal-header{ background-size: cover; background-repeat: no-repeat; background-image: url(../images/header-bg.png); border-top-right-radius: 17px; 
    border-top-left-radius: 17px; color: #ffffff;}
.modal-content{ border-top-right-radius: 20px;  border-top-left-radius: 20px;}
.select2-dropdown{ z-index: 999999;}
.select2-container{max-width:100%;}
table.table-vertical-center tr { vertical-align: middle;}
.max-w-200px{ width: 200px;}
.work-entry table tr td, .work-entry table tr th{padding: 5px;text-align: center;}
.work-entry table tr td{width: 40px;}
.table-custom-responsive tr td{ padding: 1% 3px 1% 3px !important;}
.ui-datepicker-trigger {border: none;background: none;position: relative;margin: -35px 0 0 0;float: right;}
.crossbutn{position: absolute;right: 10px;top: 2px;}
.minw-80{    min-width: 80px;}
.minw-90{   min-width: 90px;}
.minw-100{  min-width: 100px !important;}
.minw-120{  min-width: 120px;}
.minw-140{  min-width: 140px;}
.minw-160{  min-width: 160px;}
.minw-180{ min-width: 180px;}

/* Courier page css start here */
.courier .nav-tabs { border-bottom: none;}
.courier .nav-tabs .nav-link{border-radius: 5px; padding: 30px 20px;}
.courier .nav-tabs .nav-link{text-align: left; border: 1px solid #dee2e6; background: #ffffff;}
.courier .nav-tabs .nav-link i{display: block; transform: scale(1.2); transition: all 0.3s ease-in-out;}
.courier .nav-tabs .nav-link span{margin-top: 20px; display: block;}
.courier .nav-tabs .nav-link.active, .courier .nav-tabs .nav-link.active i, .courier .nav-tabs .nav-link.active span{color: #b0dc00 !important;}
.courier .nav-tabs .nav-link:hover i{color: #b0dc00 !important; transform: scale(1.1);}
.courier .tab-content{position: relative;}
.courier .tab-content>.active:after {content: ''; position: absolute; top: -14px; border-left: 15px solid transparent;
border-right: 15px solid transparent; border-bottom: 15px solid #ffffff;}
.courier_popup .c_btn{position: absolute; top: 0; right: 0;}
.pro-dsc-sec{border-radius: 5px; position: relative;}
.pro-img{position: relative;}
.pro-img img{border-top-left-radius: 5px; border-top-right-radius: 5px;}
.pro-dsc-sec span{position: absolute; bottom: 60px; right: 10px; background: #ffffff; color: #000000; padding: 3px 10px; border-radius: 5px;
box-shadow: 0px 2px 0px #62d1f0;;}
.pro-img a.add-pro{position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; height: 100%; top: 0; bottom: 0;
align-items: center; vertical-align: middle; padding: 27% 0; background: #00000059; display: none;}
.pro-img:hover a.add-pro{display: block;}
/* Courier page css start end */
/* Bus booking css start here */
.banner-txt {margin: 90px 0 0 30px; display: inline-block;}
.booking-form { position: absolute; top: 10%; right: 50px; width: 40%; background: #fffffff7; border-radius: 5px; padding: 20px; 
    box-shadow: 0px 2px 5px #000000;}
.booking-form select, .booking-form select:hover{border: 1px solid #cccccc;}
.route-count-img { background: #ffffff; width: 100px; display: block; margin: 0 auto; border: 1px solid #cccccc; padding: 10px; border-radius: 50%;}
.route-count-img img{width: 100%;}
.seat-wrapper { width: 80%; display: block; margin: 0 auto;}
.seat-left{width: 100%; display: block; margin: 0 auto; background: #f6f7f8;}
.seat-left ul{margin: 0; padding: 0; text-align: center; position: relative;}
.seat-left ul li{width: 12%; display:inline-block; vertical-align:top; margin: 5px; }
.seat-left ul li a{background:#ffffff; border:1px solid #cccccc; padding:12px 10px; border-radius:5px; display: block;}
.seat-left ul li.divider { border: none; background: transparent; width: 35%;}
.seat-left ul li.divider:hover{background: transparent;}
.seat-left ul li:hover a, .seat-left ul li.active a{background: #4099ff; color: #ffffff;}
.seat-left ul:before { content: 'Front'; position: absolute; text-align: center; left: 0; right: 0; top: -36px; background: #ffffff; width: 60px;
    display: block;  margin: 0 auto; border: 1px solid #cccccc; padding: 2px 0; box-shadow: 0px 1px 0px #cccccc; border-radius: 5px;}
.seat-left ul:after { content: 'Back'; position: absolute; text-align: center; left: 0; right: 0; bottom: -36px; background: #ffffff; width: 60px;
    display: block;  margin: 0 auto; border: 1px solid #cccccc; padding: 2px 0; box-shadow: 0px 1px 0px #cccccc; border-radius: 5px;}
/* Bus booking css end here */


.color-accordion-block .accordion-desc{margin-top: 5px !important;}
.color-accordion-block .accordion-desc a:hover, .color-accordion-block .accordion-desc a:focus{color: #4680ff;
    background: transparent;}
	.ribbon.custom_grid_vendor_ribban {overflow:visible; position: relative; width:auto; height:auto;}
.ribbon.custom_grid_vendor_ribban .ribbon-target { right: -10px;}
.ribbon.custom_grid_vendor_ribban .ribbon-target {border-top-left-radius: 0.42rem; border-bottom-left-radius: 0.42rem;}
.ribbon.custom_grid_vendor_ribban .ribbon-target {display: -webkit-box;display: -ms-flexbox; display: flex; -webkit-box-pack: center;
    -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px;
    position: absolute; z-index: 1; background-color: #3699FF; -webkit-box-shadow: 0px -1px 5px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px -1px 5px 0px rgb(0 0 0 / 10%); color: #FFFFFF;}
.ribbon.custom_grid_vendor_ribban .ribbon-target .ribbon-inner { border-top-left-radius: 0.42rem; border-bottom-left-radius: 0.42rem;}
.ribbon.custom_grid_vendor_ribban .ribbon-target > .ribbon-inner { z-index: -1; position: absolute; padding: 0; width: 100%; height: 100%; top: 0;left: 0;}
.ribbon.custom_grid_vendor_ribban .ribbon-target .ribbon-inner:before, .ribbon.custom_grid_vendor_ribban .ribbon-target .ribbon-inner:after {
    content: ""; position: absolute; border-style: solid; border-color: transparent !important; bottom: -10px;}
.ribbon.custom_grid_vendor_ribban .ribbon-target .ribbon-inner:before { border-width: 0 0 10px 10px; border-left-color: #181C32 !important; right: 0;}
.w-full .select2-container { max-width: 100% !important;}
	
/**sider popup*****/

#custom-popup { position: relative; cursor: pointer;}
/*.custom-popup-open {display: none; position: absolute; right: -316px; top: -100%; width: 100%; z-index: 1;}*/
#table-popup { position: relative; cursor: pointer;}
.table-popup-open {display: none; position: absolute; left: 40%; top: -20px; width: 300px; z-index: 1;}
.table-popup-open:before { position: absolute; content: ''; top: 30px; left: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent;  border-right: 10px solid #2ed8b6;}


.table-ex tbody{ width: 100%; display: inline-block;}
.table-ex tbody tr{    width: 100%; display: inline-block;}

.table-ex tbody tr td:first-child{ width: 60%; display: inline-block;}
.table-ex tbody tr td:nth-child(2){ width: 8%; display: inline-block; vertical-align: bottom;} 
.table-ex tbody tr td:nth-child(3){ width: 25%; display: inline-block; vertical-align: bottom;}
.table-ex tbody tr td:nth-child(4){ width: 5%; display: inline-block; vertical-align: bottom;}
.table-ex thead { width: 100%; display: inline-block; border-bottom: 1px solid #232323; padding-bottom: 0px;}
.table-ex thead tr th{border: none;}
/** end sider popup*****/

/* Pradeep 10-1-2022 start css */
.width-60 {width:61%;display: block;margin: 0 auto;position: relative;}
.width-70{width:81.6%; margin: 0 35px 0 0; position: relative; float: right;}
.width-70 .card{border-radius: 16px; box-shadow: none;}
.width-60 ul{padding: 0;margin: 0;left: 0;right: 0;margin: 0 auto;}	
.mobile-view-logo{display: none;}
.img-vector{width: 300px;}
.creative .width-70{margin: 0 85px 0 0;}

.symbollogo { background-color: #f64e60 !important; color: #fff !important; width: 62px !important; height: 62px !important;}
.ui-state-active span svg g path {fill: #ffffff !important;}
.ui-state-active#ui-id-13 span svg g polygon {fill: #ffffff !important;}
.color-accordion-block .accordion-desc a:hover, .color-accordion-block .accordion-desc a:focus {color: #adc1ec;}

.w-full .select2-container { width: 100% !important; max-width: 100% !important;}

/*Rohan Added 27-10-2022*/
	.form-control {font-size: 13px;padding: 10px 10px;} /* before font-size: 15px */
	textarea.form-control { height: 60px;} 
/* END Rohan Added 27-10-2022*/


.color-accordion-block .accordion-desc{margin-top: 5px !important;}
.color-accordion-block .accordion-desc a:hover, .color-accordion-block .accordion-desc a:focus{color: #4680ff; background: transparent;}
	
.tooltip-content4.clearfix{word-break: break-word !important;  white-space: initial !important;}	

.banner img{width: 100%; height: auto;}
.banner-text { position: absolute; top: 5%; left: 0; right: 0; margin: 0 auto; width: 75%;}
.banner-text h2{font-size: 35px; color: #ffffff;}
.banner-text p{ font-size: 22px; color: #ffffff; padding-right: 130px;}
.banner-text a{ font-size:19px; color: #000000; padding: 10px 20px; margin: 30px 0 0 0; display: inline-block;}
.banner-text a:hover{color: #4099ff; box-shadow: 0px 5px 20px #000000;}
.btn-white{background: #ffffff;}
.custom-notification .border:hover { background: #c6e3f1;}
.custom-notification .border{position:relative;}
.custom-notification .border i{position:absolute; right:2px; top:2px;}
.custom-submit{ position: fixed;  bottom: 0px; background: #ffffff;  width: 98%; left: 20px; right: 20px; margin: 0 auto; z-index: 99;}
	
/**sider popup*****/
#custom-popup { position: relative; cursor: pointer;}
/*.custom-popup-open {display: none; position: absolute; right: -316px; top: -100%; width: 100%; z-index: 1;}*/
#table-popup { position: relative; cursor: pointer;}
.table-popup-open {display: none; position: absolute; left: 40%; top: -20px; width: 300px; z-index: 1;}
.table-popup-open:before {position:absolute; content:''; top:30px; left:-10px; border-top:10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #2ed8b6;}


.table-ex tbody{ width: 100%; display: inline-block;}
.table-ex tbody tr{    width: 100%; display: inline-block;}

.table-ex tbody tr td:first-child{width: 60%; display: inline-block;}
.table-ex tbody tr td:nth-child(2){ width: 8%; display: inline-block; vertical-align: bottom;} 
.table-ex tbody tr td:nth-child(3){ width: 25%; display: inline-block; vertical-align: bottom;}
.table-ex tbody tr td:nth-child(4){ width: 5%;  display: inline-block; vertical-align: bottom;}
.table-ex thead { width: 100%; display: inline-block; border-bottom: 1px solid #232323; padding-bottom: 0px;}
.table-ex thead tr th{border: none;}
/** end sider popup*****/

.width-60 {width:61%;display: block;margin: 0 auto;position: relative;}
.width-70{width:81.6%; margin: 0 35px 0 0; position: relative; float: right;}
.width-70 .card{border-radius: 16px; box-shadow: none;}
.width-60 ul{padding: 0;margin: 0;left: 0;right: 0;margin: 0 auto;}	
.mobile-view-logo{display: none;}
.img-vector{width: 300px;}
.creative .width-70{margin: 0 85px 0 0;}



ul.compliance-dashboard{ width: 100%; overflow-x: scroll; white-space: nowrap;}
ul.compliance-dashboard li{ width: 100px; display: inline-block; vertical-align: top;}
ul.compliance-dashboard::-webkit-scrollbar {height: 5px;}
ul.compliance-dashboard::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);}
ul.compliance-dashboard::-webkit-scrollbar-thumb {height: 5px; background-color: #f71e1e;}
ul.compliance-dashboard::-webkit-scrollbar-thumb:hover {background-color: #000000;}
ul.compliance-dashboard::-webkit-scrollbar:vertical {display: none;}


.ribbon.custom_grid_vendor_ribban {overflow:visible; position: relative; width:auto; height:auto;}
.ribbon.custom_grid_vendor_ribban .ribbon-target { right: -10px;}
.ribbon.custom_grid_vendor_ribban .ribbon-target {border-top-left-radius: 0.42rem; border-bottom-left-radius: 0.42rem;}
.ribbon.custom_grid_vendor_ribban .ribbon-target {display: -webkit-box;display: -ms-flexbox; display: flex; -webkit-box-pack: center;
    -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px;
    position: absolute; z-index: 1; background-color: #3699FF; -webkit-box-shadow: 0px -1px 5px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px -1px 5px 0px rgb(0 0 0 / 10%); color: #FFFFFF;}
.ribbon.custom_grid_vendor_ribban .ribbon-target .ribbon-inner {border-top-left-radius: 0.42rem; border-bottom-left-radius: 0.42rem;}
.ribbon.custom_grid_vendor_ribban .ribbon-target > .ribbon-inner {z-index: -1; position: absolute; padding: 0; width: 100%;height: 100%; top: 0;
    left: 0;}
.ribbon.custom_grid_vendor_ribban .ribbon-target .ribbon-inner:before, .ribbon.custom_grid_vendor_ribban .ribbon-target .ribbon-inner:after {
    content: ""; position: absolute; border-style: solid; border-color: transparent !important; bottom: -10px;}
.ribbon.custom_grid_vendor_ribban .ribbon-target .ribbon-inner:before { border-width: 0 0 10px 10px; border-left-color: #181C32 !important; right: 0;}
.w-full .select2-container { max-width: 100% !important;}


.color-accordion-block .accordion-desc{margin-top: 5px !important;}
.color-accordion-block .accordion-desc a:hover, .color-accordion-block .accordion-desc a:focus{color: #4680ff; background: transparent;}
	
.tooltip-content4.clearfix{word-break: break-word !important; white-space: initial !important;}	

.banner img{width: 100%; height: auto;}
.banner-text { position: absolute; top: 5%; left: 0; right: 0; margin: 0 auto; width: 75%;}
.banner-text h2{font-size: 35px; color: #ffffff;}
.banner-text p{ font-size: 22px; color: #ffffff; padding-right: 130px;}
.banner-text a{ font-size:19px; color: #000000; padding: 10px 20px; margin: 30px 0 0 0; display: inline-block;}
.banner-text a:hover{color: #4099ff; box-shadow: 0px 5px 20px #000000;}
.btn-white{background: #ffffff;}
.custom-notification .border:hover { background: #c6e3f1;}
.custom-notification .border{position:relative;}
.custom-notification .border i{position:absolute; right:2px; top:2px;}
.custom-submit{ position: fixed; bottom: 0px; background: #ffffff; width: 98%; left: 20px; right: 20px; margin: 0 auto; z-index: 99;}
/**sider popup*****/

#custom-popup { position: relative; cursor: pointer;}
.custom-popup-open {display: none; position: absolute; right: -316px; top: -100%; width: 100%; z-index: 1;}
#table-popup { position: relative; cursor: pointer;}
.table-popup-open {display: none; position: absolute; left: 40%; top: -20px; width: 300px; z-index: 1;}
.table-popup-open:before { position: absolute; content: ''; top: 30px; left: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #2ed8b6;}

.table-ex tbody{ width: 100%; display: inline-block;}
.table-ex tbody tr{ width: 100%; display: inline-block;}

.table-ex tbody tr td:first-child{ width: 60%; display: inline-block;}
.table-ex tbody tr td:nth-child(2){ width: 8%; display: inline-block; vertical-align: bottom;} 
.table-ex tbody tr td:nth-child(3){ width: 25%; display: inline-block; vertical-align: bottom;}
.table-ex tbody tr td:nth-child(4){ width: 5%; display: inline-block; vertical-align: bottom;}
.table-ex thead { width: 100%; display: inline-block; border-bottom: 1px solid #232323; padding-bottom: 0px;}
.table-ex thead tr th{border: none;}
/** end sider popup*****/

.width-60 {width:61%;display: block;margin: 0 auto;position: relative;}
.width-70{width:81.6%; margin: 0 35px 0 0; position: relative; float: right;}
.width-70 .card{border-radius: 16px; box-shadow: none;}
.width-60 ul{padding: 0;margin: 0;left: 0;right: 0;margin: 0 auto;}	
.mobile-view-logo{display: none;}
.img-vector{width: 300px;}
.creative .width-70{margin: 0 85px 0 0;}


ul.compliance-dashboard{ width: 100%; overflow-x: scroll; white-space: nowrap;}
ul.compliance-dashboard li{ width: 100px; display: inline-block; vertical-align: top;}
ul.compliance-dashboard::-webkit-scrollbar {height: 5px;}
ul.compliance-dashboard::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);}
ul.compliance-dashboard::-webkit-scrollbar-thumb {height: 5px; background-color: #f71e1e;}
ul.compliance-dashboard::-webkit-scrollbar-thumb:hover {background-color: #000000;}
ul.compliance-dashboard::-webkit-scrollbar:vertical {display: none;}

.ribbon.custom_grid_vendor_ribban {overflow:visible; position: relative; width:auto; height:auto;}
.ribbon.custom_grid_vendor_ribban .ribbon-target { right: -10px;}
.ribbon.custom_grid_vendor_ribban .ribbon-target {border-top-left-radius: 0.42rem; border-bottom-left-radius: 0.42rem;}
.ribbon.custom_grid_vendor_ribban .ribbon-target {display: -webkit-box;display: -ms-flexbox; display: flex; -webkit-box-pack: center;
    -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px;
    position: absolute; z-index: 1; background-color: #3699FF; -webkit-box-shadow: 0px -1px 5px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px -1px 5px 0px rgb(0 0 0 / 10%); color: #FFFFFF;}
.ribbon.custom_grid_vendor_ribban .ribbon-target .ribbon-inner { border-top-left-radius: 0.42rem; border-bottom-left-radius: 0.42rem;}
.ribbon.custom_grid_vendor_ribban .ribbon-target > .ribbon-inner {z-index:-1; position:absolute; padding:0; width:100%; height: 100%; top: 0; left: 0;}
.ribbon.custom_grid_vendor_ribban .ribbon-target .ribbon-inner:before, .ribbon.custom_grid_vendor_ribban .ribbon-target .ribbon-inner:after {
    content: ""; position: absolute; border-style: solid; border-color: transparent !important; bottom: -10px;}
.ribbon.custom_grid_vendor_ribban .ribbon-target .ribbon-inner:before { border-width: 0 0 10px 10px; border-left-color: #181C32 !important; right: 0;}
.w-full .select2-container { max-width: 100% !important;}
.appraisaliconset{ position: absolute; top: 1px; left: 0px;}
.display-table{  display: table;}
.w-b-w-s{ word-break: break-word; white-space: initial;}

.custom-icon a i{margin: 6px 0 0 0; font-weight: bold; font-size: 11px;}
/*.width-change{width: 28%;}*/
.custom-section{display: none; transition: 1s ease-in; /*width: 67%;*/  position: relative;}
.close-data-inbox{ position: absolute; right: 0; padding: 2px 7px; cursor: pointer;}
.sub-menu-sec{display: none;}
.sub-menu-sec .active, .sub-menu-sec div:hover{color: #42a5f5;}
.main-menu-sec.current{background: #42a5f5; border-radius: 5px}
.main-menu-sec.current a i.ti-plus:before{content:"\e622";}
.main-menu-sec.current a{color: #ffffff;}

table.payslip-table{width: 100%; border-bottom: 1px #ccc solid;}
table.payslip-table tbody{display:inline-block; width: 100%;}
table.payslip-table tbody tr{display:block;}
table.payslip-table tbody tr td:nth-child(1){width:70%; float: left; border-bottom-width: 0px;}
table.payslip-table tbody tr td:nth-child(2){width:30%; float: left; border-bottom-width: 0;}
.word-break{word-break: break-word;white-space: initial;}
#verticle-wizard .content.clearfix {background-color: white; overflow-y: scroll; height: 500px; width: 78% !important; margin: 0 0% 0.5em 1.5% !important;}
#verticle-wizard .steps.clearfix {width: 20% !important;}
/*.text-muted{display: none;}*/
.wizard > .content > .body label.error {margin-left: 0px !important;}
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active{margin: 0 0 10px 0 !important;}

form#example-advanced-create-employee .content{margin: 10px 0;}
form#example-advanced-create-employee .steps ul li{width: 24%;  margin-right: 1%;} 
.table-custom-width{width: 100% !important;}


/****leave circle css****/
.circle_gradiant {
    width: 100px;
    height: 100px;
    /*background: linear-gradient(90deg, var(--p1_color) var(--p1), var(--p2_color));*/
    background-image: conic-gradient(var(--p1_color) 0deg, var(--p1_color) var(--p1), var(--p2_color) var(--p1));
    /*background-image: conic-gradient(var(--p1_color) 0deg, var(--p1_color) 40deg, var(--p2_color) 40deg);
    */
    border-radius: 100px;
    display: table-cell;
    vertical-align: middle;
}

.circle_gradiant span {
    background-color: #ffb64d !important;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    line-height: 80px;
    display: inherit;
    font-size: 30px;
    color: #ffffff;
}
.circle_gradiant span.spanwhite {
    background-color: #ffffff !important;
}
/****leave circle css****/





/*******Candidate list page css*********/
/*.price-input {
  width: 100%;
  display: flex;
  margin: 0px 0 8px;
}
.price-input .field {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}
.field input {
  width: 100%;
  padding: 5px 0;
  outline: none;
  font-size: 12px;
  margin-left: 12px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.slider {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #17a2b8;
}
.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #17a2b8;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #17a2b8;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}*/



#range {
  margin-top: 10px;
}

.ui-slider {
  position: relative;
  height: 5px;
  border: none;
  background-color: #ccc;
}

.ui-slider .ui-slider-range {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #007bff;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  top: -7px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: none;
  background-color: #007bff;
  cursor: pointer;
}

.alphabet-filetr{
    display: block;
}
.alphabet-filetr li{
    display: inline-block;
    vertical-align: top;
}
.alphabet-filetr li a{
    font-weight: 500;
    width: 28px;
    height: 28px;
    /*padding: 1px 9px;*/
    border-radius: 50%;
    font-size: 18px;
    margin: 0 5px;
}
.alphabet-filetr li a.active, .alphabet-filetr li a:hover{
    color: #4099ff;
    background: #f5f7f8;
}
.br-wrapper.br-theme-css-stars{
    margin: 0;
}
/*******Candidate list page css*********/

.custom-limit-text {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--linehide);
    line-clamp: var(--linehide);
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.div-covert-popup{
    width: 85%;position: absolute;right: 0;box-sizing: border-box;margin: 0 auto;display: block;transition: 1s ease-in; z-index:99;
}

.custom-ribbon-accordian {
    overflow: visible !important;
}
.ribbon.ribbon-right .ribbon-target {
    border-top-left-radius: 0.42rem;
    border-bottom-left-radius: 0.42rem;
}
.ribbon .ribbon-target {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    background-color: #3699FF;
    -webkit-box-shadow: 0px -1px 5px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px -1px 5px 0px rgb(0 0 0 / 10%);
    color: #FFFFFF;
}
.ribbon .ribbon-target > .ribbon-inner {
    z-index: -1;
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:before {
    border-width: 0 0 10px 10px;
    border-left-color: #181C32 !important;
    right: 0;
}
.ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:before, .ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent !important;
    bottom: -10px;
}
.ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:before, .ribbon.ribbon-clip.ribbon-right .ribbon-target .ribbon-inner:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent !important;
    bottom: -10px;
}
.analytic-card .custom_txt_round {
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 26px;
    margin-top: 0px !important;
    padding: 0 !important;
}

.dropdown-menu.dropdown-menu-status.show{ transform: translate(0px, 36px) !important;}


.job span.badge{ position: absolute; top: -11px; left: 21px; border-radius: 50%; line-height: 14px; width: 20px; height: 20px; padding: 2px;
    -webkit-animation: not-blink 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
    animation: not-blink 2.1s cubic-bezier(.65,.815,.735,.395) infinite;}

.custom_readonly{
    pointer-events: none; /**opacity: 0.3;**/background-color: #e9ecef;
}

.img-20{ height: 20px; }
.img-30{ height: 30px; }
.img-40{ height: 40px; }
.img-50{ height: 50px; }
.img-60{ height: 60px; }
.img-70{ height: 70px; }
.img-80{ height: 80px; }
.img-90{ height: 90px; }
.img-100{ height: 100px; }


/* AUDIT TRAIL PAGE CSS START HERE */
.today-border{position: relative;}
.today-border:before { position: absolute; content: ''; width: 1px; height: 85px; background: #eeeeee; top: 0; margin-left: 21%; z-index: 0;}
.today-border .btn-outline-primary:hover { color: #0d6efd;}
span.today-msg{ position: absolute; top: -14px; background: #eeeeee; padding: 2px 10px; border-radius: 3px; margin: 0 0 0 -10px;}

/* AUDIT TRAIL PAGE CSS END HERE */


.marketing-manager-sec, .software-engineer-sec, .general-application-sec, .it-security-engineer-sec, .customer-success-sec{display: none;}
.close-hover{opacity: 0;}
.bg-gray:hover .close-hover{opacity: 1;}
.all-sources .dropdown-menu{transform: translate(0px, 36px) !important;}
.bg-hover {
 width: 110px;
 height: 110px;
 display: block;
 margin: 0 auto;
 background: #ffffff;
 border-radius: 50%;
 border: 10px solid #4099ff;
 padding: 25px 0;
 text-align: center;
 box-shadow: 0px 0px 0px 20px #15549d;
}
.hover-text {
 opacity: 0;
 background: #ffffff;
 border-radius: 50%;
 top: 13px;
 transition: 0.5s ease-in-out;
}
.bg-hover:hover .hover-text{
 opacity: 1;
}
.bg-hover:hover{
 box-shadow: 0px 0px 0px 30px #15549d;
}
.bg-gray{background:#f4f4f4;margin-bottom:10px;padding:10px;border-radius:5px;}
.bar {
 min-height: 90px;
 width: 100%;
 float: left;
 background: #eeeeee;
}
.color {
 min-height: 90px;
 float: left;
 padding: 10px;
 color: #000000;
}
.multi-color p{
 white-space: nowrap;
 z-index: 9999;
 position: relative;
}
.total-job{
 width: 130px;
 height: 130px;
 padding: 35px 0;
 border: 10px solid #cccccc;
 border-radius: 50%;
 margin: 20px auto;
}
/* DROPDOWN CHECKBOX CSS HERE */
.dropbtn {
    background-color: transparent;
    color: #000000;
    padding: 10px 15px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    position: relative;
    line-height: 22px;
}

.dropbtn:after {
    position: absolute;
    content: '';
    right: 10px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #4099ff;
    top: 14px;
}


.dropdown-content {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #f9f9f9;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-top: 1px;
}

.dropdown:hover .dropdown-content {
    display: block;
}


/* NEW */
.all-employee ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.all-employee ul li {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 3px;
}

.all-employee ul li:hover>ul {
    display: block;
}

.all-employee ul ul {
    display: none;
    width: 100%;
    position: absolute;
    top: 34px;
    left: 0%;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1;
    border-radius: 3px;
}

.all-employee ul ul ul {
    top: 0;
    left: calc(100% - 1px);
}

.all-employee ul ul li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.all-employee ul li ul li ul li {
    padding: 5px 10px;
}

.all-employee ul ul li a {
    display: block;
    padding: 10px;
}

.all-employee ul ul li:hover {
    background-color: #f0f0f0;
}
nav.all-employee>ul>li:after{position: absolute; content: ''; right: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent;border-top: 7px solid #4099ff; top: 14px;}
/* DROPDOWN CHECKBOX CSS HERE */


.custom-popup-open .card {
    background: #f5f6f7;
}
.custom-popup-open:after {
    content: '';
    left: -17px;
    top: 50px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #f5f6f7;
    position: absolute;
}
/*side bar*/
.sidebar-icon-sec {
    position: fixed;
    right: 0;
    top: 10%;
    z-index: 1031;
   /* background: #ffffff; */
    height: 80%;
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display:flex;
    flex-wrap:wrap;
    align-content:center;
    
}
.sidebar-icon-sec ul{
    display: block;
}
.sidebar-icon-sec ul li {
    margin-bottom: 6px;
    background: #ffffff; 
    padding: 5px;
    box-shadow: 0px 0px 10px #cccccc;
    border-radius: 5px;
}
.sidebar-icon-sec ul li a i {
   /* background: #f5f6f7; */
    padding: 5px 6px;
    border-radius: 5px;
    font-size: 18px;
    margin: 0;
}
.sidebar-icon-sec ul li.active{background:#4099ff;}
.sidebar-icon-sec ul li a img.imageblink{ animation: move 2s infinite ease-in-out;}
.workflow-btn .btn{ font-size: 13px !important; }
.custom_dynamic_transaction_table{border:1px solid #cccccc;}
.custom_dynamic_transaction_table tr th, .custom_dynamic_transaction_table tr td {width: 50% !important;vertical-align: middle !important;white-space: normal;}
@keyframes move{
    0%{transform: scale(1) rotate(0deg);}
    100%{transform: scale(1.2) rotate(0.1deg);}
}
ul.dynamic_card_menu{position: relative; display: flex; flex-wrap: wrap;}
ul.dynamic_card_menu li{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; margin:0 10px;}

.item-box ul{display: flex; flex-wrap: wrap;}
.item-box ul li{-webkit-box-flex: 1; -ms-flex: 1; flex: 1;}

.dropdown-toggle.today-toggle:after{position:absolute;top:17px;right:2%;}
/*End side bar*/

/*breadcrumbs*/
.breadcrumbs{}
.breadcrumbs li.active{width: auto;}  
.breadcrumbs li.active a{color: #ffffff; background: #4099ff;}
ul.breadcrumbs {margin: 25px 0px 0px; padding: 0px; font-size: 0px; line-height: 0px; display: block;}
ul.breadcrumbs li { width: 7%; position: relative; margin: 0px 0px; padding: 0px; list-style: none; list-style-image: none; display: inline-block;
  zoom: 1; vertical-align: top; border-left: 1px solid #ccc; transition: 0.3s ease;}
ul.breadcrumbs li:hover:before { border-left: 10px solid #96be11;}
ul.breadcrumbs li:hover a { color: #000; background: #96be11;}
ul.breadcrumbs li:before { content: ""; position: absolute; right: -9px; top: -1px; z-index: 20; border-left: 10px solid #fff;
  border-top: 22px solid transparent; border-bottom: 22px solid transparent; transition: 0.3s ease;}
ul.breadcrumbs li:after { content: ""; position: absolute; right: -10px; top: -1px; z-index: 10; border-left: 10px solid #ccc;
  border-top: 22px solid transparent; border-bottom: 22px solid transparent;}
ul.breadcrumbs li.active a { color: #000; background: #96be11;}
ul.breadcrumbs li:first-child { border-left: none;}
ul.breadcrumbs li:first-child a {/* font-size: 18px;*/ padding-left: 20px; border-radius: 5px 0px 0px 5px;}
ul.breadcrumbs li:last-child:before { display: none;}
ul.breadcrumbs li:last-child:after { display: none;}
ul.breadcrumbs li:last-child a { padding-right: 20px; border-radius: 0px 40px 40px 0px;}
ul.breadcrumbs li a {display: block; font-size: 12px; line-height: 40px; color: #757575; padding: 0px 15px 0px 25px; text-decoration: none;
  background: #fff; border: 1px solid #ddd; white-space: nowrap; overflow: hidden; transition: 0.3s ease;}

/*breadcrumbs*/

.bdr-dashed{border: 1px dashed #cccccc; border-radius: 5px;}
.multi-user{}
.multi-user a{ margin: 0 0 0 -15px;}
.multi-user a:first-child{ margin: 0;}
.multi-user a span{ background: #4099ff; width: 40px; height: 40px; line-height: 36px; font-size: 14px; text-transform: uppercase;
    display: inline-block; border-radius: 50%; text-align: center; font-weight: bold; color: #ffffff;}
.multi-user a:hover{ z-index: 1; position: relative;}
.filter-option i{ cursor: pointer; padding: 10px;}
.filter-option i:hover{ background: #b1e9ca;}
.close-filter{ cursor: pointer;}
.filter-option-open{ display: none; position: absolute; right: 0; width: 350px; z-index: 1;}
.filter-option-open select, .filter-option-open input{padding: 10px; border-radius: 5px;}
.whats-on .row, .my-tasks .row{ border-left: 5px solid #cccccc;}

.whats-on .row, .my-tasks .row{ border-left: 5px solid #cccccc;}

.whats-on ul{ display: flex; flex-wrap: nowrap; text-align: center;}
.whats-on ul li{ margin: 0 1px;}
.whats-on ul li:hover, .whats-on ul li a.active{ background: #4099ff; border-radius: 17px; color: #ffffff;}
.whats-on ul li:hover a{ color: #ffffff;}

.md-tabs.project_tab .nav-item.open .nav-link, .md-tabs.project_tab .nav-item.open .nav-link:focus, .md-tabs.project_tab .nav-item.open .nav-link:hover, .md-tabs.project_tab .nav-link.active, .md-tabs.project_tab .nav-link.active:focus, .md-tabs.project_tab .nav-link.active:hover {
    background-color: transparent; border-color: transparent; color: #4099ff !important; border-radius: 5px; padding-bottom: 20px;}
.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification.show:before, .header-navbar .navbar-wrapper .navbar-container .header-notification .show.profile-notification:before{top: -10px; box-shadow: none;}

.left-icon-width { width: 40px;}
.header-notification.module_sec{display: none !important;}
.img-center{width: 100px; display: block; margin: 0 auto;}


/* Switch css start here */
    .inputGroup {background-color: #fff; display: block; margin: 0; position: relative;}
    .inputGroup input {width: 32px; height: 32px; order: 1; z-index: 2; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); cursor: pointer; visibility: hidden;}
    .inputGroup label {padding: 12px 30px; width: 100%; display: block; text-align: left; color: #3C454C; cursor: pointer;
        position: relative; z-index: 2; transition: color 200ms ease-in; overflow: hidden;}
    .inputGroup label:before {width: 10px; height: 10px; border-radius: 50%; content: ""; background-color: #5562eb; position:absolute;
        left: 50%; top: 50%; transform: translate(-50%, -50%) scale3d(1, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
        opacity: 0; z-index: -1;}
    .inputGroup label:after {width: 32px; height: 32px; content: ""; border: 2px solid #f03233; background-color: #f03233;
        background-repeat: no-repeat; background-position: 2px 3px; border-radius: 50%; z-index: 2; position: absolute; right: 5px;
        top: 20px; transform: translateY(-50%); cursor: pointer; transition: all 200ms ease-in;}
    .inputGroup input:checked ~ label:before {transform: translate(-50%, -50%) scale3d(56, 56, 1); opacity: 1;}
    .inputGroup input:checked ~ label:after {background-color: #54E0C7; border-color: #54E0C7; content: "\f00c"; font-family: 'FontAwesome'; 
        line-height: 28px;}
    .inputGroup input:checked ~ label, .inputGroup input:checked ~ label h3, .inputGroup input:checked ~ label h2 i{color: #ffffff;}
/* Switch css start here */
/*div#monthMar table thead tr th{border:1px solid #cccccc;}
*/

.v-t-c{padding: 6px 20px;}


/* ================================================= */
/* RESPONSIVE CSS START HERE */

@media only screen and (max-width: 1024px){
    .My_Informarion_Tab{display: inline-block; width: 250px !important; position: absolute; top:0px; left: 0;
        background-color: #ffffff; z-index: 9; box-shadow: 0px 10px 20px #cccccc; border-radius: 5px;}
    .My_Informarion_Tab .nav-item{display: block; text-align: left; }
    .j-pro{padding: 10px;}
    .profile-open{display: block; float: right; margin: -5px 17px 0 0px;}
    .profile-close { display: none; margin: 40px 0 0 0;}
    .profile-open i{font-size: 15px; color: #4099ff; font-weight: bold;}
    .open_basic_info_other { display: block; position: absolute; top: 70px; left: 25px; z-index: 9;}
    .open_basic_info_other i{font-size: 15px; color: #4099ff;}
    .basic_info_other{display: none;}
    .mrgn-card{margin-top: -40px; width: 100px;}
    .c-p-0{padding: 15px 0 10px !important; margin: 0 !important;}
    .c-m-0{margin: 16px 0 0 0; padding: 0;}
}
@media all and (max-width: 1000px) {
    .breadcrumb { font-size: 12px;}
}

@media (max-width: 991px){
    .pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar {position:absolute; z-index:9; left:0; width:100%; box-shadow:blue;}
    .pcoded .pcoded-navbar.custom-pcoded-navbar[navbar-theme="themelight1"] .pcoded-inner-navbar {background-color: #ffffff;}
    .pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar .pcoded-item > li > a > .pcoded-micon {color: #000000; }
    .pcoded .pcoded-navbar.custom-pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li > a { color: #000000; }
    .pcoded .pcoded-navbar.custom-pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li.pcoded-hasmenu > a:after {color: #000000;}
    .pcoded[theme-layout="horizontal"] .page-header { margin-top: 90px;}
    .pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover > a .pcoded-micon, .pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover:hover > a .pcoded-micon { color: #000000; opacity: 0.7; }
    .pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover > a, .pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover:hover > a {
        color: #000000; opacity: 0.7;}
    .pcoded[theme-layout="horizontal"] .pcoded-navbar.custom-pcoded-navbar .pcoded-item > li > a{ padding: 5px;}
    .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar.custom-pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu{ margin: 0 auto;}
/*    .header-navbar .navbar-wrapper .navbar-logo { width: 100%;}*/
    .md-tabs.tabs-left.custom_basic_info{min-width: 100%; max-width: 100%; display: inline-block; margin-bottom: 20px;}
    .md-tabs.tabs-left.custom_basic_info .nav-item{width: auto; display: inline-block; border: 1px solid #ccc; border-radius: 5px;
    margin-bottom: 10px;}
    .md-tabs.custom_basic_info .nav-item a { padding: 10px; margin-bottom: 0;}
    .j-wrapper{padding: 15px 0;}
    .md-tabs.tabs-left.custom_basic_info{min-width: 100%; max-width: 100%; display: inline-block; margin-bottom: 20px;}
    .md-tabs.tabs-left.custom_basic_info .nav-item{width:auto; display:inline-block; border:1px solid #ccc; border-radius:5px; margin-bottom:10px;}
    .md-tabs.custom_basic_info .nav-item a { padding: 10px; margin-bottom: 0;}
    .j-wrapper{padding: 15px 0;}
    .width-70 .card{min-height: auto !important;}
    .m-l-50.p-l-50.margin-0.mob-pd { margin: 0; padding: 0;}
    .text-left.m-l-50.p-l-50.margin-0.mob-pd { margin: 0; padding: 0;}
    .img-vector { width: 150px;}
    /*.custom-login-on{ width: 60%; display: block; margin: -130px auto 0; background: #ffffff; border-radius: 10px;}*/
    .creative .width-70 { margin: 0;}
    .creative .custom-login-on{width: auto; margin: 0;}
    .fancy-sign-in .custom-login-on{margin: 0; width: auto;}
    .fancy-sign-in .form-material .text-left.mt-5.m-r-50{margin: 0;}
    .fancy-sign-in .fancy-bg{display: none;}

    .header-navbar .navbar-container .nav-left, .header-navbar .navbar-wrapper .navbar-container .nav-right {display: inline-block;}
/*    .infisuite_tab{margin-top: 40px;}*/
    .header-navbar .navbar-wrapper .navbar-logo .mobile-menu{display: none;}
    ul.nav-left.mob_view{display: none !important;}

    .txt-mob-left{text-align: left !important; margin: 20px 0 0 0;}
    .filter_dropdown{right: 0;}
    .width25 { width: 35%; top: 60px !important;}

    .c-row .row{ width: 48%; display: inline-block; vertical-align: top; border: 1px dashed #cccccc; margin: 0 0 0 1%; padding: 10px;
        border-radius: 5px;}
    .j-wrapper-40p { width: 90% !important;}

}

@media (max-width: 768px){
    .seat-wrapper{width: 100%;}
    .seat-left ul li.divider{display: none;}
    .seat-left ul li{width: 18%;}
    .seat-wrapper{width: 100%;}
    .seat-left ul li.divider{display: none;}
    .seat-left ul li{width: 18%;}
    .mobile-view-logo{display: block;}
    .desktop-view-bg{display: none;}
    .mob-pd { padding: 0 !important;}
    .margin-0{margin: 0 !important;}
    /*.custom-login-on{ width: auto; display: inherit; margin: 0; background: #ffffff; border-radius: 0px;}*/
    .creative .width-70{width: 100%; margin: 0;}

    table.payslip-table tbody tr td:nth-child(1) {width: 100%;}
    table.payslip-table tbody tr td:nth-child(2){width: 100%; text-align: left;}
    .word-break{word-break: inherit; white-space: normal;}
    #verticle-wizard .steps.clearfix { width: 100% !important;}
    #verticle-wizard .content.clearfix{width: 100% !important; margin: 0 0 10px 0 !important;}
    .Congrats { padding: 0 !important;}
    div#join-candidate .col-lg-8.p-l-50.p-r-50{padding: 0;}
    div#myTabContent { padding: 0 !important;}

    .m-l-m-r{margin: 0;}
    .f-none { float: none; display: block; text-align: right;}
    .whats-on ul{overflow: scroll;}
    .mob-text-end{text-align: left !important;}
    .latest-update-card .accordion-msg{padding: 5px 15px;}
    .mrgn-tp{margin-top: 50px !important;}
    .header-navbar .navbar-wrapper .navbar-logo { width: 100%; text-align: center;}
    .header-navbar .navbar-wrapper .navbar-container .nav-right {width: 100%; text-align: left; float: none; margin: 0;}
    .width25 { width: 280px; top: 0 !important;}
    .dropdown-menu.show{top: 23px;}
    .users-main .media .chat-header { font-size: 12px; font-weight: 500;}
    .users-main .media .chat-header small{margin-top: 10px; font-weight: 500 !important; color: #000000;}
    .crossbutn{right: 4px;}
    .crossbutn i{font-weight: 900;}
    .custm-header-right .radio-inline{display: inline-block;}
    .personal-pro{margin-top: 20px !important;}
    /*.row.mt-2.pb-2.p-l-5 { width: 100%;}*/
    .header-navbar .navbar-wrapper .navbar-container .nav-right li.user-profile.header-notification{
        position: absolute !important;  right: 10px;}
    .four-column .row {width:49%; display:inline-block; border:1px dashed #cccccc; padding:10px !important; margin:0; border-radius:5px;}
    ul.pro-menu{text-align: left;}
    ul.pro-menu li{margin-bottom: 30px;}
    ul.pro-menu li a{margin: 0 20px 0 0;}
    .cover-profile .card-block.user-info{background-color: transparent;}
    .card-block.user-info{position: static; text-align: left; display: block !important; padding: 0;}
    .user-info .user-title h4, .user-info .user-title span{color: #000000 !important;}
    .cover-btn{position: static;}
    .mob-img-none{display: none;}
}

@media all and (max-width: 710px) {
    .breadcrumb__desc {display: none;}
    .breadcrumb { height: 38px;}
    .breadcrumb a { padding-left: 57px;}
    .breadcrumb a:after { content: ""; width: 38px; height: 38px; right: 75px; transform: scale(0.707) rotate(45deg);}
}

@media (max-width:687px){
    .filter_dropdown{left:0; right: auto;}
}

@media (max-width: 607px){
/*    .header-navbar .navbar-wrapper .navbar-logo{width: 160px; text-align: left;}*/
    .daily-btn{/*float: right;*/ padding: 5px 10px; font-size: 12px;}
    .dropdown_dorp{margin: 15px 0 0 0 !important; width: 160px !important;}
    .dropdown-content{width: 190px;}
    .d-inline.d-blk-mob{display: block !important;}
    .filter_dropdown{width: 280px !important;}
    .mob-mrgn{float: right; margin-top: 15px;}
}


@media only screen and (max-width: 600px) {
    .j-wrapper-60p{width: 90% !important;}
    .j-wrapper-65p{ width: 76% !important;}
    .mob-mrgn{margin-top: 15px; display: block; padding: 5px 15px;}
}

@media (max-width:575px){
    .latest-update-card .card-block .latest-update-box:after { content: ""; position: absolute; background: #ebebeb; height: 100%;
        width: 3px; top: 0; left: 19px; z-index: 1; display: block !important;}
    .latest-update-card .card-block .latest-update-box .update-meta{min-width: 10% !important; border-top: none !important; margin-bottom: 0 !important; padding-top: 0 !important;}    
}

@media only screen and (max-width: 573px){
    .My_Informarion_Tab .nav-item{width: auto; border: 1px solid #4099ff; margin: 4px 0px !important; border-radius: 5px;}
    .My_Informarion_Tab .nav-item a { margin-bottom: 0;}
    .sub-basic-info .nav-item { display: inline-block; margin-bottom: 10px;}
    .My_Informarion_Tab .nav-item .nav-link{text-align: left;}
    .md-tabs.project_tab{margin-top: 10px; display: block;}
    .md-tabs.project_tab .nav-item{width: auto; display: inline-block;}
    .md-tabs.project_tab .nav-item .nav-link.active{padding-bottom: 10px;}

    .mob-p-re{position: static !important;}
    .filter_dropdown{right: 0; margin-top: 10px;}
    .filter_dropdown .card-header-right{display: block !important;}

}

@media (max-width:496px){
/*    ul.nav.md-tabs.infisuite_tab{margin-top: 50px;}*/
    .header-navbar .navbar-wrapper .navbar-logo[logo-theme="theme1"] { height: auto;}
/*    .header-navbar .navbar-wrapper .navbar-logo { width: 100%; text-align: center;}*/
/*    .header-navbar .navbar-wrapper .navbar-container .nav-right{width: 100%; text-align: center; float: none;}*/

/*    .mrgn-tp{margin-top: 50px !important;}*/
    .mrgn-tp-2{margin-top: 70px !important;}
    .daily-btn{margin: 0;}

}

@media (max-width: 480px){
    .seat-left ul li{width: 19%;}
    .seat-left{padding: 20px 0 !important;}
    .seat-wrapper{padding: 20px 5px  !important;}   

    .seat-left ul li{width: 19%;}
    .seat-left{padding: 20px 0 !important;}
    .seat-wrapper{padding: 20px 5px  !important;} 

    .creative .custom-login-on{padding: 0 !important;}

    .t-color{width: 100% !important;}
    .user-in{padding: 5px 15px;}
    .cover-btn button.btn{padding: 5px 10px;}
}

@media (max-width:428px){
    .mob-p-re{margin-top: 20px;}
}


@media (max-width:419px){
    .personal-pro { padding: 20px 10px !important; margin-top: 20px !important;}
    .personal-pro .d-inline-block h5{margin-top: 15px; word-break: break-all;}
}


@media (max-width:380px){
    .navbar-logo a img { height: 30px;}
}


/* RESPONSIVE CSS END HERE */
/* ================================================= */