.btn-circle.btn-sm { 
	width: 30px; 
	height: 30px; 
	padding: 6px 0px; 
	border-radius: 15px; 	
	text-align: center; 
} 
.btn-circle.btn-md { 
	width: 50px; 
	height: 50px; 
	padding: 7px 10px; 
	border-radius: 25px; 	
	text-align: center; 
} 
.btn-circle.btn-xl { 
	width: 70px; 
	height: 70px; 
	padding: 10px 16px; 
	border-radius: 35px; 	
	text-align: center; 
} 

.btn-ripple {
	display: inline-block;
	position: relative;
	overflow: hidden;
	transition: all ease-in-out .5s;
}

.btn-ripple::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 25%;
	height: 100%;
	width: 50%;
	background-color: #000;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	transition: all ease-in-out 1s;
	transform: scale(5, 5);
}

.btn-ripple:active::after {
	padding: 0;
	margin: 0;
	opacity: .2;
	transition: 0s;
	transform: scale(0, 0);
}

div.dataTables_wrapper div.dataTables_paginate{
	padding-top: 0.85em;
}

table.dataTable tbody tr.selected {
    background-color: lightyellow !important;
}

.datatable_actions{
	display: none;
}

/* table tbody tr:hover td{
    background-color: #FFFFE0 !important;
} */

.read-column{
	background-color: #f4f6f9 !important;
}

.pace .pace-progress{
	height: 3px;
}

.form-group.required .col-form-label:after {
	content:"*";
	color:red;
	position: absolute;
   	margin-left: 1px;
	margin-top: -2px;
}

.weekDays-selector input {
	display: none!important;
}

.weekDays-selector input[type=checkbox] + label {
	display: inline-block;
	border-radius:10px;
	background: #F3F9FF;
	color: #8e9aa6;
	width: 48px;
	height:50px;
	margin:0 8px 8px 0;
	line-height:50px;
	text-align: center;
	cursor: pointer;
}
  
.weekDays-selector input[type=checkbox]:checked + label {background: #2fa3d5; color: #ffffff;}

.action_link{ width: 30px; height: 30px; margin: 1px 2px; display:inline-block; font-size:12px; color: #18A17C; text-align: center; line-height: 26px; border-radius: 50%; border: none; border:2px solid #18A17C}
.action_link:hover{ color: #fff; background: #18A17C;}
.action_link:focus{ color: #fff;}
.action_link.red{ border-color:#E85152; color:#E85152;}
.action_link.red:hover{ background:#E85152; color:#fff;}
.action_link.orange{ border-color:#E99250; color:#E99250;}
.action_link.orange:hover{ background:#E99250; color:#fff;}
.action_link.blue{ border-color:#007bff; color:#007bff;}
.action_link.blue:hover{ background:#007bff; color:#fff;}
.action_link.dark{ border-color:#000; color:#000;}
.action_link.dark:hover{ background:#000; color:#fff;}

.add-manager-button{cursor: pointer;}
.minus-manager-button{cursor: pointer;}
#dynamic_add_manager h3, #dynamic_add_manager h4{display: inline-block; margin-top: 0px;}

.licence_image{ width: 100px; padding:0 ; margin:0; border-radius:50%; position: relative;}
.licence_image img{ width: 150px; height: 100px; padding:0 ; margin:0; object-fit: cover; border-radius:10%;}

.upload_btn{ width:26px; padding:0; margin:0; position: absolute; right: 0; bottom: 0;}
.upload_btn .fileUpload { width: 26px; line-height: 26px; text-align: center; position: relative; overflow: hidden; padding:0; margin:0; font-size:14px; color:#fff; background:#FFBD4A; border:none; border-radius:50%; margin-left:60px;}
.upload_btn .fileUpload input.upload { position: absolute; top: 0; right: 0; bottom:0; left:0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}

.pagination{float: right;}

/* sidebar css */
.sidebar-dark-primary{ background-color: #2fa3d5;}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active { background-color: #000000; color: #fff;}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover { background-color: #000000; color: #fff;}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active p { background-color: #000000; color: #fff;}
[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus { background-color: #000000; color: #fff;}
.main-sidebar .brand-text, .main-sidebar .logo-xl, .main-sidebar .logo-xs, .sidebar .nav-link p, .sidebar .user-panel .info { color: #fff;}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active p {background-color: #000000; color: #fff;}
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus, [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link p {background-color: #000000; color: #fff;}
[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, .nav-sidebar>.nav-item:hover>.nav-link p {color: #fff;}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {background-color: #000000;}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover p{color: #fff;}

.portalColor{background-color: #2fa3d5;}

.nav-pills .nav-link:not(.active):hover{ color: #2fa3d5;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background: #2fa3d5;}

.btn-primary { color: #fff; background-color: #2fa3d5;}
.btn-primary:hover { color: #fff; background-color: #2292B3; }
.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #2292B3;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #2292B3;}

.table-striped tbody tr:nth-of-type(odd){background: none;}

a { color: #57555D;}
a:hover { color: #2fa3d5; text-decoration: none; }

.canvas {border: 1px solid black; margin: 10px 0;}