/* = Framework
----------------------------------------------------------------------------------------------------------------- */
.container { margin: 0 35px; }

/* = Templates
----------------------------------------------------------------------------------------------------------------- */
.template1col { padding: 30px 0 20px; }

.template2col { padding: 30px 0 20px; }
.template2col .zoneOne { width: 67%; float: left; }
.template2col .zoneTwo { width: 30%; float: right; }

/* = Header
----------------------------------------------------------------------------------------------------------------- */
header { width: 250px; height: 100%; position: fixed; overflow-y: auto; background: #080808; -moz-box-shadow: 1px -3px 3px #eee; -webkit-box-shadow: 1px -3px 3px #eee; box-shadow: 1px -3px 3px #ddd; }
header .container { margin: 0; }

header nav ul { margin: 0; list-style: none; }
header nav ul li { margin: 0; border-bottom: 1px solid #333; }
header nav ul li a { display: block; padding: 10px 20px 10px 46px; color: #fff; background-repeat: no-repeat; background-position: 20px 13px; }
header nav ul li a:hover { color: #bbb; text-decoration: underline; }

header nav ul li.on > a { background-color: #777; }
header nav ul li.on:hover > a { color: #fff; }
header nav ul li.on ul { max-height: 500px;     padding: 15px 0 10px; }
header nav ul li.on ul li a { background-color: #282828; }
header nav ul li.on ul li a.on { font-weight: 600; }

header nav ul li ul { background-color: #282828; max-height: 0; overflow: hidden; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
header nav ul li ul li { border-bottom: 0; }

/* Icons */
header nav ul li a.dashboard { background-image: url(/_isle/_management/_img/nav/dashboard.svg); }
header nav ul li a.build { background-image: url(/_isle/_management/_img/nav/build.svg); }
header nav ul li a.content { background-image: url(/_isle/_management/_img/nav/content.svg); }
header nav ul li a.audience { background-image: url(/_isle/_management/_img/nav/audience.svg); }
header nav ul li a.promote { background-image: url(/_isle/_management/_img/nav/promote.svg); }
header nav ul li a.shop { background-image: url(/_isle/_management/_img/nav/shop.svg); }
header nav ul li a.system { background-image: url(/_isle/_management/_img/nav/system.svg); }
header nav ul li a.clienttools { background-image: url(/_isle/_management/_img/nav/client-tools.svg); }

.navTrigger { display: none; }

.editProfile { display: none; }


.logo { height: 65px; display: block; background: url(/_isle/_management/_img/logo-kiss.svg?1) no-repeat center center #fff; }

header .logo { height: 100px; }



/*OLD NAV 
header nav ul { margin: 0; list-style: none; }
header nav ul li { margin: 0; position: relative; }
header nav ul li a { display: block; padding: 10px 20px 10px 50px; color: #fff; border-left: 5px solid #a8274c; background-repeat: no-repeat; background-position: 20px 13px; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
header nav ul li a:hover { color: #1c2429; background-position: 20px -23px; background-color: #fff; }
header nav ul li a.on { color: #1c2429; border-left-color: #0058ff; background-color: #fff; background-position: 20px -23px; }
header nav ul li ul li a { padding-top: 5px; padding-bottom: 5px; border-left-color: #0058ff; background: #252525 url(/_isle/_management/_img/nav/arrow.svg) no-repeat 27px center; }
header nav ul li ul li a:hover { color: #999; background: #252525 url(/_isle/_management/_img/nav/arrow.svg) no-repeat 27px center; }
header nav ul li ul li a.current { border-left-color: #0058ff; }
header nav ul li ul li a.current:hover { color: #999; background: #252525 url(/_isle/_management/_img/nav/arrow.svg) no-repeat 27px center; }

header nav ul li a.dashboard { background-image: url(/_isle/_management/_img/nav/dashboard.svg); }
header nav ul li a.pages { background-image: url(/_isle/_management/_img/nav/pages.svg); }
header nav ul li a.news { background-image: url(/_isle/_management/_img/nav/news.svg); }
header nav ul li a.media { background-image: url(/_isle/_management/_img/nav/media.svg); }
header nav ul li a.photos { background-image: url(/_isle/_management/_img/nav/photos.svg); }
header nav ul li a.videos { background-image: url(/_isle/_management/_img/nav/videos.svg); }
header nav ul li a.shop { background-image: url(/_isle/_management/_img/nav/shop.svg); }
header nav ul li a.users { background-image: url(/_isle/_management/_img/nav/users.svg); }*/

/* = Profile
----------------------------------------------------------------------------------------------------------------- */
.profile { float: right; margin: 0; }
.profile .logout { float: left; text-align: right; padding: 5px 0 0; }
.profile .logout p { margin: 0; line-height: 1.4em; }
.profile .logout p a { font-weight: 600; }

.profile .logout a:hover { text-decoration: underline; }
.profile .avatar { float: right; margin: 0 0 0 15px; }
.profile .avatar img { max-width: 100%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; }

/* = Main
----------------------------------------------------------------------------------------------------------------- */
main { margin-left: 250px; background: #f4f4f4; }
main .container { padding: 20px 0 0; }

/* = Login
----------------------------------------------------------------------------------------------------------------- */
.login { width: 400px; margin: 80px auto 0; padding: 30px; text-align: center; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.20); }
.login div { margin: 0 0 10px; }
.login label { display: none; }
.login input { width: 100%; }
.login p b { color: #2a2a2a; }
.login p:last-child { margin: 0; }
.login .webForm { width: 75%; margin: 0 auto; padding: 0; border: 0; }
.login .msg { text-align: left; margin: 0 0 20px; }
.login .btn { padding: 10px 18px; }

.isle { width: 400px; margin: 20px auto 0; text-align: center; }
.isle .tel { color: #080808; }

/* = CTAs
----------------------------------------------------------------------------------------------------------------- */
.ctas { width: 100%; float: left; margin: 5px 0 40px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; padding: 10px 0; }
.ctas ul { margin: 0; list-style: none; }
.ctas ul li { float: left; margin: 0 50px 0 0; font-size: 1.1em; }
.ctas ul li a { display: inline-block; font-size: 1.1em;  color: #2a2a2a;padding: 10px 0 8px; text-align: center; }
.ctas ul li a:hover { color: #2a2a2a;}
.ctas ul li a:hover span { background-color: #DADB30; }
.ctas ul li a span { width: 71px; height: 71px; display: block; margin: 0 auto 15px; background-color: #2a2a2a; background-repeat: no-repeat; background-position: center center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.ctas ul li:last-child { margin-right: 0; }

.ctas ul li a.pages span { background-image: url(/_isle/_management/_img/ctas/pages.svg); }
.ctas ul li a.navigation span { background-image: url(/_isle/_management/_img/ctas/pages.svg); }
.ctas ul li a.news span { background-image: url(/_isle/_management/_img/ctas/news.svg); }
.ctas ul li a.media span { background-image: url(/_isle/_management/_img/ctas/media.svg); }
.ctas ul li a.libraries span { background-image: url(/_isle/_management/_img/ctas/libraries.svg); }
.ctas ul li a.photos { background-repeat: no-repeat; background-image: none; }
.ctas ul li a.photos span { background-image: url(/_isle/_management/_img/ctas/photos.svg); }
.ctas ul li a.videos span { background-image: url(/_isle/_management/_img/ctas/videos.svg); }
.ctas ul li a.shop span { background-image: url(/_isle/_management/_img/ctas/shop.svg); }
.ctas ul li a.users span { background-image: url(/_isle/_management/_img/ctas/users.svg); }
.ctas ul li a.categories span { background-image: url(/_isle/_management/_img/ctas/categories.svg); }
.ctas ul li a.cache span { background-image: url(/_isle/_management/_img/ctas/cache.svg); }
.ctas ul li a.rss span { background-image: url(/_isle/_management/_img/ctas/rss.svg); }
.ctas ul li a.authors span { background-image: url(/_isle/_management/_img/ctas/authors.svg); }

/* = Quick add
----------------------------------------------------------------------------------------------------------------- */
.quickadd ul { margin: 0; list-style: none; }
.quickadd ul li { margin: 0 0 5px; }
.quickadd ul li a { padding-left: 25px; background: url(/_isle/_management/_img/nav/add.svg) no-repeat left -35px; }
.quickadd ul li b { color: #666; }

/* = Overview
----------------------------------------------------------------------------------------------------------------- */
.overview ul { margin: 0; list-style: none; }
.overview ul li { margin: 0 0 5px; }
.overview ul li a { padding-left: 25px; background: url(/_isle/_management/_img/nav/dashboard.svg) no-repeat left -35px; }
.overview ul li a:hover { text-decoration: underline;}
.overview ul li b { color: #666; }

/* Icons */
.overview ul li a.pages { background-image: url(/_isle/_management/_img/nav/pages.svg); }
.overview ul li a.news { background-image: url(/_isle/_management/_img/nav/news.svg); }
.overview ul li a.media { background-image: url(/_isle/_management/_img/nav/media.svg); }
.overview ul li a.photos { background-image: url(/_isle/_management/_img/nav/photos.svg); }
.overview ul li a.videos { background-image: url(/_isle/_management/_img/nav/videos.svg); }
.overview ul li a.shop { background-image: url(/_isle/_management/_img/nav/shop.svg); }
.overview ul li a.users { background-image: url(/_isle/_management/_img/nav/users.svg); }
.overview ul li a.comments { background-image: url(/_isle/_management/_img/nav/comments.svg); }




/* = Activity
----------------------------------------------------------------------------------------------------------------- */
.activity ul { margin: 0; list-style: none; }
.activity ul li { margin: 0 0 5px; }
.activity ul li span { float: left; margin-right: 5px; min-width: 140px; font-weight: 600; }

/* = Latest
----------------------------------------------------------------------------------------------------------------- */
.latestGalleries ul { margin: 0; list-style: none; }
.latestGalleries ul li { margin: 0 0 5px; }
.latestGalleries ul li a { padding-left: 15px; background: url(/_isle/_management/_img/arrows/orange.svg) no-repeat left center; }
.latestGalleries ul li b { color: #666; }

.latestPhotos ul { margin: 0; list-style: none; }
.latestPhotos ul li { display: inline; margin: 0; }
.latestPhotos ul li a { display: inline-block; margin: 0 0 3px; }

/* = Icons
----------------------------------------------------------------------------------------------------------------- */
.icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-position: center center; }
.icon:hover { -moz-transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; transition: all 1s ease-in-out 0s; }

.config { background-image: url(/_isle/_management/_img/icons/config.svg); }
.config:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.subpages { text-indent: 0; overflow: visible; color: #666; padding-left: 20px; font-size: 0.75em; background-image: url(/_isle/_management/_img/icons/subpages.svg); background-position: left center; }
.edit { background-image: url(/_isle/_management/_img/icons/content.svg); }
.order { background-image: url(/_isle/_management/_img/icons/order.svg); }
.stats { background-image: url(/_isle/_management/_img/icons/stats.svg); }
.export { background-image: url(/_isle/_management/_img/icons/export.svg); }
.true { background-image: url(/_isle/_management/_img/icons/active-colour.svg); }
.false { background-image: url(/_isle/_management/_img/icons/inactive-colour.svg); }
.delete { background-image: url(/_isle/_management/_img/icons/delete.svg); }
.photos { background-image: url(/_isle/_management/_img/icons/photos.svg); }
.documents { background-image: url(/_isle/_management/_img/icons/document.svg); }
.moveup { background-image: url(/_isle/_management/_img/icons/move-up.svg); }
.movedown { background-image: url(/_isle/_management/_img/icons/move-down.svg); }
.drag { background-image: url(/_isle/_management/_img/icons/drag.svg); margin-left: 5px; cursor: pointer; }
.plus { background-image: url(/_isle/_management/_img/icons/plus.svg); }
.plustext { background-image: url(/_isle/_management/_img/icons/plus.svg); color: #2a2a2a;margin-right: 15px; padding-left: 20px; width: auto; height: auto; text-indent: 0; background-position: left center; }
.remove { background-image: url(/_isle/_management/_img/icons/inactive-colour.svg); color: #2a2a2a;margin-right: 15px; padding-left: 20px; width: auto; height: auto; text-indent: 0; background-position: left center; }
.ico_collapse { background-image: url(/_isle/_management/_img/icons/tree-minus.svg); }
.ico_expand { background-image: url(/_isle/_management/_img/icons/tree-plus.svg); }

/* = Pages
----------------------------------------------------------------------------------------------------------------- */
.advancedSettingsForm { display: none; }
.open { display: block; }

.templatePopout { max-height: 0; overflow: hidden; margin: 0 0 0 25%; list-style: none; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.templatePopout li { width: 26%; display: inline-block; margin: 10px 10px 0 0; }
.templatePopout li img { max-width: 100%; margin-top: 10px; }
.expand { max-height: 400px; }

/* = Editor
----------------------------------------------------------------------------------------------------------------- */
.editor textarea { width: 100%; }
.cke_skin_kama { margin: 0 0 20px; }

/* = Footer
----------------------------------------------------------------------------------------------------------------- */
footer { margin-top: 20px; margin-left: 250px; }
footer .copyright { float: right; }

footer p { line-height: 1.65em;}
footer small { font-size: 0.85em; }
footer span { font-weight: 500;}


/* = Extra Confif - Content Picker
----------------------------------------------------------------------------------------------------------------- */
.contentPickerWrap { min-height: 300px; }
.contentPickerWrap .pickerSelector { position: absolute; left: 0; right: 0; margin-top: -1px; padding: 0 20px; background: #fff; border: solid 1px #ccc; }    
.contentPickerWrap .pickerSelector ul,
.contentPickerWrap .pickerSelector li { list-style: none; }
.contentPickerWrap .pickerSelector ul { margin: 20px 0; }  
.contentPickerWrap .pickerSelector li { display: flex; }
.contentPickerWrap .pickerSelector li > a { padding-top: 19px; }
.contentPickerWrap .pickerSelector li > span { flex: 1; padding-left: 10px; }
.contentPickerWrap select.pickerFull { padding: 3px; width: 100%; }

/* = Store
----------------------------------------------------------------------------------------------------------------- */
ul.shopSubNav { margin: 0; }
ul li.cmsNav:empty { display: none; }
ul li.cmsNav { list-style: none; display: inline; margin-right: 10px; text-transform:capitalize;}

.shopFilterListings ul { margin-left: 0; }
.shopFilterListings ul li { list-style: none; display: inline; }

.shopAlpha ul, .shopSectionNav ul { margin: 0; }
.shopAlpha ul li, .shopSectionNav ul li { list-style: none; display: inline; margin-right: 10px; }

.orderstitle { float: left; }
.ordersTrigger { float: right; padding-left: 40px; background-image: url(/_isle/_management/_img/icons/search.svg); background-position: 15px 13px; }
.ordersTriggerClose { background-image: url(/_isle/_management/_img/icons/cross.svg); background-position: 15px 15px; }
.searchorders { width: 100%; max-height: 0; overflow: hidden; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.searchorders.show { max-height: 2000px; margin: 0 0 10px; }

.shopAlpha  { margin:0 0 30px; }
.shopAlpha ul {margin:-5px 0;}
.shopAlpha ul li {display: inline-block; margin: 4px 8px 4px 0 ;}
.shopAlpha ul li a { display: inline-block; width:22px; height: 22px; line-height: 21px; text-align:center; color:#0058ff; border:1px solid #0058ff; background:transparent; }
.shopAlpha ul li a:hover { color:#111; background:#f4ff05; }

/* = Products Search Filter and List */
.cms-prodList .searchorders select,
.cms-prodList .searchorders input { width:100%;float:none;  } 
.cms-prodList .searchorders label { display: block; width:100%;float:none; padding:0 0 4px;   }
.cms-prodList .searchorders .webForm > div:last-child label{ display: none;} 
.cms-prodList .productList-table h3 { text-transform: unset; font-size: 1.4em; font-weight: 500; margin-bottom: 12px; font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, Sans-Serif; } 
.cms-prodList .productList-table h3 a:hover { color:#0058ff; text-decoration:underline; }
.cms-prodList  .divLoading  {  position: absolute; background: rgba(0,87,255,0.15); top: 0; left: 0;  width: 100%;height: 100%;}
.cms-prodList  .divLoading img {  top: 50%;  position: absolute; left: 50%;  -webkit-transform: translate(-10px, -10px); transform: translate(-10px, -10px);}


.cols--prodList .col { width:100%; }
.stockIDdesc {color: #a650ff; text-decoration: underline;  }
.stockIDdesc:hover { text-decoration: underline;  }

@media screen and (min-width: 1025px) {
    .cms-prodList .searchorders { width: 100%; max-height: unset; overflow:unset; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .cms-prodList .searchorders.show { max-height: 2000px;  }
    .cms-prodList .searchorders .webForm {padding:20px; }
    .cms-prodList .ordersTrigger {display: none;}

    .cols--prodList .col {float:left; }
    .cols--prodList .col:first-child { width:250px; margin:0 20px 0 0;  }
    .cols--prodList .col:last-child { width:calc(100% - 270px);  margin:0;  }
}

@media screen and (min-width: 1025px)  and (min-height: 561px) {
    .cms-prodList  .searchorders:last-child {position:-webkit-sticky; position: sticky; top:20px; }
}

@media screen and (min-width: 1201px) {
    .cols--prodList .col:first-child { width:300px;   }
    .cols--prodList .col:last-child { width:calc(100% - 320px);  }
}

/* = Generic loading pane
----------------------------------------------------------------------------------------------------------------- */
.gen-loading-pane { position: relative; }
.gen-loading-pane::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.7); }