/*************************************
*
*
* /data01/virt112714/domeenid/www.websale.compucash5.com/htdocs/narvaujula/style/narvaujula/gcss/preloader.gcss
*
*
*************************************/


/*************************************
*
*
* /data01/virt112714/domeenid/www.websale.compucash5.com/htdocs/narvaujula/style/narvaujula/gcss/filter.gcss
*
*
*************************************/
#CCALcontainer .filterWrapper .filerItem:not(:last-child){
    margin-right:30px;
}
#CCALcontainer .filterWrapper label{
    display:inline-block;font-weight:700;
}

@media screen and (max-width:100000px){
    #CCALcontainer .filterWrapper .filerItem {
        display:block;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer .filterWrapper .filerItem:not(:last-child) {
        margin-right:0;margin-bottom:15px;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer .filterWrapper label {
        width:100px;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer .filterWrapper select {
        width:200px;
    }
}


/*************************************
*
*
* /data01/virt112714/domeenid/www.websale.compucash5.com/htdocs/narvaujula/style/narvaujula/gcss/style.gcss
*
*
*************************************/
#CCALcontainer *{
    font-family:Arial, sans-serif;box-sizing:border-box;
}
#CCALcontainer h2{
    color:#00a1de;font-size:22px;padding:0;margin:0 0 10px;
}
#CCALcontainer .CCALheader{
    border-bottom:1px solid #002F5F;margin-bottom:30px;margin-top:15px;font-size:18px;
}
#CCALcontainer .CCALheader a{
    display:inline-block;color:#002F5F;font-weight:700;text-transform:uppercase;text-decoration:none;margin:5px 10px;
}
#CCALcontainer .fieldLabel{
    font-weight:700;
}
#CCALcontainer .formGroup{
    display:block;
}
#CCALcontainer .formGroup label{
    display:block;margin-bottom:5px;
}
#CCALcontainer .formGroup input{
    width:100%;
}
#CCALcontainer .formGroup:not(:last-of-type){
    margin-bottom:10px;
}
#CCALcontainer input,#CCALcontainer select{
    padding:10px;background-color:#fff;border:1px solid #002F5F;transition:all .25s;
}
#CCALcontainer input.failed,#CCALcontainer select.failed{
    border-color:#d9534f;
}
#CCALcontainer select{
    width:auto;padding-right:32px;
}
#CCALcontainer #CCALloginMsg{
    color:#d9534f;
}
#CCALcontainer #CCALsaveMsg{
    color:#5cb85c;
}

@media screen and (max-width:100000px){
    #CCALcontainer .CCALheader a {
        margin:10px;
    }
}


