/*Fonts*/
@font-face {
    font-family: 'BalooTamma2-Bold';
    src: url('/dist/Baloo_Tamma_2/BalooTamma2-Bold.ttf');
}
@font-face {
    font-family: 'BalooTamma2-ExtraBold';
    src: url('/dist/Baloo_Tamma_2/BalooTamma2-ExtraBold.ttf');
}
@font-face {
    font-family: 'BalooTamma2-Medium';
    src: url('/dist/Baloo_Tamma_2/BalooTamma2-Medium.ttf');
}
@font-face {
    font-family: 'BalooTamma2-Regular';
    src: url('/dist/Baloo_Tamma_2/BalooTamma2-Regular.ttf');
}
@font-face {
    font-family: 'BalooTamma2-SemiBold';
    src: url('/dist/Baloo_Tamma_2/BalooTamma2-SemiBold.ttf');
}
@font-face {
    font-family: 'TahomaRegularfont';
    src: url('/dist/Tahoma-Font/Tahoma Regular font.ttf') format('truetype');
}

@font-face {
    font-family: 'TAHOMA_0';
    src: url('/dist/Tahoma-Font/TAHOMA_0.TTF') format('truetype');
}

@font-face {
    font-family: 'TAHOMAB0';
    src: url('/dist/Tahoma-Font/TAHOMAB0.TTF') format('truetype');
}

@font-face {
    font-family: 'TAHOMABD';
    src: url('/dist/Tahoma-Font/TAHOMABD.TTF') format('truetype');
}
@font-face {
    font-family: 'NotoSans-Regular';
    src: url('/dist/Noto-Sans/NotoSans-Regular.TTF') format('truetype');
}
/*End fonts*/
.skin-inisign .languages-holder{
    position:absolute;
    right:10px;
}
.skin-inisign .languages-holder img {
    width:1.5em;
    max-width:30px;
    cursor:pointer;
}
.skin-inisign #mfaCode {
    background-color:#c67c4e;
    color:#fff!important;
    font-size:14px;
}
.cursor {
    cursor: pointer;
}
.modal {
    background: rgba(60, 60, 60, .8)
}
.mini-sidebar .left-menu-text {
    /*display:none;*/
    text-wrap:none!important;
    overflow:hidden!important;
}
.skin-inisign .self-made-icon-20px {
    width: 20px !important;
}
.skin-inisign .self-made-icon-30px {
    width: 30px !important;
}
.skin-inisign .self-made-icon-40px {
    width: 40px !important;
}
.skin-inisign {
    /*Theme Colors*/
    font-family: 'BalooTamma2-SemiBold' !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'BalooTamma2-Bold' !important;
}
span {
    font-family: BalooTamma2-Regular !important;
}
input {
    font-family: BalooTamma2-Regular !important;
    font-size:16px!important;
}
.color-table.dark-table thead th {
    background-color: #333333!important;
    color: #fff;
}
.skin-inisign .topbar {
    /*Her endres bakgrunnsfarge Top*/
    background: #667a8c !important;    
    /*background: rgb(124,0,255) !important;
    background: linear-gradient(90deg, rgba(124,0,255,1) 6%, rgba(73,0,194,1) 35%, rgba(0,142,136,1) 93%) !important;*/
}
.skin-inisign .topbar .navbar-header{
    /*background: transparent !important;
    background-color: transparent !important;*/
}
.skin-inisign .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    /*display: none !important;*/
}
.skin-inisign .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    /*display: inline-block;
    color: rgba(255, 255, 255, 0.8);*/
}
.skin-inisign .topbar .top-navbar .navbar-header {
      background: #333333!important;
}
.skin-inisign .left-sidebar {
    background: #333333;
    
}
.skin-inisign .left-sidebar nav ul li hr {        
    width: 75%;
    border: outset 1px #e9d281 !important;
    border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.skin-inisign .page-titles {
    background: #fff !important;
    padding: 14px 10px !important;
    box-shadow: 1px 0 20px rgb(0 0 0 / 8%) !important;   
    margin:20px 0px 25px 0px!important;
    border-radius:10px!important;
}
.skin-inisign .page-titles .text-themecolor {
    font-size: 30px !important;    
}
.skin-inisign .scroll-sidebar {
        background: #333333!important;
       /* background: linear-gradient(90deg, rgba(0,142,136,1) 36%, rgba(0,228,198,1) 84%) !important;
        color: #fff !important;*/
    }
.skin-inisign .page-titles .breadcrumb .breadcrumb-item.active {
    color: #6A798A!important;
}
.skin-inisign .page-titles .breadcrumb {
    color: #6A798A !important;
}
.skin-inisign .logo-inisign {
    padding-left: 20px;
    padding-top: 10px !important;
}
.skin-inisign .logo-inisign-regular {
    font-family: "BalooTamma2-Regular" !important;
    font-size: 46px !important;
    color: #fff;
}
.skin-inisign .logo-inisign-bold {
    
    font-family: "BalooTamma2-Bold" !important;
    font-size: 46px !important;
    color: #00e4c6;
}
.skin-inisign .logo-inisign-regular-preload {
    font-family: "BalooTamma2-Regular" !important;
    font-size: 46px !important;
    color: #333333 !important
}

.skin-inisign .logo-inisign-bold-preload {
    font-family: "BalooTamma2-Bold" !important;
    font-size: 46px !important;
    color: #00e4c6;
}
/*Left sidebar*/
/*Mousover / focus menylinje 2*/
.skin-inisign .sidebar-nav ul li a.active, .skin-inisign .sidebar-nav ul li a:hover {
     color: #f7f6f0 !important;
     background-color:#234e51!important;    
}
.skin-inisign .sidebar-nav ul li a.active i, .skin-inisign .sidebar-nav ul li a:hover i {
    color: #f7f6f0 !important;
    background-color: #234e51 !important;
}
.skin-inisign .sidebar-nav > ul > li.active > a {
    color: #f7f6f0 !important;
    border-color: #396065 !important;
    background-color: #234e51 !important;
}
    .skin-inisign.sidebar-nav > ul > li.active > a i {
        color: #f7f6f0 !important;
        background-color: #f7f6f0 !important;
    }
.skin-inisign .sidebar-nav ul li a, .skin-inisign .sidebar-nav ul li i {
    color: #f6f6f6 !important;
    
}
.skin-inisign .left-sidebar .scroll-sidebar .sidebar-nav ul {
    margin-left: 0px !important;
    padding-left: 0px !important;
}
.skin-inisign .left-sidebar .scroll-sidebar .sidebar-nav .sidebarnav-li-content {
    margin-left: 0px !important;
    padding-left: 10px !important;
}
.skin-inisign .left-sidebar .scroll-sidebar .sidebar-nav .sidebarnav-li-content-sub {
    margin-left: 0px !important;
    padding-left: 20px !important;
}
/*Submeny dropdown top 2*/
.horizontal-nav .sidebar-nav #sidebarnav > li > ul {
    position: absolute;
    left: 0px;
    top: auto;
    width: 220px;
    max-height: 350px;
    overflow-y: auto;
    padding-bottom: 10px;
    z-index: 1001;
    background: rgb(0,142,136) !important;
    background: linear-gradient(90deg, rgba(0,142,136,1) 36%, rgba(0,228,198,1) 84%) !important;
    display: none;
    padding-left: 1px;
    color: #f6f6f6 !important;
}
/*End Left sidebar*/
/*Login*/
.skin-inisign .login-body, .login-body h1, .login-body h2, .login-body h3, .login-body h4, .login-body input, .login-body a, .login-body p, .login-body div .login-body span, .login-body button {
    font-family: "BalooTamma2-Regular" !important;
}
.skin-inisign .login-register h2{
    font-size:14px!important;
}
/*End Login*/
/*General*/
.skin-inisign .card-top-header {
    color: #396065 !important;
    font-family: 'BalooTamma2-Bold' !important;
    font-size: 30px !important;
}
.skin-inisign .card-top-header-2-0 {
    color: #333333 !important;
    font-family: 'BalooTamma2-Bold' !important;
    font-size: 30px !important;
    padding-left:1%!important;
    font-weight:bold;
}
/*End General*/
/*Monitor*/
.skin-inisign .asColorPicker-wrap{
    min-width:100%!important;
}
.skin-inisign #custom-color-player-window {
    min-width: 150px !important;
    width:100%!important;
}
.skin-inisign .btn-playlist-content-handler-left-container {
    background-color: #396065 !important;
    margin-bottom: 10px !important;
}
.skin-inisign .btn-playlist-content-handler-left-container:hover {
    background-color: #00e4c6 !important
}
.skin-inisign .playlist-content-handler-save {
    background-color: #396065 !important;
    margin-bottom: 10px !important;
    color: #fff !important;
}
.skin-inisign .playlist-content-handler-save:hover {
    background-color: #00e4c6 !important;
    margin-bottom: 10px !important;
}
.skin-inisign .modal-screen-edit-form-choose-mal-row {
    max-height: 400px !important;
    overflow-y: auto;
    overflow-x: hidden;
    width:98%!important;
    margin-left:1%!important;
    background-color:#b2b2b2!important;
    padding:10px!important;
}
.skin-inisign .monitors{
    height: 30vh;
    max-height: 30vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.skin-inisign .support-log {
    height: 19.9vh;
    max-height: 19.9vh;
    overflow-y: auto;
    overflow-x: hidden;
}
   @media (max-width:3840px) {
    .skin-inisign .support-log {
        height: 30vh !important;
        max-height: 30.1vh !important;
    }
}
@media (max-width:1920px) {
    .skin-inisign .support-log {
        height: 30vh !important;
        max-height: 30vh !important;
    }
}
@media (max-width:1860px) {
    .skin-inisign .support-log {
        height: 30vh !important;
        max-height:30vh !important;
    }
}
@media (max-width:1740px) {
    .skin-inisign .support-log {
        height: 30vh !important;
        max-height: 30vh !important;
    }
}
.skin-inisign .support-log .support-log-accordian{
      background-color: #fff;      
      color: #444;
      cursor: pointer;
      padding: 5px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 15px;
      border-top-left-radius:5px!important;
      border-top-right-radius:5px!important;
    border-bottom:solid 1px #8f9aa7!important;
}
.skin-inisign .support-log .support-divider{
      border-bottom:dotted 1px rgba(0,228,198,1)!important;
      padding:0!important;
      margin:0!important;
}
.skin-inisign .support-log table{
    border-spacing: 0px!important;
    border:0px!important;
    border-collapse:collapse!important;
    padding:0!important;
    width:100%;
}
.skin-inisign .support-log .support-log-item {
    /*border-bottom: dotted 1px #ccc;*/
    margin-bottom: 5px !important;
    padding: 2px !important;
    position:relative;
}
.skin-inisign .support-log .support-log-item:hover{
    /*background-color:#ccc!important;*/
    /*border-radius:10px!important;*/
}
.skin-inisign .support-log .support-log-item-open{
    background-color:#edf1f5!important;
    /*border-radius:10px!important;*/
    border-bottom-left-radius:5px!important;
    border-bottom-right-radius:5px!important;
   
}
.skin-inisign .support-log .support-logg-h3 {
    font-size: 14px !important;
    padding:0!important;
    margin:0!important;
    font-family: 'BalooTamma2-SemiBold' !important;
}
.skin-inisign .support-log .support-logg-span{
    font-size:8px!important;
    font-family: BalooTamma2-Regular !important;
}
.skin-inisign .support-log .support-logg-title {
    font-size: 14px !important;
    font-family: BalooTamma2-Regular !important;
    font-weight:normal!important;
    color:#6a798a!important;
}
.skin-inisign .support-log .support-logg-date-time {
    font-size: 14px !important;
    font-family: BalooTamma2-Regular !important;
    font-weight: bold;
    color: #6a798a !important;
}

.skin-inisign .support-log .support-logg-text {
    font-size: 10px !important;
    font-family: BalooTamma2-Regular !important;
}
.skin-inisign .support-log .support-log-owner{
    font-size:8px!important;
    font-family: BalooTamma2-Regular !important;
}
.skin-inisign .support-log .support-logg-holder{
   padding:5px!important;
   font-family: BalooTamma2-Regular !important;
}
.skin-inisign .support-log .support-logg-holder .activity-header{    
    /*border-top:solid #fff 2px!important;*/
    font-size:14px!important;
    padding-top:5px!important;
    font-style:italic;
    font-family: 'BalooTamma2-SemiBold' !important;
}
.skin-inisign .support-log .support-logg-holder .support-log-text-small{
    font-size:12px!important;
    font-family: BalooTamma2-Regular !important;
}
.skin-inisign .support-log .support-log-monitor {
    color: #c67c4e !important;
    
    font-family: 'BalooTamma2-SemiBold' !important;
}
.skin-inisign .support-log .text-muted{
    
}
.skin-inisign .support-log .text-muted-regular{
    font-family: BalooTamma2-Regular !important;
    font-size:14px!important;
}
.skin-inisign .support-log .support-log-item-down{
    position:absolute;
    top:20px;
    right:20px;
}
.skin-inisign .monitor-item-list {
    border-bottom: solid 1px #6a798a;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    color: #396065!important;
}
.skin-inisign .monitor-item-list .text-muted-1{
    color:#c67c4e!important;
}
.skin-inisign .monitor-item-list .text-muted-2{
    color:#fff!important;
    padding-left:20px;
}
.skin-inisign .dashboard-cards-standard-playlist .text-muted-3 {
    color: #6a798a !important;
    font-size:16px!important;
    padding-left: 20px;
}
.skin-inisign .monitor-address-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0.75rem 1rem !important;
    margin-bottom: 1.5rem !important;
    list-style: none !important;
    background-color: #fff !important;
    border-radius: 0.25rem !important;
    margin-left: -20px !important;
}
.skin-inisign .customer-context-space {
    padding-left: 5px !important;
    padding-right: 5px !important;
    color: #3c3c3b !important;
}
.skin-inisign .customer-context-name,
.skin-inisign .customer-context-name a,
.skin-inisign .customer-context-name a:hover,
.skin-inisign .customer-context-home,
.skin-inisign .customer-context-home a,
.skin-inisign .customer-context-home a:hover{
    color: #3c3c3b !important;
    font-size: 14px !important;
}
.skin-inisign .customer-context-logo {
    height: 25px !important;
    max-height: 25px !important;
    margin-top:-5px!important;
}
.skin-inisign .customer-context-dividerline {
    border: 1px solid #f6f6f6;
}
.skin-inisign .monitor-context{
    padding-left:10px!important;
    padding-top:10px!important;
    min-height:70vh;
}
.skin-inisign .monitor-context-name {
    color: #00e4c6 !important;
    font-family: 'BalooTamma2-Bold' !important;
    font-size: 24px !important;
    letter-spacing: 1px;
}
.skin-inisign .monitor-context-error {
    background-color: #d40001 !important;
    border-radius: 5px !important;
    height: 40px !important;    
    min-width:250px;
    color: #f6f6f6!important;
    font-size:20px!important; 
    padding-left:20px!important;
    padding-top:10px!important;
    padding-bottom:5px!important;
    margin-top:20px!important;
    
}
.skin-inisign .monitor-context-menus {
    padding-top: 20px !important;
    font-family: 'BalooTamma2-Regular'
}
.skin-inisign .monitor-context-menus .monitor-main-menu,
.skin-inisign .monitor-context-menus .monitor-setup-menu,
.skin-inisign .monitor-context-menus .monitor-monitor-menu,
.skin-inisign .monitor-context-menus .monitor-state-menu,
.skin-inisign .monitor-state-menu-event-log{
    color: #3c3c3b !important;
    font-size: 14px !important;
    font-family: 'BalooTamma2-Regular'
}

