.right-sidebar .r-panel-body ul.layouts li {
    list-style: none;
    padding: 5px;
}
.right-sidebar .r-panel-body ul.layouts li a{
    list-style: none;
    padding: 5px;
    text-decoration: none;
    color: black;
}

.right-sidebar .r-panel-body ul.layouts li.active {
    background-color: #0283cc;
    color: white;
}
.right-sidebar .r-panel-body ul.layouts li.active a{
    color: white;
    text-decoration: none;
}
.well i.icon-close{
    font-size: 18px;
    margin-top: 1px;
    cursor: pointer;
    color: red;
}
.dates_view .well{
    padding: 10px 15px;
}
.dates_view .well span{
    font-size: 12px;
}
.well i.icon-clock{
    cursor: pointer;
    color: green;
    font-weight: bold;
    vertical-align: sub;
}
.sidebar-nav li.divider{
    height: 2px;
    background: #e8e8e8;
    margin: 8px 10px;
}
.sidebar-nav ul#side-menu li a span{
    /*color: #FFF;*/
    font-weight: bold;
    font-size: 14px;
}
.sidebar-nav li{
    position: relative;
}
.sidebar-nav li .addMore {
    line-height: 19px;
    font-size: 18px;
    display: none;
    color: #8d9498;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    cursor: pointer;
    transition: 0.4s;
}
.sidebar-nav li:hover > .addMore{
    display: block;
}
.sidebar-nav li .addMore:hover{
    color: #0283cc;
}
.sidebar-nav li.active {
    /*background: #EBEBEB;*/
}
.input-group-btn .btn{
    padding: 7px 12px;
}
.dt-nowrap{
    white-space: nowrap;
}

ul.tabing{
    margin: 0px;
    padding: 0px;
}
ul.tabing li{
    font-weight: 600;
    display: inline-block;
    color: #000;
    text-transform: uppercase;
    border-right: 2px solid #000;
    padding: 0px 10px;
    font-size: 13px;
    line-height: 14px;
    cursor: pointer;
    /*margin-left: -4px;*/
}
ul.tabing li.active{
    color: #FF1AB7;
}
ul.tabing li:last-child{
    border-right: 0px;
}
ul.tabing li:first-child{
    margin-left: 0px;
}
.content-lyrics{
    border: solid 1px #000;
    padding: 15px;
    font-size: 14px;
    color: #000;
    margin-top: 15px;
    min-height: 136px;
    max-height: 350px;
    overflow-y: auto;
}
.content-lyrics div{
    display: none;
}
.content-lyrics div.active{
    display: block;
}
.sidebar-nav ul#side-menu li a{
    color: #FFF;
}
.sidebar-nav ul#side-menu li a.active{
    /*color: #0f8595;*/
/*    background: #20BBE6;*/
    color: #FFF;
}
.content-area{
    padding: 15px;
    min-height: calc(100vh - 70px);
}
.article-list{
    height: calc(100vh - 105px);
    overflow: auto;
    position: relative;
    /*margin-bottom: 15px;*/
}
.article-list .list-item{
    position: relative;
    margin-bottom: 15px;
}
.list-item .title{
    position: absolute;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    bottom: 0;
    left: 0;
    background: #00A99D;
    z-index: 1;
    padding: 6px 10px;
    font-size: 16px;
}
.list-item.active img{
    opacity: 0.46;
}
.article .head{
    background: #00A99D;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    font-size: 28px;
    padding: 4px 15px;
}
.article-desc{
    background: url('../../images/bg.jpg') no-repeat;
    background-size: cover;
    height: calc(100vh - 153px);
    overflow: auto;
}
.media-list{
    margin-bottom: 15px;
}
.article-desc{
    font-size: 16px;
    color: #000;
    line-height: 24px;
    padding: 25px 30px;
}
.form-title{
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.custom-form .form-group{
    margin-bottom: 8px;
}
.custom-form .form-control{
    border: 0px;
    border-bottom: 1px solid #000;
    background: inherit;
}
.custom-form textarea.form-control{
    outline: none;
    resize: none;
}
.custom-form .form-link{
    color: #ED6D00;
    font-weight: bold;
    text-decoration: underline;
    font-size: 14px;
}
.custom-form .btn-full{
    width: 100%;
    display: block;
}
.custom-form .btn{
    background: #ED6D00;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    border-radius: 25px;
}
.uploader input{
    width: 0px;
    height: 0px;
    overflow: hidden;
}
.uploader{
    text-align: center;
    margin: 20px 0px;
}
.uploader label{
    cursor: pointer;
}
.uploader label i{
    font-size: 24px;
    vertical-align: middle;
}
.uploader-bl{
    border-left: 1px solid #000;
}
.form-bg{
    background: #FFF;
    border-radius: 25px;
    border: solid 1px #707070;
    padding: 20px;
}
.track-list{
    border-bottom: 3px solid #7E7E7E;
    height: calc(100vh - 400px);
    overflow: auto;
}

/* CheckMark */
/* The container */
.checkBox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.checkBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border: solid 2px #000;
  border-radius: 50%;
}