/*************************************
*
*
* /data01/virt112714/domeenid/www.websale.compucash5.com/htdocs/narvaujula/style/narvaujula/gcss/calendar.gcss
*
*
*************************************/
#CCALcontainer #calendarHolder{
    position:relative;display:flex;
}
#CCALcontainer #calendarHolder .CCALdayColWrapper{
    display:flex;flex:1;
}
#CCALcontainer #calendarHolder .CCALdayCol .CCALcolHeader{
    border-left:1px solid rgba(255, 255, 255, .5);
}
#CCALcontainer #calendarHolder .CCALdayCol:last-child .CCALhour{
    border-right:1px solid #002F5F;
}
#CCALcontainer #calendarHolder .CCALinterval{
    position:relative;height:30px;border-left:1px solid #002F5F;border-bottom:1px dotted #002F5F;
}
#CCALcontainer #calendarHolder .CCALinterval:last-child{
    border-bottom:1px solid #002F5F;
}
#CCALcontainer #calendarHolder .CCALcolHeader{
    display:block;color:#fff;background-color:#00a1de;text-align:center;padding:10px;
}
#CCALcontainer #calendarHolder .CCALhour .CCALinterval{
    display:flex;align-items:center;justify-content:center;
}
#CCALcontainer .daySelectWrapper{
    display:none;
}
#CCALcontainer .daySelectWrapper .daySelect{
    display:inline-block;width:14.28571428571%;color:#fff;background-color:#00a1de;text-align:center;padding:10px;
}
#CCALcontainer .CCALevent{
    position:absolute;transition:all .25s;border:1px solid #002F5F;padding:5px;overflow:hidden;cursor:pointer;z-index:1;
}
#CCALcontainer .CCALevent *{
    white-space:nowrap;
}
#CCALcontainer .CCALevent .shortName,#CCALcontainer .CCALevent .time,#CCALcontainer .CCALevent .instructor,#CCALcontainer .CCALevent .resource{
    display:none;
}
#CCALcontainer .CCALevent .fullName{
    font-size:14px;font-weight:700;line-height:100%;text-align:center;
}
#CCALcontainer .CCALevent .instructorTime{
    font-size:11px;line-height:100%;text-align:center;margin-top:3px;
}
#CCALcontainer .CCALevent .time{
    font-size:18px;text-align:center;margin-bottom:5px;
}
#CCALcontainer .CCALevent .resource{
    font-size:18px;text-align:center;margin-top:5px;
}
#CCALcontainer .CCALevent .instructor{
    font-size:18px;font-weight:700;text-align:center;margin-top:5px;
}
#CCALcontainer #productFilterList{
    display:flex;list-style:none;padding:0;margin:30px 0 0;
}
#CCALcontainer #productFilterList li{
    padding:10px;border-style:solid;border-color:#002F5F;border-width:1px 1px 0;transition:all .25s;cursor:pointer;margin:0 !important;
}
#CCALcontainer #productFilterList li:not(:first-child){
    border-width:1px 1px 0 0;
}
#CCALcontainer #productFilterList li:before,#CCALcontainer #productFilterList li:after{
    display:none !important;
}
#CCALcontainer #productFilterList li.selected{
    color:#fff;background-color:#00a1de;
}
#CCALcontainer #changeCalType{
    display:none !important;
}
#CCALcontainer .CCALprev,#CCALcontainer .CCALnext{
    display:none;position:absolute;top:19px;left:20px;width:25px;height:25px;padding:0;margin:0;box-shadow:none;border-top:8px solid #fff;border-left:8px solid #fff;border-right:none;border-bottom:none;transform:rotate(-45deg);outline:none;background-color:transparent;
}
#CCALcontainer .CCALprev.visible,#CCALcontainer .CCALnext.visible{
    display:block;
}
#CCALcontainer .CCALnext{
    left:auto;right:20px;transform:rotate(135deg);
}

@media screen and (max-width:100000px){
    #CCALcontainer #calendarHolder {
        margin-top:20px;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer #calendarHolder .CCALdayCol {
        display:none;width:100% !important;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer #calendarHolder .CCALdayCol.selected {
        display:block;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer #calendarHolder .CCALinterval {
        height:auto;border:none !important;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer #calendarHolder .CCALcolHeader {
        font-size:20px;font-weight:700;padding:20px;
    }
}

@media screen and (max-width:940px){
    #CCALcontainer #calendarHolder .CCALhour .CCALinterval {
        flex-direction:column;
    }
}

@media screen and (min-width:100000px){
    #CCALcontainer #calendarHolder .CCALhour .CCALinterval {
        padding:5px;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer .CCALevent {
        position:relative;width:100% !important;height:auto !important;left:0 !important;
    }
}

@media only screen and (max-width:940px){
    #CCALcontainer .CCALevent * {
        white-space:normal;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer .CCALevent .fullName {
        font-size:25px;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer .CCALevent .instructorTime {
        display:none;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer .CCALevent .time {
        display:block;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer .CCALevent .resource {
        display:block;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer .CCALevent .instructor {
        display:block;
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer #productFilterList {
        display:none;
    }
}

@media screen and (min-width:100000px){
    #CCALcontainer #productFilterSelectWrap {
        display:none;
    }
}

@media screen and (min-width:100000px){
    #CCALcontainer .CCALprev,#CCALcontainer .CCALnext {
        display:none !important;
    }
}

@media screen and (min-width:100000px){
    #CCALcontainer:not(.mobile) .CCALevent:hover {
        width:120% !important;left:-10% !important;height:auto !important;z-index:2;
    }
}


/*************************************
*
*
* /data01/virt112714/domeenid/www.websale.compucash5.com/htdocs/narvaujula/style/narvaujula/gcss/cards.gcss
*
*
*************************************/
#CCALcontainer #CCALClientCardContainer{
    margin-top:20px;
}
#CCALcontainer .buyCardWrap{
    margin:-5px;
}
#CCALcontainer .buyCardWrap .CCALBtn{
    margin:5px;
}
#CCALcontainer .cardWrapper:not(:first-child),#CCALcontainer .historyItem:not(:first-child){
    padding-bottom:10px;
}
#CCALcontainer .cardWrapper:not(:last-child),#CCALcontainer .historyItem:not(:last-child){
    margin-bottom:10px;border-bottom:1px solid #002F5F;
}
#CCALcontainer .cardWrapper h3,#CCALcontainer .historyItem h3{
    padding:0;margin:0;
}
#CCALcontainer #CCALbronHistoryContainer .historyItem{
    display:flex;align-items:center;
}
#CCALcontainer #CCALbronHistoryContainer .historyItem .infoWrapper{
    display:block;margin-bottom:10px;margin-right:20px;
}
#CCALcontainer #CCALbronHistoryContainer .historyItem .infoWrapper .heading{
    font-weight:700;margin-bottom:5px;
}