/*Knappe innstillinger*/
.skin-inisign .monitor-context-menus .monitor-context-menus-left button {
    width: 90px !important;
    max-width: 90px !important;
    height: 90px !important;
    max-height: 90px !important;
    margin: 5px;
    background-color: #F3F3F3;
    color: #2F2D2C;
    border: 0px solid #C67C4E;
}

    .skin-inisign .monitor-context-menus .monitor-context-menus-left button :active {
        background-color: #396065 !important;
        background: #396065 !important;
    }
.skin-inisign .monitor-context-menus .monitor-context-menus-left .button-inactive {
    border: 2px solid #C67C4E;
}
.skin-inisign .monitor-context-menus .monitor-context-menus-left .button-inactive:hover {
    border: 0px solid #C67C4E!important;
}
@media (max-width: 1920px) {
    .skin-inisign .monitor-context-menus .window-handler {
        transform: scale(0.9)!important;
        transform-origin: top left;
    }


}
@media (max-width: 1380px) {
    .skin-inisign .monitor-context-menus .window-handler {
        transform:scale(0.5)!important;
        transform-origin:top left;
    }
    .skin-inisign .monitor-context-menus .monitor-context-menus-monitor {
        max-width:40%!important;
    }
}
@media (max-width: 850px) {
    .skin-inisign .monitor-context-menus .window-handler {
        transform: scale(0.9) !important;
        transform-origin: top left;
    }

    .skin-inisign .monitor-context-menus .monitor-context-menus-monitor {
        max-width: 50% !important;
    }
    .skin-inisign .monitor-context-menus .monitor-context-menus-middle {
        padding:20px!important;
    }
    #monitor-context-setup-menu-license{
        max-width:95%!important;
    }
    .monitor-inputs-container i{
        margin-left:-20px;
    }
}
@media (max-width: 768px){
    .skin-inisign .monitor-context-menus .window-handler {
        transform: scale(0.9) !important;
        transform-origin: top left;
    }

    .skin-inisign .monitor-context-menus .monitor-context-menus-monitor {
        max-width: 50% !important;
    }

    .skin-inisign .monitor-context-menus .monitor-context-menus-middle {
        padding: 20px !important;
        margin-left:0px!important;
    }

    #monitor-context-setup-menu-license {
        max-width: 95% !important;
    }

    .monitor-inputs-container i {
        margin-left: -20px;
    }
}
.skin-inisign .monitor-context-menus .monitor-context-inputs .monitor-open-setting{margin-top:10px!important;}
.skin-inisign .monitor-context-menus .monitor-context-menus-state .monitor-state-menu-monitor-restart,
.skin-inisign .monitor-context-menus .monitor-context-inputs .monitor-save, .skin-inisign .monitor-context-menus .monitor-context-inputs .monitor-open-setting, .skin-inisign .clear-all-loggs {
    width: 100% !important;
    color: #f6f6f6;
    background-color: #396065;
    background: #396065;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: 'BalooTamma2-Regular'
}

