.upper {

    text-transform: uppercase;

}



.nomargin {

    margin: 0 !important;

}



button, a.button:link, a.button:visited {

    text-decoration: none;

    border: transparent 0px solid;

    font-size: 12px;

    padding: 10px 15px;

    cursor: pointer;

    border-radius: 4px;

}



button.thin {

    font-size: 12px;

    padding: 8px 15px;

    font-size: 11px;

    font-family: 'font-semiBold';

}



button.primary {

    background-color: #1a48a0;

    color: #ffffff;

}



button.green {

    background-color: #009900;

    color: #ffffff;

}



button.danger {

    background-color: #cc0001;

    color: #ffffff;

}



button.yellow {

    background-color: #ffcc00;

    color: #242424;

}



button.yellow:hover {

    background-color: #e7ba05;

    color: #242424;

}



button.transparent, .button.transparent {

    background-color: transparent;

    color: #ffffff;

    border-radius: 14px;

}

button.transparent:hover, .button.transparent:hover {

    background-color: #ffffff;

    color: #242424;

}



button.alertbox, .button.alertbox {

    border-radius: 14px;

    background-color: #F04E30;

    color: #ffffff;

}



.button-set {

    padding: 20px 5px;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}



.button-set.end {

    justify-content: flex-end;

}



.button-set.start {

    justify-content: flex-start;

}



.button-set.center {

    justify-content: center;

}



.button-set.col {

    flex-direction: column;

    align-items: unset;

}



.button-set.col button {

    margin-top: 5px;

    margin-bottom: 5px;

}



/* MATERIAL PROGRESS */

.v-progress { position: absolute; left: 0; top: 0; z-index: 10000; height: 1px; display: block; width: 100%; background-color: #acece6; border-radius: 2px; background-clip: padding-box; overflow: hidden; }

.v-progress .determinate { position: absolute; background-color: inherit; top: 0; bottom: 0; background-color: #26a69a; transition: width .3s linear; }

.v-progress .indeterminate:before { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;  }

.v-progress .indeterminate:after { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s;  }

@-webkit-keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } }

@keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } }

@-webkit-keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } }

@keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } }

/* customize progress */

.v-progress.px1 { height: 1px; }

.v-progress.px2 { height: 2px; }

.v-progress.px3 { height: 3px; }

.v-progress.px4 { height: 4px; }

.v-progress.px5 { height: 5px; }



.v-progress .indeterminate { background-color: #26a69a;  }

.v-progress.progress-red { background-color: #cc0001; }

.v-progress.progress-red .indeterminate { background-color: #ffdddd;  }

.v-progress.progress-orange { background-color: #ff5800; }

.v-progress.progress-orange .indeterminate { background-color: #ffd1b8;  }