/*--import variables here--*/
 




/*------------------------------------------------------------
Right Drawer.css
--------------------------------------------------------------*/
.cc-right-drawer .cc-overlay {
}

.cc-right-drawer .cc-overlay .cc-overlay-content.cc-overlay-content-md {
    width: 620px;
}

.cc-right-drawer .cc-overlay .cc-overlay-content {
    background-color: #F9F9F9;
    box-shadow: -6px 2px 43px -3px rgba(var(--rgba-primary-color), 0.6);
    height: 100vh;
    margin-top: 60px;
    overflow-y: auto;
    padding: 1.2rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}

.cc-right-drawer .cc-overlay .cc-overlay-content .cancel-drawer {
    position: absolute;
    right: 20px;
}

.cc-right-drawer .cc-overlay-content .cc-card {
    height: 180px;
    margin-bottom: 0px;
}

.cc-right-drawer .cc-overlay-content .cc-inner-selection {
    height: 58px;
    margin-bottom: 25px;
}

.cc-inner-selection-content {
    margin: auto;
    width: 400px;
}

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

.cc-right-drawer .cc-inner-selection-content {
    margin: auto;
    margin-bottom: 60px;
    width: 400px;
}

.cc-right-drawer .cc-inner-selection-content .card {
    height: 300px;
}

.cc-right-drawer .cc-inner-selection-content .label {
    color: #6B7780;
}

.cc-right-drawer .cc-inner-selection-content .btn.btn-block {
    margin-top: 2rem;
}

.cc-right-drawer .card .placeholder-img {
    width: 80%;
}

.cc-right-drawer .cc-card-information {
    margin-top: .5rem;
    text-align: center;
}

.cc-right-drawer .cc-card-information p {
    margin: 0px;
    margin-bottom: 1.5rem;
}




/*always have media queries at the bottom of the file like so*/


/* Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}




/*always have media queries at the bottom of the file like so*/


/* Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}