/* headers */
h1.title,
h2.title,
h3.title,
h4.title {margin-top: 0px;}

/* vs */
.vs-3,
.vs-5,
.vs-10,
.vs-15,
.vs-20,
.vs-25,
.vs-30 { display:block; line-height: 0px; font-size:0px; }

.vs-3 {height: 3px; }
.vs-5 {height: 5px; }
.vs-10 {height: 10px; }
.vs-15 {height: 15px; }
.vs-20 {height: 20px; }
.vs-25 {height: 25px; }
.vs-30 {height: 30px; }

/* csr */
.csr-ptr { cursor: pointer; }

.text-bold {font-weight:bold;}
.text-normal {font-weight:normal;}
.text-strike {text-decoration: line-through;}
.text-italic {font-style: italic;}

.text-xs {font-size: 0.6em;}
.text-sm {font-size: 0.8em;}
.text-md {font-size: 1.2em;}
.text-lg {font-size: 1.4em;}
.text-bold {font-weight: bold;}
.text-top {vertical-align: top !important;}
.text-middle {vertical-align: middle !important;}
.text-bottom {vertical-align: bottom !important;}

.text-wrap {word-break: break-word; word-wrap: break-word;}
.text-break {word-break: break-all; word-wrap: break-word;}
.text-nobreak {word-break: keep-all; white-space: nowrap;}
.text-ellipses {overflow:hidden; text-overflow: ellipsis;}
.text-squeeze {width:1px;}

.text-inline {display: inline-block;}

.text-offline {color: red;}
.text-busy {color: orange;}
.text-online {color: #00ff00;}

.text-inactive {opacity: 0.2;}

.text-dark-grey {color: #797979;}
.text-sky-blue {color: #72c1cd;}
.text-light-blue {color: #e1f0ff;}
.text-light-grey {color: #eaeaea;}
.text-light-red {color: #f9d4d2;}

.text-facebook {color: #3b5998;}
.text-google {color: #dd4b39;}
.text-linkedin {color: #0077b5;}
.text-twitter {color: #1da1f2;}
.text-instagram {color: #405de6;}
.text-pinterest {color: #bd081c;}

.btn-readonly {
    background-color: #eee;
    border-color: #ccc;
}

@media (max-width: 768px) {
    .text-center-xs {text-align: center;}
}

@media (max-width: 992px) {
    .text-center-sm {text-align: center;}
}

.nav-tabs {
    margin-bottom: 20px;
}

.nav-tabs > li:not(.active) > a {
    border-radius: 0px !important;
    color: #555 !important;
    background: none !important;
    border: none !important;
    padding-bottom: 6px !important;
    border-bottom: solid transparent 4px !important;
}

.nav-tabs > li:hover > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active:hover > a {
    background: none !important;
    border: none !important;
    padding-bottom: 6px !important;
    border-bottom: solid #0f94f5 4px !important;
}

.nav-tabs > li.button:hover > a {
    cursor: pointer;
    border-bottom-color: transparent !important;
}

.modal-auto {
    width: auto;
}

ul.list {
    padding: 0 0 0 25px;
    margin: 0px;
}



.fa-xl {
    font-size: 1.75em;
    line-height: .75em;
    vertical-align: 0%;
}



/*

.badge-unique,
.badge-curated {
    background-color: #eaeaea;
    font-size: 0.8em;
    border: solid 2px;
    margin: 1px;
    vertical-align: middle;
}
.badge-sm {
    padding: 1px 5px;
    margin-top: -1px;
}
.badge-curated {border-color: #5a5a5a;}
.badge-unique {border-color: #31b0d5;}*/


/* draggable */
.draggable-items.dragging .undraggable {
    opacity: 0.2;
}
.draggable-items .draggable {
    position: relative;
    padding-left: 50px;
}

.draggable-items .undraggable > .handle {
    display: none;
}

.draggable-items .draggable > .handle {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0px;
    top: 5px;
    line-height: 50px;
    text-align: center;
    color: #d0d0d0;
}

.draggable-items .draggable > .handle > i.fa {
    cursor: pointer;
}

.draggable-items .draggable:hover > .handle {
    color: inherit;
}

@media (max-width: 768px) {
    .draggable-items .draggable {padding-left: 0px;}
    .draggable-items .draggable > .handle { display:none; }
}

/*.sortable-ghost * {
    visibility: hidden;
}*/
.draggable-items .sortable-ghost {
    opacity: 0.2;
}
.draggable-items .sortable-drag {
    opacity: 1 !important;
}

/*** modals ***/
.modal-content > .close {
    position: absolute;
    right: 10px;
    top: 8px;
    z-index: 1000;
}

textarea {
    resize: vertical;
}


/***** list *****/

.list .list-top,
.list .list-filters {
    padding-bottom: 20px;
}

.list-tight .list-top,
.list-tight .list-error,
.list-tight .list-bottom,
.list-tight .list-filters,
.list-tight .list-loading,
.list-tight .list-no-results,
.list-tight .list-no-results-full {
    padding: 20px;
}

.list-tight .list-top {
    padding-bottom: 0px;
}


.schedule-list .v-select .selected-tag {
    background: transparent;
    border: none;
}

.set-margin {
    margin-top: 17px !important;
}