.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;
}
/* 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 */

.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-family:arial;font-size:15px;line-height:1em;}
.daterangepicker:before,.daterangepicker:after{position:absolute;display:inline-block;border-bottom-color:rgba(0, 0, 0, 0.2);content:"";}
.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc;}
.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;}
.daterangepicker.opensright:before{left:9px;}
.daterangepicker.opensright:after{left:10px;}
.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer;}
.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff;}
.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse;}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit;}
.daterangepicker td.off,.daterangepicker td.off.in-range{background-color:#fff;border-color:transparent;color:#999;}
.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0;}
.daterangepicker td.start-date{border-radius:4px 0 0 4px;}
.daterangepicker td.end-date{border-radius:0 4px 4px 0;}
.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff;}
.daterangepicker th.month{width:auto;}
.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative;}
.daterangepicker .ranges{float:none;text-align:left;margin:0;}
.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%;}
.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer;}
.daterangepicker .ranges li:hover{background-color:#eee;}
.daterangepicker .ranges li.active{background-color:#08c;color:#fff;}
@media (min-width: 564px){
.daterangepicker{width:auto;}
.daterangepicker .ranges ul{width:140px;}
.daterangepicker{direction:ltr;text-align:left;}
.daterangepicker .ranges{float:left;}
}
@media (min-width: 730px){
.daterangepicker .ranges{width:auto;}
.daterangepicker .ranges{float:left;}
}
.daterangepicker{padding:0;margin:0;border:0;width:auto;background-color:#ffffff;box-shadow:0px 0px 50px 0px rgba(82, 63, 105, 0.15);font-family:Poppins, Helvetica, "sans-serif";z-index:1000;border-radius:0.95rem;}
.daterangepicker:after,.daterangepicker:before{display:none;}
.daterangepicker td.off,.daterangepicker td.off.in-range{background-color:transparent;}
.daterangepicker .calendar-table{background-color:#ffffff;border:0;}
.daterangepicker .ranges{border-radius:0.95rem;background-color:#ffffff;}
.daterangepicker .ranges ul{padding:1rem 0;width:175px;}
.daterangepicker .ranges li{padding:0.7rem 1.75rem;font-weight:500;font-size:1rem;color:#8E887A;transition:color 0.2s ease, background-color 0.2s ease;}
.daterangepicker .ranges li:hover{background-color:#DDF8FC;color:#4FC9DA;transition:color 0.2s ease, background-color 0.2s ease;}
.daterangepicker .ranges li.active{background-color:#4FC9DA;color:#FFFFFF;transition:color 0.2s ease, background-color 0.2s ease;}