.fw {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
div:empty, h4:empty { display:none;}
.logo-img { width:auto; height:80px;}
/* .login-bg { background:transparent url(../images/login-bg.jpg) no-repeat center center; position:relative;     height: 100vh; overflow-y:auto;} */
.login-bg:before {/* content:''; background:rgba(0,0,0,0.7); width:100%; height:100%; position:absolute; left:0; top:0; */}

.app-login-box .modal-content, .app-login-box .modal-footer { background:none; box-shadow:none; border:0; padding:0;} 
.app-login-box .modal-dialog { box-shadow:none; border:0; margin:0;}
.app-login-box h4 div { opacity:1;}
.app-login-box h2,
.app-login-box span { margin-bottom:15px;}
.app-login-box .form-group { display:flex; border:2px solid #bbd5d6;     border-radius: 3px; overflow: hidden; margin-bottom:12px;}
.app-login-box .form-group .icon {width:25px; height:50px; color:#13b5ea; background:#fff;     display: flex; justify-content: center; align-items: center; margin-left:20px; }
.app-login-box .form-group .icon .fa { font-size:18px; }
.app-login-box .form-group .form-control { height:50px; border-radius:0; border:0; box-shadow: none;}
.app-login-box .modal-footer {justify-content: center;     margin-top: 10px;}
.app-login-box .modal-body { padding:0;}
.app-login-box form { margin:20px 0;}
.app-login-box > div:not(:last-child) { margin-bottom:30px;}

input[type="checkbox"] { display:inline-block;}
input[type="checkbox"] + label { position:relative; padding-left:22px;  display: inline-block; width: 100%; line-height: 20px;vertical-align: top; }
input[type="checkbox"] + label::before { content:''; width:15px; height:15px; border:1px solid #13b5ea; position:absolute; left:0; top: 50%; transform: translateY(-50%);     transition: ease all 0.5s; color:#fff;}
input[type="checkbox"]:checked + label::before { background:#13b5ea; font-family: 'Font Awesome 5 Free';     content: "\f00c"; font-size:10px; text-align:center; line-height:13px;}

.app-header__logo img { width:auto; height:50px;}

.fancy-grid-header-cell, .fancy-grid-header-cell:hover { background:#001b2b; font-size:14px;  border-color: #e9ecef; color:#fff; }
.fancy-grid-cell { font-size:14px; color:#001b2b; }
.fancy-panel .fancy-panel-header { background: #00b5e6; }
.fancy-panel-grid-inside { border:1px solid #00b5e6;}
.fancy-panel .fancy-panel-body { border:0 !important}



.btn-outline-info { float: right; margin-top: -8px; color: #fff; border: #000; font-size: 14px;}
.inner-title {
	display: inline-block;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #001b2b;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: #001b2b;
}
.border-around > div {
	border:1px solid #f1f4f6;
}
.google-visualization-orgchart-node {
	text-align: center;
    vertical-align: middle;
    font-family: arial,helvetica;
    cursor: default;
	font-size: 15px;
	color: #fff;
    background: #001b2b;
    border: 0;
    border-radius: 0;
    padding: 10px;
}
.google-visualization-orgchart-table {
	width:600px;
}
.google-visualization-orgchart-lineleft, .google-visualization-orgchart-linebottom, .google-visualization-orgchart-lineright {
	    border-color: #001b2b;
}
table tr td .btn:not(.btn-outline-primary) { background:none !important; padding:0; border:0; color:#00b5e6;}
table tr td .btn:not(.btn-outline-primary):hover { color:#001b2b;}
.auto-width-table { width:auto;     min-width: 300px; }
.bg-faded { background:#f1f4f6;}
.full-width-box { display:inline-block; width:100%; vertical-align:top;}
.btn-secondary, .btn-primary + .btn-danger { border:1px solid #00b5e6 !important; background:none; color:#00b5e6; }
.btn-secondary:hover, .btn-primary + .btn-danger:hover { background:#00b5e6; color:#fff;}
.text-center { text-align:center;}
select.form-control[multiple] { height: 150px; overflow-y: auto;}
table tr th input[type="checkbox"] + label { text-align:left;}

table tr td .SelectBox.search { text-align:left;}
table tr td label:empty { display:none;}

.fancy-grid-column-ellipsis .fancy-grid-cell-inner, .fancy-grid-cell { overflow:visible;}
.fancy-grid-cell { vertical-align: top; display: inline-block; width: 100%; /* height:45px !important; */ display: flex; justify-content: left; align-items: center; padding:0 10px; white-space:inherit; }
.fancy-grid-cell .fancy-grid-cell-inner { margin:0;}
.fancy-grid-cell .fancy-grid-cell-inner .btn-outline-primary {     margin: 0 !important; padding: 3px 10px; line-height:1;}
.fancy-grid-cell .fancy-grid-cell-inner .fa-ellipsis-v:before { content: "\f141"; }

.user-main { display:flex; align-items: center;     flex-direction: column;}
.user-main > div { margin-bottom:15px; }
.photo-section { position:relative; width:150px; margin-top:-70px; }
.edit-photo { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background: #fff; color: #fff; border-radius: 50%;}
.edit-photo a { color:#001b2b; line-height:40px; text-align:center;     width: 100%; float: left; font-size: 16px; }
.edit-photo:hover { background:#001b2b;}
.edit-photo:hover a { color:#fff; }

.user-photo { width:150px; height:150px; position:relative; border-radius: 50%; overflow: hidden; background:#ccc; display: inline-block; vertical-align: top;     border: 5px solid #fff; }
.user-photo img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; width:auto; height:auto;}
.user-name strong { font-size:30px;}
.about-user span { font-size:16px;     line-height: 1.2; font-weight: 500;}
.user-main .right > div { margin-bottom:15px;}
.user-main .right label { font-weight:500; font-size:18px;     margin-right: 10px;}
.user-main .right label .fa { width:20px;}
.user-main .right span { font-size:16px;}

.user-profile-details { display:inline-block; width:100%; vertical-align:top; display:flex; margin-top:40px;}
.user-profile-details > div { width:50%; padding:0 30px;}
.user-profile-details > div:nth-child(odd) { padding-left:0;}
.user-profile-details > div:nth-child(even) { padding-right:0;}
.user-profile-details .user-info { border-right:1px solid #e9ecef;}
.profile-title {     font-size: 20px; font-weight: 600;     line-height: 1.3; margin-bottom: 15px; }
.user-profile-details tr td,
.user-profile-details tr th { text-align:left; position:relative;}
.user-profile-details tr td a { color:#00b5e6; text-decoration:underline; clear: left; float: left; margin-bottom:5px;}
.user-profile-details tr td a:last-child { margin-bottom:0;}
.user-profile-details tr td a:hover { color:#001b2b;}
.user-profile-details tr th { width:200px;}
.user-info > div { margin-bottom:30px;}
.user-profile-details tr td a ~ a { margin-top:5px;}
.user-profile-details tr .edit-details { font-size: 20px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}

/*
table tr td .dropdown .dropdown-menu, 
.fancy-grid-cell-inner .dropdown .dropdown-menu  { display:block; position:static;     border: 0; box-shadow: none; background: none; width: 100%; margin: 0; padding: 0;}
table tr td .dropdown .dropdown-menu #closed, 
.fancy-grid-cell-inner .dropdown .dropdown-menu #closed { display:none;}
table tr td .dropdown .btn-outline-primary, 
.fancy-grid-cell-inner .dropdown .btn-outline-primary { display:none;}
table tr td .dropdown .dropdown-menu .dropdown-item, 
.fancy-grid-cell-inner .dropdown .dropdown-menu .dropdown-item { padding:0; display: inline-block; width: auto; vertical-align: middle; margin: 0 5px;}
table tr td .dropdown .dropdown-menu .dropdown-item .fas, 
.fancy-grid-cell-inner .dropdown .dropdown-menu .dropdown-item .fas { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";     font-weight: 400;	}
table tr td .dropdown .dropdown-menu .dropdown-item .fas:before, 
.fancy-grid-cell-inner .dropdown .dropdown-menu .dropdown-item .fas:before { font-family: 'Font Awesome 5 Free'; }
table tr td .dropdown .dropdown-menu .dropdown-item:hover, 
.fancy-grid-cell-inner .dropdown .dropdown-menu .dropdown-item:hover { color:#00b5e6;}
*/
.dropdown-item:hover, .dropdown-item:focus { background:none;}
.fancy-grid-cell-even { background:#f1f4f6;}

.form-group > label { font-weight:500; margin:0 0 0.5rem 0 !important;}
.page-title-heading { margin-bottom:20px; margin-top: 10px;}
#user_profile_pic {     width: 100px; display: inline-block; padding: 0; border: 0; margin-left: 30px; height: auto; }

.l-container { max-width:100%; margin:0 auto; width:100%; padding: 50px 50px 0;}
.top-logo { padding: 0 0 30px 0;}
.login-image-section {     width: 55%;     margin-right: 2%; margin-left: 3%;}
.login-image-section img { width:100%; height:auto; display:block; }
.app-login-box { width:40%;}
.app-login-box .modal-content {     border: 1px solid #00b5e6;     padding: 20px 30px 30px;}
.login-btn.btn { width:115px; height:50px; text-transform: capitalize; border-radius:3px;}
.forgot-pass a {     color: #00b5e6; font-size: 16px; line-height:20px;     display: inline-block; vertical-align: top;}
.forgot-pass a:hover { color:#001b2b; }
.login-bg-content { margin:0 -50px;}
.login-bg-content > div { padding:0 50px;}
.login-bg { overflow:hidden;     background: #fff; padding: 50px;}
.app-container.login-only { background:url('../images/blue-r.jpg') no-repeat center center;     display: flex; justify-content: center; align-items: center; background-size: cover; }
.app-container.login-only .app-container1 { width:90%;}
.app-login-box h2 { color:#37375b; text-transform:capitalize; font-weight:bold;}
.app-login-box span { color: #b6b5bb; line-height:1; }
.after-fields { margin-top:5px;}
.bottom-text { text-align: center; color: #001b2b;     font-size: 16px; margin: 20px 0;}
.app-login-box input[type="checkbox"] + label { color:#00b5e6; font-size:16px; font-weight:400 !important;}

.profile-background {height: 110px; overflow: hidden; margin: 0 !important; }
.profile-background img {object-fit: cover; display: block; width: 100%; height: 110px;}

a[title="JavaScript Grid - FancyGrid"] { display:none;}
.fancy-scroll-right-inner { display:block !important;}

.app-page-title { padding:0;}
.app-page-title .btn {     margin: 10px 0 !important; }
.bottom-links { color:#00b5e6; text-align:right; margin:0 -5px;}
.bottom-links a { color:#00b5e6;     margin: 0 5px;}
.bottom-links a:hover { color:#001b2b;}

form .text-center.full-width-box > button.btn,
form .text-center.full-width-box > a.btn {
	width:100px;
}


@media(min-width:1025px) {
	.five-block {
		width:20%; flex: auto;
	}
}
@media(max-width:1300px) {
	.app-login-box { width:50%;}
	.login-image-section { width: 50%; margin-right: 0;}
	.forgot-pass a, .app-login-box input[type="checkbox"] + label { font-size:14px;}
}
@media(max-width:1025px) {
	.user-profile-details { flex-wrap:wrap; margin-top: 20px;}
	.user-profile-details > div { width:100%; padding:0 0 30px 0;     border: 0 !important;}
	.user-info > div:last-child { margin-bottom:0;}
	.user-profile-details table { margin:0;}
	
	.login-image-section { width: 50%; margin:0; }
	.app-login-box { width: 50%; }
	.login-bg-content > div { padding: 0 30px; }
	.login-bg-content { margin: 0 -30px; }
	
}
@media(max-width:1023px) {
	.login-image-section {
		display:none;
	}
	.app-login-box {
		width:100%;
	}
}
@media screen and (max-device-width:1023px) and (orientation: landscape) {
	.login-bg-content { height:auto;}
}
@media(max-width:767px) {
	.login-bg .app-login-box {padding:30px 15px;}
	.logo-img { height:60px; }
	.app-login-box h2 { font-size:24px;}
	.l-container { padding: 20px 20px 0; }
	.login-bg { padding:30px;}
	.login-bg-content { margin:0; }
	.login-bg .app-login-box { padding:0;}
	.app-login-box .modal-content { padding:20px 15px;}
	.after-fields .forgot-pass {    width: 100%; margin-top: 10px;}
}

@media(max-width:639px) {
	.user-profile-details table { border:0;}
	.user-profile-details table tr { display:grid; margin-bottom:10px;}
	.user-profile-details tr th, .user-profile-details tr td { width:100%;}	
}