@import "/frontend/css/imageplant.css" screen;
@import "/frontend/css/ipl-icons.css" screen;
@import "/frontend/css/ipl-v.css" screen;
@import "/frontend/css/ipl-7.css" screen;
.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
    background-color: #191919;
}
.skin-green .sidebar a {
    color: #83aa31;
}
.skin-green .main-header .navbar, .skin-green .main-header .logo {
    background-color: #fefefd;
    color:#292929;;
}
.skin-green .main-header .logo:hover {
    background-color:rgba(0, 0, 0, 0.1);
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
    background-color: #292929;
}
.skin-green .sidebar-menu>li.header {
    color: #ffffff;
    background: #191919;
    border-top: 1px solid #555555;
    font-size: inherit;
}
.skin-green .sidebar-menu>li:hover>a, .skin-green .sidebar-menu>li.active>a {
    color: #fff;
    background: #1e282c;
    border-left-color: #76A11B;
}
.skin-green .sidebar-menu>li>.treeview-menu {
    background: #2c2c2c;
}
.skin-green .treeview-menu>li>a {
    color: #76A11B;
}
.skin-green .sidebar-menu i.fa {
    color: #fefefe;
}

.navbar-brand{
    min-height:75px;
}

.ipl-icon-imageplant-logo{
    top:10px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 .content-wrapper {
    background-color: #f4f3f0;
    color: #292929;
}
.panel{
    margin-bottom: 15px;
}
.panel-footer{
    padding: 0;
}
.row{
    margin: 0;
    padding: 0;
}
.row.ipl-media {
    border: 1px solid #dddddd;
}
.row.ipl-media.grid {
    padding-top: 1.5rem;
}
.thumbnail {
    background: transparent;
    border: none;
}
.ipl-single-asset-panel-card, .ipl-panel-default {
    border: 1px solid #dddddd !important;
    border-radius: 2px;
    background: #fefefd;
    background-repeat: no-repeat;
    background-size: cover
}
.asset-wrap-center {
    text-align: center;
    text-align: -webkit-center;
    padding: 15px;
}
.ipl-single-asset-panel-card .panel-footer {
    background: transparent;
    border-top: 1px solid #dddddd;
    height: 50px;
}
.ipl-panel-default .table {
    color: #fefefe;
    background: transparent;
}
.ipl-panel-default .table-hover>tbody>tr:hover {
    background-color: #191919;
    color: #fdfdfd;
}
.ipl-panel-default a {
    color: #76A11B;
}
.ipl-panel-default .table>thead>tr>th, .ipl-panel-default .table>tbody>tr>th, .ipl-panel-default .table>tfoot>tr>th, .ipl-panel-default .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid #555555;
}
.ipl-listmode-asset-wrapper {
    float: left;
    display: block;
    width: 100%;
    padding-top: 5px;
    border-bottom: 1px solid #555555;
}
.ipl-listmode-asset-wrapper:last-child {
    border: none;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - */
 .row.asset-select-action, .row.asset-filters {
    /*    margin-bottom: 1rem;*/
    border: 1px solid #dddddd;
    border-bottom: none;
}
.col-md-12.ipl-tool-container {
    /*    background: #191919;*/
}
.sel-all-wrap {
    /*display: none;*/
    float: left;
    margin-right: 1rem;
    width: 170px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
}
.sel-all-wrap .form-check-input {
    margin-top: 7.5px;
}
.sel-action {
    display: none;
    float: left;
}
.form-check-label {
    font-weight: normal;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - */
 .main-footer {
    background: #f4f3f0;
    padding: 15px;
    color: #555555;
    border-top: 1px solid #dddddd;
}
.main-footer a {
    color:#76A11B;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - */
 .badge-ipl-app-btn {
    border-radius: 3px;
    font-weight: normal;
}
.tool-over {
    cursor: pointer;
}
.tool-over:hover {
    background-color: #76A11B;
    color: #ffffff;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - */

/* IPL-Buttons
 *
 *******/
 .btn.btn-ipl {
    background-color: #333333;
    border-color: transparent;
}
.modal {
    color: #111111;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - */
.row.ipl-media.single{
    padding: 15px 0;
}

.modal-title{
    font-size: 2rem;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 0;
    padding: 10px 0;
}

.modal-header .close {
    margin-top: -20px;
}

.skin-green .main-header li.user-header {
	background-color: #76A11B;
}

.skin-green .wrapper{
    background-color: #f4f3f0;
}

ul.breadcrumb{
    padding-left: 0;
    background:transparent;
}
ul.breadcrumb , ul.breadcrumb *{
    font-size: 24px !important;
    font-weight: 600;
}

/* ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 2019-01-15
 * 13AG / APSE / Offcanvas Navigation
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#IPL-FE-Clipboard-Dropdown ul{
    float: right;
}
#IPL-Top-Menu-Toggler{
    border: 1px solid #dddddd;
    margin:19px 15px 0 0;
    padding: 10px;
}
li.lang-switch-right{
    float: right !important;
    margin-top: 8px;
    margin-right: 8px;
}
@media(min-width: 1101px){
    .navbar-custom-menu{
        display:block;
        margin-top: 13px;
    }
}


.ipl-button-media-navigation{
    background-color: transparent;
    border-radius: 2px;
    padding: 15px;
    border: 1px solid #ddd;
    text-align: center;
    color: #444;
    line-height: 20px;
    cursor: pointer !important;
}
.ipl-button-media-navigation:hover{
    background-color:#dddddd;
}
@media(max-width: 1100px){
    .ipl-sidebar-toggle-wrapper{
        margin-bottom: 15px;
        float: left;
    }
    .ipl-sidebar-toggle.navbar-toggle{
        float: left;
        text-align: left;
        /*color: #666666;
        padding: 5px 10px;
        background: #DDDDDD;
        border-radius: 10px;*/
        display: block;
    }

    .content-header {
        padding: 0 0 0 0;
    }

    .navbar-custom-menu{
        display:none;
    }

    li.lang-switch-right{
        float: right !important;
        margin-top: 0px;
        margin-right: 0px;
    }
    .main-header .navbar-custom-menu {
        float: left;
        width: 100%;
        border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    }
    .navbar-custom-menu>.navbar-nav{
        float: right;
    }
    .nav.navbar-nav li{
        float: left !important;
    }
    .nav.navbar-nav .dropdown-menu > li{
        float: unset !important;
    }

}
/* - - - - - - - - - - - - - - - - - - - - - - - - - */
@media(max-width: 1100px){
    #IPL-Top-Menu-Toggler{
        display:block !important;
        float: right;
    }
    .navbar-header{
        float: none!important;
    }

    #single-asset-fullscreen .col-md-9{
        width: 100%;
    }
    #single-asset-fullscreen .col-md-3{
        margin-top: 15px;
        width: 100%;
    }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - */

#sidebar {
  height: 100%;
  padding-right: 0;
  padding-top: 20px;
}
#sidebar .nav {
  width: 95%;
}
#sidebar li {
  border:0 #f2f2f2 solid;
  border-bottom-width:1px;
}

