/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
h1{
    font-size:2em;
    margin:1.67em 0
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:ButtonText dotted 1px
}
legend{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
[type=checkbox],[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
[hidden],template{
    display:none
}
*{
    -webkit-font-smoothing:antialiased;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
body{
    margin:0;
    font:15px/25px "Helvetica Neue","Open Sans","DejaVu Sans",Arial,sans-serif;
    color:#fff;
    background:#222840
}
b,strong{
    font-weight:500
}
a,button,input[type=button],input[type=reset],input[type=submit]{
    color:#486899;
    text-decoration:none;
    -webkit-transition:all .25s;
    -o-transition:all .25s;
    transition:all .25s
}
::-moz-selection{
    background:#606b7b;
    color:#fff
}
::selection{
    background:#606b7b;
    color:#fff
}
::-webkit-input-placeholder{
    color:#b2bed0
}
:-ms-input-placeholder{
    color:#b2bed0
}
::-ms-input-placeholder{
    color:#b2bed0
}
::placeholder{
    color:#b2bed0
}
body,html{
    width:100%
}
@media all and (min-width:61.3125em){
    .wrap,body,html{
        width:initial
    }
}
.profile,.wrap{
    width:960px;
    margin:0 auto;
    overflow:hidden
}
a,fieldset,img{
    border:none
}
.indent{
    padding-left:40px
}
p{
    margin:0
}
fieldset,ul{
    margin:0;
    padding:0
}
.btn{
    display:inline-block;
    padding:0 22px;
    margin-bottom:10px;
    border:none;
    border-radius:5px;
    font-size:13px;
    line-height:38px;
    font-weight:700;
    color:#fff;
    background:linear-gradient(to bottom, #0e4cfd, #6a8eff);
    cursor:pointer
}
.btn:hover{

}
.btn.secondary{
    background:#a4adbb
}
.btn.secondary:hover{
    background:#848f9f
}
.btn.blue{
    background:#7571f9
}
.btn.blue:hover{

}
.btn.red{
    background:linear-gradient(316deg, #fc5286, #fbaaa2)
}
.btn.red:hover{

}
.btn#exit-focus{
    position:fixed;
    right:20px;
    top:20px;
    padding:0 17px;
    line-height:32px;
    background:#cdd3db;
    color:#6a788d
}
.btn#exit-focus:hover{
    background:#cdd3db
}
.split input[type=checkbox]{
    -webkit-appearance:none;
    width:66px;
    min-width:66px;
    cursor:pointer;
    
}
.split input{
    min-width:200px
}
.split textarea{
    width:500px;
    min-width:500px;
    min-height:120px;
    max-height:600px;
    border-radius:0 5px 5px!important
}
.split textarea[name=css],.split textarea[name=js]{
    font-family:Monaco,"Courier New",courier,monospace
}
.split input:focus+em,.split select:focus+em,.split textarea:focus+em{
    opacity:1
}
.split p{
    position:relative;
    margin-bottom:10px;
    overflow:hidden;
    clear:both
}
.split em{
    display:inline-block;
    max-width:500px;
    padding:6px 10px 6px 20px;
    line-height:28px;
    font-style:normal;
    opacity:0;
    -webkit-transition:opacity .25s;
    -o-transition:opacity .25s;
    transition:opacity .25s
}
.split label{
    float:left;
    display:inline-block;
    min-width:160px;
    height:39px;
    padding:0 18px;
    border-radius:5px 0 0 5px;
    text-align:right;
    line-height:39px;
    color:#b1b1b5;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;

}
.split label+input,.split label+textarea{
    float:left;
    height:39px;
    border-radius:0 5px 5px 0
}
.split label+textarea{
    resize:vertical
}
.split summary{
    margin-left:160px
}
.split .twitter{
    position:relative
}
.split .twitter input{
    padding-left:32px;
    border-radius:0 5px 5px 0
}
.split .twitter .at{
    position:absolute;
    left:170px;
    top:8px;
    pointer-events:none;
    z-index:10;
    color:#aab1bc
}
.split+.buttons{
    clear:both
}
.split+.buttons button:first-child{
    /**margin:20px 15px 20px 150px**/
}
.login.content form{
    
}
.login.content form p{
        
}
.login.content form h1{
            margin: 0px;
}
a.view{
	position: sticky;
    right: 30px;
    padding: 10px 20px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 14px;
    color: #848f9f;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    float: right;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(to bottom, #0e4cfd, #6a8eff);
    z-index: 9999;
	    margin-top: -48px;
    width: 80px;
    z-index: 9999;
    text-align: center;
}
a.edit{
    position: sticky;
    right: 30px;
    padding: 10px 20px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 14px;
    color: #848f9f;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    float: right;
font-weight: 700;
    color: #fff;
    background: linear-gradient(to bottom, #0e4cfd, #6a8eff);
    margin-top: -87px;
    width: 80px;
    z-index: 9999;
    text-align: center;
}
aside.buttons{
        margin-left: 50px;
    margin-top: 40px;
}
.half{
margin-right: 0px
}
.half+.half{
    margin-right:0
}
.half label+input,.half label+select,.half label+textarea{
    width:auto;
    min-width:305px
}
.half em,.half legend{
    display:none
}
.split input[type=file]{
    padding:0;
    overflow:hidden
}
.split .file{
    float:left;
    display:block;
    width:50px;
    height:39px;
    border-radius:0 5px 5px 0;
    background:url(../img/cloud.png) center center/32px no-repeat #eceef1;
    overflow:hidden
}
.split .file input{
    display:block;
    height:39px;
    opacity:0
}
.split .current-file{
    float:left;
    display:block;
    min-width:200px;
    height:39px;
    padding:0 16px;
    border-radius:0;
    line-height:39px;
    overflow:hidden;
    background:#fff
}
.split .current-file::before {
    font-family: 'FontAwesome';
    content: "\f107";
    display: inline-block;
    padding-right: 10px;
	
}

.split .remove-file{
    display:block;
    float:left;
    width:39px;
    height:39px;
    border-radius:0
}
.split .remove-file a{
    display:block;
    width:39px;
    height:39px;
    text-indent:-1000px;
    background:url(../img/cross.gif) center center no-repeat #eceef1;
    overflow:hidden
}
.prevue{
    position:absolute;
    left:0;
    right:0;
    top:-100px;
    min-height:250px;
    padding:40px 0;
    pointer-events:none;
    background:#eceef1;
    z-index:10;
    -webkit-transition:top .25s,opacity .4s;
    -o-transition:top .25s,opacity .4s;
    transition:top .25s,opacity .4s
}
.prevue.active{
    top:164px
}
.prevue h2{
    padding:0 0 15px;
    font-size:25px
}
.redirect{
    height:0;
    background:#f9f9f9;
    opacity:0;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.redirect.show{
    top:0;
    height:37px;
    opacity:.99
}
.redirect input{
    width:100%;
    padding:10px 0;
    color:#a4adbb;
    background:0 0
}
.header{
    position:relative;

}
.header input{
       float: left;
    width: 600px;
    font-size: 29px;
    line-height: 40px;
    font-weight: lighter;
    background: 0 0;
    background: white;
    padding-left: 20px;
    font-weight: 500;
    font-size: 16px;
}
.header .buttons{
    float:right;
    padding:20px 0 0 0; 
}
.header .buttons .btn{
    margin-left:8px;float: right;
}
.main{
 
}
.main textarea{
    width:100%
}
.main textarea[name=content],.main textarea[name=html]{
    padding:0;
    resize:none;
    background:0 0
}
.meta{
    padding:30px 0;
}
#post-data input[type=checkbox]:checked,.split input[type=checkbox]:checked{
        background: url(https://hub.hybrid.co/anchor/views/assets/img/tick.gif) 50% 50% no-repeat #fff;
}
#post-data input[type=file]+em{
    opacity:1
}
#post-data .media-upload textarea{
    width:317px;
    min-height:150px;
    max-height:700px;
    resize:vertical
}
.box{
	  border: 2px solid #848e98;
    padding: 0px 15px;
    border-radius: 5px;
    margin: 5px 0px;
    display: inline-block;
    width: 445px;
}
#media{
    display:none
}
#upload-file{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:-1;
    opacity:0;
    background:rgba(178,190,208,.75);
    -webkit-transition:opacity .25s,background .25s;
    -o-transition:opacity .25s,background .25s;
    transition:opacity .25s,background .25s
}
#upload-file.success{
    background:#77b52f
}
#upload-file.success span{
    color:#fff;
    background-image:url(../img/tick.png)
}
.draggy #upload-file{
    opacity:1;
    z-index:10000
}
#upload-file span{
    position:absolute;
    left:50%;
    top:50%;
    width:250px;
    height:30px;
    margin:-40px 0 0 -125px;
    padding-top:50px;
    font-weight:700;
    font-size:17px;
    line-height:30px;
    text-align:center;
    color:#6a788d;
    background:url(../img/cloud.png) 50% 0 no-repeat;
    -webkit-transition:color .25s;
    -o-transition:color .25s;
    transition:color .25s
}
.bottom{
    padding:40px 0 30px
}
.bottom small{
    float:left;
    font-size:13px
}
.bottom em{
    float:right;
    font-size:13px;
    font-style:normal;
    color:#99a3b1
}
button,input,textarea{
    padding:11px 16px;
    border:none;
    border-radius:5px;
    font-size:15px;
    line-height:15px;
    font-family:inherit;
    color:#4a525f;
    background:#fff
}
::-webkit-slider-thumb,input[type=range]{
    -webkit-appearance:none
}
input[type=range]{
    overflow:hidden;
    padding:0 5px 0 0!important;
    cursor:col-resize;
    background:#cdd3db
}
::-webkit-slider-thumb{
    position:relative;
    display:block;
    width:15px;
    height:29px;
    border-radius:3px;
    background:#95a1b2
}
::-webkit-slider-thumb::before{
    content:'';
    display:block;
    position:absolute;
    left:-300px;
    right:10px;
    top:0;
    bottom:0;
    background:#95a1b2
}
button:focus,input:focus,select:focus,textarea:focus{
    outline:0
}
textarea{
    overflow:auto;
    line-height:25px
}
button{
    cursor:pointer
}
legend{
    display:block;
    float:left;
    margin:40px 0 30px;
    font-size:19px;
    font-weight:500
}
legend+em{
    float:right
}
select{
    -webkit-appearance:none;
    display:block;
    float:left;
    min-width:216px;
    height:39px;
    padding:9px 0 8px 20px;
    border:none;
    border-radius:0 5px 5px 0;
    font:15px/22px "Helvetica Neue",sans-serif;
    background:#fff;
    color:#848f9f;
    cursor:pointer
}
select+.arrow{
    position:absolute;
    top:19px;
    display:inline-block;
    margin-left:-24px;
    border-top:4px solid #aab3c0;
    border-right:4px solid transparent;
    border-left:4px solid transparent;
    pointer-events:none
}
.top{
    position:relative;
    padding:15px 0;
    background:#131633;
    z-index:21
}
.top a{
    display:inline-block;
    padding:0 18px;
    font-size:13px;
    font-weight:600;
    line-height:34px
}
.top .logo{
    margin-right:25px
}
.top .logo a{
     padding: 0;
    background: url(../img/logo.png) center center no-repeat;
    width: 60px;
    height: 60px;
    /* text-indent: -1000px; */
    background-size: contain;
    padding-left: 70px;
    font-size: 2em; color:white;
}
.top nav{
    float:none;
    overflow:hidden
}
.top nav li{
    float:left;
    list-style:none
}
.top nav li a{
    float:inherit
}
.top nav img{
    position:relative;
    top:4px
}
.top nav a{
    color:#8191ab
}
.top nav a:hover{
    color:#a4b4cb
}
.top nav .active a{
    color:#fff;
    background:linear-gradient(230deg, #759bff, #843cf6);
    border-radius:5px
}
.top .btn{
    display:none;
    float:right;
    padding:0 16px;
    margin-left:18px;
    border-radius:5px;
    background:#38414f;
    color:#6a788d
}
@media all and (min-width:61.3125em){
    .top nav{
        float:right;
    }
    .top .btn{
        display:initial
    }
}
.wrap aside ul li{
    line-height: 10px;
}
.top .btn:hover{
    
    background:#2f3744
         -webkit-transition:background .4s;
    -o-transition:background .4s;
    transition:background .4s
}
.list{
    width:100%;

    list-style:none
}
.list li{
    float:none;

    border-radius: 5px;
    width:inherit;
    padding: 5px 0px 5px 0px;
    margin-right:0
}
.list li a.client{
    position:relative;
    overflow:hidden;
    display:block;

    border-radius: 5px;
    padding:25px 30px 15px;
    border-bottom:1px solid #dadfe5;
    color:#6a788d;
    background:#e7eaee;
}
.list li strong{
    position:relative;
    overflow:hidden;
    display:block;
    width:85%;
    height:25px;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    font-size:19px;
    color:#606b7b
}
.list li strong .status{
    position:relative;
    top:10px;
    right:30px;
    float:right;
    z-index:10
}
.list li strong+span{
    display:block;
    padding-bottom:8px;
    font-size:13px;
    color:#a3acb9
}
.list li p{
    display:none;
    margin-bottom:10px
}
.list li .status{
    margin-left:10px
}
.notifications .error,.notifications .notice,.notifications .success{
    padding:10px 18px;
    line-height:21px;
    font-size:15px;
    font-weight:600
}
.notifications .notice{
    color:#fff;
    background:#578cd9
}
.notifications .error{
    color:#fff;
    background:#d34937
}
.notifications .success{
    color:#fff;
    background:#6aad28
}
.header .notifications{
    position:absolute;
    left:55%;
    top:82px;
    width:320px;
    z-index:1200
}
#tray{
        float: left;
    width: 50%;
}
form#search{
    float: left;
    
}
.wrap aside{
    float: left;
    width: 40%;
}
.wrap aside ul{
    list-style-type: none;
}
.wrap aside ul li a{
    padding-left: 0px;
    color  :white;
    line-height: 10px;
}
.article.wrap h2 a{
        margin-left: 20px;
}
.searchresults{
    background:#e7eaee;
    margin-top:20px; border-radius: 5px;
}
.searchresults article{
    float: none;
    border-radius: 5px;
    width: inherit;
    padding: 5px 0px 5px 0px;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    display: block;
   
    padding: 25px 30px 15px;
    color: #6a788d;
}
.wrap aside ul li a span{

}
.header .notifications div::after{
    content:'';
    position:absolute;
    top:-6px;
    right:50px;
    display:block;
    border-bottom:6px solid #6aad28;
    border-left:6px solid transparent;
    border-right:6px solid transparent
}
.header .notifications .error::after{
    border-bottom-color:#d34937
}
.header .page .notifications{
    left:48%
}
.paging{
    clear:both;
    text-align:center;
    padding-top:25px
}
.paging a,.paging strong{
    display:inline-block;
    padding:.2em 1em;
    background:#fff;
    border-radius:5px;
    color:#6a788d
}
hgroup{
    overflow:hidden
}
hgroup h1{
    float:none;
    margin:0;
    line-height:80px;
    font-size:29px;
    font-weight:300;
    color:#99a3b1
}
hgroup nav{
    float:none;
    line-height:80px
}
@media all and (min-width:61.3125em){
    .list li{
        width:auto
    }
    .list li p{
        display:block
    }
    hgroup h1{
        float:left;
        line-height:120px;
        margin:initial
    }
    hgroup nav{
        float:right;
        line-height:120px
    }
}
.highlight,.status{
    position:absolute;
    right:30px;
    top:30px;
    padding:3px 6px;
    border-radius:3px;
    font-size:10px;
    line-height:14px;
    color:#848f9f;
    font-style:normal;
    font-weight:600;
    text-transform:uppercase;
    background:rgba(129,145,171,.2)
}
.disabled,[disabled]{
    cursor:not-allowed;
    opacity:.5
}
[draggable]{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.sortable{
    list-style-type:none
}
.sortable li{
    width:28%;
    margin:10px 0;
    border:2px solid transparent
}
.sortable li.item{
    width:28%;
    color:#6a788d;
    background:#fff;
    border-radius:5px;
    border:2px solid #fff;
    cursor:move;
    margin:10px 0;
    padding:7px 14px
}
.sortable li.over{
    border:2px solid #ccc
}
.sortable li.moving{
    opacity:.7
}
.empty{
    text-align:center;
    padding:60px 0;
    margin-left:150px
}
.empty .icon{
    display:block;
    width:52px;
    height:54px;
    margin:0 auto 15px;
    background:url(../img/icons.png) no-repeat
}
.empty.posts .icon{
display:none;
}
.empty.comments .icon{
    width:55px;
    background-position:-256px 0
}
.empty.pages .icon{
    width:45px;
    background-position:-311px 0
}
.empty a{
    margin-top:80px
}
.sidebar{
width: 18%;
    float: left;

}
.sidebar+.main{
    float:right;
    width:760px;
    padding-top:0
}
.sidebar a{
    display:block;
    padding:5px 20px;
    font-size:15px;
    color:#616a71;
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
    border-bottom:1px solid #dadfe5
}
.sidebar a:hover{
    background:#e7eaee
}
.sidebar a.active{
    background:#fff
}
.statuses .icon{
    display:inline-block;
    width:16px;
    height:16px;
    margin-right:2px;
    position:relative;
    top:3px;
    left:-7px;
    background:url(../img/statuses.png)
}
.statuses a:hover .icon{
    background-position:-16px 0
}
.statuses a.active .icon{
    background-position:-32px 0
}
.statuses a.pending .icon{
    background-position:0 -16px
}
.statuses a.pending.active .icon,.statuses a.pending:hover .icon{
    background-position:-32px -16px
}
.statuses a.spam .icon{
    background-position:0 -48px
}
.statuses a.spam:hover .icon{
    background-position:-16px -48px
}
.statuses a.spam.active .icon{
    background-position:-32px -48px
}
.statuses a.approved .icon,.statuses a.published .icon{
    background-position:0 -32px
}
.statuses a.approved .icon:hover,.statuses a.published .icon:hover{
    background-position:-16px -32px
}
.statuses a.approved .icon.active,.statuses a.published .icon.active{
    background-position:-32px -32px
}
.statuses a.archived .icon{
    background-position:0 -64px
}
.statuses a.archived:hover .icon{
    background-position:-16px -64px
}
.statuses a.archived.active .icon{
    background-position:-32px -64px
}
.statuses a.draft .icon{
    background-position:0 -80px
}
.statuses a.draft:hover .icon{
    background-position:-16px -80px
}
.statuses a.draft.active .icon{
    background-position:-32px -80px
}
.buttons,.meta,.top{
    -webkit-transition:opacity .4s;
    -o-transition:opacity .4s;
    transition:opacity .4s;
    opacity:1
}
.header{
    -webkit-transition:background .4s;
    -o-transition:background .4s;
    transition:background .4s
}
.focus .buttons,.focus .meta,.focus .top{
    opacity:0;
    pointer-events:none
}
.focus .meta{
    height:0;
    overflow:hidden
}
.focus .header,.focus .main textarea{
    background:#eceef1
}
body.login{
    position:absolute;
    top:25%;
    left:50%;
    margin-left:-150px;
    background:#131633
}
body.login .content,body.login .wrap{
    width:300px
}
body.login h1{
    padding-bottom:25px;
    font-size:25px;
    line-height:60px;
    font-weight:lighter;
    color:#fff
}
body.login label{
    display:none
}
body.login fieldset{
    border:none
}
body.login input{
    width:300px;
    margin-bottom:20px;
    padding:14px 16px
}
body.login #logo{
    padding:0
}
body.login .buttons a{
    float:right;
    font-size:15px;
    line-height:38px;
    font-weight:600
}
body.login .buttons button{
    float:left
}
body.login .buttons button a{
    color:#848f9f
}
body.login .buttons button a:hover{
    color:#fff
}
body.login button{
    background:#394556;
    color:#a4adbb;
    font-size:15px;
    font-weight:600
}
body.login .notification{
    width:300px
}