.skin-inisign .monitor-context-menus .monitor-context-inputs .monitor-save:hover,
.skin-inisign .monitor-context-menus .monitor-context-inputs .monitor-open-setting:hover,
.skin-inisign .monitor-context-menus .monitor-context-menus-state .monitor-state-menu-monitor-restart:hover, .clear-all-loggs:hover{
    font-family: BalooTamma2-Regular;
    font-style: italic;
}

    .skin-inisign .monitor-context-menus .monitor-context-menus-state a:hover, .skin-inisign .monitor-context-menus .monitor-context-inputs a:hover {
    background-color: #396065 !important;
    background: #396065 !important;
}
.skin-inisign .monitor-context-menus .monitor-context-menus-state a:active,
.skin-inisign .monitor-context-menus .monitor-context-inputs a:active
{
    background-color: #396065 !important;
    background: #396065 !important;
}
/*Mute row - knapp*/
.skin-inisign .monitor-context-menus .monitor-context-mute {
    margin-top: 20px !important;
}
.skin-inisign .monitor-context-menus #monitor-context-mute {
    width: 20px !important;
    height: 20px !important;
    margin-left: 10px !important;
}
 .skin-inisign .monitor-context-menus #monitor-context-remove-clock {
    /*margin-top: 20px !important;*/
}

.skin-inisign .monitor-context-menus #monitor-context-remove-clock {
    width: 20px !important;
    height: 20px !important;
    margin-left: 10px !important;
}

/*Mouusover efekst knapper*/
.skin-inisign .monitor-context-menus .monitor-context-menus-left button:hover {
    background-color: #396065 !important;
    color: #fff;
}
.skin-inisign .monitor-context-menus .btn-inputs-active{
    background-color: #396065 !important;
    color:#fff!important;
}
.skin-inisign .monitor-context-menus .active {
    background-color: #396065 !important;
    color: #fff;
}
/*Andre knapperad tekst boks kontainer*/
.skin-inisign .monitor-context-menus .monitor-context-inputs{
    margin-top:20px!important;
    padding:0!important;    
    
}

/*Venstre knapperad*/
.skin-inisign .monitor-context-menus .monitor-context-menus-left{
    min-width:130px!important;
}
/*Andre knapperad*/
.skin-inisign .monitor-context-menus .monitor-context-menus-middle{
    min-width:250px;
    padding-right:40px;
    padding-left: 0px!important;
}

/*Kontainer menyer og innstillinger*/
.skin-inisign .monitor-context-menus .monitor-context-menus-border {
    /*border-right: 2px solid #f6f6f6;*/
    
    margin-top: 20px;
}

.skin-inisign .monitor-context-menus .monitor-context-menus-monitor {    
    margin-top: 20px !important;
}
/*Status kontainer*/
.skin-inisign .monitor-context-menus .monitor-context-menus-state {    
    margin-top: 20px !important;
}
.skin-inisign .monitor-context-menus .monitor-context-menus-state .msg-response{
    color:red;
    font-family:"BalooTamma2-SemiBold";
    font-size:14px!important;
    margin-top:20px!important;
}

/*Skjerm innstillinger*/
.skin-inisign .monitor-context-menus-middle button {
    background-color: #f6f6f6;
    width: 90px !important;
    max-width: 90px !important;
    height: 90px !important;
    max-height: 90px !important;
    margin: 5px;
    color: #3c3c3b;
    font-size:12px!important;
    border:solid 0px #C67C4E; 
}
.skin-inisign .monitor-context-menus-middle .monitor-context-portrait-inactive:hover {
    background-color: #396065 !important;
    background: #396065 !important;
    color: #fff !important;       
    border: solid 0px #C67C4E !important;
    
}
.bs-change-window-settings-modal .btn-container-event {
    background-color: #396065 !important;
    margin-bottom: 10px !important;
}
.bs-change-window-settings-modal .btn-container-event :hover {
    background-color: #00e4c6 !important;    
}
.bs-change-window-settings-modal .active-event {
    background-color: #396065 !important;
}
.bs-change-window-settings-modal .playlist_content_handler_color_codes{
    width:100%!important;
}
.modal-llg {
    width: 80vw !important;
    max-width: 1024px !important;
}
.skin-inisign .modal-playlist-content-handler-middle-data, .skin-inisign .widget-playlist-items-container {
    position:relative;
    max-height: 500px !important;
    overflow-x: hidden;
    overflow-y: auto;
}
.skin-inisign .playlist-content-search-fa{
    position:absolute;
    right:15px!important;
    top:4px!important;
}
.skin-inisign .playlist-content-search-list{
    margin-bottom:10px!important;
}
.skin-inisign .playlist-content-search-heading input {
    width: 20px !important;
    height: 20px !important;
    margin-right: 5px !important;
    margin-top: 5px !important;
}
.skin-inisign .widget-playlist-search-playlist-lexmark {
    background-color: #F0FAEF !important;
    border-radius: 5px !important;
    margin-bottom: 2px !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 100% !important;
    margin-left: 0px !important;
    color: #2F2D2C !important;
}

.skin-inisign .widget-playlist-search-playlist {
    background-color: #36C07E !important;
    border-radius: 5px !important;
    margin-bottom: 2px !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 100% !important;
    margin-left: 0px !important;
    color: #fff !important;
}

.skin-inisign .widget-playlist-search-playlist-group {
    background-color: #3E6567 !important;
    border-radius: 5px !important;
    margin-bottom: 2px !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 100% !important;
    margin-left: 0px !important;
    color: #fff !important;
}
.skin-inisign .playlist_content_handler_color_codes td{
    padding-right:10px;
}
.skin-inisign .widget-playlist-items-container-item-input {
    width: 30px !important;
    color: #000 !important;
    text-align: center !important;
    height: 20px !important;
}
.skin-inisign .widget-playlist-item {
    background-color: #3E6567 !important;
    border-radius: 5px !important;
    margin-bottom: 2px !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 98% !important;
    margin-left: 5px !important;
    color: #fff !important;
}
.skin-inisign .widget-playlist-items-0 {
    background-color: #36C07E !important;
    border-radius: 5px !important;
    margin-bottom: 2px !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 98% !important;
    margin-left: 5px !important;
    color: #fff !important;
}
.skin-inisign .widget-playlist-items-0-lexmark {
    background-color: #F0FAEF!important;
    border-radius: 5px !important;
    margin-bottom: 2px !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 98% !important;
    margin-left: 5px !important;
    color: #2F2D2C !important;
}
.skin-inisign .h3-container {
    background-color: #6A798A !important;
    color: #fff !important;
    width: 100% !important;
    padding: 0;
    margin: 0;
    font-size: 20px;
    padding-left: 10px;
    padding-top: 6px;
    height: 35px !important;
    margin-bottom: 2px;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
}
.skin-inisign .playlist-content-handler-left-container {
    width: 100% !important;
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    background: #e0e0e0 !important;
    position:relative;
}
.skin-inisign .playlist-content-handler-left-container .color-codes{
    position:absolute;
    bottom:0px;
    width:100%!important;
}
.skin-inisign .modal-monitor-open-settings-window-title-save-status {
    padding-left:20px;
    color:#396065!important;
}
.skin-inisign .playlist-content-handler-middle-container {
    width: 100% !important;
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background-color: #e0e0e0 !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
}
.skin-inisign .playlist-content-handler-right-container {
    width: 100% !important;
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background-color: #e0e0e0 !important;
}
.skin-inisign .monitor-state-menu-event-log-content {
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: 20px !important;
    /*border-bottom: #DCDCDC solid 1px!important;*/
}
/**/
.skin-inisign .monitor-inputs-container .screen-edit-form-setting-lisens-list {
    width: 95% !important;
    max-width: 98% !important;
    margin-left: 12px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #008e88;
    color: #f6f6f6;
    padding-top: 5px;
    padding-bottom: 5px;
    max-height: 150px;
    overflow-y: auto;
}
.skin-inisign #clockContainer {
    height: 250px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    
    border-radius: 10px;
    padding-top: 5px !important;
}
.skin-inisign .digital_clock_item {
    background-color: #396065;
    color: #F3F3F3;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-top: 5px;
    padding-top: 10px;
    text-align: center;
    height: 50px;
    max-height: 50px;
    padding-right: 10px;
    z-index: 5000;
    margin-left: 10px !important;
    max-width: 92% !important;
    border-radius: 10px;

}
.skin-inisign .digital_clock_item #digital-clock-time-element, .skin-inisign .digital_clock_item #digital-clock-date-element, .skin-inisign .digital_clock_item #digital-clock-weekday-element {
    color: #fff !important;
}
.skin-inisign .btn-bs-modal-clock-handler-xl-top-bottom-direction {
    background-color: #396065;
    color: #F3F3F3;
    border:0px;
    margin-top:35px;

}

