.red-color, .has-error{
    color: #c70128 !important;
}

.blue-color{
    color: blue !important;
}

.alert-sg{
	margin-bottom: 0 !important;
    margin-top: 10px !important;
}

table td.sg-fit, 
table th.sg-fit {
    white-space: nowrap;
    width: 1%;
    min-width: 70px !important;
}

thead{
	background: #28518a;
    color: white;
}

.sg-status-label{
	border-radius: 50px;
	width: 100%
}

.sg-no-border-bottom{
	border-bottom: 0 !important
}

.sg-label-on-kanban{
    width: fit-content;
    font-size: 11px;
    margin-top: 3px;
    margin-bottom: 3px;
}

/* OVERWRITE ORIGINAL ADMINLTE CSS */
.card-primary:not(.card-outline)>.card-header, .btn-primary {
    background-color: #28518a !important;
}

.card-primary.card-outline-tabs>.card-header a.active {
    border-top: 3px solid #28518a !important;
}

.card-primary.card-outline {
    border-top: 3px solid #28518a;
}

.card.card-outline-tabs {
    border-top: 0;
}

.content-wrapper.kanban .content-header+.content {
    height: calc(100% - ((2 * 40px) + (1.8rem * 1.2))) !important;
}

/* CSS FOR LOG */
ul.sg-log {
    list-style-type: none;
    position: relative;
}
ul.sg-log:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.sg-log > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.sg-log > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

/* CSS FOR COMMENT */
.sg-msg-history {
	max-height: 300px;
	overflow-y: auto;
}

.sg-outgoing-msg{ 
	overflow:hidden; 
	margin:26px 0 26px;
}

.sg-sent-msg {
	float: right;
	width: 60%;
}

.sg-sent-msg p {
	background: #05728f none repeat scroll 0 0;
	border-radius: 3px;
	font-size: 14px;
	margin: 0; color:#fff;
	padding: 5px 10px 5px 12px;
	width:100%;
}

.sg-received-withd-msg p {
	background: #ebebeb none repeat scroll 0 0;
	border-radius: 3px;
	color: #646464;
	font-size: 14px;
	margin: 0;
	padding: 5px 10px 5px 12px;
	width: 100%;
}

.sg-received-msg {
	width: 60%;
}

@media only screen and (max-width: 1023px) {
    /* For mobile phones: */
    .content-wrapper.kanban .content-header+.content {
        max-height: 400px !important;
    }
}