/* collapsed sidebar styles */
@media screen and (max-width: 1100px) {
  .row-offcanvas {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-left.active {
    left: 39%;
    position: relative;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 39%;
  }

  .row-offcanvas-left .sidebar-offcanvas
   {
    left: -39%;
  }

  #IPL-Sidebar {
    padding-top:0;
  }

  .breadcrumb.breadcrumb-cats{
    padding-bottom: 10px;
    margin-bottom:0px;
  }
}

@media(max-width: 767px){

    .row-offcanvas {
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .row-offcanvas-left.active {
        left: 65%;
        position: relative;
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 65%;
    }

    .row-offcanvas-left .sidebar-offcanvas{
        left: -65%;
    }

    .navbar-brand.custom{
        padding: 15px;
    }

    .ipl-custom-logo {
        max-width: 250px;
    }

    ul.breadcrumb, ul.breadcrumb *{
        font-size: 18px !important;
    }

    h1, h1 span, h2, h3,h4 {
        font-size: 18px !important;
    }

    .row.asset-filters{
        margin-right: 15px;
        margin-left:15px;
    }

    #IPL-FE-Clipboard-Dropdown ul.navbar-nav{
        width: 100%;
        margin: 0 0 10px 0px;
    }

}
/* ••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

.ipl-collapse > div > div {
    margin-bottom: 15px !important;
}

#share_embed textarea {
    width: 90%;
    padding: 4px 7px;
    margin: 15px;
    font-family: Monaco, Consolas, "Courier New", Courier;
    font-size: 12px;
    line-height: 18px;
    resize: none;
    height: 34px;
    min-height: 34px;
    -webkit-transition: all 125ms ease-out 0s;
    transition: all 125ms ease-out 0s;
    border: 1px solid #d3d3d3;
    background:#fbfbfc;
    color:#7d8792;
    border-radius: .1875rem;
}

.back-to-marley {
    padding: 5px 15px 5px 33px;
}

@media (max-width: 767px) {
    .back-to-marley {
		padding: 5px 15px 5px 18px;
	}
}