@media (min-width: 768px)
{.container {width: 750px;}}
@media (min-width: 992px)
{.container {width: 970px;}}
@media (min-width: 1200px)
{.container {width: 1170px;}}

html{
    height: 100%;
}

body{
    height: 98%;
}

.ui-state-default button {
    background-color: #299d9a;
}

.green {
    background-color: #299d9a !important;
    color: white !important;
}

.ui-widget tr{
    font-size: 12px;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
}

.centered-top-align{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -200%);
}

.bottom {
    position: fixed;
    top: 90%;
    width: 98%;
}

.full-width {
    width: 100%;
}

.full-width input {
    width: 100%;
}

.remove-button{
    border: none !important;
    background: none !important;
    color: #fe9600 !important;
}

.ui-state-highlight .remove-button{
    color: #777620 !important;
}

.cancelled{
    text-decoration: line-through;
}