﻿@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/*Login Page*/
body{font-family: 'poppins', sans-serif !important;background-color:#fff;}
.Main_login {font-family: 'Poppins', sans-serif;}
.Main_login .row{margin:0;}
.Main_login .login-inner-form {color: #cccccc;position: relative;}
.Main_login .bg-color-11 {min-height: 100vh;position: relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: center;align-items: center;padding: 20px 50px;}
.Main_login h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Poppins', sans-serif;}
.Main_login .form-section{max-width: 400px;margin: 0 auto;width: 100%;}
.Main_login .form-box{width: 100%;}
.Main_login .login-inner-form .form-group {margin-bottom: 35px;}
.Main_login .login-inner-form .form-box {float: left;width: 100%;position: relative;}
.Main_login .login-inner-form .input-text {font-size: 15px;outline: none;color: #717171;border-radius: 3px;border: 1px solid #dbdbdb;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);}
.Main_login .login-inner-form img {margin-bottom: 5px;height: 40px;}
.Main_login .login-inner-form .form-box input {float: left;width: 100%;padding: 14px 15px 13px 65px;background-color:#fff}
.Main_login .login-inner-form .form-box i {position: absolute;left: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;background: #fea900;border-radius: 3px 0 0 3px;font-size: 20px;color: #fff;}
.Main_login .info {color: #fff;margin: 0 auto;z-index:1;}
    .Main_login .bg-img {
        top: 0;
        bottom: 0;
        z-index: 999; /*background: #0b224f;*/
        min-height: 100vh;
        position: relative;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        background-position: center;
        background-image: url('../../images/712x770_.jpg');
        background-size: cover;
        height: 757px;

    }
/*.Main_login .info h1{margin-bottom: 35px;font-size: 60px;color: #fea900;font-weight: 200;}
.Main_login .info h1 span{color: #fff;font-weight: 600;}*/
.Main_login .info h1 {text-align: center;position: relative;/*font-size: 90px;*/font-size: 4.25rem;font-weight: 600;line-height: 1.5;letter-spacing: 2;overflow: hidden;/*text-transform: uppercase;*//*background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );*/background-size: 200% auto;color: #fff;-webkit-background-clip: text;/*-webkit-text-fill-color: transparent;animation: textclip 2s linear infinite;*/display: inline-block;}
.Main_login .info h1 span {color: #fff;font-weight: 100;/*color: transparent;-webkit-text-stroke: 1px #fff;*/padding-left: 2px;display: block;font-size:55px;}
@keyframes textclip {to {background-position: 200% center;}}
.Main_login .info h3 {text-align: right;margin-bottom: 5px;}
.Main_login .info P{color: #d0d0d0;font-size: 16px;line-height: 30px;margin-bottom: 0;}
.Main_login .info P.fill_de {margin-bottom: 30px;}
.Main_login .login-inner-form label{font-weight: 400;font-size: 15px;margin-bottom: 10px;text-align: left;color:black;}
.Main_login .login-inner-form .forgot{margin: 0;line-height: 40px;color: #fff;font-size: 14px;float: right;}
.Main_login .login-inner-form .btn-md {cursor: pointer;height: 50px;font-size: 17px;color: #fff;padding: 13px 50px 12px 50px;font-size: 17px;font-weight: 400;font-family: 'Poppins', sans-serif;border-radius: 3px;}
.Main_login .bg-photo{width: 100%;display: inline-block;bottom: 0;left: 0;position: absolute;}
.Main_login .bg-photo img{width:100%;height:770px!important;}
.Main_login .login-inner-form input[type=checkbox], input[type=radio] {margin-right: 0;}
.Main_login .login-inner-form p{margin: 0;color: #717171;}
.Main_login .login-inner-form p a{color: #717171;}
.Main_login .login-inner-form button:focus {outline: none;outline: 0 auto -webkit-focus-ring-color;}
.Main_login .login-inner-form .btn-theme.focus, .btn-theme:focus {box-shadow: none;}
.Main_login .login-inner-form .btn-theme {background: #fea900;border: none;color: #fff;}
.Main_login .login-inner-form .btn-theme:hover {background: #e49904;}
.Main_login .logo{text-align: center;margin-bottom: 15px;}
.Main_login .logo img{height: 100px;}
.Main_login h3{text-align: center;margin: 0 0 30px;font-size: 18px;color: #676767;font-weight: 400;display:none;}
.Main_login .nav-pills li{display: inline-block;}
.Main_login .login-inner-form .form-group.mb-35{margin-bottom: 35px;}
.Main_login .login-inner-form .form-group.mb-30{margin-bottom: 30px;}
.Main_login .login-inner-form .social-list{padding: 0;text-align: center;}
.Main_login .login-inner-form .social-list li {display: inline-block;}
.Main_login .login-inner-form .social-list li a {margin: 1px;font-size: 15px;font-weight: 400;width: 120px;height: 40px;line-height: 40px;border-radius: 3px;display: inline-block;text-align: center;color: #fff;}
.Main_login .login-inner-form .social-list li a:hover{text-decoration: none;}
.Main_login .login-inner-form .extra-login {float: left;width: 100%;margin: 30px 0;text-align: center;position: relative;}
.Main_login .login-inner-form .extra-login::before {position: absolute;left: 0;top: 10px;width: 100%;height: 1px;background: #233967;content: "";}
.Main_login .login-inner-form .extra-login > span {width: auto;float: none;display: inline-block;background: #132955;padding: 1px 20px;z-index: 1;position: relative;font-family: 'Poppins', sans-serif;font-size: 15px;color: #d0d0d0;text-transform: capitalize;}
.Main_login .login-inner-form .terms{margin-left: 3px;}
.Main_login .login-inner-form .checkbox {margin-bottom: 30px;font-size: 15px;}
.Main_login .login-inner-form .form-check{float: left;margin-bottom: 0;}
.Main_login .login-inner-form .form-check a {color: #d6d6d6;float: right;}
.Main_login .login-inner-form .form-check-input {position: absolute;margin-left: 0;}
.Main_login .login-inner-form .form-check label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;margin-left: -25px;border: 1px solid #c5c3c3;border-radius: 3px;background-color: #fff;top: 3px;}
.Main_login .login-inner-form .form-check-label {padding-left: 25px;margin-bottom: 0;font-size: 15px;color: #d0d0d0;}
.Main_login .login-inner-form .checkbox-theme input[type="checkbox"]:checked + label::before {background-color: #fea900;border-color: #fea900;}
.Main_login .login-inner-form input[type=checkbox]:checked + label:before {font-weight: 300;color: #f3f3f3;line-height: 15px;font-size: 15px;content: "\2713";}
.Main_login .login-inner-form input[type=checkbox], .Main_login .login-inner-form input[type=radio] {margin-top: 4px;}
.Main_login .login-inner-form .checkbox a {font-size: 15px;font-weight: 400;color: #d0d0d0;float: right;}
.Main_login .form-section p {margin: 28px 0 0;font-size: 15px;color:black;font-weight: 400;}
.Main_login .form-section p a {color: #d0d0d0;}
#loginForm .la-spin{display: block;position: absolute;right: 39%;top: 91%;color: #0B224F;font-size: large;}
#otpdiv .la-spin{position: absolute;top: 76%; right: 38%;}
.Main_login .login_opacity{z-index:1 !important;}
.Main_login .bg-orange{background-color:orange;}
.Main_login .opacity{opacity:0.8;}
.Main_login .test {position: relative;width: 100%;height: 757px;/*display: flex;justify-content: center;align-items: center;*/}
.Main_login .test:before {content: "";display: block;position: absolute;top: -42px;bottom: 0;left: 0;right: 0;width:100%;height:795px;z-index:1;background: #1211114a;}
@media (max-width: 1200px) {.login-11 .info {margin: 0 50px;}.login-11 .info h1 {font-size: 45px;}}
@media (max-width: 992px) {.login-11 .none-992{display: none;}.login-11 .bg-color-11 {padding: 20px 15px;}}

/*OTP Verification*/
#otpdiv {}
#otpdiv .otp_head {margin-bottom: 10px;}
#otpdiv .otp_cont {margin-bottom: 25px;float: left;width: 100%;font-size: 14px;background-color: #0b224f;padding: 10px;text-align: center;}
#otpdiv .resendotp .timerr {background-color: red;color: #fff;padding: 4px;}
#otpdiv .resendotp a {float: right;background-color: #fff;padding: 2px 15px;position: relative;top: -10px;border-radius: 30px;font-size: 12px;font-weight: 600;line-height: 2;color: #1010b7;}

/*layout*/
.x-navigation.x-navigation-minimized li.active > ul{width:240px !important;}
.dropdown-header {padding: 14px 15px;border-bottom: 1px solid #8d8d8d !important;}
.x-navigation.x-navigation-minimized li.active > ul:hover li > a> i{color: #aab3cc !important;}
.x-navigation.x-navigation-minimized li.active > ul li:hover  a> i{color: #fff !important;}
.x-navigation li.active > a .fa, .x-navigation li.active > a .glyphicon {color: white !important;}
.x-navigation li.active > a .fa, .x-navigation li.active > a span {color: white !important;}
.x-navigation li > a i {color: #aab3cc !important;text-align: center;width: 20px;font-size: 20px !important;margin-right: 7px;}
.dpdnhead1{font-size: 17px !important;color: #fff !important;font-weight: 500 !important;margin: 0;}
.x-navigation .xn-icon-button {margin-left: 0px !important;margin-top: 0px !important; }
.x-navigation > li.xn-logo > a:first-child{margin-left:0px !important;font-size:18px !important;}
.x-navigation > li.xn-logo > a img:first-child{ width: 96px;margin-top: 7px; margin-right:46%;}
#img_activeee a span{margin-right:0px !important;}
#img_activeee{margin-right:1% !important;}
.Emp_welcome{ font-size:14px !important;  font-weight:500 !important;}
.profile-data-name{font-size: 14px !important;font-weight: 600 !important;color:  #4434af;margin-bottom:5px;margin-top:2px;white-space:nowrap;}
 .Emp_pos{ font-size:11px !important; padding-left:8px; font-weight:500 !important;}
 .bar_icon_list{margin-left:0px !important;}
 .x-navigation li > ul{background-color:#17263a !important;}
 #ulMain{ background-color:#17263a !important;}
 .x-navigation.x-navigation-horizontal {height: 60px !important;background: #ffffff !important;position:unset !important;border-bottom: 1px solid rgb(242, 242, 242);width: 100%;}
 .xn-logo a{text-align: center;   padding-right: 20px !important;}
.animate-left01 li:hover a > i{color:#fff !important;}
.clsPanelMinimize:hover > a > i{color:#fff !important;}
.x-navigation.x-navigation-minimized > li > a:hover {background-color: #fe7f00 !important;animation: none !important;color:#fff !important;}
.home_link,active{background-color: #fe7f00 !important;   color: #fff !important;}
.home_link span,active{color: #fff !important;}
.home_link a > .la-desktop,active {color: #fff !important;}
.page-sidebar{width:228px !important;} 
.x-navigation li.active > a {background-color: #fe7f00;color: #fff;border: 1px solid #0477a3;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
.x-navigation li.active > a > i{color:#fff !important;}
.bar_icon_list a > span > i::before{font-size:24px !important;margin-left:10px;}
.x-navigation > li.xn-openable:before{color:#aab3cc !important}
.x-navigation > li.xn-openable:hover::before{color:#fff !important}
.x-navigation li.active::before{color: #fff !important;}
.x-navigation .xn-notification {position :relative;top :10px;right :20px;}
.x-navigation .xn-notification .__clsNotification svg {width: 15px;height: 15px;color: #fe7f00;padding: 9px;background: #fff1e3;border-radius: 50%;border: 1px solid #fe7f00;}
.x-navigation .xn-notification .__clsNotification .notify-count {position: absolute;font-size: 11px;top: 0px;right: -10px;border-radius: 50%;background-color: red;color: #fff;padding: 0px 5px;width: 20px;height: 20px;}
.x-navigation .xn-notification #divAgentrequestpopup {height: 0;overflow: hidden;position: absolute;top: 40px;right: 0px;z-index: 12;width: 300px !important;background: #fff;padding: 5px 10px;border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 0 3.125rem 0 rgba(82, 63, 105, 0.15);max-width: 215px;font-size: 11px;text-align: center;transition: all 0.6s linear;}
.x-navigation .xn-notification #divAgentrequestpopup.Notify-popup.active {max-height :160px;height:auto;transition :0.4s linear;z-index :100;}
.x-navigation .xn-notification #divAgentrequestpopup .notify-content {height: auto;max-height: 160px;overflow-y: auto;padding-right : 5px;}
.x-navigation .xn-notification #divAgentrequestpopup .notify-content .notify-from {font-size :12px;}
.x-navigation .xn-notification #divAgentrequestpopup .notify-content ul {padding: 0;list-style-type: none;margin: 0;float:left;width :100%;display :block;background :#fff;position :unset;box-shadow :none;}
.x-navigation .xn-notification #divAgentrequestpopup li {width: 100%;padding: 5px 6px;cursor: pointer;color: #412306 !important;background: #fff6ed;margin-bottom: 5px;border: 1px solid #ffe6cd;}
.x-navigation .xn-notification #divAgentrequestpopup li:hover {background-color:#ff8000db !important;border-radius: 10px;color :#fff !important;}
.x-navigation .xn-notification #divAgentrequestpopup .notify-content::-webkit-scrollbar {width :3px;}
.x-navigation .xn-notification #divAgentrequestpopup .notify-content::-webkit-scrollbar-track {background: #f1f1f1;}
.x-navigation .xn-notification #divAgentrequestpopup .notify-content::-webkit-scrollbar-thumb {background: #757575 !important;border-radius: 0;}

/*======common css======*/

/*.panel input, .panel select, .panel textarea{width: 100%;background: none;font-size: 14px;border: 1px solid #e5e5e5;outline: none;padding: 7px;}
.panel .panel-heading .panel-title-box h3{font-size: 16px !important;font-weight: 500;line-height: 18px;color: #201077;}*/
   .panel .panel-title{font-size:16px !important}
textarea{height:75px !important}
.la-angle-up{font-size:14px !important}
.cancel_link{color:#db0000}
.cancel_link:hover{color:#db0000}
.cancel_link:focus {color: #db0000;text-decoration: underline;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color:#fff !important}
.mar-top-7{margin-top:7px}


/*====HomePage====*/
#divBirthdayNew {text-align: center;padding: 11px 0;}
#divBirthdayNew img {width: 100%;}
#divBirthday table td {position: absolute;bottom: 22px;left: 0px;color: #FF5722;text-transform: capitalize;text-align: center;width: 100%;font-size: 18px !important;}
#divBirthday table td:first-child span {display: inline-block;width: 100%;}
#birthay_pre {FONT-WEIGHT: BOLD;color: #0a7183;text-transform: uppercase;}
#ParticalsCanvas, .EDGE-83380737 {background-color: transparent !important;}
/*#overlay {position: fixed;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;cursor: pointer;}*/
#divLoad1 .widget .widget-data .widget-int{text-align:right!important; font-weight:600!important;}
#homepage_table .table tr > th{text-align:center!important;color:#fff;}
#homepage_table .table tr > th > td{text-align:center!important;}
#divAttStatus .table tbody tr td:nth-child(2){text-align:right !important;}
#divAttStatus .table tbody tr td:last-child{text-align:right !important;}

.edgeLoad-EDGE-83380737 {visibility: hidden;}
.BirthdayFontStyle {position: absolute;bottom: 15px;left: 0px;color: #FF5722;text-transform: capitalize;text-align: center;width: 100%;font-size: 18px !important;}

.blinking{animation:blinkingText 1.2s infinite;}
@keyframes blinkingText {0% {color: red;}49% {color: red;}60% {color: transparent;}99% {color: transparent;}100% {color: red;}}
.panel-default .panel-heading{border-radius: 0;border-bottom: 1px solid #efefef;}
.panel-default .panel-heading #hol_ann {top: 0;}

#divdailydate .daily_date{padding-left:28px;}
#divdailydate .date_contents{padding-top:10px;}
#divdailydate .panel-body{padding:0 15px 5px;}
#divdailydate .panel-body.panel-body-table td{padding:5px 10px;font-size:12px;}
#divdailydate .date_contents .form-control{height:0 !important;padding:14px;font-size:14px;}
#divdailydate .date_contents .buttonGet{padding:5px 30px;margin-top:0px;}
#divdailydate .date_contents .daily_date{text-align:left;margin-top:5px;}

.panel-heading .panel-title-box{margin-bottom:0px !important;}
.panel-default table tbody tr .common_table_head{text-align:center !important;font-size:16px;font-weight:bold;color:#201077;}
.panel-title-box #hHolidayHeader{margin-bottom:10px;}

#divAttStaff .daily_attendence{color:#201077;}
#birthay_pre .widget{padding:0px !important;}
.birthdayboard .panel-title-box{margin-bottom:0px !important;}

.owl-wrapper .owl-item .widget-int{color:#000; }
.owl-wrapper .owl-item .widget-int img{width:100%;max-width: 320px;}
.owl-wrapper .owl-item .widget_contents{margin-top:40px;}
/*.owl-theme{margin-left:-20px !important;}*/
.widget_contents{font-size:14px !important;}
.owl-wrapper-outer #divImg{height:166px;}
#divTimesheet .table tbody tr td{text-align:right !important;}

/*---own code---*/
.new_contents .card .avatar {width: 45px;min-width: 45px;height: 45px;line-height: 32px;background-color: rgba(18, 138, 249, 0.1) !important;border-radius: 8px;margin-bottom: 2px;font-size: 1.5em !important;}
.new_contents .card-body{padding: 0;}
.new_contents .avatar.no-thumbnail {background-color: var(--primary-color);color: var(--primary-color);font-weight: 600;align-items: center;justify-content: center;}
.new_contents .avatar p{margin-bottom:-14px !important;font-size:13px;text-align:center;color: #128af9 !important;}
.new_contents #holiday_name{color:#000 !important;font-size:13px;font-weight:bold;color:#201077 !important;text-overflow: ellipsis;overflow: hidden;}
.new_contents .text-truncate h5{color:rgb(140, 157, 181) !important;font-size:12px;text-align: left;}
.new_contents .rounded {border-radius: 0.25rem !important;}
.new_contents .ms-3 {margin-left: 1rem !important;}
.new_contents .alert{background-color:#fff;border:none !important;padding:0px !important;position:relative;}
.ui-widget select{border: 1px solid #d3dfea;font-size:13px !important;}

.d-flex {display: flex !important;}
.text-muted {color: #8c9db5 !important;}

#birthay_pre .image_contents{margin-left:10px;}
#birthay_pre img{width:100%;height:100%;border-radius:50%;}

.holidaylist hr{margin-bottom:-8px;}
.panel .panel-heading .panel-title-box button {height:34px !important;background-color:#fe7f00 !important;font-weight:500;padding: 5px 15px !important;border:1px solid #fe7f00 !important; color:#fff !important}
.time_col #divTimesheet .table thead tr th{text-align:center;color:#fff;}
/*decorations*/

#divAttStatus{border:1px solid #f1f1f1;overflow-x:hidden !important;}
#divTimesheet .table-bordered {border:1px solid #f1f1f1;}
#divAtendance .panel-heading .panel-title-box{margin-bottom:0px !important;}

.common_table_head{text-align:center !important;color:#201077;font-weight:bold;font-size:18px !important;}
.time_col{padding:0px !important;}

#divPayRollStatus{border:1px solid #f1f1f1;}
#divPeroformanceStatus{border:1px solid #f1f1f1;}

.status_content{border:1px solid #f1f1f1;}
.daily_att{border:1px solid #f1f1f1 !important;}
.daily_date label{font-size:16px;color:#201077;}

/*table tbody tr td{background-color:#fff !important;}*/
table thead tr th {background-color: #626a6f !important;}

#divAttStaff{padding: 0px !important;}
#trCLLeavee{background-color:#F0F3FB !important;}

.per_col{padding:0px !important;}
.per_col .panel-body-table{padding:0px !important;}

#divHolidaysList .new_contents:nth-child(1) .alert-success.alert .avatar{background-color:rgba(18, 138, 249, 0.1) !important;}
#divHolidaysList .new_contents:nth-child(1) .alert-success.alert .avatar p{color:#128af9 !important;}
#divHolidaysList .new_contents:nth-child(2) .alert-success.alert .avatar{background-color:rgba(239, 78, 184, 0.1) !important;}
#divHolidaysList .new_contents:nth-child(2) .alert-success.alert .avatar p{color:#ef4eb8 !important;}
#divHolidaysList .new_contents:nth-child(3) .alert-success.alert .avatar{background-color:rgba(13, 205, 148, 0.1) !important;}
#divHolidaysList .new_contents:nth-child(3) .alert-success.alert .avatar p{color:#0dcd94 !important;}
#divHolidaysList .new_contents:nth-child(4) .alert-success.alert .avatar{background-color:rgba(243, 73, 50, 0.1) !important;}
#divHolidaysList .new_contents:nth-child(4) .alert-success.alert .avatar p{color:#f34932 !important;}
#divHolidaysList .new_contents:nth-child(5) .alert-success.alert .avatar{background-color:rgba(18, 138, 249, 0.1) !important;}
#divHolidaysList .new_contents:nth-child(5) .alert-success.alert .avatar p{color:#128af9 !important;}
#divHolidaysList .new_contents:nth-child(6) .alert-success.alert .avatar{background-color:rgba(239, 78, 184, 0.1) !important;}
#divHolidaysList .new_contents:nth-child(6) .alert-success.alert .avatar p{color:#ef4eb8 !important;}
#divHolidaysList .new_contents:nth-child(7) .alert-success.alert .avatar{background-color:rgba(13, 205, 148, 0.1) !important;}
#divHolidaysList .new_contents:nth-child(7) .alert-success.alert .avatar p{color:#0dcd94 !important;}
#divHolidaysList .new_contents:nth-child(8) .alert-success.alert .avatar{background-color:rgba(243, 73, 50, 0.1) !important;}
#divHolidaysList .new_contents:nth-child(8) .alert-success.alert .avatar p{color:#f34932 !important;}
#divHolidaysList .new_contents:nth-child(9) .alert-success.alert .avatar{background-color:rgba(18, 138, 249, 0.1) !important;}
#divHolidaysList .new_contents:nth-child(9) .alert-success.alert .avatar p{color:#128af9 !important;}
#divLoad2 .panel-default{margin-left:12px !important;}


.notice_board_contents .birthdayboard{background:none;}
.notice_board_contents .new_contents{padding:0px !important;}

/*====TMS=====*/
/*=============timesheet===============*/

.read_more_btn{color: #0095ff !important;float: right;font-weight: 500;background-color: aliceblue !important;padding: 1px 7px !important;margin-top: 5px;border-radius: 2px !important;}
.tot_hrs{width:11% !important}
.txt_area_tms{width:24% !important}
/*.tot_hrs{padding-right:0px !important}*/
/*.tms_tot_hours{width:118px !important}*/
.ui-draggable-handle .panel-title{color: #201077;font-weight: 600;}
.btn-primary {color: #fff;background-color:#fe7f00;border:1px solid #fe7f00;padding: 5px 15px;height: 36px !important;margin-top:23px;}
/*.btn-primary:hover {color: #fff;background-color: #0477a3;border-color: #0477a3;}*/
.odd button{background-color:#fe7f00;color:#fff;border:none;border-radius:5px;padding:4px 10px;}
.even button{background-color:#626a6f;color:#fff;border:none;border-radius:5px;padding:3px 10px;}
.close_btn{background-color:#c70000 !important;border:1px solid #c70000;}
.close_btn:hover{border:1px solid #c70000;}
.spl_type{margin-top:20px !important;}
.or_label{font-size:16px !important;text-align: center;margin-top: 30px;font-size: 14px !important;padding-right:39px !important;width:0px !important}
.search_btn{margin-top:12px;}
/*#Searchdiv input, #Searchdiv select{height:36px !important}*/
#divTmsdata input, #divTmsdata select{height:36px !important}

#Searchdiv .srch-btn{border:1px solid #626a6f !important;}
#divCalender .fc-unthemed{border-radius:5px;padding:20px;}
#calendar .fc-icon-chevron-left ,#calendar .fc-icon-chevron-right{margin-bottom:3px;}
#calendar{background-color:#fff;max-width: 900px;margin: 0 auto;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important; margin-bottom:20px;}
#radiocalendar input{margin-right:5px;}
#radiocalendar label{margin-right:10px;}

/*.fc-view-container .fc-row{height:58px;}*/
.fc-disabled-day {height:20px !important;}
.fc-toolbar .fc-right button{background-color:#fe7f00 !important;border:1px solid #fe7f00 !important;padding:0px 20px;    }
.fc-toolbar .fc-center h2{color:#201077;}
.fc-body .fc-row {height:60px !important;}
.fc-button-group .fc-icon{line-height:9px !important}

#divCalender .fc-button-group button{background-color:#626a6f;border:1px solid #626a6f;}
#divAssignTask .chosen-container a{width:100%;}

.get_btn_tms{margin-top:6px;}
.get_btn_tms button{padding: 7px 15px; background-color:#fe7f00; border:1px solid #fe7f00}
.get_btn_tms button:hover{background-color:#fe7f00; border:1px solid #fe7f00}

#divAssignTask .col-md-1 label{margin-top:10px;}
#supp_ddlProject_chosen .chosen-drop{width:100% !important;}

.panel.panel-primary{border-radius:0px !important}

.tms_heads ul .list-group-item{padding:5px 3px !important}
.dataTables_scrollBody table tbody tr td{font-size: 13px;font-weight: 500;padding: 10px 1px !important;color: #000 !important; text-align:center !important;/*border:none !important;*/}
/*.dataTables_scrollBody table tbody tr{box-shadow: rgb(99 99 99 / 28%) 0px 0px 4px 0px !important;}*/
.dataTables_scrollBody table {/*border-spacing: 0 10px !important;border: none !important;*/}

.dataTables_scrollHead table thead tr th {text-align: center !important;color: #fff;font-size: 12px;border: 1px solid #a39999 !important;}
.common_btns_container{display:flex; justify-content:center;margin-left:25%;margin-top:1%; margin-bottom:3%}
.common_btns_container .insert_btn{background-color:#fe7f00; border:1px solid #fe7f00; padding:5px 15px; height:36px; color:#fff;margin-right:10px}
.common_btns_container .close_btn{background-color:#626a6f !important; border:1px solid #626a6f; padding:5px 15px; height:36px; color:#fff}
.reference_id{margin-top:15px !important}
.or_lbl h5{margin-top:35px !important;margin-left:-10px !important}
/*.lbl_type div{padding: 0px !important;padding-left: 7px !important;}*/
.lbl_type {padding-left: 4%;padding-top: 2%;}
#divCalender .fc-view{z-index:0 !important}
.modal-content .form-control{padding:6px 7px !important; font-size:12px !important}
.search_btn button{margin-top:14%; height: 36px;  }
.search_btn .srch_btn{background-color:#fe7f00;border:1px solid #fe7f00;}
.search_btn .srch_by_cont{background-color:#626a6f;border:1px solid #626a6f;}
.fc th.fc-widget-header{padding:14px !important}
.fc-content-skeleton td{border-color: #ddd !important}
.chosen-single{text-align:left !important}
#divMISReportview table thead{white-space:nowrap}
.tms_page input, .tms_page select, .tms_page textarea{background: none;font-size: 14px;outline: none;}
/*.tms_page textarea{height:80px !important}*/
.from_time table tr td input{width:50px;text-align:center}
.from_time {width:130px !important;padding-left:20px !important;}
.to_time{width:130px !important}
.to_time table tr td input{width:50px;text-align:center}
.dataTables_info{padding:2px 6px !important; border:1px solid #fe7f00 !important; color:#fe7f00 !important;line-height:14px !important;border-radius:4px; margin-bottom:10px}
.contentss span{color:red !important}
/*.contentss textarea{height:80px !important}*/
.hide_contents table tbody tr td{color:#000;font-weight:600; font-size:12px;margin-top:10px}
.tms_heads{margin-top:46px}
.srch-icnss{    position: absolute;top: 33px;/* left: 75px; */font-size: 17px;color: #f5f5f5;font-weight: 800;cursor: pointer;right: 27px;}
.tms_page .srch-btn { /*width: 40px; background: #626a6f !important; color: #fff !important; position: absolute; left: 164px; top: 24px !important; text-align: center; border: 0; margin: 0; border-top-left-radius:0px; border-bottom-left-radius:0px*/  width: 40px;background: #626a6f !important;color: #fff !important;position: absolute;/* left: 164px; */top: 24px;text-align: center;border: 0;margin: 0;right: 10px;}

/*pop up*/

#divAssignTask .modal-dialog{width:60%}
.tms_heads .col-md-2{width:20% !important}
.self_ass_sheet {margin-top:3%}
.ui-draggable-handle{border-top:1px solid #efefef !important}
.modal-header{border-bottom:1px solid #efefef !important;background-color:#fff !important;}
.tms_heads ul li a label{cursor:pointer !important}
.tms_page #calendar .fc-day-grid-event{background-color:#626a6f !important; border:1px solid #626a6f !important}
#myTimeSheet .modal-dialog{width: 50% !important;margin: 10% 10% !important;}

.la-angle-right{color:#201077}
.breadcrumb > li + li:before {font-family: "" !important;content: "" !important;color: none !important;padding: 0px 0px !important;color: #ccc;}
.or_lbls{text-align: center;margin-top: 32px;font-size:13px !important;width:6% !important}

/*=======internal css========*/
.bs-example a {margin: 5px;font-size: 13px;text-decoration: none !important;}

.btn-outline-danger {border-color: #FF4961;background-color: transparent;color: #FF4961;}
.btn-outline-danger:hover {background-color: #FF4961;color: #FFF !important;}
.btn-outline-Warning {border-color: #fe970a;background-color: transparent;color: #fe970a;}
.btn-outline-Warning:hover {background-color: #fe970a;color: #FFF !important;}
.btn-outline-success {border-color: #95b75d;background-color: transparent;color: #95b75d;}
.btn-outline-success:hover {background-color: #95b75d;color: #FFF !important;}
.btn-outline-info {border-color: #1caf9a;background-color: transparent;color: #1caf9a;}
.btn-outline-info:hover {background-color: #1caf9a;color: #FFF !important;}

.custom-combobox {position: relative;display: inline-block;}
.cho .custom-combobox-toggle {position: absolute;top: 0;bottom: 0;margin-left: -1px;padding: 0;}
.custom-combobox-input {margin: 0;padding: 5px 10px;}


.fetEmpName {height: 800px;}
.tableview{text-align: center;font-size: 15px;}
.tableview thead tr th{text-align:center}
.date{text-align:center;   }
.discription{text-align:center;}
.totalhrs{text-align:center;}
.FromHrs{text-align:center;}
.toHrs{text-align:center;}
.status{text-align:center;}
.editbtn{text-align:center;}
.deletebtn{text-align:center;}
.editbtn_{tab-size:30px;}
.delete_btn{tab-size:20px;padding:1px;padding-bottom:1px;}
.addview{margin-left:20px;}
tr:nth-child(even) {background-color: #f2f2f2 !important;}  
.panel-primary .panel{box-shadow:none !important;}
.chosen-container.chosen-with-drop .chosen-drop{width:100% ;}
.project_names #ddlProjectUpdview_chosen .chosen-drop{width:100% ;}

    
.ABprofile{border-radius:0px !important}
#Searchdiv .col-md-2 label{float:left !important;}
#Searchdiv .col-md-4 label{float:left;}
#radiocalendar{text-align:center;padding:20px 0px;}
/*#Searchdiv .panel-body{margin-top:40px;}*/
#ddlStaffSearch_chosen .chosen-drop{width:100% ;}
#ddlStaffFilter_chosen .chosen-drop{width:100% ;}
#ddlProjectFetch_ASSIGN_chosen .chosen-drop{width:100% ;}
#Searchdiv .chosen-single{width:100% !important;}
#divTmsdata .chosen-single{width:100% !important;}
#myModalg .modal-header h4{background:#fff;color:#201077 ;margin-left:10px;font-weight:bold;font-size:16px;}


.modal-header .close{margin-right:10px;margin-top: -12px;}
.modal-footer button{background-color:#fe7f00 !important;border:1px solid #fe7f00 !important;padding:5px 15px !important;height:36px !important;}
.modal-footer .btn_clr{background-color:#626a6f !important;border:1px solid #626a6f !important;}

.Zebra_DatePicker_Icon_Wrapper #txt_Datepopup{  width: 100%;border-radius: 5px;}
/*.modal-footer{border-top:none !important;padding:3px 15px !important;}*/
.panel-heading{border-radius:0px 0px 25px 25px;}

#txt_Discriptionpopup{width:80% !important;}
#ddlStatuspopup_ASSIGN{width:50% !important;}
#dvtable .editbtn_{background-color:#fe7f00 ;border:none;color:#fff;border-radius:5px;padding:5px 20px;text-transform:capitalize}
#dvtable .delete_btn{background-color:#626a6f;border:none;color:#fff;border-radius:5px;padding:5px 20px;text-transform:capitalize}
#dvtable .tableview thead tr th{padding:10px 0px; font-weight:500}
#lblreffNo{margin-left:15px;margin-top:10px;}
#ddlStatuspopup_ASSIGN{width:100% !important;}
#lblTrackNo{padding-right:13px !important;margin-top:10px;margin-left:15px;}
#divWrkTrack{background-color:#fff !important;}

.tableview tbody tr td{background-color:#fff;}
.pop_up_title{text-align:center}
.pop_up_body{height:100px}
/*.pop_up_btns{display:flex;justify-content:center;align-items:center;margin-top:9%}*/
.pop_up_btns {display: flex;justify-content: center;align-items: center;   margin-top: 6%;margin-bottom: 2%;}

.pop_up_btns .yes_btns{background-color:#fe7f00 !important; border:1px solid #fe7f00;color:#fff !important;margin-right:10px !important;}
.pop_up_btns .no_btns{background-color:#626a6f !important; border:1px solid #626a6f;color:#fff !important}
.btn_modals{display:flex;justify-content:center;background-color:#fff;margin-bottom:10px !important;}
.ref_ids{text-align:right; padding-right:15px;padding-bottom:30px;}    
/*.ids{display:inline-block;border:1px solid #000;border-radius:5px;margin-top:10px;}*/ 
.ids #lblreffNo{border:1px solid #fe7f00; border-radius:5px; padding:2px 6px;color:#fe7f00}
.ids #lblTrackNo{border:1px solid #626a6f; border-radius:5px; padding:2px 6px;color:#626a6f}
.hide_contents{float:right;}
.dp_footer .dp_today, .dp_footer .dp_clear{background-color:#000;}

/*=====layout page=====*/
.x-navigation-minimized li:hover a > i{
    color:#fff !important;
}
#img_activeee a span {
    color: #3949ab !important;
    font-size: 14px;
}
.breadcrumb li:last-child {
     color: #3949ab !important; 
}
.breadcrumb li, .breadcrumb li a{color:black !important;}
/*====profile===*/
/*.profile{width: 100%;float: left;padding: 15px 10px;position: relative;background: #17263a !important;height: 100px;display:flex;border-top: 1px solid #aab3cc;border-bottom: 1px solid #aab3cc;padding-top:11%;}*/
.profile .profile-image{width:0px !important;margin-left:3%;}
.profile .profile-image img {width: 54px;-moz-border-radius: 60%;-webkit-border-radius: 60%;border-radius: 60%;height:54px}
.profile .profile-data .profile-data-name{color: #aab3cc !important;font-weight:600 !important;}
.profile .profile-data .profile-data-title{color:#aab3cc !important;font-weight:600;margin-left:12px;font-size:13px;}
.profile .profile-data{margin-top:10px;margin-left:15%;}
.x-navigation > li.xn-logo > a:first-child{margin-left:5%;}
.TMS  #tbMyScoretms tbody tr td{text-align:left !important;vertical-align:middle !important;}
.TMS #tbMyScoretms tbody tr td:nth-child(18){text-align:right !important;}
.TMS_table #dvtable .table tbody tr td{text-align:left !important;}
.TMS_table #dvtable .table tbody tr td:nth-child(3){text-align:right !important;}
.TMS_table #dvtable .table tbody tr td:nth-child(4){text-align:right !important;}
.TMS_table #dvtable .table tbody tr td:nth-child(5){text-align:right !important;}
.TMS_table #dvtable .table tbody tr td:nth-child(6){text-align:right !important;}
.TMS #radiocalendar .table tbody tr td{text-align:left !important;}
.TMS #radiocalendar .table tbody tr td:nth-child(12){text-align:right !important;}
.TMS #radiocalendar .table tbody tr td:first-child{text-align:center !important;}
.TMS_table #dvtable .table tbody tr td:nth-child(7){text-align:center !important;}
.TMS_table #dvtable .table tbody tr td:last-child{text-align:center !important;}

/*=====EMS=====*/
/*===staff login form===*/

.page-navigation-toggled .M_menu{margin-right:6px !important;}
.x-navigation li > a.x-navigation-minimize i{ margin-top:30px !important;height:0px !important;background-color:none !important;}
.mb-control .logsyb{border:none !important;font-size:24px !important;margin-top: -2px;margin-left: -14px;}
.staff_login_logout_btns #divLogin{padding: 0px }
.login_time{border: 1px solid #fe7f00;padding: 2px 10px;border-radius: 3px;color: #fe7f00;}
.logout_time {border: 1px solid #626a6f;padding: 2px 10px;border-radius: 3px;color: #626a6f;}
.clock_content{margin-left: 44% !important;margin-top: 2px !important;}
.clock_content canvas{background-color: #333;width: 115px;height: 106px;}
.staff_login_sidebar{z-index:100;}
.staff_login_contents{background:#fff;-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);box-shadow: 0 1px 1px rgb(0 0 0 / 5%);margin:30px 30px;padding-bottom:20px;}
.staff_login_contents label{font-size: 13px;color: #5d6270;font-weight: 600;}
.staff_login_contents input{width: 100%;background: none;font-size: 14px;border: 1px solid #e5e5e5;outline: none;padding: 7px;}
.staff_login_contents select{width: 100%;background: none;font-size: 14px;border: 1px solid #e5e5e5;outline: none;padding: 7px;}
.both_contents{display:flex;  align-items:center; justify-content:flex-end}
#divLogin .log_time_det_btn{border:none !important; height:36px}
#divLogin .log_time_det_btn:hover{border:none !important;}
.right_contents{margin-left:3%;}
.login_time, .logout_time{display:flex;}
.login_time p{margin:0px !important;font-weight:600}
.logout_time p{margin:0px !important;font-weight:600}
.staff_login_logout_btns{margin-top:23px;display:flex;justify-content:center;align-items:center}
.log_time_det_btn{background-color:#626a6f !important; color:#fff}
.log_time_sub_btn{border:none !important; background-color:#fe7f00 !important;color:#fff;height:36px;} 
.log_time_sub_btn_content{margin-left:2%}
.name_inpt{color:#000 !important}
/*.date_input{width:10% !important}
.type_input{width:12% !important}*/

/*====new code====*/
.emp_and_name .emp_id_design {width: 60px;background: #626a6f !important;color: #fff;position: absolute;right: 10px;top: 24px !important;text-align: center;border: 0;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}

/*---calender---*/

.Zebra_DatePicker .dp_daypicker th{background:#fff !important;}
.Zebra_DatePicker .dp_daypicker td{background:#fff !important;}
.Zebra_DatePicker{border:none !important;background-color:#fff !important;}
.Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker{margin-top:0px !important;}
.Zebra_DatePicker .dp_footer{margin-top:0px !important;}
.Zebra_DatePicker.dp_visible{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;padding:5px 10px !important;}


.dp_header .dp_previous, .dp_caption, .dp_next{background-color:#fff !important;color:#626a6f !important;}
.dp_header .dp_previous, .dp_caption, .dp_next:{color:#626a6f !important}
.dp_daypicker th{border: 1px solid #e9ebfa !important;color:#000 !important;}
.dp_daypicker td{border: 1px solid #e9ebfa !important;}
.dp_daypicker td:hover{color:#000 !important;}
.dp_footer tr td{background-color:#fff !important;color:#626a6f !important; }
.dp_footer .dp_today:hover{color:#626a6f !important}
.dp_footer .dp_clear:hover{color:#626a6f !important}
.dp_header .dp_previous:hover{color:#626a6f !important}
.dp_header .dp_caption:hover{color:#626a6f !important}
.dp_header .dp_next:hover{color:#626a6f !important}
.Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td{border:1px solid #efefef !important}

/*-----------------------------*/

/*======Push Login Form Log=======*/

.push_log_btns{margin-top:2px;display:flex}
.push_log_btns input{font-size:14px;height:36px;}
.push_log_btns .push_log_push_btn{background-color:#fe7f00 !important;border:1px solid #fe7f00 !important}
.push_log_btns .push_log_push_btn:hover{border:1px solid #fe7f00 !important}
.push_log_btns .push_log_view_btn{background-color:#626a6f !important;border:1px solid #626a6f;margin-left:15px}
.push_login_form__table table{margin-top:20px;border:1px solid rgb(241 241 241) !important;}
.push_login_form__table table input{border:none;padding: 4px 12px;border-radius:3px;text-align:center !important;}
.push_login_form__table tr{background-color:#fff;}
.push_login_form__table tr:hover{background-color:#fff !important;}

.push_login_form__table .del_icon {background: #ffeac3;padding: 3px;border-radius: 3px;color: #fe7f00;font-size: 18px;cursor:pointer}
.push_login_form__table .del_icon:hover {background: #626a6f;padding: 3px;border-radius: 3px;color: #fff;font-size: 18px;cursor:pointer;transition:all 0.6s ease}
.push_login_form__table .table tbody tr td{text-align:left !important}
.push_login_form__table .table tbody tr td:last-child{text-align:right !important}


.buttonGet{height:36px !important;padding:5px 15px !important;background-color:#fe7f00 !important;}
.login_form_push_content{margin-top:2%;}
.login_form_push_content .panel.panel-default{border-radius:12px !important;}
.login_form_push_content .Zebra_DatePicker_Icon_Wrapper input{border: 1px solid #d3dfea !important;}
.login_form_push_content #ddlEmpName{border: 1px solid #d3dfea !important;}

.Zebra_DatePicker td.dp_selected{background-color:#fe7f00 !important;}
.Zebra_DatePicker tr{color:#000 !important;}
.Zebra_DatePicker td.dp_selected:hover{background-color:#fe7f00 !important;color:#fff !important;}
.Zebra_DatePicker td:hover{background-color:#f6f7fb !important;color:#000 !important;}

.dp_header{width:262px !important;}
.dp_daypicker{width:262px !important;}
.dp_footer{width:262px !important;}
.dp_header tr td:hover{color: #3366ff !important;background-color:#fff !important;}
.dp_footer tr td:hover{color: #3366ff !important;background-color:#fff !important;}
.breadcrumb{background-color:#F0F3FB !important;}

/*===========daily activity insert======*/

/*---internal css---*/

.carousel-control.right,.carousel-control.left {background-image:none!important;}
span.glyphicon.glyphicon {color: black;}
.modal-header h4{font-weight:bold;color:#201077;}
.modal-header button{margin:0px !important;color:#000;}

.panel_report .panel{box-shadow:none;margin-bottom:0px;}
.date_content{padding:0px !important;}
.daily_activity{width:100%;}
.daily_activity span{width:100%;}
.daily_activity span input{width:100% !important;}
.daily_activity_sub_btn{margin-top:24px;}
.upd_btn{margin-top:0px !important;}

#divMISReport tr:nth-child(even){background-color:#fff !important;}
#tbMyScore .chosen-single{width:100% !important;}
#tbMyScore tr th{text-align:center;}







/*=====staff leave cancel=====*/

/*------------------*/
/*#ddl_empname{width:100%;height:36px;border:1px solid #D5D5D5;color:#000;border-radius:3px;}*/
#divMISReport > div{background-color:#fff;padding:0px;}

.lev_cancel_sub_btn{margin-top:24px;}
.leave_cancel_page .panel{margin-bottom:0px !important;box-shadow:none;}
.leave_cancel_page #divMISReport table{border:1px solid #e9e9e9;}
/*.leave_form_modal .modal-dialog .modal-content .profile-tit input{background:#fff !important;border:none;color:#000;font-size:18px;font-weight:bold;}*/
.leave_form_modal .sure_msg{display:flex;justify-content:center;align-items:center;}
.leave_form_modal .remarks_msg{text-align:center;margin-top:10px;}
/*.leave_form_modal .sure_msg_btn{display:flex;justify-content:center;}
.leave_form_modal .sure_msg_btn input{padding:5px 15px;margin:5px;}
.leave_form_modal .sure_msg_btn .sure_msg_btn_cancel{background-color:#c70000 !important;border:1px solid #c70000;}*/
/*.remarks_msg textarea{    width:300px;height:84px;}*/
.sure_msg_btn{margin-top:10px;}
.staff_leave tbody tr td:first-child{text-align:left !important;}
.staff_leavecancel #divMISReport .table tbody tr td{text-align:left !important;}
.staff_leavecancel #divMISReport .table tbody tr td:nth-child(6){text-align:right !important;}
.staff_leavecancel #divMISReport .table tbody tr td:nth-child(9){text-align:center !important;}

/*leave cancel page*/
.cancel-table tr th:first-child{width:11% !important}
.cancel-table tr th:nth-child(2){width:11% !important}
.cancel-table tr th:nth-child(3){width:11% !important}
.cancel-table tr th:nth-child(4){width:11% !important}
.cancel-table tr th:nth-child(5){width:11% !important}
.cancel-table tr th:nth-child(6){width:11% !important}
.cancel-table tr th:nth-child(7){width:11% !important}
.cancel-table tr th:nth-child(8){width:12% !important}
.cancel-table tr th:last-child{width:11% !important}

.cancel-table tr td:first-child{width:11% !important}
.cancel-table tr td:nth-child(2){width:11% !important}
.cancel-table tr td:nth-child(3){width:11% !important}
.cancel-table tr td:nth-child(4){width:11% !important}
.cancel-table tr td:nth-child(5){width:11% !important}
.cancel-table tr td:nth-child(6){width:11% !important}
.cancel-table tr td:nth-child(7){width:11% !important}
.cancel-table tr td:nth-child(8){width:12% !important}
.cancel-table tr td:last-child{width:11% !important}



/*======myleaveform======*/

.from_inpt span, .from_inpt input {width:100%;}
.to_inpt span, .to_inpt input {width:100%;}

.lev_form_btn{margin-top:24px !important;}
.leave_form_table{box-shadow:none;margin-top:2%;margin-bottom:0px;}
.leave_form_table table tbody tr th{border:0.75px solid rgb(235 235 235) !important;}
.leave_form_table table tbody tr td{border:0.75px solid rgb(235 235 235) !important;}
/*.remarks_msg textarea{    width:300px;height:40px;}*/
.leave_form_table #divMISReport > div{background-color:#fff;padding:0px;font-size:14px;}
#txtnoRecordFound{width:300px;}

/*my leave form*/
.panel .panel-heading .panel-title {margin-left: 0px !important;}
.panel-heading:before{content: '';width: 4px;height: 25px;left: 0px;top: 13px;background: #fe7f00;position: absolute;}
.btn-submit{height:36px !important;background-color:#fe7f00 !important;font-weight:500;padding: 5px 15px !important;border:1px solid #fe7f00 !important; color:#fff !important}
.leave_form_table #divMISReport h2 {margin:0 !important;font-weight:500;border-top:1px solid #ddd;padding: 10px 10px 5px 10px;margin-top:10px;}

/*.table-card .table > tbody > tr > th {background-color: #626a6f !important;color: #fff !important;font-size: 12px;font-weight: 500;border: none !important;white-space:nowrap}
.table-card .table > tbody > tr td {font-size: 12px !important;font-weight: 500;padding: 10px 15px !important;background-color: #fff !important;text-align:center !important color: #000 !important;}
.table-card .table tbody tr {box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;}
.table-card .table {border-spacing: 0 10px !important;border: none !important;}
.table-card .row {margin-left: 0px !important;margin-right: 0px !important;}*/

.table-width #divMISReport  .table > tbody > tr > th:first-child{width:6% !important}
.table-width #divMISReport  .table > tbody > tr > th:nth-child(2){width:11% !important}
.table-width #divMISReport  .table > tbody > tr > th:nth-child(3){width:9% !important}
.table-width #divMISReport  .table > tbody > tr > th:nth-child(4){width:9% !important}
.table-width #divMISReport  .table > tbody > tr > th:nth-child(5){width:9% !important}
.table-width #divMISReport  .table > tbody > tr > th:nth-child(6){width:8% !important}
.table-width #divMISReport  .table > tbody > tr > th:nth-child(7){width:8% !important}
.table-width #divMISReport  .table > tbody > tr > th:nth-child(8){width:15% !important}
.table-width #divMISReport  .table > tbody > tr > th:nth-child(9){width:9% !important}
.table-width #divMISReport  .table > tbody > tr > th:nth-child(10){width:9% !important}
.table-width #divMISReport  .table > tbody > tr > th:last-child{width:6% !important}

.table-width #divMISReport  .table > tbody > tr > td:first-child{width:6% !important}
.table-width #divMISReport  .table > tbody > tr > td:nth-child(2){width:11% !important}
.table-width #divMISReport  .table > tbody > tr > td:nth-child(3){width:9% !important}
.table-width #divMISReport  .table > tbody > tr > td:nth-child(4){width:9% !important}
.table-width #divMISReport  .table > tbody > tr > td:nth-child(5){width:9% !important}
.table-width #divMISReport  .table > tbody > tr > td:nth-child(6){width:8% !important}
.table-width #divMISReport  .table > tbody > tr > td:nth-child(7){width:8% !important}
.table-width #divMISReport  .table > tbody > tr > td:nth-child(8){width:15% !important}
.table-width #divMISReport  .table > tbody > tr > td:nth-child(9){width:9% !important}
.table-width #divMISReport  .table > tbody > tr > td:nth-child(10){width:9% !important}
.table-width #divMISReport  .table > tbody > tr > td:last-child{width:6% !important}

/*my leave form modal css*/
#Updatehistory{z-index: 1300;}
#Updatehistory .modal-dialog{width: 45%;}
.width-500{width: 500px;}
.leave_form_modal .sure_msg_btn {display: flex;justify-content: center !important;margin-bottom:10px;}
.sure_msg b{font-size:16px;}
.remarks_msg textarea {width: 380px;height: 100px;border-radius:6px;border-color:#bdbdbd;font-size: 13px;}
.remarks_msg label{font-size:14px !important;font-weight:600;}
.leave_form_modal .sure_msg_btn .sure_msg_btn_cancel {background-color: #626a6f !important;border: 1px solid #626a6f;color:white;padding: 5px 15px !important;height: 36px;}
.padd-btm{padding-bottom:2px;}
#popupResult{font-weight: 500;font-size: 15px;text-align: center;}

/*=====myPermission====*/

.from_inpt_per span, .from_inpt_per input {width:100%;}
.to_inpt_per span, .to_inpt_per input {width:100%;}
.per_form_btn{margin-top:14px !important;}
.permission_form_table{box-shadow:none;margin-top:2%;margin-bottom:0px;}
/*.permission_form_table table tbody tr th{border:0.75px solid rgb(235 235 235) !important;}*/
/*.permission_form_table table tbody tr td{border:0.75px solid rgb(235 235 235) !important;}*/
.permission_form_modal .modal-dialog .modal-content .profile-tit input{background:#fff !important;border:none;color:#000;font-size:18px;font-weight:600;}
.permission_form_modal .sure_msg_per{display:flex;justify-content:center;align-items:center;}
.permission_form_modal .sure_msg_per b{font-size:16px;font-weight:500 !important;}
.permission_form_modal .remarks_msg_per{text-align:center;font-weight:500;}
.permission_form_modal .sure_msg_btn_per{display:flex;justify-content:center;}
.permission_form_modal .sure_msg_btn_per input{padding:5px 15px;margin:5px;}
.permission_form_modal .sure_msg_btn_per .sure_msg_btn_cancel_per{background-color:#626a6f !important;border:1px solid #626a6f;}
.form-group input{ background: none;font-size: 14px;outline: none;padding: 7px;}
.remarks_msg_per textarea{width:380px;height:100px;border:1px solid #e5e5e5}
.sure_msg_btn_per{margin-top:10px;}
/*.sure_msg_btn_per_cont{border-top:1px solid #e5e5e5;}*/
.permission_form_table #divMISReport > div{background-color:#fff;padding:0px;font-size:14px;}
.permission_form_table #divMISReport h2{margin-top:10px;}
.permission_form_table #divMISReport .table tbody tr td{text-align:left !important;}
.permission_page table thead > tr > th{background-color:#626a6f !important;color:#fff !important;font-size:12px;font-weight:500;border:none !important;}
.permission_page table tbody > tr > td{ font-size:13px;font-weight:500;padding:15px 0px !important;background-color:#fff !important;color:#000 !important;border:none;}
/*.permission_page .table tbody tr{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}*/
/*.permission_page .table{border-spacing: 0 10px !important;border:none !important;}*/
/*.permission_page .row{margin-left:0px !important; margin-right:0px !important}*/
.close_icon_btn input{padding:0px !important;margin-right:10px;}
.permission_form_table #divMISReport .table tbody tr td:nth-child(9){text-align:center !important;}


/*=====================================================*/



/*=====work sheet======*/
/*====internal css====*/

.box {/*display:block;*/align-items:center;background-color:forestgreen;position: absolute;/*margin: 0px 0px 0px 200px;*/margin-top:65px;margin-left:50px;padding:5px;height:10px;width:30px;border-radius:5px;}
.xbox {/*display:block;*/align-items:center;background-color:#bfb2b2; margin-top:65px;margin-left:205px;/*margin: 0px 0px 0px 200px;*/padding: 5px;height:10px;width:30px;border-radius:5px;        }
.Qbox{align-items:center;/*background-color:#85ab85;*/margin-top:-10px;margin-left:380px;/*margin: 0px 0px 0px 400px;*/padding: 5px;height:10px;width:30px;border-radius:5px;}
.Rbox{align-items:center;/*background-color:#c58d88;*/margin-top:-10px;margin-left:830px;/*margin: 0px 0px 0px 400px;*/padding: 5px;height:10px;width:30px;border-radius:5px;}
.Mbox{align-items:center;margin-top:-10px;margin-left:1000px;padding: 5px;height:10px;width:30px;border-radius:5px;}    
.Pbox{position:absolute;margin:62px 0px 0px 85px;}
.Abox{position:absolute;margin:62px 0px 0px 245px; }
.Bbox{position:absolute;margin:-8px 0px 0px 35px;}
.Cbox{position:absolute;margin:-8px 0px 0px 35px;}

/*--------------------*/

.tabsecboard ul{margin-bottom:0 !important;}
/*.tabsecboard ul li:hover{background-color:#fff !important;}*/
/*.tabsecboard ul li a:hover{color:#FF008A !important;}*/
/*.tabsecboard ul li a{color: #1b1e24!important;cursor:pointer;}*/
.worksheet_col .list-group .list-group-item .fa{padding:0px 4px;}
.worksheet_col ul.tab_active{background-color:red !important}
.search_head{margin-left: 12px;}
.lis_grp_itm{padding:0px 0px !important;}
.worksheet_col{margin-bottom: 30px !important;padding:0px !important;}
.sear_cont ul .list-group-item{border-radius:0px;}
.sear_cont{padding:0px !important;}
.add_new_heading{margin-top:0px !important;padding:0px !important;}
.add_new_cont ul .list-group-item{border-radius:0px;}
.add_new_cont{padding:0px !important;}
.add_new_cont ul{float:left;}
.workheet_top_head{margin-top:0px !important;padding:0px 0px !important;}
.search_conts span{padding-right:15px;padding-left:5px;}
.add_new_heading div > h3{padding-left:8% !important;}
/*.dataTables_scrollHeadInner .no-footer thead tr th{padding:10px 18px !important;}*/
.search_conts2 span input{width:100%;}
.search_conts{padding-left:40px !important;}

.add_new_heading{margin-top:5%;}
.add_new_contents{padding:0 !important;}
.add_new_contents input ,.add_new_contents select, .add_new_contents textarea{width:90%;}
.add_new_contents .text_area textarea{padding-bottom:37px;}
.add_new_contents .text_area .chosen-single{width:90%;}
.add_new_contents .text_area .chosen-drop{width:90%;}
.add_new_contents2 select, .add_new_contents2 input{width:90%;}
.add_new_contents2 #txtTaskSmartRef{width:90% !important;}
.add_new_contents3 select,.add_new_contents3 input{width:90%;}
.add_new_contents3 span{width:100%;}
.add_new_contents3 #txtRemark{width:90%;}

.sub_and_clr_btn{display:flex;justify-content:center;}
.sub_and_clr_btn .clr_worksheet_btn{background-color:#c70000 !important;border:1px solid #c70000;margin:0 10px;}
.edit_contents span{width:90%;}
.input_val{width:90%;}
.ref_input{width:90%;}

.edit_contents2 select{width:90%;}
.edit_contents2 textarea{width:90%;}
.edit_contents .labtn, .edit_contents2 .labtn{display:inline-block;text-align:left;width:100%;}
.edit_contents3 .labtn{display:inline-block;text-align:left;width:100%;}
.edit_contents3 select{width:90%;}
.edit_contents3 span{width:90%;}
.edit_contents4 .labtn{display:inline-block;text-align:left;width:100%;}
.edit_contents4 span{width:90%;}
.edit_contents4 textarea{width:90% !important;}
.edit_contents5 .labtn{display:inline-block;text-align:left;width:100%;}
.edit_contents5 input{width:90%;}
.edit_contents5 #ddlStatuspopup_ASSIGN{width:90% !important;}
.edit_contents6  .labtn{display:inline-block;text-align:left;width:100%;}
.edit_contents6 span{width:90%;}
.edit_contents6 textarea{width:90%;}
.edit_content1{margin-bottom:20px;}

#ddlStaffFetch_ASSIGN{padding-left:0px;}
.editworksheet_footer{background-color:#fff;}

.add_new_contents2_col{left:5%;}
.add_new_contents_col{left:5%;}
.add_new_contents3_col{left:5%;}
.add_new_contents4_col{left:5%;}
.sub_btn {display: inline-block;text-align: left;padding-left: 7.5%;}
.cont1, .cont2{padding-bottom:20px;}

/*ems leave form*/
.leave_dates .selection 
/*.leave_dates{margin-top:22px;}*/
.leave_dates .selection label {display: inline-block;background-color: #fff;border-radius: 3px;color: #000; cursor: pointer;text-align:center;padding:2px 5px;border:1px solid #D5D5D5;}
.leave_dates .selection label:hover
.leave_table{padding-left:15px !important;margin-top:10px;}
.leave_dates .selection input[type=radio] {display: none;}
.leave_dates .selection input[type=radio]:checked ~ label {background-color: #818181;color:#fff; }
.leave_time_datas{display:flex;align-items:center;}
.leave_time_datas .fn_an_content{margin-left:10px;}
.leave_table table{border:1px solid #ededed;}
.leave_table table tbody tr td{padding-left:10px !important;}
.leave_table thead tr th{background:#F8F5FD;padding:10px !important;}
.leave_table tbody tr td{background-color:#fff;}

.yes_no_checkbox{display:flex;justify-content:center;margin-top:5px;}
.yes_no_checkbox .selection{margin:0 5px;}
.sub_and_chkbal_btn .buttonGet:hover{border:1px solid #fe7f00 !important}


.sub_and_chkbal_btn .buttonGet{margin-top:0px;border:1px solid #fe7f00 !important}
.sub_and_chkbal_btn{margin-bottom:20px !important;}
.sub_and_chkbal_btn input{padding:5px 15px;}
.sub_and_chkbal_btn input:nth-child(2){padding:5px 15px;background-color:#626a6f;border:1px solid #626a6f;padding:5px 15px !important;margin:0 5px;height: 36px;}
.leave_btns{display:flex;justify-content:center;}

/*leave form css*/
.pd-lt {padding-left: 15px !important;}
.pd-tp {padding-top: 10px;}
.mr_tp-8 {margin-top: 8px;}
.pd-25 {padding: 20px !important;}
.form-horizontal .form-group {margin-left: 0 !important;margin-right: 0 !important;}
.innerpage-content {padding-top: 70px !important;}
.mb-15 {margin-bottom: 15px;}
.form-control {border: 1px solid #d3dfea;font-size:13px !important;}

.up-in-toggle input {clip: rect(0, 0, 0, 0);height: 1px;width: 0px;border: 0;overflow: hidden;position:absolute;}
.up-in-toggle input:checked + label {background: #626a6f;color: white;font-weight: 500;}
.up-in-toggle label {display: inline-block;width: 50%;background: white;border: 1px solid #d3dfea;color: #a5adb7;text-align: center;font-size: 11px;height: 36px;padding: 10px 0px;float: left;transition: all 0.1s ease-in-out;}
.up-in-toggle label:hover {cursor: pointer;}

/*b2*/
.up-in-toggle1 input {clip: rect(0, 0, 0, 0);height: 1px;width: 0px;border: 0;overflow: hidden;}
.up-in-toggle1 input:checked + label {background: #626a6f;color: white;font-weight: 500;padding: 0px 6px;}
.up-in-toggle1 label {display: inline-block;width: 100%;background: white;border: 1px solid #d3dfea;color: #a5adb7;text-align: center;font-size: 11px;padding: 0px 6px;float: left;transition: all 0.1s ease-in-out;}
.up-in-toggle1 label:hover {cursor: pointer;}
.button-cover,
.knobs,
.layer {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.button {position: relative;top: 50%;width: 74px;height: 36px;overflow: hidden;}
.button.r,
.button.r .layer {border-radius: 6px;}
.button.b2 {border-radius: 2px;}
.checkbox {position: relative;width: 100%;height: 100%;padding: 0;margin: 0;opacity: 0;cursor: pointer;z-index: 3;}
.knobs {z-index: 2;}
.layer {width: 100%;background-color: #ebf7fc;transition: 0.3s ease all;z-index: 1;}

 /*Button 2*/ 
#button-2 .knobs:before,
#button-2 .knobs:after {content: "YES";position: absolute;top: 2px;left: 4px;width: 26px;height: 30px;color: #fff;font-size: 10px;font-weight: bold;text-align: center;line-height: 1;padding: 9px 4px;background-color: #fe7f00;border-radius: 25%;transition: 0.3s ease all;}
#button-2 .knobs:before {content: "YES";}
#button-2 .knobs:after {content: "NO";right: -28px;left: auto;background-color: #626a6f;}
#button-2 .checkbox:checked + .knobs:before {left: -28px;}
#button-2 .checkbox:checked + .knobs:after {right: 4px;}
#button-2 .checkbox:checked ~ .layer {background-color: #fcebeb;}
/*.Emp_ids {width: 50px;background: #626a6f !important;color: #fff !important;position: absolute;right: 15px;top: 24px;text-align: center;border: 0;}*/
/*button-11*/
#button-11 .knobs:before,
#button-11 .knobs:after,
#button-11 .knobs span {position: absolute;top: 1px;width: 35px;height: 34px;font-size: 10px;font-weight: bold;text-align: center;line-height: 1.5;padding: 9px 4px;border-radius: 2px;transition: 0.3s ease all;letter-spacing: 1px;}
#button-11 .knobs:before {content: "";left: 2px;background-color: #fe7f00;}
#button-11 .knobs:after {content: "NO";right: 2px;color: #4e4e4e;}
#button-11 .knobs span {display: inline-block;left: 4px;color: #fff;z-index: 1;}
#button-11 .checkbox:checked + .knobs span {color: #4e4e4e;}
#button-11 .checkbox:checked + .knobs:before {left: 39px;}
#button-11 .checkbox:checked + .knobs:after {color: #fff;}
#button-11 .checkbox:checked ~ .layer {background-color: #fcebeb;}

.leavetable_page .table > thead > tr > th {background-color: #626a6f !important;color: #fff !important;font-size: 12px;font-weight: 500;border:none !important;}
.leavetable_page .table > tbody > tr td{font-size: 13px;font-weight: 500;padding: 10px 15px !important;background-color: #fff !important;color: #000 !important;}
.leavetable_page .table > tbody > tr td:nth-child(2){text-align:right !important;}
.leavetable_page .table > tbody > tr td:last-child{text-align:right !important;}
.leavetable_page .table tbody tr {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.leavetable_page .table {border-spacing: 0 0px !important;border: none !important;}
/*.leavetable_page .row {margin-left: 0px !important;margin-right: 0px !important;}*/

#radiofnan label {margin-bottom: -1px;}
.wht_space {white-space: nowrap;}
.padd_rit {padding-right: 0;}
.justify-center {justify-content: center;}
.flt-rit {float: right;}
.padd_lft{padding-left:0 !important;}

/*leave form model css*/

#viewhistorydiv table:nth-child(4) tbody tr td:nth-child(1) > table{border: 1px solid #dfdfdf !important;}
#viewhistorydiv table:nth-child(4) tbody tr td:nth-child(3) > table{border: 1px solid #dfdfdf !important;}
#viewhistorydiv table:nth-child(5) {border: 1px solid #dfdfdf !important;}

#VIEWhistory .modal-dialog {width: 70%;}
#VIEWhistory .modal-dialog profile-tit {margin-bottom: 3%;}
#btnClosePopup {cursor: pointer;float: right;}
#myPaySlip .modal-dialog {margin: 20px auto;width: 990px !important;}
#myPaySlip .modal-dialog .modal-content .modal-body {max-height: calc(100vh - 173px);overflow-y: auto;box-sizing: border-box;}

#viewhistorydiv .table tr th{background-color: #626a6f !important;color: #fff !important;text-align:center;}
#viewhistorydiv .table > tbody > tr td {font-size: 13px;font-weight: 500 !important;padding: 10px 15px !important;background-color: #fff !important;color: #000 !important;text-align:right !important;}
/*#viewhistorydiv .table > tbody > tr td:nth-child(2){font-size: 13px;font-weight: 500 !important;padding: 10px 15px !important;background-color: #fff !important;color: #000 !important;text-align:left !important;}*/
.view_details #viewhistorydiv .table > tbody > tr td{text-align:left !important;}
#viewhistorydiv .table > tbody > tr td:first-child{text-align:left !important;}
#viewhistorydiv .row {margin-left: 0px !important;margin-right: 0px !important;}
#viewhistorydiv  tbody > tr > th{border:none !important;font-size:13px}
#viewhistorydiv #view_balance tbody tr td{text-align:right !important;}

#viewhistorydiv .table > tbody > tr > td .table > tbody > tr > th:first-child{width:9%!important}
#viewhistorydiv .table > tbody > tr > td .table > tbody > tr > th:nth-child(2){width:9% !important}
#viewhistorydiv .table > tbody > tr > td .table > tbody > tr > th:nth-child(3){width:9% !important}
#viewhistorydiv .table > tbody > tr > td .table > tbody > tr > th:nth-child(4){width:9% !important}
#viewhistorydiv .table > tbody > tr > td .table > tbody > tr > th:nth-child(5){width:9% !important}
#viewhistorydiv .table > tbody > tr > td .table > tbody > tr > th:nth-child(6){width:9% !important}
#viewhistorydiv .table > tbody > tr > td .table > tbody > tr > th:nth-child(7){width:9% !important}
#viewhistorydiv .table > tbody > tr > td .table > tbody > tr > th:nth-child(8){width:9% !important}
#viewhistorydiv .table > tbody > tr > td .table > tbody > tr > th:nth-child(9){width:9% !important}
#viewhistorydiv .table > tbody > tr > td .table > tbody > tr > th:nth-child(10){width:9% !important}
#viewhistorydiv .table > tbody > tr > td .table > tbody > tr > th:last-child{width:10% !important}


#viewhistorydiv .table > tbody > tr > th:first-child{width:9%!important;font-weight:400;}
#viewhistorydiv .table > tbody > tr > th:nth-child(2){width:9% !important;font-weight:400;}
#viewhistorydiv .table > tbody > tr > th:nth-child(3){width:9% !important;font-weight:400;}
#viewhistorydiv .table > tbody > tr > th:nth-child(4){width:9% !important;font-weight:400;}
#viewhistorydiv .table > tbody > tr > th:nth-child(5){width:9% !important;font-weight:400;}
#viewhistorydiv .table > tbody > tr > th:nth-child(6){width:9% !important;font-weight:400;}
#viewhistorydiv .table > tbody > tr > th:nth-child(7){width:9% !important;font-weight:400;}
#viewhistorydiv .table > tbody > tr > th:nth-child(8){width:9% !important;font-weight:400;}
#viewhistorydiv .table > tbody > tr > th:nth-child(9){width:9% !important;font-weight:400;}
#viewhistorydiv .table > tbody > tr > th:nth-child(10){width:9% !important;font-weight:400;}
#viewhistorydiv .table > tbody > tr > th:last-child{width:10% !important;font-weight:400;}

#viewhistorydiv .table-responsive{margin:10px 0!important;}
#viewhistorydiv .view_balance  tbody > tr td{text-align:left !important;}

/*.leave-table  tbody > tr > td{width:50%}*/
.pop_up-table{display:block;overflow:auto;white-space:nowrap;}
.w-100{width:100% !important;}
.w-50{width:50% !important;}
.txt-rit{text-align:right !important;}


/*modal design*/
.profile-tit #viewhistorydiv{margin:5px;}
.profile-tit{margin-bottom:3% !important;}
.to_leave{margin-top:23px;}
.cancel_modal_btn {padding: 3px 10px !important;color: #fff !important;background-color: #626a6f !important;border-color: #626a6f !important;border-radius: 25%;float:right!important;}
.cancel_modal_btn:hover {color: black;border-color: #dae2e5;background: #cacdcf;}
#viewhistorydiv {margin: 10px;padding: 10px;text-align: center;font-size: 16px;font-weight: 500;}



/*=====od form=====*/
.od_form_from_to_inpt input{width:60px;height:36px;border: 1px solid #d3dfea;text-align:center; border-radius:3px;color:black;}
.from_to_inputs{padding:0px !important;margin-left:2%;}
.permission_req{margin-left:2%;}
.form-group .on_duty_sub_btn{display:flex;justify-content:center;}

/*====ticketing form====*/
.ticket_form_btns{display:flex;justify-content:center;margin-top:15px;}
/*.issue_col{padding: 0px !important;}*/
.ticket_form_btns .ticket_clr_btn{background-color:#626a6f;border:1px solid #626a6f;margin-left:10px;   }
.ticket_form_btns #Button3{background-color:#fe7f00;border:1px solid #fe7f00;margin-left:10px; }
.issue_des textarea{
    /*width:350px !important;*/
    /*height:104px !important;*/
    /*border: 1px solid #e5e5e5;*/
}
/*.ticket_contents input, .ticket_contents select{
    background: none;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    outline: none;
    padding: 7px;
}*/

/*====permission form====*/

.per_form_min_inpt{margin-top:23px;}
.common_col_time_left{margin-left:0px !important;padding-left:0px !important;width: 50%;float: left;}
.common_col_time_right{margin-right:0px !important;padding-right:0px !important;width: 50%;float: left;}
.per_sub_btn{display:flex;justify-content:center;}
.per_resn_contents{margin-top:15px;}
.per_sub_btn input:hover{border:none !important}
.per_sub_btn input{border:none !important}
.permission_form_content h4{text-align:center;font-weight:bold;padding-bottom:20px;}
#tatalpermissionTaken{color:#201077;}
.row-deck .Emp_ids {width: 66px;background: #626a6f !important;color: #fff !important;position: absolute;right: 16px;top: 24px;text-align: center;border: 0;border-radius:0 3px 3px 0 !important;}
.support_content label:nth-child(1){text-align:center;}
.permission_form_content input, .permission_form_content select{background: none;font-size: 14px;border: 1px solid #e5e5e5;outline: none;padding: 7px;}
.emp_and_name #txtEmplNumberPr {width: 66px;background: #626a6f !important;color: #fff;position: absolute;right: 10px;top: 23px;text-align: center;border: 0;border-top-left-radius:0px; border-bottom-left-radius:0px}
/*.per_tab{display:flex;}*/
.b2{position: relative;top: 69%; width: 74px;height: 36px;overflow: hidden;left: 28%;}
.per_taken {display: inline-block;margin-top: 6px;float: right;padding: 4px 10px;font-size: 14px !important;color: #626a6f !important;font-weight: 600;border: 1px solid;margin-right: 4%;position: relative;}
/*.per_taken {width: 44px;background: #626a6f !important;position: absolute;right: 0;top: 0;text-align: center;border: 0;border-top-left-radius: 0px;border-bottom-left-radius: 0px;height: 100%;vertical-align: middle;padding: 6px;line-height: 100%;}*/

.perm_taken_count {width: 44px;background: #626a6f !important;position: absolute;right: 27px;top: 16px;text-align: center;border: 0;border-top-left-radius: 0px;border-bottom-left-radius: 0px;height: 26px;padding-top: 4px;}
#tatalpermissionTaken{ color:#fff !important;font-weight:500}

/*======variable update======*/

/*-----internal css-----*/
.var_final_update .col-md-2 select{width:100% !important;} 
/*#ddlTeamMembers{height:36px;border:1px solid #D5D5D5;}*/
.var_fin_upd_btn{padding: 7px 30px;}
.var_final_update .panel-heading h2{color:#201077;margin-bottom:0px !important;font-weight:bold;font-size:17px;}

/*permission authorize*/
.permission_authorize #divMISReport .table tbody tr td{text-align:left !important;}
.permission_authorize #divMISReport .table tbody tr th{border:none !important;}

/*===========permission report===============*/

.pere_rep_btn .btn-primary{height:36px !important;margin-top:7px !important;background-color:#fe7f00;border:1px solid #fe7f00;padding: 5px 15px;}
.table-card .table > thead > tr > th {background-color: #626a6f !important;color: #fff !important;font-size: 12px;font-weight: 500;border: none !important;white-space:nowrap; text-align:center !important}
.table-card .table > tbody > tr > th {background-color: #626a6f !important;color: #fff !important;font-size: 14px;font-weight: 500;border: none !important;white-space:nowrap; text-align:center !important}
.table-card .table > tbody > tr td{font-size: 12px !important;font-weight: 500;padding: 10px 15px !important;background-color: #fff;color: #000 !important;vertical-align:middle;}
.table-card .table > tbody > tr.even td {background-color: #F2F2F2 !important;}
.summary_report .table-card .table > tbody > tr td:first-child {text-align: left !important;}
.summary_report .table-card .table > tbody > tr td{text-align:right !important;}
/*.table-card .table tbody tr {box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px !important;}*/
/*.table-card .table tbody tr td{border:1px solid #d3dfea !important;}*/
.table-card .table {/*border-spacing: 0 10px !important;border: none !important;*/}
.table-card .row {margin-left: 0px !important;margin-right: 0px !important;}

.table-card > thead > tr > th {background-color: #626a6f !important;color: #fff !important;font-size: 12px;font-weight: 500 !important;border: none !important;white-space:nowrap; text-align:center !important}
.table-card >tbody > tr > th {background-color: #626a6f !important;color: #fff !important;font-size: 12px;font-weight: 500 !important;border: none !important;white-space:nowrap; text-align:center !important}
.table-card > tr > th {background-color: #626a6f !important;color: #fff !important;font-size: 12px;font-weight: 500;border: none !important;white-space:nowrap; text-align:center !important}
.table-card > tbody > tr td{font-size: 12px !important;font-weight: 500;padding: 10px 15px !important;background-color: #fff !important;color: #000 !important; /*text-align:center !important*/}
/*.table-card tbody tr {box-shadow: rgb(99 99 99 / 28%) 0px 0px 4px 0px !important;}
.table-card  tbody tr td{border:none !important}*/
.table-card  {/*border-spacing: 0 5px !important;*//*border-spacing: 0 10px !important;border: none !important;*/}
.table-card .row {margin-left: 0px !important;margin-right: 0px !important;}
/*.table-card  tbody tr td{border:0.5px solid #e2e5ebfc !important;}*/
#viewhistorydiv tr td:first-child{text-align:left !important;}
.permission_approve #divMISReport .table tbody tr td{text-align:left !important}
.permission_approve #divMISReport .table tbody tr th{border:none !important;}

#get_data table thead tr td{width:10% !important;}
.per_pg_report .chosen-container.chosen-container-single {width: 100% !important;}
.per_pg_report input, .per_pg_report select{background: none;font-size: 14px;border: 1px solid #e5e5e5;outline: none;padding: 7px;}
.chosen-container-single .chosen-single {width: 100% !important;box-shadow: none !important;height: 36px !important;border: 1px solid #d3dfea !important;border-radius: 3px !important;}
#get_data .table tbody tr td{text-align:left !important;}

/*=============Leave Report / reports===============*/

/*internal css*/
/*.custom-combobox {position: relative;display: inline-block;}
.custom-combobox-toggle { position: absolute;top: 0;bottom: 0;margin-left: -1px;padding: 0;}
.custom-combobox-input { margin: 0; padding: 5px 10px;}*/
/*.leave_rep_page input, .leave_rep_page select{background: none;font-size: 14px;border: 1px solid #e5e5e5;outline: none;padding: 7px;}*/
 #get_data{margin-top:20px;}
/*.table-card .table > thead > tr > th{border:none !important}
.table-card .table > thead > tr > th {background-color: #626a6f !important;color: #fff !important;font-size: 12px;font-weight: 500;border: none !important;white-space:nowrap; text-align:center !important}
.table-card .table > tbody > tr td {font-size: 13px;font-weight: 500;padding: 10px 15px !important;background-color: #fff !important;color: #000 !important; text-align:center !important}
.table-card .table tbody tr {box-shadow: rgb(99 99 99 / 28%) 0px 0px 4px 0px !important;}
.table-card .table tbody tr td{border:none !important}
.table-card .table {border-spacing: 0 5px !important;border: none !important;}*/

/*.leavetable_page .table > tbody > tr td, .table > thead > tr > th {background-color: #626a6f !important;color: #fff !important;font-size: 12px;font-weight: 500;}
.leavetable_page .table > tbody > tr td, .table > tbody > tr > td {font-size: 13px;font-weight: 500;padding: 10px 15px !important;background-color: #fff !important;color: #000 !important;}
.leavetable_page .table {border-spacing: 0 0px !important;border: none !important;}
.leavetable_page .row {margin-left: 0px !important;margin-right: 0px !important;}
.leavetable_page thead tr th{text-align:center !important;}*/
.tble_br {border: 1px solid #b5b5b5 !important;}
.tble_br .empty_row{height:36px !important;}
#get_data .leavetable_page thead tr th{background-color:#626a6f !important;color:#fff !important;border:none !important;font-size:13px;font-weight:500;text-align:center}
#get_data .leavetable_page tbody tr td{font-size:13px !important}
.leave_report #get_data .table tbody tr td{text-align:left !important;}
.leave_report #get_data .table tbody tr td{text-align:right !important;}
.leave_report #get_data .table tbody tr td:nth-child(3){text-align:right !important;}
.leave_report #get_data .table tbody tr td:last-child{text-align:right !important;}
.leave_report #get_data .pop_up-table .table tbody tr td{text-align:left !important;}
.leave_report #get_data .pop_up-table .table tbody tr td:nth-child(7){text-align:right !important;}
#leave_report2 .table tbody tr td:first-child{text-align:right !important;}
#leave_report1 .table tbody tr td:first-child{text-align:left !important;}
#leave_report1 .table tbody tr td:nth-child(2){text-align:left !important;}
/*=============Late Comming Report==============*/

.leave_rep_btn .btn-primary {height: 36px !important;margin-top: 24px !important;background-color: #fe7f00;border: 1px solid #fe7f00;padding: 5px 15px;}
.leave_rep_btn .btn-primary-excel{height: 36px !important;margin-top: 24px !important;background-color: #626a6f;border: 1px solid #626a6f;padding: 5px 15px;color: #fff !important;}
.late_com_re thead tr th{background-color: #626a6f !important;color: #fff !important;font-size: 12px;font-weight: 500;border: none !important;white-space:nowrap; text-align:center !important}
.late_com_re tbody tr{box-shadow: rgb(99 99 99 / 28%) 0px 0px 4px 0px !important;}
.late_com_re tbody tr td{font-size: 13px;font-weight: 500;padding: 10px 15px !important;background-color: #fff !important;color: #000 !important; text-align:center !important}
.late_com_re thead tr th{text-align:center !important;}
/*.late_com_re {border-spacing: 0 5px !important;border: none !important;}*/
/*.late_com_re thead tr th{width:200px !important;padding:!important}.late_com_re thead tr th{width:200px !important;padding:!important}.late_com_re thead tr th{width:200px !important;padding:!important}.late_com_re thead tr th{width:200px !important;padding:!important}.late_com_re thead tr th{width:200px !important;padding:!important}
.late_com_re thead tr th{width:100px !important;padding:!important}.late_com_re thead tr th{width:200px !important;padding:!important}.late_com_re thead tr th{width:100px !important;padding:!important}
.late_com_re tbody tr td{padding:5px}.late_com_re tbody tr td{padding:5px}.late_com_re tbody tr td{padding:5px}.late_com_re tbody tr td{padding:5px}.late_com_re tbody tr td{padding:5px}.late_com_re tbody tr td{padding:5px}*/
.late_comm_rep_details{display:flex;justify-content:flex-end;background-color:none !important;}
.panel{box-shadow:none !important;}
.late_comm_rep_details h3{margin-left:1%;font-size:13px;border: 1px solid #626a6f;border-radius: 3px;padding: 3px 8px;font-weight: 600;  color:#626a6f;}
.late_com_re tbody tr td{text-align:left !important;}
.late_coming_report #divMISReport .table tbody tr td{text-align:left !important;vertical-align:middle !important;}
.late_coming_report #divMISReport .table tbody tr td:nth-child(3){text-align:right !important;}
.late_coming_report #divMISReport .table tbody tr td:nth-child(4){text-align:right !important;}
.late_coming_report #divMISReport .table tbody tr td:nth-child(5){text-align:right !important;}
.late_coming_report #divMISReport .table tbody tr td:nth-child(6){text-align:right !important;}

/*==============late sitting report==============*/

.pop_up-table thead tr th{text-align:center}
#lblsitting{padding-left:16px}
#lblsitting label{cursor:pointer;border: 1px solid #fe7f00;color: #fe7f00;padding: 2px 5px;border-radius: 3px;font-weight:500}
#lblsitting label:hover{background-color:#fe7f00; color:#fff !important;transition:all 0.5s}
#lblcoming {padding-left:15px;}
#lblcoming label {margin-top:0px !important;cursor:pointer;border: 1px solid #626a6f;color: #626a6f;padding: 2px 5px;border-radius: 3px;font-weight:500}
#lblcoming label:hover{background-color:#626a6f; color:#fff;transition:all 0.5s}
.late_sitting .table thead tr th{text-align:left !important;}


/*.late_rep_page .table > thead > tr > th{border:none !important}
.late_rep_page .table-card .table > thead > tr > th {background-color: #626a6f !important;color: #fff !important;font-size: 12px;font-weight: 500;border: none !important;white-space:nowrap; text-align:center !important}
.late_rep_page .table-card .table > tbody > tr td, .table > tbody > tr > td {font-size: 13px;font-weight: 500;padding: 10px 9px !important;background-color: #fff !important;color: #000 !important; text-align:center !important;}
.late_rep_page .table-card .table tbody tr {box-shadow: rgb(99 99 99 / 28%) 0px 0px 4px 0px !important;}
.late_rep_page .table-card .table tbody tr td{border:none !important}
.late_rep_page .table-card .table {border-spacing: 0 5px !important;border: none !important;}*/

/*.late_sit_rep_pg input, .late_sit_rep_pg select, .late_sit_rep_pg textarea{width: 100%;background: none;font-size: 14px;border: 1px solid rgb(229, 229, 229) !important;outline: none;padding: 7px;}*/
.late_sit_rep_pg h3{font-size:16px !important;}
/*.late_sit_rep_pg table thead tr th{padding:5px 8px !important}*/
.late_com_rep{margin-top:15px !important;}
.lare_sit_rep_and_late_com_rep{display:flex;justify-content:flex-start;}


/*leave approve form*/

#divMISReport .mar-0 > tbody > tr td:first-child{width:6% !important}
#divMISReport .mar-0 > tbody > tr td:nth-child(2){width:12% !important}
#divMISReport .mar-0 > tbody > tr td:nth-child(3){width:9% !important}
#divMISReport .mar-0 > tbody > tr td:nth-child(4){width:9% !important}
#divMISReport .mar-0 > tbody > tr td:nth-child(5){width:7% !important}
#divMISReport .mar-0 > tbody > tr td:nth-child(6){width:7% !important;text-align:right;}
#divMISReport .mar-0 > tbody > tr td:nth-child(7){width:9% !important}
#divMISReport .mar-0 > tbody > tr td:nth-child(8){width:16% !important}
#divMISReport .mar-0 > tbody > tr td:nth-child(9){width:9% !important}
#divMISReport .mar-0 > tbody > tr td:nth-child(10){width:9% !important}
#divMISReport .mar-0 > tbody > tr td:last-child{width:7% !important}

#divMISReport .mar-0 > tbody > tr > th:first-child{width:6%!important;}
#divMISReport .mar-0 > tbody > tr > th:nth-child(2){width:12% !important;}
#divMISReport .mar-0 > tbody > tr > th:nth-child(3){width:9% !important;}
#divMISReport .mar-0 > tbody > tr > th:nth-child(4){width:9% !important;}
#divMISReport .mar-0 > tbody > tr > th:nth-child(5){width:7% !important}
#divMISReport .mar-0 > tbody > tr > th:nth-child(6){width:9% !important}
#divMISReport .mar-0 > tbody > tr > th:nth-child(7){width:9% !important}
#divMISReport .mar-0 > tbody > tr > th:nth-child(8){width:16% !important}
#divMISReport .mar-0 > tbody > tr > th:nth-child(9){width:9% !important}
#divMISReport .mar-0 > tbody > tr > th:nth-child(10){width:9% !important}
#divMISReport .mar-0 > tbody > tr > th:last-child{width:7% !important}
.leave_approveform #divMISReport .mar-0 > tbody > tr td:nth-child(6){text-align:right !important;}
.pending{background: #ff9800;color: white;padding: 4px 9px;border-radius: 3px;font-weight:500;cursor:pointer;}
.pending:hover{color:white!important;text-decoration:none !important;}
.mar-0{margin:0!important}
.approval-title h3{margin: 0;
    display: inline-block;}
.padd-top_0{padding-top:0 !important;}
.approval-title{padding:10px !important}
#divMISReport .table > tbody > tr > th{text-align:center;}
.mar-top-0{margin-top:0!important;}
.margin-rit-20{margin-right:20px;}
.txtareaBorder{margin-right:3px !important;}
.fw-600{font-weight:600;}
.mar-btm-2{margin-bottom:2% !important;}
/*#viewhistorydiv .table > tbody > tr > th{text-align:center;}*/
.Leave_approve #divMISReport .table tbody tr td{text-align:left !important;}
.Leave_approve #divMISReport .table tbody tr td:nth-child(6){text-align:right !important;}
.Leave_approve #divMISReport .table tbody tr td:nth-child(9){text-align:center !important;}
.Leave_approve #divMISReport .table tbody tr td:nth-child(10){text-align:center !important;}
.Leave_approve #divMISReport .table tbody tr td:last-child{text-align:center !important;}
#viewhistorydiv #employeetable  tbody > tr td{text-align:left !important;}

/*========late reporting form========*/
#cmg_mainineserdiv .control-label{float:left;}
#mainineserdiv .control-label{float:left;}
.spl_lbl{white-space:nowrap;}
/*#cmg_mainineserdiv .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border:none !important}*/
.add_sub_btn{display:flex;justify-content:center}
.add_sub_btn .leave_rep_form_add_btn{background-color:#fe7f00 !important;border:1px solid #fe7f00; color:#fff;height:36px; padding:5px 15px}
.add_sub_btn .leave_rep_form_sub_btn{background-color:#626a6f !important;border:1px solid #626a6f; color:#fff;height:36px; padding:5px 15px;margin-left:10px}
#lateRep{display:flex;justify-content:flex-start; margin-bottom:3%}
.add_sub_btn_js{display:flex;justify-content:flex-end}
.add_sub_btn_js .btn_add{background-color:#fe7f00; border:1px solid #fe7f00; color:#fff !important; padding:5px 15px;margin-right:10px}
.add_sub_btn_js .leave_rep_form_rem_btn{background-color:#626a6f; border:1px solid #626a6f; color:#fff !important; padding:5px 15px; margin-right:14px}
.js_leave_rep_form{border-top:1px solid #efefef; margin-top:10px; padding-top:24px}
.late_com_req_frm input, .late_com_req_frm select, .late_com_req_frm  textarea{background: none;font-size: 14px;border: 1px solid #e5e5e5;outline: none;padding: 7px;}
.late_com_req_frm  textarea{height:80px !important}
.js_leave_rep_form textarea{height:80px !important}
.LRForm #mainineserdiv tbody tr td{padding:0px !important}
.LRForm #cmg_mainineserdiv tbody tr td{padding:0px !important}
#mainineserdiv .col-md-2{width:12% !important}
#cmg_mainineserdiv .col-md-2{width:12% !important}


.tabsecboard li a{padding-right:14px;}
.tabsecboard li input{visibility:hidden;width:0px !important}
.list-group .list-group-item{margin-top:0 !important;border-radius:10px 10px 0 0 !important;background-color: #626a6f!important;color:white!important;}
.tabsecboard ul li.tab_active{background-color:#fe7f00 !important;border:1px solid #fe7f00!important}
.tabsecboard ul li.tab_active a{   color: white!important;} 
.tabsecboard ul li:hover {background-color: #fe7f00!important;color:white!important; transition:all 0.5s ease}
.tabsecboard ul li a:hover {color:white!important;transition:all 0.5s ease}
.list-group .list-group-item:last-child {border: 1px solid white !important;}
ul .list-group-item {padding: 5px 15px !important;}
#DashBoarddiv {padding: 0px !important;width:100%;display:block;margin:0;}
.tabsecboard ul li a{color:white!important;cursor:pointer;width:100%;display:block;padding:0;margin:0;}

/*=========performance Report=========*/
#tbMyScore thead tr th{white-space:nowrap !important}
#tbMyScore_filter label{font-weight:600}
#tbMyScore_filter input{height:36px; border:1px solid #d3dfea}
.dataTables_length label{font-weight:500;text-transform:capitalize}
#tbMyScore_paginate a{font-weight:500}
#tbMyScore_paginate span a{background-color:#fff !important; color:#fe7f00  !important; border:1px solid #fe7f00 }
#tbMyScore_paginate span a:hover{background: linear-gradient(to bottom, #626a6f 0%, #626a6f 100%) !important; color:#fff !important;border:1px solid #626a6f}
#divMISReport .current{background:#fe7f00 !important; color:#fff !important}
#divMISReport .first,#divMISReport .previous,#divMISReport .next,#divMISReport .last {background-color:#626a6f !important; color:#fff !important}
#divMISReport .first:hover,#divMISReport .previous:hover,#divMISReport .next:hover,#divMISReport .last:hover{background:#626a6f !important; border:1px solid #626a6f}
#divMISReport .btn-outline-Warning{border:1px solid #626a6f; color:#626a6f}
#divMISReport .btn-outline-Warning:hover{border:1px solid #626a6f !important; color:#fff !important; background-color:#626a6f}
#divMISReport table tbody tr td span{padding: 3px 8px !important}
#divMISReport table tbody tr td span > span{display:none}
#divMISReport .btn-outline-info{  border-color: #626a6f;color: #626a6f;}
#divMISReport .btn-outline-info:hover{background-color:#626a6f;color:#fff}

/*.late_rep_page .table-card .table > tbody > tr td, .table > tbody > tr > td {font-size: 13px;font-weight: 500;padding: 10px 9px !important;background-color: #fff !important;color: #000 !important; text-align:center !important;}
.late_rep_page .table-card .table tbody tr {box-shadow: rgb(99 99 99 / 28%) 0px 0px 4px 0px !important;}
.late_rep_page .table-card .table tbody tr td{border:none !important}
.late_rep_page .table-card .table {border-spacing: 0 5px !important;border: none !important;}*/

.sorting:before, .sorting_desc:before, .sorting_asc:before { font-family: 'FontAwesome' !important;filter: alpha(opacity = 90) !important; padding: 0 10px !important;display: inline !important;float:none !important; }
#viewhistorydiv table thead tr th{white-space:nowrap}
#viewhistorydiv label select, #viewhistorydiv label input{border:1px solid #e5e5e5}
.dataTables_length{text-align:left}
.dataTables_filter label{font-weight:500}
.dataTables_filter label input{height:36px;border: 1px solid #d3dfea;border-radius: 3px;}
#VIEWhistory .scrollcss{max-height: 500px; overflow: auto;}
#VIEWhistory .modal-dialog{width:85%}
#tbMyScorehistrys0_paginate span a{background-color:#fff !important; color:#fe7f00  !important; border:1px solid #fe7f00 }
#tbMyScorehistrys0_paginate span a:hover{background: linear-gradient(to bottom, #626a6f 0%, #626a6f 100%) !important; color:#fff !important;border:1px solid #626a6f}
#tbMyScorehistrys0_paginate .current{background:#fe7f00 !important; color:#fff !important}
#tbMyScorehistrys0_paginate .first,#tbMyScorehistrys0_paginate .previous,#tbMyScorehistrys0_paginate .next,#tbMyScorehistrys0_paginate .last {background-color:#626a6f !important; color:#fff !important}
#tbMyScorehistrys0_paginate .first:hover,#tbMyScorehistrys0_paginate .previous:hover,#tbMyScorehistrys0_paginate .next:hover,#tbMyScorehistrys0_paginate .last:hover{background:#626a6f !important; border:1px solid #626a6f}

#tbMyScorehistrys_paginate span a{background-color:#fff !important; color:#fe7f00  !important; border:1px solid #fe7f00 }
#tbMyScorehistrys_paginate span a:hover{background: linear-gradient(to bottom, #626a6f 0%, #626a6f 100%) !important; color:#fff !important;border:1px solid #626a6f}
#tbMyScorehistrys_paginate .current{background:#fe7f00 !important; color:#fff !important}
#tbMyScorehistrys_paginate .first,#tbMyScorehistrys_paginate .previous,#tbMyScorehistrys_paginate .next,#tbMyScorehistrys_paginate .last {background-color:#626a6f !important; color:#fff !important}
#tbMyScorehistrys_paginate .first:hover,#tbMyScorehistrys_paginate .previous:hover,#tbMyScorehistrys_paginate .next:hover,#tbMyScorehistrys_paginate .last:hover{background:#626a6f !important; border:1px solid #626a6f}
.dataTables_length select{border:1px solid #d3dfea !important;height:36px;border-radius:3px;}
.dataTables_length label input{border:1px solid #d3dfea !important}
#VIEWhistory .modal-dialog .scrollcss{max-height:none; overflow:unset}
#VIEWhistory .modal-dialog .profile-tit{margin-bottom:1% !important}
#VIEWhistory .modal-dialog .txt-box-det{margin-bottom:1% !important}
.performance_report #divMISReport .table tbody tr td{text-align:left !important;}
.performance_report #divMISReport .table tbody tr td:nth-child(5){text-align:right !important;}
.performance_report #divMISReport .table tbody tr td:nth-child(6){text-align:right !important;}


/*======change Password=======*/

.password_left_content h3 {text-align: center;font-size: 25px;margin-top: 13%;letter-spacing: 2px;color: #201077;font-weight: 600;padding-bottom:15px;}
.password_left_content .password_rules ul li{color: #a39eb3;margin-left: 5%;text-align: justify;font-size: 13px;padding: 3px;}
.input_field{position:relative}
.btn-defaultCUST {position: absolute;top: 30px;right: 16px;background: #626a6f;color: #fff;height: 36px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.btn-defaultCUST .ChshowIcon{font-size:17px;margin-top:3px}
.btn-defaultCUST:hover{color:#fff !important}
.mobilePad input{height:36px}
.mobileLabel p{font-size:14px; font-weight:500}
.mobileLabel p > span{color:#ff0000}
.chng_pass_btns .btn_submitt{background-color:#fe7f00 !important;color:#fff; height:36px;margin-left:0px}
.chng_pass_btns .btn_clearr{background-color:#626a6f !important; color:#fff}
.chng_pass_btns button{font-weight:500 !important}
.mandatory_field_head p{text-align:right;font-weight:600;font-size:13px}
.mandatory_field_head p span{color:#ff0000}
.change_password_page input{background: none;font-size: 14px;border: 1px solid #e5e5e5;outline: none;padding: 7px;} 
.change_password_page {background-color: #fff;width: 923px;margin-top: 5%;padding: 20px 0px;}


 /*=====================sms==================*/
.page-container.page-navigation-toggled .page-content {background-color: #f1f4fb;}
 .page-container.page-navigation-toggled.page-container-wide .page-content {width:100%;float:left;padding-left:90px;margin:0 !important;}

/*.tabsecboard ul li.tab_active{background-color:#fe7f00 !important;border:1px solid #fe7f00!important}
.tabsecboard ul li.tab_active a{   color: white!important;}*/
/*.tabsecboard ul li a:hover {color:white!important;}*/
ul .list-group-item {padding: 5px 5px !important;}

.table-categories .padd_rit{margin-left:20%;border-radius:20px 0 0 0;}
.table-categories .list-group .list-group-item{margin-top:0 !important;background-color: #fe7f00!important;color:white!important;cursor:pointer}
.table-categories ul li.tab_active{background-color:#626a6f !important;border:1px solid #fe7f00!important}
.table-categories ul li.tab_active a{ color: white!important;cursor:pointer}
.table-categories ul li:hover {background-color: #626a6f!important;color:white!important;cursor:pointer;}
.table-categories ul li a:hover {color:white!important;cursor:pointer}
.table-categories .list-group .list-group-item:last-child {border: 1px solid white !important;}
.table-categories ul .list-group-item {padding: 5px 15px !important;}

.arrow_icon {right: 18px;top: 36px;font-weight: 900!important;font-size: 12px;}
.pos-abs {position: absolute;}
.table-card .table > thead > tr > th{border:none !important}

#checkboxes11 label,#checkboxes12 label,#checkboxes13 label,#checkboxes14 label,#checkboxes1 label,#checkboxes2 label,#checkboxes3 label,#checkboxes4 label,#checkboxes5 label,#checkboxes25 label,#checkboxes24 label,#checkboxes20 label,#checkboxes50 label,#checkboxes51 label,#checkboxes52 label,#checkboxes53 label,#checkboxes55 label, #checkboxes22 label,  #checkboxes22report label, #checkboxes6 label, #checkboxesTarget22 label,#checkboxes8 label, #checkboxes54 label, #ddlProject label, #txt_sumryReleaseProject label, #txt_ReportReleaseProject label{width:100%;padding:7px 10px;font-weight:500;margin:0;border-radius: 4px;display:block;font-size:12px;}

#checkboxes11 label:hover,#checkboxes12 label:hover,#checkboxes13 label:hover,#checkboxes14 label:hover,#checkboxes1 label:hover,
#checkboxes2 label:hover,#checkboxes3 label:hover,#checkboxes4 label:hover,#checkboxes5 label:hover,#checkboxes20 label:hover,#checkboxes50 label:hover,#checkboxes51 label:hover,#checkboxes25 label:hover,#checkboxes24 label:hover,#checkboxes52 label:hover,#checkboxes53 label:hover,#checkboxes55 label:hover, #checkboxes22 label:hover, #checkboxes22report label:hover,#checkboxes6 label:hover, #checkboxesTarget22 label:hover ,#checkboxes8 label:hover , #checkboxes54 label:hover , #ddlProject label:hover, #txt_sumryReleaseProject label:hover, #txt_ReportReleaseProject label:hover{background:#f1f4fb;letter-spacing:1px;transition:.2s ease-in-out;}

#checkboxes11,#checkboxes12,#checkboxes13,#checkboxes14,#checkboxes1,#checkboxes2,#checkboxes3,#checkboxes4,#checkboxes5,#checkboxes20,#checkboxes25,#checkboxes24,#checkboxes50,#checkboxes51,#checkboxes52,#checkboxes53,#checkboxes55, #checkboxes22, #checkboxes22report ,#checkboxes6, #checkboxesTarget22,#checkboxes8 ,#checkboxes54, #ddlProject, #txt_sumryReleaseProject, #txt_ReportReleaseProject  {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;margin-top: -10px;border-radius:4px;display:block;overflow:auto;height:142px;position: absolute;z-index: 2;background: white;width: 86%;border: 1px solid rgb(216, 232, 243);padding:5px;z-index:1;}
/*.dashboarddiv1{display:block;overflow:auto;height:256px !important;}*/

/*DropDown*/
.cls_multiple_scroll {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;margin-top: -10px;border-radius:4px;display:block;overflow:auto;height:142px;position: absolute;z-index: 2;background: white;width: 86%;border: 1px solid rgb(216, 232, 243);padding:5px;z-index:1;}
.cls_multiple_scroll label {width:100%;padding:7px 10px;font-weight:500;margin:0;border-radius: 4px;display:block;font-size:12px;}
.cls_multiple_scroll label:hover {background:#f1f4fb;letter-spacing:1px;transition:.2s ease-in-out;}
.cls_multiple_scroll input {float :right;}

.multiselect-scroll{overflow: auto;height: 191px !important;scroll-behavior:smooth;display:block;}
.multiselect-scroll::-webkit-scrollbar {width: 3px;height:2px;}
.multiselect-scroll::-webkit-scrollbar-thumb {visibility: hidden;opacity: 0.2;background: #626a6f!important;border-radius: 5px;}
.multiselect-scroll::-webkit-scrollbar-track {visibility: hidden;background: transparent;}
.multiselect-scroll:hover::-webkit-scrollbar-thumb {visibility: visible;}
.multiselect-scroll:hover::-webkit-scrollbar-track {visibility: visible;}
.multiselect-scroll::-webkit-scrollbar-thumb:hover {opacity: 1;}


.dashboarddiv1 {overflow: auto;height: 256px !important;scroll-behavior:smooth;display:block;}
.dashboarddiv1::-webkit-scrollbar {width: 3px;height:2px;}
.dashboarddiv1::-webkit-scrollbar-thumb {visibility: hidden;opacity: 0.2;background:#626a6f!important;border-radius: 5px;}
.dashboarddiv1::-webkit-scrollbar-track {visibility: hidden;background: transparent;}
.dashboarddiv1:hover::-webkit-scrollbar-thumb {visibility: visible;}
.dashboarddiv1:hover::-webkit-scrollbar-track {visibility: visible;}
.dashboarddiv1::-webkit-scrollbar-thumb:hover {opacity: 1;}

.dashboarddiv1 button{background:none;border:none;padding:0;float:right;}
.list-group-item input{visibility:hidden;width:0;height:0;}
#dvtablewise ul li a{color:white;}
#dvtablewise ul li:hover{background-color: #fe7f00!important;color:white!important;}
#dvtablewise ul{margin:0;}
#Searchdiv .panel-body {margin-top: 0 !important;}
.QstatusChk,.DevelopChk,.LevelChkk,.SubCategoryChk,.CallTypeChk,.SubCategoryChk1,.CategoryChk1,.Projectchk2,.LevelChk,.Projectchk1,.StatusChk,.CategoryChk, .CategoryChk2 ,.DevelopChk1,.CallTypeChk1,.LevelChkk1 {float:right;}
.btn-submit:hover{color:white;}
center{margin-bottom:20px;}
.btn-cancel{background-color: #626a6f !important;border: 1px solid #626a6f;color: white;height:36px;}
.btn-cancel:hover{color:white;}
.btn-Get{background: #249524;border-color: #249524;}
.btn-Get:hover{color:white !important;border-color: #249524 !important;background-color:#249524 !important;}
center .btn-submit{margin-right:15px;}
.list-group-item strong{font-weight:500}
.mar-rit-3{margin-right:3px !important;}
.mar-rit-15{margin-right:15px;}
.bg_violet {background-color: #f8ecff !important;color: #9424d9 !important;padding: 2px 10px !important;border-radius:5px !important;}
.bg_violet:hover{background-color:#a927f9 !important;color:white !important;}
.bg_red {background-color: #ffdfd6d1 !important;color: #ea613c !important;padding: 2px 10px !important;border-radius:5px !important;}
.bg_red:hover{background-color:#ea613c !important;color:white !important;}
.bg_grey {background-color:  #fceed5 !important;color: #c97e00!important;padding: 2px 10px !important;border-radius:5px !important;}
.bg_grey:hover{ background-color: #e8a534 !important;color: #fff !important;}
.bg_yellow {background-color: #e2fcff !important;color: #1e9ba9 !important;padding: 2px 10px !important;border-radius:5px !important;}
.bg_yellow:hover{background-color: #35bac8 !important;color:white !important;}
.bg_green {background-color: #dffaf5 !important;color:#21836f !important;padding: 2px 10px !important;border-radius: 5px !important;}
.bg_green:hover {background-color: #42a793 !important;color:white !important;}
.hdd {position: relative;border-bottom: none !important; float: right;right:0px;margin-top:6px}
.hdd .cdd {visibility: hidden;background-color: black;color: #ffffff;text-align: center;border-radius: 3px!important;padding: 3px 10px !important;position: absolute;z-index: 1;top: -21px;white-space:nowrap;}
.hdd:hover .cdd {visibility: visible !important;}

#dvcountwise .form-control[disabled], .form-control[readonly] {color: #000 !important;font-size: 13px !important;}
.mar-top-23{margin-top:24px;}
#chkdate{width: 47px!important;height: 15px!important;display: inline-block !important;}
.srch-btn {width: 40px;background: #626a6f !important;color: #fff !important;position: absolute;/*left: 164px;*/top: 23px;text-align: center;border: 0;margin: 0;right:16px;}

.srch-icns{position: absolute;top: 32px;/*left: 161px;*/font-size: 17px;color: white;font-weight: 800;cursor:pointer;right:27px;}
.check-date{width: 47px!important;height: 15px!important;margin-top:32px!important;}
.black{color:black !important;font-family: "Poppins", sans-serif!important;}
.modal-footer {background: white !important;text-align:center;padding:10px !important;border:none !important}
.or-content{font-weight:600;font-size:16px;text-align: center;margin-top: 25px;}
.mar-top-28{margin-top:28%;}
#divComingReportLvelStatus{overflow: auto;padding-top:10px;}
.fw-500{font-weight:500;}
.width-50{width:50px;}
.mar-top-5{margin-top:5px!important;}
.cls_edit {background-color: #fe7f00!important;color: #fff;border: none;padding: 4px 10px !important;margin-bottom: 2px;font-size: 12px;border-radius: 3px!important;cursor:pointer;}
.Assign_btn{ background-color: #626a6f !important;color: #fff;border: none;padding: 4px 10px;margin-bottom: 2px;font-size: 12px;border-radius: 3px !important;}
.hidebr{font-size: 10px;border: 1px solid #c6d2ed;padding: 5px;}
.cls_data1 {font-size: 11px;color: red;background: #f5dede;padding: 2px 10px;border-radius: 3px;display:block;}
.hit_36{height:36px !important;}
.btn-link{text-decoration:1px solid underline;text-decoration-color: #fe7f00 !important;cursor:pointer;}
.sub-hlit {background-color:#cbe8ff;padding: 2px 10px;border-radius: 3px;display:block;}
#txtDiscriptionpopupassign {height:36px !important}
#divDasboardCntstatus .DTFC_LeftBodyLiner{display:none;}
.to-top {background:#fe7f00!important;border: 1px solid#fe7f00 !important;}
.dataTables_wrapper.no-footer .dataTables_scrollBody {border-bottom: 1px solid #e1e0e0 !important;}
.with-out-date {position: relative;}
.with-out-date .outdate {visibility: hidden;width: 100px;background-color: red;color: #fff;text-align: center;border-radius: 3px;padding: 3px 0;position: absolute;z-index: 1;font-weight:500;text-transform:uppercase;font-size:11px;}
.with-out-date:hover .outdate {visibility: visible;}
.datehover{top: -36px;left: -4px;}
.letterspace-nrml{letter-spacing:normal!important;}
.chosen-container.chosen-container-single {width: 100% !important;margin-bottom:10px !important;height:36px !important;}
.dashboardtable th {color: #ffffff;text-align: center;font-size: 13px;padding: 10px;background-color: #626a6f !important;border-radius: 5px 5px 0 0;font-weight:500;}
.dashboardtable tbody span{font-size:12px !important;}
.cls_data2{font-size: 11px;color: orange;}
/*.hdd{position: relative;display: inline-block;border-bottom: 1px dotted black;}
.hdd .cdd{visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;}
.hdd:hover .cdd {visibility: visible;}*/
.inline-block{display:inline-block;}
.SMS #tdreport tbody tr td:first-child{text-align:left !important;}
#displayproductstatus .table tbody tr td:first-child{text-align:left !important;}
.PopupEdit textarea.form-control{height:170px !important;}
#divComingReportLvelStatusDet .table tbody tr td{text-align:left !important;}
#divComingReportLvelStatusDet .table tbody tr td:nth-child(11){text-align:right !important;}
#divAssignTask  .table tbody tr td{text-align:right !important;}
#divComingReportLvelStatusDet .table tbody tr td:last-child{text-align:right !important;}
#divShowTrackRemainder .table tbody tr td{text-align:left !important;}
#divShowTrackRemainder .table tbody tr td:last-child{text-align:right !important;}
#divShowTrackRemainder .table tbody tr td:nth-child(9){text-align:right !important;}

/*========Hr Process=========*/

/*===leave authorized bio===*/

#divMISReport .pending_btn_des{text-align: center;cursor: pointer; color: white !important;text-decoration: none !important;background-color: #fe7f00;padding: 5px 15px;border-radius: 3px;}
#divMISReport .update_btn{text-align: center;cursor: pointer;color: white !important;text-decoration: none !important;background-color: #626a6f;padding: 5px 15px;border-radius: 3px;}
.pop_up_heads{text-align:center}
.pop_up_heads b{font-size:14px}
.text-center{text-align:center !important;}
#Updatenewbiohistory{z-index: 1000;}
#Updatenewbiohistory .modal-dialog{width: 45%;}
#btnClosePopup1 {cursor: pointer;float: right;}
.ref_idss{font-weight:600;text-align:center}

/*leave authorize form*/  
.leave_authorizeform #divMISReport .table tbody tr td{text-align:left !important;}
.leave_authorizeform #divMISReport .table tbody tr td:nth-child(6){text-align:right !important;}
.leave_authorizeform #divMISReport .table tbody tr td:nth-child(10){text-align:right !important;}
.leave_authorizeform #divMISReport .table tbody tr th {border: none !important;}

/*====no out punch====*/

#divMISReport table tbody tr td .text_underline{text-decoration:underline;cursor:pointer}
.in_out_punch_select{border: 1px solid #d3dfea !important;padding: 2px 4px;border-radius: 2px;}
.in_out_punch_input{border: 1px solid #d3dfea !important;padding: 2px 4px;border-radius: 2px;}
.noout_punch #divMISReport.table-card .table tbody tr td:first-child{text-align:left !important;vertical-align:middle !important;}
.noout_punch #divMISReport.table-card .table tbody tr td:nth-child(2){text-align:left !important;vertical-align:middle !important;}
.noout_punch #divMISReport.table-card .table tbody tr td:nth-child(3){text-align:left !important;vertical-align:middle !important;}
.noout_punch #divMISReport.table-card .table tbody tr td:nth-child(4){text-align:left !important;vertical-align:middle !important;}
.noout_punch #divMISReport.table-card .table tbody tr td{text-align:center !important;vertical-align:middle !important;}

/*==common table css ==*/
#get_data .table-card .table tbody tr td{text-align:center!important;white-space:nowrap!important;}
#get_data .table tbody tr td{text-align:left!important;white-space:nowrap!important;vertical-align:middle !important;}
.late_sitting_table_cont .table tbody tr td{text-align:left!important;}
.late_sitting_table_cont .table tbody tr td:nth-child(11){text-align:right !important;}
#tbMyScorehistrys tbody tr td{text-align:center!important;white-space:nowrap!important;}
#tbMyScore tbody tr td{text-align:center!important;white-space:nowrap!important;}
#tbMyScorehistrys0  tbody tr td{text-align:center!important;}
.table-width #divMISReport .table > tbody > tr > td{text-align:left !important;}
.table-width #divMISReport .table > tbody > tr > td:nth-child(6){text-align:right !important;}
.table-width #divMISReport .table > tbody > tr > td:nth-child(9){text-align:center !important;}
.table > tbody > tr > th, .table > tfoot > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td{border:0.1px solid rgb(237 237 237) !important;}

/*====manual leave entry====*/

.ui-draggable-handle{border-top:1px solid #efefef !important;border-radius:0px !important}
.get_manual_btn{margin-top:7px}
#tbMyScoretms_filter input {height: 36px;border: 1px solid #d3dfea;}
#divMISReportview .current{background:#fe7f00 !important; color:#fff !important}
#divMISReportview .first, #divMISReportview .previous, #divMISReportview .next, #divMISReportview .last {background-color:#626a6f !important; color:#fff !important}
#divMISReportview .first:hover, #divMISReportview .previous:hover, #divMISReportview .next:hover, #divMISReportview .last:hover{background:#626a6f !important; border:1px solid #626a6f}
#tbMyScoretms_paginate a{font-weight:600;cursor:pointer}
#tbMyScoretms_paginate span a{background-color:#fff !important; color:#fe7f00  !important; border:1px solid #fe7f00 }
#tbMyScoretms_paginate span a:hover{background: linear-gradient(to bottom, #626a6f 0%, #626a6f 100%) !important; color:#fff !important;border:1px solid #626a6f}
.border_none tbody tr td{border:none !important}
.icon_adjust .panel-heading .panel-title-box span {font-size: 12px;color: #101845;font-weight: 500;line-height: 12px;padding-left: 6px;top: 8px;position: relative;right: 10px;}
#tbMyScoretms tbody tr td{text-align:left;}
#tbMyScoretms tbody tr td:nth-child(5){text-align:right;}
#tbAction .Emp_ids{width: 90px;background: #626a6f !important;color: #fff !important;position: absolute;right: 16px;top: 0px;text-align: center;border: 0;border-radius: 0 3px 3px 0 !important;}

/*=====Update in out bio=======*/

.body_weight table tbody tr td{font-weight:500 !important;}
.body_weight table tbody tr td label{font-weight:500 !important;margin-bottom:0 !important;}
.in_out_bio table tbody tr td input{height: 26px;width: 74px;text-align: center;/*border:1px solid #000*/}
/*.in_out_bio table tbody tr td select{height: 26px;text-align:center;border:1px solid #000}*/
.in_out_bio table tbody tr td{text-align:center}
.table_btn{line-height:2px !important; height:26px !important;font-size:12px !important;}
.table_btn:hover{color:#fff !important}
.payroll_modal{width:668px !important}
.width_600{width:600px !important}
.payroll_pop_up_data{padding-left:1% !important}
.payroll_pop_up_data_table{width:60%}
.table_body_center tbody tr td{text-align:center}
.action_add{border-radius: 2px;border: 1px solid #fe7f00;background-color: #fe7f00;color: #fff;margin-left: 5px;padding:0px 5px;}
.action_cancel{border-radius: 2px;border: 1px solid #626a6f;background-color: #626a6f;color: #fff;padding:0px 5px;}
.status_input tr{display: inline-grid;margin-left: 45%;font-weight:600;}
.modal_height{height:432px}
.mar-top-24{margin-top:24px !important}
.mar-top-14{margin-top:14px !important}
.mar-top-10{margin-top:8px !important}
.manual_status{float:left}
.switch-field {display: flex;margin-bottom: 36px;overflow: hidden;}
.switch-field input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;}
.switch-field label {background-color: #ffffff;line-height: 19px;text-align: center;padding: 8px 16px;margin-right: -1px;border: 1px solid #d3dfea;transition: all 0.1s ease-in-out;height:36px;font-weight:500}
.switch-field label:hover {cursor: pointer;}
.switch-field input:checked + label {background-color:#fe7f00;color:white;box-shadow: none;border:1px solid #fe7f00;}
.switch-field label:first-of-type {border-radius: 4px 0 0 4px;}
.switch-field label:last-of-type {border-radius: 0 4px 4px 0;}
/*.switch-field{width:12%;}*/
#divDisplayPunchRecords table tbody tr td:first-child{text-align:left !important;vertical-align:middle !important;}
#divDisplayPunchRecords table tbody tr td{text-align:left !important;}
#divDisplayPunchRecords table tbody tr th{border:none !important;}
#divDisplayAttendanceRecords table tbody tr td{text-align:left;}
#divDisplayAttendanceRecords table tbody tr td:first-child{text-align:left !important;}
#divDisplayAttendanceRecords table tbody tr td:nth-child(4){text-align:center !important;}
#divDisplayAttendanceRecords table tbody tr td:nth-child(5){text-align:center !important;}
#divDisplayAttendanceRecords table tbody tr td:nth-child(6){text-align:center !important;}
#divDisplayAttendanceRecords table tbody tr td:last-child{text-align:center !important;}
#divDisplayPunchRecords .view_balance tbody tr td{text-align:left !important;}
.weekly_report #divDisplayPunchRecords table tbody tr td:nth-child(3){text-align:left !important;}
.weekly_report #divDisplayPunchRecords table tbody tr td:nth-child(4){text-align:left !important;}
.table_btn:focus {color: #fff;text-decoration: none;}
.hrms_bio_btns{width:12% !important}
.in_out #divDisplayPunchRecords .table > tbody > tr td{text-align:left !important;}
.in_out #divDisplayPunchRecords .table > tbody > tr td:nth-child(6){text-align:right !important;}

/*profile*/

.profile-page .card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;position: relative;margin-bottom: 1.5rem;width: 100%;border: 0;box-shadow: 0 0.15rem 1.75rem 0 rgb(196 205 224 / 20%);/*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/border-radius: 13px;}
.profile-page .card .card-body {flex: 1 1 auto;margin: 0;padding: 1.5rem 1.5rem;position: relative;}
.profile-page .card .card-body > :last-child {margin-bottom: 0;}
.user-pic {position: relative;}
.user-pro-list .avatar {border: 3px solid #fff;top: 10px;margin-bottom: 10px;}
.avatar-xxl {width: 5rem;height: 5rem;line-height: 5rem;font-size: 2rem;}
.brround {border-radius: 50%;}
.profile-page .avatar {width: 9rem;height: 9rem;line-height: 2rem;position: relative;text-align: center;display: inline-block;background: var(--primary-bg-color) no-repeat center/cover;color: #fff;font-weight: 600;vertical-align: bottom;font-size: 0.875rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/*.user-pro-list .avatar-status {right: 1px;bottom: 5px;}*/
.user-pro-list .avatar-status {right: 0px;bottom: 0px;}
.bg-green {background-color: rgb(237 231 247) !important;color: #000 !important;}
.avatar-status {position: absolute;right: -2px;bottom: -2px;width: 2rem;height: 2rem;border: 2px solid #fff;background: #868e96;border-radius: 50%;}
.mt-3, .my-3 {margin-top: 0.75rem !important;}
.text-dark {color: #263871 !important;}
.mb-1, .my-1 {margin-bottom: 0.25rem !important;}
.fs-16 {font-size: 17px !important;}
.text-muted {/*color: #9ba5ca !important;*/color:#70799b!important; font-weight:500 !important}
.profile-page .card-title {line-height: 1.2;text-transform: capitalize;font-weight: 500;letter-spacing: 0.01rem;font-size: 1.1rem;margin-bottom: 1.5rem;}
.pb-2, .py-2 {padding-bottom: 0.5rem !important;}
.pt-2, .py-2 {padding-top: 0.5rem !important;}
.ps-0, .px-0 {padding-left: 0 !important;}
.pe-0, .px-0 {padding-right: 0 !important;}
.mb-10{margin-bottom:10px;}
.br-none{border:none !important;}
.br-none tbody tr td{border:none !important;}
.profile-edit{margin-left: -8px;font-size: 18px;color: #8b15a1;margin-top: 0px;position: absolute;cursor:pointer;}
.card .card-body .table tbody tr td{font-size:13px;}
.card .card-body .table tbody tr td:first-child{color: #9ba5ca;}
/*.card .card-body .table tbody tr td:last-child{width:50% !important;}*/
.TextEdit{border: none;background: #f6f6ff;color: #efa620 !important;font-size: 16px;display: inline-block;padding: 5px 10px;border-radius: 6px;}
.pd-lt-10{padding-left:10px !important}
#poptextbox {width: 85%;margin: 10px auto;float: none;display: block;padding: 12px 0;border: 1px solid #d3dfea;border-radius: 3px;box-shadow:none!important; text-indent: 10px;height:36px;}
#rdbMale{margin-right:5px;}
#rdbFeMale{margin-right:5px;margin-left:10px;}
#rdbSingle{margin-right:5px;}
#rdbMarried{margin-right:5px;margin-left:10px;}
/*button.btn-ok {background: rgb(32 151 62);border: none;color: #fff;padding: 8px 10px !important;border-radius: 4px;margin: 0 5px;font-size: 14px;}
button.btn-cnl {background: #e13737;border: none;color: #fff;padding: 8px 10px !important;border-radius: 4px;margin: 0 5px;font-size: 14px;}*/
button.btn-ok {background: none !important;border: none;color: #26b131;padding: 3px 5px !important;border-radius: 2px;margin: 0 0px;font-size: 14px;}
button.btn-cnl {background: none !important;border: none;color: red;padding:3px 5px !important;border-radius: 2px;margin: 0 0px;font-size: 14px;position:absolute;RIGHT: -22px;top: 2px;}
.staff-role{BACKGROUND: #f9f3ff;color: blueviolet;font-weight: 500;padding: 2px 10px;border-radius: 3px;font-size:12px;}
.emp-details label {background: #fbf1ff78;border-radius: 8px;padding: 2px 10px;}
.mar-btm-10{margin-bottom:10px;}
.pro-user{margin-top:20px;}
.user-pic:after{content: "";height: 98px;border: 1px dotted rgb(159 158 225 / 47%);z-index: 1;position: absolute;top: 11px;right: 45px;}
.fs-20{font-size:20px;margin-left:-1px;}
.edit-up{position: relative;}
.edit-cancel {visibility: hidden;/*width: 100px;*//*background-color: red;*/color: #2bc219;text-align: center;border-radius: 3px;padding: 3px 0;position: absolute;z-index: 1;font-weight:600;text-transform:uppercase;font-size:11px;top: -19px;left: -5px;font-family: 'poppins', sans-serif !important;}
.edit-up:hover .edit-cancel {visibility: visible;}
.edit-close{position: relative;}
.editcancel {visibility: hidden;/*width: 100px;*//*background-color: red;*/color: red;text-align: center;border-radius: 3px;padding: 3px 0;position: absolute;z-index: 1;font-weight:600;text-transform:uppercase;font-size:11px;top: -19px;left: -10px;font-family: 'poppins', sans-serif !important;}
.edit-close:hover .editcancel {visibility: visible;}
.fs-22{font-size:22px;}
.dialog {border: 5px solid #666;padding: 10px;background: #3A3A3A;position: absolute;display: none;}
.dialog label {display: inline-block;color: #cecece;}
/*input[type=text] {border: 1px solid #333;display: inline-block;margin: 5px;}*/
#poptextbox {width: 100% !important;margin: 0 !important;padding: 0 !important;}
.glyphicon {visibility: visible !important;text-align: center !important;width: 100% !important;}
.editbtn {padding: 5px 10px !important;margin-top: 0% !important;width: 40% !important;}
 .Zebra_DatePicker {/*position: fixed !important;*/display: block !important;}
 #imgMyEditPhoto{width:100%;height:100%;border-radius:50%;}

 /*Payroll Assign Grade*/

.margin-lt-10{margin-left:10px;}
.mult-cal .form_datetime{height:30px; border: 1px solid rgb(211, 223, 234);border-radius: 3px;padding:6px 12px}
.mult-cal .form_datetime:focus {border-color: #C5C5C5;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border-color: #9e9e9e;padding:6px 12px;}
 .tbl-btn-submit {height: 30px !important;background-color: #fe7f00 !important;font-weight: 500;padding: 5px 10px !important;border: 1px solid #fe7f00 !important;color: #fff !important;font-size:13px;}  
 .tbl-btn-cancel {background-color: #626a6f !important;border: 1px solid #626a6f;color: white;height: 30px;font-size: 13px;line-height: 2px;} 
 .tbl-btn-cancel:hover{background-color: #626a6f !important;border: 1px solid #626a6f;color: white;height:30px;}
 .tbl-btn-cancel:focus{background-color: #626a6f !important;border: 1px solid #626a6f;color: white;height:30px;}
 #divResult .form-control{height: 30px;width: 100%;border-radius: 3px;font-size: 13px;color: #2d2d2d;line-height: 18px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: 1px solid #d3dfea;margin-bottom: 10px;padding:4px 12px;}
 #divResult .form-control:focus {border-color: #C5C5C5;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border-color: #9e9e9e;padding:4px 12px;}
#divtable .form-control{height: 30px;width: 100%;border-radius: 3px;font-size: 13px;color: #2d2d2d;line-height: 18px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: 1px solid #d3dfea;margin-bottom: 10px;padding: 4px 12px;}
#divtable .form-control:focus {border-color: #C5C5C5;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border-color: #9e9e9e;padding:4px 12px;}
#divResult .table tbody tr td{/*text-align:center!important;*/text-align:left!important;vertical-align:middle !important;}
#divResult .tab_edit #Offialdetails tbody tr td{white-space:nowrap;}
#divtable .table tbody tr td input:last-child{font-size:13px !important;}
#divtable .table tbody tr td{text-align:center!important;}
#divtable .table tbody tr td:first-child{width:25%!important;}
#divtable .table tbody tr td:nth-child(2){width:25%!important;}
#divtable .table tbody tr td:nth-child(3){width:25%!important;}
#divtable .table tbody tr td:last-child{width:25%!important;}
#form2 .table tbody tr th{font-family:'poppins', sans-serif !important; font-size:13px;font-weight:600;}
#get-button .btn-submit{margin-top:3px !important;}
#aViewHistory .table tbody tr td{text-align:center;}



/*leave authorize*/
.pd_btm-10{padding:10px !important;}
.inline-block{display:inline-block;}
.ref-no{width: 411px;margin-left: 19%;}
.mdl-btm{display: flex;justify-content: center !important;margin-bottom: 10px;}


.dataTables_length{border-bottom:none!important;}
#tablebind .table tbody tr td{text-align:left;}
#UpdateLateStatus .modal-dialog{width:45%;}
#editReleaseUpdate .modal-dialog{width:45%;}
#ticketinghistory .modal-dialog{width:60%;}
.txt-box-det{padding:0px 15px !important;}
.dataTables_filter{border-bottom:none !important;}
.left-15{left:15%;}
.mar-top-22{margin-top:22px;}

/*.leave_authorizebio #divMISReport .table{border-spacing: 0 10px !important;}*/
.leave_authorizebio #divMISReport .table tbody tr td{text-align:left !important;}
.leave_authorizebio #divMISReport .table tbody tr td:nth-child(5){text-align:right !important;}
.leave_authorizebio #divMISReport .table tbody tr td:last-child{text-align:center !important;}
.leave_authorizebio #divMISReport .table tbody tr td:nth-child(4){text-align:right !important;}
.leave_authorizebio #divMISReport .table tbody tr td:nth-child(6){text-align:right !important;}
.leave_authorizebio #divMISReport .table tbody tr td:nth-child(12){text-align:center !important;}
.leave_authorizebio .table-card .table > thead > tr > th{text-align:left !important;}


/*====Missing Leave Update====*/

#dvtable .missing_leave_table tbody tr{box-shadow:none !important;}
.missing_leave_update #dvtable .table tbody tr .sunday_red{color:#ff0000 !important}
.radios_btns{display:flex;justify-content:center}
.missing_leave_update #dvtable .table tbody tr td{text-align:left !important;}
.missing_table #dvtable .table tbody tr td{text-align:left !important;}
.missing_leave_update #dvtable .table tbody tr td:last-child{text-align:center !important;}
/*====================Hr Reports===================*/

/*==Monthly Reports===*/

.excel_btn{background-color:#00b700;border:1px solid #00b700;color:white;padding:5px 15px;height:36px}
.excel_btn:hover{color:#fff}
.exl_btn{margin-left:15px;}
#tdreport tbody tr td{white-space:nowrap}
.monthly_rep_table .dataTables_scrollBody{overflow-y:hidden !important}
.monthly_report #tdreport tbody tr td:first-child{text-align:left !important;}
.monthly_report #tdreport tbody tr td:nth-child(2){text-align:left !important;}
.monthly_report #tdreport tbody tr td:nth-child(3){text-align:left !important;}
.monthly_report #tdreport tbody tr td{text-align:right !important;}
.__AutoscrollView .monthly_rep_table .dataTables_scrollBody{overflow-y:auto !important;}


/*=======Leave Late Report=======*/

#divDisplayPunchRecords tr td:first-child {text-align: center;}
.late_lve_content .leave_late_rep_table tr td:first-child{text-align:left !important}
.late_lve_content .leave_late_rep_table table tbody tr td{text-align:left !important}
.late_lve_content .leave_late_rep_table .pop_up-table tbody tr td{text-align:left !important}
.leave_late_rep_table .table tbody tr th{background-color:#626a6f !important;color:#fff !important;border:none !important;font-weight:500 !important;font-size:13px}
.leave_late_rep_table .table tbody tr td{font-size:13px}
.leave_late_rep_table .no-margin tbody tr th {text-align:center !important;font-size:13px}
.lve_late_inner_tab{padding:10px 0px !important}


/*======Staff Attendance Reports=====*/

.month_daily_btn{display:flex;justify-content:flex-end;align-items:center}
.monthly_btn{margin-right:15px}
.perfect_btn_orange{text-align: center;cursor: pointer;color: white !important;text-decoration: none !important;background-color: #fe7f00;padding: 3px 10px;border-radius: 3px;}
.perfect_btn_gray{text-align: center;cursor: pointer;color: white !important;text-decoration: none !important;background-color: #626a6f;padding: 3px 10px;border-radius: 3px;}
.month_day_contents h5{margin-top: -6px;font-weight:600;margin-bottom:20px;}
.staff_attend_tab table{width:100%;}
.staff_attend_tab table tbody tr td:last-child{text-align:right !important}
.staff_attend_lev_tab table tbody tr td{text-align:center !important}
.staff_working .table tbody tr td:last-child{text-align:left !important;}
.frm_date_cont{padding-left:0px !important}
.staff_attendance #divMISReport .table tbody tr td:first-child{text-align:left !important;}
.staff_attendance #divMISReport .table tbody tr td:nth-child(2){text-align:left !important;}
.staff_attendance #divMISReport .table tbody tr td:nth-child(3){text-align:left !important;}
.staff_attendance .table tbody tr td:first-child{text-align:left !important;}
 #AttendanceReport tbody tr td:nth-child(35){text-align:right !important;}
 #AttendanceReport tbody tr td:nth-child(36){text-align:right !important;}
 #AttendanceReport tbody tr td:nth-child(37){text-align:right !important;}
 #AttendanceReport tbody tr td:nth-child(38){text-align:right !important;}
 #AttendanceReport tbody tr td:nth-child(39){text-align:right !important;}
 #AttendanceReport tbody tr td:nth-child(40){text-align:right !important;}
 #AttendanceReport tbody tr td:nth-child(41){text-align:right !important;}
 #AttendanceReport tbody tr td:nth-child(42){text-align:right !important;}
 #AttendanceReport tbody tr td:nth-child(43){text-align:right !important;}
 #AttendanceReport tbody tr td:nth-child(44){text-align:right !important;}
 #AttendanceReport tbody tr td:nth-child(45){text-align:right !important;}
 #AttendanceReport tbody tr td:nth-child(46){text-align:right !important;}
 #AttendanceReport tbody tr td:nth-child(47){text-align:right !important;}
 /*#AttendanceReport tbody tr td:last-child{text-align:right !important;}*/


/*=====staff working hrs table====*/
.dataTables_scrollHeadInner{padding-left:0px !important}
.staff_working .table-card .table tbody tr td:first-child{text-align:left !important;}
.staff_working .table-card .table tbody tr td:nth-child(2){text-align:left !important;}
.staff_working .table-card .table tbody tr td:nth-child(3){text-align:left !important;}
.staff_working .table-card .table tbody tr td:last-child{text-align:left !important;}
.staff_working .table-card .table tbody tr td{text-align:right !important;}

/*=====LOP Report=====*/
#divDisplayPunchRecords .head_tab tr th {background-color: #626a6f !important;color: #fff !important;text-align: center;border:none !important;font-weight:500 !important;}
#divDisplayPunchRecords .table_body_align_left tbody tr td{text-align:left !important}
#divDisplayPunchRecords .padding_adjust {padding:8px 0px !important}
#divDisplayPunchRecords .table > tbody > tr td{font-size:13px !important}
#divDisplayPunchRecords .table > tbody > tr td{text-align:right !important;}
#divDisplayPunchRecords .table > tbody > tr td label{margin-bottom:0 !important;}
.body_weight table tbody tr td{text-align:left !important;}
.body_weight table tbody tr td:nth-child(6){text-align:right !important;}
#divDisplayPunchRecords .table > tbody > tr td:first-child{text-align:left !important;}
#divDisplayPunchRecords .table > tbody > tr td:nth-child(2){text-align:left !important;}
#divDisplayPunchRecords .table > tbody > tr td:nth-child(3){text-align:left !important;}
#divDisplayPunchRecords .table-card tbody tr td{font-size:12px !important}
#divDisplayPunchRecords .table-card tbody tr td{text-align:right !important;}
#divDisplayPunchRecords .head_tab tbody tr th{font-size:13px !important}
.late_lve_content #divDisplayPunchRecords .table > tbody > tr td:first-child{text-align:left !important;}
.late_lve_content #divDisplayPunchRecords .table > tbody > tr td{text-align:right !important;}
.late_lve_content #employeetable > tbody > tr td:nth-child(2){text-align:left !important;}
#divDisplayPunchRecords #LOP_report  tbody > tr td:nth-child(2){text-align:right !important;}
 #LOP_report1 tbody > tr td:nth-child(2){text-align:left !important;}
 #divDisplayPunchRecords #leave_type tbody > tr td:nth-child(2){text-align:right !important;}
  #divDisplayPunchRecords #leave_type tbody > tr td:nth-child(3){text-align:right !important;}

/*=======my calender=======*/

.my_cal{margin-bottom:2%}
.my-calender{margin-top:20px !important;z-index:0 !important}
.fc-view-container{z-index:0 !important}
.my_cal_design .fc-unthemed {border-radius: 5px;padding: 20px;}
.my_cal_page .panel-body.panel-body-table td, .my_cal_page .panel-body.panel-body-table th{padding:0px}
.my_cal_page .fc-widget-header table thead tr th{padding:20px !important}
.my_cal_page .fc-time-grid-container table tbody tr td:first-child{width: 106.6094px !important;text-align:center !important}
.my_cal_page .fc-week table tbody tr td {width:84.6094px !important;text-align:center !important}
.my_cal_page .fc-head table thead tr th{width:50px !important}
.my_cal_page .fc-divider{border:1px solid #efefef !important}
.my_cal_design .fc-left .fc-button-group button{background-color:#626a6f !important}
.head_design ul li span strong{cursor:pointer} 
.leave_types{margin-top: 10px;}

.my_cal_page .fc-body .fc-row{height:unset !important}
.fc-day-grid .fc-row .fc-content-skeleton {padding:0px 0px 30px 0px !important}

/*--internal css--*/
 #calendar { max-width: 900px; margin: 0 auto;}
 .fc-clear {clear: inherit;}
 .fc-view-container:nth-child(2) { display: block !important; }
 .fc-unthemed .fc-popover {  width: auto; }
 .hover-end {padding: 0;margin: 0;font-size: 75%;text-align: center;position: absolute;bottom: 0;width: 100%;opacity: .8; }
 .box { align-items: center; background-color: forestgreen; position: absolute;margin-top: 18px !important; margin-left: 224px;padding: 5px;height: 12px;width: 12px;border-radius: 50%;}
 .xbox {align-items: center;background-color: red;margin-top: 18px !important; margin-left: 374px; padding: 5px; height: 12px; width: 12px; border-radius: 50%;}
 .Qbox { align-items: center; background-color: #85ab85; margin-top: -12px;margin-left: 537px;padding: 5px;height: 12px;width: 12px;border-radius: 50%; }
 .Rbox { align-items: center; background-color: #c58d88;margin-top: -12px; margin-left: 757px; padding: 5px; height: 13px; width: 12px; border-radius: 50%;}
 .Pbox {position: absolute;margin: 15px 0px 0px 240px !important;}
 .Abox {  position: absolute;  margin: 15px 0px 0px 390px !important;}
 .Bbox { position: absolute; margin: -8px 0px 0px 12px;}
 .Cbox {   position: absolute;   margin: -8px 0px 0px 12px; }

 .fc-time-grid-container::-webkit-scrollbar {width: 5px;}
.fc-time-grid-container::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
.fc-time-grid-container::-webkit-scrollbar-thumb {background: #888;border-radius: 10px;}
.fc-time-grid-container::-webkit-scrollbar-thumb:hover {background: #555;}
.fc-time-grid-container{height:500px !important;overflow:auto !important;}
.fc-time-grid-container .fc-time-grid .fc-slats table tbody tr td{height:30px !important}

/*late aproval*/
#tbMyScore1 tbody tr td:first-child{width:10% !important;}
#tbMyScore1 tbody tr td:nth-child(2){width:12% !important;}
#tbMyScore1 tbody tr td:nth-child(3){width:12% !important;}
#tbMyScore1 tbody tr td:nth-child(4){width:12% !important;}
#tbMyScore1 tbody tr td:nth-child(5){width:12% !important;}
#tbMyScore1 tbody tr td:nth-child(6){width:12% !important;}
#tbMyScore1 tbody tr td:nth-child(7){width:18% !important;}
#tbMyScore1 tbody tr td:last-child{width:12% !important;}

#tbMyScore2 tbody tr td:first-child{width:10% !important;}
#tbMyScore2 tbody tr td:nth-child(2){width:12% !important;}
#tbMyScore2 tbody tr td:nth-child(3){width:12% !important;}
#tbMyScore2 tbody tr td:nth-child(4){width:12% !important;}
#tbMyScore2 tbody tr td:nth-child(5){width:12% !important;}
#tbMyScore2 tbody tr td:nth-child(6){width:12% !important;}
#tbMyScore2 tbody tr td:nth-child(7){width:18% !important;}
#tbMyScore2 tbody tr td:last-child{width:12% !important;}
.Late_form #divMISReport .table tbody tr td{vertical-align:middle !important;text-align:left !important;} 
.Late_form #divMISReport .table tbody tr td:nth-child(8){text-align:center !important;vertical-align:middle !important;} 
#divLateComReport #tbMyScore2 tbody tr td{vertical-align:middle; text-align:left !important;} 
#divLateComReport #tbMyScore2 tbody tr td:nth-child(8){vertical-align:middle; text-align:center  !important;} 

/*Documentation Role Master*/

#role_master .btn-submit{margin-top:5px; }
#role_master .pd-bt{padding-bottom:10px;}
#role_master .User-scroll{overflow-y: scroll;height: 164px;scroll-behavior:smooth;}
#role_master .User-scroll::-webkit-scrollbar {width: 3px;height:2px;}
#role_master .User-scroll::-webkit-scrollbar-thumb {opacity: 0.2;background:darkgray!important;border-radius: 5px;}
#role_master .User-scroll::-webkit-scrollbar-track {visibility: hidden;background: transparent;}
#role_master .User-scroll:hover::-webkit-scrollbar-thumb {visibility: visible;}
#role_master .User-scroll:hover::-webkit-scrollbar-track {visibility: visible;}
#role_master .User-scroll::-webkit-scrollbar-thumb:hover {opacity: 1;}
#role_master .role_pd{padding:10px;border-radius:0 0 0.25rem 0.25rem;}
#role_master .role_header{padding:10px;border-radius:0.25rem 0.25rem 0 0;background-color:#fbfbfb;box-shadow:rgb(99 99 99 / 20%) 0px 2px 8px 0px;margin-bottom:0;}
#role_master .br_bt{border-bottom:1px solid #efefef !important;}
#role_master .card_header{padding: 10px;border-radius: 0.25rem 0.25rem 0 0;background-color: #fbfbfb;box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;margin-bottom: 0;}
#role_master .card_body{padding: 10px;border-radius: 0 0 0.25rem 0.25rem;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;position: relative;margin-bottom: 1.5rem;width: 100%;border: 0;/* box-shadow: 0 0.15rem 1.75rem 0 rgb(196 205 224 / 20%); */box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;}
.mar_lt_15{margin-left:15px !important;}

 /*Documentation Upload Document*/
#divResultPersonal .mt_tp{margin-top:0.6%;}
#divResultOffical .mt_tp{margin-top:0.6%;}
#myDocUplods .pd-30{padding-bottom:30px !important;}
#divLoadImg .mg_btm{margin-bottom:10px !important;}
#divLoadImg .carousel-control.left{left:-90px!important;}
#divLoadImg .carousel-control.right{right:-90px!important;}



/*Documentation View Documentation*/
#divResultPersonal .table thead tr > th:first-child{background:#626a6f !important;}
#myDocUplods .cancel_modal_btn{float:right!important;}
#divResultPersonal .btn_wrong{border:none;color:red !important;background-color:white!important;font-size:25px;}
#divResultPersonal .btn_wrong:hover{border:none;color:darkorange !important;background-color:white!important;font-size:25px;}
#divResultPersonal .btn_correct{border:none;color:green !important;background-color:white!important;font-size:25px;}
#divResultPersonal .btn_correct:hover{border:none;color:darkblue !important;background-color:white!important;font-size:25px;}
#view_documentation .page_heading{padding:10px 15px !important; font-size:15px!important;font-weight:500 !important;padding-bottom:0px !important;border-top:1px solid #efefef;}
#divResultPersonal .panel-body.panel-body-table .EdTable .table tr > td:first-child, .panel-body.panel-body-table .EdTable .table tr >:first-child{text-align:left!important;}
#divResultPersonal .panel-body.panel-body-table .EdTable .table tr > td:first-child, .panel-body.panel-body-table .EdTable .table tr > th:first-child{text-align:center!important;}
#view_documentation .page_heading h5{margin-bottom:0px !important;}

/*Documentation Birthday Report*/
#divBirthDayAddReport .table-card > thead > tr > th:first-child{text-align:left !important;}
#divBirthDayAddReport .table-card > thead > tr > th:nth-child(2){text-align:left !important;}
#divBirthDayAddReport .table tbody tr td:first-child{text-align:left!important;padding:5px 10px!important;}
#divBirthDayAddReport .table tbody tr td:nth-child(2){text-align:left!important;padding:5px 10px!important;}
#divBirthDayAddReport .birthday_align{display:flex;justify-content:space-between;width:23%;}
#divBirthDayAddReport .table tbody tr td:last-child{text-align:left!important;}
#divBirthDayAddReport .table tbody tr td:nth-child(3){text-align:left!important;}
#divBirthDayAddReport .table tbody tr td:nth-child(4){text-align:left!important;}

/*Documentation Holiday List*/
#holiday_table #divtable .form-control{padding:4px 8px!important; font-size:12px !important;}
.mar_lt_15{margin-left:15px!important;} 
#holiday_table #divtable .table tbody tr td:nth-child(3){text-align:left !important; vertical-align:middle !important;}
#holiday_table #divtable .table tbody tr td:nth-child(4){text-align:left !important;vertical-align:middle !important;}


/*Documentation Leave Eligible Available*/
#leave_eligible .btn-submit{margin-top:6px !important;}
.tabsecboard .margin-lt-20{margin-left:30%!important;}
#leave_table .table-card > thead > tr > th:first-child{text-align:left!important;width:0!important;}
#leave_table .table-card > thead > tr > th:nth-child(2){text-align:left!important;}
#leave_table .table tbody tr td:nth-child(2){text-align:left!important;width:0!important;vertical-align:middle;}
#leave_table .table tbody tr td:nth-child(3){text-align:left!important;width:0!important;vertical-align:middle;}
#leave_table .table tbody tr td:nth-child(4){text-align:left!important;vertical-align:middle;}
#leave_table .table tbody tr td:nth-child(5){text-align:left!important;vertical-align:middle;}
#leave_table .table tbody tr td:nth-child(6){text-align:left!important;vertical-align:middle;}
#leave_table .table tbody tr td:nth-child(7){text-align:left!important;vertical-align:middle;}
#leave_table .table tbody tr td:last-child{text-align:center!important;width:0!important;}
#leave_table .table tbody .view_all tr td{text-align:left!important;}   
#leave_table #divtable .table tbody .view_all td:nth-child(3){text-align:right!important;}
#leave_table .table tbody tr td:first-child{text-align:left!important;width:0!important;}
#yes .btn-default{background-color:#fe7f00!important;}
#leave_table #divtable .table tbody  .view_all td:first-child{text-align:left!important;}
#leave_table #divtable .table tbody  .view_all td:last-child{text-align:left!important;}
#leave_table #divtable .form-control{margin-bottom:0;}
#leave_table #divtable .table-card > thead > tr > th{width:0%!important;}
.tabsecboard ul li .tab_active {background-color: #fe7f00 !important;border: 1px solid #fe7f00!important;}
.tabsecboard ul li a label{cursor:pointer!important;}
.tabsecboard{margin-top:15px!important;}
#leave_table #divtable .table-card{margin-top:10px!important;}
#leave_table #divtable .Add_btn{position: relative;background:none;color:#0abe0a; font-size:25px;padding:0px;}
#leave_table #divtable .hover_add {visibility: hidden;/*width: 100px;*//*background-color: red;*/color: #2bc219;text-align: center;border-radius: 3px;padding: 0px;position: absolute;z-index: 1;font-weight:800;text-transform:uppercase;font-size:11px;top: -10px;left: 1px;}
#leave_table #divtable .Add_btn:hover .hover_add {visibility: visible;}
.btn_close{position: relative;background:none;color:red;font-size:25px;padding:0;left:5px;}
.hover_close{visibility: hidden;/*width: 100px;*//*background-color: red;*/color: red!important;text-align: center;border-radius: 3px;/*padding: 3px 0;*/position: absolute;z-index: 1;font-weight:800;text-transform:uppercase;font-size:11px;top: -10px;left: -8px;}
.btn_close:hover .hover_close{visibility: visible;}
.btn_close:hover{color:red!important;}
#leave_eligible .Emp_ids {width: 66px;background: #626a6f !important;color: #fff !important;position: absolute;right: 16px;top: 24px;text-align: center;border: 0;border-radius: 0 3px 3px 0 !important;}
/*#leave_table table > tbody{margin-top:-15px !important;}*/

/*Documentation Assign weekoff*/
#Weekofftable thead > tr > th:first-child{text-align:left!important;}
#Weekofftable thead > tr > th:nth-child(2){text-align:left!important;}
#Weekofftable tbody > tr td:first-child{padding:15px 10px !important;text-align:left!important;}
#Weekofftable tbody > tr td:nth-child(2){padding:15px 10px !important;text-align:left!important;}
#Weekofftable tbody > tr td .clsinput{margin-top:9px!important;}
#Assign_weekoff .panel{margin-bottom:0!important;}
#Assign_weekoff .table-card{overflow-x:auto; display:block;}
#Assign_weekoff .table-card > tbody > tr td{text-align:center !important;vertical-align:middle;}
#Assign_weekoff .table-card > tbody > tr td:first-child{text-align:left !important;}
#Assign_weekoff .table-card > tbody > tr td:nth-child(2){text-align:left !important;}


/*Documentation Assign Shift*/
#assign_shift .btnGet-col{margin-top:3px!important;}
/*#assign_shift table > tbody{margin-top:-15px !important;}*/
#assign_shift #divResult .table tbody tr td{text-align:left !important;}
#assign_shift #divResult .table tbody tr td:nth-child(5){text-align:right !important;}
#assign_shift #divResult .table tbody tr td:last-child{text-align:right !important;}

/*omit*/
#divmodify .table tbody tr td{text-align:left;vertical-align:middle !important;}
#divmodify .table tbody tr td:nth-child(3){text-align:right !important;}
#divmodify .table tbody tr td:nth-child(4){text-align:right !important;}
#divmodify .table tbody tr td:nth-child(5){text-align:right !important;}
#divmodify .table tbody tr td:last-child{text-align:center !important;}
#divmodify .table tbody tr td textarea{min-height:36px !important;}
.tol-late {color: #fe7f00;border: 1px solid #fe7f00;display: inline-block;padding: 1px 10px;border-radius: 3px;font-weight: 600;margin-right:15px;}
.late_lve {color:#626a6f;border: 1px solid #626a6f;display: inline-block;padding: 1px 10px;border-radius: 3px;font-weight: 600;}
.tol-late_lve{padding:5px 0;}
.omitcheck span{background: #239411;color: white;padding: 4px 9px;border-radius: 3px;font-weight:500;cursor:pointer;}
.mb-0{margin-bottom:0;}
label {font-weight: 500;font-size: 13px;}
.mar-top-40{margin-top:40px;}

/*Update Ticketing*/

.update_ticketing #divMISReport .table tbody tr td{text-align:left !important;}
.update_ticketing #divMISReport .table tbody tr td:last-child{text-align:center !important;}

/*Profile User Creations*/
#User_reg .tabsecboard .margin_lt-25{margin-left:25% !important;} 
#User_reg #PopupDiv .activelbl .margin-rit-1{margin-right:1px;}
#User_reg #PopupDiv .form-group .mar-tp-23{margin-top:-19px!important;}
#User_reg #PopupDiv .switch-field {display: flex;margin-bottom: 36px;overflow: hidden;}
#User_reg #PopupDiv .switch-field input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;}
#User_reg #PopupDiv .switch-field label:first-of-type {border-radius: 4px 0 0 4px; width:50%!important;}
 #User_reg #PopupDiv .switch-field label {background-color: #ffffff;line-height: 19px;text-align: center;padding: 7px 0px; margin-right: -1px;border: 1px solid #d3dfea;transition: all 0.1s ease-in-out;height: 36px;font-weight: 500;font-size:11px!important;}
 #User_reg #PopupDiv .switch-field label:last-of-type {border-radius: 0 4px 4px 0;}
 #User_reg #PopupDiv .switch-field input:checked + label {background-color: #fe7f00;color: white;box-shadow: none;border: 1px solid #fe7f00;}
 #User_reg #PopupDiv .switch-field label:last-of-type {border-radius: 0 4px 4px 0; width:50%!important;}
 #User_reg #PopupDiv .margin_tp_19{margin-top:-19px!important;}
 #divUserDetail .table-card  tbody tr td{text-align:left!important;}
 #divUserDetail .table-card  tbody tr td:nth-child(8){text-align:center!important;}
 #PopupProfileStatus #divResult .table tbody tr td:last-child{text-align:center !important;}
 /*======================*/
 .ps_heading{display:flex;justify-content:center;padding:10px;}
 .ps_heading .col-md-11{border-radius:10px;box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;padding:10px;}
 .ps_heading_1 table{width:100%;}
 .ps_heading_1 table td{padding:3px;background-color:#fff;}
.ps_heading #photoupload {display: inline-block;width: 100%;padding: 36px 0 0 0;overflow: hidden; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.in_creses{width:96%;}
.ps_heading .panel-heading{border:none!important;}
.usc_heading:before {content: '';width: 3px;height: 25px;left: -11px;top: 5px;background: #fe7f00;position: absolute;}
.uss_heading:before {content: '';width: 3px;height: 25px;left: 5px;top: 2px;background: #fe7f00;position: absolute;}
.uss_heading{padding:0 30px;}
.ps_heading_fin{padding:0 30px;}
.pxx{height:577px;}
.pxzz{height:493px;}
 .px1{height:881px;}
.pzz{height: 30px;width: 29px;position: absolute;right: 33px;top: 25px;background-color: #FF7F01;border-radius: 100%;}
.pzz i{font-size: 16px;padding-left: 8px;padding-top: 7px;color: #fff;}
.psb {height: 30px;width: 29px;position: absolute;right: 27px;top: 25px;background-color: #FF7F01;border-radius: 100%;}
.psb i{font-size: 16px;padding-left: 8px;padding-top: 7px;color: #fff;}
.pyy {height: 30px;width: 31px;position: absolute;right: 19px;top: 26px;background-color: #FF7F01;border-radius: 100%;}
.pyy i{font-size:16px;padding-left:4px;}
.leftasisue{padding-left:0;}
.ps_phaligenment{padding-left:0;padding-right:0;/*border-bottom: 1px dashed rgba(195, 195, 195, 1)*/}
.btm_address h4{    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #585858;
}
.col-md-11.ps_heading_1.adideftable{box-shadow:none;border-radius:0;    padding: 0px 18px 0px 13px;}
.col-md-11.ps_heading_1.adideftable td{ padding:0px 5px;}
.col-md-11.ps_heading_1.adideftable th{ padding:0px 5px;}
.col-md-12.ps_heading_1.leftasisue .col-md-3:nth-child(1){width:24%; max-width:100%; flex:none;margin-left:0px;}
.col-md-12.ps_heading_1.leftasisue .col-md-3:nth-child(2){width:22%; max-width:100%; flex:none;padding-left:0px;}
.col-md-12.ps_heading_1.leftasisue .col-md-3:nth-child(3){width:22%; max-width:100% ; flex:none;padding-left:1px;}
.col-md-12.ps_heading_1.leftasisue .col-md-3:nth-child(4){width:22%; max-width:100%; flex:none;padding-left:0px;}

.ffset fieldset{border:1px dashed rgba(195, 195, 195, 1);padding:10px;}
.ffset fieldset legend{width: 15%;font-size: 16px;border-bottom: none;margin-left: 14px;padding-left: 4px;font-weight:500;    margin-bottom: 0px;}
.mgtop_1.ffset fieldset legend{width: 17%;font-size: 16px;border-bottom: none;margin-left: 14px;padding-left: 4px;font-weight:500;    margin-bottom: 5px;}
.mgtop{margin-top:5px;/*1px dashed rgba(195, 195, 195, 1)*/}
.mgtop_1{margin-top:15px;}
.asabtm{margin-top:6px;}
.ps_heading1_1 .col-md-12{width:100%;max-width:100%;flex:none;}
.ps_heading1_1 .col-md-12 input{height:100px;}
.mgtop .col-md-4:last-child{margin-bottom:10px;}
.col-md-11.ps_heading_1.addiconstable{border-radius: 0;box-shadow: none;padding: 0px 26px 0px 22px;}
.col-md-11.ps_heading_1.addiconstable table td{padding:0px 8px;}
.col-md-11.ps_heading_1.addiconstable table th{padding:0px 8px;}

  .ps_heading_1.leftasisue .petar{width:100%;max-width:21%;flex:none;}
  .ps_heading_1.leftasisue  .col-md-2:last-child{width:100%;max-width:8%;flex:none;}
.ps_phaligenment .col-md-4:first-child{margin-bottom:5px;}
.pyy i{font-size: 16px;padding-left: 9px;color: #fff;padding-top:7px;}
/*.psz_minus{height: 30px;width: 29px;position: absolute;right: -6px;top: -27px;background-color: #FF7F01;border-radius: 100%;display:none;}
.psz_minus i{font-size: 16px;padding-left: 5px;padding-top: 4px;color: #fff;}
.psz_minus{height: 30px;width: 29px;position: absolute;right: -6px;top: -27px;background-color: #FF7F01;border-radius: 100%;display:none;}
.psz_minus i{font-size: 16px;padding-left: 5px;padding-top: 4px;color: #fff;}*/
.psz_minus{height: 30px;width: 29px;position: absolute;right: 37px;top: -27px;background-color: #FF7F01;border-radius: 100%;display:none;}
.psz_minus i{font-size: 18px;padding-left: 7px;padding-top: 6px;color: #fff;}
.psz_minus{height: 30px;width: 29px;position: absolute;right:70px;top: 25px;background-color: #FF7F01;border-radius: 100%;display:none;}
.psz_minus i{font-size: 17px;padding-left: 7px;padding-top: 6px;color: #fff;}
.psy_minus{height: 30px;width: 29px;position: absolute;right: 37px;top: -7px;background-color: #FF7F01;border-radius: 100%;display:none;}
.psy_minus i{font-size: 18px;padding-left: 7px;padding-top: 6px;color: #fff;}
.psy_minus {height: 30px;width: 29px;position: absolute;right: 60px;top: 26px;background-color: #FF7F01;border-radius: 100%;display: none;}
.psy_minus i{font-size: 18px;padding-left: 7px;padding-top: 6px;color: #fff;}
.psg_minus{height: 30px;width: 29px;position: absolute;right: 37px;top: -27px;background-color: #FF7F01;border-radius: 100%;display:none;}
.psg_minus i{font-size: 18px;padding-left: 7px;padding-top: 6px;color: #fff;}
.psg_minus{height: 30px;width: 29px;position: absolute;right: 65px;top: 25px;background-color: #FF7F01;border-radius: 100%;display:none;}
.psg_minus i{font-size: 17px;padding-left: 7px;padding-top: 6px;color: #fff;}
.ps_heading_fon .col-md-2, .ps_heading_fon .col-md-3{width:100%;max-width:18%;flex:none;}
.uss_heading .fa-plus:before {content: "\f067";font-size: 15px;padding-left: 3px;}
.apstar{
height: 350px;
display: flex;
align-items: flex-end;
}
.apstar_1{padding:0;}
.apstar_1 .col-md-12{padding-right:5px;}
.psc{height:372px;}
 /*==================*/
/*incident_form */

.hrs24{font-size: 11px;color: #00f; font-style: italic; text-decoration: blink;margin-top:10px;}
.table-card .table  tbody  tr .a-link{cursor:pointer !important; color:#1a7ed5 !important; text-decoration:underline !important;}
.table-card  tbody  tr .a-link{cursor:pointer !important; color:#1a7ed5 !important; text-decoration:underline !important;}
.scroll-modal::-webkit-scrollbar {width: 5px;}
.scroll-modal::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
.scroll-modal::-webkit-scrollbar-thumb {background: #888;border-radius: 10px;}
.scroll-modal::-webkit-scrollbar-thumb:hover {background: #555;}
.scroll-modal{height:500px;overflow:auto;}
.incident-table .table tbody tr td:first-child{width:50% !important;}

.incident-modal .modal-dialog{width:55% !important;}
.incident-edit{z-index: 1000;}
.incident-edit .modal-dialog{width:75% !important;}
.scroll-modal .table tbody tr .impct{color:blue !important;text-align:center!important;}

/*incident_edit*/

.incident_editreport #divMISReport .table tbody tr td:first-child{text-align:left !important;}
.incident_editreport #divMISReport .table tbody tr td{text-align:left !important;}
.incident_editreport #divMISReport .table tbody tr td:nth-child(23){text-align:center !important;}

/*incident_report*/

.report_incident #divMISReport .table tbody tr td{text-align:left !important;}

/*======department Creation======*/

.hover_none{color:#fff !important;}
#divDisplayDepartments .table tbody tr td{text-align:center;}
#divDisplayDepartments .table tbody tr td:first-child{width:20% !important;}
#divDisplayDepartments .table tbody tr td:nth-child(2){width:20% !important;}
#divDisplayDepartments .table tbody tr td:nth-child(3){width:20% !important;}
#divDisplayDepartments .table tbody tr td:nth-child(4){width:20% !important;}
#divDisplayDepartments .table tbody tr td:nth-child(5){width:20% !important;}
#divDisplayDepartments .table tbody tr td:nth-child(6){width:20% !important;}
#divDisplayDepartments .table tbody tr td:nth-child(7){width:10% !important;}
#divDisplayDepartments .table tbody tr td:last-child{width:10% !important}
.clr-red{color:red;}
.small-btn-sub{height:30px !important;background-color:#fe7f00 !important;font-weight:500;padding: 5px 15px !important;border:1px solid #fe7f00 !important; color:#fff !important;font-size:13px;}
.small-btn-can{background-color: #626a6f !important;border: 1px solid #626a6f;color: white;height:30px;font-size:13px;}
.small-btn-can:hover{color:white;}
#chkDepNew{width:20px;height:15px;}


/*sms report*/
.all-check{float:right;}
.rfid{font-size: 11px;color: red;background: #f5dede;padding: 2px 10px;border-radius: 3px;display: block;}
.d-block{display:block;}
.hit_30{height:30px !important;}
#myTrackRemainder .modal-dialog{width:75%}
.remainderSoan {background-color: #fb0000;color: white !important;border-radius: 20px;margin: 10px;padding: 2px 10px;cursor: pointer;}
.SMS #divDasboardCnt #divDasboardCntstatus{margin-top:-25px !important;}
#AddNew textarea{height:100px !important;}
#divComingReport .table-card .table > tbody > tr td{text-align:left !important;}
#divComingReport .table-card .table > tbody > tr td:nth-child(5){text-align:left !important;}
#divComingReport .table-card .table > tbody > tr td:nth-child(16){text-align:right !important;}
#divComingReport .table-card .table > tbody > tr td:nth-child(17){text-align:right !important;}
#divComingReport .table-card .table > tbody > tr td:nth-child(18){text-align:right !important;}
#divDasboardCntstatus #tdreport tbody tr td{text-align:right !important;}
#divDasboardCntstatus #tdreport tbody tr td:first-child{text-align:left !important;}

/*All users*/
.excel{height:30px !important;background-color:#13a828 !important;font-weight:500;padding: 3px 15px !important;border:1px solid #13a828 !important; color:#fff !important;font-size:14px;}
.profile{background:#fff !important;padding: 10px 5px 5px!important;border-radius:6px !important;/*height:140px;*/}
.profile-data-title{color: #455285;font-size: 13px;font-weight:500;}
.user_profile .avatar {width: 6rem;height: 6rem;line-height: 2rem;position: relative;text-align: center;display: inline-block;}
.flt-lft{float:left;}
.bdr-rds_15{border-radius:6px;box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px !important;background:#3f51b5;}
#divResult .contact-info .table tbody tr td{font-size:11px !important;text-align:left !important;}
#divResult .contact-info .table tbody tr td label{font-size:11px !important;text-align:left !important;}
.contact-info .table tbody tr td:first-child{width:35%;color: #9ba5ca;}
.contact-info .table tbody tr td:nth-child(2){width:5%}
.contact-info .table tbody tr td:last-child{width:60%}
.btn-view {background-color: #1caf9a;border-color: #1caf9a;margin-right: 30px;color:white !important;}
.btn-view:hover{ background-color: #1caf9a !important;border-color: #1caf9a !important;}
.userline:after {content: "";height: 98px;border: 1px dotted rgb(159 158 225 / 47%);z-index: 1;position: absolute;top: 7px;right: -15px;}
.listEditBtn{height:25px !important;background-color:#fe7f00 !important;font-weight:500;padding: 5px 15px !important;border:1px solid #fe7f00 !important; color:#fff !important;font-size:11px;}
.loadimg{visibility:hidden;width:0px ;height:0px;}
.table-actions tbody tr td:first-child{width:40%}
.table-actions tbody tr td:nth-child(2){width:10%}
.table-actions tbody tr td:last-child{width:50%}
.profile_scroll{overflow:auto;display:block;height:500px;}
.profile-br {border: 1px solid #cbd1ef;}
.sts {background-color: #fe7f00;color: white;border-radius: 2px;padding: 2px 12px;margin-top: 0px;position: absolute;right: 0;height: 31px;}
.trv{background-color: #000;color: white;border-radius: 2px;padding: 1px 12px;margin-right: 51px;position: absolute;margin-top: 0px;right: 0;}
.user_profile .profile-data-name{font-size: 11px !important;font-weight: 600 !important;color:  #4434af;margin-bottom:5px;margin-top:2px;white-space:nowrap;}
/*.address_book #divResult #tbMyScore {margin-top:-15px!important;}*/
.address_book #divResult .table tbody tr td:nth-child(3){text-align:left !important;}
.address_book #divResult .table tbody tr td:nth-child(4){text-align:center !important;}
.address_book #divResult .table tbody tr td:nth-child(5){text-align:left !important;white-space:normal !important;}
.address_book #divResult .table tbody tr td:nth-child(6){text-align:left !important;}
.address_book #divResult .table tbody tr td:nth-child(9){text-align:right !important;}
.address_book #divResult .table tbody tr td:nth-child(11){text-align:right !important;}
.address_book #divResult .table tbody tr td:nth-child(12){text-align:right !important;}
.address_book #divResult .table tbody tr td:nth-child(14){text-align:center !important;}
.address_book #divResult .col_table .table tbody tr td{text-align:left !important; white-space:normal !important;}
/*logout popup*/

#mb-signout .card{width: 35%;margin-left: 32%;margin-top: 16%;background-color:white;border-radius:6px;}
#mb-signout img{width:40px;height:40px;}
#mb-signout .logout_line{line-height:2rem;font-size:15px;margin-bottom:1.5rem;}
#mb-signout .btn.btn-lg{font-size: 14px;padding: 8px 20px !important;}

.holiday_conts-scroll{overflow: auto;/*height: 310px !important;*/scroll-behavior:smooth;display:block;}
.holiday_conts-scroll::-webkit-scrollbar {width: 3px;height:2px;}
.holiday_conts-scroll::-webkit-scrollbar-thumb {visibility: hidden;opacity: 0.2;background: #626a6f!important;border-radius: 5px;}
.holiday_conts-scroll::-webkit-scrollbar-track {visibility: hidden;background: transparent;}
.holiday_conts-scroll:hover::-webkit-scrollbar-thumb {visibility: visible;}
.holiday_conts-scroll:hover::-webkit-scrollbar-track {visibility: visible;}
.holiday_conts-scroll::-webkit-scrollbar-thumb:hover {opacity: 1;}

canvas {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position:absolute;
  z-index:99;
  margin-top:-35px;
}

/*.confetti {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1000;
}
.confetti-piece {
    position: absolute;
    width: 10px;
    height: 30px;
    background: #ffd300;
    top: 0;
    opacity: 0;
}
.confetti-piece:nth-child(1) {
    left: 7%;
    -webkit-transform: rotate(-40deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 182ms;
    -webkit-animation-duration: 1116ms;
}
.confetti-piece:nth-child(2) {
    left: 14%;
    -webkit-transform: rotate(4deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 161ms;
    -webkit-animation-duration: 1076ms;
}
.confetti-piece:nth-child(3) {
    left: 21%;
    -webkit-transform: rotate(-51deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 481ms;
    -webkit-animation-duration: 1103ms;
}
.confetti-piece:nth-child(4) {
    left: 28%;
    -webkit-transform: rotate(61deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 334ms;
    -webkit-animation-duration: 708ms;
}
.confetti-piece:nth-child(5) {
    left: 35%;
    -webkit-transform: rotate(-52deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 302ms;
    -webkit-animation-duration: 776ms;
}
.confetti-piece:nth-child(6) {
    left: 42%;
    -webkit-transform: rotate(38deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 180ms;
    -webkit-animation-duration: 1168ms;
}
.confetti-piece:nth-child(7) {
    left: 49%;
    -webkit-transform: rotate(11deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 395ms;
    -webkit-animation-duration: 1200ms;
}
.confetti-piece:nth-child(8) {
    left: 56%;
    -webkit-transform: rotate(49deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 14ms;
    -webkit-animation-duration: 887ms;
}
.confetti-piece:nth-child(9) {
    left: 63%;
    -webkit-transform: rotate(-72deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 149ms;
    -webkit-animation-duration: 805ms;
}
.confetti-piece:nth-child(10) {
    left: 70%;
    -webkit-transform: rotate(10deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 351ms;
    -webkit-animation-duration: 1059ms;
}
.confetti-piece:nth-child(11) {
    left: 77%;
    -webkit-transform: rotate(4deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 307ms;
    -webkit-animation-duration: 1132ms;
}
.confetti-piece:nth-child(12) {
    left: 84%;
    -webkit-transform: rotate(42deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 464ms;
    -webkit-animation-duration: 776ms;
}
.confetti-piece:nth-child(13) {
    left: 91%;
    -webkit-transform: rotate(-72deg);
    -webkit-animation: makeItRain 1000ms infinite ease-out;
    -webkit-animation-delay: 429ms;
    -webkit-animation-duration: 818ms;
}
.confetti-piece:nth-child(odd) {
    background: #7431e8;
}
.confetti-piece:nth-child(even) {
    z-index: 1;
}
.confetti-piece:nth-child(4n) {
    width: 5px;
    height: 12px;
    -webkit-animation-duration: 2000ms;
}
.confetti-piece:nth-child(3n) {
    width: 3px;
    height: 10px;
    -webkit-animation-duration: 2500ms;
    -webkit-animation-delay: 1000ms;
}
.confetti-piece:nth-child(4n-7) {
  background: red;
}
@-webkit-keyframes makeItRain {
    from {opacity: 0;}
    50% {opacity: 1;}
    to {-webkit-transform: translateY(350px);}
}*/

.custom-coursepage-banner{
  width: 100%;
  /*background: #3f62c2;
  background: -moz-linear-gradient(-45deg, #3f62c2 0%, #7db9e8 100%);
  background: -webkit-linear-gradient(-45deg, #3f62c2 0%,#7db9e8 100%);
  background: linear-gradient(135deg, #3f62c2 0%,#7db9e8 100%);*/
  background:#e6ecff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f62c2', endColorstr='#7db9e8',GradientType=1 );
}

/*.custom-coursepage-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 400px;
  margin-top: -30px;
  color: #FFF;
}

.items{
  height: 120px;
  background: transparent;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: hidden;
  cursor: pointer;
  position: relative;
}

.item {
  width: 90%;
  height: 120px;
  background: #FFF;
  margin-bottom: 22px;
  margin-left: auto;
  margin-right: auto;
  transition: all 2s ease;
  transform: translateY(142px) scale(0.9);
  opacity: .2;
  display:flex;
  border-radius:8px;
  padding-top: 20px;

}

.item > div{
  opacity: 0;
  transition: all 2s ease;
}

.active{
  opacity: 1;
}

.active > div{
  opacity: 1;
}*/

/*.custom-coursepage-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 400px;
  margin-top: -30px;
  color: #FFF;
}

.items{
  height: 140px;
  background: transparent;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: hidden;
  cursor: pointer;
  margin-top:10px;
  position: relative;
}

.item {
  width: 90%;
  height: 120px;
  background: #FFF;
  margin-bottom: 22px;
  margin-left: auto;
  margin-right: auto;
  transition: all 2s ease;
  transform: translateY(142px) scale(0.9);
  opacity: .2;  
  padding-top: 20px;
  border-radius:10px;
}

.item > div{
  opacity: 0;
  transition: all 2s ease;
 
}

.active{
  opacity: 1;
}

.active > div{
  opacity: 1;
}*/

.custom-profilepic-wrapper {
  flex:1;
}
.custom-profilepic {
  width: 70px;
  height: 70px;
  background: #D8D8D8;
  border-radius: 100px;
  margin: 10px auto;   
}

.custom-testimonial-content{
  flex:4;

}

.custom-testimonial-title{
  color:#062c59 ;
    font-size: 0.9rem;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 2px;
    text-align:center;
}

.custom-testimonial-author{
 opacity: 0.5;
    font-size:1.7rem;
    font-weight: bolder;
    color: #fe7f00 ;
    text-align:center;     
   text-transform: uppercase;
}
.item{
  width:350px;
  margin:20px auto;
  height:100px;
  background-color:#333;
  overflow:hidden;
  border-radius:10px;
}
.item ul{
  list-style:none;
  position:relative;
    margin:0;
  padding:0;  
}
.item li{
  height:100px; 
   text-align:center;
   background-color:white;
   width:100%;
}
.item h2{
  color:#fff;
  padding-top:10px;
}
.item p{
  text-align:left;
  padding:10px;
  color:#eee;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
 }

/*New Login*/ 

.Main_login .star-field {
    position: fixed;
    top: 0;
    left: -15%;  
    height: 100%;
    perspective: 600px;
    -webkit-perspective: 600px;
    z-index: -1;
}
.Main_login .star-field .animation_layer:nth-child(1) {
    animation: sf-fly-by-1 5s linear infinite;
}
.Main_login .star-field .animation_layer:nth-child(2) {
    animation: sf-fly-by-2 5s linear infinite;
}
.Main_login .star-field .animation_layer:nth-child(3) {
    animation: sf-fly-by-2 5s linear infinite;
}
.Main_login .star-field .animation_layer {
    box-shadow: -411px -476px #cccccc, 777px -407px #d4d4d4, -387px -477px #fcfcfc, -91px -235px #d4d4d4, 491px -460px #f7f7f7, 892px -128px #f7f7f7, 758px -277px #ededed, 596px 378px #cccccc, 647px 423px whitesmoke, 183px 389px #c7c7c7, 524px -237px #f0f0f0, 679px -535px #e3e3e3, 158px 399px #ededed, 157px 249px #ededed, 81px -450px #ebebeb, 719px -360px #c2c2c2, -499px 473px #e8e8e8, -158px -349px #d4d4d4, 870px -134px #cfcfcf, 446px 404px #c2c2c2, 440px 490px #d4d4d4, 414px 507px #e6e6e6, -12px 246px #fcfcfc, -384px 369px #e3e3e3, 641px -413px #fcfcfc, 822px 516px #dbdbdb, 449px 132px #c2c2c2, 727px 146px #f7f7f7, -315px -488px #e6e6e6, 952px -70px #e3e3e3, -869px -29px #dbdbdb, 502px 80px #dedede, 764px 342px #e0e0e0, -150px -380px #dbdbdb, 654px -426px #e3e3e3, -325px -263px #c2c2c2, 755px -447px #c7c7c7, 729px -177px #c2c2c2, -682px -391px #e6e6e6, 554px -176px #ededed, -85px -428px #d9d9d9, 714px 55px #e8e8e8, 359px -285px #cfcfcf, -362px -508px #dedede, 468px -265px #fcfcfc, 74px -500px #c7c7c7, -514px 383px #dbdbdb, 730px -92px #cfcfcf, -112px 287px #c9c9c9, -853px 79px #d6d6d6, 828px 475px #d6d6d6, -681px 13px #fafafa, -176px 209px #f0f0f0, 758px 457px #fafafa, -383px -454px #ededed, 813px 179px #d1d1d1, 608px 98px whitesmoke, -860px -65px #c4c4c4, -572px 272px #f7f7f7, 459px 533px #fcfcfc, 624px -481px #e6e6e6, 790px 477px #dedede, 731px -403px #ededed, 70px -534px #cccccc, -23px 510px #cfcfcf, -652px -237px whitesmoke, -690px 367px #d1d1d1, 810px 536px #d1d1d1, 774px 293px #c9c9c9, -362px 97px #c2c2c2, 563px 47px #dedede, 313px 475px #e0e0e0, 839px -491px #e3e3e3, -217px 377px #d4d4d4, -581px 239px #c2c2c2, -857px 72px #cccccc, -23px 340px #dedede, -837px 246px white, 170px -502px #cfcfcf, 822px -443px #e0e0e0, 795px 497px #e0e0e0, -814px -337px #cfcfcf, 206px -339px #f2f2f2, -779px 108px #e6e6e6, 808px 2px #d4d4d4, 665px 41px #d4d4d4, -564px 64px #cccccc, -380px 74px #cfcfcf, -369px -60px #f7f7f7, 47px -495px #e3e3e3, -383px 368px #f7f7f7, 419px 288px #d1d1d1, -598px -50px #c2c2c2, -833px 187px #c4c4c4, 378px 325px whitesmoke, -703px 375px #d6d6d6, 392px 520px #d9d9d9, -492px -60px #c4c4c4, 759px 288px #ebebeb, 98px -412px #c4c4c4, -911px -277px #c9c9c9;
    transform-style: preserve-3d;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 6px;
    width: 6px;
    border-radius: 2px;
}
 @keyframes sf-fly-by-1 {
    from {
        transform: translateZ(-600px);
        opacity: 0.5;
    }
    to {
        transform: translateZ(0);
        opacity: 0.5;
    }
}
@keyframes sf-fly-by-2 {
    from {
        transform: translateZ(-1200px);
        opacity: 0.5;
    }
    to {
        transform: translateZ(-600px);
        opacity: 0.5;
    }
}
@keyframes sf-fly-by-3 {
    from {
        transform: translateZ(-1800px);
        opacity: 0.5;
    }
    to {
        transform: translateZ(-1200px);
        opacity: 0.5;
    }
}
.Main_login .bg-color-11:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.9s;
    z-index: -1;   
    background-size: cover;
    opacity: 0.1;
}
.panel .panel-heading .panel-title-box .home_datepicker button{background-color:transparent !important;border:none !important;margin-left:-50px;}

#DasboardsDivs .multiselect-scroll input{float:right;}

.panel_card {border-radius:6px;border:1px solid #b0b9c2;margin-bottom:10px;}
.panel_card .card-body{padding:5px;height:200px;overflow:auto;}
.panel_card .card-heading{padding:10px;border-bottom:1px solid #b0b9c2;position:relative;}
.panel_card .card-heading h3{font-size:14px;color:#201077;margin-bottom:0;font-weight:600;}
.panel_card .card-heading:before {content: '';width: 4px;height: 25px;left: -1px;border-radius: 20px;top: 6px;background: #fe7f00;position: absolute;}
.panel_card .card-body .table{margin-bottom:0;}
.panel_card .card-body .table td {font-size:13px;}
.panel_card .card-body .table th {font-size:13px;text-align:center;color:#040412;font-weight:500;}
.panel_card .card-body .table td a{text-decoration:underline;}

.M_scroll::-webkit-scrollbar {width: 3px;height:2px;}
.M_scroll::-webkit-scrollbar-thumb {visibility: hidden;opacity: 0.2;background:#626a6f!important;border-radius: 5px;}
.M_scroll::-webkit-scrollbar-track {visibility: hidden;background: transparent;}
.M_scroll:hover::-webkit-scrollbar-thumb {visibility: visible;}
.M_scroll:hover::-webkit-scrollbar-track {visibility: visible;}
.M_scroll::-webkit-scrollbar-thumb:hover {opacity: 1;}
.chkallcommonclass{float: right;}
.strikeout{text-decoration :line-through !important;}

/*support Management System*/
#td_flexin .assign_content {display: flex;justify-content: space-between;margin-top: 5px;}
.showbtn {clip-path: polygon(0 0, 40% 0, 50% 100%, 0 100%);background-color: #0b77bb;padding: 0;left: -14px;position: relative;top: 10px;padding: 0px 0;}
.cls_data2 {display: flex;justify-content: space-between;}
#td_flexin hr {margin: 7px auto;background-color: #c3bebe;height: 1px}
.ui-widget#ui-id-1, .ui-widget#ui-id-2 {height: 200px;overflow-y: scroll;}
.ui-widget#ui-id-1 li {font-size: 13px;}
.ui-widget#ui-id-2 li {font-size: 13px;}
a {cursor: pointer;text-decoration: none !important;}


/*worksheet*/
.innerpage-content #Searchdiv .panel-title{margin-left:16px;}
.innerpage-content #Searchdiv .txtareaBorder {margin-left: 28px !important;}
.innerpage-content #Searchdiv #ddlStatusFetch_ASSIGN{padding:0;}
#divTableData #divComingReport #tbGridView_wrapper table thead {background-color:#626a6f;}
#tdstaffdata{border-collapse:collapse;}
#tdstaffdata_wrapper .datatable  thead tr th{padding:5px 42px;}
/*task*/
#txtHistoryActionDate, #txtHistoryActionDateTo {padding: 8px;}
#ddlProjectUpd {width: 100%;height: 35px;border: 1px solid #d3dfea;}
#btnGethistory{margin-top:-3px;}

/*Release*/
#Release #txtTo {height: 36px;border: 1px solid #d3dfea;}
#txtQaulityNo,#dllReleaseType,#txtReason,#file-simple,#txtQaulityNo1,#dllReleaseType1, #txtReason1,#file-simple1{margin-top: 16px;}
#rdbQualityYes,#rdbQualityYes1 {margin-left: 19px;}

/*Approve Release*/
#txtFrom, #txtTo {height: 36px;border: 1px solid #d3dfea;}
#ddlTeamMembers {height: 36px;border: 1px solid #d3dfea;margin-left:60px;}
#chkAll, #chkDateWise {margin-top: 10px;}
#Approve_Release .btnGet-col button{margin-top:4px;}
/*Call Log*/
.fetEmpName .panel-body div:nth-child(2) {margin-top: 15px;}

/*Variable Report*/
#ddlstaffUpd, #ddldept {width: 100%;height: 35px;border: 1px solid #d3dfea;}

/*Task Report*/
#ddltype{margin-left:7px;}
#ddlflg{margin-left:15px;}
/*Summary report*/
#chk_totaldet{margin-top:10px;}

/*mail*/
#EmailOutlook{background-color: #fff;}
#EmailOutlook .sidenav {background-color:#798fab;overflow-x: hidden;position: relative;height: 585px;width: 186px;border-radius:5px;}
#EmailOutlook .sidenav .title{transform: skewX(-35deg);background-color: #FE7F01;height: 50px;width: 84%;position: absolute;top: 0px;left: 17px;display: flex;justify-content: center;align-items: center;}
#EmailOutlook .sidenav .title h6{transform:skewX(35deg);color:#fff;color: #fff;font-size: 20px;letter-spacing: 0.01rem;font-weight: 500;}
#EmailOutlook .sidenav .details{position:relative;padding-top:8px;}
#EmailOutlook .sidenav .details a{font-size: 14px;text-align: center;display: block;color: #fff;height: 40px;text-decoration: none;line-height:40px;}
#EmailOutlook .sidenav .details a:hover{cursor:pointer;border-left:4px solid #fff;background-color:#69809d;}
#EmailOutlook .sidenav .details .active {background-color: #536c8d;}

#EmailOutlook .mail_request:nth-child(2) {border-right: 1px solid #eae6eb;height:585px;overflow-y:auto;margin-left:-5px;}
/*#EmailOutlook .mail_requestinner{padding:8px}*/
#EmailOutlook .search-input {width: 100%;padding: 15px;color: #6c6c6c;border-radius: 6px;border: 1px solid #d7d7d7;transition: all .4s;margin-top: 10px;transition: all .4s;box-shadow:none !important;}
#EmailOutlook .search-box {position: relative;bottom: 0;left: 0;right: 0;margin: auto;display:flex;padding-top:10px;}
#EmailOutlook .search-input:focus{border:1px solid #d7d7d7;}
#EmailOutlook .search-btn {background-color: transparent;font-size: 16px;padding:6px 9px;margin-left: -45px;border: none;color: #6c6c6c;transition: all .4s;z-index: 10;margin-top:-10px;}
#EmailOutlook .mailfrom {margin-bottom: 8px;border-bottom: 1px solid #d7d7d7;padding:9px;}
#EmailOutlook .selected {background-color: #d5e2f3;border-bottom: 1px solid #d7d7d7;}
#EmailOutlook .mail_request .info .infoprofile img{border-radius:50%;width:20px;}
#EmailOutlook .mail_request .info a{font-size:12px;display:block;text-decoration:none;color:#333;}
/*#EmailOutlook .mail_request .info .mailfrom:hover{cursor:pointer;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;position:relative;}*/
#EmailOutlook .mail_request .info a i{float: right;font-size:14px;}
#EmailOutlook .mail_request .info .infoprofile span b{cursor:pointer;}


#EmailOutlook .lastcol {background-color: #fff;height:585px;overflow-y:auto;overflow-x:hidden;padding:5px;}
#EmailOutlook .fromimg{position:relative;display:flex;padding-top:10px;}
#EmailOutlook .fromimg img{border-radius:50%;width:50px;}
#EmailOutlook .fromimg .profiledetail{padding:5px;}
#EmailOutlook .fromimg .profilemail{display:block;color:gray;}
#EmailOutlook .profiletiming{float:right;padding-top:10px;}
#EmailOutlook .profiletiming .bar{font-size:18px;color:gray;}
#EmailOutlook .from .heading h5{font-weight: 600;font-size:14px;padding-top: 25px;}
#EmailOutlook .from .heading .print i{float:right;font-size:19px;}
#EmailOutlook .from .greetings,.mailcontent,.conclusion{padding-top:20px;font-size:14px;}
#EmailOutlook .mailcontent{font-size:14px;}
.conclusion p{padding:0;margin:0;}




#btnviewfile img {width: 50px;margin: 10px;}
#AddNew h4 {padding-top: 8px;font-weight: 600;font-size: 16px;text-align: left !important;padding-left: 14px;color: #20107F;height: 40px;}
#AddNew {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;margin-top: 20px;border-radius: 10px;}
#AddNew .Addnewtitle {display: flex;margin-top: 16px;display: flex;border-left: 6px solid #fe7f00;height: 33px;margin-bottom:9px;}
#AddNew hr{margin-top:0 !important;}
#AddNew .Add_close {padding: 6px 8px;border: none;border-radius: 5px;color: gray;float: right;width: 90%;}
#AddNew .Add_close i{ font-size:16px;float:right;}
#breaktimedetail0 thead tr th .dataTables_sizing {color: #FFF;font-weight: 500;}
#breaktimedetail0 thead tr th:nth-child(3) .dataTables_sizing,
#breaktimedetail0 thead tr th:nth-child(14) .dataTables_sizing,
#breaktimedetail0 thead tr th:nth-child(17) .dataTables_sizing, #breaktimedetail0 thead tr th:nth-child(18) .dataTables_sizing,
#breaktimedetail0 thead tr th:nth-child(19) .dataTables_sizing {text-align: center;}
#txt_Searchtextfield {height: 35px;background-color: #FFF;width:100%;margin-left: 28px;border: 1px solid #d3dfea;border-radius: 5px;padding: 10px;}
/*#Searchtextfield .row{padding-top:10px;width:100%;}*/
#Searchtextfield .col-md-6:nth-child(1){width:30%;margin-top:16px;}
#Searchtextfield .col-md-3:nth-child(2) {margin-left: 50px;margin-top: 16px;}
#Searchtextfield {margin-top: 20px;margin-bottom: 20px;}
#Searchtextfield {background-color: white;margin-top: 20px;border-radius: 10px;}
#Searchtextfield #breaktimedetail0_wrapper{margin-top:20px;}
#searchfieldrow{margin-top:10px;}
#editonlyshow .col-md-6:nth-child(7){margin-top:50px;}


#tblCallLogg_wrapper .dataTables_scrollHead thead tr th {
    letter-spacing: normal;
}
#divComingReport .table-card .table > tbody > tr td:nth-child(4) {width: 150px !important}
.btnGet-col button {margin-top: 0px !important;}
#btnSubmit{margin-top:4px;}

/*TMS*/
#tbMyScoretms_wrapper .dataTables_scrollHead {display: none;}
#tbMyScoretms_wrapper .dataTables_scrollBody table thead div {height: auto !important;padding: 6px !important;overflow: visible !important;}

/*TMS-Dashboard*/
#breaktimedetail0_wrapper .dataTables_scrollHead {display: none;}
#breaktimedetail0_wrapper .dataTables_scrollBody table thead div {height: auto !important;padding: 6px !important;overflow: visible !important;}
#tbmyclickedrecords_wrapper .dataTables_scrollHead {display: none;}
#tbmyclickedrecords_wrapper .dataTables_scrollBody table thead div {height: auto !important;padding: 6px !important;overflow: visible !important;}


#emojparent, #emojparent1, #emojparentedit {
    display: flex;
    justify-content: center;
    align-items: center;
}

.emojcon {
    width: 100%;
    height: 70px;
}

.emojis {
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    padding: 8px;
    border-radius: 7px;
    border: solid 0.5px #e0e9fe;
    cursor: pointer;
    position: relative;
    margin: 5px;
}

    .emojis:hover {
        box-shadow: #fe7f00 0 2px 5px;
    }

.emojicolor {
    box-shadow: #fe7f00 0 2px 5px;
   
}

.emojicolor1 {
 
    color: #fe7f00!important;
}

        .emojis:hover i {
            color: #fe7f00;
        }

    .emojis i {
        font-size: 25px;
        color: #626a6f
    }

.radio {
    display: none;
}

.whatis {
    font-size: 10px;
    display: none;
    padding: 4px;
    margin-top: 4px;
    text-align: center;
    position: absolute;
    bottom: -25px;
    text-wrap: nowrap;
    background-color: #626a6f;
    color: #fff;
}

.emojcon:hover .whatis {
    display: block;
}

#emojtitle,#emojtitle1 {
    width: 100%;
}

    #emojtitle1 h4 {
        padding-top: 8px;
        font-weight: 600;
        font-size: 16px;
        text-align: left !important;
        padding-left: 14px;
        color: #20107F;
        height: 40px;
    }


/*.radio:checked ~ span {
    font-size: 3rem;
    filter: grayscale(0);
}*/


/*sms*/
#trackdiv {border-radius: 50%;width: 20px;height: 20px;border: 1px solid #626A6F;float: left;background-color:#05b5ff;}
#trackdiv .levels{font-size:10px;text-align:center;padding:2px;color:#fff;font-weight:600;}
.trackborder {border-right: 1px dashed #626a6f;margin-right: 8px;height: 56px;}
.trackparent{display:flex;justify-content:space-between}
.tracklast{margin-top:5px;}
.tracklevel1{background-color:#233970;border-radius: 50%;border: 1px solid #626A6F;width: 20px;
                  height: 20px;margin-left: -1px;margin-top: -1px;}
.tracklevel2 {background-color: #27ae60;border-radius: 50%;border: 1px solid #626A6F;width: 20px;
     height: 20px;margin-left: -1px;margin-top: -1px;}
.tracklevel3 {background-color: #6610f2;border-radius: 50%;border: 1px solid #626A6F;width: 20px;
    height: 20px;margin-left: -1px;margin-top: -1px;}
.tracklevel4 {background-color: #fd7e14;border-radius: 50%;border: 1px solid #626A6F;width: 20px;
    height: 20px;margin-left: -1px;margin-top: -1px;}
.tracklevel5 {background-color: #e83e8c;border-radius: 50%;border: 1px solid #626A6F;width: 20px;
              height: 20px;margin-left: -1px;margin-top: -1px;}

/*smsmonitoring*/
#tblCallLogg_wrapper .dataTables_scrollHead {display: none;}
#tblCallLogg_wrapper .dataTables_scrollBody table thead div {height: auto !important;padding: 6px !important;overflow: visible !important;}
#tblCallLogg_wrapper .dataTables_scrollBody #tblCallLogg_1 > tbody > tr td{padding:0px !important;font-size:10px !important}
#tblCallLogg_wrapper table.dataTable thead th,#tblCallLogg_wrapper table.dataTable thead td{padding:10px !important;white-space:pre-line;}
#tblCallLogg_wrapper table.dataTable thead th{font-size:10px;white-space:nowrap;}
#divsmsmonitoring #TableViewMoinioring .__clsAssignStaffName, #divsmsmonitoring #TableViewMoinioring ._clscontent {width : 300px !important;min-width :250px;white-space :normal;}


/*_____SupportManagmentSystem_____*/
#divComingReport .__startDate{margin-top:6px;display:inline-block;}
#divComingReport .__dateAndTimePB {margin-top:8px;}
#divComingReport .__dateAndTimePB p{margin-bottom:0px;}
#divComingReport .__dateAndTimePB p span{font-weight:500;color:#ec0046;}

/*_____Smsmonitoring_____*/
#Searchdivsms #divnewTargetDate table thead, #detailsTable table thead{position: sticky;top: 0;z-index:10;}
#Searchdivsms #divnewTargetDate{z-index: 0;position: relative;}
#Searchdivsms .panel-body label .lbl_text{width: 130px;display: inline-block;}

/*Table Content Cmn*/
#Searchdivsms .cls_content span {width : 300px !important;min-width :250px;white-space :normal;}

/*sms-search*/
#dataavailparent {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
#dataavail {display:flex;padding-bottom:10px;justify-content:space-between;}
#dataavail .badge1{background-color:#E07B01;width:auto;height:47px;border-radius: 20%;text-align:center;padding:5px 20px;}
#dataavail  hr{background-color:#fff;margin:0;}
#dataavail  h5{color:#fff;font-weight:500;margin:0;}
#dataavail p{color:#FFF;margin-top:3px;font-size:14px;}
#dataavail .badge2{background-color:#1770C7;width:auto;height:47px;border-radius: 20%;text-align:center;padding:5px 20px;}
#dataavail .badge3{background-color:#9ACD32;width:auto;height:47px;border-radius: 20%;text-align:center;padding:5px 20px;}
#dataavail .badge4{background-color:#8464C4;width:auto;height:47px;border-radius: 20%;text-align:center;padding:5px 20px;}
#dataavail .badge5{background-color:#4179A8;width:auto;height:47px;border-radius: 20%;text-align:center;padding:5px 20px;}
#dataavail .badge6{background-color:#FE68B3;width:auto;height:47px;border-radius: 20%;text-align:center;padding:5px 20px;}


/*sms-dashboard*/

#dashboardchartcountparent .headingparent {display: flex;padding-bottom:10px;margin-left:190px;}
#dashboardchartcountparent .dashchartheading {background-color: #c67044;border-radius: 50%;
width: 50px;height: 50px;position: relative;display: flex;justify-content: center;align-items: center;}
#dashboardchartcountparent .dashchartheading .charttotal {padding: 15px 21px;color: #fff;}
#dashboardchartcountparent .dashchartheading::after {content: "";position: absolute;border-left: 2px dashed gray;height: 22px;top: 50px;left: 24px;}
#dashboardchartcountparent .dashchartheading::before {content: "\f078";font-family: FontAwesome;color: gray;top: 65px;right: 19px;position: absolute;}
#dashboardchartcountparent .totalcount {border: 1px dotted gray;height: 23px;margin: 8px;padding: 3px 8px;}
#dashboardchartcountparent .chartcount {width: 50px;height: 50px;
clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);background-color: #5380bb;}
#dashboardchartcountparent .chartcount p {padding: 15px;color: #fff;}
#dashboardchartcountparent .chartlevelco {background-color: #c67044;border-radius: 50%;
width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;position: relative;}
#dashboardchartcountparent .chartlevels {background-color: #fff;width: 30px;height: 30px;border-radius: 50%;margin-top: 8px;padding: 6px 9px;}
#dashboardchartcountparent .charttaskdiv {background-color: #9777a1;border-radius: 50%;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;position: relative;}
#dashboardchartcountparent .dchart1 .chartcountparent {display: flex;}
#dashboardchartcountparent {padding-bottom: 100px;}
#dashboardchartcountparent .dchartommon{display:flex;width:352px;justify-content:space-between;}
#dashboardchartcountparent .dchart1 .chartdiv{display:flex;justify-content:end;width:100px;}
#dashboardchartcountparent .dchart1 .chartdiv .countscommon{display:block}
.lines{width:70px;margin:0 auto;}
#line1{width: 80px;height: 1px;border-top: 2px dotted gray;margin: 25px 7px;position:relative}
#line2 {width:70px;height: 1px;border-top: 2px dotted gray;margin: 0 auto;position:relative}
#dashboardchartcountparent .dchart1 .leveltotalcountfst {border: 1px dotted gray;width: fit-content;padding: 2px 8px;height: 23px;margin-top:44px;}
#dashboardchartcountparent .chartlevelco::after {content: "";position: absolute;border-left: 2px dashed gray;height: 32px;top: 50px;right:24px;}
#dashboardchartcountparent .chartlevelco::before {content: "\f078";font-family: FontAwesome;color: gray;top: 74px;right: 19px;position: absolute;}
#dashboardchartcountparent .leveltotalcount {border: 1px dotted gray;height: 23px;padding: 2px 8px;width: fit-content;}
#dashboardchartcountparent .dchart1 .leveltotalcountcoldiv {margin-top:47px;}
#dashboardchartcountparent .arrow1{position: absolute;color: #969090;top: -7px;left: -5px;}
#dashboardchartcountparent .arrow_1{position:absolute;color: #969090;top: -7px;right:-5px;}
#dashboardchartcountparent .arrow2{position: absolute;color: #969090;top: -7px;right:-5px;}

.arrow {top: -7px;position: absolute;left:0px;color: #969090;}
.levelcommon{display:flex;width:160px;}
.taskcommon{display:flex;width:300px;}
#line3 {width: 70px;height: 1px;border-top: 2px dotted gray;margin:0 auto;margin-top:10px;position:relative}
.leveltotal2{margin: 0 auto;margin-bottom: 5px;}
.dchartommon2{display:flex;}
#dashboardchartcountparent .charttaskdiv::after {content: "";position: absolute;border-left: 2px dashed gray;height: 26px;top: 50px;right:23px;}
#dashboardchartcountparent .charttaskdiv::before {content: "\f078";font-family: FontAwesome;color: gray;top: 70px;right: 18px;position: absolute;}
#dashboardchartcountparent .dchart1 .chartdiv1{display:flex;justify-content:end;width:100px;}
#dashboardchartcountparent .dchart1 .tasktotalcountcol {margin-top: 46px;}
#line4{width: 80px;height: 1px;border-top: 2px dotted gray;margin: 25px 7px;position:relative}
#line5 {width:180px;height:1px;border-top: 2px dotted gray;margin: 25px 7px;position:relative}
#dashboardchartcountparent .dchart1 .chartcountparentdiv {position: relative;display:flex;justify-content:space-between;width:20%;}
.divisoncharts{position:relative;display:flex;}
.chartcountparentdiv3 {margin-top: -67px;}
#dashboardchartcountparent .chartcount.chartcountmiddle {margin:12px 0 0 60px;}
#line6 {width: 85px;height: 1px;border-top: 2px dotted gray;margin: 25px 0 0 5px;}
/*#line7 {width: 76px;height: 1px;border-top: 2px dotted gray;margin: 25px 0 0 0px;}*/
#dashboardchartcountparent .chartlevelco.chartleveldivlast::after {border:none}
#dashboardchartcountparent .chartlevelco.chartleveldivlast::before {content:"";}

#dashboardchartcountparent .charttaskdiv.charttasklast::after {border:none;}
#dashboardchartcountparent .charttaskdiv.charttasklast::before {content: "";}

#dashboardchartcountparent .leveltotalcount.levelcountlast {border:none;margin-left:12px;}
#dashboardchartcountparent .dchart1 .firstcount1 {border-radius: 5px;background-color: green;z-index:1;
color: #fff;width: fit-content;height: 21px;padding: 2px 7px;}

#dashboardchartcountparent .dchart1 .firstcount {border-radius: 5px;background-color: #f37373;color: #fff;width: fit-content;
height: 21px;display: flex;justify-content: center;padding: 2px 7px;margin-top:2px;}
#dashboardchartcountparent .dchart1 .firstcount2 {border-radius: 5px;
background-color: green;color: #fff;width: fit-content;height: 21px;padding: 2px 7px;}
#dashboardchartcountparent .dchart1 .lastcount {border-radius: 5px;z-index: 1;
background-color: #f37373;color: #fff;width: fit-content;height: 21px;margin-top:2px;padding: 2px 7px;}
#dashboardchartcountparent .p2 {position: relative;margin-top: 61px;right: 30px;font-style: oblique;font-size: 15px;}
#dashboardchartcountparent .dchart1:not(:first-child) {margin-top:20px;position:relative;}
/*#dashboardchartcountparent .dchart1.dchartcom{margin-top:0;}*/
.divisonchartnxt{top:60px;left:-37px;width:420px;}
.descriptionbody{border:2px dashed gray;float:right;height:160px;}
.descriptionbody ul{padding:10px 20px 0 35px;}
#dashboardchartcountparent .arrow3{position: relative;color: #969090;top: -10px;left:438px;}
#line7 {width:0px;height: 1px;border-top: 2px dotted gray;margin: 25px 7px;position: relative;}
.linediv{width:5px;}
/*.arrow3{position:absolute;color: #969090;top: -10px;right:0px;}
.arrow4{position:absolute;color:#969090;top: -7px;right:-3px;}*/
.divisoncharts.divisonchartnxt .chartcountparent::after{content: "";position: absolute;border-left: 2px dashed gray;height: 71px;top:-77px;margin-left:35px;}
.divisoncharts.divisonchartnxt .chartcountparent::before{content:"\f078";position:relative;top:-14px;font-family:FontAwesome;color:gray;left:30px;}
.divisioncht1{top:-83px;}
.divisoncharts.divisioncht1 .chartcountparent::after{content: "";position: absolute;border-left: 2px dashed gray;height: 25px;top:84px;margin-left:35px;}
.divisoncharts.divisioncht1 .chartcountparent::before{content:"\f077";position:relative;top:77px;font-family:FontAwesome;color:gray;left:30px;}
.connector{position:relative;}
.connector:after{content:"";position:absolute;bottom:0;left:0;border-top:2px dashed gray;width:382px;}
.divisoncharts.divisioncht1 .chartcountparent:nth-last-child(2)::after{height: 75px;top: 84px;}
.countscommonlast{left:-11px;position:relative;}
.lastline4{margin-left:18px;}
.chartfade {
    opacity: 0.7
}


/*sms-support management system*/

#divTableDatahistory .divTableDatahistoryheading{border:1px solid lightgray;}
#divTableDatahistory .datahistorybad hr{background-color:#8a8b8d;margin: 5px;height: 1px;width: 162px;}
#divTableDatahistory .datahistorybad p{color:#333;text-align:center;margin:2px}
#divTableDatahistory .divTableDatahistoryheading .col-md-2:not(:first-child){border-left:1px solid #8a8b8d;height:70px;}
#divTableDatahistory .divTableDatahistoryheading .col-md-2:last-child{word-break:break-word;}
#divTableDatahistory .datahistorybad p:first-child {font-weight: 600}
#divTableDatahistory .datachathistory{position:relative}
#divTableDatahistory .datachathistory .datachatinner.person1 .chatdata{background-color:#66aff4;position:relative;border-radius:5px;width:400px;height:auto;padding:5px;}
#divTableDatahistory .datachathistory .datachatinner.person1 .chatdata:after{content: "\f0d8";font-family: FontAwesome;font-size: 18px;
color: #66aff4;position: absolute;top: -13px;left: 16px;}
#divTableDatahistory .datachathistory .chatdata p{color:#fff;font-size:13px;}
#divTableDatahistory .datachathistory .remarkteam i{font-size:8px ;color:#66aff4}
#divTableDatahistory .datachathistory.datachathistory2 .chatprofile{float:right}
#divTableDatahistory .datachathistory .chatprofile i{font-size:14px;color:gray}
#divTableDatahistory .datachathistory .chatprofile .divideline{font-size:16px;color:gray}
#divTableDatahistory .datachathistory .datachatinner.person2 .chatdata{float:right;background-color:#86BB71;position:relative;border-radius:5px;width:407px;height:auto;padding:5px;}
#divTableDatahistory .datachathistory .datachatinner.person2 .chatdata:after{content: "\f0d8";font-family: FontAwesome;font-size: 18px;
color: #86BB71;position: absolute;top: -13px;right:16px;}
#divTableDatahistory .datachathistory.datachathistory2 .remarkteam{float:right;}
#divTableDatahistory .datachathistory.datachathistory2 .remarkteam i{font-size:8px ;color:#86BB71;}
#divTableDatahistory .row:not(:first-child) hr,
#divTableDatahistory hr:last-child{margin:10px;}
#divTableDatahistory .datachathistory .chatprofile .levelcou{border-radius: 50%;border: 1px solid #626a6f;background-color: #fe7f00;
color: #fff;height: 20px;display: inline-block;width: 20px;text-align: center;}

#tblCallLogg_1 {width: 1232px !important;margin-left: 20px !important}
#tblCallLogg_wrapper .wht_space {white-space: unset !important;}

@media(max-width:1200px){
    #dashboardchartcountparent .headingparent {margin-left: 135px;}
    #dashboardchartcountparent .dchartommon{width:225px;}
    #dashboardchartcountparent .dchart1 .chartdiv1{width:80px;}
    #line1,#line2,#line3,#line4{width:50px;}
    #line5 {width: 180px; left: 100px;}
    .levelcommon{width:110px;}
    .taskcommon{width:135px;}
    #dashboardchartcountparent .chartlevels{width:25px;height:25px;padding:5px 7px;}
    .divisonchartnxt{left:-40px;width: 300px;}
    .linediv {width: 90px;}
}

/*sms monitoring*/
#grid_newtable_columns table tbody tr .w2ui-col-header {padding:10px 0;background-color: #626A6F !important;color:#fff;text-align:center;}
#grid_newtable_records table tbody .w2ui-odd.w2ui-record:hover{background: transparent !important;}
#grid_newtable_records table tbody .w2ui-odd.w2ui-record:focus,
#grid_newtable_records table tbody .w2ui-even .w2ui-record:focus{background-color:#F2F2F2 !important;}
#grid_newtable_records table tbody td{text-align:justify;line-height:18px;}
#grid_newtable_records table tbody td p{padding:5px;line-height:18px;}
#grid_newtable_records table tbody tr{border-bottom:1px solid #C5C5C5;}
#grid_newtable_records #grid_newtable_rec_0 #grid_newtable_data_0_1{height:unset !important;}
#grid_newtable_records table tbody td div{overflow:unset;white-space:normal;word-break:break-all;}
#grid_newtable_records .read-less,
#grid_newtable_records .read-more-button {
padding:3px 8px;background-color: #fc7e22;color: #fff;border: none;border-radius: 5px;
float: right;height:21px;margin-bottom:5px;font-size:10px;}
#grid_newtable_records .read-less:after{content:"\f068";position:relative;font-family:FontAwesome;color:#fff;padding-left:7px;}
#grid_newtable_records .read-more-button:after{content:"\2b";position:relative;font-family:FontAwesome;color:#fff;padding-left:7px;}
#grid_newtable_records table tbody td .cell-content{line-height:18px;}
#exportButtondiv #exportButton{float:right;background-color:green !important;border:none !important;}
#exportButtondiv #exportButtonsearch{float:right;background-color:green !important;border:none !important;}
#searchdivcol1 .col-md-3{padding:0 1px;}

.w-8ui-selected {background: #D8DEE7 !important;}
.w2ui-inactive{background: transparent !important;}

/*home page*/
.page-navigation-toggled.page-container-wide .all_contents .row:nth-child(2) #homepage_table #divTimesheet .table.table-bordered.table-striped tr th{color:#fff;}

#BAemojparent, #emojparent2, #BAemojparentedit {display: flex;justify-content: center;align-items: center;}
.emojcon1 {width: 100%;height: 70px;}
.emojis1 {display: flex;justify-content: center;align-items: center;background: white;padding: 8px;border-radius: 7px;border: solid 0.5px #e0e9fe;cursor: pointer;position: relative;margin: 5px;}
.emojis1:hover {box-shadow: #fe7f00 0 2px 5px;}
.emojicolor {box-shadow: #fe7f00 0 2px 5px;}
.emojicolor3 {color: #fe7f00 !important;}
.emojis1:hover i {color: #fe7f00;}
.emojis1 i {font-size: 25px;color: #626a6f}
.radio1 {display: none;}
.whatis1 {font-size: 10px;display: none;padding: 4px;margin-top: 4px;text-align: center;position: absolute;bottom: -25px;text-wrap: nowrap;background-color: #626a6f;color: #fff;}
.emojcon1:hover .whatis1 {display: block;}
#emojtitle2, #emojtitle3 {width: 100%;}
#emojtitle2 h4 {padding-top: 8px;font-weight: 600;font-size: 16px;text-align: left !important;padding-left: 14px;color: #20107F;height: 40px;}
#emojtitle3 h4 {padding-top: 8px;font-weight: 600;font-size: 16px;text-align: left !important;padding-left: 14px;color: #20107F;height: 40px;}  
.ui-autocomplete.ui-widget {position: absolute;top: 0;left: 0;cursor: default;height: 200px;width: 50px;overflow-y: scroll;overflow-x: scroll;font-family: Verdana,Arial,sans-serif;font-size: 12px;}

/*#dashboardchartcountparent .dchart1 .chartdiv {display: flex;}*/

/*Leave Report*/
#divfulldetails_wrapper .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr {height: 50px !important;}
#divfulldetails tbody tr {height: 50px !important}
#divfulldetails tbody tr td {font-size: 11px !important;padding: 7px 15px !important;}

.labelcheck .check-date{width: 14px!important;height: 15px!important;}
.labelcheck .col-md-11.checklabel {font-size: 11px;background: none;box-shadow: none;padding-top: 0;padding-bottom: 0;padding-right:0;}
.labelcheck .col-md-11.checklabel span{font-size:12px;}
.labelcheck .col-md-4:first-child{width:35%;padding-left:5px;padding-right:0px;}
.dislabel{display:flex;width:65%;}
.col-md-1.checklabelone{padding-left:0px;}
.col-md-8.dislabel{padding-left:5px;padding-right:5px;}
.col-md-11.checklabel{padding-left:0px;}
/*.checklabelone{padding:0;}*/

/*.q-sumb {margin-top: -39px; margin-left: -19px;}*/

.q-sumb {display: flex;align-items: flex-start;justify-content: end;}

#get_data.rewrk_table .table tbody tr td {
    text-align: left !important;
    white-space: normal !important;
    vertical-align: middle !important;
}
.cmn_tms .w2ui-grid .w2ui-grid-toolbar{    background-color: #f5f5f5;}
.cmn_tms .w2ui-grid .w2ui-grid-body table .w2ui-head{    BACKGROUND: #626a6f;COLOR: #FFF;}

.dcheckboxdesign input{float:right;}

.conter{background: #f5f5f5;padding: 8px 15px;font-size: 15px;border: 1px solid #f1f1f1;font-weight: 500;color: #201077 !important;}
.conter:before {content: '';width: 4px;height: 25px;left: 15px;top: 6px;background: #fe7f00;position: absolute;}
.conter:before {content: '';width: 4px;height: 25px;left: 15px;top: 6px;background: #fe7f00;position: absolute;}
.cmns_view{position: absolute;right: -8px;text-align: end;top: -8px;}
.cmns_viewone  { right: 10px;position: absolute;text-align: end;top: -10px;}
.col-md-2.btn_viewre{position: absolute;right: 0;text-align: end;top: 12px;}
#releaseview{position: absolute;right: 0;text-align: end;top: -7px;}

.dvstatus.multiselect-scroll.dcheckboxdesign{box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;margin-top: -10px;border-radius: 4px;display: block;overflow: auto;height: 142px;position: absolute;z-index: 2;background: white;width: 86%;border: 1px solid rgb(216, 232, 243);padding: 5px;z-index: 1;}
.dvstatus.multiselect-scroll.dcheckboxdesign label{width: 100%;padding: 7px 15px;font-weight: 500;margin: 0;border-radius: 4px}

._cmn_back{position: absolute;right: 0;text-align: right;top: -6px;}

#divlabelid {padding-top: 6px;margin-bottom: 5px;}
#divlabelid #VersionManagementDetails{padding: 5px 9px;background:#e7eff9;border: 1px solid #b3b3b3;margin-bottom:5PX;}
#divlabelid #VersionManagementDetails label{    margin-right: 10px !important;margin-bottom: 0px;font-size: 11px;letter-spacing: 0.3px;position: relative;font-weight: 600 !important;}
#divlabelid #VersionManagementDetails label:last-child:after{content: '';height: 29px;position: absolute;border: 0.5px solid gray;/* left: inherit; */right: -7px;top: -6px;display:none;}
#divlabelid #VersionManagementDetails label:after {content: '';height: 29px;position: absolute;border: 0.5px solid #b3b3b3;/* left: inherit; */right: -7px;top: -8px;}
#labeldive label{border: 1px solid #b3b3b3;padding: 5px;border-radius: 5px;color: gray;font-size:9px;margin-right:3px;}
#divlabelid #labeldive label.active  .i_class{display:inline-block;margin-left:3px;}
.i_class{display:none;}
.W-14{width:12%;flex:none;}
.W-66{width:67%;flex:none;}
.cmnc_lblcnt{font-size: 13px;border: 1px solid #626a6f;border-radius: 3px;padding: 3px 8px;font-weight: 600;color: #626a6f;}

#SummerNote h3 {background: #757575;color: #fff;font-size: 16px;padding: 7px 10px;font-weight: 500;}
/*#SummerNote .note-editable.card-block{height:400px !important;}*/

/*.NextRelease{color:#626a6f;border:1px solid #626a6f !important;} 
.Closed{color:#ef4329;border:1px solid #ef4329 !important;} 
.In.Process{color:#1a85c8;border:1px solid #1a85c8 !important;} 
.Yet.To.Start {color:#fc7e22;border:1px solid #fc7e22 !important;} 
.Development.Completed{color:#5b9d25;border:1px solid #5b9d25 !important;}
.Pending{color:#f28f34;border:1px solid #f28f34 !important;}
.Testing.Completed{color:#16929b;border:1px solid #16929b !important;}
.Completed{color:#47bf5b;border:1px solid #47bf5b !important;}
.Client.Pending{color:#FFC107;border:1px solid #FFC107 !important;}
.Redirect.Testing{color:#58c8d0;border:1px solid #58c8d0 !important;}
.Testing.Hold{color:#669ff9;border:1px solid #669ff9 !important;}
.Live.Updated{color:#a777c7;border:1px solid #a777c7 !important;}
.Hold{color:#a777c7;border:1px solid #a777c7 !important;}
.Development.InProgress{color:#795548;border:1px solid #795548 !important;}*/
#labeldive .NextRelease{color:#626a6f;border:1px solid #626a6f;} 
#labeldive .NextRelease.active{background:#626a6f;color:#fff;}
#labeldive .Closed{color:#ef4329;border:1px solid #ef4329;} 
#labeldive .Closed.active{background-color:#ef4329;color:#fff;} 
#labeldive .In.Process{color:#1a85c8;border:1px solid #1a85c8;} 
#labeldive .In.Process.active{background-color:#1a85c8;color:#fff;} 
#labeldive .Yet.To.Start{color:#fc7e22;border:1px solid #fc7e22;} 
#labeldive .Yet.To.Start.active{background-color:#fc7e22;color:#fff;}
#labeldive .Development.Completed{color:#5b9d25;border:1px solid #5b9d25;}
#labeldive .Development.Completed.active{background-color:#5b9d25;color:#fff;}
#labeldive .Pending{color:#f28f34;border:1px solid #f28f34;}
#labeldive .Pending.active{background-color:#f28f34;color:#fff;}
#labeldive .Testing.Completed{color:#16929b;border:1px solid #16929b;}
#labeldive .Testing.Completed.active{background-color:#16929b;color:#fff;}
#labeldive .Completed{color:#47bf5b;border:1px solid #47bf5b;}
#labeldive .Completed.active{background-color:#47bf5b;color:#fff;}
#labeldive .Client.Pending{color:#FFC107;border:1px solid #FFC107;}
#labeldive .Client.Pending.active{background-color:#FFC107;color:#fff;}
#labeldive .Redirect.Testing{color:#58c8d0;border:1px solid #58c8d0;}
#labeldive .Redirect.Testing.active{background-color:#58c8d0;color:#fff;}
#labeldive .Testing.Hold{color:#669ff9;border:1px solid #669ff9;}
#labeldive .Testing.Hold.active{background-color:#669ff9;color:#fff;}
#labeldive .Live.Updated{color:#a866a9;border:1px solid #a866a9;}
#labeldive .Live.Updated.active{background-color:#a866a9;color:#fff;}
#labeldive .Hold{color:#a777c7;border:1px solid #a777c7;}
#labeldive .Hold.active{background-color:#a777c7;color:#fff;}
#labeldive .Development.InProgress{color:#795548;border:1px solid #795548;}
#labeldive .Development.InProgress.active{background-color:#795548;color:#fff;}
#labeldive .Under.Observation{color:#4B0082;border:1px solid #4B0082;}
#labeldive .Under.Observation.active{background-color:#4B0082;color:#fff;}
#labeldive .Need.Clarity{color:#A52A2A;border:1px solid #A52A2A;}
#labeldive .Need.Clarity.active{background-color:#A52A2A;color:#fff;}
#labeldive .Supplier.Hold{color:#e9ab73;border:1px solid #e9ab73;}
#labeldive .Supplier.Hold.active{background-color:#e9ab73;color:#fff;}
#labeldive .In.Valid{color:#d11515;border:1px solid #d11515;}
#labeldive .In.Valid.active{background-color:#d11515;color:#fff;}
#labeldive .Redirect.Develop{color:#7B3F00;border:1px solid #7B3F00;}
#labeldive .Redirect.Develop.active{background-color:#7B3F00;color:#fff;}
#labeldive .On.Testing{color:#000080;border:1px solid #000080;}
#labeldive .On.Testing.active{background-color:#000080;color:#fff;}
#labeldive .Supplier.Pending{color:#cbad0c;border:1px solid #FFD700;}
#labeldive .Supplier.Pending.active{background-color:#cbad0c;color:#fff;}
#labeldive .Supplier.Follow.Up{color:#d330d3;border:1px solid #d330d3;}
#labeldive .Supplier.Follow.Up.active{background-color:#d330d3;color:#fff;}
#labeldive .Bug.Fixing{color:#003D34;border:1px solid #003D34;}
#labeldive .Bug.Fixing.active{background-color:#003D34;color:#fff;}
#labeldive .Ready.to.Live{color:#003B6F;border:1px solid #003B6F;}
#labeldive .Ready.to.Live.active{background-color:#003B6F;color:#fff;}
#labeldive .Testing.Pending{color:#FA8072;border:1px solid #FA8072;}
#labeldive .Testing.Pending.active{background-color:#FA8072;color:#fff;}
#labeldive .Testing.InProgress{color:#40E0D0;border:1px solid #40E0D0;}
#labeldive .Testing.InProgress.active{background-color:#40E0D0;color:#fff;}
#labeldive .BA.Review{color:#35b5db;border:1px solid #35b5db;}
#labeldive .BA.Review.active{background-color:#35b5db;color:#fff;}
#labeldive .BA.Completed{color:#808000;border:1px solid #808000;}
#labeldive .BA.Completed.active{background-color:#808000;color:#fff;}
#labeldive .Move.to.Live{color:#ab3486;border:1px solid #ab3486;}
#labeldive .Move.to.Live.active{background-color:#ab3486;color:#fff;}
#labeldive .T2.Need.Clarity{color:#5f0f40;border:1px solid #5f0f40;}
#labeldive .T2.Need.Clarity.active{background-color:#5f0f40;color:#fff;}
#labeldive .T2.Completed{color:#898b00;border:1px solid #898b00;}
#labeldive .T2.Completed.active{background-color:#898b00;color:#fff;}
#labeldive .T2.In.Process{color:#f05d5e;border:1px solid #f05d5e;}
#labeldive .T2.In.Process.active{background-color:#f05d5e;color:#fff;}
#labeldive .T2.In.Valid{color:#c32f27;border:1px solid #c32f27;}
#labeldive .T2.In.Valid.active{background-color:#c32f27;color:#fff;}
#labeldive .Redirect.to.BA.Team{color:#071e22;border:1px solid #071e22;}
#labeldive .Redirect.to.BA.Team.active{background-color:#071e22;color:#fff;}
#labeldive .Need.Discussion{color:#037971;border:1px solid #037971;}
#labeldive .Need.Discussion.active{background-color:#037971;color:#fff;}
#labeldive .Given.Testing{color:#907ad6;border:1px solid #907ad6;}
#labeldive .Given.Testing.active{background-color:#907ad6;color:#fff;}
#labeldive .Re-Testing{color:#02040f;border:1px solid #02040f;}
#labeldive .Re-Testing.active{background-color:#02040f;color:#fff;}

.careers_dls .card{background:#fff;}
.careers_dls .card-header{background:#fff !important;}
.careers_dls  .dataTables_scroll{overflow: auto; margin-bottom: 20px;}
.careers_dls .dataTables_scrollBody{height:auto !important;}

.careers_dls .mac_common .panel-header{padding: 10px 16px;border-bottom: 1px solid #d3d3d3;border-radius: -1px;}
/*.careers_dls  .mac_common .panel-header h3  { margin-bottom: 0;font-size: 14px;font-weight: 500;color: #606060;}*/
.careers_dls  .mac_common .panel.panel-default{border: 1px solid #e1e1e1;border-radius: 5px;}
.careers_dls .mac_common .panel-header h3 {margin-bottom: 0;font-size: 13px;font-weight: 600;color: #0841ad;}

/*Popup*/
#Canditatedetails label{margin-bottom:0px !important;}
.mac_common1{background:whitesmoke;}
.mac_common1 .table-card{overflow-x:scroll;margin-bottom:0px;}
.mac_common1  .table-card .table {margin-bottom: 0px;}
#divfetchpersional label{color: #002b91 !important;font-size:12px;font-weight:600;}

#divfetchcarrerrecords #breaktimedetail_wrapper .dataTables_scroll{max-height:400px;overflow:auto;}
.mac_common1 .table-card {overflow: auto;margin-bottom: 0px;max-height: 220px;height:200px;}
.header_ta{justify-content:space-between;padding:10px;align-items:center;}
.header_ta h3{font-weight:600;margin-bottom:5px;}
#returnback #totalviewcount .table-card {max-height:300px;overflow:auto;}
.careers_dls #divMISReport12 .table-card{overflow:auto;}

#divfetchpersional label span{    color: #002b91 !important;font-size:13px;font-weight:500;}
#divfetchcarrerrecords.content_headscroll .dataTables_scroll .dataTables_scrollHead{position:sticky !important;top:0px;}

#div_label_BugT #label_BugT label{border: 1px solid #b3b3b3;padding: 5px;border-radius: 5px;color: gray;font-size:9px;margin-right:3px;} 
#div_label_BugT #label_BugT label.active {border: 1px solid #FF7F01;padding: 5px;border-radius: 5px;color: #FF7F01;}
#div_label_BugT #label_BugT label.active  .i_class{display:inline-block;margin-left:3px;}

#btn_DivBack{text-align:end;float:right;margin-bottom:10px;}
#divMoinioring  table thead{position:sticky;z-index:100;top:-1px;}
#divMoinioring  #TableViewMoinioring{overflow: auto;height: 500px;}
._tdbreaking  {white-space: break-spaces;}

#divTablerelease .borderclr.sticky-header{z-index:0 !important;}
#SummerNote .note-toolbar.card-header{z-index:0 !important;}

/*TMS AFTERRELEASE*/

.__afterrelease .btn{height: 36px !important;margin-top:24px;background-color: #fe7f00;border: 1px solid #fe7f00;padding: 5px 15px;}
.__afterrelease .__addnewbtn{position:relative;text-align:end;}
.__afterrelease ._funflex {width:100%;}
.__afterrelease ._funflex input.btn-primary{margin-top:0px;float:right;position:relative;top:-15px;}
.__afterrelease .__status{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;padding: 0 10px 0px 10px;border-radius:5px;margin-top:15px;width:100%;display:block;overflow-x:scroll !important;}
.__afterrelease .__status #txt_hide{width:160%;height:500px;overflow-x:scroll;}
.__afterrelease .__status .__statushead{margin-bottom:0;}
.__afterrelease .__status .__statushead .panel-heading{padding-top:0;padding-bottom:0;}
.__afterrelease .__status .__statushead .panel-heading:before{width: 3px;height: 19px;left: 0px;top: 5px;}
.__afterrelease .__status .__statushead .panel-heading h3{font-size:16px !important;}
.__afterrelease .__status .__statustype{box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 2px 0px;padding:5px;float:left;width:100%;margin-bottom:10px;border-radius:5px;border:1px solid #efefef;position:relative;overflow:hidden;}
.__afterrelease .__status .__statustype .opener {margin-bottom: 5px;padding: 0px 4px;border-bottom: 1px dashed #ededed;margin-top:5px;}
.__afterrelease .__status .__statustype .opener .__radiocnt{display:flex;padding-left:0px;align-items:flex-start;justify-content:flex-end;}
.__afterrelease .__status .__statustype .opener .__radiocnt label{padding-right:5px;display:flex;align-items:flex-start;font-size:12px;}
.__afterrelease .__status .__statustype .opener .__radiocnt input{margin-right:5px;}
.__afterrelease .__status .__statustype h3 {position: relative;font-size: 14px;background-color: #3a4f87;color: #ffffff;font-weight: 500;width: fit-content;padding: 5px 30px 5px 30px;border-radius: 0px;margin-bottom: 5px;font-weight: 500;display: flex;line-height: 20px;top: -5px;left: -10px;}
.__afterrelease .__status .__statustype h3  span{margin-right:10px;font-size:19px;display:none;}
.__afterrelease .__status .__statustype h3 span:after {content: '';border: 1px dashed #c9c9c9;height: 10px;position: absolute;height: 30px;top: 0px;left: 30px;}
.__afterrelease .__status .__statustype .password{padding:0px 10px;}
.__afterrelease .__status .__statustype .password span{font-size:13px;font-weight:600;}
.__afterrelease .__status .__statustype .file_upload {border: 1px dashed #b1b5cf;padding: 1px;border-radius: 5px;margin-top:18px;}
.__afterrelease .__status .__statustype .cbtimagepath{background-color:#5f728c;border-radius:5px;padding:5px;color:#fff;border:0;outline:0;cursor:pointer;}
.__afterrelease .__status .__statustype .up_cont{padding: 2px;color: #EE7935;border-radius: 5px;width: 100%;font-size:12px;}
.__afterrelease .__status .__statustype .up_cont svg{font-size:12px !important;}
.__afterrelease .__status .__statustype .imagevalues{background: #e1eeff;display: block;width: 100%;padding:0 5px;border-radius: 5px;}
.__afterrelease .__status .panel-default .panel-heading{padding:5px 10px;}
.mt-0{margin-top:0 !important;}
.mt-10{margin-top:10px !important;}
._btnmore a.btn-primary {height: 22px !important;width: 22px !important;padding: 1px 1px 1px 2px!important;font-weight: 900;border-radius: 21px;position: relative;top: -5px;font-size: 13px;}

 #MOBILECATEGORY, #BOACATEGORY, #B2BCATEGORY , #CBTCATEGORY, #B2CCATEGORY {width:20%!important;padding:0px 8px;}
 /*Health-Checkup-Table*/
 #viewdetails .clsupdate  td, #viewdetails .clsview  td{text-align:center !important;font-size:12px!important;padding:6px 10px!important;}
 .__table_content {max-height: 500px;overflow: auto;float: unset;}
 #viewdetails .__cmnbtn {font-size:12px!important;padding:5px!important;}

 /*Health-Checkup-Table*/
.__afterrelease .__status .panel-heading:before {background: #204E8C !important;top: 7px;}
.__afterrelease .__stat  .panel .panel-heading .panel-title-box h3{color:#04a9f5 !important;}

.__afterrelease #Product_details .__relreporthead{color: #fe7f00;padding: 5px 11px;font-size: 14px;font-weight: 600;background: #fff0d9;width: max-content;border-radius: 50px;margin-left: 12px;}

.__afterrelease table th{color:#fff;text-align:center !important;}
.__afterrelease table tr td{text-align:center !important;}

.__afterrelease .imageslider{display: flex;justify-content: center;align-items:center;margin-top:10px;margin-bottom:10px;}
.__afterrelease .__imgcarousel{position:relative;text-align: center;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;background: #fff;border-radius: 6px;}
.__afterrelease #backbutton{position:absolute;top:50%;left:25px;font-size:30px;background-color:#fe7f00;color:#fff;border-radius:50px;padding:5px;}
.__afterrelease #nextbutton{position:absolute;top:50%;right:25px;font-size:30px;background-color:#fe7f00;color:#fff;border-radius:50px;padding:5px;}
.__afterrelease #btn_back12,.__afterrelease #btn_backreport{font-size: 14px;position: absolute;top: -23px;right: -10px;z-index: 1;background: #204e8c;color: #fff;padding: 6px 8px;border-radius: 5px;cursor:pointer;}
.__afterrelease #statusreport table thead th{width:30%;}
.__afterrelease #statusreport table tbody td{text-align:left !important;}
.__afterrelease #statusreport table tbody .__tdcntnt{float:left;}
.__afterrelease #statusreport table tbody .__tdcntnt h3{background-color: #ddebff;padding: 5px 7px;border-radius: 50px;font-size: 14px;font-weight: 600;color: #585858;text-align: center;width: fit-content;}
.__afterrelease #statusreport table tbody .__tdcntnt span:nth-child(1){font-size: 14px;color: #8b8b8b;font-weight: 500;}
.__afterrelease #statusreport table tbody .__tdcntnt .pagescenerio1 span{padding-left:5px;}
.__afterrelease #statusreport table tbody .__tdcntnt .__cmnbtn{display:block;}
.__afterrelease  .__cmnbtn{background-color: #394856 !important;color: #fff;border-radius: 5px;padding:3px;line-height: 1px;height:25px;font-size:13px;}
.__afterrelease .clsview input{border:0;background-color:transparent;}
/*sms releasemanagement*/
#ReleaseManagementContainer .__releasebtn{margin-top:24px;}
#ReleaseManagementContainer #involving{max-height:350px;overflow-y:scroll;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;padding:0 5px;border-radius:5px;margin-bottom:10px;margin-left:2px;}
#ReleaseManagementContainer .involvingproduct{display:flex;align-items:baseline;justify-content:space-between;padding-top:4px;}
#ReleaseManagementContainer .chosen-container {width: 100% !important;}
#ReleaseManagementContainer .chosen-choices{min-height:80px;max-height:100px;overflow-y:scroll;width: 100%;border-radius: 3px;font-size: 12px;color: #2d2d2d;line-height: 18px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: 1px solid #d3dfea;margin-bottom: 10px;padding: 6px 12px;background-image:none !important;}
#ReleaseManagementContainer .bootstrap-tagsinput{min-height:36px;max-height:150px;overflow-y:auto;overflow-x:hidden;width:100%;}

#ReleaseManagementContainer .__mailcnt{box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;padding:5px;border-radius:5px;margin-bottom:10px;height:350px;width:100%;}
#ReleaseManagementContainer .__mailcnt #txt_Tomail{height:80px}
#ReleaseManagementContainer .__mailcnt .label-info{background:#626a6f;color:#fff;font-size:12px;line-height:26px;}

#ReleaseManagementContainer #btn_versionidback{position:absolute;top:0px;right:-13px;}

#ReleaseManagementContainer #involving::-webkit-scrollbar,#ReleaseManagementContainer .chosen-choices::-webkit-scrollbar,#ReleaseManagementContainer .bootstrap-tagsinput::-webkit-scrollbar {width: 6px;height: 6px;}
#ReleaseManagementContainer #involving::-webkit-scrollbar-track,#ReleaseManagementContainer .chosen-choices::-webkit-scrollbar-track,#ReleaseManagementContainer .bootstrap-tagsinput::-webkit-scrollbar-track{background: #ececec;}
#ReleaseManagementContainer #involving::-webkit-scrollbar-thumb,#ReleaseManagementContainer .chosen-choices::-webkit-scrollbar-thumb,#ReleaseManagementContainer .bootstrap-tagsinput::-webkit-scrollbar-thumb{background:#c1c1c1;}

._cmninline ul.chosen-choices{min-height: 35px;border: 1px solid #ddd;padding:5px;}

#DivCallLogMngGridView .table-container .table thead .countone th{    text-align: center;font-weight: 500;padding: 10px;}
#DivCallLogMngGridView .table-container .table thead .countone {position: sticky;top: 0px;}
#DivCallLogMngGridView .table-container .table thead .counttwo{position:sticky;top:30px;}
#DivCallLogMngGridView .table-container .table thead .counttwo th{font-weight: 500;}

/*Variable page*/
.lbl_week{font-size: 15px;/* font-style: revert; */width: 100%;text-align: justify;}
._Variablepay.row .col-sm-2{width:20%;flex:none;}
.div_lable {float: left;}

._Variablepay.col-md-12 .col-sm-2{width:20%;flex:none;}

.pointer {cursor: pointer;}

/*calender*/

.__calendarinfo .fc-scrollgrid{width:100% !important;}
.__calendarinfo .fc-scrollgrid .fc-col-header thead th{background: #919191 !important;padding:10px;/* border-top: 1px solid #e5e5e5; */color: #727272 !important;/* border-right: 1px solid #e5e5e5; */}
.__calendarinfo .fc-col-header{width:100% !important;}
.__calendarinfo .fc-daygrid-body, .__calendarinfo .fc-daygrid-body table{width:100% !important;}
.travel-cal.fc-theme-standard td{width: 109px !important;}
.__calendarinfo{max-width:100% !important;margin:0px !important;}
.fc-toolbar-title-month{font-size: 18px;font-weight: 600;text-transform: uppercase;line-height: 30px;color: #5d87ff;margin-top: 13px;}
.fc-toolbar-title {background: #ff9b00;padding: 3px 20px;color: #fff;font-size: 13px ! IMPORTANT;border-radius: 6px;letter-spacing: 0.7px;margin-bottom:0PX;height: 35PX;}
.fc-header-toolbar.fc-toolbar {align-items: center;display: flex;}
.fc-toolbar-chunk:nth-child(1){    display: flex;width: 60%;float: left;}
.fc-toolbar-chunk:nth-child(1)  div{display: flex;justify-content: space-between;width: 100%;align-items: center;}
.fc-toolbar-chunk:nth-child(3){width: 40%;text-align: end;display: flex;align-items: center;justify-content: flex-end;} 

.__calendarinfo .fc-toolbar-title{position: absolute;width: 100%;top: 0;background: var(--color-secondary);left: 0;padding: 5px 10px;border-radius: 2px 2px 0 0;color: var(--color-white);text-align: center;font-size: 15px !important;border:1px solid var(--color-secondary);}

  /*Travel Calender*/
.travel-cal ._MCard {border: 1px solid #ddd;box-shadow: rgba(69, 90, 100, 0.08) 0px 1px 20px 0px;background-color: #f8f9fd;}
.travel-cal table tr th {background-color: var(--color-primary);color: var(--color-white);}
.travel-cal table tr th a {padding: 5px !important;color:#fff;}
.travel-cal table td.fc-event-container {padding: 4px;}
.travel-cal table tr:first-child > td > .fc-day-grid-event {margin: 0;padding: 0;}
.travel-cal input[type=checkbox], ._MCard-content input[type=radio] {height: auto !important;float:left;}
.travel-cal.fc .fc-button-primary:disabled {background: #2A3547;border: 1px solid var(--color-secondary);opacity: 1;font-size: 12px !important;font-weight: 500 !important;padding: 4px !important;line-height: 1 !important;text-transform: capitalize;height: 35px;color: #fff;width: 60px;font-weight: 600 !important;border-radius: 5px;margin-right: 20px;}
.travel-cal.fc .fc-view-harness-active > .fc-view {padding: 0;}
.travel-cal table tr th a {padding: 5px !important;color: #ffffff;font-weight: 600;}
.__calendarinfo .fc-scrollgrid .fc-col-header thead th {padding: 12px 10px;text-align: center;background: #7a7a7a;color: gray;}
.travel-cal .fc-left .fc-button-group .fc-state-default {font-size: 12px;font-weight: 600;border-radius: 0;width: 80px;}
.travel-cal .fc-left .fc-button-group button:first-child {clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);background: var(--color-secondary);border: 1px solid var(--color-secondary);}
.travel-cal .fc-left .fc-button-group button:last-child {clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);background: var(--color-primary);border: 1px solid var(--color-primary);}
.travel-cal .fc-left .fc-button-group .fc-state-active {background: var(--color-primary);border: 1px solid var(--color-primary);}
 
.travel-cal .fc-center {background-color: var(--color-primary);color: var(--color-white);right: 50px;}
.travel-cal .fc-center h2 {font-size: 11px;}
.travel-cal .fc-center .fc-prev-button:after, .travel-cal .fc-center .fc-next-button:after, .travel-cal .fc-prev-button:after, .travel-cal .fc-next-button:after {display: none;}
.travel-cal .fc-center .fc-state-hover, ._MCard-content .fc-center .fc-state-down, 
.travel-cal .fc-center .fc-state-active, .fc-state-disabled {background-color: var(--color-primary);border: 1px solid var(--color-primary);color: var(--color-white);}

.travel-cal .fc-prev-button, .travel-cal .fc-next-button {font-size: 11px !important;font-weight: 500 !important;padding: 4px !important;line-height: 1 !important;text-transform: capitalize;}
.travel-cal .fc-prev-button .fc-icon, .travel-cal .fc-next-button .fc-icon {left: 0px;top: 0px;font-size:12px;}
.travel-cal .fc-basic-view .fc-body .fc-row {height: 110px !important;}
.travel-cal .fc-basic-view .fc-body .fc-row .fc-bg .fc-today {background: #e7f7ff;}
.travel-cal .fc-day-top.fc-today span {border: 0;color: var(--color-primary);font-size: 14px;font-weight: 600;}
 
.travel-cal .fc-widget-header {border-width: 0;}
.travel-cal .fc-widget-header th {padding: 5px;border-color: var(--color-primary);background-color: var(--color-primary);}

.fc-toolbar-chunk.fc-button-group{display: flex;align-items: center;}

.fc-prev-button.fc-button.fc-button-primary{height: 33px;width: 28px;margin-right: 2px;border-radius: 5px;position:relative;}
.fc-next-button.fc-button.fc-button-primary{height: 33px;width: 28px;margin-right: 2px;border-radius: 5px;position:relative;}

.travel-cal .fc-day-today {background: #f1f1f1d4;}
.travel-cal .fc-event:hover, ._MCard-content .fc-event:focus {box-shadow: none;outline: none;}
.travel-cal .fc-event-selected:after, ._MCard-content .fc-event:focus:after {background: transparent;}
.travel-cal.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {border: none;color: var(--color-primary);background: transparent;}
.travel-cal.fc .fc-scrollgrid-liquid {border: 0;}
 
.travel-cal .fc-event-pro {font-size: 13px;font-weight: 500;background: #fff;cursor: pointer;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;line-height: 22px;margin-bottom: 5px;/* border: 1px solid #f5f0ff; */background: #f4f2ff;width: 94%;padding: 5px 0px;border-radius: 0px 10px 10px 0px;}
.travel-cal .fc-event-pro i.fa {border-radius: 0;padding: 5px !important;margin: 0;margin-right: 4px;height: 22px}
.travel-cal .fc-event-pro i.fa-plane {background: var(--color-light) !important;color: var(--color-primary);}
.travel-cal .fc-event-pro i.fa-hotel {background: var(--color-light) !important;color: var(--color-primary);}
.travel-cal .fc-event-pro i.fa-umbrella {background: var(--color-light) !important;color: var(--color-primary);}
.travel-cal .fc-event-pro span.clsfligtno {color: #000;font-style: normal;font-size: 12px;font-weight: 700;}
.travel-cal .fc-event-pro span:nth-child(3){color: #e72648;padding-left: 2px;}
.travel-cal .fc-event-pro span.clsCount {background-color: var(--color-secondary);border-radius: 0 2px 2px 0;color: #fff;padding: 6px 4px 2px 8px;width: auto;height: 22px;text-align: center;display: inline-block;line-height: 1;clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);float: right;font-style:normal;}

.travel-cal .fc-event-pro span.__CalendarDetails{margin-top: 2px;float: left;width: 100%;margin-bottom: 10px;}
.travel-cal .fc-event-pro span.__CalendarDetails p{margin-bottom:0px;box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding-left: 5px;margin: 3px 4px;border-radius:5px 5px 5px 5px !important;}
.travel-cal .fc-event-pro span.__CalendarDetails p span:last-child{border-radius: 50px 0px 0px 0px;color: #ffffff !important;padding: 5px 5px 0px 10px;width: auto;height: 20px;text-align: center;display: inline-block;line-height: 1;float: right;font-size: 12px;position: relative;bottom: 25px;right: -4px;font-weight: 600;}
.travel-cal .fc-event-pro span.__CalendarDetails .__balance span:last-child{background-color:#4b7f4b;}

.travel-cal .fc-event-pro .__hotelDetails{display:flex;}
.travel-cal .fc-event-pro .__hotelDetails .__hotelName{white-space: nowrap; width: 135px; overflow: hidden;text-overflow: ellipsis;}
.travel-cal .fc-event-pro .__hotelDetails .__roomtype{font-size: 11px !important;background: #54276b1a;color: #54276b !important;line-height: 11px;border-radius: 3px;padding: 1px 5px;text-align: center;width: 49px;position: relative;bottom: 0px;white-space: nowrap;width: auto;overflow: hidden;text-overflow: ellipsis;display: inline-block;max-width: 131px;}
.travel-cal .fc-event-pro .__hotelDetails i{height: 37px;padding-top: 14px !important;}
.travel-cal .fc-event-pro .__hotelDetails p{margin-bottom:0px;font-style:normal;color:#000;line-height:18px;}
.travel-cal .fc-icon-left-single-arrow:after {content: "\f104";font-family: 'Line Awesome Free';font-weight: 900;font-size: 20px;}
.travel-cal .fc-icon-right-single-arrow:after {content: "\f105";font-family: 'Line Awesome Free';font-weight: 900;font-size: 20px;}
 
.travel-cal #divdata {margin-top: 15px;}
.travel-cal #divGrid {margin-bottom: 10px;}
 
.travel-cal #dvCalSearch{border:0;}
.travel-cal #dvcalendar{padding:10px;overflow:inherit;height:auto;border-top:0 !important;border-radius:5px;box-shadow: rgb(0 0 0 / 10%) 0px 0px 9px 0px;}
.travel-cal .trvlcalheading{padding:0 0 10px;margin:0;line-height:1;}
.travel-cal.fc .fc-toolbar.fc-header-toolbar {padding: 13px 10px 5px 10px;border: none;margin: 0;}
.travel-cal.fc-button{font-size: 11px !important;font-weight: 500 !important;padding: 4px !important;line-height: 1 !important;text-transform:capitalize;height:22px;}
.travel-cal.fc .fc-button .fc-icon{font-size:12px;}
.travel-cal.fc .fc-col-header-cell-cushion {font-size:13px;}
.travel-cal th.fc-col-header-cell.fc-day.fc-day-sun, ._MCard-content .fc-theme-standard th {/* border-right: 1px solid #837f7f; */}
.travel-cal.fc .fc-daygrid-event {z-index: 6;margin-top: 0px;margin-bottom: 8px;}
.travel-cal.fc .fc-highlight {background: #fff8f8;min-height:90px;}
.travel-cal.fc .fc-daygrid-more-link {font-weight: 700;}
.travel-cal.fc .fc-daygrid-day-frame {min-height:90px;}
.travel-cal.fc .fc-daygrid-day-top .main-div{color:#212529;position: relative;z-index: 4;font-size: 15px;font-weight: 600;padding: 5px 8px 0 0;}
.travel-cal.fc-theme-standard td{border: 1px solid #e3e3e3;/* padding: 0px 99px; */}
.travel-cal.fc-theme-standard .fc-popover-header {background: #524c4c;color: #fff;font-size: 13px;font-weight: 600;padding-left: 10px;}

.travel-cal .fc-event .fc-event-main .psngr-clndr-box .clslowlive{color: #00900d;}
.travel-cal .fc-event .fc-event-main .psngr-clndr-box .clshighlive{color: #ff0000;}

.travel-cal .fc-event .fc-event-main .psngr-clndr-box p{height: 22px;border: 0;border-radius: 4px;line-height:1.5;padding:0 12px;color:var(--color-primary);margin-left: 5px;margin-right: 5px;font-weight:500;cursor:pointer;font-size: 11px;display: flex;align-items: end;justify-content: space-between;}
.travel-cal .fc-event .fc-event-main .psngr-clndr-box p > span{font-size:18px;font-weight:600;border-radius: 0 2px 2px 0;padding: 6px 2px 2px 12px;width: auto;text-align: center;display: inline-block;line-height:0.8;clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);float: right;}
.travel-cal.fc .fc-scrollgrid-section table{width:100% !important;}
.travel-cal .row:first-child .col-lg-4:nth-child(5){margin-top:25px;}
.travel-cal .cls_radbtn input[type=radio]{display:none;}
.travel-cal .cls_radbtn .radio-label{padding-right:5px;}
.fc-view-harness {height:580px ;}
.fc-daygrid-day-top {font-size: 14px;flex-direction: unset !important;display: flex !important;justify-content: flex-end !important;}
.fc-daygrid-day-number{font-size: 13px !important;height: 30px !important;width: 30px !important        ;display: flex;justify-content: center;align-items: center;background: #ebf8ff;margin-right: 10px;margin-top: 7px;font-weight: 800;border-radius: 50%;}
/*.travel-cal .fc-event-pro:before {content: '';position: absolute;height: 35px;width: 6px;background: #ff9308;left: 0px;top: 0;}*/
.travel-cal .fc-event-pro:before {content: '';position: absolute;height: 38px;width: 6px;background: #d2d3ff;left: 0px;top: -3px;}
.travel-cal .fc-event-pro{position:relative;}
#eventcontentmodal .modal-dialog{width:50%;}
#eventcontentmodal .modal-dialog .modal-content{width:160% !important;}
#eventclickmodaldiv .table thead tr th {white-space: nowrap;padding: 10px 10px;color: #fff;font-weight: 500;}
.fc-event{border:unset !important;background:unset !important;}
#calendar .fc-view-harness.fc-view-harness-active{height:621px !important;margin-bottom:50px;}

#Insertdetails .per_resn_contents .col-md-3 label, #Insertdetails .per_resn_contents .col-md-4 label {width:100%;}
#advancemodal .modal-content .modal-body .col-md-12 {margin-top:15px;}
#advancemodal .modal-content .modal-body .col-md-12 label {font-size: 15px;margin-right: 15px;}
#advancemodal .modal-content .modal-footer input {float:none!important;margin-top:0;}
#Insertdetails #divadvance {text-align: center;font-size: 13px;margin-top: 18px;}
.internal {color:#009900;margin-top:5px;background-color:#a4ffe9;color: #000;font-weight: 600;padding: 3px;display: block;width: 100%;text-align: center;letter-spacing: 2px;border-radius: 4px;}
.External {color:red;margin-top:5px;background-color: #ffc7c7;color: #000;font-weight: 600;padding: 3px;display: block;width: 100%;text-align: center;letter-spacing: 2px;border-radius: 4px;}
.Presales{color:#1600cf;margin-top:5px;background-color: #c8cfff;color: #000;font-weight: 600;padding: 3px;display: block;width: 100%;text-align: center;letter-spacing: 2px;border-radius: 4px;}

#Insertdetails #advdates .table thead tr th {color:#fff;font-weight:500;}
#Insertdetails .row .col-md-3 .removeicon {font-size: 14px;font-weight: 600;color: #fff;background-color:red;position:absolute;top:-7px;right:10px;border: 1px solid red;border-radius: 34px;padding-top: 0px;height: 20px;display: flex;width: 20px;align-items: center;justify-content: center;}
#Insertdetails .row .col-md-3 .removeicon:hover{cursor:pointer;}

#Insertdetails .col-md-3 #advdates {height:200px;overflow-y:scroll;}
#advancemodal .modal-content .modal-body .col-md-12 .col-md-9 span {display:none;position: absolute;right: 10px;color: #fff;background-color: green;padding: 2px 6px;border-radius: 4px;font-weight: 500;}
#advancemodal .modal-content .modal-body .col-md-12  {border: 1px solid #dee2e6 !important;background-color: #f3f7f9;padding: 20px;width: 100%;border-radius: 20px;}
#advancemodal .modal-content .modal-body .col-md-12  .col-lg-4 {display:flex;align-items:center;}
#advancemodal .modal-dialog {margin: 20px auto;width: 650px !important;}
#advancemodal .modal-body {padding:25px;}

#divadvance .advancediv {padding: 10px 0;border:1px dotted #ddd;color: #fff !important;border-radius: 4px;}
#divadvance .advancediv:hover {border:1px dotted #000;}
#divadvance .advancediv a {color:#6e6e6e;}
#divadvance .advancediv a:hover {color:#001ceb;text-decoration:underline!important;}

#breaktimedetail tbody tr td .row button {background-color:#fff;border:none;}
#breaktimedetail tbody tr td .row button .editbtn-icon {color:#6060ff;font-size:15px;margin-right:3px;}
#breaktimedetail tbody tr td .row button .update-icon {color:#006f74;font-size:15px;margin-right:3px;}
#breaktimedetail tbody tr td .row button .delete-icon {color:#ff4905;font-size:14px;}

#MeetingDetailsbinder table {max-height: 500px;overflow: auto;display: block;}
#MeetingDetailsbinder thead tr th{position: sticky;    top: 0px;padding:10px;} 

.fc-daygrid-day-bottom{display:none;}

#DivInoutdetails table th{color:#fff !important;}

.panel .tablecls.col-lg-7 .card {border: 1px solid #ddd;border-radius: 4px;}
.panel .tablecls.col-lg-7 .card .card-header {text-align: left;font-size: 15px;border-bottom: 1px solid #ddd;padding:5px 0px 5px 15px}
.panel .tablecls.col-lg-7 .card .cntrlcard_height {padding:0;}
.tablecls table thead tr th {color:#fff;font-weight:500;}

._Stickytable .table th{position:sticky;top:0px;z-index:12;}
._tableWrap .lbluseraccess{  text-overflow: ellipsis;width: 322px;word-wrap: break-word;}

._Aligentcontent .chosen-container.chosen-container-single{width:100% !important;}

.table-card .table > tbody > tr td._productwise span{width: 180px;display: block;text-wrap: wrap;text-overflow: ellipsis;word-break: break-word;text-align:left;}
.table-card .table > tbody > tr td._Namereduces{font-size:10px !important;}
.table-card .table > tbody > tr td._Coreducesntent{width:200px;}
.table-card .table > tbody > tr td._Coreducesntent span{width: 200px;display: block;text-wrap: wrap;text-overflow: ellipsis;word-break: break-word;}

/*changed*/
.panel-default .ABprofile #Divshade2 table thead tr th {color:#fff;font-weight:500;}
.panel-default .ABprofile #Divshade2 {height:480px;overflow-y:scroll;}
.panel-default .panel-body-table .ABprofile {padding:0;}

/*Total Leave Details*/
.clleave {width:30%;color:#730bff;background-color:#f1e7ff;border-radius:4px;display:inline-block;text-align:center;margin-bottom:5px;margin-right:5px;font-weight:600;font-size:13px;}
.cloleave {width:30%;color:#ff4816;background-color:#ffe3db;border-radius:4px;display:inline-block;text-align:center;margin-bottom:5px;margin-right:5px;font-weight:600;font-size:13px;}
.lopleave {width:30%;color:#2535ff;background-color:#e0e2ff;border-radius:4px;display:inline-block;text-align:center;margin-bottom:5px;margin-right:5px;font-weight:600;font-size:13px;}
.plleave {width:30%;color:#0089c7;background-color:#d7f3ff;border-radius:4px;display:inline-block;text-align:center;margin-bottom:5px;margin-right:5px;font-weight:600;font-size:13px;}
.slleave {width:30%;color:#9f6800;background-color:#ffeac0;border-radius:4px;display:inline-block;text-align:center;margin-bottom:5px;margin-right:5px;font-weight:600;font-size:13px;}
.get-view-clearbtns {margin-top:23px;}

 /*#Divtab3 #ddl_staff, #Divtab3 #ddl_Teamname{width:300px;}*/

 /*TaskReport*/
._xtboxwidth.percentage.percentage  {  width: 80px !important;margin-right: 10px !important;height: 30px;font-size: 13px !important;}
.btn.btn-primary._gridupdate{height: 30px !important;padding: 5px 6px !important;font-size: 12px !important;}
.vertical-text {writing-mode: vertical-rl; /* Set vertical text direction */transform: rotate(180deg); /* Rotate to make it readable */height: 100px; /* Set a height for better visibility */text-align: center !important;font-size: 20px !important;}
#assigndetails2 > tbody > tr td  {text-align: center !important;padding: 2px 1px !important;}

/*Report Table*/
#divnewtable  #assigndetails2 .Categorydiv {width:75px;}

#divnewtable #assigndetails2 .namestaff {border-top:1px solid #000!important;}
#divnewtable #assigndetails2 .__staffleft {border-left:1px solid #000!important;}
#divnewtable  #assigndetails2 .staff{background-color: #ffe699 !important;color: #000 !important;border-bottom: 1px solid #000 !important;border-right: 1px solid #000 !important;font-weight: 700;font-size:14px!important;}

#divnewtable  #assigndetails2 .allproducts {width:80px;background-color: #1f4e78 !important;color: #fff !important;border-left: 1px solid #000 !important;border-right: 1px solid #000 !important;border-top: 1px solid #000 !important;font-weight: 700;font-size: 20px !important;letter-spacing: 1px;}
#divnewtable  #assigndetails2 .critical_color {background-color: #ff0000 !important;color: #fff !important;border-left: 1px solid #000 !important;border-right: 1px solid #000 !important;font-weight: 700;font-size: 14px !important;letter-spacing: 1px;}
#divnewtable  #assigndetails2 .priority_color {background-color: #00b050 !important;color: #fff !important;border-left: 1px solid #000 !important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;font-weight: 700;font-size: 14px !important;letter-spacing: 1px;}
#divnewtable  #assigndetails2 .Important_color {background-color: #ffff00 !important;color: #000 !important;border-left: 1px solid #000 !important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;font-weight: 700;letter-spacing:1px;font-size:14px!important;}
#divnewtable  #assigndetails2 .general_color {background-color: #cfe2f3 !important;color: #000 !important;border-top: 1px solid #000 !important;border-left: 1px solid #000 !important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;font-weight: 700;letter-spacing:1px;font-size:14px!important;}

#divnewtable  #assigndetails2 ._color0 {background-color: #ffd966 !important;color: #000 !important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;font-weight: 600;}
#divnewtable  #assigndetails2 ._color1 {background-color: #f6b26b !important;color: #000 !important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;font-weight: 600;}
#divnewtable  #assigndetails2 ._color2 {background-color: #93c47d !important;color: #000 !important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;font-weight: 600;}
#divnewtable  #assigndetails2 ._color3 {background-color: #a4c2f4 !important;color: #000 !important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;font-weight: 600;}
#divnewtable  #assigndetails2 ._color4 {background-color: #d5a6bd !important;color: #000 !important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;font-weight: 600;}
#divnewtable  #assigndetails2 ._color5 {background-color: #f6b26b !important;color: #000 !important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;font-weight: 600;}
#divnewtable  #assigndetails2 .leftside_Total_color_1 {background-color: #ffe699 !important;color: #000 !important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;font-weight: 600;}

#assigndetails2 .critical_Completed_color, #assigndetails2 .critical_Closed_color, #assigndetails2 .critical_Pending_color, #assigndetails2 .critical_InProcess_color, #assigndetails2 .critical_Others_color {background-color:#f4cccc!important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;}
#assigndetails2 .priority_Completed_color, #assigndetails2 .priority_Closed_color, #assigndetails2 .priority_Pending_color, #assigndetails2 .priority_InProcess_color, #assigndetails2 .priority_Others_color {background-color:#d9ead3!important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;}
#assigndetails2 .Important_Completed_color, #assigndetails2 .Important_Closed_color, #assigndetails2 .Important_Pending_color, #assigndetails2 .Important_InProcess_color, #assigndetails2 .Important_Others_color {background-color:#fff2cc!important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;}
#assigndetails2 .general_Completed_color, #assigndetails2 .general_Closed_color, #assigndetails2 .general_Pending_color, #assigndetails2 .general_InProcess_color, #assigndetails2 .general_Others_color {background-color:#efefef!important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;}

#divnewtable  #assigndetails2  .leftside_Total_color {background-color: #FFE699 !important;color: #000 !important;border-bottom: 1px solid #000 !important;border-right: 1px solid #000 !important;border-left: 1px solid #000 !important;font-weight: 900!important;letter-spacing:1px;font-size:18px!important;}
#divnewtable  #assigndetails2 .rightside_total_color {background-color: #ffe699 !important;color: #000 !important;border-right: 1px solid #000 !important;border-right: 1px solid #000 !important;border-bottom: 1px solid #000 !important;font-weight: 600;font-size:14px!important;}

#btn_DivBack_reprt{text-align: end;float: right;margin-bottom: 10px;}

/*dashboard design*/
#Dashboardshow table th {padding: 10px;background: #425e71;color: #fff;text-align:center;}
#Dashboardshow table tbody tr td {padding: 3px;}
._dashboardview ._Stickytable{height:500px;overflow:auto;}

._Stickytable  th{position:sticky;top:0px;z-index:12;}

.mt-0{margin-top:0 !important;}
._btnmore a.btn-primary{height: 26px !important;width: 25px !important;padding: 1px 2px !important;font-weight: 900;border-radius: 21px;position: relative;top: -5px;}

._dashboardview ._addproduct {width: 200px;background:#fff;padding:10px !important;}
._dashboardview ._addproduct label {font-size: 13px;font-weight: 500;color:#2b365d;font-weight:500;padding:3px 10px;border-radius:30px;letter-spacing: 1PX;}
._clr1 {color: #1076BB !important;background: #dbf0ff !important;}
._clr2 {color: #1d1d1d !important;background: #EFE0E0 !important;}
._clr3 {color: #FFB933 !important;background: #141E48 !important;}
._clr4 {color: #FFF !important;background:#AE45A1 !important;}
._clr5 {color: #FFF !important;background:#E3452E !important;}
._clr6 {color: #FFF !important;background:#E81C25 !important;}
._clr7 {color: #FFF !important;background:#BB8521 !important;}
._clr8 {color: #000 !important;background:#EFE0E0 !important;}
._clr12 {color: #FFF !important;background:#E81C25 !important;}
._clr10 {color: #FFF !important;background:#0071BB !important;}
._clr11 {color: #FFF !important;background:#202945 !important;}
._clr9 {color: #FFF !important;background:#D93A52 !important;}
._clr13 {color: #FFF !important;background:#313494 !important;}
._clr14 {color: #000 !important;background:#FFDD00 !important;}
._clr15 {color: #FFF !important;background:#0B91D0 !important;}
._clr16 {color: #FFF !important;background:#DA251C !important;}
._clr17 {color: #FFF !important;background:#E81C25 !important;}
._clr18 {color: #FFF !important;background:#EE5234 !important;}

._imgchecked{height:20px;width:20px;}
._labeltext{text-align: center;width: 100%;}
.float-right{float:right !important;}
._lfttwo{background:#fff;width:40%;text-align:end;}
._lftone label{width: 60%;background: #ece5ffc4;padding: 3px 10px;border-radius: 3px;color: #01246a;font-size: 13px;font-weight: 600;text-align: left;}
._lfttwo label{width: 60%;background: #ffeed7ab;padding: 3px 10px;border-radius: 3px;color: #bc6200;font-size: 13px;font-weight: 600;text-align: left;}
._lftone{background:#fff;width: 53%;padding: 0px;text-align:end;}
.inclr2{float: right;color: #0051a2;}
.inclr1{float: right;color: darkblue;}

/*Relesemangemnet*/
 ._Relmangent #DivExtendedIdForFull{height:600px !important;}
 #btn_BugT_viewimage{font-size: 15px;text-decoration: underline !important;position: relative;top: 38px;left: 13px;color: #044a72;letter-spacing: 0.4px;}

  /*Relesemaildetails*/
.__realesemangemnet  table{margin-bottom:0px;}
.__realesemangemnet  table th {padding: 10px;background: #425e71;color: #fff;text-align:center;}
.__realesemangemnet  table tbody tr td {padding: 3px;}
.__realesemangemnet ._Stickytable{max-height:500px;overflow:auto;margin-bottom:15px;}
.__realesemangemnet  ._Stickytable .table th {position: sticky;top: 0px;z-index: 12;white-space: nowrap;font-weight: 500;}

/*christmas*/
.Main_login{height:100vh;overflow-y:hidden;position:relative;z-index:1}
.Main_login ._newvid{position: absolute;width: 100%;height:100%;overflow: hidden;z-index:-1;}
.Main_login ._newvid video{object-fit:cover;width:100%;height:100%;background-repeat:no-repeat;}
.Main_login .form-section {background: rgba( 255, 255, 255, 0.25 );box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );backdrop-filter: blur( 4px );-webkit-backdrop-filter: blur( 4px );border-radius: 10px;border: 1px solid rgba( 255, 255, 255, 0.18 );padding: 30px 30px 50px 30px;}

@media(max-width:768px){.Main_login .bg-img{display:none;}}

 .__uploadFiles {border:none!important;padding:0!important;}

 ._imgupload input[type="file"]::after {content: 'Browse';display: inline-block;outline: none;background: #fe7f00;float: right;white-space: nowrap;color: #fff;font-size: 13px;cursor: pointer;padding: 0px 10px;/*z-index: 1;*/position: absolute;right: 0px;border-radius: 0px 3px 3px 0px;width: 22%;text-align: center;}
 input[type=file] {border: 1px solid rgb(221, 221, 221);background: rgb(255, 255, 255);border-radius: 4px;width: 100%;height: 40px;line-height: 40px;position:relative;margin: 0 !important;}
._imgupload  input[type="file"]::before {content:'';display: inline-block;outline: none;margin: 0px !important;white-space: nowrap;color:#a1a1a1;font-size: 13px;font-weight: 500;cursor: pointer;padding-left:10px;width: 80%;text-overflow: ellipsis;overflow: hidden;}
.leave_report ._BtnXls {margin-top:25px;}

#divsummaryDetails table.dataTable thead th, #divsummaryDetails table.dataTable thead td{padding:10px;}
#involving span{font-size: 12px;font-weight: 500;padding: 5px;border: 1px solid #626a6f;border-radius: 4px;color: #2b2f32;display: inline-block;margin-bottom: 5px;margin-right:5px;}

/*.__altertextbox{width:14%;max-width:100%;flex:none;padding:0px 10px;}*/
.col-md-3.__altertextbox{width:21.999%}
.col-md-1.btnGet-col button{margin-top:22px !important;}
.__employeeDetail{display:block;overflow:auto;margin-top:10px;}
.__employeeDetail table tbody tr:nth-child(1) td{background-color:#626a6f;color:#fff;font-size:13px;border:none !important;font-size:12px;}
.__employeeDetail table tbody tr td{white-space:nowrap;font-size:12px;}
.excelfiles {height:37px!important;line-height:37px!important;}

#Smsidviewdetiels table tr th{color:#fff !important;font-size:12px;font-weight:400;}
#Smsidviewdetiels table tr td {font-size: 12px;min-width: 100px;white-space: nowrap;}

.___cmndetiels{display: flex;/* justify-content: space-between; */}
.___cmndetiels .___cmnindeed{padding: 2px 5px;/* border: 1px solid #ccc; */margin-right: 25px;}
.___cmndetiels .___cmnindeed label{margin-bottom: 0 !important;font-size: 13px;font-weight: 500;}
.___cmndetiels .___cmnindeed label span{font-weight: 600;font-size: 12px;letter-spacing: 0.5px;}

/*SMS Pop-up*/
#Smsidviewdetiels #divSmsidviewdetielsr {display:block;width:100%;overflow:auto;}
#Smsidviewdetiels .modal-header h4 {position:relative;}
#Smsidviewdetiels .modal-header h4 #btn_details {position:absolute;right:115px;font-size:13px;background: rgb(254, 127, 0) !important;color: #fff;border-color: rgb(254, 127, 0) !important;font-weight: 500;}
#Smsidviewdetiels .modal-header h4 #btn_assign {position:absolute;right:28px;font-size:13px;background: rgb(254, 127, 0) !important;color: #fff;border-color: rgb(254, 127, 0) !important;font-weight: 500;}
#Smsidviewdetiels .PopupEdit .clsAssignDetails {color:#000;font-weight:600;text-align:center;margin-top:15px;}

/*Sms-Monitoring*/
#divsmsmonitoring #searchdivcol11 ._cmninline .__clsCheck {position:absolute;top:35px;right:-2px;}
.__userwiseDetails{position: relative;left: 15px;top:-8px;}
.__userwiseDetails label{margin-bottom:2px;}

/*Tms-Level*/
#UserGridName3 .col-lg-5.col-12{padding-right:0px;}
.tabsecboard .__clsUserLevel #divUserGrid3 {margin-top:25px;height:600px;display:block;overflow:auto;width:100%;}
.tabsecboard .__clsUserLevel #divUserGrid3 table tr th,.tabsecboard .__clsUserLevel #divUserGrid3 table tr td{padding:10px 1px !important;text-align:center}
.tabsecboard .__clsUserLevel ._totalview {font-weight:700 !important;background:#eeeeff;}

._clscontent span {white-space:normal;}
.tabsecboard .__clsUserLevel #divUserGrid3::-webkit-scrollbar {width: 5px;height:5px}
.tabsecboard .__clsUserLevel #divUserGrid3::-webkit-scrollbar-track {background: #f1f1f1; }
.tabsecboard .__clsUserLevel #divUserGrid3::-webkit-scrollbar-thumb {background: #888; }
.tabsecboard .__clsUserLevel #divUserGrid3::-webkit-scrollbar-thumb:hover {background: #555; }
/*Taskreport card*/
.panel .tablecls.col-lg-6 .card {border: 1px solid #ddd;border-radius: 4px;}
.panel .tablecls.col-lg-6 .card .card-header {text-align: left;font-size: 15px;border-bottom: 1px solid #ddd;padding: 5px 0px 5px 15px;}
.panel .tablecls.col-lg-6 .card .cntrlcard_height {padding: 0;}
/*Erp-Details*/
#divTotalreleasecount ._Stickytable {border:1px solid #e1e1e1;border-radius:4px;}
#divTotalreleasecount ._Stickytable .table {margin:0;}
#divTotalreleasecount1 ._Stickytable {border:1px solid #e1e1e1;border-radius:4px;}
#involvinglevel .table-card , #divTotalreleasecount1 ._Stickytable .table-card {max-height:300px;width:100%;overflow:scroll;}
#divtestingdetails .table-card {max-height:300px;width:100%;overflow:scroll;border:1px solid #e1e1e1;}
#divdailyjobdetails .panel-body {border-radius: 4px;border: 1px solid #ddd;box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;}
#divTotalcount .table-card {max-height:300px;width:100%;overflow:scroll;border:1px solid #e1e1e1;}
#countrecord .table  {margin-bottom:0;}
#diverptesting .panel-body, #divfetchsupportdetails .panel-body {border-radius: 4px;border: 1px solid #ddd;box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;}
/*Taskreport*/
#divchart7 .cntrlcard_height, #divchart4 .cntrlcard_height, #divchart1 .cntrlcard_height {padding:10px;height:250px;}
#divchart7 .cntrlcard_height #chartdiv7, #divchart4 .cntrlcard_height #chartdiv4, #divchart1 .cntrlcard_height #chartdiv1 {height:100%;}
#id_commonDiv #Div_supplier1 {max-height: 400px;overflow: scroll;overflow-x: hidden;height: auto;}
.__clsSupplierName {font-weight :600 !important;text-decoration :underline;cursor:pointer;}
#Div_supplierStaff button {float:right;margin-top :0;}

#divchartproduct .cntrlcard_height #chartdivprodut {width:90%;height:512px;margin-top:0;}
#divchartproduct .card {border: 1px solid #ddd;border-radius: 4px;}
#divchartproduct .card .card-header {text-align: left;font-size: 15px;border-bottom: 1px solid #ddd;padding: 5px 0px 5px 15px;}

.__Cmnchoosen .chosen-container{width:100% !important;}
/*Level*/
#divUserGrid5 {margin-top : 90px;}
#divUserGrid5 .__clsTeamlist {font-size: 16px;padding: 5px;font-weight :600;color :#000;}
#UserGridName3 .__clsLevelCount {border: 1px solid #faddff;padding: 10px;border-radius: 4px;background: #fef8ff;margin-right: 25px;}

/*Added Css*/
#PartialCallLog .panel-heading #id_Back{float:right;background-color:#17263a;border:1px solid #17263a;}
.page-content .panel-heading .__callLog{float:right;margin-top:0px;}

/*smscommoncalllogreport*/
#DivCallLogMngGridView .__clsPlusBtn {background: #fe7f00;color: #fff;border: 1px solid #fe7f00;border-radius: 4px;font-size: 15px;}
#DivCallLogMngGridView .detail-row .table-bordered.mb-0 td:first-child {width :60%;}


/*CommonAssignLayout*/
#divtitle #Levelsincedays {margin-right: 15px;color: #3949ab;position: absolute;right: 125px;font-weight: 600;}

/*wordBreak*/
.__clsWordBreak{word-break:break-all;}

/*Count*/
.__clsCounts p{font-size: 13px;margin-bottom: 2px;}
.__clsCounts .__counts{border: 1px dashed #fe7f00;padding: 6px 10px;border-radius: 3px;color: #fe7f00;position: relative;bottom: -8px;background: #fe7f0017;margin-right: 10px;cursor:pointer;}
.__clsCounts .__counts span{font-weight:700;}
.__expiryDet{float:left;}
.__clsCounts .__flexInfos{display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;}
.__clsCounts .__flexInfos #CountView{display:flex;}
.__clsCounts .__flexInfos #CountView a{margin-right:15px;border: 1px dashed #fe7f00;padding: 6px 10px;border-radius:3px;color: #fe7f00;position: relative;bottom: -2px;background: #fe7f0017;}
.__clsCounts .__flexInfos #CountView a .__boldTxt{font-weight: 700;}
.__clsCounts .__flexInfos .active{background: #fe7f00 !important;color: #fff !important;}
.__clsCounts .__flexInfos .__exportAndCount{width:280px;}

/*doubleCkb*/
.__doubleCbk{display:flex;margin-right:11px;}
.__doubleCbk input{width:24px !important;}
.__doubleCbk .with-out-date{position:relative;}
.__doubleCbk .with-out-date .outdate{top:0;left:-40px;}
#chkBetaDate .datehover, #chkLiveDate .datehover {top: -19px;left: -55px;}

/*____Common____*/
.__highlightClr{font-size: 11px;color: #fe7f00;}
.__backBtn .btn-secondary{height: 36px !important;background-color: #626a6f !important;font-weight: 500;padding: 5px 15px !important;border: 1px solid #626a6f !important;color: #fff !important;border-radius:3px;margin-bottom:5px;}

/*____customTooltip____*/
.__customTooltip {position: relative;display: inline-block;cursor:pointer;}
.__customTooltip .tooltiptext {visibility:hidden;width: auto;background-color: #fe7f00;color: #fff;text-align: left;padding: 5px 10px;border-radius: 6px;position: absolute;z-index: 1;left: 40px;top: -4px;}
.__customTooltip .tooltiptext > span{width: 100%;display: block;}
.__customTooltip:hover .tooltiptext {visibility: visible;}
.__customTooltip .tooltiptext::after{content: "";position: absolute;top: 12px;right: 100%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent #fe7f00 transparent transparent;}



.__clsSmsDashboard table tr th{color:#fff;}
.__clsSmsDashboard .__clsprdType{text-align: right;padding-top: 15px;}
.__clsshowtrackRemainder .modal-title{text-align:left;}
.__clsshowtrackRemainder table thead tr th{color:#fff;}
.__clsshowtrackRemainder .modal-body label{width:100%;text-align:left;}
.__clsshowtrackRemainder .modal-body label span{font-weight: 600;border: 1px solid #fe7f00;padding: 2px 10px;border-radius: 3px;color: #fe7f00;font-size: 12px;margin-left: 8px;}
.__clsshowtrackRemainder .modal-body .__targetDetails{height: 228px;overflow: auto;}
.__clsStickyhdr{position:relative;margin-bottom:0px;}
.__clsStickyhdr thead tr {position: sticky;top: -2px;}
.__clsStickyhdr tfoot{position: sticky;bottom: 0px;}

/*____SmsIdCloseDashBoard____*/
.__SmsIdCloseDashBoard ul.chosen-choices{min-height: 35px;border: 1px solid #ddd;padding: 8px 5px 5px 5px;}
#SmsIdTragetpopup .clsTCount{color:red;}
#SmsIdTragetpopup .tooltip-inner{max-width:600px!important;}

/*HomePage*/
.__clsproject{width:20%;}
.__clscmnTable#homepage_table{padding-top:0px;padding-bottom:0px;} 
.__clscmnTable {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;}
.__weekTable.panel-body{padding-bottom: 0px;padding-top: 0px;}
.__weekTable table thead tr th{font-size: 12px;text-align: center !important;vertical-align: middle;}
#divTimesheet table thead tr th{font-size:12px;}

.notice_board_contents{height:233px}
.__clsNoticeBoard{padding-top: 16px;}
.__clsTableCmn .panel-body.panel-body-table td, .__clsTableCmn .panel-body.panel-body-table th{padding:5px 10px;}
.holiday_conts .holidaylist{padding-bottom:18px;}
.panel-default .panel-heading.holidaylist #hol_ann{line-height: 20px;}
.holiday_conts-scroll #divHolidaysList .alert{margin-bottom: 15px;}
.__clsTableCmn .panel {margin-bottom:8px;}
.panel-heading.__clstimesheetTitle {padding:5px 15px;}
.panel-heading.__clstimesheetTitle:before{top:7px;}
.holiday_conts-scroll.__clsholidayLst{padding-top: 20px;}
#divweekList .table {padding: 0px 15px;}
#divweekList .table th{text-align:center;}

/*Add/ Edit Designation Details*/
.__clsDesignation .col-md-1{margin-top:35px;}
.__clsDesignation .col-md-1 input{margin-right: 4px;position: relative;top: 1px;}
.__clsDesignation .col-md-1 label{cursor:pointer;}
.__clsDesignation .col-md-2.mb-15{margin-top:24px;}

/*SmsID Summary Report*/
.SmsIDSummaryReport .__commonFieldSet fieldset {float: left;width: 100%;padding: 14px 15px 14px 14px;border: 1px solid #ddd;margin-bottom: 10px;}
.SmsIDSummaryReport .__commonFieldSet fieldset ul {padding: 0px;list-style: none;}
.SmsIDSummaryReport .__commonFieldSet fieldset legend {border: none;width: auto;padding: 5px 11px;margin-bottom: 0px;color: #FF5722;font-weight: 500;font-size: 13px;background: #fff0e2;border-radius: 4px;}
.SmsIDSummaryReport .__commonFieldSet fieldset .__clsmainCard{display:flex;}
.SmsIDSummaryReport .__commonFieldSet fieldset .__innerCard{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;padding: 6px;border-radius: 5px;margin-bottom: 0px;border: 1px solid #ffbe7d;background: #fffbf8;width: 19%;margin-right: 10px;}
.SmsIDSummaryReport .__commonFieldSet fieldset .__innerCard h5{margin-top: 0px;color: #656161;font-size: 10px;margin-bottom: 6px;}
.SmsIDSummaryReport .__commonFieldSet fieldset .__innerCard h1{font-size: 14px;font-weight: 700;margin-bottom: 0px;margin-top: 0px;color: #cc6d0e;}
.SmsIDSummaryReport .__commonFieldSet fieldset.rightContent legend{background: #eeeeee;color: #17263a;}
.SmsIDSummaryReport .__commonFieldSet fieldset.rightContent .__innerCard{border: 1px solid #aab3c1;background: #f4f4f4;}
.SmsIDSummaryReport .__commonFieldSet fieldset.rightContent .__innerCard h1{color: #4b617f;}
.SmsIDSummaryReport .__commonFieldSet fieldset.rightContent .__innerCard{width: 25%;}
.SmsIDSummaryReport .__clsSmsPanel{padding-bottom:15px;}
/*Calllog Report*/
.panel-body.panel-body-table .w2ui-grid-box td, .panel-body.panel-body-table .w2ui-grid-box th{padding:0px !important;}
#divEditDisplayPunchRecords .table-card .table > tbody > tr td{text-align:center!important;}
#divEditDisplayPunchRecords .table-card{height:375px;overflow:auto;width:100%;margin-bottom:15px;border-bottom:1px solid #ededed;}

/*Login Configuaration*/
.loginconfig label{white-space:nowrap;}
.loginconfig  input[type="file"] {border: 1px solid rgb(221, 221, 221);background: #fff;border-radius: 4px;width: 100%;position: relative;height:36px;}
.loginconfig input[type="file"]::before {content: attr(data-value);display: inline-block;outline: none;margin: 0px !important;float: left;white-space: nowrap;color: #333;cursor: pointer;width: 90%;text-overflow: ellipsis;overflow: hidden;line-height: 24px;}
.loginconfig input[type="file"]::after {content: 'Browse';display: inline-block;outline: none;background:#fe7f00 !important;float: right;white-space: nowrap;color: #fff;cursor: pointer;font-size: 13px;z-index: 1;position: absolute;top:-2px;right: 0px;border-radius: 0px 3px 3px 0px;width: 35%;height: 36px;text-align: center;}
.loginconfig .fa-trash-can{font-size:15px;color:red;cursor:pointer;}
.loginconfig .fa-eye{font-size:15px;color:green;cursor:pointer;}
.loginconfig .table-responsive thead tr th{text-align:center !important;}
.loginconfig .table-responsive thead tr th,.loginconfig .table-responsive tbody tr td{vertical-align:middle;font-size:13px;}
/*/profile-userreg*/
#togglePasswordcanditate{position:absolute;bottom:20px;right:30px;}
/*___SupportData___*/
.__clsSupportClLog .btn-excel{margin-top:23px;background-color: #3cad1f;border: 1px solid #3cad1f;margin-left:10px;color:#fff;height:36px;}
.__clsSupportClLog .btn-excel:hover{background-color: #3cad1f;border: 1px solid #3cad1f;}
.__clsSupportClLog .__clscallLogBtns{display:flex;}

.__clssupportCallLog .panel-heading{padding: 3px 15px;margin-top:20px;}
.__clssupportCallLog .panel-heading:before{top:26px;}
.__clssupportCallLog .panel .panel-body{padding:15px 0px;}
.__clssupportCallLog .__clsSupportData{display:block;height:300px;overflow:auto;}
.__clssupportCallLog .__clsSupportData table thead{position:sticky;top:0;}
.__clssupportCallLog .__clsSupportData table thead tr th{color:#fff;font-weight:500;}

@media (min-width: 320px) and (max-width: 480px){
    .profile-data-name, .Emp_welcome{font-size:12px !important;}
    .Emp_img .img-01{width: 32px;height: 32px;}
    #img_activeee a{line-height:35px;}
}