.skin-inisign .adjust-clock-pos-digital {
    background-color: #396065 !important;
    border: 0px !important;
    margin-right: 2px;
}
.skin-inisign .adjust-clock-pos{
    background-color:#396065!important;
    color:#fff;
}
.skin-inisign #clockContainer {
    height: 250px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 5px;
    border-radius: 10px;
}
.skin-inisign .btn-modal-clock-handler {
    background-color: #F3F3F3 !important;
    margin-right: 5px !important;
    color: #000 !important;
}
.skin-inisign .dragableClock {
    background-color: #396065;
    border-radius: 10px;
    margin-top: 10px !important;
    margin-left: 15px !important;
    padding-left:10px;
    vertical-align: middle;
    max-height: 100px;
    z-index: 5000;
    align-content: center;
    align-items: center;
    text-align: center;
}
.skin-inisign .btn-modal-clock-handler-clocks .screen-new-form-setting-clock-info {
    margin-top:10px!important;
    font-size:12px!important;
    font-style:italic;
}
.skin-inisign .bs-modal-clock-handler-xl .modal-clock-handler-title, .skin-inisign .bs-modal-clock-handler-xl .screen_new_form_add_clock {
    font-size: 16px !important;
    color: #000 !important;
}
/**/
.skin-inisign .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 25px;
    font-size: .7em;
    display: block;
    border: 0px;
    box-shadow: none!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background: #b2b2b2;
    background-image: none !important;
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
    background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}
.skin-inisign .ui-slider-horizontal {
    height: 25px !important;
    background: #b2b2b2 !important;
    border: 0px !important;
    box-shadow: none !important;
    clear: both;
    margin: 8px 0;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
}
.skin-inisign .ui-slider .ui-slider-handle {
    border-radius: 0 !important;
    background: #396065 !important;
    background-image: none !important;
    background-size: 100% !important;
    width: 25px !important;
    height: 25px !important;
    -moz-box-shadow: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    margin-top:5px;    
}
.skin-inisign .ui-slider .ui-slider-handle:after {
    content: none !important;
    position: inherit !important;
    width: 0px !important;
    height: 0px !important;
    border-radius: 0% !important;
    top: 0% !important;
    margin-top: 0px !important;
    left: 0% !important;
    margin-left: 0px !important;
    background: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.skin-inisign .bs-modal-clock-handler-xl input[type=range] {
    border-radius: 5px !important;
    background-color: #b2b2b2 !important;
    color: #f6f6f6 !important;
    max-width: 100% !important;
    width: 100% !important;
    -webkit-appearance: none; /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
    max-height: 25px; /* Specified height */
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
    padding: 0 !important;
    line-height:1!important;
    margin-top:0px!important;
}

input[type="range" i]::-webkit-slider-runnable-track {
    min-inline-size: 0px;
    align-self: center;
    box-sizing: content-box;
    height: 25px; /* Specified height */
    max-height: 25px; /* Specified height */
    display: block;
    -webkit-user-modify: read-only !important;
    flex: 1 1 0%;
}
.skin-inisign .bs-modal-clock-handler-xl input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #396065; /* Green background */
    cursor: pointer; /* Cursor on hover */
    padding: 0 !important;
}

.skin-inisign .bs-modal-clock-handler-xl input[type=range]::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #396065; /* Green background */
    cursor: pointer; /* Cursor on hover */
    padding: 0 !important;
}
/**/
/*.skin-inisign .bs-modal-clock-handler-xl input[type=range] {
    -webkit-appearance: none;
    margin: 0px 0;
    width: 100%;
    padding: 0 !important;
    color: #396065 !important;
    background-color: #F3F3F3 !important;
    border: 1px solid #C67C4E;
    height: 20px !important;
    max-height: 20px !important;
    min-height: 20px !important;
    border-radius: 5px !important;
}*/
/*.skin-inisign .bs-modal-clock-handler-xl .digital-clock{
    height:60px!important;
}
.skin-inisign .btn-modal-clock-handler:hover {
    background-color: #00e4c6 !important;
}
.skin-inisign .bs-modal-clock-handler-xl .active {
    background-color: #396065 !important;
    color:#fff!important;
}*/
@media (max-width: 1000px) {
    .skin-inisign .modal-playlist-content-handler-middle {
        display: none !important;
    }
    .skin-inisign .modal-playlist-content-handler-middle-data {
        max-height: 150px!important;
        min-width:100%!important;
    }
    .skin-inisign .widget-playlist-items-container {
        max-height: 150px !important;
        margin-top: 10px !important;
        min-width: 100% !important;
    }
    .skin-inisign .modal-footer-row{
        position:relative;
    }
    .skin-inisign .modal-footer-button-right {
        position:absolute;
        left:70px;
    }
    .skin-inisign .modal-footer-button-right button{
        font-size:1em!important;
    }
}

    /*@media (max-width: 768px) {
        .skin-inisign .btn-inputs-clock {
            display: none !important;
        }

        .skin-inisign .modal-playlist-content-handler-middle {
            display: none !important;
        }
    }*/
    /*End skjerm instillinger*/
    /*End Monitor*/
    /*Playlist*/
    .skin-inisign .playlist-context {
    }

.skin-inisign .customer-context .card-top-header {
    color: #000 !important;
    font-family: 'BalooTamma2-Bold' !important;
    font-size: 30px !important;
}

.skin-inisign .playlist-context .card-top-header {
    color: #396065 !important;
    font-family: 'BalooTamma2-Bold' !important;
    font-size: 30px !important;
}



    .skin-inisign .playlist-context .page-playlist-handler-mediabibliotek {
        margin-left: 10px !important;
        display: block !important;
        float: left !important;
        width: 100% !important;
        border: 0px #000 solid;
    }

    .skin-inisign .playlist-context .page-playlist-handler-mediabibliotek-top-menu {
        /*background-color: #008e88 !important;*/
        margin-left: 11px !important;
        /*border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;*/
        margin-bottom: 10px !important;
        padding: 10px !important;
        color: #f6f6f6 !important;
        position: relative;
    }
    /*Web sources*/
    .skin-inisign .playlist-context .web-sources .medialibrary-context-item {
        background-color: #00e4c6 !important;
    }

    .skin-inisign .playlist-context .web-sources .web-source-buttons {
        text-align: right !important;
    }

    .skin-inisign .playlist-context .web-sources .btn-add-web-source {
        cursor: pointer !important;
    }

    .skin-inisign .playlist-context .web-sources .web-source-rows {
        margin-top: 5px !important;
        padding: 5px !important;
        border-radius: 5px;
    }

    .skin-inisign .playlist-context .web-sources .plural {
        background-color: #e6e5e5;
    }

    .skin-inisign .playlist-context .web-sources .singular {
        background-color: #fff;
    }

    .skin-inisign .playlist-context .web-sources .web-source-rows:hover {
        background-color: #00e4c6 !important;
    }

    .skin-inisign .playlist-context .web-sources .btn-save-web-source {
        cursor: pointer !important;
    }

        .skin-inisign .playlist-context .web-sources .btn-save-web-source:hover {
            transform: scale(1.2);
            transform-origin: center;
        }

    /*Venstre meny knapper*/
