#main_grid {
    padding:15px;
	display: grid;
	grid-template-columns: 28% 1fr 280px;
	grid-template-rows: 1fr;
	grid-column-gap: 15px;
    grid-row-gap: 0px;
}
.main_grid_item {
	height:100%;
    content:'';
    border:1px solid #ccc;
	border-radius:5px;
    background:#fff;
	overflow:hidden;
}
#home_grid {
    /* padding:15px; */
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(5, 160px);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    align-items: start;
    /* height:900px; */
	/* width: calc(80% - 10px); */
	/* float:left; */
}
.home_grid_item {
    height:160px;
    content:'';
    border:1px solid #ccc;
	border-radius:5px;
    background:#fff;
	overflow:hidden;
}
.home_grid_item_h2 {
    height:335px;
    grid-row-end: span 2;
}
.home_grid_item_h3 {
    /* height:510px; */
	height:auto;
    grid-row-end: span 5;
}
.home_grid_item_blue {
    background: #489cdc;
}
.home_grid_item_title {
    width: 100%;
    height: 30px;
    background: #489cdc;
    color:#fff;
    padding:5px;
    font-size: 18px;
    font-weight: 500;
    text-align:center;
}
.home_grid_item_title_icon {
	float:right;
	cursor:pointer;
}
.home_grid_item_content {
    width: 100%;
    height: calc(100% - 30px);
    padding:5px;
	overflow-y: auto;
}
.home_grid_item_content_full {
    height: 100%;
}
.home_grid_item_center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.home_grid_item_around {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.home_grid_item_blue .home_grid_item_content {
    color: #fff !important;
}
.home_grid_cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr 1fr;
	grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.home_grid_card {
	background:#fcc;
	padding:10px;
	position:relative;
}
.home_grid_card_h2 {
	grid-column-end: span 2;
}
.home_grid_card span {
	font-size:28px;
	font-weight: 600;
	position:absolute;
	right:10px;
	bottom:5px;
}
.home_content_table {
	width:100%;
}
.home_content_table th {
	font-weight: bold;
	padding:5px;
	border-bottom:1px solid #489cdc;
	text-transform: uppercase;
}
.home_content_table td {
	padding:5px;
}
.home_content_table_total td {
	border-top:1px solid #489cdc;
}

.home_grid_item_bar {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #ccc;
}
.home_grid_item_bar_input {
    width: 100%;
    height: 20px;
    border: 1px solid #eee;
    background: #eee;
    color:#444;
    padding: 2px;
    margin: 0px;
    font-size: 12px;
    outline:0;
    text-align:right;
}
.business_contact_card {
    width: 100%;
    height: 100%;
    position:relative;
    border-bottom: 1px solid #ccc;
    padding: 5px 25px 5px 5px;
    overflow: hidden;
    cursor:pointer;
}
.business_contact_card:after {
    width:10px;
    height:10px;
    border-top:3px solid #489cdc;
    border-right:3px solid #489cdc;
    content:'';
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top:-8px;
    transform: rotate(45deg);
}
.business_contact_card:hover {
    background: #eee;    
}
.business_contact_card_name {
    font-size: 14px;
    font-weight: 600;
    color: #444;
    text-transform: capitalize;
}
.business_contact_card_company {
    font-size: 12px;
    color: #489cdc;
    margin-right:5px;
    text-transform: uppercase;
}
.business_contact_card_role {
    font-size: 11px;
    color: #444;
    text-style: italic;
    text-transform: capitalize;
}
.business_contact_card_detail {
    display:none;
}
#business_contact_detail {
    padding: 5px 10px;
    position:relative;
}
#business_contact_back {
    display:block;
    position:absolute;
    top:4px;
    right:6px;
    content:'';
    cursor: pointer;
    color:#444;
    font-size:12px;
    vertical-align: middle;
    line-height:12px;
}
.business_contact_detail_icon {
    color: #489cdc !important;
    margin-right:0px;
    font-size: 14px;
    vertical-align: middle;
}
.business_contact_detail_phone,
.business_contact_detail_mobile {
    width:48%;
    display:inline-block;
    margin-top:10px;
    font-size: 11px;
}
.business_contact_detail_email {
    margin-top:5px;
    font-size: 11px;
}
.business_contact_detail_address {
    margin-top:5px;
    font-size: 11px;
}
.business_contact_detail_phone:empty,
.business_contact_detail_mobile:empty,
.business_contact_detail_email:empty,
.business_contact_detail_address:empty {
    display:none;
}
#home_grid_customize {
    width:20px;
    height:20px;
    content:'';
    border-radius:50%;
    position:absolute;
    top:5px;
    left:5px;
    text-align:center;
    color:#fff;
    cursor:pointer;
    font-size:16px;
}
#configPopup{
	position:fixed;
	height:80%;
	width:80%;
	left:4%;
	top:4%;
	margin:auto;
	background-color:white;
	z-index:999;
	border-radius:8px;
	border:1px solid teal;
}
#configPopupCloseBtn{
	margin:-10px;
	float:right;
	height:25px;
	width:25px;
	color:white;
	border:1px solid black;
	background: #0092ce;
	border-radius: 50%;
    font-size:13.5px;
    text-align: center;
	cursor: pointer;
	font-size:18px;
	font-weight:500;
}
#configPopupContent{
	padding:15px;
	overflow:auto;
	height:90%;
}
#configPopupHeader {
	padding: 0px 10px;
}
#configPopupContent {
	padding:10px;
}
#tile_list {
	border:1px solid #ccc;
	padding:5px;
	height: calc(100% - 60px);
	overflow:auto;
	background:#eee;
}
.tile_list_item {
	border:1px solid #ccc;
	margin:5px;
	font-weight: bold;
	padding:10px;
	background:#fff;
	position:relative;
	color:#0092ce;
}
.tile_list_item small {
	font-weight: normal;
	padding-left:25px;
	color:#444;
}
.tile_list_item_icons {
	width:20px;
	height:40px;
	position:absolute;
	top:50%;
	right:10px;
	content: '';
	margin-top:-20px;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
	justify-content: center;
	color:#0092ce;
}





