.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;

	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);
}
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;
}
.dark-header-white-font{
	background:#566676;
	color:white;
	font-size:16px;
	padding:10px;
	font-weight:normal
}
.avatar-initials-medium{
	position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    font: 10px / 23px Arial;
    color:white;
    text-align: center;
    border-radius: 50%;
    border: 1px solid white;
}
div.tasklist{
	box-shadow: 0 2px 6px -2px rgb(0 0 0 / 16%), 0 2px 6px 0 rgb(0 0 0 / 12%);
    padding: 15px;
	margin-bottom:15px;
	cursor:pointer;
}
.list-view.active{
	background:#eee;
}
.form-control:disabled{
	cursor:not-allowed;
	background:#eee;
}
.form-control[readonly]{
	cursor:not-allowed;
}
.error_color{
	color:#f1556c!important;
}

#btn_upload_client{

	float: right;
    border-radius: 50%;
    border: 2px solid lightgrey;
    width: 128px;
	height:128px;
}

#btn_upload_profile_image{

    border-radius: 50%;
    border: 2px solid lightgrey;
    width: 128px;
	height:128px;
    margin: auto;
    text-align: center;
}
/* Payment Voucher */
   .currencySection_pv {
        display: block;
        font-size: .875rem;
        font-weight: 400;
        line-height: -14.5;
        color: #6c757d;
        background-color: #fff;
        background-clip: padding-box;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0.2rem;
    }
    #txt_amount_pv {
        display: block;
        width: 77%;
        float: right;padding: 0.45rem 0.9rem;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        color: #6c757d;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-left: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0.2rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    #currency_div_pv {
        width: 40%;
    }

    #currency_div_pv li {
        display: block;
        position: relative;
        float: left;
    }

    #currency_div_pv li a {
        display: block;
        padding: 0;
        text-decoration: none;
        width: 145px;
        line-height: 35px;
        color: #000000;
    }

    #currency_div_pv li li a {
        font-size: 80%;
    }

    #currency_div_pv li:hover {
        background: #f1f1f1;
    }
/* Payment Voucher */

/* Leave */
.leave.ladda-button{background:#1abc9c !important;}

/* Leave */