@charset "UTF-8";
/* CSS Document */


/*client area*/
#client-area-body{
	background:#444;
}
#client-area-wrap{
	background:#666;
	padding:30px;
	margin-top:30px;
		margin-bottom:30px;
}


.btn.btn-warning{
	background:#222;
	color:#FCE54A;
	border-color:#FCE54A;
}

.btn.btn-warning:hover{
	background:#FCE54A;
	color:#222;
	border-color:#FCE54A;
}


.form-check-input[type="checkbox"] {
            transform: scale(1.5);
            margin-right: 10px;
        }

   .form-group input[type="text"] {
            width: 60%;
	   margin-left:15px;
        }

        .form-group textarea {
            width: 60%;
        }
.form-group .w-80{
	width:80%!important;
}
       .fb-delete, .fb-updown {
            margin-left: 15px;
		float:right;
			position:relative;
		top:-35px;
        }

.fb-delete{
	background:#fff;
	color:red;
	border:0;
}

#fb-controls{
	background:#666;
}
#fb-controls .btn.btn-warning{
	background:#222;
	color:#FCE54A;
	border-color:#FCE54A;
	width:100%;
	margin-top:15px;
}

#formTitle{
	border:0;
	font-size:20px;
	font-weight:bold;
}


#fb-wrap .form-control{
	color:#222;
}
#fb-wrap textarea{
	border:0;
	min-height:100px;
	overflow: auto;
}

#fb-wrap .fb-check{
	border:0;
}


#fb-wrap #subtitle, #fb-wrap-bg .subtitle{
	border:0;
	font-size:16px;
	font-weight:bold;
}


.yn-check{
	float:right;
	margin-top:-15px;
}


#fb-controls .btn.btn-secondary{
	background:#186AAC;
	color:#fff;
	font-size:12px;
	width:100%;
	margin-top:15px;
}

#fb-wrap{
	padding:30px;
	background:#666;
}

#fb-wrap-bg{
	padding:30px;
	background:#fff;
	min-height:500px;
}


#table-client-documents{
	background:#fff;
}



.bg-purple{
	background:#d0c3f9!important;
}

.bg-green{
		background:#8ffc9d!important;
}



.bg-blue{
		background:#a0ceff!important;
}



.bg-yellow{
		background:#FCE54A!important;
}


.bg-white{
		background:#fff!important;
}


/*FOOTER*/
 .footer {
    background: #343a40;
    color: white;
    padding: 20px 0;
  }

	.footer h5{
		font-size:15px;
	}
	
#sub-footer{
  background-color: #FCE54A; /* Color of the underline */

}


@media(min-width: 996px){
	.sticky-controls {
    position: sticky;
    top: 0; /* Adjust as needed */
    z-index: 1000; /* To ensure it stays on top */
    padding: 10px; /* Optional, for spacing */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional, for a subtle shadow effect */
}
}



.nav-tabs .nav-link {

    color: #FCE54A;
}


.tab-content{
	background: #fff;
}