/* --- CUSTOM CSS --- */
/* BUTTON */
.cc_div #c-bns .c-bn {
    padding: 0.8em 1.5em;
}
#c-bns #c-r-bn {
    color: #004187;
    background: #ffffff;
    margin: .625em .625em 0 0;
    border: 1px solid #fff;
}

#c-bns #c-p-bn{
    color: #004187;
    background: #ffffff;
    margin: .625em .625em 0 0;
    border: 1px solid #fff;
}

#c-bns #c-p-bn,
#c-bns #c-r-bn,
#c-bns #c-s-bn{
   border-radius:0;
}

#c-bns #c-p-bn:active,
#c-bns #c-r-bn:active{
    background: #004187;
    color: #fff
}

#c-s-bn{
    background: #004187;
    border: 1px solid #fff;
    color: #fff;
}

#c-bns #c-s-bn:active{
    background: #fff;
    color: #004187;
}

#s-bns #s-all-bn{
    background: #004187;
    border-radius: 0!important;
}

#s-cnt #s-rall-bn{
    border-radius: 0;
}

#s-bl .c-bl.b-ex{
    background: #fff;
}

#s-inr.bns-t{
    background: #edeef0;
}

#s-cnt .b-bn .b-tl:active, #s-cnt .b-bn .b-tl:hover{
    background: #fff;
    box-shadow: 0 0 10px #bebebe;
}

.c-c-bn{
    border: 1px solid #fff;
    padding: 2px 0px 2px 0px;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s ease-in;
}
#cm .c-c-bn:hover{
    background: #fff;
}

#c-bns button + button, #s-cnt button + button, #s-c-bn{
    border-radius: 0;
}

#cm .c-c-bn:hover:before,
#cm .c-c-bn:hover:after{
    background: #004187;
}

#cc--main #cc_div. .b-tg .c-tgl:checked{
    background: #004187;
}

.cc_div .cloud #c-bns{
    display: flex;
    max-width: 450px;
}

#c-inr #c-bns{
    display: flex;
}

#cm .c-c-bn{
    border: 1px solid #fff;
    border-radius: 0;
}
#cm .c-c-bn:before,
#cm .c-c-bn:after{
    top: 0.54em;
    left: 0.78em;
    background: #fff;
}

/* CONTAINER */
#cc_div.cc_div{
    font-family: 'Montserrat', sans-serif;
}

.cc_div .cloud #c-txt{
    font-size: 0.8em;
}
#cc_div #cm{
    background: #004187;
    color: #fff;
}

#cc--main #cc_div #cm #c-inr-i{
    width: 100%;
    padding-right: 0px;
}

#cc--main #cc_div #cm #c-inr-i #c-ttl{
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    top: 10px;
}

div#c-ttl {
    line-height: 42px!important;
}

#cc--main #cc_div #cm #c-inr{
    display: flex;
    flex-direction: column;
}

#cm.right{
    left: auto;
    right: 5.5em;
}

#cm.bar #c-inr{
    min-width: 50em;
}

#s-c-bn.c-bn{
    border-radius: 0;
}

/* LINK */

#show-settings{
    cursor: pointer;
}

#cm .cc-link{
    color: #fff;
    border-bottom: 1px solid #fff;
}

#c-s-bn:hover{
    color: #004187;
}

/* MOBILE */
@media screen and (max-width: 688px) {
    #cc--main #cc_div #cm #c-inr{
        width: 100%;
    }

    #cm #c-inr #c-bns{
        max-width: 100%;
    }

    #cc--main #cc_div #cm #c-inr-i{
        height: 150px;
        overflow: scroll;
    }

    #cc--main #cc_div #cm #c-inr-i #c-ttl{
        margin-right: 10px;
        line-height: 42px;
    }

    #cc--main #cc_div #cm #c-inr-i #c-txt{
        padding-right: 10px;
    }
}