html,
body {
    height: 100%;
    background-color: #fff;
}

.login-column {
    max-width: 450px;
}

.login-logo {
    max-width: 30%;
}

.hidden {
    display: none;
    visibility: hidden;
}

.menu {
    margin: 0 !important;
}

#content {
    background-image: url(../assets/bg/b2.png)
}

#content>.main {
    padding-top: 44px;
}

footer {
    margin-top: 30px !important;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.masthead.segment {
    min-height: 700px;
    padding: 3em 0em;
    background-image: url(../assets/bg/titular-conductores-01.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
}

.masthead h1.ui.header {
    margin-top: 3em;
    margin-bottom: 0em;
    font-size: 4em;
    font-weight: normal;
}

.masthead h2 {
    font-size: 1.7em;
    font-weight: normal;
}

.ui.vertical.stripe h1 {
    font-size: 3em;
}

.ui.vertical.stripe h2 {
    font-size: 3em;
    color: #0c9;
}

.ui.vertical.stripe h3 {
    font-size: 2em;
}

.ui.vertical.stripe p,
.ui.vertical.stripe em {
    font-size: 1.33em;
}

.ui.ribbon.label {
    left: calc(-1rem - 1.0em) !important
}

/* .ui.table td>.ui.ribbon.label {
    left: calc(-.9em - 1.2em) !important
} */

.font120 {
    font-size: 120% !important
}

#map {
    height: 100%;
    min-height: 200px;
}

#map.trip {
    height: 400px;
}

@media only screen and (max-width: 767px) {
    .ui.items:not(.unstackable)>.item>.image>img.width175 {
        width: 175px !important;
    }
}

.text.white {
    color: #FFFFFF;
}

.text.grey {
    color: #CCCCCC;
}

.text.black {
    color: #1B1C1D;
}

.text.yellow {
    color: #F2C61F;
}

.text.teal {
    color: #00B5AD;
}

.text.red {
    color: #D95C5C;
}

.text.purple {
    color: #564F8A;
}

.text.pink {
    color: #D9499A;
}

.text.orange {
    color: #E07B53;
}

.text.green {
    color: #5BBD72;
}

.text.blue {
    color: #3B83C0;
}

.hide {
    display: none !important;
}

.icon_modal {
    min-height: 100px;
    float: right;
}

.w400 {
    width: 400px !important;
}

.min-uploads-table th {
    min-width: 105px;
}

.inline {
    display: block !important;
    white-space: nowrap;
    margin-bottom: 5px !important;
    padding: 3px 5px !important;
    width: 100%;
}