/* Form Elements */
select {
    padding: 7px;
    border: 1px solid #B0BFC6;
    border-radius: 4px;
    resize: vertical;
    font-size: 11pt;
    font-family: Montserrat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #35474F;
    background-color: White;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 32px auto;
    overflow: hidden;
    padding: 5px 37px 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    height: 36px;
    background-image: url('/images/select_arr128.svg');
}
select:disabled {
    color: #CFD8DD;
    background-color: White;
    cursor: default;
}
select option:disabled {
    color: Black;
    background-color: #aaa;
    font-weight: bold;
}

@media (max-width: 800px) {
    select { width: 100%; }
    select.tip {
        width: -moz-calc(100% - 34px);
        width: c-webkit-calc(100% - 34px);
        width: -o-calc(100% - 34px);
        width: calc(100% - 34px);
    }    
}
@media (min-width: 801px) {
    select { width: 75%; }
}

/* Form Boxes */
div.greybox {
    border: 1px solid #B0BFC6;
    border-radius: 4px;
    padding: 10px;
    margin: 0px 0px 14px 0px;
    background-color: #eee;
}

/* Buttons */
a.buttons, button {
    font-family: MontserratSemiBold;
    color: White !important;
	border-radius: 4px;
    border: 0px;
	display: inline-block;
    margin: 0px 0px 10px 0px;
	line-height: 100%;
    position: relative;
    cursor: pointer;
}
.orange { background-color: #FFA800; }
.red { background-color: #B71B1C; }
.red:hover { background-color: #de1919; }
.green { background-color: #689F39; }
.blue { background-color: #2874A6; }
.dkgrey { background-color: #91A4B1; }
.black { background-color: #455A64; }
.black:hover { background-color: #718289; }
.grey { background-color: #B0BFC6; }
.grey:hover { background-color: #bdcad1; }
a.buttons:not(:first-child), button:not(:first-child) { margin-left: 9px; }
.disabled {
    cursor: default !important;
    background-color: #B0BFC6;
}
a.buttons img, button img {
    position: absolute;
    width: 19px;
    height: 19px;
}
a.picL picture { margin: 0px 8px 0px 0px; }
a.picR picture { margin: 0px 0px 0px 8px; }
@media (max-width: 800px) {
    a.buttons, button {
		padding: 16px;
		font-size: 13pt;
        height: 50px;
    }
    a.buttons picture, button picture {
        vertical-align: -1px;
        font-size: 14pt;
    }
    a.imgL { padding: 15px 15px 15px 40px; }
    a.imgR { padding: 15px 40px 15px 15px; }
    a.imgL img {
        top: 14px;
        left: 13px;
    }
    a.imgR img {
        top: 14px;
        right: 13px;
    }
    a.search {
        padding: 12px;
        right: 0px;
        position: absolute;
        width: 42px;
        height: 42px;
    }
    a.filter {
        padding: 12px;
        right: 50px;
        position: absolute;
        width: 42px;
        height: 42px;
    }
}
@media (min-width: 801px) {
    a.buttons {
		padding: 13px 15px 9px 15px;
		font-size: 12pt;
        height: 42px;
    }
    button {
		padding: 0px 15px;
		font-size: 12pt;
        height: 42px;
    }
    a.buttons picture, button picture {
        vertical-align: -1px;
        font-size: 13pt;
    }
    a.imgL { padding: 12px 12px 12px 40px; }
    a.imgR { padding: 12px 40px 12px 12px; }
    a.imgL img {
        top: 11px;
        left: 13px;
    }
    a.imgR img {
        top: 11px;
        right: 13px;
    }
    a.search {
        padding: 9px;
        right: 0px;
        position: absolute;
        width: 36px;
        height: 36px;
    }
    a.filter {
        padding: 9px;
        right: 43px;
        position: absolute;
        width: 36px;
        height: 36px;
    }
}

/* Table Buttons */
div.list a.buttons {
    padding: 9px 9px 8px 9px;
	font-size: 12pt;
    height: 32px;
    min-width: 32px;
    margin: 0px;
    text-align: center;
}
div.list a.buttons picture {
    font-size: 11pt;
    vertical-align: 1px;
}
div.list a.buttons img {
    top: 8px;
    left: 8px;
    width: 16px;
    height: 16px;
}
div.nav_buttons { text-align: right; }