/* input */
.form-control,
.btn,
.custom-select {
    font-size: .85rem;
    border-radius: .2rem;
}

.form-control:focus,
.btn:focus,
.custom-select:focus {
    box-shadow: 0 0 0 2px rgba(0,0,10,.1);
}
/* buttons *
.btn {
    cursor: pointer;
    padding: .5rem 1.5rem;
    white-space: nowrap;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .025em;
    text-decoration: none;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
}
.btn-sm {
    padding: .3rem .5rem;
    font-weight: 400;
    border-radius: 3px;
}
.btn:not(.btn-sm) {
    background-image: linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 20%,rgba(0,0,0,.1) 54%,rgba(0,0,0,.15) 84%);
}


/*.btn-secondary {
    background-color: rgba(255,255,255,.5);
}
*/

.btn-group-xs > .btn, .btn-xs {
    padding  : .25rem .4rem;
    font-size  : .75rem;
    line-height  : .8;
    border-radius : .2rem;
    text-transform: none;
}

/* select */
.custom-select {
    width:10rem;
	height:calc(2rem + 2px);
}
.custom-select-sm {
    font-size: .75rem;
    width:8rem;
    height:calc(1.5rem + 6px);
}
h6 {
	font-weight: 300;
	text-transform: uppercase;
	color:#ccc;
}
.dropdown-menu {
    font-size: .9rem;
}
.dropdown:before {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(100,100,100,0.5);
    content: '';
    z-index: 1;
    transform: translate(-100vw,0);
    opacity: 0;
    transition: opacity ease-in .2s;
    will-change: transform;
}
.dropdown.show:before {
    transform: translate(0,0);
    opacity: 1;
}

/* modal */
.modal-header {
    padding:.8em 2rem;
}
.modal-title {
    font-size: 1rem;
}
.modal-body {
    padding: 1rem 0 0;
}