@media screen and (max-width:100000px){
    #CCALcontainer .buyCardWrap .CCALBtn {
        min-width:calc(50% - 10px);
    }
}

@media screen and (max-width:100000px){
    #CCALcontainer .buyCardWrap .CCALBtn {
        width:calc(100% - 10px);
    }
}

@media only screen and (max-width:400px){
    #CCALcontainer #CCALbronHistoryContainer .historyItem {
        flex-direction:column;align-items:flex-start;
    }
}


/*************************************
*
*
* /data01/virt112714/domeenid/www.websale.compucash5.com/htdocs/narvaujula/style/narvaujula/gcss/button.gcss
*
*
*************************************/
#CCALcontainer .buttonContainer{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:20px;
}
#CCALcontainer .buttonContainer .CCALBtn{
    margin-left:auto;
}
#CCALcontainer .CCALBtn{
    display:inline-block;color:#fff;font-size:14px;background-color:#00a1de;padding:13px 18px;border:1px solid #00a1de;transition:all .25s;line-height:inherit;border-radius:0;text-transform:uppercase;text-decoration:none;
}
#CCALcontainer .CCALBtn:hover{
    background-color:#00a1de;border-color:#00a1de;
}
#CCALcontainer .CCALBtnLink{
    color:#00a1de;text-decoration:none;
}


/*************************************
*
*
* /data01/virt112714/domeenid/www.websale.compucash5.com/htdocs/narvaujula/style/narvaujula/gcss/popup.gcss
*
*
*************************************/
#CCALcontainer .CCALPopup{
    position:fixed;top:50%;left:50%;background-color:#fff;padding:20px;transform:translate(-50%, -50%);min-width:350px;max-height:90%;overflow-y:auto;overflow-x:hidden;z-index:99;
}
#CCALcontainer .CCALPopup .CCALItem:not(:last-of-type){
    margin-bottom:5px;
}
#CCALcontainer .CCALPopup .CCALItem .eName{
    font-weight:700;font-size:18px;
}
#CCALcontainer .CCALPopup .message{
    color:#00a1de;margin-top:20px;font-weight:700;
}
#CCALcontainer .CCALPopupOverlay{
    position:fixed;top:0;left:0;right:0;bottom:0;background-color:#002F5F;opacity:.5;
}
#CCALcontainer .CCALPopupClose{
    position:absolute;right:0;top:0;width:25px;height:25px;
}
#CCALcontainer .CCALPopupClose:before,#CCALcontainer .CCALPopupClose:after{
    content:'';position:absolute;top:0;left:0;right:0;bottom:0;height:5px;width:80%;background-color:#00a1de;transition:all .25s;margin:auto;
}
#CCALcontainer .CCALPopupClose:before{
    transform:rotate(45deg);
}
#CCALcontainer .CCALPopupClose:after{
    transform:rotate(-45deg);
}

@media only screen and (max-width:360px){
    #CCALcontainer .CCALPopup {
        width:100%;min-width:1px;
    }
}
#CCALpopupOverlay,#CCALuser{
    display:none;position:relative;z-index:999;
}
#CCalLoading{
    position:relative;z-index:999;
}
#CCALloadingMessage{
    text-align:center;
}


/*************************************
*
*
* /data01/virt112714/domeenid/www.websale.compucash5.com/htdocs/narvaujula/style/narvaujula/gcss/banklist.gcss
*
*
*************************************/
#CCALcontainer #banklinkList{
    list-style:none;padding:0;margin:0;
}
#CCALcontainer #banklinkList .CCALBtn{
    margin-left:10px;
}