:root {
    --dark-color: #323A45;
    --heading-color: #222222;
    --font-color: #555555;
    --font-white: #ffffff;
    --font-light: #888888;
    --font-xlight: #f0f0f0;
    --font-ccc: #cccccc;
    --text-muted: #9A9A9A;
    --border-color: #e2e2e2;
    --card-color: #ffffff;
    --white-color: #ffffff;
    --body-color: #fcfcfc;
    --box-shadow: #c7c1c1;
    --box-shadow-light: #ececec;
    --font-hc-color: #888888;   
    --bg-hc-color: #323A45
}
h2{
  font-size: 18px;
}
h3{   
    font-size: 16px;
}

/*body { background:url(../images/login-bg.png) fixed;  background-size:100%;}*/

.card .table-head {
    position: relative;
    padding: 10px 20px 0px 20px;
    display: flex;
    justify-content: space-between;
}
.card .table-head h2 {
    color: var(--heading-color);
    font-size: 17px;
    position: relative;
}
.btn-modal-save{
    position: relative;
    font-size: 15px;
    padding: 5px 15px;
    background-color: #27b6f2;
    border: none;
    color: #fff;
    border-radius: 8px;
    outline: none;
}
.btn-modal-cancel{
    position: relative;
    font-size: 15px;
    padding: 5px 15px;
    background-color: #d3d3d3;
    border: none;
    color: #111;
    border-radius: 8px;
    outline: none;
}
.btn-modal-cancel:hover{
    background-color: #27b6f2;
    border: none;
    outline: none;
    color: #fff;
}

/* ------ Table Part Css Style Start --------- */
.search-show-input{
  display: none;  margin-top:10px;
}

.table-top-button{
  width: 100%;
  /* border-radius: 8px; */
  margin-bottom: 10px;
  /*background: #26324f !important;*/ /* background: #030E31!important; */
  padding: 7px; margin-top:10px; 
/* padding: 7px 5px 0px 5px;*/
  position: relative;
}
.table-top-button .btn{
  padding: 6px 18px;
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #0465f5;
  /* border: 1px solid #0451C5; */
  margin-right: 8px;
  outline: none;
  box-shadow: none;
  background: #0451c5;
  color:#fff;
  
}
.btn-table-search{
  padding: 3px 15px;
    border-radius: 4px;
    color: #637AAE;
    font-size: 14px;
    border: 1px solid #637AAE;
    margin-right: 8px;
    background: transparent;
    outline: none !important;
    box-shadow: none !important;
}
.btn-table-search:hover{
  padding: 3px 15px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    border: 1px solid #637AAE;
    margin-right: 8px;
    background: #637AAE;
    outline: none !important;
    box-shadow: none !important;
    
}

/* .table-top-button .btn.btn-import{
  border: 1px solid #0451C5;
}
.table-top-button .btn.btn-export{
  border: 1px solid #;
}
.table-top-button .btn.btn-view{
  border: 1px solid #0451C5;
}
.table-top-button .btn.btn-delete{
  border: 1px solid #0451C5;
} */

.table{
  margin-bottom: 0;
}

.table th{
  text-align: start;
 /* padding: 0.25rem;*/
}

.table td{
  text-align: start;
  padding: 0.25rem;
}
/* .table thead, tr{
   width: 100%;
   display: table;
   table-layout: fixed;
 }
 .table tbody, tr{
   width: 100%;
   display: table;
   table-layout: fixed;
 }
*/
/*.table tbody{
  display: inline-block;
  height: 63vh;
  overflow-y: scroll;
  overflow-x:none!important;
  
}*/
 

table.dataTable{
  border-collapse: collapse !important;
}

/* width */
::-webkit-scrollbar {
  width: 4px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
  }
  
  
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
  background: #555;
  }

/* ------ Table Part Css Style End --------- */



/* -----------sign-part-start------------ */

.sign-part{
	width: 100%;
	height: 100vh;
	display: block; 
	/*z-index:111!important*/;
	position: relative;
}

.form-boxed-centered {
	width: 98%;
	padding:20px;
	z-index:10;
	
	/*background: #fff;*/
	/*background-image: linear-gradient(to bottom, #000 , #999);*/
	
	 

}

.floated-left {   float:left!important;  /*z-index:9999999999;*/ }
.floated-right { float:right;  }

.width-half { width:50%; position:relative;}

.radius-10 { border-radius: 10px;}

.pt-5 { padding-top:15px!important;}
.mt-10 { margin-top:10px;!important;}
.captch-input { width:100%;}