.skin-inisign .playlist-context .playlist-buttons {
    display: block !important;
    float: left !important;
    border: 0px #000 solid;
    width:380px!important;    
    margin-left:2px;
}
.skin-inisign .playlist-context .playlist-buttons button {
    background-color: #DCDCDC;
    border: 0 !important;
    margin-left: -1px !important;
    
    color:#6A798A!important;    
}
.skin-inisign .playlist-context .playlist-buttons .active {
    color: #fff !important;
    background-color: #396065 !important;
    margin-left: -1px !important;
    margin-right: -1px !important;
}
.skin-inisign .playlist-context .playlist-buttons .border {


}
/*End knapper*/
.skin-inisign .sliders_step1 {
    padding-left: 10px !important;
    width: 95% !important;
}
.skin-inisign #slider-range {
   
    /* margin: 0 auto; */
}
/*Opplasting og spilelister*/
.skin-inisign .playlist-add-new {
    max-width: 40px !important;
    width: 40px !important;
    height: auto;
    
    margin-top: 25px !important;
    background-color:#e9d281!important;
    border-radius:5px!important;
}

    .skin-inisign .playlist-add-new-align-right {
        text-align: right;
    }
.skin-inisign .playlist-add-new-align-right table tr td {
    text-align: right;
    align-items:flex-end;
    padding-right:30px;
}

    .skin-inisign .playlist-context .playlist-left-heading,
    .skin-inisign .playlist-context .playlist-right-heading {
        font-family: 'BalooTamma2-Bold' !important;
        font-size: 26px !important;
        color: #3c3c3b;
        word-spacing: 1px;
        margin-top: 30px !important;
        margin-bottom: 20px !important;
    }
    /*Opplast kontainer*/
    .skin-inisign .playlist-context .playlist-left-upload {
        width: 80%;
        height: 15vh;
        border-radius: 25px;
        border: dashed 2px #00e4c6 !important;
        position: relative;
    }

    .skin-inisign .playlist-context .playlist-left-heading-container {
    }
        /*Kontainer for senterering*/
        .skin-inisign .playlist-context .playlist-left-heading-container table {
            width: 100% !important;
            height: 100%;
        }

        /*Opplastning*/
        .skin-inisign .playlist-context .playlist-left-heading-container .playlist-left-upload #playlist-upload-file {
            width: 100% !important;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            opacity: 0;
            cursor: pointer;
            z-index: 1000000;
        }

    .skin-inisign .playlist-context .playlist-left-preview-container {
        margin-top: 10px !important;
        position:relative;
        width:100%;
    }


    .skin-inisign .playlist-context .playlist-window-preview-container {
        max-height: 400px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

        .skin-inisign .playlist-context .playlist-window-preview-container table tr td {
            font-family: BalooTamma2-Regular !important;
            font-size: 16px !important;
            letter-spacing: 1px !important;
            color: #396065 !important;
            padding-right: 20px !important;
            cursor: pointer;
        }

            .skin-inisign .playlist-context .playlist-window-preview-container table tr td:hover {
                color: #00e4c6 !important;
            }

        .skin-inisign .playlist-context .playlist-window-preview-container table tr active {
            color: #00e4c6 !important;
        }

        .skin-inisign .playlist-context .playlist-window-preview-container table tr .playlist-window-preview-title,
        .skin-inisign .playlist-context .playlist-window-preview-container table tr .playlist-window-preview-title:hover {
            font-family: BalooTamma2-ExtraBold !important;
            color: #3c3c3b !important;
            width: 150px !important;
        }

    .skin-inisign .playlist-context .playlist-window-container {
        margin-top: 10px !important;
    }

        .skin-inisign .playlist-context .playlist-window-container iframe {
            background-color: #ccc;
            border: 5px solid #000;
            border-radius: 10px;
        }

    .skin-inisign .playlist-context .accordion-container {
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    .skin-inisign .playlist-context #accordionPlaylist {
        max-height: 70vh !important;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    @media (max-height: 1080px) {
        .skin-inisign .playlist-context #accordionPlaylist {
            max-height: 45vh !important;            
        }
    }
    .skin-inisign .playlist-context #accordionPlaylist .accordion-button .accordionPlaylist-table {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0px !important;
        margin: 0px !important;
        border-collapse: collapse !important;
        border: 0;
    }

        .skin-inisign .playlist-context #accordionPlaylist .accordion-button .accordionPlaylist-table tr td i {
            margin-right: 10px !important;
        }

        .skin-inisign .playlist-context #accordionPlaylist .accordion-button .accordionPlaylist-table tr td {
            font-family: BalooTamma2-Regular !important;
            font-size: 20px !important;
            font-weight: bold;
            letter-spacing: 0px !important;
            color: #396065 !important;
        }

            .skin-inisign .playlist-context #accordionPlaylist .accordion-button .accordionPlaylist-table tr td table {
                max-width: 100px !important;
            }

    .skin-inisign .playlist-context #accordionPlaylist .accordion-first-td {
        width: 85% !important;
        max-width: 85% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .skin-inisign .playlist-context #accordionPlaylist .accordion-first-td div {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: clip !important;
        }

    @media (max-width: 1024px) {
        .skin-inisign .playlist-context #accordionPlaylist .accordion-first-td {
        }

            .skin-inisign .playlist-context #accordionPlaylist .accordion-first-td div {
                white-space: normal;
                text-overflow: clip !important;
                overflow: hidden !important;
                width: 75%;
                max-width: 75%;
            }
    }

    @media (max-width: 768px) {
        .skin-inisign .playlist-context #accordionPlaylist .accordion-first-td {
            width: calc(100vw - 40vw);
            max-width: calc(100vw - 40vw);
        }

            .skin-inisign .playlist-context #accordionPlaylist .accordion-first-td div {
                width: calc(100vw - 50vw);
                max-width: calc(100vw - 50vw);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: clip !important;
            }
    }

    @media (max-width: 500px) {
        .skin-inisign .playlist-context #accordionPlaylist .accordion-first-td {
        }

            .skin-inisign .playlist-context #accordionPlaylist .accordion-first-td div {
                white-space: normal;
                text-overflow: clip !important;
                overflow: hidden !important;
                width: 65%;
                max-width: 65%;
            }
    }

.skin-inisign .playlist-context #accordionPlaylist .accordion-item {
    cursor: pointer;
    padding-bottom: 0px !important;
    padding-top: 10px !important;
    border-bottom: 1px solid #396065 !important;
}

