/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

div.ml-container {
	height: unset;
}

/* sidebar margin adjust */
div.ct-sidebar {
	margin-top: -20%;
	margin-left: -20%;
}

/* full-height */
div.ct-container {
	height: 100vh;
}


/* horizontal scroll div */
.div-overflow {
	overflow-x: auto;
	white-space: nowrap;
}
.div-overflow::-webkit-scrollbar-track
{
	border-radius: 30px;
	background-color: #f2f2f2;
}
.div-overflow::-webkit-scrollbar
{
	width: 8px;
	background-color: #f2f2f2;
}
.div-overflow::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	background-color: #e0e0e0;
}

/* vertical scroll div */
.div-overflow-vertical {
	overflow-y: auto;
	white-space: nowrap;
}
.div-overflow-vertical::-webkit-scrollbar-track
{
	border-radius: 30px;
	background-color: #f2f2f2;
}
.div-overflow-vertical::-webkit-scrollbar
{
	height: 8px;
	background-color: #f2f2f2;
}
.div-overflow-vertical::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	background-color: #e0e0e0;
}


/* sidebar text style */
#menu-menu .menu-item > a {
    text-decoration: none;
}
#menu-menu .current-menu-item > a, .current-page-ancestor > a {
    font-weight: 500;
    color: #2872fa;
}
.menu-item > a {
	display: flex !important;
	align-items: center !important;
}


/* table styling */
.custom-table-hover > tbody:hover th[rowspan], tr:hover td {
 	background: #e7e6e8;
}

.w-id {
	padding: 0px;
	text-align: center; 
	width: 12%;
}

.w-label {
	width:25%;
}

.table-fixed {
	table-layout: fixed;
}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
      vertical-align: middle;
 }

table, th, td {
    border-style :none;
}

/* card */
.row {
	margin-left: 0px;
}

.col {
	width:auto;
	background-color: #ffffff;
	border-radius:6px;
	box-shadow: 0 4px 12px 0px #ccc;
	padding:30px !important;
}

/* buttons */
.ct-button:hover { text-decoration: none; }
.ct-button-ghost:hover { text-decoration: none; }

.btn-cancel { 
	border: 1px solid #de1738 !important;
	color: #de1738 !important;
	background: none !important;
}

.btn-cancel:hover { 
	background: #ce2029 !important;
	color: white !important;
}

.btn-square {
	padding: 5px !important;
	line-height: 10px !important;
}

.progress {
    position: relative;
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: #1c2639;
}

/* modal */
.modal-header {
  border-bottom: none;
}


/* text */
.middle {
	vertical-align: middle;
	display: inline-block;
}

.ct-button, .ct-button-ghost {
	font-weight: 400 !important;
	border-width: 1px !important

}


/* fix input height */

input.form-control {
	min-height: 45px !important;
}

/* input border */

input {
	border-color: #e0e5eb !important;
}

/* mobile content margins  */

@media (max-width:420px) {

	.hero-section {
		margin-left: 0px !important;
	}

	.ct-container {
		width: auto !important;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

}


.form-control.is-invalid {
  border-color: #dc3545 !important;
}

.form-control.is-valid {
  border-color: #28a745 !important;
}

.accordion {
  margin-bottom: 1rem !important;
}

hr {
	border: 0 !important;
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* input disabled */
.form-control-disabled {
	pointer-events: none !important;
    background-color: #e9ecef !important;
    opacity: 1 !important;
}