.sign-part .sign-left-part{
	width: 50%;
	padding:20px;
	background: #fff;
	background-image: linear-gradient(to bottom, #0451C5 , #00616F);
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
}

.sign-part .sign-left-part .logo-part{
	width: 135px;
}
.sign-part .sign-left-part .logo-part img{
 width: 100%;
}

.sign-part .sign-left-part .logo-sign{
	width: 70%;
	padding-top: 190px;
	margin: auto;
}
.sign-part .sign-left-part .logo-sign img{
	width: 100%;
}

.sign-part .sign-left-part .sign-slider-part{
	width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 40px;
    color: #fff;
	font-size: 16px;
}

.sign-part .sign-right-part{
	width: 30%;
	position: relative;
	padding: 50px 10px 50px 10px;
	/*background-color: #000410cc;
    border: solid 1px #16244d;*/
	/*background-color: #001827ed;*/
    background:#1f283fe3;
    border: 1px solid var(--border-color);
	box-shadow: inset -2px -2px 25px 0 var(--box-shadow-light);
    border-radius: 5px !important;
 	margin-left:auto; 
	margin-right:auto;
	margin-top:85px; border-radius:10px; 
 }
.sign-part .sign-right-part h2{
    font-weight: 700;
}

.sign-part .sign-right-part .sign-form{
	position: relative;
	width: 100%;
	margin-bottom: 22px;
}
.sign-part .sign-right-part .sign-form label{
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 4px;
}

.sign-part .sign-right-part .sign-form input{
	font-size: 14px !important;
	margin-bottom: 16px !important;
}
.sign-part .sign-right-part .sign-form .sign-forget {
   padding-top: 5px;
   float: right;
   
}
.sign-part .sign-right-part .sign-form .sign-forget  a{
	color: #747474;
}
.sign-part .sign-right-part .sign-button-part{
	width: 100%;
	padding-top: 20px;
	display: flex;
	justify-content: center;
}
.sign-part .sign-right-part .sign-button-part .btn{
	padding: 7px 25px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	/*background: #a6eeff;*/
	background: #0451C5;
    outline: none;
    box-shadow: none;
	width:100%;
}
.sign-part .sign-right-part .sign-button-part .btn:hover{
	color: #fff;
	background: #c2753f;
}
/* -----------sign-part-end------------ */

/* ---------- Tab-Part-Start ------------ */


.add-instrument-btn{
    display: none;
}
.payment-mode-list{
    margin-top: 30px;
    padding: 15px 0px ;
}
.payment-mode-list h3{
    font-size: 20px;
}
.payment-mode-list .btn-save{
    outline: none;
    box-shadow: none;
    padding: 6px 20px;
    border-radius: 20px;
    border: 1px solid #0451C5;
    color: #0451C5;
}
.payment-mode-list .btn-save:hover{
    background-color:  #0451C5;
    color: #fff;
}

.payment-mode-list .btn-add{
    color: #0451C5;
    padding: 6px 20px;
    border-radius: 20px;
    outline: none;
    box-shadow: none;
    border: 1px solid #0451C5;
}
.payment-mode-list .btn-add:hover{
    background-color:  #0451C5;
    color: #fff;
}
/* .save-data-detail{
    display: none !important;
} */
 .save-data-detail{
    background-color: lightgrey;
    padding: 5px 10px;
}
 .save-data-detail label{
    display: flex;
    align-items: center;
}


.tab {
    float: left;
    background-color: #fff;
    width: 15%;
    padding: 0px;
    height: 370px;
  }
  .tab button {
    display: flex;
    justify-content: start;
    background-color: transparent;
    color: black;
    padding: 10px 20px;
    margin-bottom: 10px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
  }
  
  .tab button:hover {
    background-color: #E5FCFF;
    color: #0451C5 ;
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
  }
  
  @-webkit-keyframes shine {
    from {
      -webkit-mask-position: 150%;
    }
    
    to {
      -webkit-mask-position: -50%;
    }
  }
  .tab button.active {
    background-color: #E5FCFF;
    border-left: 2px solid #0451C5;
    color: #0451C5 !important;
  }
  
  .tab button span{
    width: 40px ;
    height: 40px;
    border: 1px solid #5070a9;
    padding: 5px;
    margin-right: 20px;    
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #5070a9;
  }
 
  
  .tab button:hover span{
    border: 1px solid #ffa500 !important;
    background:  #ffa500 !important;
    color: #fff;
  }
  
  .tabcontent {
    float: left;
    padding: 10px 15px;
    border-left: 1px solid #ccc;
    width: 85%;
  }
  .tab-online-content{
    display: flex;
    justify-content: space-between;
  }
  .tab-online-content h2{
    font-size: 24px;
  }
  .payment-btn{
    float: right;
    margin-top: 10px;
  }
  .payment-btn .btn-save{
    padding: 6px 25px;
    background-color: #0451C5;
    border: none;
    outline: none;
    border-radius: 20px;
    color: #fff;
    position: relative;

  }

  /* ---------- Tab-Part-End ------------ */

  .select2-container--default .select2-selection--single{
    height: 35px !important;
    border-color: var(--border-color) !important;
  }


  /*  ------------- Login form validation part start -------------- */
  #basic-form{
    padding: 10px 20px;
  }
  .save-btn{
    margin: 10px;
    float: right;
  }
