/*--import variables here--*/
 


/*----------icons---------------------*/

.cc-icon {
    color: #6b7780;
    vertical-align: middle;
}

.cc-icon-right{
    margin-left:15px;
}

.cc-icon.cc-icon-white {
    color: #fff;
}

.cc-icon:hover {
    cursor: pointer;
}

.cc-icon.cc-warning-color {
    color: var(--warning-color);
}


.cc-icon-dark {
    color: #1C272F;
}

.cc-icon-lg {
    font-size: 32px;
}

.material-icons.cc-icon-lg {
    font-size: 32px;
    height: 32px;
    width: 32px;
}

.cc-spinner-xs {
    height: 24px;
    width: 24px;
}

.cc-spin-animation {
    animation: spinner 1200ms linear infinite;
    -webkit-animation: spinner 1200ms linear infinite;
}

.cc-inner-selection .cc-icon {
    margin-right: 24px;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}