/* * Base structure */ /* Move down content because we have a fixed navbar that is 50px tall */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic); @font-face { font-family: 'droid_sansregular'; src: url('../fonts/DroidSans-webfont.eot'); src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSans-webfont.woff') format('woff'), url('../fonts/DroidSans-webfont.ttf') format('truetype'), url('../fonts/DroidSans-webfont.svg#droid_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'droid_sansbold'; src: url('../fonts/DroidSans-Bold-webfont.eot'); src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSans-Bold-webfont.woff') format('woff'), url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('../fonts/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gudeaitalic'; src: url('../fonts/gudea-italic-webfont.eot'); src: url('../fonts/gudea-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gudea-italic-webfont.woff2') format('woff2'), url('../fonts/gudea-italic-webfont.woff') format('woff'), url('../fonts/gudea-italic-webfont.ttf') format('truetype'), url('../fonts/gudea-italic-webfont.svg#gudeaitalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gudeabold'; src: url('../fonts/gudea-bold-webfont.eot'); src: url('../fonts/gudea-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gudea-bold-webfont.woff2') format('woff2'), url('../fonts/gudea-bold-webfont.woff') format('woff'), url('../fonts/gudea-bold-webfont.ttf') format('truetype'), url('../fonts/gudea-bold-webfont.svg#gudeabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gudearegular'; src: url('../fonts/gudea-regular-webfont.eot'); src: url('../fonts/gudea-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gudea-regular-webfont.woff2') format('woff2'), url('../fonts/gudea-regular-webfont.woff') format('woff'), url('../fonts/gudea-regular-webfont.ttf') format('truetype'), url('../fonts/gudea-regular-webfont.svg#gudearegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotolight'; src: url('../fonts/roboto-light-webfont.eot'); src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light-webfont.woff2') format('woff2'), url('../fonts/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto-light-webfont.ttf') format('truetype'), url('../fonts/roboto-light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('../fonts/roboto-medium-webfont.eot'); src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff'), url('../fonts/roboto-medium-webfont.ttf') format('truetype'), url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold'; src: url('../fonts/roboto-bold-webfont.eot'); src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff'), url('../fonts/roboto-bold-webfont.ttf') format('truetype'), url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; } #bg{position: fixed; width: 100%; height: 100%; background:#000; display: block; top:0;} #statement{position: absolute; right:30px; top:calc(50% - 40px); color:#ffffff; font-family: 'gudearegular'; display: none; z-index: 1} .login-page{background:#000 url(/img/backgrounds/apteve-mountain.jpg) no-repeat 50% 50%; background-size:cover;} .login-page h3{text-align:center; color:#FFF; font-size:14px; font-family: 'gudearegular'; text-transform:uppercase;} .outer { display: table; position: absolute; height: 100%; width: 100%; } .middle { display: table-cell; vertical-align: middle; } .inner { margin-left: auto; margin-right: auto; width: 485px; } .login-page .login-panel-box{width:485px; position:relative; text-align: center; margin:0 auto; z-index: 2; opacity:0; background-image:url(../img/backgrounds/apteve-loginbox.png); background-color:rgba(0, 0, 0, 0.5); background-blend-mode: multiply; background-size:cover; padding:23px 35px 5px 35px; -webkit-border-radius:6px; border-radius:6px} .login-page .login-panel-box dl{ position:relative} .login-page .login-panel-box dl dt{ text-align:center; color:#FFF; font-size:34px; letter-spacing:-.03em; font-family: 'Open Sans', sans-serif; font-weight:300; margin-bottom:22px} .login-page .login-panel-box dl dd{} .login-page .login-panel-box dl dd.text{ margin-bottom:10px;} .login-page .login-panel-box dl dd.text label{ display:none; } .login-page .login-panel-box dl dd.text input{ background-color: #2D2831!important; border-color: #706D7C!important; -webkit-border-radius:50px; border-radius:50px; border-width:thin; border-style:solid; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; color: #fff!important; padding: 10px 25px 10px 25px; width: 100%; height:52px; text-align: center; -webkit-text-fill-color:#ffffff; } .login-page .login-panel-box dl dd.text input::-webkit-input-placeholder { color:#B9B9C8; text-transform:none!important; font-family: 'Open Sans', sans-serif!important; font-size:14px; text-align: center; } .login-page .login-panel-box dl dd.text input:-moz-placeholder { color:#B9B9C8; opacity:1; text-transform:none!important; font-family: 'Open Sans', sans-serif!important; font-size:14px; text-align: center;} .login-page .login-panel-box dl dd.text input::-moz-placeholder { color:#B9B9C8; opacity:1; text-transform:none!important; font-family: 'Open Sans', sans-serif!important; font-size:14px; text-align: center; } .login-page .login-panel-box dl dd.text input:-ms-input-placeholder { color:#B9B9C8; text-transform:none!important; font-family: 'Open Sans', sans-serif!important; font-size:14px; text-align: center; } .login-page .login-panel-box dl dd.logo{ width: 100%; text-align:center; padding:8px 0; } .login-page .login-panel-box dl dd.submit .purple-btn { width:100%;background-color:#00c1a4; height:52px; -webkit-border-radius:50px; border-radius:50px; font-family:'droid_sansbold', sans-serif!important; font-size:13px; padding:10px 0 10px; font-weight:700; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; } .login-page .forgot-pw{color:#00c1a4;} .login-page .login-panel-box dl dd.submit .purple-btn:hover { background-color:#00c1a4; } .login-page .login-panel-box dl dd.text input:focus { border-color:#908CA0!important; } .login-page .login-panel-box dl dd.submit{ width: 100%; margin-bottom: 18px; } .login-page .login-panel-box dt { font-weight:normal; } .login-page .login-panel-box ul { list-style:none; padding:0px } .login-page .login-panel-box dl dd .field-validation-error{color: #ea555b; display: block; float: left; font-family: "droid_sansregular"; font-size: 11px; letter-spacing: 0.5px; margin-top: 3px; margin-bottom: 7px; position: relative; text-align: left; width: 100%;} .login-page .login-panel-box dl dd .validation-summary-errors{color: #ea555b; display: block; float: left; font-family: "droid_sansregular"; font-size: 11px; letter-spacing: 0.5px; margin-top: 3px; margin-bottom: 7px; position: relative; text-align: left; width: 100%;} .login-page .login-panel-box dl dd.submit .green-btn:hover{ background-color: #00c1a4;} .login-page .login-panel-box dl dd.submit .green-btn:active, .login-page .login-panel-box dl dd.submit .green-btn:focus{outline:none;} .login-page .login-panel-box dl dd.submit .purple-btn:active, .login-page .login-panel-box dl dd.submit .purple-btn:focus{outline:none;} .login-page input[type="text"], .login-page input[type="password"], .login-page textarea, .login-page select { outline: none; font-size: 14px; } .login-page :focus { background-color: #fff; } .login-page :-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #1d1e23 inset; border-color:#1d1e23; color:#ffffff!important; } html{ height:100%;} body {padding-top:0px; background:#27282c; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *:focus {outline: 0;} .btn:hover, .btn:focus {color:inherit; text-decoration: none;} a{cursor:pointer;} .fl{float:left!important;} .fr{float:right!important;} .ps-container .ps-scrollbar-x-rail { position: absolute; /* please don't change 'position' */ bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; opacity: 0; filter: alpha(opacity=0); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; z-index:8 } .ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail { } .ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover {background-color: #000; } .ps-container .ps-scrollbar-x-rail.in-scrolling { background-color: #000; opacity: 1; filter: alpha(opacity=100); } .ps-container .ps-scrollbar-y-rail {position: absolute; /* please don't change 'position' */ right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; opacity: 0; filter: alpha(opacity = 0); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; z-index:8} .ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail { filter: alpha(opacity=60); } .ps-active-y .ps-scrollbar-y-rail{opacity:1;} .ps-active-x .ps-scrollbar-x-rail{opacity:1;} .ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover {background-color: #000; } .ps-container .ps-scrollbar-y-rail.in-scrolling {background-color: #000; opacity: 1; filter: alpha(opacity=100); } .ps-container .ps-scrollbar-x {position: absolute; /* please don't change 'position' */ bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; background-color: #aaa; -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; } .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {background-color: #999; } .ps-container .ps-scrollbar-y {position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; background-color: #aaa; -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; } .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {background-color: #999; } .has-js .label_check {padding:5px 30px 5px 0px; cursor:pointer } .has-js .label_radio {padding:2px 0px 2px 30px; cursor:pointer; margin-bottom:0px } .has-js .label_radio {background: url("../img/icons/radio-off.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0); } .has-js .label_check {background: url("../img/icons/check-off.png") no-repeat scroll 100% 2px rgba(0, 0, 0, 0); } .has-js label.c_on {background: url("../img/icons/check-on.png") no-repeat scroll 100% 2px rgba(0, 0, 0, 0); } .has-js label.r_on {background: url("../img/icons/radio-on.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0); } .has-js .label_check input, .has-js .label_radio input {left: 0; opacity:0; position: absolute; } .full-grey-form-panel{position:relative; overflow:visible; background:#efeded; float: left; width: 900px; padding: 10px 20px;} .third-grey-form-panel{position:relative; overflow:visible; background:#efeded; float: left; width: 300px; padding: 10px 20px;} .third-grey-form-panel:nth-of-type(3){background:#dbdbdb;} .third-grey-form-panel .form-data dl dt .main-title{width:115%;} .third-grey-form-panel .form-data dl dd{width:100%;} .third-grey-form-panel .form-data dl dd .field-holder{width:100%;} .third-grey-form-panel .form-data dl dd .field-holder .field{width:100%;} .third-grey-form-panel .form-data dl dd dl {background: none repeat scroll 0 0 #e1e1e1; display: none; float: left; margin: 17px -20px -15px; padding-bottom: 0; padding-left: 20px; padding-right: 20px;} .third-grey-form-panel .form-data dl dd dl dd.submit{ border-top: 0px solid #ccc; margin-bottom: 10px; margin-top: 5px; padding-bottom: 0; padding-top: 5px;} .third-grey-form-panel .form-data dl dd.checkbox .field{width:25%; float:left; margin-bottom:25px; margin-top:0px} .third-grey-form-panel .form-data dl dd.checkbox .field label{font-family: 'droid_sansbold'; font-size:10px} .third-grey-form-panel .form-data dl dd.submit dd.checkbox .field{display: inline-block; margin-right: 3px; width: auto;} .third-grey-form-panel .form-data dl dd.select div.skin{width:218px;} .third-grey-form-panel .form-data dl dd.submit{border-top: 1px solid #ccc; margin-bottom: 0; margin-top: 0px; padding-bottom: 15px; padding-top: 15px;} .third-grey-form-panel .form-data dl dd.submit span.label{margin-top:12px;} .full-grey-form-panel .table-condensed {color:black} .edit-component .form-data dl dd.checkbox .field{width:100%; float:right;} .list-of-items .list-of-templates {background:#969696; position:relative; margin: 0 -20px; overflow: hidden; padding:0 10px; width: 116%;} .list-of-items .list-of-templates ul li div.template{ background:#969696; margin:0 -20px; padding:10px 30px; width:116%} .list-of-items .list-of-templates ul li div.template:hover{background:#636363} .list-of-items .list-of-templates ul li div.template span a{color:#FFF;} .list-of-items .list-of-templates ol li div.template{ background:#969696; margin:0 -20px; padding:10px 30px; width:116%} .list-of-items .list-of-templates ol li div.template:hover{background:#636363} .list-of-items .list-of-templates ol li div.template span a{color:#FFF;} .list-of-data .ps-container .ps-scrollbar-y, .full-with-no-side-panel .table-wrapper .ps-container .ps-scrollbar-y{background:#00c1a4} .list-of-data .ps-scrollbar-x, .full-with-no-side-panel .table-wrapper .ps-scrollbar-x{background:#00c1a4;} .list-of-data .ps-scrollbar-x-rail, .full-with-no-side-panel .table-wrapper .ps-scrollbar-x-rail{background:#2d2e33; z-index:3; bottom:0px; margin-left:0px} .list-of-data .side-list .ps-scrollbar-x-rail, .frontend-select .ps-scrollbar-x-rail{background:#2d2e33; opacity:0!important; z-index:3; bottom:0px} .list-of-items .list-of-templates.ps-container .ps-scrollbar-y-rail, .list-of-data .ps-container .ps-scrollbar-y-rail, .full-with-no-side-panel .table-wrapper .ps-container .ps-scrollbar-y-rail {background:#2d2e33; z-index:3; right:0px} .list-of-items .list-of-templates.ps-container .ps-scrollbar-y, .list-of-items .list-of-templates.ps-container .ps-scrollbar-y:hover, .list-of-data .ps-container .ps-scrollbar-y:hover, .list-of-data .ps-container .ps-scrollbar-x:hover, .full-with-no-side-panel .table-wrapper .ps-container .ps-scrollbar-y:hover, .full-with-no-side-panel .table-wrapper .ps-container .ps-scrollbar-x:hover {background:#00c1a4} .list-of-items .list-of-templates.ps-scrollbar-y, .list-of-items .list-of-templates.ps-scrollbar-y-rail:hover .ps-scrollbar-y, .list-of-items .list-of-templates.ps-scrollbar-x-rail.hover .ps-scrollbar-y, .list-of-data .ps-scrollbar-x-rail.hover .ps-scrollbar-y, .list-of-data .ps-scrollbar-x-rail.hover .ps-scrollbar-x, .full-with-no-side-panel .table-wrapper .ps-scrollbar-x-rail.hover .ps-scrollbar-y, .full-with-no-side-panel .table-wrapper .ps-scrollbar-x-rail.hover .ps-scrollbar-x {background:#00c1a4} .form-data{position:relative; margin-top:-9px} .form-data dl{list-style:none; margin:0px; padding:0px} .form-data dl dt{} .form-data dl dd{float:left; width:880px; margin-bottom:0px; } .form-data dl dd.first{ border-bottom:1px solid #d5d5d5; width:100%; float:left; margin-bottom:0px; padding-bottom:16px; padding-top:15px} .form-data dl dd label{color:#36383e; font-size:12px; font-family: 'droid_sansregular'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .jstree-default ul li a {color:#36383e!important; font-size:12px; font-family: 'droid_sansregular'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .jstree-default {overflow:auto; max-height:300px} .form-data dl dd .field-holder{float:left; width:600px} .form-data dl dd .field-holder .field{width:100%; margin-top:15px; margin-bottom:20px; float:left} .form-data dl dd .field-holder .file-checkboxes{width:100%; margin-top:5px; margin-bottom:5px; float:left} .form-data dl dd .secure-file-checkbox{padding-top:0px} .form-data dl .select{float:left} .form-data dl .select label{float:left; padding:9px 10px 9px 0px; margin-bottom:0px; min-width:110px} .form-data dl .select div.skin{float:left; width:250px; margin-right:55px} .form-data dl .select div.skin select{display:none} .form-data dl .select div.skin .frontend-select{position:relative; cursor:pointer} .form-data dl .select div.skin .frontend-select .toggle-select{background:#FFF; position:relative; display:block; float:left; width:100%; padding:7px; border:1px solid #d5d5d5; border-top-left-radius:3px; border-bottom-left-radius:3px; height:36px; } .form-data dl .select div.skin .frontend-select .toggle-select .placeholder{overflow:hidden; height:21px; float:left; color:#4e4e4e; font-size:12px; font-family: 'droid_sansregular'; line-height:18px; white-space: nowrap; } .form-data dl .select div.skin .frontend-select .toggle-select .frontend-select-btn{ background:#777a8a; display:block; width:43px; height:36px; position:absolute; top:-1px; right:-44px; border-top-right-radius:3px; border-bottom-right-radius:3px; -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear;} .form-data dl .select div.skin .frontend-select:hover .toggle-select .frontend-select-btn{background:#00c1a4;} .form-data dl .select div.skin .frontend-select .toggle-select .frontend-select-btn i.arrow{width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; float:left; margin:16px;} .form-data dl .select div.skin .frontend-select .toggle-select .frontend-select-btn i.x-close{border: 0 none !important; margin:0px} .form-data dl .select div.skin .frontend-select .toggle-select .frontend-select-btn i.x-close:before{ color: #fff; content: "x"; display: block; float: left; font-family: Arial,sans-serif; font-style: normal; font-weight: 300; margin: 7px 18px;} .form-data dl .select div.skin .frontend-select .select-options{display:none; left:0px; width:100%; position:absolute; background:#777a8a; border:1px solid #CCC; z-index:3; border-bottom-left-radius:3px; border-bottom-right-radius:3px;} .below{top:35px;} .above{bottom:-3px} .form-data dl .select div.skin .frontend-select .select-options span{display:block; width:100%; padding:10px 7px; cursor:pointer; color:#fff; font-size:12px; font-family: 'droid_sansregular'; line-height:18px; } .form-data dl .select div.skin .frontend-select .select-options span:hover{ background:#6f7281} .form-data dl .select span.checkbox-option{float:right;} .form-data dl .radios .radio-label{float:left; width:400px;; color:#36383e; font-size:12px; font-family: 'droid_sansregular'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .form-data dl .radios .radio-label h4{color:#36383e; font-size:12px; font-family: 'droid_sansregular'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .form-data dl .radios .radio-option{float:right; padding-top:8px} .field-validation-valid{} .field-validation-error{color: #ea555b; display: block; float: left; font-family: "droid_sansregular"; font-size: 11px; letter-spacing: 0.5px; margin-top: -17px; position: relative; text-align: right; width: 100%;} .site-switer{height:45px; float:left; display:block; width:100%} #main-navigation i.switch-sites-icon{background-position:-5px -368px; height:31px; width:30px; margin:5px 17px; display:block} #main-navigation.switch-navigation i.switch-sites-icon{display:none;} #main-navigation div.form-data{ display:none; margin-top:0px} #main-navigation.switch-navigation div.form-data{ display:block} #main-navigation div.form-data dl dd{width:100%; padding:3px 5px} #main-navigation .form-data dl dd.select div.skin{width:140px;} #main-navigation .form-data dl dd.select div.skin .frontend-select .select-options { border:0px; top: 34px; width: 183px; max-height:500px; overflow:hidden} /*.form-data dl .select div.skin .frontend-select .select-options {max-height:300px; overflow:hidden}*/ .form-data dl .select div.skin .frontend-select .select-options {max-height:300px; overflow:hidden;width:293px} .form-data dl .select div.skin .frontend-select .ps-scrollbar-y-rail { background: none repeat scroll 0 0 #2d2e33; opacity: 1; right: 0!important; z-index: 0; } .form-data dl .select div.skin .frontend-select .select-options-narrow {width:260px;} .form-data dl .select div.skin .frontend-select .ps-scrollbar-y, .form-data dl dd.select div.skin .frontend-select .ps-scrollbar-y:hover { background: none repeat scroll 0 0 #00c1a4; right: 0!important; } #main-navigation .form-data dl dd.select div.skin .frontend-select .toggle-select{background:#333; border:1px solid #777a8a} #main-navigation .form-data dl dd.select div.skin .frontend-select:hover .toggle-select{border:1px solid #00c1a4} #main-navigation .form-data dl dd.select div.skin .frontend-select .toggle-select .placeholder{color:#CCC;} .form-data dl .text .cascad button { height: 42px; } .form-data dl .text .cascad .dropdown-menu { padding: 8px; max-height: 300px; overflow-y: scroll; width: 293px; } .form-data dl .text .cascad .dropdown-menu li { width: 80px; height:40px; } .form-data dl .text .cascad input[type="text"] { height: 42px; } .upload-placeholder{width:600px; float:left;} .dragging-area{float:left; width:190px; height:147px; margin:0 10px 20px 0px; background:#f1f0f0 center; border:1px solid #d5d5d5; border-radius:3px;background-size:contain;background-repeat:no-repeat;} .dragging-area.in{background:#dedede; background-image:none!important} .dragging-area.hover{background:#dedede; background-image:none!important} .dragging-area:hover{background-image:none!important} .dragging-area .dragging-area-text:hover{opacity:1!important} .dragging-area span{ text-align:center; color:#9e9e9e; display:block; padding-top:50px; padding-bottom:30px; font-family: 'droid_sansbold'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform:uppercase; font-size:10px; letter-spacing:1px} .dragging-area span i.drag-plus{ text-align:center; margin:15px auto} .file {float: left; width:400px} .file a.btn.grey-btn{margin:5px;} .file .checkbox{float:left; margin:0px} .file .checkbox .field-holder .field{margin-top:5px;} .file-holder {background:#fff; border: 1px solid #d5d5d5; float: left; padding: 5px; cursor:defalut!important} .fileUpload {margin: 0; overflow: hidden; padding: 8px 25px; position: relative;} .fileUpload input.upload {cursor: defalut; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0;} .file input {background: none repeat scroll 0 0 #fff; border: 0 none; margin:7px; float:left; width:75px} .fileUpload {background: none repeat scroll 0 0 #454545;} .file-upload {cursor: defalut; } .file-holder .darkgrey-btn{cursor:default!important;} .uploading-file-this-file{ float:left; width:100%; border-bottom:1px solid #d0d0d0; padding:10px 0; } .uploading-file-this-file i.icon-file-being-uploaded{float:left; margin-right:10px} .uploading-file-this-file span.file-name {color:#2d2e33; font-size:11px; font-family: 'droid_sansbold'; font-weight:normal; height: 15px; display: block; overflow-y: scroll;} .progress { float: right; margin: 0px 0; width: 100%; margin-top: 1px; } .progress-bar-success {background-color: #2eb398;} #loading {height: 100% !important;width: 100% !important; z-index: 1009 !important; position: absolute; vertical-align: central; opacity: 0.8; background: #666;} #loading img {margin-left: auto; margin-right: auto;display: block;padding-top: 150px;} #loadingright {height: 100% !important;width: 100% !important; z-index: 1009 !important; position: absolute; vertical-align: central; opacity: 0.8; background: #666;} #loadingright img {margin-left: auto; margin-right: auto;display: block;padding-top: 150px;} .images-from-gallery{float:left; width:100%; display:none; margin-bottom:20px; border-bottom:1px solid #d0d0d0; padding-bottom:20px; max-height:450px; overflow:hidden} .images-from-gallery img{padding:5px;max-height:135px;max-width:135px;margin-left: auto; margin-right: auto; display:block;} .images-from-gallery .image-container {height:135px;width:135px;margin:6px;border: 1px solid #d5d5d5;border-radius: 3px;cursor:pointer} .images-from-gallery li span {color:black;text-align:center;width:100%;float:left;} #images-grid .image-container {height:150px;width:180px;cursor:pointer; vertical-align:bottom} #images-grid .image-container img {margin: 0 auto;display: block;max-height: 150px;max-width: 180px; } .current-image{ float:left; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d0d0d0;} .current-image .img{float:left; width:200px; } .current-image .img h4{color:#36383e; font-size:13px; margin-top:15px; margin-bottom:5px;font-family: 'droid_sansregular';} .current-image .img img{max-height:190px; max-width:190px} .upload-placeholder .image-info{float:left; width:400px} .upload-placeholder .image-info h4{color:#000; font-size:12px; margin-top:2px; margin-bottom:5px} .upload-placeholder .image-info h4 span{color:#36383e;} .upload-placeholder .image-info p{color:#36383e; font-size:11px; font-family: 'droid_sansregular'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-bottom:3px; width:25%; float:left} .upload-placeholder .image-info p.dimensions{width:50%;} .ace_search_field {color: black} .upload-placeholder .image-info strong{font-family: 'droid_sansbold'; font-weight:normal; font-style:normal;} .upload-placeholder .image-info span{} .upload-placeholder .image-info .checkbox{float:left; width:100%} .upload-placeholder .image-info .checkbox .field{margin-bottom:0px;} .new-image{float:left; width:100%} div.revisions h2{ margin-top:30px} .main-title .rollback{float:right; margin:20px 0} .editor-actions .rollback {float: right; margin: 10px 0 0;} .main-title .rollback .btn, .editor-actions .rollback .btn{margin-left:5px; padding:8px 10px} .main-title div.select, .editor-actions div.select{float:left; margin:0px 0} .main-title div.select .label, .editor-actions div.select{text-align:right; color:#36383e; font-size:12px; font-family: 'droid_sansregular'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .main-title div.select label, .editor-actions div.select label{text-align:right; color:#36383e; font-size:12px; font-family: 'droid_sansbold'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top:8px; padding-right:10px} .main-title div.select div.skin, .editor-actions div.select div.skin{float:right; width:290px; margin-right:3px} .main-title div.select div.skin select, .editor-actions div.select div.skin select{display:none} .main-title div.select div.skin .frontend-select, .editor-actions div.select div.skin .frontend-select{position:relative; cursor:pointer} .main-title div.select div.skin .frontend-select .toggle-select, .editor-actions div.select div.skin .frontend-select .toggle-select{background:#FFF; position:relative; display:block; float:left; width:100%; padding:7px; border:1px solid #d5d5d5; border-top-left-radius:3px; border-bottom-left-radius:3px; height:36px; } .main-title div.select div.skin .frontend-select .toggle-select .placeholder, .editor-actions div.select div.skin .frontend-select .toggle-select .placeholder{overflow:hidden; height:21px; float:left; color:#4e4e4e; font-size:12px; font-family: 'droid_sansregular'; line-height:18px } .main-title div.select div.skin .frontend-select .toggle-select .frontend-select-btn, .editor-actions div.select div.skin .frontend-select .toggle-select .frontend-select-btn{ background:#777a8a; display:block; width:43px; height:36px; position:absolute; top:-1px; right:-4px; border-top-right-radius:3px; border-bottom-right-radius:3px; -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear;} .main-title div.select div.skin .frontend-select:hover .toggle-select .frontend-select-btn, .editor-actions div.select div.skin .frontend-select:hover .toggle-select .frontend-select-btn{background:#00c1a4;} .main-title div.select div.skin .frontend-select .toggle-select .frontend-select-btn i.arrow, .editor-actions div.skin .frontend-select .toggle-select .frontend-select-btn i.arrow{width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; float:left; margin:16px;} .main-title div.select div.skin .frontend-select .toggle-select .frontend-select-btn i.x-close, .editor-actions div.select div.skin .frontend-select .toggle-select .frontend-select-btn i.x-close{border: 0 none !important; margin:0px} .main-title div.select div.skin .frontend-select .toggle-select .frontend-select-btn i.x-close:before, .editor-actions div.select div.skin .frontend-select .toggle-select .frontend-select-btn i.x-close:before{ color: #fff; content: "x"; display: block; float: left; font-family: Arial,sans-serif; font-style: normal; font-weight: 300; margin: 7px 18px;} .main-title div.select div.skin .frontend-select .select-options, .editor-actions div.select div.skin .frontend-select .select-options{display:none; left:0px; top:35px; width:100%; position:absolute; background:#777a8a; border:1px solid #CCC; border-bottom-left-radius:3px; border-bottom-right-radius:3px;z-index:10;} .editor-actions .form-data dl dd.select div.skin .frontend-select .select-options{ z-index:56;} .main-title div.select div.skin .frontend-select .select-options span, .editor-actions div.select div.skin .frontend-select .select-options span{display:block; width:100%; padding:10px 7px; cursor:pointer; color:#fff; font-size:12px; font-family: 'droid_sansregular'; line-height:18px; text-align:left } .main-title div.select div.skin .frontend-select .select-options span:hover, .editor-actions div.select div.skin .frontend-select .select-options span:hover{ background:#6f7281} .form-data dl .text label{padding:9px 10px 9px 0px; margin-bottom:0px} .form-data dl .text input{background:#FFF; color:#4e4e4e; font-size:12px; font-family: 'droid_sansregular'; line-height:18px; position:relative; display:block; float:left; width:100%; padding:7px; border:1px solid #d5d5d5; border-radius:3px; height:36px;} .form-data dl .textarea label{padding:9px 10px 9px 0px; margin-bottom:0px} .form-data dl .textarea textarea{background:#FFF; color:#4e4e4e; font-size:12px; font-family: 'droid_sansregular'; line-height:18px; position:relative; display:block; float:left; width:100%; padding:7px; border:1px solid #d5d5d5; border-radius:3px; height:200px; resize: vertical;} .form-data dl .radios{margin-top:0px} .form-data dl .checkbox{margin-top:0px; padding-top:0px} .form-data dl dd input[type='submit']{ -moz-osx-font-smoothing: grayscale; background: none repeat scroll 0 0 #00c1a4; border-radius: 2px; color: #fff; font-family: "droid_sansbold"; font-size: 11px; font-weight: normal; padding: 10px 25px; text-align: center; text-transform: uppercase; width: auto; border:0px; float:right} .form-data dl dd input[type='submit']:hover{ background:#333} .has-btn{} .has-btn input[type='text']{width:480px!important;} .has-btn .green-btn{float:right;} .form-data dl dd dl{background:#e1e1e1; float: left; margin-bottom: -20px; margin-left: -20px; margin-top:57px; padding-left: 20px; display:none} .form-data dl dd dl dt{} .form-data dl dd dl dt i.cross-icon{width:20px; height:20px; float:right; background-position:-75px -229px; margin-top:5px; cursor:pointer} .form-data dl dd dl dd{} .toggle-help-panel label{ text-align:right; padding-right:30px!important; padding-top:5px!important; padding-left:30px!important } .toggle-help-panel label i.help-icon{ float:left} .help-panel{float: right;background:#f6f6f6; margin-top:-1px; margin-bottom:0px; /*padding-bottom: 20px;*/ width: 260px; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-top:1px solid #d5d5d5; margin-right:0px; display:block; position:relative; opacity:1; right:-270px; -o-transition: height .2s linear; -webkit-transition: height .2s linear; -moz-transition: height .2s linear; transition: height .2s linear; } .show-help{ display:block; opacity:1;} .help-container{overflow:hidden} .help-panel i.icon-right-arrow {background-position:-151px -48px; width:12px; height:30px; margin:0 0 0 -12px; padding:0px; float:left} .help-panel .help-intro{ margin-left:15px; padding-right:10px; white-space:normal } .help-panel .help-intro h4{color:#2d2e33; font-size:12px; font-family: 'droid_sansbold'; font-weight:normal; margin-bottom:0px} .help-panel .help-intro p{color:#2d2e33; font-size:11px; font-family: 'droid_sansregular'; font-weight:normal; margin-top:10px} i.tablesorter-icon{background-image: url("data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw=="); background-position: right center; background-repeat: no-repeat; cursor: pointer; padding: 4px 20px 4px 4px; white-space: normal;} .tablesorter-default thead .headerSortUp i.tablesorter-icon, .tablesorter-default thead .tablesorter-headerAsc i.tablesorter-icon, .tablesorter-default thead .tablesorter-headerSortUp i.tablesorter-icon { background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7"); } .tablesorter-default thead .headerSortDown i.tablesorter-icon, .tablesorter-default thead .tablesorter-headerDesc i.tablesorter-icon, .tablesorter-default thead .tablesorter-headerSortDown i.tablesorter-icon { background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7"); } i.icon{background-image:url(../img/sprite.png); background-repeat:no-repeat; display:block} i.dashboard-icon{width:30px; height:30px; background-position:-5px -3px; } i.manage-pages-icon{width:30px; height:30px; background-position:-5px -35px} i.manage-users-icon{width:30px; height:30px; background-position:-5px -67px} i.manage-images-icon{width:30px; height:30px; background-position:-5px -97px} i.manage-documents-icon{width:30px; height:30px; background-position:-5px -127px} i.publish-all-changes-icon{width:30px; height:30px; background-position:-5px -159px} i.publish-all-images-icon{width:30px; height:30px; background-position:-5px -404px} i.preview-site-icon{width:30px; height:30px; background-position:-5px -433px} i.settings-icon{width:30px; height:30px; background-position:-5px -193px} i.toolbox-icon{width:30px; height:30px; background-position:-5px -233px} i.recycle-bin-icon{width:30px; height:30px; background-position:-8px -269px} i.recruitment-icon{width:30px; height:30px; background-position:-5px -304px} i.shop-icon{width:30px; height:30px; background-position:-5px -338px} i.padlock-icon{width:30px; height:30px; background-position:-70px -90px;} i.minus-icon{width:20px; height:20px; background-position:-73px -306px;} i.plus-icon{width:20px; height:20px; background-position:-73px -287px} i.refresh-icon{width:30px; height:30px; background-position:-73px -670px; cursor:pointer} i.refresh-icon:hover{background-position:-117px -670px} li:hover i.dashboard-icon, li.active i.dashboard-icon{background-position:-33px -3px} li:hover i.manage-pages-icon, li.active i.manage-pages-icon{background-position:-33px -35px} li:hover i.manage-users-icon, li.active i.manage-users-icon{background-position:-33px -67px} li:hover i.manage-images-icon, li.active i.manage-images-icon{background-position:-33px -97px} li:hover i.manage-documents-icon, li.active i.manage-documents-icon{background-position:-33px -127px} li:hover i.publish-all-changes-icon, li.active i.publish-all-changes-icon{background-position:-33px -159px} li:hover i.publish-all-images-icon, li.active i.publish-all-images-icon{background-position:-33px -404px} li:hover i.preview-site-icon, li.active i.preview-site-icon, .page-options i.preview-site-icon{background-position:-33px -433px; } li:hover i.settings-icon, li.active i.settings-icon{background-position:-33px -193px} li:hover i.toolbox-icon, li.active i.toolbox-icon{background-position:-33px -233px} li:hover i.recycle-bin-icon, li.active i.recycle-bin-icon{background-position:-36px -269px} li:hover i.recruitment-icon, li.active i.recruitment-icon{background-position:-33px -304px} li:hover i.shop-icon, li.active i.shop-icon{background-position:-33px -338px} .page-options i.preview-site-icon:hover{background-position:-33px -491px} i.contenteditor-icon{width:23px; height:23px; background-position:-67px -8px} i.admin-icon{width:23px; height:23px; background-position:-67px -60px} i.developer-icon{width:23px; height:23px; background-position:-67px -33px} i.agencycontenteditor-icon{width:23px; height:23px; background-position:-95px -8px} i.agencyadmin-icon{width:23px; height:23px; background-position:-95px -60px} i.agencydeveloper-icon{width:23px; height:23px; background-position:-95px -33px} i.page-templates-icon{width:30px; height:30px; background-position:-206px -3px; } i.layouts-icon{width:30px; height:30px; background-position:-206px -41px; } i.modules-icon{width:30px; height:30px; background-position:-206px -80px; } i.site-variables-icon{width:30px; height:30px; background-position:-206px -121px; } i.css-files-icon{width:30px; height:30px; background-position:-206px -165px; } i.js-files-icon{width:30px; height:30px; background-position:-206px -209px; } i.default-site-images-icon{width:30px; height:30px; background-position:-206px -253px; } i.fonts-icon{width:30px; height:30px; background-position:-206px -300px; } i.email-recieved-icon{width:30px; height:30px; background-position:-289px 0px; } i.automatic-messages-icon{width:30px; height:30px; background-position:-289px -40px; } i.email-adresses-icon{width:30px; height:30px; background-position:-289px -80px; } i.url-rewrites-icon{width:30px; height:30px; background-position:-289px -122px; } i.bulk-uploaders-icon{width:30px; height:30px; background-position:-289px -163px; } i.sitemap-icon{width:30px; height:30px; background-position:-289px -207px; } i.blog-authors-icon{width:30px; height:30px; background-position:-289px -256px; } i.integrations-icon{width:30px; height:30px; background-position:-372px -339px;} i.jobs-icon{width:30px; height:30px; background-position:-372px -3px;} i.candidates-icon{width:30px; height:30px; background-position:-372px -40px;} i.general-recruiting-icon{width:30px; height:30px; background-position:-372px -119px;} i.upload-jobs-icon{width:30px; height:30px; background-position:-372px -165px;} i.upload-candidates-icon{width:30px; height:30px; background-position:-372px -203px;} i.location-icon{width:30px; height:30px; background-position:-372px -250px;} i.contacts-icon{width:30px; height:30px; background-position:-372px -294px;} i.email-data-icon{width:30px; height:30px; background-position:-374px -412px} i.site-history-icon{width:30px; height:30px; background-position:-373px -379px} i.site-root-icon{width:30px; height:30px; background-position:-373px -442px} li:hover i.page-templates-icon, li.active i.page-templates-icon{background-position:-245px -3px; } li:hover i.layouts-icon, li.active i.layouts-icon{background-position:-245px -41px; } li:hover i.modules-icon, li.active i.modules-icon{background-position:-245px -80px; } li:hover i.site-variables-icon, li.active i.site-variables-icon{background-position:-245px -121px; } li:hover i.css-files-icon, li.active i.css-files-icon{background-position:-245px -165px; } li:hover i.js-files-icon, li.active i.js-files-icon{background-position:-245px -209px; } li:hover i.default-site-images-icon, li.active i.default-site-images-icon{background-position:-245px -253px; } li:hover i.fonts-icon, li.active i.fonts-icon{background-position:-245px -300px; } li:hover i.email-recieved-icon, li.active i.email-recieved-icon{background-position:-329px 0px } li:hover i.automatic-messages-icon, li.active i.automatic-messages-icon{background-position:-329px -40px; } li:hover i.email-adresses-icon, li.active i.email-adresses-icon{background-position:-329px -80px; } li:hover i.url-rewrites-icon, li.active i.url-rewrites-icon{background-position:-329px -122px; } li:hover i.bulk-uploaders-icon, li.active i.bulk-uploaders-icon{background-position:-329px -163px; } li:hover i.sitemap-icon, li.active i.sitemap-icon{background-position:-329px -207px; } li:hover i.blog-authors-icon, li.active i.blog-authors-icon{background-position:-329px -256px; } li:hover i.integrations-icon, li.active i.integrations-icon{background-position:-412px -339px; } li:hover i.jobs-icon, li.active i.jobs-icon{background-position:-412px -3px; } li:hover i.candidates-icon, li.active i.candidates-icon{background-position:-412px -40px; } li:hover i.general-recruiting-icon, li.active i.general-recruiting-icon{background-position:-412px -119px; } li:hover i.upload-jobs-icon, li.active i.upload-jobs-icon{background-position:-412px -165px; } li:hover i.upload-candidates-icon, li.active i.upload-candidates-icon{background-position:-412px -203px; } li:hover i.location-icon, li.active i.location-icon{background-position:-412px -250px; } li:hover i.contacts-icon, li.active i.contacts-icon{background-position:-412px -294px; } li:hover i.email-data-icon, li.active i.email-data-icon{background-position:-414px -412px; } li:hover i.site-history-icon, li.active i.site-history-icon{background-position:-413px -379px; } li:hover i.site-root-icon, li.active i.site-root-icon{background-position:-413px -442px; } i.desktop-view-icon{width:30px; height:30px; background-position:-115px -390px} i.desktop-view-icon:hover{ background-position:-71px -390px} i.tablet-view-icon{width:30px; height:30px; background-position:-115px -423px} i.tablet-view-icon:hover{ background-position:-71px -423px} i.mobile-view-icon{width:30px; height:30px; background-position:-115px -456px} i.mobile-view-icon:hover{ background-position:-71px -456px} i.clone-page-icon{width:30px; height:30px; background-position:-115px -493px} i.clone-page-icon:hover{ background-position:-71px -493px} i.settings-page-icon{width:30px; height:30px; background-position:-117px -535px} i.settings-page-icon:hover{ background-position:-74px -535px} i.global-modules-icon{width:30px; height:30px; background-position:-116px -572px} i.global-modules-icon:hover{background-position:-74px -572px} i.help-icon{background-position:-124px -314px; width:20px; height:20px;} i.help-alt-icon{background-position:-164px -314px; width:20px; height:20px;} i.cross-icon{background-position: -75px -229px; cursor: pointer; height: 20px; width: 20px;} i.cross-alt-icon{background-position: -168px -229px; cursor: pointer; height: 20px; width: 20px;} i.icon-file-being-uploaded{background-position:-124px -345px; width:20px; height:20px;} i.drag-plus{background-position:-119px -185px; width:30px; height:30px;} i.back-arrow-icon{background-position:-118px -89px; width:33px; height:33px;} i.rollback-icon{background-position:-77px -605px; width:20px; height:17px;} i.notification-icon{background-position:-74px -632px; width:30px; height:30px;} i.notification-icon:hover{background-position:-117px -632px; width:30px; height:30px;} i.tool-icon{background-position:-163px -88px; width:30px; height:30px;} i.sm-x-icon{background-position:-169px -191px; width:15px; height:17px;} i.sm-x-icon:hover{background-position:-169px -209px;} i.sm-x-white-icon{background-position:-169px -189px; width:15px; height:17px;} i.sm-x-white-icon:hover{background-position:-169px -205px;} i.sm-pen-white-icon{background-position:-169px -348px; width:15px; height:17px;} i.sm-pen-white-icon:hover{background-position:-169px -348px;} i.sm-pen-icon{background-position:-169px -143px; width:15px; height:17px;} i.sm-pen-icon:hover{background-position:-169px -167px;} i.sm-folder-icon{background-position:-171px -399px; width:15px; height:17px;} .active i.sm-folder-icon{background-position:-172px -423px;} i.sm-user-icon{background-position:-170px -579px; width:15px; height:17px;} .active i.sm-user-icon{background-position:-170px -601px;} i.drag-icon{background-position:-170px -627px; width:16px; height:16px;} i.bin-icon{background-position:-170px -660px; width:16px; height:16px;} i.bin-icon:hover{background-position:-170px -683px;} i.undo-icon{width:16px; height:16px; background-position:-172px -945px} i.undo-icon:hover {background-position:-205px -945px; } i.settings-sm-icon{background-position:-171px -713px; width:16px; height:16px;} i.settings-sm-icon:hover{background-position:-171px -743px;} i.xs-edit-icon{background-position:-171px -805px; width:18px; height:18px;} i.xs-edit-icon:hover{background-position:-204px -805px;} i.xs-delete-icon{background-position:-171px -830px; width:18px; height:18px;} i.xs-delete-icon:hover{background-position:-204px -830px;} i.xs-clone-icon{background-position:-170px -917px; width:18px; height:18px;} i.xs-clone-icon:hover{background-position:-204px -917px;} i.xs-view-icon{background-position:-171px -775px; width:18px; height:18px;} i.xs-view-icon:hover{background-position:-204px -775px;} i.xs-download-icon{background-position:-171px -888px; width:18px; height:18px;} i.xs-download-icon:hover{background-position:-204px -888px;} .contain-panel{display:table-cell; vertical-align:top;} .containing-panel{display:block} #navigation{float:left; position:relative; z-index:10} .wrap{display: block; float: left; height: 100%; overflow: hidden; position: fixed; width: 65px; z-index:1} #main-navigation{-moz-user-select: none; background: none repeat scroll 0 0 #222; color: #c8c8c8; cursor: default; height: 100%; left: 0; overflow-x: hidden; overflow-y: hidden; position: relative; top: 0; transform: translate(0px, 0px); transition: width 0.28s ease-in-out 0s, background 0.1s linear 0s; width: 200px; } #main-navigation li span.label{opacity:0; } #main-navigation .overlay{min-height:1000px;} /*div.switch-navigation div.branding img{margin:10px 10px!important;}*/ div.switch-navigation div.branding {background-image:url(/img/backgrounds/apteve-logo-small-expanded.svg)!important; background-position:21px 11px!important; } /*#navigation .branding img{max-width:50px; margin:8px 5px; -webkit-transition: all 500ms ease-out 0.5s; -moz-transition: all 500ms ease-out 0.5s; -o-transition: all 500ms ease-out 0.5s; transition: all 500ms ease-out 0.5s;}*/ #navigation .branding {height:50px; background-image:url(/img/backgrounds/apteve-logo-small-square.svg); background-position:8px 5px; background-repeat:no-repeat; -webkit-transition:all 300ms ease-out 0.3s; -moz-transition: all 300ms ease-out 0.3s; -o-transition: all 300ms ease-out 0.3s; transition: all 300ms ease-out 0.3s;} #navigation .branding .lock-navigation{background-image:url(../img/sprite.png); background-repeat:no-repeat; display:block; width:22px; height:23px; text-indent:-3000em; background-position:-123px -7px; float:right; margin:20px} #navigation .branding .lock-navigation:hover{background-position:-149px -7px;} #navigation .switch-navigation .branding img{max-width:100px;} #navigation .force-switch-navigation .branding .lock-navigation{background-position:-177px -7px;} .switch-navigation li span.label{opacity:1!important; } .switch-navigation li span.count{ right:20px; top:10px } .switch-navigation #legal-information{display:block; opacity:1} .switch-navigation .logout{width:65%} .nav li{width:100%; clear:both; float:left; border-left:5px solid #222222; } .nav li:hover{border-left:5px solid #161e21; } .nav li.active{border-left:5px solid #91347e; } .nav li a{float:left; width:100%; background:#222222; border-bottom:1px solid #1b2021} .nav li a:hover{background:#161e21} .nav li a:hover span.label{color:#FFF; } .nav-sidebar {margin-bottom: 20px; } .nav-sidebar > li > a {padding-left:0px; padding-right:0px } .nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {color: #fff; background-color: #161e21; } .nav > li > a:hover, .nav > li > a:focus { background-color: #161e21; text-decoration: none; } .sub-navigations{background:#1c1c1c; width:100%; overflow:hidden} .sub-navigations ul li{width:100%; clear:both; float:left; } .sub-navigations ul li:hover{} .sub-navigations ul li.active{} .sub-navigations ul li a{float:left; width:100%; background:#1c1c1c; border-bottom:1px solid #151515; padding:5px 0} .sub-navigations ul li a:hover{background:#161e21} .sub-navigations ul li a:hover span.label{color:#FFF; } .sub-navigations ul li a i.icon{margin-right:0px;} li span.label{display:block; -webkit-transition: opacity 500ms ease-out 0.5s; -moz-transition: opacity 500ms ease-out 0.5s; -o-transition: opacity 500ms ease-out 0.5s; transition: opacity 500ms ease-out 0.5s; text-align:left} li i.icon{float:left; margin-left:14px; margin-right:15px} span.label{float:left; margin-top:7px; color:#656565; text-transform:uppercase; font-family: 'droid_sansbold'; font-weight:normal} span.count{border-radius:100px; display:block; position:absolute; right:137px; top:10px; -webkit-transition: all 400ms ease-out 0.5s; -moz-transition: all 400ms ease-out 0.5s; -o-transition: all 400ms ease-out 0.5s; transition: all 400ms ease-out 0.5s; font-family: 'droid_sansbold'; font-weight:normal; font-size:10px; padding:4px; color:#FFF} span.green{background:#00c1a4} span.red{background:#ea555b} span.blue{background:#0a5d92} #legal-information{text-align:center; display:block; -webkit-transition: opacity 500ms ease-out 0.5s; -moz-transition: opacity 500ms ease-out 0.5s; -o-transition: opacity 500ms ease-out 0.5s; transition: opacity 500ms ease-out 0.5s; opacity:0} #legal-information, #legal-information a{color:#656565; font-size:10px;} #legal-information a{margin-right:5px;} .logged-in-user{float:left; padding:10px 0; width:100%; background:#000} .profile-image{margin-left:4px; margin-right:10px; float:left; position:relative} .profile-image img{border-radius:3px;max-height:56px;max-width:56px; cursor:pointer} .profile-image i.icon{position:absolute; top:-5px; right:-6px} .users-details{} .users-details strong{font-size:10px; text-transform:uppercase;font-family: 'droid_sansbold'; font-weight:normal} .users-details span{font-size:10px; text-transform:uppercase; display:block; font-family: 'gudearegular'; font-weight:normal} .logout{display: block; float: left; width: 100%;} .logout i.padlock-icon{background-color:#2d2e33; border-radius:100px; margin:7px 17px; display:none; border-radius:0px;} .logout .label{-webkit-transition: opacity 500ms ease-out 0.5s; -moz-transition: opacity 500ms ease-out 0.5s; -o-transition: opacity 500ms ease-out 0.5s; transition: opacity 500ms ease-out 0.5s; opacity:0; display:none; margin:6px 0 0 0} .switch-navigation .logout i.padlock-icon{background-color:transparent; background-position:-80px -90px; width:11px; float:left; margin:0px; display:block; height:19px} .switch-navigation .logout .label{opacity:1; display:block} html>.container{position:fixed; left:0; z-index:1; width:100%; height:100%; padding:0px 0px 0px 65px; padding-right:0px; background: url(../img/backgrounds/bg.png) no-repeat 50% 50%; background-size: 45%; overflow:hidden; } .main{padding:0px 0px 0px 65px; padding-right:0px; background: url(../img/backgrounds/bg.png) no-repeat 95% 10%; background-size: 13%; position:relative; width:100%; height:100%} .moverover{} .container .ps-container{opacity:1} .container .ps-scrollbar-x, .container .ps-scrollbar-x-rail{height:12px; bottom:0px;} .container .ps-scrollbar-x, .container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .container .ps-scrollbar-x-rail.hover .ps-scrollbar-x{background:#00c1a4; } .container .ps-scrollbar-y, .container .ps-scrollbar-y-rail{width:12px; right:0px} .container .ps-scrollbar-y, .container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .container .ps-scrollbar-x-rail.hover .ps-scrollbar-y{background:#00c1a4; } .container .ps-scrollbar-x-rail{margin-left:65px} .container .ps-scrollbar-x{ box-sizing:content-box; padding-right:65px} .container.moveover .ps-scrollbar-x{ box-sizing:content-box; padding-right:200px} .moveover .ps-scrollbar-x-rail{margin-left:200px} .moveover .list-of-data .ps-scrollbar-x-rail{margin-left:0px} .all-panels{width:100%; overflow:visible; } .panel-area {position: relative; white-space: nowrap; width: 100%; } .panels{display:table-cell; vertical-align:top; position:relative } .panel-contents{float:left; display:block; color:#FFF; position:relative; white-space:normal} .overlay{position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.85); background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAATSURBVBhXY2RgYNgHxGAAYuwDAA78AjwwRoQYAAAAAElFTkSuQmCC) repeat scroll transparent\9; z-index:1000; color:white; display:none; height:130%} .left-panel{ background:#1c1c1c} .main-panel{overflow:hidden; z-index:2} .right-panel{display:none;} .show-right-panel{display:table-cell; } .panel-title{background:#27282c; padding:24px 0 25px 15px; height:60px} .panel-title h3{padding:0px; margin:0px 20px 0px 0px; font-weight:normal; font-size:12px; text-transform:uppercase; color:#b9b9b9; font-family: 'droid_sansbold'; float:left} .section-title h4 { padding: 0px; margin: 20px 20px 0px 10px; font-weight: normal; font-size: 12px; text-transform: uppercase; color: #777a8a; font-family: 'droid_sansbold'; } .main-panel .panel-title{background:#232428; } .right-panel .panel-title{background:#222222; padding:23px 15px 13px; width:100%; float:left; height:62px } .right-panel .panel-title a.close-btn {margin-top: -20px;} .right-panel .dev-editor-window .panel-title a.close-btn {margin-top: -10px;} .right-panel .in-use-window .panel-title a.close-btn {margin-top: -10px;} .right-panel .default-right-window .panel-title a.close-btn {margin-top: -10px;} .additional-panel{position:absolute; left:0; z-index:1001; top:0px; -webkit-transition: all 400ms ease-out 0.4s; -moz-transition: all 400ms ease-out 0.4s; -o-transition: all 400ms ease-out 0.4s; transition: all 400ms ease-out 0.4s;} .toggle-additional-panel{left:-270px;} .right-panel .additional-panel .panel-contents{z-index:1001;} .right-panel .panel-edit{float:left; display:block; color:#FFF; position:relative; white-space:normal; z-index:1002; background:#f6f6f6} .navigational-panel{ width:180px; display:block; float:left} .center-panel{ width:100%; display:block; background:#2e3034;} .side-flyout{height:100%; float:left; width:270px; display:block} .edit-panel{width:900px; display:block; -webkit-transition: all 500ms ease-out 0.5s; -moz-transition: all 500ms ease-out 0.5s; -o-transition: all 500ms ease-out 0.5s; transition: all 500ms ease-out 0.5s;} .edit-panel .panel-title h3{float:left;max-width:500px} .edit-panel .panel-title .close-btn{float:left;} .edit-panel .panel-title i.cross-icon{width:32px; height:32px; background-position:-118px -229px; margin-top: 10px; margin-right:10px} .edit-panel .panel-title i.cross-icon:hover{background-position:-118px -269px;} .panel-actions{float:right; margin-top:-13px; margin-right:15px;} .panel-actions .btn{border-radius:50px;} .sub-navigations{ background:#1c1c1c; float:left; position:relative} .sub-navigations ul{list-style:none;padding:0px; margin:0px; float:left; width:100%} .sub-navigations ul li{} .sub-navigations ul li a{} .sub-navigations ul li a i.icon{} .sub-navigations ul li a span.label{ font-size:10px} .sub-navigations.ps-container .ps-scrollbar-y-rail {background:#2d2e33; z-index:0; right:0px} .sub-navigations.ps-container .ps-scrollbar-y, .sub-navigations.ps-container .ps-scrollbar-y:hover {background:#00c1a4} .sub-navigations.ps-scrollbar-y, .sub-navigations.ps-scrollbar-y-rail:hover .ps-scrollbar-y, .sub-navigations.ps-scrollbar-x-rail.hover .ps-scrollbar-y{background:#00c1a4} .center-panel iframe { -ms-transform: scale(0.65); -moz-transform: scale(0.65); -o-transform: scale(0.65); -webkit-transform: scale(0.65); transform: scale(0.65); margin-bottom: -35%; -ms-transform-origin: 75px 0; -moz-transform-origin: 75px 0; -o-transform-origin: 75px 0; -webkit-transform-origin: 75px 0; transform-origin: 75px 0; width:145%; border:0px; background-image: url("../img/icons/ajax-loader.gif"); background-repeat: no-repeat; background-position: 50% 20%; background-color: #666; } .side-flyout{} .side-flyout .back-to-list{background: none repeat scroll 0 0 #141414; float: left; margin-top: 55px; padding: 14px 10px; width: 100%;} .side-flyout .back-to-list a.label span{color:#b9b9b9; font-size:11px; margin-top:10px; margin-left:5px; text-transform:uppercase; float:left} .side-flyout .back-to-list i.back-arrow-icon{ float:left} .side-flyout .back-to-list i.cross-icon{ float:left} .side-flyout a.close-btn i.cross-icon{background-position: -118px -228px; height: 33px; width: 33px;} .side-flyout a.close-btn i.cross-icon:hover{background-position:-118px -268px; height: 33px; width: 33px;} .side-flyout .back-to-list a:hover i.back-arrow-icon{background-position:-118px -132px} .side-flyout .add-to-list{background:#222222; float:left; width:100%; padding:10px} .side-flyout .add-to-list span.label{color:#b9b9b9; font-size:11px; margin-top:10px} .side-flyout .add-to-list .btn{ float:right} .side-flyout .rearrange-list{background:#26292e; float:left; width:100%; padding:10px} .side-flyout .rearrange-list span.label{color:#b9b9b9; font-size:11px; margin-top:10px} .side-flyout .rearrange-list .btn{float:right} .side-flyout dl{width:100%; float:left; background:#FFF; margin-bottom: 0px;} .side-flyout dl dt{background:#545252; float:left; width:100%; padding:10px} .side-flyout dl dd{float:left; width:100%; padding:10px; border-bottom:1px solid #f6f6f6} .side-flyout dl dd:hover{ background:#b0b2bc} .side-flyout dl dd a{ display:block;color:#333} .side-flyout dl dd a:hover{text-decoration:none;} .side-flyout dl dd:hover a{color:#FFF;} .side-flyout dl dd a span.enabled-element{float:right; width:10px; height:10px; margin:5px 0; background:#00c1a4; border-radius:100px} .side-flyout dl dd a span.disabled-element{float:right; width:10px; height:10px; margin:5px 0; background:#262626; border-radius:100px} /*samp added*/ .side-flyout ol{width:100%; float:left; background:#FFF;list-style:none;-webkit-padding-start:0px } /*.side-flyout ol dt{background:#545252; float:left; width:100%; padding:10px}*/ .side-flyout ol li{float:left; width:100%; padding:10px; border-bottom:1px solid #f6f6f6;} .side-flyout ol li:hover{ background:#b0b2bc} .side-flyout ol li a{ /*display:block;*/color:#333; cursor:pointer;} .side-flyout ol li a:hover{text-decoration:none;} .side-flyout ol li:hover a{color:#FFF;} .side-flyout ol li a span.enabled-element{float:right; width:10px; height:10px; margin:5px 0; background:#00c1a4; border-radius:100px} .side-flyout ol li a span.disabled-element{float:right; width:10px; height:10px; margin:5px 0; background:#262626; border-radius:100px} .side-flyout .module-edit-search {clear: both; float: left;background:#222;padding: 10px 10px 20px 10px;} .side-flyout .module-edit-search .input {width: 250px;} .side-flyout .module-edit-search input {width: 180px;} .toggle-help-panel{margin-right:0px;} .right-panel .toggle-help-panel{margin-right:0px;} .option-panel .panel-title{ padding:23px 0px 27px 15px; height:60px} .panel-title .page-status{ float:left; margin-top:-12px} .panel-title .page-status h3{ display:inline-block} .panel-title .page-status h3 .modified-web-pages{display:inline-block} .panel-title .page-status h3 .modified-web-pages span{ background: none repeat scroll 0 0 #d35400; border-radius: 100px; color: #fff; font-size: 11px; padding: 12px 18px; margin:0 10px} .panel-title .page-status .green-btn{} .panel-title .responsive-screens{ margin:-8px 0 0 50px; width:150px; position:relative; display:block; float:left;} .panel-title .responsive-screens a{float:left; margin:0 10px} .panel-title .responsive-screens a i{} .panel-title .page-options{ float:right; margin-top:-5px} .panel-title .page-options a{ float:left; margin-right:5px } .site-preview-window .panel-title .page-options a{ float:left; margin-right:25px } .panel-title .page-options a i{} .page-options span.count{height: 15px; padding: 1px; font-size:8px; right: 14px; text-align: center; top: -2px; width: 15px;} .contain-panel .open-panel {width:60px;} .open-panel .panel-title h3{-ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg);float:none;margin:0;margin-top:90px;margin-left:-46px;width:125px} .panel-title a{position:relative; border-radius:50px} .panel-title a .tooltip-box{display:none; position:absolute; background:#fff; color:#000; font-family: 'droid_sansbold'; font-weight:normal; font-size:11px; border-radius:5px; padding:5px 5px; width:auto; text-align:center; min-width:125px; z-index:9; right:0;} .panel-title a:hover .tooltip-box{display:block;} .panel-title a.close-btn{float:right; margin-right: 12px; margin-top: -11px;} .panel-title a.close-btn i.left-arrow-icon{background-position: -118px -89px; height: 33px; width: 33px;} .panel-title a.close-btn i.left-arrow-icon:hover{background-position: -118px -132px; height: 33px; width: 33px;} .panel-title a.open-btn{float:right; margin-right: 12px; margin-top: -11px;} .panel-title a.open-btn i.right-arrow-icon{background-position: -118px -89px; height: 33px; width: 33px;-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .panel-title a.open-btn i.right-arrow-icon:hover{background-position: -118px -132px; height: 33px; width: 33px;} .panel-title a.close-btn i.cross-icon{background-position: -118px -228px; height: 33px; width: 33px;} .panel-title a.close-btn i.cross-icon:hover{background-position:-118px -268px; height: 33px; width: 33px;} .panel-title a.full-screen-btn {float:left; margin-right: 12px; margin-top: -11px; cursor:pointer;} .error-notification{background: none repeat scroll 0 0 #FF0000!important; } .notification-message-area{font-size: 12px; padding: 5px 10px; position: absolute; right: 6px; top: 52px; width: 300px; z-index: 999;} .notification-message-area span.arrow-up{border-bottom: 5px solid #0a5d92; border-left: 5px solid transparent; border-right: 5px solid transparent; height: 0; position: absolute; right: 10px; top: -6px; width: 0;} .notification-message{margin-bottom:10px; border-bottom:1px solid #FFF; padding-bottom:10px} .notification-message-area .notifications{background: none repeat scroll 0 0 #0a5d92; margin:-6px -10px 0 0; padding:10px 10px 30px 10px; box-shadow:0px 0px 12px #333; border-radius:3px} .notification-message-area ul{list-style:none; padding:0px; margin:0px} .notification-message-area ul li{ margin-top:6px} .notification-message-area ul li i{ margin-left:0px; margin-top:-2px} .notification-message-area ul li p{font-family: 'droid_sansbold'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } span.timer{font-family: 'droid_sansbold'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .notification-message-area a.notifications-close-btn{float:right; margin-right:0px; margin-top:0px} .greyscale{ padding:20px 0 0 0} .greyscale.mobile-size {width:235px;} .greyscale.mobile-size .top-browser{width:211px; font-size:8px} .greyscale.mobile-size .top-browser .top-tab{width:170px; } .greyscale.mobile-size .top-browser a {padding-top:17px;} .greyscale.tablet-size {width:900px;} .greyscale.tablet-size .top-browser{width:679px} .greyscale.tablet-size .top-browser a {padding-top:10px;} .greyscale.desktop-size {width:900px;} .greyscale.desktop-size .top-browser{width:825px} .greyscale.desktop-size .top-browser a {padding-top:10px;} .top-browser{ background:url(../img/top-browser-left.png) no-repeat top left; margin:0 26px 0 25px; z-index:2} .top-browser .top-browser{background:url(../img/top-browser-right.png) no-repeat top right; margin-right:-1px; padding:8px 0 8px 40px; color:#161e21; font-family: 'droid_sansregular'; font-weight:normal; font-size:11px;; height:72px} .top-browser .top-browser a{ color: #161e21; float: left; overflow: visible; padding:9px 20px 6px 20px; width: 200%; word-break: break-all;} .top-tab{background:url(../img/top-tab-left.png) no-repeat top left; width:350px} .top-tab .top-tab{background:url(../img/top-tab-right.png) no-repeat top right; padding: 8px 6px 2px 12px; width:102%; overflow:hidden; height:27px} .top-browser .url-link{overflow:hidden; width:80%} .green-btn{background:#00c1a4; color:#FFF; text-align:center; width:auto; padding:10px 25px; font-family: 'droid_sansbold'; font-weight:normal; font-size:11px; text-transform:uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius:2px; cursor:pointer } .green-btn:hover{background:#333; color:#fff; cursor:pointer} .grey-btn{background:#777a8a; color:#FFF; text-align:center; width:auto; padding:10px 25px; font-family: 'droid_sansbold'; font-weight:normal; font-size:11px; text-transform:uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius:2px; cursor:pointer } .grey-btn:hover{background:#333; color:#fff; cursor:pointer} .darkgrey-btn{background:#525252; color:#FFF; text-align:center; width:auto; padding:10px 25px; font-family: 'droid_sansbold'; font-weight:normal; font-size:11px; text-transform:uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius:2px; cursor:pointer } .darkgrey-btn:hover{background:#333; color:#fff; cursor:pointer} .blue-btn{background:#24acce; color:#FFF; text-align:center; width:auto; padding:10px 18px; font-family: 'droid_sansbold'; font-weight:normal; font-size:11px; text-transform:uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius:2px; cursor:pointer } .blue-btn:hover{background:#333; color:#fff;} .purple-btn{background:#91347e; color:#FFF; text-align:center; width:auto; padding:10px 25px; font-family: 'droid_sansbold'; font-weight:normal; font-size:11px; text-transform:uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius:2px; cursor:pointer } .purple-btn:hover{background:#333; color:#fff; cursor:pointer} .green-btn + .grey-btn{margin-right:5px; cursor:pointer} .wrap-panels{} .manage-pages-panel{background:#f6f6f6; width:386px; float:left; top:0px; position:relative;} .manage-pages-panel .manage-pages{float: left; position: absolute; top: 80px; -webkit-transition: all 1500ms ease-in 1.5s; -moz-transition: all 1500ms ease-in 1.5s; -o-transition: all 1500ms ease-in 1.5s; transition: all 1500ms ease-in 1.5s; width:100%;z-index:2} .fileUpload span{cursor:pointer;} .manage-pages-panel .manage-pages dl{padding:0 10px} .manage-pages-panel .manage-pages dl dt{border-bottom:1px solid #d5d5d5; width:100%; padding-bottom:5px; margin:0 0 15px 0; float:left} .manage-pages-panel .manage-pages dl dt span{color:#b9b9b9; font-size:11px; text-transform:uppercase; font-family: 'droid_sansbold'; font-weight:normal; display:block} .manage-pages-panel .manage-pages dl dt span a{} .manage-pages-panel .manage-pages dl dt span a i{} .manage-pages-panel .manage-pages dl dd{ float:left; width:100%; margin-bottom:10px} .manage-pages-panel .manage-pages dl dd.hide-helper-intro{display:none;} .manage-pages-panel .manage-pages dl dd div.current-totals{float:left; margin-top:8px} .manage-pages-panel .manage-pages dl dd div.current-totals div.published-web-pages{font-family: 'droid_sansbold'; font-weight:normal; float:left; margin-right:20px} .manage-pages-panel .manage-pages dl dd div.current-totals div.published-web-pages strong{color:#161e21; font-size:11px; font-weight:normal; padding-right:10px} .manage-pages-panel .manage-pages dl dd div.current-totals div.published-web-pages span{color:#fff; border-radius:100px; background:#00c1a4; padding:2px 8px; font-size:11px} .manage-pages-panel .manage-pages dl dd div.modified-web-pages{} .manage-pages-panel .manage-pages dl dd div.current-totals div.modified-web-pages{font-family: 'droid_sansbold'; font-weight:normal; float:left} .manage-pages-panel .manage-pages dl dd div.current-totals div.modified-web-pages strong{color:#161e21; font-size:11px; font-weight:normal; padding-right:10px} .manage-pages-panel .manage-pages dl dd div.current-totals div.modified-web-pages span{color:#fff; border-radius:100px; background:#d35400; padding:2px 8px; font-size:11px} .manage-pages-panel .manage-pages dl dd .blue-btn{float:right} .manage-pages-panel .manage-pages dl dd div.indicators{} .manage-pages-panel .manage-pages dl dd div.indicators ul{list-style:none; padding:0px; margin:0px;} .manage-pages-panel .manage-pages dl dd div.indicators ul li{ float:left; width:50%} .manage-pages-panel .manage-pages dl dd div.indicators ul li i.icon{width:16px; height:16px; display:inline-block; margin-left:2px} .manage-pages-panel .manage-pages dl dd div.indicators ul li span{ font-size:11px; letter-spacing:0.5px; color:#787878;} .manage-pages-panel .manage-pages dl dd div.indicators ul li i.published-pages-icon{background-position:-77px -126px} .manage-pages-panel .manage-pages dl dd div.indicators ul li i.modified-pages-icon{background-position:-78px -164px} .manage-pages-panel .manage-pages dl dd div.indicators ul li i.disabled-pages-icon{background-position:-77px -143px} i.published-pages-icon{background-position:-77px -126px; width:16px; height:16px; display:inline-block;} i.modified-pages-icon{background-position:-76px -165px; width:16px; height:16px; display:inline-block;} i.disabled-pages-icon{background-position:-73px -144px; width:16px; height:16px; display:inline-block;} .search-by .input{border-radius:100px; padding:10px 10px; width:270px; color:#bababa; background:#FFF; border:1px solid #d5d5d5; float:left} .search-by .input-xs{border-radius:100px; padding:10px 10px; width:43px; color:#bababa; background:#FFF; border:1px solid #d5d5d5; float:left; margin-left:5px; cursor:pointer; -webkit-transition: all 100ms ease-out 0.2s; -moz-transition: all 100ms ease-out 0.2s; -o-transition: all 100ms ease-out 0.2s; transition: all 100ms ease-out 0.2s;} .search-by .input-xs:hover{background:#dddee2; border:1px solid #d0d0d0;} .search-by .input-xs.active{background:#00c1a4; border:1px solid #04a38b;} .search-by i.icon{width:20px; height:20px; float:left} .search-by i.search-icon{background-position:-76px -198px;} .search-by i.cross-icon{background-position:-75px -229px; opacity:0; display:none} .search-by input{color:#bababa; border:0px; width:200px; float:left} .toggle-helpers-icon{float:right;} ::-webkit-input-placeholder { color:#bababa;font-size:11px; text-transform:uppercase; font-family: 'droid_sansbold'; font-weight:normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} :-moz-placeholder {color:#bababa; font-size:11px; text-transform:uppercase; font-family: 'droid_sansbold'; font-weight:normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;opacity: 1;} ::-moz-placeholder {color:#bababa; font-size:11px; text-transform:uppercase; font-family: 'droid_sansbold'; font-weight:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;opacity: 1;} :-ms-input-placeholder {color:#bababa; font-size:11px; text-transform:uppercase; font-family: 'droid_sansbold'; font-weight:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .login-page .login-panel-box dl dd.text input::-webkit-input-placeholder { color:#B9B9C8; text-transform:none!important; font-family: 'Open Sans', sans-serif!important; font-size:18px; } .login-page .login-panel-box dl dd.text input:-moz-placeholder { color:#B9B9C8; opacity:1; text-transform:none!important; font-family: 'Open Sans', sans-serif!important; font-size:18px; } .login-page .login-panel-box dl dd.text input::-moz-placeholder { color:#B9B9C8; opacity:1; text-transform:none!important; font-family: 'Open Sans', sans-serif!important; font-size:18px; } .login-page .login-panel-box dl dd.text input:-ms-input-placeholder { color:#B9B9C8; text-transform:none!important; font-family: 'Open Sans', sans-serif!important; font-size:18px; } .list-of-pages{float:left; width:100%; height:auto; margin-top:15px; overflow: hidden; position: relative;} .list-of-pages ul{list-style:none; padding:0px; margin:0px;} .list-of-pages ul li{color:#000; float:left; width:90%} .list-of-pages ul li .page-published{} .list-of-pages ul li .page-modified{} .list-of-pages ul li .page-disabled{} .list-of-pages ul li div.page{border-bottom:1px solid #CCC; padding:10px 0 10px 0px;} .list-of-pages ul li div.page i.icon{cursor:pointer; } .list-of-pages ul li div.page span.pagename{font-family: 'robotolight'; font-weight:normal; font-size:13px; color:#bababa; padding-left:0; display:inline-block;width:69% } .list-of-pages ul li div.page span.pagename a{color:#333} .list-of-pages ul li div.page span.pagename a strong{font-family: 'robotomedium'; font-weight:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .list-of-pages ul li div.page div.quick-options{float:right} .list-of-pages ul li div.page div.quick-options a{} .list-of-pages ul li div.page div.quick-options i.icon{display:block; margin:0px} .list-of-pages ul li div.page div.quick-options a i.page-settings-icon{background-position:-72px -261px; width:25px; height:25px;} .list-of-pages ul li .page-published div.quick-options i.indicator-icon{background-position:-77px -126px; width:16px; height:16px;} .list-of-pages ul li .page-modified div.quick-options i.indicator-icon{background-position:-76px -165px; width:16px; height:16px;} .list-of-pages ul li .page-disabled div.quick-options i.indicator-icon{background-position:-73px -144px; width:16px; height:16px;} .list-of-pages ul li ul{display:none; } .list-of-pages ul li ul.show-sub-list{display: block; margin-left: 15px; width: 350px; background:#eeeeee; float:left} .list-of-pages ul li ul.show-sub-list li a{} .list-of-pages ul li ul.show-sub-list ul.show-sub-list{width:333px; background:#e2e2e2} .list-of-pages ul li ul.show-sub-list ul.show-sub-list ul.show-sub-list{width:317px; background:#dadada} .list-of-pages ul li ul.show-sub-list ul.show-sub-list ul.show-sub-list ul.show-sub-list{margin-left:0px;} .manage-pages dd .ps-container .ps-scrollbar-y-rail {background:#2d2e33; opacity:1; z-index:0} .manage-pages dd .ps-container .ps-scrollbar-y, .manage-pages dd .ps-container .ps-scrollbar-y:hover {background:#00c1a4} .manage-pages dd .ps-scrollbar-y, .manage-pages dd .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .manage-pages dd .ps-scrollbar-x-rail.hover .ps-scrollbar-y{background:#00c1a4} .list-of-pages i{width:16px; height:16px; display:inline-block; margin-left: 14px; margin-right: 12px;} .list-of-pages .toggle-sub-list-icon{background-position:-78px -337px; width:16px; height:16px; display:block;} .list-of-pages .minus-icon{background-position:-79px -366px !important; width:16px; height:16px; display:block;} .small-menu-panel{background: none repeat scroll 0 0 #f6f6f6; float: left; position: relative; top: 0; width: 206px; overflow:hidden} .small-menu-panel .search-by .input {width: 180px;} .small-menu-panel .search-by input {width: 115px;} .small-menu-panel .hidden-toggle-panel .main-title{width:116%;} .small-menu-panel .manage-templates dd.submit{padding-bottom:20px;} .small-menu-panel .manage-templates dt{padding-bottom:8px;} .small-menu-panel .hidden-toggle-panel{background: none repeat scroll 0 0 #e1e1e1; display: none; float: left; margin: 17px -20px 0px; padding-bottom: 0; padding-left: 20px; padding-right: 20px; width:133%;} .small-menu-panel .hidden-toggle-panel dt{margin:0px; border-bottom:0px} .small-menu-panel .list-of-templates ul li div.template span {float: left; margin: 0; overflow: hidden; width: 71%; word-wrap: break-word;} .small-menu-panel .list-of-templates ul li div.template i.sm-x-icon{margin-right:0px;} .manage-templates{padding:0px 0px 0px 10px; margin-bottom:0px; margin-top:0px; color:#333; float:left; width:100%; display:block; overflow:hidden; position:relative} .manage-templates.ps-container .ps-scrollbar-y-rail {background:#2d2e33; z-index:0; right:0px} .manage-templates.ps-container .ps-scrollbar-y, .manage-templates.ps-container .ps-scrollbar-y:hover {background:#00c1a4} .manage-templates.ps-scrollbar-y, .manage-templates.ps-scrollbar-y-rail:hover .ps-scrollbar-y, .manage-templates.ps-scrollbar-x-rail.hover .ps-scrollbar-y{background:#00c1a4} .manage-templates dl{width:195px;} .manage-templates dt{border-bottom: 1px solid #d5d5d5; float: left; margin: 20px 0 15px; padding-bottom: 5px; width: 100%;} .manage-templates dt span{color: #b9b9b9; display: block; font-family: "droid_sansbold"; font-size: 11px; font-weight: normal; text-transform: uppercase;} .manage-templates dd{width:100%; float:left; padding-bottom:10px; padding-right:15px} .manage-templates dd span{ font-family: 'droid_sansbold'; font-weight:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:12px; margin:10px 0; float:left} .manage-templates .darkgrey-btn{padding-left:16px; padding-right:16px;} .manage-templates dl dd a.btn{width:100%;} .current-templates{} .existing-templates{} .manage-templates dd{} .manage-templates dd h4{border-bottom: 1px solid #d5d5d5; float: left; margin: 0 0 15px; padding-bottom: 5px; width: 100%; color: #b9b9b9; display: block; font-family: "droid_sansbold"; font-size: 11px; font-weight: normal; text-transform: uppercase;} .manage-templates dd h4:before{} .manage-templates dd.text input {background: none repeat scroll 0 0 #fff; border: 1px solid #d5d5d5; border-radius: 3px; color: #4e4e4e; display: block; float: left; font-family: "droid_sansregular"; font-size: 12px; height: 36px; line-height: 18px; padding: 7px; position: relative; width: 100%;} .list-of-templates{float:left; width:100%; margin-top:15px; position: relative;} .list-of-templates ul{list-style:none; padding:0px; margin:0px;} .list-of-templates ul li{color:#000; float:left; width:100%} .list-of-templates ul li .sm-folder-icon{margin:0px 5px 0px 0px;} .list-of-templates ul li div.template {border-bottom: 1px solid #ccc; padding: 10px 0 10px 10px; float:left; width:100%} .list-of-templates ul li ul{margin-left:15px;} .list-of-templates ul li div.template div.checkbox{float:left; width:75%; margin:0px; padding:0px} .list-of-templates ul li div.template div.checkbox .field-holder{width:100%; } .list-of-templates ul li div.template div.checkbox .field-holder .field{margin:0px; padding:0px} .list-of-templates ul li div.template div.checkbox .label_check{background-position:0px 2px; padding:5px 0px 5px 30px; color:#FFF; font-family: 'droid_sansbold'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-of-templates ul li div.template div.checkbox .label.c_on{background-position:0px 2px;} .list-of-templates ul li div.template span{margin:0px 0px;} .list-of-templates ul li div.template span a{ font-family: "robotomedium"; font-weight: normal; color:#333} .list-of-templates ul li div.template a.delete{float:right; margin-top:4px} .list-of-templates ul li div.template a.edit{float:right; margin-top:4px} .list-of-templates ul li div.template a.edit i.icon{margin:0;} .list-of-templates ol{list-style:none; padding:0px; margin:0px;} .list-of-templates ol li{color:#000; float:left; width:100%} .list-of-templates ol li .sm-folder-icon{margin:0px 5px 0px 0px;} .list-of-templates ol li div.template {border-bottom: 1px solid #ccc; padding: 10px 0 10px 10px; float:left; width:100%} .list-of-templates ol li ul{margin-left:15px;} .list-of-templates ol li div.template div.checkbox{float:left; width:75%; margin:0px; padding:0px} .list-of-templates ol li div.template div.checkbox .field-holder{width:100%; } .list-of-templates ol li div.template div.checkbox .field-holder .field{margin:0px; padding:0px} .list-of-templates ol li div.template div.checkbox .label_check{background-position:0px 2px; padding:5px 0px 5px 30px; color:#FFF; font-family: 'droid_sansbold'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-of-templates ol li div.template div.checkbox .label.c_on{background-position:0px 2px;} .list-of-templates ol li div.template span{margin:0px 0px;} .list-of-templates ol li div.template span a{ font-family: "robotomedium"; font-weight: normal; color:#333} .list-of-templates ol li div.template a.delete{float:right; margin-top:4px} .list-of-templates ol li div.template a.edit{float:right; margin-top:4px} .list-of-templates ol li div.template a.edit i.icon{margin:0;} .list-of-users{float:left; width:100%; margin-top:15px; position: relative;} .list-of-users ul{list-style:none; padding:0px; margin:0px;} .list-of-users ul li{color:#000; float:left; width:100%} .list-of-users ul li .sm-user-icon{margin:0px 5px 0px 0px; float:left} .list-of-users ul li div.user {border-bottom: 1px solid #ccc; padding: 10px 0 10px 10px; float:left; width:100%} .list-of-users ul li ul{margin-left:15px;} .list-of-users ul li div.user div.checkbox{float:left; width:75%; margin:0px; padding:0px} .list-of-users ul li div.user div.checkbox .field-holder{width:100%; } .list-of-users ul li div.user div.checkbox .field-holder .field{margin:0px; padding:0px} .list-of-users ul li div.user div.checkbox .label_check{background-position:0px 2px; padding:5px 0px 5px 30px; color:#FFF; font-family: 'droid_sansbold'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-of-users ul li div.user div.checkbox .label.c_on{background-position:0px 2px;} .list-of-users ul li div.user span{margin:0px 0px; display:block; float:left} .list-of-users ul li div.user span a{ font-family: "robotomedium"; font-weight: normal; color:#333; cursor:pointer; word-wrap: break-word; word-spacing: normal; float: left; width: 85px;} .list-of-users ul li div.user a.delete{float:right; margin-top:4px} .list-of-users ul li div.user a.edit{float:right; margin-top:4px} .list-of-users ul li div.user a.edit i.icon{margin:0;} .list-of-users ol{list-style:none; padding:0px; margin:0px;} .list-of-users ol li{color:#000; float:left; width:100%} .list-of-users ol li .sm-user-icon{margin:0px 5px 0px 0px; float:left} .list-of-users ol li div.user {border-bottom: 1px solid #ccc; padding: 10px 0 10px 0px; float:left; width:100%} .list-of-users ol li ul{margin-left:15px;} .list-of-users ol li div.user div.checkbox{float:left; width:75%; margin:0px; padding:0px} .list-of-users ol li div.user div.checkbox .field-holder{width:100%; } .list-of-users ol li div.user div.checkbox .field-holder .field{margin:0px; padding:0px} .list-of-users ol li div.user div.checkbox .label_check{background-position:0px 2px; padding:5px 0px 5px 30px; color:#FFF; font-family: 'droid_sansbold'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .list-of-users ol li div.user div.checkbox .label.c_on{background-position:0px 2px;} .list-of-users ol li div.user span{margin:0px 0px; display:block; float:left} .list-of-users ol li div.user span a{ font-family: "robotomedium"; font-weight: normal; color:#333; cursor:pointer; word-wrap: break-word; word-spacing: normal; float: left; padding:0px 5px 0px 5px } .list-of-users ol li div.user a.delete{float:right; margin-top:4px} .list-of-users ol li div.user a.edit{float:right; margin-top:4px} .list-of-users ol li div.user a.edit i.icon{margin:0;} .list-of-users ol li div.user a.edit i.sm-pen-icon{margin-right:10px} .list-of-users ol li div.user span.contact-title{max-width:105px;} .list-of-users ol li i.icon {margin:0} .main-title{border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; float: left; margin: -1px -20px 0; padding-left: 20px; padding-right: 20px; width: 900px; background:#e3e2e2} .main-title h2{display:inline-block; color:#36383e; font-size:12px; font-family: 'droid_sansbold'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform:uppercase; float:left; margin:15px 0 15px 0 } .main-title h2 span{ color:#777a8a} .main-title span.checkbox-option{ float:right; margin-top:8px} .main-title span.checkbox-option label{color:#36383e; font-size:12px} .main-title span.checkbox-option i.cross-icon {background-position: -75px -229px; cursor: pointer; float: right; height: 20px; margin-top: 5px; width: 20px;} .message-overlay{ background:#000; opacity:0.9; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; display:none} .message{display:none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 400px; text-align:center; height: 50%; z-index:99999; } .message p{color:#FFF; } .message h4{ color:#fff; font-size:40px; font-family: 'droid_sansbold'; font-weight:normal; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform:uppercase; text-align:center} .test-button-to-call-right-panel{background-image:url(../img/icons/edit.svg); background-size:cover; background-repeat: no-repeat; box-sizing: content-box; display: block; height: 25px; width: 25px; background-color:#d35400; text-indent:-3000em; position:absolute; z-index:3; top: 224px; left: 132px; padding:4px} dl.Create-a-New-Module{opacity:0} .site-preview-window{width:900px;} .site-preview-window .panel-title .page-status{margin-top:0px;} .site-preview-window .panel-title a.green-btn{margin-top:-12px;} .site-preview-window .panel-title a.purple-btn{margin-top:-12px;} .site-preview-window .panel-title .page-options{margin-right:-20px;} .dev-editor-window{width:900px; } .editor-area{} .editor-area .editor-container{border: 0 none; float: right; height: 100%; position: relative; width: 850px; z-index: 55;} .editor-area .no-toolbox{width: 900px;} .editor-area .editor-container #editor{width:100%;} .editor-area .editor-container.additional-tools-opened{float:right; width: 700px;} .editor-area .fullScreen-editor .editor-container{ width: 100%; padding-left: 50px} .editor-area .fullScreen-editor .no-toolbox{ padding-left: 0px} .editor-area .fullScreen-editor .editor-container.additional-tools-opened{padding-left:200px} .editor-area .editor-actions{float:left; width:100%;} .editor-area .editor-actions .form-data dl dd{width:44%; margin-right:6px; margin-left:6px} .editor-area .editor-actions .form-data dl dd.checkbox{width:14%; margin-top:4px; margin-right:4px;} .editor-area .editor-actions .form-data dl dd.select{width:450px; float:right} .editor-area .editor-actions .form-data dl dd.text label{float:left;} .editor-area .editor-actions .form-data dl dd.text input{width:65%; float:right} .editor-area .editor-actions .form-data dl dd .field-holder {width: 100%;} .editor-area .editor-actions .form-data dl dd .field{margin-bottom:0px;} .editor-actions .form-data dl dd label{font-family: 'droid_sansbold'; font-weight:normal; font-style:normal;} .editor-actions .form-data dl dd.select label{margin-top:2px;} .dev-editor-window .option-panel{float:left; width:100%;} .dev-editor-window .fullScreen-editor .option-panel{float:none; width:100%; position:absolute; bottom:0px; z-index:60} .additional-dev-tools{position:absolute; z-index:57; width:50px; top:169px; background:#232323; overflow:hidden;} .additional-dev-tools{padding:0 0 0 10px;} .additional-dev-tools dl{opacity:0; display:none;} .additional-dev-tools a{color:#CCC;} .additional-dev-tools dl a{cursor:pointer} .fullScreen-editor .additional-dev-tools{top:0px} .tools-open{width:200px;} .tools-open dl{opacity:1; display:block;} .tools-open dl dt{} .tools-open dl dd{} .tools-open dl dd a{color:#FFF; background:url(../img/right-arrow.png) no-repeat center left; padding-left:20px; display:block} .fullScreen-editor{ height: auto!important; width: auto!important; border: 0; margin: 0; position: fixed !important; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000 } /*.fullScreen { overflow: hidden }*/ .additional-dev-tools.ps-container .ps-scrollbar-y-rail {background:#2d2e33; opacity:1; z-index:0; right:0px} .additional-dev-tools.ps-container .ps-scrollbar-y, .additional-dev-tools.ps-container .ps-scrollbar-y:hover {background:#00c1a4} .additional-dev-tools.ps-scrollbar-y, .additional-dev-tools.ps-scrollbar-y-rail:hover .ps-scrollbar-y, .additional-dev-tools.ps-scrollbar-x-rail.hover .ps-scrollbar-y{background:#00c1a4} .form-has-side-panel{width:900px; display:inline-block; background:#efeded} .form-has-side-panel .main-title{margin-top:0px;} .form-has-side-panel .form-data{margin-top:-10px;} .form-has-side-panel .toggle-help-panel{margin-right:0px;} .default-full-center-window{width:900px; display:inline-block; background:#efeded} .default-panel{background: none repeat scroll 0 0 #efeded; float: left; overflow: visible; padding: 10px 20px; position: relative; width: 900px;} /*.ps-container .ps-scrollbar-y-rail{right:-8px!important;} .ps-container.ps-active-y .ps-scrollbar-y-rail{right:0px!important;}*/ .sitemap-panel{background: none repeat scroll 0 0 #efeded; float: left; overflow: visible; padding: 10px 20px; position: relative; width: 900px;z-index:2} .reorder-list-of-pages .panel-actions { margin-right:18px} .sitemap-panel .sortable{list-style:none; margin:0px; padding:0px} .sitemap-panel .sortable li{color:#333; font-size:11px; } .sitemap-panel .sortable li i.drag-icon{margin-left:0px;} .sitemap-panel .sortable li .pagebar{margin-bottom:5px; border-bottom:1px solid #CCC; font-family: "droid_sansbold"; padding:10px 0} .sitemap-panel .sortable li .pagebar a{color:#333;} .sitemap-panel .sortable li ol{list-style:none} .sitemap-panel .sortable li ol li .pagebar{font-family: "droid_sansregular";} .sitemap-panel .sortable i.modified-pages-icon {background-position: -79px -165px;} .sitemap-panel .sortable i.disabled-pages-icon {background-position: -77px -146px;} .sitemap-panel .not-sortable{list-style:none; margin:0px; padding:0px} .sitemap-panel .not-sortable li{color:#333; font-size:11px; } .sitemap-panel .not-sortable li i.drag-icon{margin-left:0px;} .sitemap-panel .not-sortable li .pagebar{margin-bottom:5px; border-bottom:1px solid #CCC; font-family: "droid_sansbold"; padding:10px 0} .sitemap-panel .not-sortable li ol{list-style:none} .sitemap-panel .not-sortable li ol li .pagebar{font-family: "droid_sansregular";} .sitemap-panel .not-sortable i.modified-pages-icon {background-position: -79px -165px;} .sitemap-panel .not-sortable i.disabled-pages-icon {background-position: -77px -146px;} .reorder-list-of-pages{width:900px; display:inline-block; background:#efeded} .reorder-list-of-pages .option-panel{float:left; width:100%;} .reorder-list-of-pages .panel-title .page-options a {margin-right: 5px;} .images-panel{background: none repeat scroll 0 0 #efeded; float: left; overflow: visible; padding: 10px 20px; position: relative; width: 900px;} .images-panel .upload-placeholder {float: left; margin-top: 20px;} .users-panel{background: none repeat scroll 0 0 #efeded; float: left; overflow: visible; padding: 10px 20px; position: relative; width: 900px;} .users-panel .upload-placeholder {float: left; margin-top: 20px;} .users-gallery .list-of-users{list-style:none; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; display:block; float:left; width:100%} .users-gallery .list-of-users li{background: none repeat scroll 0 0 #fff; border: 1px solid #dddddd; border-radius: 3px; display: block; float: left; height: 208px; margin: 2px; max-height: 208px; width: 138px;} .users-gallery .list-of-users li .image{overflow:hidden} .users-gallery .list-of-users li .image a{display: block; height: 100%; margin: 0 auto; max-height: 138px; max-width: 138px; text-align: center; width: 138px; cursor:pointer} .users-gallery .list-of-users li .image a img{max-height: 138px; min-height:138px; width: auto;} .users-gallery .list-of-users li .image-info{padding:3px 5px} .users-gallery .list-of-users li .image-info .image-filename{display:block; color:#333; font-size:11px} .users-gallery .list-of-users li .image-info .image-size{display:block; color:#333; font-size:10px; word-wrap:break-word} .users-gallery .list-of-users li .image-states{display:block; float:left; width:100%; border-top:1px solid #dddddd;} .users-gallery .list-of-users li .image-states span.delete{width:50%; padding:5px 10px; float:left; border-right:1px solid #dddddd; display:block} .users-gallery .list-of-users li .image-states span.delete span{float:right; font-size:10px; font-family: "droid_sansregular"; line-height:13px} .users-gallery .list-of-users li .image-states span.delete i.icon{float:left;} .users-gallery .list-of-users li .image-states span.delete a{color:#000000;} /*.users-gallery .list-of-users li .image-states span.delete a.not-on{ cursor:default}*/ .users-gallery .list-of-users li .image-states span.delete .not-on i.icon{background-position:-172px -453px; width:13px; height:13px; margin:0px} .users-gallery .list-of-users li .image-states span.delete .not-on span{} .users-gallery .list-of-users li .image-states span.delete a.is-on{} .users-gallery .list-of-users li .image-states span.delete a.is-on i.icon{background-position:-172px -473px; width:13px; height:13px; margin:0px} .users-gallery .list-of-users li .image-states span.delete a.is-on span{} .users-gallery .list-of-users li .image-states span.in-use{width:50%; padding:5px 10px; float:left} .users-gallery .list-of-users li .image-states span.in-use span{float:left; font-size:10px; font-family: "droid_sansregular"; line-height:13px} .users-gallery .list-of-users li .image-states span.in-use i.icon{float:right;} .users-gallery .list-of-users li .image-states span.in-use a{color:#000000;} /*.users-gallery .list-of-users li .image-states span.in-use .not-on{cursor:default}*/ .users-gallery .list-of-users li .image-states span.in-use .not-on i.icon{background-position:-171px -505px; width:13px; height:13px; margin:0px} .users-gallery .list-of-users li .image-states span.in-use .not-on span{} .users-gallery .list-of-users li .image-states span.in-use a.is-on{} .users-gallery .list-of-users li .image-states span.in-use a.is-on i.icon{background-position:-171px -531px; width:13px; height:13px; margin:0px} .users-gallery .list-of-users li .image-states span.in-use a.is-on span{} .list-of-gallery-images{list-style:none; margin:15px 0px 20px 0px; padding:0px 0px 0px 0px; display:block; float:left; width:100%} .list-of-gallery-images li{ background: none repeat scroll 0 0 #fff; border: 1px solid #dddddd; border-radius: 3px; display: block; float: left; margin: 0px;max-height:169px;max-width:149px; overflow:hidden;} .show-all-inserts{padding-left:20px;padding-top:5px;float:left} .no-insert-items{padding-left:0px;padding-top:20px;float:left} .list-of-images{list-style:none; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; display:block; float:left; width:100%} .list-of-images li{ background: none repeat scroll 0 0 #fff; border: 1px solid #dddddd; border-radius: 3px; display: block; float: left; margin: 2px; width: 168px;} .list-of-images li .image{overflow:hidden} .list-of-images li .image a{display: block; height: 100%; margin: 10px auto; max-height: 85px; max-width: 166px; text-align: center; width: 166px;} .list-of-images li .image a img{ width:auto; max-height:85px; min-height:85px} .list-of-images li .image-info{padding:3px 5px} .list-of-images li .image-info .image-filename{display:block; color:#333; font-size:11px;overflow: hidden;height: 18px;} .list-of-images li .image-info .image-size{display:block; color:#333; font-size:11px} .list-of-images li .image-states{display:block; float:left; width:100%; border-top:1px solid #dddddd;} .list-of-images li .image-states span.delete{width:50%; padding:5px 10px; float:left; border-right:1px solid #dddddd; display:block} .list-of-images li .image-states span.delete span{float:right; font-size:10px; font-family: "droid_sansregular"; line-height:13px} .list-of-images li .image-states span.delete i.icon{float:left;} .list-of-images li .image-states span.delete a{color:#000000;} .list-of-images li .image-states span.delete a.not-on{ cursor:default} .list-of-images li .image-states span.delete .not-on i.icon{background-position:-172px -453px; width:13px; height:13px; margin:0px} .list-of-images li .image-states span.delete .not-on span{} .list-of-images li .image-states span.delete a.is-on{} .list-of-images li .image-states span.delete a.is-on i.icon{background-position:-172px -473px; width:13px; height:13px; margin:0px} .list-of-images li .image-states span.delete a.is-on span{} .list-of-images li .image-states span.in-use{width:50%; padding:5px 10px; float:left} .list-of-images li .image-states span.in-use span{float:left; font-size:10px; font-family: "droid_sansregular"; line-height:13px} .list-of-images li .image-states span.in-use i.icon{float:right;} .list-of-images li .image-states span.in-use a{color:#000000;} .list-of-images li .image-states span.in-use .not-on{cursor:default} .list-of-images li .image-states span.in-use .not-on i.icon{background-position:-171px -505px; width:13px; height:13px; margin:0px} .list-of-images li .image-states span.in-use .not-on span{} .list-of-images li .image-states span.in-use a.is-on{} .list-of-images li .image-states span.in-use a.is-on i.icon{background-position:-171px -531px; width:13px; height:13px; margin:0px;cursor:default} .list-of-images li .image-states span.in-use a.is-on span{cursor:default} .gallery{background: none repeat scroll 0 0 #e1e1e1; float: left; margin: 0 -20px; padding: 20px; width: 105%;} .gallery .pagination{float:right; margin:7px 0} .gallery .pagination ul{list-style:none; margin:0px; padding:0px;} .gallery .pagination ul li{float:left; margin-left:2px} .gallery .pagination ul li a{background: none repeat scroll 0 0 #333; border-radius: 50px; color: #fff; display: inline-block; font-size: 12px; height: 30px; padding: 7px 2px; text-align: center; width: 30px; font-family: "droid_sansbold";} .gallery .pagination ul li a:hover{background:#3b3b3b} .gallery .pagination ul li a.active{ background:#24acce} .gallery .image-search{float:left; width:100%; padding:0 0 20px 0} .gallery .image-search .search-by{float:left;} .image-count {background: none repeat scroll 0 0 #e3e2e2; border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; float: left; margin: -1px -20px 0; padding-left: 20px; padding-right: 20px; width: 900px;} .image-count h4{ -moz-osx-font-smoothing: grayscale; color: #36383e; display: inline-block; float: left; font-family: "droid_sansbold"; font-size: 12px; font-style: normal; font-weight: normal; margin: 15px 0; text-transform: uppercase;} .gallery .font-search{float:left; width:100%; padding:0 0 20px 0} .gallery .font-search .search-by{float:left;} .font-count {background: none repeat scroll 0 0 #e3e2e2; border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; float: left; margin: -1px -20px 0; padding-left: 20px; padding-right: 20px; width: 900px;} .font-count h4{ -moz-osx-font-smoothing: grayscale; color: #36383e; display: inline-block; float: left; font-family: "droid_sansbold"; font-size: 12px; font-style: normal; font-weight: normal; margin: 15px 0; text-transform: uppercase;} .list-of-fonts{list-style:none; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; display:block; float:left; width:100%} .list-of-fonts li{ background: none repeat scroll 0 0 #fff; border: 1px solid #dddddd; border-radius: 3px; display: block; float: left; margin: 2px; width: 211px;} .list-of-fonts li .font{overflow:hidden} .list-of-fonts li .font {display: block; height: 100%; margin: 10px auto; max-height: 85px; max-width: 166px; text-align: center; width: 166px; color:#000; } .list-of-fonts li .font span.font{font-size:60px;font-weight: normal; font-style: normal} .list-of-fonts li .font a img{ width:auto; max-height:85px} .list-of-fonts li .font-info{padding:3px 5px} .list-of-fonts li .font-info .font-filename{display:block; color:#333; font-size:11px} .list-of-fonts li .font-info .font-size{display:block; color:#333; font-size:11px} .list-of-fonts li .font-states{display:block; float:left; width:100%; border-top:1px solid #dddddd;} .list-of-fonts li .font-states span.delete{width:50%; padding:5px 10px; float:left; border-right:1px solid #dddddd; display:block} .list-of-fonts li .font-states span.delete span{float:right; font-size:10px; font-family: "droid_sansregular"; line-height:13px} .list-of-fonts li .font-states span.delete i.icon{float:left;} .list-of-fonts li .font-states span.delete a{color:#000000;} .list-of-fonts li .font-states span.delete a.not-on{ cursor:default} .list-of-fonts li .font-states span.delete .not-on i.icon{background-position:-172px -453px; width:13px; height:13px; margin:0px} .list-of-fonts li .font-states span.delete .not-on span{} .list-of-fonts li .font-states span.delete a.is-on{} .list-of-fonts li .font-states span.delete a.is-on i.icon{background-position:-172px -473px; width:13px; height:13px; margin:0px} .list-of-fonts li .font-states span.delete a.is-on span{} .list-of-fonts li .font-states span.in-use{width:50%; padding:5px 10px; float:left} .list-of-fonts li .font-states span.in-use span{float:left; font-size:10px; font-family: "droid_sansregular"; line-height:13px} .list-of-fonts li .font-states span.in-use i.icon{float:right;} .list-of-fonts li .font-states span.in-use a{color:#000000;} .list-of-fonts li .font-states span.in-use .not-on{cursor:default} .list-of-fonts li .font-states span.in-use .not-on i.icon{background-position:-171px -505px; width:13px; height:13px; margin:0px} .list-of-fonts li .font-states span.in-use .not-on span{} .list-of-fonts li .font-states span.in-use a.is-on{} .list-of-fonts li .font-states span.in-use a.is-on i.icon{background-position:-171px -531px; width:13px; height:13px; margin:0px} .list-of-fonts li .font-states span.in-use a.is-on span{} .in-use-window{} .in-use-window dl{} .in-use-window dl dt{} .in-use-window dl dt h2{} .in-use-window dl dt h2 span{} .in-use-window dl dd{} .in-use-window dl dd.in-use-image{padding:15px 0} .in-use-window dl dd.in-use-image .big-image{border:1px solid #f0eeee; background:#FFF; height:392px; display:inline-block} .in-use-window dl dd.in-use-image .big-image img{padding:15px} .in-use-window dl dd.in-use-image .image-details{} .in-use-window dl dd.in-use-image .image-details .image-title-size{margin:10px 0} .in-use-window dl dd.in-use-image .image-details .image-title-size i.icon{float:left} .in-use-window dl dd.in-use-image .image-details .image-title-size span{float:left; margin:5px 0 0 10px; font-size:11px} .in-use-window dl dd.in-use-image .image-details .image-title-size span strong{display:inline-block} .in-use-window dl dd.in-use-image .image-actions{float: left; margin-left: 50px; margin-top: 4px;} .in-use-window dl dd.in-use-image .image-actions a{} .in-use-window dl dd.in-use-image .image-actions a i.full-size-icon{} .in-use-window dl dd.in-use-image .image-actions a i.sm-x-grey-icon{} .in-use-window dl dd.in-use-image .image-actions a span{} .in-use-window dl dd.in-use-image .image-actions span.view-full-size {width:75px; display:inline-block; margin-right:20px} .in-use-window dl dd.in-use-image .image-actions span.view-full-size span{float:right; font-size:10px; font-family: "droid_sansregular"; line-height:13px} .in-use-window dl dd.in-use-image .image-actions span.view-full-size i.icon{float:left; background-position:-171px -554px; width:13px; height:13px;} .in-use-window dl dd.in-use-image .image-actions span.view-full-size a{color:#000000;} .in-use-window dl dd.in-use-image .image-actions span.delete {width:50px; display:inline-block} .in-use-window dl dd.in-use-image .image-actions span.delete span{float:right; font-size:10px; font-family: "droid_sansregular"; line-height:13px} .in-use-window dl dd.in-use-image .image-actions span.delete i.icon{float:left;} .in-use-window dl dd.in-use-image .image-actions span.delete a{color:#000000;} .in-use-window dl dd.in-use-image .image-actions span.delete a.not-on{ cursor:default} .in-use-window dl dd.in-use-image .image-actions span.delete .not-on i.icon{background-position:-172px -453px; width:13px; height:13px; margin:0px} .in-use-window dl dd.in-use-image .image-actions span.delete .not-on span{} .in-use-window dl dd.in-use-image .image-actions span.delete a.is-on{} .in-use-window dl dd.in-use-image .image-actions span.delete a.is-on i.icon{background-position:-172px -473px; width:13px; height:13px; margin:0px} .in-use-window dl dd.in-use-image .image-actions span.delete a.is-on span{} .in-use-window dl dd.instances{margin:0 -20px; padding:0 0px; width:104%;} .in-use-window dl dd .instance{background:#fdfdfd; font-size:11px; font-family: "droid_sansregular"; line-height:13px; float:left; width:100%; padding:10px 15px } .in-use-window dl dd .instance:nth-child(odd){background:#f0eeee} .in-use-window dl dd .instance i.sm-x-tick-icon{} .in-use-window dl dd .instance .where{float:left} .in-use-window dl dd .instance .location{float:right} .user-details dd.password{} .user-details .form-data dl dd.password .field-holder .field{width:49%; float:left; margin-right:1%} .full-with-side-panel { background: none repeat scroll 0 0 #efeded; float: left; overflow: visible; padding: 0px 0px; position: relative; width: 1100px; } .reporting-area{float: left;} .list-of-data{ float:left; width:100%; } .side-list{float:left; width:220px; background:#FFF; padding:0px 0px 0px 0px; } .side-navigations{overflow:hidden; position:relative; height:500px} .side-list h4{color:#000; font-size:12px; font-family: "droid_sansbold"; line-height:13px; text-transform:uppercase; background:#f8f6f6; padding:20px 10px; margin:0px} .side-list ul{list-style:none; margin:0px; padding:0 10px} .side-list ul li{color:#000; font-size:12px; font-family: "droid_sansregular"; line-height:30px;} .side-list ul li a{color:#000; font-size:12px; font-family: "droid_sansregular"; line-height:13px;} .side-list ul li a strong{color:#000; font-size:12px; font-family: "droid_sansbold"; line-height:13px; font-weight:100} .side-list ul li ul{margin-left:15px;} .list-data{float:left; width:880px; } .list-data table{width:100%} .list-data table{} .list-data table tr{background:#dcdada;} .list-data table tr.even{background:#e8e5e5;} .list-data table tr th, .list-data table tr td{color:#464646; padding:5px; font-size:12px} .list-data table tr th{color:#FFF} .list-data table tr.tablesorter-headerRow{background:#777777;} .list-data table tr th, .list-data table tr td{} .list-of-data .ps-container .ps-scrollbar-x{height:15px} .list-of-data .ps-container .ps-scrollbar-x-rail{height:15px;} .list-of-data .ps-container .ps-scrollbar-x:hover {} .list-of-data .ps-scrollbar-x-rail.hover .ps-scrollbar-x{} /*.list-of-data .ps-container .ps-scrollbar-x-rail { bottom:0px !important; }*/ .list-of-data .side-list .ps-scrollbar-x-rail{opacity:0!important; } .list-of-data .ps-container .ps-scrollbar-y{width:8px} .list-of-data .ps-container .ps-scrollbar-y-rail{width:8px} .list-of-data .ps-container .ps-scrollbar-y:hover {} .list-of-data .ps-scrollbar-x-rail.hover .ps-scrollbar-y{} .list-of-data .ps-container .ps-scrollbar-y-rail {} /* This css is already contained within each theme file */ /* filter row */ .tablesorter-filter-row td { background: #eee; line-height: normal; text-align: center; /* center the input */ -webkit-transition: line-height 0.1s ease; -moz-transition: line-height 0.1s ease; -o-transition: line-height 0.1s ease; transition: line-height 0.1s ease; } .tablesorter .filtered{display:none;} /* optional disabled input styling */ .tablesorter-filter-row .disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed; } /* hidden filter row */ .tablesorter-filter-row.hideme td { /*** *********************************************** ***/ /*** change this padding to modify the thickness ***/ /*** of the closed filter row (height = padding x 2) ***/ padding: 2px; /*** *********************************************** ***/ margin: 0; line-height: 0; cursor: pointer; } .tablesorter-filter-row.hideme * { height: 1px; min-height: 0; border: 0; padding: 0; margin: 0; /* don't use visibility: hidden because it disables tabbing */ opacity: 0; filter: alpha(opacity=0); } /* filters */ .tablesorter-filter { height: inherit; margin: 4px; padding: 4px; background-color: #fff; border: 1px solid #bbb; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.1s ease; -moz-transition: height 0.1s ease; -o-transition: height 0.1s ease; transition: height 0.1s ease; } .table-wrapper{float:left; } .list-table{width:880px; overflow:hidden; height: 500px;position: relative; } #table{margin:0 40px 30px 0} .filtering-options{float:left; width:100%; background: none repeat scroll 0 0 #e6e4e4;} .filtering-options .form-data{margin-top:0px;} .filtering-options h4{color: #000; font-family: "droid_sansbold"; font-size: 12px; line-height: 13px; margin: 0; padding: 20px 10px; text-transform: uppercase; float:left; width:auto} .filtering-options dl{margin:9px 9px 0px 9px; float:right} .filtering-options dl dd{float:left; width:auto; margin-left:10px} .filtering-options dl dd .field-holder div.skin{width:100px;} .filtering-options dl dd .field-holder{width:auto;} .filtering-options dl dd .field-holder .field{margin:0px;} .more-filtering-options{float:left; width:100%; background: none repeat scroll 0 0 #e8e8e8; display:none} .more-filtering-options dl dd{margin-bottom:8px; width:33%; min-height:40px; margin-left:0px} .more-filtering-options dl dd .field-holder{width:auto;} .more-filtering-options dl dd .field-holder div.skin{width:100px;} .more-filtering-options dl dd.submit{float:left; } .form-data dl dd.text.multiple .field-holder{width:40%; margin-right:3%} .form-data dl dd.checkbox.multiple .field-holder{} .form-data table.list-of-checkbox{float:left; width:900px; margin:0 -20px;} .form-data table.list-of-checkbox tr{background:#fff;} .form-data table.list-of-checkbox tr:nth-child(even){background:#e8e5e5;} .form-data table.list-of-checkbox tr th, .form-data table.list-of-checkbox tr td{color:#464646; padding:5px; font-size:12px; font-weight:bold; text-align:center } .form-data table.list-of-checkbox tr th{color:#FFF; text-align:center; background:#777777;} .form-data table.list-of-checkbox tr th:first-child{width:760px; text-align:left; padding-left:20px} .form-data table.list-of-checkbox tr th:last-child{padding-right:20px} .form-data table.list-of-checkbox tr td:first-child{padding-left:20px; text-align:left;max-width: 500px;} .form-data table.list-of-checkbox tr td:last-child{padding-right:20px} .form-data table.list-of-checkbox .checkbox{margin:0px;} .form-data table.list-of-checkbox .label_check {cursor: pointer; padding: 13px 30px 13px 0;} .form-data dl dd.long .field-holder{width:880px; padding:0 15px } .no-side-menu{background: none repeat scroll 0 0 #efeded; float: left; overflow: visible; position: relative; width: 1100px;} .no-side-menu .main-title{width: 1100px;} .no-side-menu .form-data table.list-of-checkbox {width: 1100px;} .no-side-menu .form-data dl dd{width: 1100px; margin:0 -20px} .no-side-menu .form-data dl dd .field-holder{width: 1100px; padding:0 20px} .no-side-menu .filtering-options{float:left; width:100%; background: none repeat scroll 0 0 #e6e4e4;} .no-side-menu .filtering-options .form-data{margin-top:0px;} .no-side-menu .filtering-options h4{color: #000; font-family: "droid_sansbold"; font-size: 12px; line-height: 13px; margin: 0; padding: 20px 10px; text-transform: uppercase; float:left; width:auto} .no-side-menu .filtering-options dl dd{float:left; width:auto; margin-left:10px; margin-right:0px} .no-side-menu .filtering-options dl dd .field-holder {width: 100%;} .no-side-menu .filtering-options dl dd .field-holder .field{margin:0px;} /* .no-side-menu .more-filtering-options{float:left; width:100%; background: none repeat scroll 0 0 #e8e8e8; display:none; padding:0px} .no-side-menu .more-filtering-options dl dd{margin-bottom:8px; width:33%; min-height:40px; margin-left:0px} .more-filtering-options dl dd .field-holder{width:100%;} .no-side-menu .more-filtering-options dl dd.submit{float:left; } .more-filtering-options dl{margin:0px; padding:0px} .more-filtering-options dl dd label{float:left; width:35%;} .more-filtering-options dl dd.text input{float:left; width:55%; margin-right:10%} .more-filtering-options dl dd .field-holder div.skin{width:40%x;} */ .filtering-options .more-filtering-options{float:left; width:100%; background: none repeat scroll 0 0 #e8e8e8; display:none; padding:0px} .filtering-options .more-filtering-options dl{ margin-bottom:9px} .filtering-options .more-filtering-options dl dd{margin-left:0px; margin-right:1%; width:32%;} .filtering-options .more-filtering-options dl dd .field-holder{margin:0px; padding:0px; width:100%} .filtering-options .more-filtering-options dl dd .field-holder .field label{width:35%; float:left;} .filtering-options .more-filtering-options dl dd .field-holder .field input{width:65%;} .filtering-options .more-filtering-options dl dd.select .field-holder .field label{width:35%; float:left;} .filtering-options .more-filtering-options dl dd.select .field-holder .field div.skin{width:122px; margin-right: 43px;} .filtering-options .more-filtering-options dl dd.checkbox{padding:3px 0 0 0;} .filtering-options .more-filtering-options dl dd.checkbox .field-holder .field label{width:100%; float:left;} .filtering-options .more-filtering-options dl dd.radio{padding:8px 0 0 0;} .filtering-options .more-filtering-options dl dd.radio .field-holder{width:50%; position:relative; cursor:pointer; float:left;} .filtering-options .more-filtering-options dl dd.radio .field-holder .field label{width:100%; float:left;} .filtering-options .more-filtering-options dl dd.radio .field-holder .field input{width:100%;} .filtering-options .more-filtering-options dl dd .field-holder .field label{width:35%; float:left;} .filtering-options .more-filtering-options dl dd .field-holder .field input{width:65%;} .url-rewrites .form-data table.list-of-checkbox th{width:50px} .url-rewrites .form-data table.list-of-checkbox th:first-child{width:500px; text-align:left; padding-left:20px} .url-rewrites .form-data table.list-of-checkbox th:nth-child(2){width:500px; text-align:left; padding-left:0px} .url-rewrites .form-data table.list-of-checkbox td{font-weight:400; letter-spacing:0.3px} .url-rewrites .form-data table.list-of-checkbox td:nth-child(2){text-align:left} .url-rewrites .sm-x-tick-icon{background-position: -171px -531px; height: 13px; margin: 3px 10px 0 0px; width: 13px; float:left} .no-side-menu .form-data dl.many-types-in-one{ border-bottom:1px solid #CCC; float:left; width:100%} .no-side-menu .form-data dl.many-types-in-one dd{margin:0px;} .no-side-menu .form-data dl.many-types-in-one dd.text{width:35%;} .no-side-menu .form-data dl.many-types-in-one dd.checkbox{width:15%; margin:37px 0 0 0} .no-side-menu .form-data dl.many-types-in-one dd.submit{width:15%; margin:30px 0 0 0} .no-side-menu .form-data dl.many-types-in-one dd .field-holder{width:95%; padding:0px;} .no-side-menu .form-data dl.many-types-in-one dd.submit .field-holder{width:100%; padding:0px;} .full-with-no-side-panel{padding:0px; width:1080px} .full-with-no-side-panel table{width:100%} .full-with-no-side-panel table tr{background:#dcdada;} .full-with-no-side-panel table tr.even{background:#e8e5e5;} .full-with-no-side-panel table tr th, .full-with-no-side-panel table tr td{color:#464646; padding:5px; font-size:12px} .full-with-no-side-panel table tr th{color:#FFF} .full-with-no-side-panel table tr.tablesorter-headerRow{background:#777777;} .full-with-no-side-panel table th {background-color:#232428} .full-with-no-side-panel table tr th, .full-with-no-side-panel table tr td{} .full-with-no-side-panel .ps-container .ps-scrollbar-x{height:15px} .full-with-no-side-panel .ps-container .ps-scrollbar-x-rail{height:15px;} .full-with-no-side-panel .ps-container .ps-scrollbar-x:hover {} .full-with-no-side-panel .ps-scrollbar-x-rail.hover .ps-scrollbar-x{} /*.list-of-data .ps-container .ps-scrollbar-x-rail { bottom:0px !important; }*/ .full-with-no-side-panel .ps-container .ps-scrollbar-y{width:8px} .full-with-no-side-panel .ps-container .ps-scrollbar-y-rail{width:8px} .full-with-no-side-panel .ps-container .ps-scrollbar-y:hover {} .full-with-no-side-panel .ps-scrollbar-x-rail.hover .ps-scrollbar-y{} .full-with-no-side-panel .ps-container .ps-scrollbar-y-rail {} .list-table{width:1080px; overflow:hidden; height: 500px;position: relative;} ul.actions{list-style:none; margin:0px; padding:0px} ul.actions li{display:inline-block;} ul.actions li a i{margin:0px 5px;} ul.actions li a{position:relative;} ul.actions li a span{display:none; background:#333; border-radius:5px; position:absolute; bottom:10px; right:-25px; color:#FFF; font-size:10px; width:80px; text-align:center; padding:5px} ul.actions li:first-child a span{right:auto; left:-25px} ul.actions li:last-child a span{right:0px; left:auto} ul.actions li a:hover span{display:block; z-index:3} .integration-panel .no-side-menu .main-title{margin: 0; width: 1080px; } .integration-panel .no-side-menu .form-data{margin-top:0px;} .integration-panel .no-side-menu .form-data dl dd {margin: 0; padding: 12px 18px; width: 1080px;} .integration-panel .no-side-menu .form-data dl dd{width:50%; float:left;} .integration-panel .no-side-menu .form-data dl dd:nth-child(even){background:url(../img/dotted.png) no-repeat 100% 36% ;} .integration-panel .no-side-menu .form-data dl dd.submit{background:none; float:right} .integration-panel .no-side-menu .form-data dl dd .field-holder{width:100%; padding:0px} .integration-panel .no-side-menu .form-data dl dd .field-holder .field{margin-top:0;} .integration-panel .no-side-menu .form-data dl dd.text strong{color:#333; padding:7px 7px; float:left; width:80%; border:1px #666 dotted; border-radius:3px; display:block} .integration-panel .no-side-menu .form-data dl dd.text label{float:left; width:20%} .integration-panel .no-side-menu .form-data dl dd.text input{float:left; width:80%} .ui-datepicker { z-index: 1009 !important; } .cke_source.cke_reset { padding: 6px !important; width: 98% !important; height: 95% !important; } #images-grid > .grid-item {border-style: dotted;border-width: 2px;padding: 5px;height: 200px;overflow: hidden;} #images-grid > .grid-item span { margin: 0 auto; display: block; text-align: center; margin-top: 3px; } #images-grid > .grid-item:hover { background-color: #3A3939; cursor:pointer; } #images-grid > .grid-item.selected { border-style:solid; background-color:#00c1a4;} .pages-docs-tabs {margin-top:20px;margin-bottom:-5px;} .pages-docs-list ul {list-style-type: none;} .pages-docs-list li {padding:5px;} .pages-docs-list li:hover { background-color: #3A3939; } .ui-autocomplete { z-index: 2009 !important; } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .logout i.padlock-icon{background-color:#2d2e33; border-radius:100px; margin:12px 17px 0px 17px; height:30px; width:30px; background-position: -70px -90px; display:block} .logout .label{-webkit-transition: opacity 500ms ease-out 0.5s; -moz-transition: opacity 500ms ease-out 0.5s; -o-transition: opacity 500ms ease-out 0.5s; transition: opacity 500ms ease-out 0.5s; opacity:0; display:none} } @media only screen and (min-device-width : 503px) and (max-device-width : 966px) { } @media only screen and (min-width : 500px) and (max-width : 767px) {} @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } @media (min-width: 1600px) { } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #00c1a4; border-color: #00c1a4; } .pagination > li > a, .pagination > li > span { color: #00c1a4; } .badge { background-color: #00c1a4; } .failure { background-color: #d35400; } .nav > li.live-link > a, .nav > li.staging-link > a { padding: 0; } #navigation .nav-sidebar + .nav-sidebar { position: fixed; bottom: 70px; font-size: 12px; } #navigation .nav-sidebar + .nav-sidebar .icon { display:none } .alert-danger { margin-bottom: 0 }