/* The message box is shown when the user clicks on the password field */
#message {
  display:none;
  background: #f1f1f1;
  color: #000;
  position: relative;
  padding: 10px 20px;
  margin-top: 10px;
}
#message p {
  padding: 0px 35px;
  font-size: 16px;
  margin-bottom: 0;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}

.valid:before {
  position: relative;
  left: -35px;
  content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
  color: red;
}

.invalid:before {
  position: relative;
  left: -35px;
  content: "✖";
}

   /*  ------------- Login form validation part end -------------- */

/* ---------- right-top-dropdown start---------- */


.navbar-nav li{
  margin-right: 10px;
}

.navbar-nav li .select-top{
  width: 100px;
  border: none;
  font-size: 16px;
  font-weight: 600;
}
.navbar-nav > .dropdown > .dropdown-toggle{
  display: inline-flex;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  width: 35px;
  height: 35px;
  align-items: center;
  border-radius: 100px;
  color: #0451C5;
  border: 1px solid #0451C5;
}
.dropdown-toggle::after{
  display: none;
}
.right-top-dropdown{
  padding: 14px!important;
  width: 215px;
}

.right-top-dropdown a{
  font-size:14px!important;
  
}

.right-top-dropdown li{
  margin-bottom: 10px;
}

.logo-show-part{
  border: 1px solid var(--border-color);
    width: 100%;
    height: 22vh;
    padding: 5px 10px;
    margin-bottom: 12px;
}
.logo-show-part .btn-change{
  padding: 0px 6px;
  border: 1px solid #dedede;
  background: transparent;
  outline: none;
  box-shadow: none;
  font-size: 15px;
  font-weight: 500;
}
.logo-show-part .logo-img{
  
  padding: 15px;
  width: 100%;
  overflow: hidden;

}
.logo-show-part .logo-img img{
  width: 100%;
}
/* ---------- right-top-dropdown end---------- */

/* ------Add Role Modal Start ---------- */

#role-add-modal .modal-content{
  position: absolute;
  height: 100vh;
  left: 100%;
  top: -27px;
}
  
.add-modal-body{
  height: 80vh;
  overflow-y: scroll;
}
/* ------Add Role Modal End ---------- */

/* New Added css date (02-08-2023) part start */