/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkBox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.checkBox .checkmark:after {
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #000;
}
.selected-date{
    font-size: 14px;
    margin-bottom: 5px;
}
.backline-list{
    font-size: 13px;
}
.backline-list p{
    margin-bottom: 5px;
}
.media-list iframe{
    max-width: 100%;
}



/* NoMore */
.mb-10{
    margin-bottom: 10px;
}

/* width */
.article-desc::-webkit-scrollbar,
.article-list::-webkit-scrollbar,
.track-list::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.article-desc::-webkit-scrollbar-track, 
.article-list::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.article-desc::-webkit-scrollbar-thumb, 
.article-list::-webkit-scrollbar-thumb {
  background: #ccc; 
}

/* Handle on hover */
.article-desc::-webkit-scrollbar-thumb:hover,
.article-list::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* Track */
.track-list::-webkit-scrollbar-track {
  background: #000; 
  border-radius: 20px;
}

/* Handle */
.track-list::-webkit-scrollbar-thumb,
.track-list::-webkit-scrollbar-thumb:hover {
  background: #ED6D00; 
  border-radius: 20px;
}

.releases .navbar-header, 
.releases .list-item .title,
.releases .article .head,
.releases .right-sidebar .rpanel-title{
    background: #DA0018;
}
.releases .sidebar-nav ul#side-menu li a.active{
    color: #DA0018;
}

.publishing .navbar-header, 
.publishing .list-item .title,
.publishing .article .head,
.publishing .right-sidebar .rpanel-title{
    background: #ED6D00;
}
.publishing .sidebar-nav ul#side-menu li a.active{
    color: #ED6D00;
}

.listen .navbar-header, 
.listen .list-item .title,
.listen .article .head,
.listen .right-sidebar .rpanel-title{
    background: #DA0018;
}
.listen .sidebar-nav ul#side-menu li a.active{
    color: #DA0018;
}

.booking .navbar-header, 
.booking .list-item .title,
.booking .article .head,
.booking .right-sidebar .rpanel-title{
    background: #6CA31C;
}
.booking .sidebar-nav ul#side-menu li a.active{
    color: #6CA31C;
}
.booking .custom-form .btn,
.promote .custom-form .btn{
    background: #6CA31C;
    min-width: 180px;
}
.promote .custom-form .btn{
    background: #00A99D;
}
.booking .custom-form .btn.clr-2{
    background: #DA0018;
    color: #FFF;
}
.booking .form-title.clr-2{
    color: #DA0018;
}

.license .navbar-header, 
.license .list-item .title,
.license .article .head,
.license .right-sidebar .rpanel-title{
    background: #FFCE00;
}
.license .sidebar-nav ul#side-menu li a.active{
    color: #FFCE00;
}
.license .article .head{
    color: #000;
}
.license .custom-form textarea.form-control,
.booking .custom-form textarea.form-control,
.license .custom-form select.form-control,
.booking .custom-form select.form-control,
.custom-form .form-control-2{
    border-radius: 20px;
    border: solid 1px;
}
.license .custom-form textarea.form-control,
.booking .custom-form textarea.form-control{
    margin-top: 20px;
}
.license .custom-form select.form-control,
.booking .custom-form select.form-control,
.custom-form .form-control-2{
    background: #FFF;
    height: auto;
    text-transform: uppercase;
    padding: 4px 10px;
    font-weight: bold;
    color: #000;
}
.booking .custom-form .form-link{
    color: #DA0018;
}
.custom-form .form-control-2{
    text-transform: none;
}
.license .custom-form .btn{
    background: #FFCE00;
    min-width: 180px;
}
.custom-form .form-control-2::-webkit-input-placeholder { /* Edge */
  color: #000;
}

.custom-form .form-control-2:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.custom-form .form-control-2::placeholder {
  color: #000;
}
.custom-form .btn-2,
.promote  .custom-form .btn-2{
    background: #FFF;
}


.list-item.active .title{
    background: #7E7E7E;
}
.mb-0{
    margin-bottom: 0px;    
}
.bg-custom{
    background: #0f8595 !important;
}
.text-yearbook{
    color: #000;
    font-size: 18px !important;
    font-weight: 700;
}
.text-box-label{
    color: #261d1d;
}
.sidebar-nav ul#side-menu li a{
    padding: 13px 10px 13px 30px;
    margin: 10px 0px;
}
/* .login-register{
    flex-direction: column;
    justify-content: center;
    width: 100%;
    overflow: scroll;
} */
.login-register{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.login-register1{
    background-image: url(../images/bg-2.png) !important;
    background-repeat: repeat !important;
    background-position: top left !important;
    background-attachment: fixed !important;
    background-size: contain !important;
    width: 100% !important;
    overflow: scroll !important;
}
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; color: #495057; cursor: pointer; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #495057; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #ced4da; }
/*input#autocomplete { font-size: 28px; padding: 10px; border: 1px solid #CCC; display: block; margin: 20px 0; }*/