*{}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html body{
	overflow-x: hidden;
	/* background-color: #FCF5EB; */
}
body {
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'Poppins', sans-serif !important;
}


.breck-all{
    word-wrap: break-word;
    word-break: break-all;
}

.table thead th, .table tfoot th {
    text-transform: capitalize !important;
}

/*===============================
	PRIMARY COLOR SECTION START
===============================*/

/*.content-body table a{color:#00A4EF !important;}*/

::root {
	--primary: #00A4EF;
}
a{color:#00A4EF;}
a:hover {
    color: #00A4EF;
}
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active,
.bg-gradient-primary:active, 
.bg-gradient-primary:focus, 
.btn-gradient-primary:active, 
.btn-gradient-primary:focus{
    border-color: #00A4EF !important;
    background-color: #00A4EF !important;
	background-image: linear-gradient(
47deg, #00A4EF, #00A4EF);
}

.bg-light-primary {
    background-color: #00A4EF !important;
    color: #00A4EF !important;
}
.avatar.bg-light-primary{
	color: #00A4EF !important;
}
.main-menu.menu-light .navigation > li a{
	border-radius: 4px;
}
.main-menu.menu-light .navigation > li.active > a,
.main-menu.menu-light .navigation > li ul .active {
    background: linear-gradient(
118deg
, #00A4EF,#00A4EF);
    box-shadow: 0 0 10px 1px #00A4EF;
    color:#ffffff;
}
.btn-primary:hover:not(.disabled):not(:disabled){
	box-shadow: 0px 5px 5px 0px #00A4EF !important;
}
.bg-gradient-primary, .btn-gradient-primary {
    background-image: linear-gradient(
47deg, #00A4EF,#00A4EF);
}
.form-control:focus{
	border-color: #00A4EF;
}
.page-item.active .page-link{
	background-color: #00A4EF;
}
.page-item .page-link:hover {
    color: #00A4EF;
}
.footer a{
	color: #000000;
}
.footer a:hover{
	color: #00A4EF;
}

/*===============================
	PRIMARY COLOR SECTION END
===============================*/

/*===============================
	LOADER SECTION END
===============================*/
.gocover {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
}

/*===============================
	LOADER SECTION END
===============================*/

/*==============================
	SWEET ALERT SECTION START
==============================*/

.swal2-popup{
	border-radius: 4px;
}
.swal2-title{
	font-size: 1.3em;
}
.swal2-confirm,
.swal-button--confirm{
	border-color: #28c76f !important;
    background-color: #28c76f !important;
    color: #ffffff !important;
}
.swal2-deny{
	border-color: #ff9f43 !important;
    background-color: #ff9f43 !important;
    color: #ffffff !important;
}
.swal2-cancel{
	border-color: #e42728 !important;
    background-color: #e42728 !important;
    color: #ffffff !important;
}
.swal-footer{
	text-align:center !important;
}

/*==============================
	SWEET ALERT SECTION END
==============================*/

/*==============================
	ACCORDION DESING SECTION START
==============================*/

.fpv-accordion{

}
.card-body .fpv-accordion .card {
    margin-bottom: 20px;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ebe9f1;
	border-radius: calc(0.428rem - 1px) calc(0.428rem - 1px) 0 0;
}
.fpv-accordion .card-header{
	background-color: #edeff1;
}
.card-body .fpv-accordion .card .card-body{
	padding:20px;
}

.card-body .response .code-block {
  border: 1px solid #ddd;
  page-break-inside: avoid;
  font-family: monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1em 1.5em;
  display: block;
  word-wrap: break-word;
}

/*==============================
	ACCORDION DESING SECTION END
==============================*/

/*===============================
	LOGIN SECTION START
===============================*/

.login-image{

}
.login-image img{
	max-height:600px;
}

/*==============================
	LOGIN SECTION END
==============================*/

/*===============================
	HEADER SECTION START
===============================*/

.main-menu .navbar-header{
	padding: 0.35rem 1rem;
	width: 100%;
}
.main-menu .navbar-header .navbar-brand{
	margin-top:0px;
}
.main-menu .navbar-header .navbar-brand img {
    max-width: 100% !important;
	margin-top: 5px;
    width: 80%;
    position:absolute;
}
.maximize-logo,
.expanded .minimize-logo{
    /*display: none;*/
	opacity: 0;
}
.minimize-logo,
.expanded .maximize-logo {
    opacity: 1;
}
.header-navbar ul.navbar-nav li.dropdown-user .dropdown-menu{
	width: 14rem !important;
}
.header-navbar ul.navbar-nav li.dropdown-user .dropdown-menu .dropdown-item{
	font-size:13px;
}
.header-navbar  ul.navbar-nav li.dropdown-user .dropdown-menu i,
.header-navbar  ul.navbar-nav li.dropdown-user .dropdown-menu svg {
    height: 14px;
    width: 14px;
    font-size: 14px;
    vertical-align: top;
	margin-right:5px;
}

.header-navbar  ul.navbar-nav li.dropdown-user .dropdown-menu .dropdown-item:hover,
.header-navbar  ul.navbar-nav li.dropdown-user .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
    text-decoration: none;
    border-color: #00A4EF;
    background-color: #00A4EF;
}
.vertical-layout.vertical-menu-modern .main-menu .navigation li a{
	font-size:14px;
}

/*===============================
	HEADER SECTION END
===============================*/


/*===============================
	TABLE SECTION START
===============================*/


div.table-responsive>div.dataTables_wrapper>div.row:first-child,
div.table-responsive>div.dataTables_wrapper>div.row:last-child {
    margin: 0px;
}
div.table-responsive>div.dataTables_wrapper>div.row:first-child > div:first-child,
div.table-responsive>div.dataTables_wrapper>div.row:last-child > div:first-child {
    padding-left: 15px;
}
div.table-responsive>div.dataTables_wrapper>div.row:first-child > div:last-child,
div.table-responsive>div.dataTables_wrapper>div.row:last-child > div:last-child {
    padding-right: 15px;
}
table.dataTable td,
table.dataTable th {
    padding: 0.72rem 1rem;
	font-size: 12px;
}
table.dataTable td .btn,
table.dataTable th .btn {
    /*padding: 0;
    height: 30px;
    width: 30px;
    line-height: 28px;*/
    font-size: 12px;
	margin: 1px;
}
table.dataTable .avatar-wrapper{

}
.dccustom-switch p{
	margin-bottom:5px;
}
.dccustom-switch{

}
.dccustom-switch input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.225rem;
    opacity: 0;
}
.dccustom-switch input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
span.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.dccustom-switch span.custom-control-label {
    padding-left: 3.5rem;
    line-height: 1.7rem;
}
span.custom-control-label:before {
	content: "";
}
.dccustom-switch span.custom-control-label:before{
	width: 3rem;
    pointer-events: all;
    border-radius: 1rem;
}
.dccustom-switch span.custom-control-label:before {
    border: none;
    background-color: #e2e2e2;
    height: 1.7rem;
    box-shadow: none !important;
    transition: opacity 0.25s ease, background-color 0.1s ease;
    cursor: pointer;
    user-select: none;
    top: 0;
    left: 0;
}
.dccustom-switch span.custom-control-label .switch-icon-left,
.dccustom-switch span.custom-control-label .switch-icon-right{
	position: absolute;
    cursor: pointer;
    user-select: none;
    line-height: 1.8;
}
.dccustom-switch span.custom-control-label .switch-icon-left{
    left: 6px;
	top: 2px;
    color: #fff;
    opacity: 0;
    transform: translateX(8px);
    transition: opacity 0.1s ease, transform 0.15s ease;
}
.dccustom-switch span.custom-control-label .switch-icon-right {
    right: 13px;
	top: 2px;
    opacity: 1;
    transform: translateX(0px);
    transition: opacity 0.08s ease, transform 0.15s ease;
}
.dccustom-switch input:checked ~ span.custom-control-label .switch-icon-right {
    transform: translateX(-8px);
    opacity: 0;
}
.dccustom-switch input:checked ~ span.custom-control-label .switch-icon-left {
    transform: translateX(0);
    opacity: 1;
}
.dccustom-switch span.custom-control-label .switch-icon-left svg{
	height: 13px;
    width: 13px;
    font-size: 13px;
}
.dccustom-switch span.custom-control-label:after{
	content: "";
    background: 50% / 50% 50% no-repeat;
	display: block;
}
.dccustom-switch span.custom-control-label:after {
    top: calc(0.225rem + 2px);
    left: calc(-3.5rem + 2px);
    width: 1rem;
    height: 1rem;
    background-color: #d8d6de;
    border-radius: 1rem;
}
.dccustom-switch span.custom-control-label:after {
    position: absolute;
    top: 4px;
    left: 4px;
    box-shadow: -1px 2px 3px 0 rgb(34 41 47 / 20%);
    background-color: #fff;
    transition: all 0.15s ease-out;
    cursor: pointer;
    user-select: none;
}
.dccustom-switch input:checked ~ span.custom-control-label:after {
    background-color: #fff;
    transform: translateX(2rem);
}
.dccustom-switch input:checked ~ span.custom-control-label:after {
    transform: translateX(1.4rem);
}
.custom-switch-success input:checked ~ span.custom-control-label:before {
    background-color: #28c76f !important;
    color: #fff;
    transition: all 0.2s ease-out;
}

@media (max-width: 1300px){
	table.dataTable td, table.dataTable th{
		font-size: 11px;
	}
	table.dataTable td.action .btn,
	table.dataTable th.action .btn {
		height: 27px;
		width: 27px;
		padding: 0px;
		display: inline-block;
		line-height: 26px;
		font-size: 11px;
	}
}

/*===============================
	TABLE SECTION END
===============================*/

.brand-logo img{
    width: 100%;
    height: 50px;
}
  
  /*-----17-08-2023-----*/
/*a {
    color: #000000;
}*/

.btn-success {
  border-color: #00A4EF !important;
  background-color: #00A4EF !important;
  color: #fff !important; }

.btn-success:focus, .btn-success:active, .btn-success.active {
  color: #fff;
  background-color: #0093D8 !important; }

.btn-success:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 0px 3px  #00A4EF; }

.btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }
.btn.btn-icon{
    padding: .4rem .4rem;
}
.btn-secondary:hover:not(.disabled):not(:disabled),.btn-success:hover:not(.disabled):not(:disabled),.btn-primary:hover:not(.disabled):not(:disabled) {
   box-shadow: 0px 2px 3px 0px #cccccc !important;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #00A4EF;
    text-decoration: none;
    background-color: #00A4EF1a;
}
.bg-gradient-secondary:hover:not(.disabled):not(:disabled), .btn-gradient-secondary:hover:not(.disabled):not(:disabled),.bg-gradient-secondary:hover:not(.disabled):not(:disabled), .btn-gradient-secondary:hover:not(.disabled):not(:disabled) {
    transform: none;
    background-image: linear-gradient(47deg, #696d71, #82868b);
    box-shadow: 0px 2px 3px 0px #cccccc !important;
}
.m-w-180{
    min-width: 180px;
}
.m-w-100{
     min-width: 100px;
}
.m-w-120{
     min-width: 120px;
}
.m-w-70{
     min-width: 70px;
}
.m-w-60{
     min-width: 60px;
}

/*----------------------------------------------------------*/
html .content .content-wrapper .content-header-title{
    font-size: 18px;
    line-height: 24px;
}
.nav-tabs .nav-link{
     padding: 0px 0px 6px 0px;
    margin: 0px 8px;
}
.nav-tabs .nav-link.active{
    color: #25a6ed;
}
.nav-tabs .nav-link:after{
    background: #25a6ed !important;
}  
.nav-tabs .nav-link{
    font-size: 14px;
}
.all-project .avatar-group {
    flex-wrap: wrap;
    margin-left: 0.55rem;
}
.all-project .avatar-group .avatar{
    margin-bottom: 8px;
}
.all-project .Employee-row{
    min-width: 200px;
}
.all-project .avatar-group .avatar:first-child {
    margin-left: -0.55rem;
}
.ch-new.nav-active-div a{
    padding: 0px 0px 6px 0px;
    margin: 0px 8px;
    color: #6e6b7b !important;
}
.ch-new.nav-active-div a.active{
    color: #25a6ed !important;
}
.ch-new.nav-active-div a.active::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #25a6ed !important;
    transition: transform 0.3s;
}
.btn-flat-primary{
    color: #25a6ed !important;
}    
.assign_to.ch-badge{
    background-color: #25a6ed !important;
    height: 16px;
    width: 16px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}
.text-info{
    color: #00A4EF !important;
}

.employee-list  tbody tr td:nth-child(2),.employee-list tbody tr td:nth-child(3){
    text-wrap: wrap;
    min-width: 200px;
}

.note-toolbar.card-header{
    justify-content: start !important;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
}

/*06-02-2025*/
body .note-toolbar.card-header .btn-group .btn-light{
    color: #333 !important;
  background-color: #fff !important;
  border:1px solid #ccc !important;
  border-right-color: #ccc !important;
  border-left-color: #ccc !important;
}
.note-toolbar.card-header .btn-group > .btn:not([class*="btn-outline-"]):not([class*="btn-flat-"]):not([class*="btn-gradient-"]):not([class*="btn-relief-"]):last-child,.note-toolbar.card-header .btn-group > .btn:not([class*="btn-outline-"]):not([class*="btn-flat-"]):not([class*="btn-gradient-"]):not([class*="btn-relief-"]):last-of-type{
    border-right-color: #ccc !important;
  
}
.note-toolbar.card-header .btn-group > .btn:not([class*="btn-outline-"]):not([class*="btn-flat-"]):not([class*="btn-gradient-"]):not([class*="btn-relief-"]):first-child,.note-toolbar.card-header .btn-group > .btn:not([class*="btn-outline-"]):not([class*="btn-flat-"]):not([class*="btn-gradient-"]):not([class*="btn-relief-"]):first-of-type{
    border-left-color: #ccc !important;
}
/**/