.bg-primary {
    background-color: #337ec2!important;
}
body{
    background-color: #e9ecef;
}
.black{
    color: black!important;
}
.blue{
    background-color: #337ec2!important;
}
.light-blue{
    color: #337ec2!important;
}
.white{
    color: white;
}

 
 
.btn-arrow-right,
.btn-arrow-left {
    position: relative!important;
    padding-left: 18px!important;
    padding-right: 18px!important;
}
.btn-arrow-right {
    padding-left: 36px!important;
}
.btn-arrow-right:before,
 .btn-arrow-left:before
 { /* make two squares (before and after), looking similar to the button */
    content:""!important;
    position: absolute!important;
    top: 11px!important; /* move it down because of rounded corners */
    width: 62px!important; /* same as height */
    height: 62px!important; /* button_outer_height / sqrt(2) */
    background: inherit!important; /* use parent background */
    border: inherit!important; /* use parent border */
    border-left-color: transparent!important; /* hide left border */
    border-bottom-color: transparent!important; /* hide bottom border */
    border-radius: 0px 4px 0px 0px!important; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
    -webkit-border-radius: 0px 4px 0px 0px!important;
    -moz-border-radius: 0px 4px 0px 0px!important;
}
 
.btn-arrow-right:after,
 .btn-arrow-left:after { /* make two squares (before and after), looking similar to the button */
    content:""!important;
    position: absolute!important;

    top: 11px!important;
    width: 62px!important;
    height: 62px!important;   background: inherit!important; /* use parent background */
    border: inherit!important; /* use parent border */
    border-left-color: transparent!important; /* hide left border */
    border-bottom-color: transparent!important; /* hide bottom border */
    border-radius: 0px 4px 0px 0px!important; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
    -webkit-border-radius: 0px 4px 0px 0px!important;
    -moz-border-radius: 0px 4px 0px 0px!important;
}
.btn-arrow-right:before,
.btn-arrow-right:after {
    transform: rotate(45deg)!important; /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg)!important;
    -moz-transform: rotate(45deg)!important;
    -o-transform: rotate(45deg)!important;
    -ms-transform: rotate(45deg)!important;
}
 
.btn-arrow-right:before,
.btn-arrow-left:before { /* align the "before" square to the left */
    left: -30px!important;
}


.btn-arrow-right:after,
.btn-arrow-left:after { /* align the "after" square to the right */
    right: -30px!important;
}

.btn-arrow-right:after { /* bring arrow pointers to front */
    z-index: 1;
}
 
.btn-arrow-left:before { /* bring arrow pointers to front */
    z-index: -1;
}

.btn-arrow-right:before,
.btn-arrow-left:after { /* hide arrow tails background */
    background-color:#337ec2!important;
}

.btn-light.focus, .btn-light:focus {
    box-shadow: 0 0 0 0.2rem transparent;
}
.btn-light{
    background: white;
}

.input-group-text{
    background: white;
    border-right: 1px solid transparent;
}

.customize-list-group{
    padding: .4rem 1.25rem ;
    background-color: #e9ecef;
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    
    border-left: 60px solid green;
  }
.carousel-btn{
    background: #909294;
    color: white;
    padding: 5px;
    border-radius: 50%;
    margin: 12px;
}
.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
}

.scroll-bar{
	max-height: 150px;
    overflow-y: scroll;
}

.stageRunning {
    color: #16af16 !important;
    font-size: 13px !important;
}

.stageOver {
    color: red !important;
    font-size: 13px !important;
}

.stagePending {
    color: rgb(64, 156, 203) !important;
    font-size: 13px !important;
}

.slick-slide .inner {
  margin: 0 15px;
}
.hide {
   display: none;
}