.skin-inisign .playlist-context #accordionPlaylist .playlist-item-container {
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.skin-inisign .playlist-context #accordionPlaylist .accordion-item-td {
    text-align: right !important;
    /*padding-right: 20px !important;*/
    max-width: 100px !important;
    width: 100px !important;
    font-size: 0px !important;
    letter-spacing: 0px !important;
    color: #396065 !important;
}
        /*ICON*/
        .skin-inisign .playlist-context #accordionPlaylist .accordion-item-td img {
            margin-right: 10px !important;
            margin-top: 5px !important;
            margin-bottom: 5px !important;
        }

    .skin-inisign .playlist-context .playlist-context-items-container {
        display: block;
        border-left: 0px !important;
        max-width: 99.9%;
        padding-top: 10px !important;
    }

        .skin-inisign .playlist-context .playlist-context-items-container .playlist-context-item {
            min-width: 150px !important;
            min-height: calc(160px * 0.56) !important;
            max-width: 150px !important;
            max-height: calc(160px * 0.56) !important;
            border: 1px solid #396065;
            margin-bottom: 10px !important;
            display: block;
            float: left;
            margin-right: 10px !important;
            padding: 5px !important;
        }

            .skin-inisign .playlist-context .playlist-context-items-container .playlist-context-item .playlist-context-item-content {
                min-width: 140px !important;
                min-height: calc(140px * 0.56) !important;
                max-width: 140px !important;
                max-height: calc(140px * 0.56) !important;
                background-size: cover;
                background-position: center center;
                background-repeat: no-repeat;
                position: relative;
                color: #f6f6f6;
                overflow: hidden;
            }

                .skin-inisign .playlist-context .playlist-context-items-container .playlist-context-item .playlist-context-item-content i {
                    /*display:flex;
    position:absolute;
    top:10px!important;
    left:10px!important;
    z-index:150;*/
                    display: flex;
                    position: absolute;
                    top: 10px !important;
                    left: 10px !important;
                    z-index: 200;
                    color: #f6f6f6 !important;
                    cursor: pointer;
                }

                .skin-inisign .playlist-context .playlist-context-items-container .playlist-context-item .playlist-context-item-content .left-row {
                    min-height: calc(140px * 0.56) !important;
                    max-height: calc(140px * 0.56) !important;
                    background-color: #36c07e;
                    width: 70px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 161;
                    opacity: 0.8;
                }

                .skin-inisign .playlist-context .playlist-context-items-container .playlist-context-item .playlist-context-item-content .right-row {
                    min-height: calc(140px * 0.56) !important;
                    max-height: calc(140px * 0.56) !important;
                    background-color: #F0FAEF;
                    width: 70px;
                    position: absolute;
                    top: 0;
                    left: 50%;
                    z-index: 161;
                    opacity: 0.8;
                }

                    .skin-inisign .playlist-context .playlist-context-items-container .playlist-context-item .playlist-context-item-content .left-row a,
                    .skin-inisign .playlist-context .playlist-context-items-container .playlist-context-item .playlist-context-item-content .right-row a {
                        color: #f6f6f6 !important;
                    }

                        .skin-inisign .playlist-context .playlist-context-items-container .playlist-context-item .playlist-context-item-content .right-row a i {
                            margin-top: 10px !important;
                            margin-left: 10px !important;
                        }

                    .skin-inisign .playlist-context .playlist-context-items-container .playlist-context-item .playlist-context-item-content .left-row table,
                    .skin-inisign .playlist-context .playlist-context-items-container .playlist-context-item .playlist-context-item-content .right-row table {
                        width: 100%;
                        height: calc(100% * 0.56) !important;
                        color: #3c3c3b;
                    }

                        .skin-inisign .playlist-context .playlist-context-items-container .playlist-context-item .playlist-context-item-content .left-row table tr td,
                        .skin-inisign .playlist-context .playlist-context-items-container .playlist-context-item .playlist-context-item-content .right-row table tr td {
                            padding-top: 20px !important;
                        }

    /*Accordions*/

    .skin-inisign .playlist-context .accordion-item {
        border: 0px !important;
        margin-bottom: 0 !important;
        /*padding-bottom: 10px !important;*/
        padding: 0 !important;
        margin: 0 !important;
    }

        .skin-inisign .playlist-context .accordion-item:hover {
            background-color: #f6f6f6 !important;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        .skin-inisign .playlist-context .accordion-item .accordion-button {
            border: 0px !important;
            padding: 0 !important;
            margin: 0 !important;
            /*border-bottom:1px #f6f6f6 solid!important;*/
        }

        .skin-inisign .playlist-context .accordion-item table {
            border: 0px !important;
            padding: 0 !important;
            margin: 0 !important;
            border-collapse: collapse;
            border-spacing: 0px;
        }

        .skin-inisign .playlist-context .accordion-item .accordion-button:hover {
            background-color: transparent;
        }

        .skin-inisign .playlist-context .accordion-item .accordion-button:not(.collapsed) {
            background-color: transparent;
        }

        .skin-inisign .playlist-context .accordion-item .accordion-collapse {
            border: 0px !important;
            padding: 0px !important;
            margin: 0px !important;
        }
        /* Form*/
        /*Edit playlist item - dato kontainer*/
        /*.skin-inisign .playlist-context .accordion-item .playlist-edit-item-first-container {
            display: block !important;
            float: left !important;
            width: 215px !important;
            max-width: 215px !important;
            min-width: 215px !important;
        }

        .skin-inisign .playlist-context .accordion-item .playlist-edit-item-second-container {
            display: block !important;
            float: left !important;
            width: 290px !important;
            max-width: 290px !important;
            min-width: 290px !important;
        }

        .skin-inisign .playlist-context .accordion-item .playlist-edit-item-infinity-td {
            max-width: 30px !important;
            width: 30px !important;
            margin: 0px !important;
        }*/

    /*.skin-inisign .playlist-context .playlist-edit-item-start-td {
        max-width: 75px !important;
        width: 75px !important;
        margin: 0px !important;
        text-align: center;
        font-family: BalooTamma2-Regular !important;
        font-size: 18px !important;
       
    }*/

/*.skin-inisign .playlist-context .playlist-edit-item-end-td {
    max-width: 75px !important;
    width: 75px !important;
    margin: 0px !important;
    text-align: center;
    font-family: BalooTamma2-Regular !important;
    font-size: 18px !important;
    margin-left: 4px !important;
}

    .skin-inisign .playlist-context .playlist-edit-item-start-date-td,
    .skin-inisign .playlist-context .playlist-edit-item-end-date-td {
        padding-left: 1px !important;
        padding-right: 1px !important;
        max-width: 140px !important;
        width: 140px !important;
        margin-right: 2px !important;
        font-family: BalooTamma2-Regular !important;
        font-size: 18px !important;
    }*/

    .skin-inisign .playlist-context .accordion-item .playlist-edit-item-infinity-td p {
        color: #000 !important;
        background-color: #ccc !important;
        border-radius: 5px !important;
        padding-top: 7px !important;
        padding-left: 2px !important;
        margin: 0px !important;
        font-family: BalooTamma2-Regular !important;
        font-size: 18px !important;
        text-align: center !important;
        max-height: 35px !important;
        height: 35px !important;
        max-width: 40px !important;
        width: 40px !important;
    }
    /*Start */
    .skin-inisign .playlist-context .playlist-edit-item-start-td p {
        color: #fff !important;
        padding: 0 !important;
        background-color: #396065 !important;
        border-radius: 5px !important;
        padding-top: 5px !important;
        margin: 0px !important;
        max-height: 35px !important;
        height: 35px !important;
        padding-left:5px!important;
    }
    /*Stopp*/
.skin-inisign .playlist-context .playlist-edit-item-end-td p {
    color: #fff !important;
    background-color: #A0616A !important;
    border-radius: 5px !important;
    padding-top: 5px !important;
    margin: 0px !important;
    max-height: 35px !important;
    height: 35px !important;
    padding-left: 5px!important;
}

    .skin-inisign .playlist-context .playlist-edit-item-start-date-td p,
    .skin-inisign .playlist-context .playlist-edit-item-end-date-td p {
        border-radius: 5px !important;
        padding: 0px;
        margin: 0px !important;
    }

        .skin-inisign .playlist-context .playlist-edit-item-start-date-td p input,
        .skin-inisign .playlist-context .playlist-edit-item-end-date-td input {
            background-color: #b2b2b2 !important;
            border: 0px !important;
            padding: 0 !important;
            padding-left: 5px !important;
            padding-top: 5px !important;
            margin: 0px !important;
            font-family: BalooTamma2-Regular !important;
            font-size: 18px !important;
            max-height: 35px !important;
            height: 35px !important;
            width: 100% !important;
            border-radius: 5px !important;
        }
    /*End Edit playlist item - dato kontainer*/
    /*Edit playlist item - duaration - title kontainer*/
    .skin-inisign .playlist-context .playlist-edit-item-time-title-container table,
    .skin-inisign .playlist-context .playlist-edit-item-volum-mute-container table {
        border-collapse: collapse;
        padding: 0px !important;
        width: 495px !important;
        max-width: 495px !important;
        margin-top: 10px !important;
    }

.skin-inisign .playlist-context .playlist-edit-item-time-title-container .playlist-edit-item-time-title-heading,
.skin-inisign .playlist-context .playlist-edit-item-volum-mute-container .playlist-edit-item-volum-mute-title-heading {
    padding: 0px !important;
    font-family: BalooTamma2-SemiBold;
    font-size: 18px !important;
    color: #396065 !important;
}
.skin-inisign .playlist-context .playlist-edit-item-time-title-container table tr td,
.skin-inisign .playlist-context .playlist-edit-item-volum-mute-container table tr td {
    padding-right: 5px !important;
}

    /*duaration and title*/
    .skin-inisign .playlist-context .playlist-edit-item-time-title-container table tr td input {
        border-radius: 5px !important;
        background-color: #b2b2b2 !important;
        color: #f6f6f6 !important;
        font-family: BalooTamma2-Regular !important;
        font-size: 18px !important;
        max-height: 35px !important;
        height: 35px !important;
        max-width: 100% !important;
        width: 100% !important;
        border:0px!important;
        color:#000!important;
        padding-left:5px!important;
    }
    /*mute and volume*/
    .skin-inisign .playlist-context .playlist-edit-item-volum-mute-container table tr td .playlist-edit-item-volum-mute-chk {
        border-radius: 5px !important;
        background-color: #b2b2b2 !important;
        color: #f6f6f6 !important;
        max-height: 25px !important;
        height: 25px !important;
        max-width: 25px !important;
        width: 25px !important;
    }

    .skin-inisign .playlist-context .playlist-edit-item-volum-mute-container table tr .playlist-edit-item-mute-text {
        width: 90px !important;
        
    }

    .skin-inisign .playlist-context .playlist-edit-item-volum-mute-container table tr td .playlist-edit-item-volum-mute-range {
        border-radius: 5px !important;
        background-color: #b2b2b2 !important;
        color: #f6f6f6 !important;
        max-width: 100% !important;
        width: 100% !important;
        -webkit-appearance: none; /* Override default CSS styles */
        appearance: none;
        width: 100%; /* Full-width */
        height: 25px; /* Specified height */
        background: #d3d3d3; /* Grey background */
        outline: none; /* Remove outline */
        opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
        -webkit-transition: .2s; /* 0.2 seconds transition on hover */
        transition: opacity .2s;
    }


