/*Preloader*/
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11000;}
#loader {display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border-radius: 50%;border: 3px solid transparent;border-top-color: #3498db;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;z-index: 1041;}
#loader:before {content:"" ;position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #e74c3c;-webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite;}
#loader:after {content:"" ;position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #f9c922;-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}
@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #eceff1;z-index: 1040;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
#loader-wrapper .loader-section.section-right {right: 0;}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #eceff1;z-index: 1040;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}

.has-error{
	color: red;
}
.dashboard-title{
	padding: 30px;
}
.dashboard-image{
	margin-bottom: 10px;
	border-radius: 3px;
}
.placeHeader{
	margin-bottom: 5px;
}
.page-title-custom{
	font-weight: 200;
}
.footer{
    background-color: #f5f5f5;
	padding: 10px;
}
.welcome-dashboard-message{
	color: white;
}
.errorLabelDivAjax{
	color:red;
}

.baseColor {
    background-color: #B960BA !important;
}

.color-box {
    width: 15px;
    height: 15px;
    background-color: #ccc;
    left: 5px;
    top: 5px;
}

#overlay{
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
.is-hide{
    display:none;
}