/**** pre loader ****/
.preloader {

	background-color: #ffffff;

	background-image: url(../images/icons/sb-loader.gif);

	background-position: center center;

	background-repeat: no-repeat;

	height: 100%;

	width: 100%;

	left: 0;

	position: fixed;

	top: 0;

	z-index: 999999;

	overflow: hidden !important;

}

.active.float-btn {
    background-color: #f76b73 !important;
    border: solid 1px #f76b73 !important;
}

a.btn.btn-primary.add-btn {
    position: absolute;
    right: 20px;
}

.task-det td {
    text-align: left;
}

.task-det td:first-child {
    width: 25%;
}

.task-attch a {
    display: block;
    margin: 7px;
}

.add-btn.float-btn {
    float: right;
    position: relative !important;
    margin-left: 5px;
    right: 0px !important;
    margin-top: 3px;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

#calendar .fc-content {
    color: #fff !important;
}

a#btnTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    background-color: #350cb1;
    text-align: center;
    color: #fff;
    font-size: 54px;
    border-radius: 50%;
    z-index: 999;
    box-shadow: #17054f 2px 2px 2px;
	display: none;
}

a#btnTop:hover {
    background-color: #441fb3;
}

#addTask input[type=date], #addTask input[type=time] {
    height: 40px !important;
}

#addTask input[type=file] {
    margin-bottom: 15px;
}

#addTask h4.form-section {
    margin-bottom: 25px !important;
}

#TaskInbox td.actions a, #TaskInbox td.actions span {
    height: 30px !important;
    font-size: 12px;
    padding: 5px 10px;
}
form .form-section {
    border-bottom: 1px solid #dfe1e6 !important;
    margin-bottom: 0px !important;
}

.form-section.t-head {
    border-bottom: 1px solid #dfe1e6 !important;
    margin-bottom: 40px !important;
    padding-bottom: 10px;
    margin-top: 10px !important;
}

.actions i {
    font-size: 16px;
    line-height: 10px;
    margin: 2px;
}

.actions i.ft-edit-2 {
    color: #e86112;
}

.actions i.ft-trash-2 {
    color: #f00;
}

.actions i.ft-check-square {
    color: #258825;
}
.actions i.ft-square {
    color: #555;
}

.sub-head{margin:20px; color:#000}

td.actions {
    padding: 12px 5px 0px 10px;
    width: 50px !important;
}

.settings-list td , .settings-list th{
    padding: 10px 5px !important;
	text-align:left;
}

.right.search_btn {
    margin-top: 23px;
}
/*Heading*/
.topheading {
    display: flex;
    color: #1A1A1D;
    font-size: 18px;
    align-items: center;
}

div#CommentsModal, div#taskDetail, .myModals {
    margin-left: 7%;
    margin-top: 2%;
}

.chat-application .content-wrapper-before {
    height: 0px !important;
}

@media(max-width:767px){
    .card-body {
        overflow-x: scroll !important;
    }
    
    button.btn.btn-danger.mr-1 {
    margin-right: 2px !important;
}
	
	.tab-list{display:block;width:100%;float:left}
	.tab-list .float-btn{padding:10px;font-size:12px;margin-bottom:20px;margin-right:1px}
	.fc-toolbar.fc-header-toolbar{flex-wrap:wrap}
	.fc-center {
    margin-top: 10px;
    margin-bottom: 10px;
}
}

@media screen and (max-width: 648px) {
    .topheading {
        display: none;
    }
}