#admin-togglesections,
.admin-sectionwrap {
    z-index: 999;
}

.admin-section-active {
    /*background: #fff;*/
    /*box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);*/
    /*cursor: pointer;*/
    /*min-height: 30px;*/
    /*z-index: 99999999999;*/
    /*pointer-events: none;*/
    /*outline: 1px dotted #b3e2ff;*/
    background-color: rgba(0, 101, 138, 0.03);
}

#admin-togglesections-wrap > a.admin-togglesections-active {
    color: #8eb2ff;
}

#admin-togglesections > a,
#admin-togglesections #admin-togglesections-wrap {
    float: left;
    vertical-align: top;
}

#admin-togglesections > a,
#admin-togglesections-wrap > a {
    color: #fff;
    padding: 2px 5px;
    font-size: 14px;
    text-decoration: none;
}

#admin-togglesections #admin-togglesections-wrap > a {
    float: left;
}

#admin-togglesections > a:hover,
#admin-togglesections-wrap > a:hover {
    color: #b6d2ff;
}

#admin-toggle-hover-list {
    clear: both;
}

#admin-togglesections > a {
    background: #8eb2ff;
    padding: 4px 5px;
    transition: margin-right 80ms ease-in-out;
}

#admin-togglesections > a.menu-hidden,
#admin-togglesections > a:hover {
    background: #6c87c1;
    color: #fff;
    margin-right: -4px;
}
#admin-togglesections > a > span {
    transition: transform 200ms ease-in-out;
}

#admin-togglesections > a.menu-hidden > span {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#admin-togglesections > a.menu-hidden:hover {
    margin-right: 0;
}

#admin-page-notfound {
    width: 50%;
    margin: 0 auto;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    text-align: center;
}

/* this is so if a block has no width of height it can still be clicked to alter */
.admin-section-active .stison-block {
    min-width: 25px;
    min-height: 25px;
}

.admin-section-active .stison-block-active,
.admin-section-active .stison-block:hover {
    outline: 1px dashed #a3a3a3 !important;
}

.admin-section-active .stison-block:hover .admin-block-actions {
    display: block;
}

.admin-block-actions li a,
#admin-togglesections a,
.admin-sectionwrap > span {
    /*font: normal 14px/22px "Lucida Console", "Courier New", Courier, monospace !important;*/
    font: normal 12px/18px Tahoma, Arial, Helvetica, sans-serif !important;
    white-space: nowrap;
}

.admin-sectionwrap > span,
#admin-toggle-hover-list li a {
    font: normal 11px/20px "Lucida Console", "Courier New", Courier, monospace !important;
}

.admin-sectionwrap > span {
    background: #c4caff;
    display: inline-block;
    position: absolute;
    padding-left: 8px;
    margin-top: 1px;
    left: 0;
    color: #000;
}

.admin-sectionwrap > span a {
    display: inline-block;
    background: #5562a3;
    color: #fff;
    padding: 0 8px;
    font-weight: bold;
    text-decoration: none;
}

.admin-sectionwrap > span a:hover {
    background: #00162e;
}

#admin-togglesections {
    position: fixed;
    top: 0;
    right: 0;
}

#admin-togglesections #admin-togglesections-wrap {
    text-align: right;
    display: inline-block;
    /*background-color: #fff;*/
    padding: 2px;
    background: #5562a3;
    color: #000;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
}

#admin-togglesections ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    text-align: left;
}

#admin-togglesections li.toggle-all {
    border-top: 1px dotted #fff;
}

#admin-togglesections li a {
    display: block;
    padding: 2px 10px;
    /*border-top: 1px solid #003775;*/
    text-decoration: none;
    color: #fff;
}

#admin-togglesections li a:hover {
    background: #003470;
}

#admin-togglesections li.active a {
    background: #002b5c;
}

.admin-sectionwrap .admin-section-blocks {
    list-style: none;
    margin: 0;
    padding: 0;
}

.admin-sectionwrap .admin-section-blocks li {
    background-color: #ffc5bf;
    margin: 5px;
    float: left;
    width: 50px;
    height: 50px;
}

.admin-sectionwrap .admin-block-actions {
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.admin-sectionwrap .admin-block-actions li {
    float: left;
}

.admin-sectionwrap .admin-block-actions li a {
    padding: 3px 6px;
    line-height: 14px;
    display: block;
    color: #fff;
    background: #5562a3;
    text-decoration: none;
}

.admin-sectionwrap .admin-block-actions li a span {
    margin-right: 5px;
}

.admin-sectionwrap .admin-block-actions li a:hover {
    background: #00162e;
}

.admin-sectionwrap .admin-block-actions:after {
    clear: both;
}

#admin-block-form .modal-dialog {
    width: 960px;
}

#admin-block-form .modal-body iframe {
    border: none;
    width: 100%;
    height: 100%;
}

.admin-block-form-loading {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
    position: absolute;
    z-index: 99999;
    top: 7px;
    left: 50%;
    margin-left: -20px;
    font-size: 42px;
    line-height: 42px;
    color: #888;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

#sectionAdmin-block-edit form {
    padding-bottom: 5px;
}

#sectionAdmin-page-edit hr,
#sectionAdmin-block-edit hr {
    margin-top: 7px;
}

#sectionAdmin-block-edit #block-select .block-select {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 3px;
}

#sectionAdmin-block-edit #block-select .active {
    padding: 3px;
    margin-top: 0;
    background-color: #fa9a50;
}

#sectionAdmin-block-edit #no-more-blocks {
    margin-top: 0;
    text-align: center;
}

#sectionAdmin-block-edit .display-options ul {
    list-style: none;
    margin-left: 25px;
    padding: 0;
}

#sectionAdmin-block-edit .filter-options h4,
#sectionAdmin-block-edit .display-options h4 {
    margin-top: 0;
}

#sectionAdmin-block-edit .help-block {
    display: none;
}

#sectionAdmin-block-edit .has-error .help-block {
    display: block;
}

#sectionAdmin-block-edit [data-toggle="tooltip"] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

#sectionAdmin-page-edit div.required label:after,
#sectionAdmin-block-edit div.required label:after {
    content: " *";
    color: #f00;
}

#sectionAdmin-version pre {
    border: none;
    padding: 3px;
    background: none;
}

.show-more-options{
    color:#777;
}