.skin-inisign .playlist-context .playlist-edit-item-volum-mute-container table tr td .playlist-edit-item-volum-mute-range::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #396065; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.skin-inisign .playlist-context .playlist-edit-item-volum-mute-container table tr td .playlist-edit-item-volum-mute-range::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: #396065; /* Green background */
    cursor: pointer; /* Cursor on hover */
}
/*End Form*/
.skin-inisign .playlist-context .btn-container {
margin-top: 15px !important;
}

        .skin-inisign .playlist-context .btn-container .btn-playlist-edit-item-save {
            width: 100px !important;
            color: #fff !important;
            background-color: #396065 !important;
            margin-right: 10px !important;
        }

        .skin-inisign .playlist-context .btn-container .btn-playlist-edit-item-back {
            width: 100px !important;
            color: #fff !important;
            background-color: #3c3c3b !important;
        }
    /*Blink*/

    .skin-inisign .playlist-context .blink-of-input {
        background-color: #d40001 !important;
    }

    /*Blink*/
    /*EndPlaylist */

    /*Media library*/
    .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content {
        max-height: 32vh !important;
        overflow-x: hidden;
        overflow-y: auto;
        margin-top: 40px;
        padding:10px;
        border:solid 2px #242C33!important;
        border-radius:5px;
        margin-left:-5px;
    }

        .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item {
            min-width: 140px !important;
            min-height: calc(150px * 0.56) !important;
            max-width: 140px !important;
            max-height: calc(150px * 0.56) !important;
            /*border: 1px solid #4900c2;*/
            margin-bottom: 10px !important;
            display: block;
            float: left;
            margin-right: 10px !important;
            padding: 5px !important;
            background-color: #fff !important;
            /*border-radius: 5px !important;*/
            color: #fff !important;
            border: 1px solid #396065;
        }

        .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item h3 {
            color: #fff !important;
            font-size: 12px !important;
            word-wrap: hyphenate !important;
            white-space: nowrap;
            text-align: center;
            margin-bottom: 10px !important;
        }

        .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item-content-web-assets {
            background-image: url(/assets/icons/Icons_SVG/Icons/White/Icon_Web_Sources_White.svg);
            background-size: 52px auto !important;
            background-position-y: 20px !important;            
        }

        .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item .medialibrary-context-item-content {
            background-color:#404040;
            min-width: 130px !important;
            min-height: calc(130px * 0.56) !important;
            max-width: 130px !important;
            max-height: calc(130px * 0.56) !important;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            position: relative;
            color: #f6f6f6;
            overflow: hidden;
            
        }

            .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item .medialibrary-context-item-content i {
                display: flex;
                position: absolute;
                top: 10px !important;
                left: 10px !important;
                z-index: 200;
                color: #A0616A !important;
                cursor: pointer;
            }

            .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item .medialibrary-context-item-content .left-row {
                min-height: calc(130px * 0.56) !important;
                max-height: calc(130px * 0.56) !important;
                background-color: #36c07e;
                width: 70px;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 161;
                opacity: 0.8;
                color: #396065 !important;
            }

            .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item .medialibrary-context-item-content .right-row {
                min-height: calc(130px * 0.56) !important;
                max-height: calc(130px * 0.56) !important;
                background-color: #F0FAEF;
                width: 70px;
                position: absolute;
                top: 0;
                left: 50%;
                z-index: 161;
                opacity: 0.8;
                color: #A0616A !important;
            }

                .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item .medialibrary-context-item-content .left-row a,
                .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item .medialibrary-context-item-content .right-row a {
                    color: #f6f6f6 !important;
                }

                    .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item .medialibrary-context-item-content .right-row a i {
                        margin-top: 10px !important;
                        margin-left: 10px !important;
                    }


                .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item .medialibrary-context-item-content .left-row table,
                .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item .medialibrary-context-item-content .right-row table {
                    width: 100%;
                    height: calc(100% * 0.56) !important;
                    color: #3c3c3b;
                }

                    .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item .medialibrary-context-item-content .left-row table tr td,
                    .skin-inisign .page-playlist-handler-mediabibliotek .page-playlist-handler-mediabibliotek-content .medialibrary-context-item .medialibrary-context-item-content .right-row table tr td {
                        padding-top: 20px !important;
                    }

    /*End Media library*/
    /*Scale*/
    @media (max-width: 1466px) {
        .skin-inisign .playlist-context .playlist-buttons {
            display: block !important;
            float: left !important;
            width: 100% !important;
        }

        .skin-inisign .playlist-context .page-playlist-handler-mediabibliotek {
            margin-left: 10px !important;
            display: block !important;
            float: left !important;
            width: 100% !important;
            margin-left: 0px !important;
            margin-top: 20px !important;
        }
    }

    @media (max-width: 1329px) {
        /*Edit playlist item*/
        /*.skin-inisign .playlist-context .playlist-edit-item-time-title-container table {
            border-collapse: collapse;
            padding: 0px !important;
            width: 300px !important;
            max-width: 300px !important;
        }

            .skin-inisign .playlist-context .playlist-edit-item-time-title-container table tr td input {
                border-radius: 5px !important;
                background-color: #b2b2b2 !important;
                color: #f6f6f6 !important;
                font-family: BalooTamma2-Regular !important;
                font-size: 18px !important;
                max-height: 35px !important;
                height: 35px !important;
                max-width: 99% !important;
            }*/
        /*Accordion*/
        .skin-inisign .playlist-context #accordionPlaylist .accordion-button .accordionPlaylist-table tr td {
            font-family: BalooTamma2-Regular !important;
            font-size: 16px !important;
            letter-spacing: 0.5px !important;
            color: #396065 !important;
            vertical-align: text-top;
        }
        /*Slider - Volume*/
        /*.skin-inisign .playlist-context .playlist-edit-item-volum-mute-container table tr td .playlist-edit-item-volum-mute-range {
            max-width: 280px !important;
        }*/
        /*.page-playlist-handler-mediabibliotek-upload-container-background-text span{
        display:none;
    }*/
    }
    /*Avstand høyre side accordion*/
    .skin-inisign .monitor-context-menus .accordion-container {
        padding-right: 10px !important;
    }

    .skin-inisign .monitor-context .accordion-header {
        width: 100% !important;
        background-color: #396065 !important;
        color: #fff;
        height: 40px !important;
        padding-bottom: 0 !important;
        margin: 0px;
        border-radius: 5px;
        margin-bottom: 2px;
        text-align:center!important;
    }

    .skin-inisign .accordion-body {
        border: 0 !important;
        margin: 0px;
    }

    .skin-inisign .monitor-context .accordion-button {
        width: 100% !important;
        border: 0px;
        margin: 0px;
        padding-top: 15px;
        height: 40px !important;
        font-weight: normal;
        font-size: 16px;
        font-family: 'BalooTamma2-Regular';
        text-align:center!important;        
    }

        .skin-inisign .monitor-context .accordion-button:not(.collapsed) {
            color: #fff;
            background-color: #396065;
            height: 40px !important;
            padding-top: 15px;
        }

        .skin-inisign .monitor-context .accordion-button .collapsed {
            color: #fff;
            background-color: #396065;
            height: 40px !important;
            padding-top: 15px;
        }

        .skin-inisign .monitor-context .accordion-button::after {
            flex-shrink: 0;
            width: 1.25rem;
            height: 1.25rem;
            margin-left: auto;
            margin-top: -10px !important;
            content: "";
            color: #fff;
            background-image: url(/assets/icons/Figma/svg/chevron-down-white.svg);
            background-repeat: no-repeat;
            background-size: 1.25rem;
            transition: transform .2s ease-in-out;
        }

    .skin-inisign .playlist-context .accordion-header {
        width: 100% !important;
        background-color: #fff !important;
        color: #fff;
        height: 40px !important;
        padding-bottom: 0 !important;
        margin: 0px;
        border-radius: 5px;
    }

    .skin-inisign .monitor-context .playlist-context {
        width: 100% !important;
        border: 0px;
        margin: 0px;
        padding-top: 15px;
        height: 40px !important;
        font-weight: normal;
        font-size: 16px;
        font-family: 'BalooTamma2-Regular'
    }

    .skin-inisign .monitor-context .monitor-context-setup-menu-license-add-insert {
        position: absolute;
        right: 10px;
        top: 5px;
    }

    .skin-inisign .monitor-context .monitor-context-setup-menu-license-add-insert img {
    }
