/* CSS for the video detail modal in the provider page
    copyright Stringr 2018
 */
#detailModal .info * {
    color: black;
}

#detailModal .info .glyphicon {
    padding-right: 5px;
}

#detailModal .info button.btn {
    border: 1px solid #ccc;
    color: #444;
    background: #fff;
    border-radius: 0px;
    min-width: 5.5em;
    float: right;
}

#detailModal .info button.btn:hover {
    background-color: #eee;
}

#detailModal .info td button.btn {
    float: initial;
}

#detailModal .info td button.submit {
    float: right;
}

#detailModal .info h3 button.btn {
    margin-right: 8px;
}

#detailModal .info .edit input,
#detailModal .info .edit button {
    margin-top: 8px;
    margin-bottom: 8px;
}

#detailModal select {
    border-radius: 0px;
    width: 55px;
}

#detailModal input[type="date"] {
    border-radius: 0px;
    width: 153px
}

#detailModal .modal-body {
    overflow: auto;
}

#detailModal .modal-body tr {
    height: 51px;
}

#detailModal .modal-body td:first-child {
    white-space: nowrap;
}

#detailModal * {
    word-wrap: break-word;
}

#detailModal .modal-title .label {
    float: right;
    margin-right: 2em;
    padding-right: .6em;
}

#detailModal .modal-body #detailModalTagsList {
    padding-left: 0;
}

#detailModal .modal-body #detailModalTagsList > li {
    display: inline;
    padding-left: 6px;
    padding-right: 6px;
    border-left: 1px solid #ccc
}

#detailModal .modal-body #detailModalTagsList > li:first-child {
    border: none;
    padding-left: 0px;
}

#detailModal .modal-body .carousel-control {
    height: 80%;
    width: 10%;
    background: none;
    margin: auto;
}

.basic-chip{
    padding: 5px 10px;
    border-radius: 50px;
    display: inline-flex;
    margin: 5px;
}
  
.outline-blue{
    border: 1.5px solid #0074c3;
    color: #0074c3;
    outline: none;
}