.doj-img{
  width: 23px;
}
.doj-img img{
  width: 100%;
}
.job-box{
  width: 162px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 20px 10px;
  text-align: center;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.job-box h2{
  font-size: 30px;
}
.job-box-one{
  border: 1px solid #0451C5;
}
.job-last-text{
  font-size: 12px;
}



/* New Added css date (02-08-2023) part start */




/* ----------- Responsive Css Part Start ------------- */
   
@media screen and (max-width: 768px){
    .sign-part{
        display: block;
    }
    .sign-part .sign-left-part{
        width: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .sign-part .sign-right-part{
        width: 100%;
        padding: 50px;
    }
    .sign-part .sign-right-part h2{
        font-size: 24px;
    }
    .sign-part .sign-left-part .logo-sign{  
        padding-top: 50px;
    }
    
}

/* ----------- Responsive Css Part End ------------- */


/* final modal css right fixed*/

.modal-dialog {
  position: fixed;
  margin: auto;
  /*width: 600px;*/
  height:100vh; 
  right: 0px;
  width: 80vh;	
}
.modal-content {
  height: 100%;
  border-radius:0;
  overflow-y:auto;
  overflow-x:hidden; box-shadow: inset -2px -2px 25px 0 var(--box-shadow-light);

}
.modal-content .body {
  overflow-x:hidden; 
  overflow-y:auto; 
  min-height: 78vh!important; 
  height: 100%!important;
}

.modal-body {
  overflow-y:scroll;
  overflow-x:hidden; 
  min-height: 78vh!important; 
}

/* .modal-dialog {
    position: fixed;
    margin: auto;
    height:100vh; 
    right: 0px;
} */
.modal-center-dialog {
  position: relative !important;
}

/* .modal-content {
    height: 100%;
	border-radius:0;
	overflow-y:auto;
	overflow-x:hidden;	
} */
.modal-center-content {
  height: 260px !important;
  overflow-y: hidden !important;
  border-radius: 8px !important;
}
.modal-center-content .modal-body{
  overflow-y: hidden !important;
}

.modal-center-content h5{
  color: #0451C5;
}
/* .modal-content .body {
    overflow-x:hidden; 
    overflow-y:auto; 
	 height: 100%!important;
} */

/* .modal-body {
    overflow-y:scroll; overflow-x:hidden; 
} */


/* New Css start 2023-04-08 for action btn */
input[type="image"]{ max-height:30px; margin-bottom:0px; }



/* modal-center-css-start */
.modal.modal-vcenter .modal-dialog {
  /* overwrites bootstrap4 properties */
  position: relative;
  margin: auto;
  max-width: 100%;
  /* height: 100%; */
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 576px){
.modal.modal-vcenter .modal-dialog {
  min-width: 546px; /* or whatever min-width you want */
  max-width: 50%; /* width for most tablets and desktops */
}
}

/* modal-center-css-end */

/*disabled button css */
.btn.disabled, .btn:disabled {
    opacity: .45!important;
 	color:#f9f9f9;
}
.fc .fc-toolbar .fc-today-button, .fc .fc-toolbar .fc-state-default {
 	 background-color: #0451C5;
}

/*.form-control:disabled, .form-control[readonly] {
    background-color:#26324f;
    opacity: 1;
}*/

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fbfbfb;
    cursor: default;
}

.text-light-grey {
    color:#73777a42!important;
}

.disabled-link {
  color:#73777a42!important;
  pointer-events: none;
}

/* tab button for employee start */
.nav-link2 {
    /* display: block; */
    padding: 0.5rem 1rem;
}
 
a {
    color: #0451C5;
    text-decoration: none;
    background-color: transparent;
}

/*a.tabactive {
    color: #fff;
    background-color: #ffd000!important;
    border-color: #ffd000!important;
}*/
/* tab button for employee end */ 
.user-photo {
    width:140px; height:140px; border:solid 1px #eee;
}

.size-10 {
  max-width: 25px!important;
  width: 25px!important;
  height:25px!important;
  border-radius:50%!important; border:solid 1px #eee!important;
}
/*table grid color */
/*.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(249 249 249)!important;
}*/
 
.dropdown-item { cursor:pointer; font-size: 13px;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9d9ab469!important;
  opacity: 0.9; /* Firefox */
}

/* workflow user list popup list */
.form-section-heading {
  border: solid 1px #eee;
  background: #eee;
  padding: 5px;
  padding-left: 10px;
  height: 30px;
  padding-left: 18px;
  border-radius: 10px;
}

.form-section-heading h5 {
  font-size:14px; font-weight:600;
}
.users-list {
  padding-left: 0;
  list-style: none;
}

.users-list > li {
  float: left;
  padding: 10px;
  text-align: center;
  width: 24%; margin:2px;
}

.users-list > li img {
  border-radius: 50%;
  height: auto;
  max-width: 100%;
}

.users-list-name {
  color: #495057;
  font-size: .875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width:100%;
  text-align:center;
}

.users-list-date {
  color: #748290;
  font-size: 12px; text-align:center;
}

/* scroll css default abhi */

table.dataTable{
  border-collapse: collapse !important;
}


::-webkit-scrollbar {
  width: 12px;
  height: 10px;
  }
  

  ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
  background: #cad0d0;
  border-radius: 10px;
  }
  
  
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
  background: #cad0d0;
  }
/* scroll css default end */

.disabledLabel {
    pointer-events: none;
    opacity: 0.5;
}

.show-hide {
     display:none;
}


/* css blink Animation Start */
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.blink_me {
  animation: blinker 1s linear infinite;
}
 
.form-control {
     padding: 0.375rem 0.35rem!important;
}
.table-responsive {
    /* min-height:450px;*/ /*overflow:auto;*/
}
/*.tableholder {
     min-height:450px;   
}*/

.table-responsive {
	 overflow:auto;/* manage action button sk*/
     overflow-x:visible!important;
 }

/*span.text-danger {
     font-size:20px; 
 }*/
 
 
    
@media screen and (max-width: 768px){
   /* final modal css right fixed*/

.modal-dialog {
  position: relative;
  margin: auto;
  /*width: 600px;*/
  height:100vh; 
  right: 0px;
  width: 100%;	
}
    
}

/* ----------- Responsive Css Part End ------------- */



.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: inherit!important;
     
}



/*.form-control:focus {
    color: #fff;
	background-color:#26324f;
    border-color: #0e479d;
 }*/



input:is(:-webkit-autofill, :autofill) {
 	color: #fff!important;
	background-color:#152040!important;
    border-color: #0451C5!important;
}