.skin-inisign .monitor-context .monitor-context-setup-menu-aspect{
    padding-bottom:20px;
}
.skin-inisign .playlist-context:not(.collapsed) {
    /*color: #fff;
    background-color: #396065;
    height: 40px !important;
    padding-top: 15px;*/
}

.skin-inisign .playlist-context .accordion-button .collapsed {
    color: #fff;
    background-color: #396065;
    height: 40px !important;
    padding-top: 15px;
}

.skin-inisign .playlist-context .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    margin-top: 10px !important;
    content: "";
    color: #fff;
    background-image: url(/assets/icons/Figma/svg/chevron-down-green.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.skin-inisign .screens-playlist-deploy-name-title {
    background-color: #F0FAEF;
    color: #3E6567;
    border-radius: 2px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-left: 5px;
}
.skin-inisign .playlist-monitor-list-container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.skin-inisign .playlist-monitor-list-container-row{
    background-color:#396065;
    color:#fff;
    border-radius:5px;
    margin-bottom:2px;
    padding-top:5px;
    padding-left:5px;
}

.skin-inisign .selected-playlist {
    background-color: #C67C4E !important;
    color: #fff !important;
}
.skin-inisign .window-item {
}
.skin-inisign .window-item div {
    margin-left: 10px;
    background-color: #FAF3D0;
    color: #396065;
    border-radius: 5px;
    margin-bottom: 2px;
    padding-top: 5px;
    padding-left: 5px;
}
.skin-inisign .playlist-list-container-row-is-added {
    margin-left: 10px;
    background-color: #FEEEDD;
    color: #396065;
    border-radius: 5px;
    margin-bottom: 2px;
    padding-top: 5px;
    padding-left: 5px;
}
.skin-inisign .playlist-list-container-row-is-not-added {
    margin-left: 10px;
    background-color: #FAF3D0;
    color: #396065;
    border-radius: 5px;
    margin-bottom: 2px;
    padding-top: 5px;
    padding-left: 5px;
    
}
.skin-inisign .playlist-monitor-list-title, .skin-inisign .playlist-monitor-list-windows-title {
    background-color: #6A798A !important;
    color: #fff !important;
    width: 100% !important;
    padding: 0;
    margin: 0;
    font-size: 20px;
    padding-left: 10px;
    padding-top: 6px;
    height: 35px !important;
    margin-bottom: 2px;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
}
@media (max-width: 1200px) {
    .skin-inisign .screens-playlist-deploy .modal-dialog {
        min-width: 1100px !important;
        width: 1100px !important;
        
    }
    .skin-inisign .screens-playlist-deploy .modal-dialog .modal-body {
        overflow-y: scroll !important;
        overflow-x: scroll !important;
    }
}
    @media (max-width: 768px) {        
        .playlist-left-preview-container {
            display: none;
        }
        /*.page-playlist-handler-mediabibliotek-upload-container-background-text span{
        display: none;
    }*/
        /*Edit playlist item
        .skin-inisign .playlist-context .playlist-edit-item-time-title-container table {
            border-collapse: collapse;
            padding: 0px !important;
            width: 100% !important;
        }*/
        /*Slider - Volume
        .skin-inisign .playlist-context .playlist-edit-item-volum-mute-container table tr td .playlist-edit-item-volum-mute-range {
            max-width: 230px !important;
        }

        .skin-inisign .playlist-context .playlist-edit-item-time-title-container table tr td input {
            border-radius: 5px !important;
            background-color: #b2b2b2 !important;
            color: #f6f6f6 !important;
            font-family: BalooTamma2-Regular !important;
            font-size: 18px !important;
            max-height: 35px !important;
            height: 35px !important;
            max-width: 99% !important;
            width: 99% !important;
        }*/
    }

    .modal-xlg {
        width: 85vw !important;
        min-width: 85vw !important;
    }

    /*@media (min-width: 1920px) {
    .skin-inisign .main-content-container .card {
        max-width: 1920px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}*/
    /*end scale*/

    .skin-inisign .infobox-body {
        width: 300px !important;
    }

    @media (max-width: 1024px) {
        .playlist-left-preview-container {
            transform-origin: top left;
            transform: scale(0.15) !important;
        }

        .skin-inisign .playlist-context .playlist-left-heading, .skin-inisign .playlist-context .playlist-right-heading {
            margin-top: 60px !important;
        }
    }

    @media (max-width: 700px) {
        #preview-handler {
            display: none
        }
    }

    .skin-inisign .bs-playlist-preview-modal-xl .modal-body {
        min-height: 80vh;
        position: relative;
    }

        .skin-inisign .bs-playlist-preview-modal-xl .modal-body .modal-bottom {
            position: absolute;
            bottom: 0px;
            width: 100%;
        }

        .skin-inisign .bs-playlist-preview-modal-xl .modal-body table {
            margin-left: auto;
            margin-right: auto;
        }

    .skin-inisign .bs-playlist-preview-modal-xl img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 75vh;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .skin-inisign .bs-playlist-preview-modal-xl video {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 75vh;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .skin-inisign .bs-playlist-preview-modal-xl iframe {
        width: 100%;
        height: 75vh;
    }
.skin-inisign .bs-esl-template-group .bs-esl-template-group-h1-col-1, .skin-inisign .bs-esl-template-group .bs-esl-template-group-h1-col-2 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #6A798A;
    color: #fff;
    height: 30px;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 18px;
}
.skin-inisign .bs-esl-template-group .bs-esl-template-group-holder {
    background-color:#b2b2b2;
}
.skin-inisign .bs-esl-template-group .bs-esl-template-group-container .bs-esl-template-group-content {
    max-height: 200px;
    height: 200px;
    min-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-left: #b2b2b2 1px solid;
    border-right: #b2b2b2 1px solid;
    border-bottom: #b2b2b2 1px solid;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top:5px;
}
.skin-inisign .bs-esl-template-group .bs-esl-template-group-container .bs-esl-template-group-content-right {
    max-height: 244px;
    height: 244px;
    min-height: 244px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-left: #b2b2b2 1px solid;
    border-right: #b2b2b2 1px solid;
    border-bottom: #b2b2b2 1px solid;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.skin-inisign .bs-esl-template-group .bs-esl-template-group-container .bs-esl-template-group-search {    
    position: relative;    
}
.skin-inisign .bs-esl-template-group .bs-esl-template-group-container .bs-esl-template-group-search-fa {
    position: absolute;
    top: 0px;
    right: 2px;
}
.skin-inisign .bs-esl-template-group .bs-esl-template-group-container .bs-esl-template-group-pluss{
    float:right;
    margin-top:5px;
}
.skin-inisign .bs-esl-template-group .bs-esl-template-group-container .TemplateGroup-row {
    height: 40px;
    max-height: 40px;
    min-height: 40px;
    padding-top: 5px;
    padding-left: 10px;
    font-size: 18px;
    background-color: #00c292;
    border-radius: 5px;
    border: 1px solid #396065;
    margin-left: 5px;
    margin-right: 5px;
}
.skin-inisign .bs-esl-template-group .TemplateGroup-row input {
    max-height: 30px !important;
    height: 30px !important;
    width: 100%;    
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1;
    color: #4F5467;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.skin-inisign .external-tag-img{
    max-height:30px;
}
.skin-inisign .esl-tag{
    color:#ed7d31;
}
.skin-inisign .signage-tag {
    color: #70ad47;
}
html body .m-t-41 {
    margin-top: 41px;
}
html body .m-t-42 {
    margin-top: 42px;
}
html body .m-t-43 {
    margin-top: 43px;
}
html body .m-t-44 {
    margin-top: 44px;
}
html body .m-t-45 {
    margin-top: 45px;
}
html body .m-t-46 {
    margin-top: 46px;
}
html body .m-t-47 {
    margin-top: 47px;
}
html body .m-t-48 {
    margin-top: 48px;
}
html body .m-t-49 {
    margin-top: 49px;
}
html body .m-t-50 {
    margin-top: 50px;
}
/*@media (min-width: 992px) {
    .modal-sg {
        max-width: 800px;
    }
}*/