.toggle_check {
    position:relative;
}
.toggle_check .knobs, .toggle_check .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.toggle_check .button {
    position: relative;
    top: 50%;
    width: 38px;
    height: 20px;
    overflow: hidden;
    border-radius: 20px;
    display:inline-block;
    vertical-align: middle;
}
.toggle_check .button .layer {
    border-radius: 20px;
}
.toggle_check * {
    user-select: none;
    -webkit-tap-highlight-color:transparent;
}
.toggle_check *:focus {
    outline: none;
}
.toggle_check .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
.toggle_check .layer {
    width: 100%;
    background-color: #ddd;
    background-color: rgba(#005DAA,.5);
    transition: 0.3s ease all;
    z-index: 1;
}
.toggle_check .knobs {
    z-index: 2;
}
.toggle_check .knobs:before {
    position: absolute;
    top: 2px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
    left: 20px;
    background-color: #005DAA;
    content: 'X';
}
.toggle_check .checkbox:checked + .knobs:before {
    left: 2px;
    background-color: #005DAA;
    content: '\2713'; /* tick */
}
.toggle_check.checked_off .knobs:before {
    content: '\2713'; /* tick */
    left: 2px;
    background-color: #005DAA;
}
.toggle_check.checked_off .checkbox:checked + .knobs:before {
    content: 'X';
    left: 20px;
    background-color: #005DAA;
}

.toggle_check.checked_arrow .knobs:before {
    content: '\23F4'; /* left arrow */
    left: 2px;
    background-color: #005DAA;
}
.toggle_check.checked_arrow .checkbox:checked + .knobs:before {
    content: '\23F5'; /* right arrow */
    left: 20px;
    background-color: #005DAA;
}

.toggle_check .checkbox:checked ~ .layer {
    background-color: #ddd;
    background-color: #ccc;/*rgba(#005DAA,.2);*/
}
.toggle_check .knobs, .toggle_check .knobs:before, .toggle_check .layer {
    transition: 0.3s ease all;
}






@media (min-width:1201px) {
    #main_grid {
        grid-template-columns: 280px 1fr 280px;
    }
    #home_grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 160px);
    }
}

@media (min-width:1601px) {
    #main_grid {
        grid-template-columns: 320px 1fr 280px;
    }
    #home_grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(5, 160px);
    }
}

.text-center {
    text-align:center;
}

.hidden0 {
	display:none !important;
}


#main_grid .alert {
	margin: 0px 0px 15px 0px;
	background-size:200px auto;
}