.login-form-addon {
    padding: .375rem .75rem;
    border: 1px solid #d1d3e2;
    border-radius: .35rem;
}
.menu-item
{
    width: 100px;
    height: 100px;
}
.userLabel {
    font-weight: bold;
}
.green {
    color: darkgreen;
}
.lightred {
    background-color: #ecf9ec !important;
}
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #fff;
}
.table-striped tbody tr:nth-of-type(2n):hover {
    background-color: #fff;
}
.scrapeList li{
    display: inline;
}

.topBarSegment label {
    display:flex;
    flex-direction: column;
    align-items: center;
}
.isOpen {
    padding: 1rem !important;
    width: 350px;
}

.isClosed {
    width: 0;
    overflow: hidden;
}

/*premestamo search na levu stranu*/
/*#channelsTable .dataTables_wrapper .dataTables_filter {*/
/*    float: left !important;*/
/*    vertical-align: center;*/
/*}*/

/*sredjujemo to sto se pojavio horizontalni skrolbar , kad je uljucen scrolly*/
table.dataTable {
    /*table-layout:fixed;*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    padding: 0;
    border: none;
}

.left-col {
    float: left;
    width: 25%;
}

.center-col {
    float: left;
    width: 50%;
}

.right-col {
    float: left;
    width: 25%;
}

/*align fontawesome ikonica u tabeli*/
.icon {
    text-align: center;
}

/*sredjujemo razlicite velicine fontova na razlicitim browserima*/
body {
    height: 100%;
    background-color: lightgray;
    /* Browser settings can override font-size, therefore we set it here. This is also
    with accordance with bootstrap https://getbootstrap.com/docs/4.0/content/typography/ */
    font-size: 16px;
}

input[type=checkbox] {
    position: center;
    text-align: center;
    align-content: center;
    width: 1em;
    height: 1em;
}

td input[type="checkbox"] {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.sidebar {
    width: 12rem !important;
}

/*agenda for dashboard launch view*/
.agenda {
}

/* Dates */
.agenda .agenda-date {
    width: 100px;
}

.agenda .agenda-date .dayofmonth {
    /*width: 40px;*/
    font-size: 36px;
    line-height: 36px;
    /*float: left;*/
    text-align: left;
    margin-right: 10px;
}

.agenda .agenda-date .shortdate {
    font-size: 0.75em;
}

/* Times */
.agenda .agenda-time {
    width: 140px;
}

/* Events */
.agenda .agenda-events {
    overflow-wrap: anywhere;
}

.agenda .agenda-events .agenda-event {
    overflow-wrap: anywhere;
}

/*agenda for dashboard launch view*/
/*try to make channels table pretty*/

/*try to make channels table pretty*/