* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
  scroll-behavior: smooth;
  color: #4a4343;
}

.form-control:focus {
  box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 0%);
  border-color: #601d9b;
}

/*COLOR*/
.text-general {
  color: #0D1977;
}
.text-second {
  color: #662D91;
}
.white {
  color: white;
}
.text-gray {
  color: gray;
}
/*COLOR End*/

/* BACKGROUND */
.bg-general {
  background-color: #0D1977;
}
.bg-second {
  background-color: #662D91;
}
/* BACKGROUND End */

/*FONT*/
.font-8 {font-size: 8px;}
.font-9 {font-size: 9px;}
.font-10 {font-size: 10px;}
.font-11 {font-size: 11px;}
.font-12 {font-size: 12px;}
.font-13 {font-size: 13px;}
.font-14 {font-size: 14px;}
.font-15 {font-size: 15px;}
.font-16 {font-size: 16px;}
.font-17 {font-size: 17px;}
.font-18 {font-size: 18px;}
.font-19 {font-size: 19px;}
.font-20 {font-size: 20px;}
.font-21 {font-size: 21px;}
.font-22 {font-size: 22px;}
.font-23 {font-size: 23px;}
.font-24 {font-size: 24px;}
.font-25 {font-size: 25px;}
.font-2r {font-size: 2.5rem;}

.fw-200 {font-weight: 200}
.fw-300 {font-weight: 300}
.fw-400 {font-weight: 400}
.fw-500 {font-weight: 500}
.fw-600 {font-weight: 600}
.fw-700 {font-weight: 700}
.fw-800 {font-weight: 800}
/*FONT END*/

/*TEXT LIMIT*/
.limit {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}
[class*='-line-limit'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.one-line-limit {
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
}
.two-line-limit {
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
}
.three-line-limit {
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
}
.four-line-limit {
  -webkit-line-clamp: 4;
  -moz-line-clamp: 4;
  -ms-line-clamp: 4;
  -o-line-clamp: 4;
}
.five-line-limit {
  -webkit-line-clamp: 5;
  -moz-line-clamp: 5;
  -ms-line-clamp: 5;
  -o-line-clamp: 5;
}
.six-line-limit {
  -webkit-line-clamp: 6;
  -moz-line-clamp: 6;
  -ms-line-clamp: 6;
  -o-line-clamp: 6;
}
.seven-line-limit {
  -webkit-line-clamp: 7;
  -moz-line-clamp: 7;
  -ms-line-clamp: 7;
  -o-line-clamp: 7;
}
.eigth-line-limit {
  -webkit-line-clamp: 8;
  -moz-line-clamp: 8;
  -ms-line-clamp: 8;
  -o-line-clamp: 8;
}
.nine-line-limit {
  -webkit-line-clamp: 9;
  -moz-line-clamp: 9;
  -ms-line-clamp: 9;
  -o-line-clamp: 9;
}
.ten-line-limit {
  -webkit-line-clamp: 10;
  -moz-line-clamp: 10;
  -ms-line-clamp: 10;
  -o-line-clamp: 10;
}
.ctm-dashboard-line-limit {
  -webkit-line-clamp: 17;
  -moz-line-clamp: 17;
  -ms-line-clamp: 17;
  -o-line-clamp: 17;
}
/*TEXT LIMIT End*/

/* BUTTON CUSTOM */
.btn-general {
  color: #fff;
  background-color: #0D1977;
  border-color: #0D1977;
}
.btn-general:not(:disabled):not(.disabled).active, 
.btn-general:not(:disabled):not(.disabled):active, 
.show>.btn-general.dropdown-toggle {
  color: #fff;
  background-color: #040d57;
  border-color: #040d57;
}
.btn-general:hover {
  color: #fff;
  background-color: #040d57;
  border-color: #040d57;  
}
.btn-second {
  color: #fff;
  background-color: #662D91;
  border-color: #662D91;
}
.btn-second:not(:disabled):not(.disabled).active, 
.btn-second:not(:disabled):not(.disabled):active, 
.show>.btn-second.dropdown-toggle {
  color: #fff;
  background-color: #521d7b;
  border-color: #521d7b;
}
.btn-second:hover {
  color: #fff;
  background-color: #521d7b;
  border-color: #521d7b;  
}


.btn-outline-general {
  color: #0D1977;
  border-color: #0D1977;
}
.btn-outline-general:hover {
  color: #fff;
  background-color: #0D1977;
  border-color: #0D1977;  
}
.btn-outline-general:not(:disabled):not(.disabled).active, 
.btn-outline-general:not(:disabled):not(.disabled):active, 
.show>.btn-outline-general.dropdown-toggle {
  color: #fff;
  background-color: #0D1977;
  border-color: #0D1977;
}
.btn-outline-second {
  color: #662D91;
  border-color: #662D91;
}
.btn-outline-second:hover {
  color: #fff;
  background-color: #662D91;
  border-color: #662D91;  
}
.btn-outline-second:not(:disabled):not(.disabled).active, 
.btn-outline-second:not(:disabled):not(.disabled):active, 
.show>.btn-outline-second.dropdown-toggle {
  color: #fff;
  background-color: #662D91;
  border-color: #662D91;
}
/* BUTTON CUSTOM End*/

/* CHECK CUSTOM */
.custom-control-label::before,
.custom-control-label::after {
  top: 0.1rem;
}
.custom-control-input:checked~.custom-control-label::before {
  border-color: #040d57;
  background-color: #040d57;
}
/* CHECK CUSTOM End */

/* SKELETON LOADER */
.ctm-skeleton {
  background: linear-gradient( 90deg, #eeeeee 25%, #dedede 50%, #eeeeee 75% );
  background-size: 200% 100%;
  animation: loading 2s infinite ease-in-out;
}
@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/* SKELETON LOADER End */