.panel
{
    background-color: #fff;
    margin-bottom: 24px;
}
.panel-heading
{
    background-color: #566676;
    border-radius: 0.25rem;
}
.panel-heading h5
{
    color: #fff;
}
.panel-body
{
    padding:1.5rem;
}
.form-horizontal
{
    padding: 2rem;
    padding-right: 3rem;
}
.form-horizontal .control-label 
{
    text-align: right;
    margin-bottom: 0;
    padding-top: 8px;
    padding-right: 10px;
}
.form-horizontal .form-group 
{
    margin-left: -10px;
    margin-right: -10px;
}
.form-group 
{
    display: flex;
    margin-bottom: 20px;
}
.align-right
{
    justify-content: flex-end;
}

/* Progress bar animation */
.circle {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #2187e7;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -moz-animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 1s infinite linear;
}

.circle1 {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #2187e7;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}


.barlittle {
    background-color: #2187e7;
    background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff);
    background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
    border-left: 1px solid #111;
    border-top: 1px solid #111;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 5px;
    opacity: 0.1;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-animation: move 1s infinite linear;
    -webkit-animation: move 1s infinite linear;
}

#block_1 {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}

#block_2 {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

#block_3 {
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
}

#block_4 {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

#block_5 {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}

@-moz-keyframes move {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(0.7);
        opacity: 0.1;
    };
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.1;
    };
}


.parsley-error .form-control,.parsley-error .select2-selection
{
    border-color: #f1556c;
}
/* Progress bar animation */

/* i.mdi-lead-pencil{
	font-size:20px;
} */
.midsize-checkbox{
	width:1.75em;
	height:1.75em;
}
span.badge.rounded-pill.bg-danger{
	padding:7px;
}
.dropdown-menu{
/* text-align:center!important; */
}
input[data-provide="datepicker"]{
	cursor:pointer;
}
.input-group-text{
	padding: 0.45rem 0.6rem!important;
}
form.form-horizontal{
	padding:0!important;
	padding-right:0!important;
}
label.cabinet input.file{
    position: absolute;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  margin-top:-30px;
}
label.cabinet{
    display: block;
    cursor: pointer;
}
.img-thumbnail {
    padding: 10px;
    line-height: 1.428571429;
    background-color: #f7f8fa;
    border: 1px solid #e6e7e8;
    border-radius: 1px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.has-error .form-control, .has-error .select2-container, .form-control.parsley-error{
	border:1px solid red;
}
span.mandatory{
	color:red;
}
.searchCol{
	padding:0.75em;
	float:left;
}
span.small-pill{
	padding:.25em .4em!important;
	font-size:11px!important;
}
.card.customized:not(.parent){
	background:#f5f5f5;
	
}
.card.customized.parent{
	float:left;
	margin-right:20px;
	box-shadow:none;
	
}
.card.customized.card-body{
	padding:15px;
}
.page-title.customized{
	float: left;
    padding-left: 34px;
    margin: 0;
    padding-top: 24px;
}
.card.project-box.customized{
	background:#f5f5f5;
}
.nav-fill .nav-item, .nav-fill>.nav-link{
	font-size:12px;
}
.lblTaskStatusPriority{
	display:inline-block;
	float:right;
}
.avatar-initials {
  position: relative;
  display:inline-block;
	cursor:pointer;
	width: 30px;
	height: 30px;
	font: 13px / 30px Arial;
	color: rgb(255, 255, 255);
	text-align: center;
	border-radius: 50%;
	border: 1px solid white;
	box-shadow: yellow;
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.avatar-initials-popover {
  position: relative;
  display:inline-block;

	width: 60px;
	height: 60px;
	font: 30px / 60px Arial;
	color: rgb(255, 255, 255);
	text-align: center;
	border-radius: 50%;
	border: 1px solid white;
	box-shadow: yellow;
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
mark{
	font-size:12px;
}
.mdi-delete.customized{
    font-size: 17px;
    color: grey;
	color:#cd485c;
}
.file-upload.alert-light{
	border:1px solid #eceff1!important;
	color: #8e8f91!important;
    background-color: #fbfcfc!important;
	margin-right:5px;
}
.avatar-initials.small {
 
	width: 25px;
	height:25px;
	font: 11px / 24px Arial;
	color: rgb(255, 255, 255);
	text-align: center;
	border-radius: 50%;
	border: 1px solid white;
	box-shadow: yellow;
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.bootbox.modal > .modal-dialog > .modal-content > .modal-header, .form-horizontal > .modal-header{
	display:block!important;
}
.bootbox-close-button.close{
	float:right;
	box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
	padding: 0.5rem 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
}
.bootbox.modal > .modal-dialog > .modal-content > .modal-header > .modal-title{
	float:left;
}
.card-body.dragdrop{
	padding:1rem;
}
.midsize-checkbox.dragdrop{
	width:1.5em;
	height:1.5em;
}
button.dragdrop{
	display:block;
	padding:1px;
}
.dragula-handle{
	padding-right:20px;
}
.dragdrop-right{
	float:right;
	width:92%;
}
.dragdrop-left{
	float:left;
}
.task-description.done{
	text-decoration: line-through;
    font-style: italic;
    opacity: 0.8;
}
.form-control.has-error{
	border:1px solid #f1556c!important;
}
.hoverCustom:hover{
	background:#f3f7f9!important;
	cursor:pointer;
}
.activeCustom:active{
	background:#eee!important;
	cursor:pointer;
}
.loadmore{
	color:red;
}

.schedulingBox{

}
.schedulingBox:hover{
	cursor:pointer;
	border:none!important;
	background:#f3f7f9;

}
.schedulingBox:active{
	cursor:pointer;
	border:none!important;
	background:#eee;
}
table.custom > tbody > tr > td{
	padding:10px;
}
table.custom > thead > tr > th{
	padding:10px;
	text-align:center;
}

/* Navigation */
#sidebar-menu>ul>li>a {
    padding: 12px 10px;
}
.parsley-errors-list.filled{
	width:100%;
}
.sp-line-2.custom{
	-webkit-line-clamp:1;
}
#upload-demo{
    width: 465px;
    height: 250px;
  padding-bottom:25px;
}
.due_today{
	background:floralwhite;
}
.overdue{
	background:floralwhite;
}
.page-title-medium{
	font-size:1rem;
	line-height:77px;
	margin:0;
}
.white-background{
	background:white!important;
}
.no-shadow{

	box-shadow:none!important;
}

.ra{
	font-size: 1rem;
	margin-bottom: 12px;
	margin-left: 8px;
	padding: 0.2rem 0.6rem;
	vertical-align: middle;
}

.ra-pending{
	font-size: 1rem;
	margin-bottom: 12px;
	margin-left: 8px;
	padding: 0.2rem 0.6rem;
	vertical-align: middle;
	color:grey;
	border:1px solid black;
}
.link-rounded{
	border-radius: 30px!important;
    margin: 0 6px;
    border: none;
	color: #fff;
    background-color: #6658dd;
    border-color: #6658dd;
	padding: 0.5rem 0.60rem;
	line-height: 1.25!important;
}
.days{
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
	flex:1 0 0;
}
.days-inner {
    width: 60px;
    background: aliceblue;
    border-radius: 5px;
    height: 60px;
}
.day-label{
	color:#4a81d4;
	font-weight:bold;
	font-size:13px;
}
.disabled-container{
	pointer-events: none!important;
	opacity:0.5!important;
}
.btn-label-right.team{

    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0;background: #43a8bf;
}
.team-emp-list{
	box-shadow:none;
	background:white;
}
.team-emp-list:hover{
	box-shadow:0 2px 6px 0 rgb(79 198 225 / 50%);
	background:white;
}
.sitemap li a{
	font-size:16px;
	overflow:initial!important;
	text-overflow:initial!important;
}
.error_border{
	border:1px solid #f1556c!important;
}
.error_color{
	color:#f1556c!important;
}

.success_color{
	color:#1abc9c!important;
}
.profile_pic{
	cursor:pointer;
}
.sub_task_desc{
	cursor:pointer;
}
.summary-total-status-count{
	float:left;
	padding-right:5px;
	font-weight:bold;
	font-size:12px;
}
.select2-dropdown--below, .select2-dropdown--above{
	z-index:99999!important;
}
.avatar-initials.small{
	font:10px / 20px Arial;
	width:20px;
	height:20px;
}
.table>:not(caption)>*>*{
	padding:.5rem .85rem;
}
.table.search th{
	padding-left:0!important;
	padding-right:0!important;
}


.cpointer{
	cursor:pointer;
}

.summary-today-labels{
	color:#00bcd4;
}
.dash-ul{
	text-decoration: underline;
    text-decoration-color: #00bcd4;
}
tr.sub_tasks_search_results:hover{
	background:aliceblue;
}
.sub_tasks_search_results{
	border-bottom:1px solid #eee!important;
	margin-bottom:5px!important;
}
tr.sub_tasks_search_results td{
	padding:0!important;
}
tr.sub_tasks_search_results td{
	padding-top:5px!important;
}
.attachment.text-primary{
	text-shadow:1px 1px 1px aqua;
}
tr.openCloseUpcoming td, tr.openCloseToday td{
	padding-left:0;
	padding-right:0;
}
.btn.week.active{
	
	color:#fff;
	background:#4fc6e1;
}
.btn.month.active{
	
	color:#fff;
	background:#4a81d4;
}
#btn_upload_client.round{
	
	float: right;
    border-radius: 50%;
    border: 2px solid lightgrey;
    width: 128px;
	height:128px;
}
/*loading animation*/
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 0.5vmax;
    height: 0.5vmax;
  }
  .lds-ellipsis div {
    position: absolute;
  
    width:0.5vmax;
    height: 0.5vmax;
    border-radius: 50%;
    background: #999;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }
  
  /*loading animation*/

  /*uploader updated*/
  .uploadMainContainer {
    display: flex;
    border: 1px solid dimgray;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 5px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 8px 3px 5px 0px rgba(0, 0, 0, 0.75);
}
.uploadLabel {
    float: left;
    padding: 15px;
    border-bottom: 1px solid;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-group-item.template-upload{
    border-top-left-radius:none!important;
    border-top-right-radius: none!important;
  }
/*uploader updated*/
 /*chatgpt css*/
            
.icon-chatgpt {
    position: fixed;   
    top: -23%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
  }
  
  .icon-chatgpt a {
    display: block;
    text-align: center;
    padding: 14px;
    transition: all 0.3s ease; 
    color: black;
    font-size: 20px;
  }
  
  .icon-chatgpt a:hover {
    background-color:#cb6b6b;
  }
  
  .chatpgt {
    background: #77b6aa;
    color: white;
    margin-left: 1206px;
    margin-top: 520px;
  }  
  /* chatgpt */