#library input[type="text"],#library input[type="email"],#library input[type="password"],#library textarea{outline: none;border: 1px solid #DDDDDD;padding: 15px 18px;margin: 0 0 12px 0;width: 310px;-moz-box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;-webkit-box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;font-size: 14px;display: block;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;-webkit-transition-property: -webkit-box-shadow, border;-moz-transition-property: -moz-box-shadow, border;-o-transition-property: box-shadow, border;transition-property: box-shadow, border;line-height: 21px;height: 50px;}
#library input[type="text"]:focus,#library input[type="email"]:focus,#library input[type="password"]:focus,#library  textarea:focus, input.focus { box-shadow: 0 0px 8px 2px rgba(15, 78, 140, 0.23),0 0 22px 4px rgba(0, 0, 0, 0.08) inset;  -moz-box-shadow: 0 0px 8px 2px rgba(15, 78, 140, 0.23),0 0 22px 4px rgba(0, 0, 0, 0.08) inset;  -webkit-box-shadow: 0 0px 8px 2px rgba(15, 78, 140, 0.23),0 0 22px 4px rgba(0, 0, 0, 0.08) inset; border: 1px solid #263c75;}
#library input[type="checkbox"] { width: 20px; height: 20px; margin: 0 10px 0 0; padding: 0; vertical-align: -5px;}
#library input[type="text"][disabled]:active,#library input[type="text"][disabled]:focus,#library input[type="text"][disabled],#library input[type="password"][disabled],input[type="submit"][disabled],input[type="button"][disabled],button[disabled],button[disabled]:hover { background-color: rgb(168, 168, 168) !important; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.17) inset !important; -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.17) inset !important;  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.17) inset !important; color: #616161  !important; cursor: default;}


.label .fix { position: absolute;left: -9999px;}
.label {display: inline-block;margin-right: .8em;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.rd,.chx { vertical-align: middle;display: inline-block;position: relative;top: -.15em;margin: 0 .4em 0 0;width: 20px;height: 20px; }
.rd { background: url("img/sprite.png") -57px -42px no-repeat;}
.chx { background: url("img/sprite.png") -57px -21px no-repeat;}
.label:hover .chx.checked { background-position: -117px -21px; }
.label:hover .chx { background-position: -77px -21px; }
.label:hover .rd.checked { background-position: -117px -42px; }
.label:hover .rd { background-position: -77px -42px; }
.chx.focus { background-position: -77px -21px; }
.chx.checked { background-position: -97px -21px; }
.chx.checked.focus { background-position: -117px -21px; }
.rd.focus { background-position: -77px -42px; }
.rd.checked { background-position: -97px -42px;  }
.rd.checked.focus { background-position: -117px -42px; }
.dd{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;float:left;width: 100%;height: 50px;border: 1px solid #ddd;margin: 0px 5px 5px 0;-webkit-box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;-moz-box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;background-color: white;/* color: #999; */padding: 0 0 0 18px;position: relative;}
.dd .panel{float:left;width: 100%;height: 48px;line-height: 50px;overflow:hidden;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHBAMAAADKaWEqAAAAGFBMVEWrt7urt7urt7urt7urt7urt7urt7urt7uWfPNkAAAAB3RSTlMA8Gk5NmZjng00twAAAC1JREFUeF5jUC8HAWEGJhBVaMDAoA7iMjCABEBckIAIAwiwFjowgABDCgMDAwBwXwoJSSQMHQAAAABJRU5ErkJggg==') no-repeat 90% 50%;background-position: -webkit-calc(100% - 10px) center; /* Sf 6 */  background-position: right 10px center; /* Cr 25+, FF 13+, IE 9+, Op 10.5+ */;cursor:pointer;margin:0;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;font-size: 14px;}
.dd .panel.active { color: #333438; }
.dd ul{position: absolute;top: 48px;left:-1px;z-index:1000;width: 100%;width: -webkit-calc(100% + 2px);width: -moz-calc(100% + 2px);width: calc(100% + 2px);display:none;overflow:hidden;background-color:#fff;border:1px solid #ccc;list-style:none;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;margin:0;padding:0;font-weight: 400;font-size: 14px;max-height: 20rem;overflow-y: overlay;}
.dd ul li{ cursor:pointer; width: 100%;float:left;background-color: #fff; padding: 9px 0 8px 15px;}
.dd ul li:first-child { display: none;}
.dd ul li.active,.dd ul li.active:hover {background-color: #263c75;color: #ffffff;font-weight: 600;}
.dd ul li:hover {background-color: #ececec; color: #616161}
.dd:hover .panel{ background: url("img/down-dark.png") no-repeat 90% 50%;  background-position: -webkit-calc(100% - 10px) center;  background-position: right 10px center;}
.dd.df:hover { color: #333438;}
textarea.autosize {-o-transition: all 0.2s;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: al 0.2s; -webkit-transition-property: -webkit-box-shadow, height; -moz-transition-property: -moz-box-shadow, height; -o-transition-property: box-shadow, height; transition-property: box-shadow, height}


#library {
    position: relative;
}

#library .changelog, #library .new, #library .notice,#library .changelog .simple-history-tablenav,#library > .revisions {
    margin: 30px;
}

#library .explorer {
    position: relative
}

#library .explorer .no-results p {
    text-align: center;
    padding: 20px 0;
    font-size: 15px;
    display: block;
    line-height: 21px;
}

#library .explorer .controls {
    background-color: #f5f5f5;
    padding: 32px 32px 16px 32px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 48px;
}

#library .explorer .controls.panel-bottom {
    border-top: 1px solid #DDD;
    border-bottom: 0;
    width: 100%;
    text-align: center;
    background: none;
    padding-bottom: 32px;
}

#library .explorer .controls input,#library .explorer .controls button {
    display: inline-block;
}

#library .explorer .controls .text-filter-box {
    font-size: 0px;
    position: relative;
}

#library .explorer .controls .text-filter-box {
    text-align: center;
}

#library .explorer .controls .text-filter-box em {
    right: 74px;
    top: 12px;
}

#library .explorer .controls .text-filter-box input {
    width: 100%;
    margin-bottom: 0;
}

#library .explorer .controls .text-filter-box .btn {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    height: auto;
    z-index: 18;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    width: 75px;
}

#library .explorer .controls .btn,#library .three-navigation li {
    position: relative;
    height: 50px;
    border: 1px solid #ddd;
    margin: 0;
    -webkit-box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;
    -moz-box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;
    box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;
    background-color: white;
    color: #999 !important;
    outline: 0;
    line-height: 33px;
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
    display: inline-block;
    padding: 0 26px;
    border-radius: 0;
    width: 100%;
}

#library .explorer .controls .btn:hover,#library .explorer .controls .btn:visited:hover,#library .explorer .controls .btn:visited,#library .three-navigation li:hover {
    color: #FFFFFF !important;
}

#library .explorer .controls .btn:focus,
#library .explorer .controls .btn:hover,
#library .three-navigation li:active {
    color: #263c75 !important;
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #fafafa 0, rgba(231, 231, 231, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, rgba(231, 231, 231, 1)));
    background: -webkit-linear-gradient(top, #fafafa 0, rgba(231, 231, 231, 1) 100%);
    background: -o-linear-gradient(top, #fafafa 0, rgba(231, 231, 231, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), to(rgba(231, 231, 231, 1)));
    background: -webkit-linear-gradient(top, #FFFFFF 0, rgba(231, 231, 231, 1) 100%);
    background: -moz-linear-gradient(top, #FFFFFF 0, rgba(231, 231, 231, 1) 100%);
    background: -o-linear-gradient(top, #FFFFFF 0, rgba(231, 231, 231, 1) 100%);
    background: linear-gradient(to bottom, #FFFFFF 0, rgba(231, 231, 231, 1) 100%);
    -webkit-box-shadow: 0 0 0 0 transparent,0 0 26px -2px #ECECEC inset;
    -moz-box-shadow: 0 0 0 0 transparent,0 0 26px -2px #ECECEC inset;
    box-shadow: 0 0 0 0 transparent,0 0 26px -2px #ECECEC inset;
}

#library .explorer .controls .text-filter-box:hover input, #library .explorer .controls .views .btn:focus {
    box-shadow: 0 0px 8px 2px rgba(15, 78, 140, 0.23),0 0 22px 4px rgba(0, 0, 0, 0.08) inset;
    -moz-box-shadow: 0 0px 8px 2px rgba(15, 78, 140, 0.23),0 0 22px 4px rgba(0, 0, 0, 0.08) inset;
    -webkit-box-shadow: 0 0px 8px 2px rgba(15, 78, 140, 0.23),0 0 22px 4px rgba(0, 0, 0, 0.08) inset;
    border: 1px solid #263c75;
}


#library .explorer.list-view .btn.list-view .fa,#library .explorer.grid-view .btn.grid-view .fa {
    color: #263c75;
}

#library .explorer.list-view .btn.list-view:hover .fa,#library .explorer.grid-view .btn.grid-view:hover .fa {
    color: #fff;
}

#library .explorer .listing {
    padding: 0 8px;
}

#library .explorer .listing:after, #library .explorer .controls:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#library .explorer .list-item {
    position: relative;
    margin: 20px 0;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    padding: 15px 25px;
    border: 1px solid rgb(221, 221, 221);
    -moz-box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;
    -webkit-box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;
    box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;
    min-height: 252px;
}

#library .explorer .list-item .owner {
    display: none;
}

#library .explorer .list-item.is-owner:before {
    content: attr(data-status);
    text-align: center;
    font-size: 12px;
    line-height: 0px;
    padding: 10px;
    background-color: #ffc700;
    position: absolute;
    height: 20px;
    left: -1px;
    right: -1px;
    top: -1px;
    border: 1px solid #E7B400;
    color: #AE8800;
    text-transform: uppercase;
}

#library .explorer .list-item.is-owner.pending:before {
    background-color: rgb(43, 36, 77);
    border: 1px solid rgb(141, 121, 239);
    color: #fff;
}

#library .explorer.grid-view .list-item.is-owner.pending:before {
    font-size: 10px;
}

#library .explorer .list-item.is-owner.pending .btn, #library .explorer .list-item.is-owner.pending .manage .export, #library .explorer .list-item.is-owner.pending .comments {
    display: none;
}

#library .explorer.grid-view .list-item {
    position: relative;
    /* overflow: hidden; */
    height: 250px;
    padding: 10px 15px;
    margin: 1% 0 1% 1.6%;
    width: 23.8%;
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

#library .explorer.list-view .list-item .readmore a {
    margin-bottom: 40px;
}

#library .explorer .list-item .manage {
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
}

#library .explorer .list-item .manage .admin, #library .explorer .comments {
    position: absolute;
    right: 25px;
}

#library .explorer .list-item .manage a {
    margin-right: 15px;
}

#library .explorer .list-item .manage a:hover {
    color: #FFC300;
}

#library .explorer .list-item .manage .admin {
    display: none
}

#library .explorer .list-item .manage .admin a:last-child {
    margin: 0;
}

#library .explorer .list-item.is-owner .manage span {
    display: block;
}

#library .explorer .list-item .manage .export {
    position: absolute;
    left: 25px;
}

#library .explorer.grid-view .list-item .manage, #library .explorer.grid-view .list-item .comments {
    display: none;
}

#library .explorer.grid-view .list-item p {
    margin: 5px;
}

#library .explorer.grid-view .title {
    font-size: 15px;
}

#library .explorer.grid-view .list-item.is-owner .title {
    font-size: 15px;
    margin-top: 15px;
}

#library .explorer.grid-view .list-item .btn {
    padding: 10px;
    position: absolute;
    bottom: 20px;
    ; left: 20px;
    right: 20px;
    z-index: 1;
}

#library .explorer .list-item .readmore .btn .fa {
    top: 2px;
}

#library .explorer .title {
    font-size: 20px;
    font-weight: 600;
}

#library .explorer.grid-view .desc {
    max-height: 120px;
    overflow: hidden;
}

#library .explorer.grid-view .list-item {
    font-size: 12px;
}

#library .explorer.grid-view .list-item:first-child, #library .explorer.grid-view .list-item:nth-child(5n) {
    margin-left: 0;
}

#library .explorer .controls.panel-bottom .label {
    line-height: 27px;
}

#library .explorer .controls.panel-bottom > .pagination, #library .explorer .controls.panel-bottom > .label {
    display: inline-block;
    float: none;
    height: 50px;
    vertical-align: top;
    line-height: 50px
}

#library .explorer .controls.panel-bottom > .dd {
    position: absolute;
    text-align: left;
    max-width: 222px;
}

#library .three-navigation {
    width: 100%;
    display: block;
    margin: 50px 0;
    overflow: hidden;
}

#library .three-navigation ul {
    width: 80%;
    margin: 0px auto;
    clear: both;
}

#library .three-navigation li {
    display: table;
    float: left;
    margin: 1% 0 1% 4%;
    width: 30.66%;
    height: 186px;
    text-align: center;
    padding: 0;
}

#library .three-navigation li:first-child {
    margin-left: 0;
}

#library .three-navigation li a:hover {
    color: #263c75;
}

#library .three-navigation li a:hover .fa {
    color: #263c75;
}

#library .three-navigation li a {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 600;
    color: #717171;
    padding: 88px 0 0 0;
}

#library .three-navigation li .fa {
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 71px;
    color: #7E7E7E;
}

#library .explorer .pagination {
    cursor: pointer;
}

#library .explorer .pagination button,#library .changelog .simple-history-tablenav a {
    height: 50px;
    background-color: #F0F0F0;
    min-width: 50px;
    font-weight: 600;
    line-height: 30px;
    border: 0;
    padding: 0 10px;
    margin-right: 6px;
    display: inline-block;
}

#library .explorer .pagination button:hover,
#library .explorer .pagination button.current,
#library .changelog .simple-history-tablenav a:hover {
    background-color: #263c75;
    color: #fff;
}

#library .explorer .pagination .jplist-current {
    font-weight: bold;
    color: #f03800
}

#library .explorer .pagination .jplist-pagingprev,#library .explorer .pagination .jplist-pagingmid,#library .explorer .pagination .jplist-pagingnext {
    float: left;
}

#library .explorer .jplist-one-page {
    display: none
}

#library .new #title, #library .new #desc {
    width: 100%;
}

#library .new label {
    display: block;
    margin: 10px 0;
}

#library .new .wp-switch-editor {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#library .new .wp-switch-editor:before, #library .new .button:before {
    display: none;
}

#library .new .category {
    float: left;
    width: 28%;
}

#library .new .send_files {
    float: left;
    width: 65%;
}

#library .new .send_files input {
    margin: 25px 0 25px 0;
}

#library .new .send_files input {
    width: 100%;
}

#library .new > .content {
    clear: both;
}

#library .new .submit {
    width: 100%;
    margin-top: 15px;
}

#library .new .submit .btn {
    width: 100%;
}

#library .reading .abstract > div.content p {
    padding: 0 15px;
}

#library .author .content {
    padding: 11px 15px 4px 15px;
}

#library .author img {
    float: left;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#library .author h5 {
    text-transform: uppercase;
    margin: 3px 0 5px 0;
}

#library .author p {
    margin: 0;
    font-size: 12px;
}

#library .files li {
    display: table;
}

#library .files li .info, #library .files li .thumb, #library .files li .manage {
    vertical-align: middle;
    display: table-cell;
}

#library .files li .manage {
    text-align: center;
    width: 20px;
}

#library .files li .thumb {
    vertical-align: middle;
    width: 50px;
}

#library .files li .thumb img {
    vertical-align: middle;
    width: 32px;
    height: auto;
}

#library .files li .manage a {
    font-size: 20px;
    color: #616161;
}

#library .files li .manage a:hover {
    color: #263c75;
}

#library .revisions h4, #library .files h4, #library .comments h4, #library .author h4 {
    background-color: rgb(240, 240, 240);
    margin: 12px 0 4px 0;
}

#library .revisions li, #library .files li {
    padding: 10px 34px;
    font-size: 13px;
    margin: 0 0 4px 0;
    background-color: rgb(249, 249, 249);
    width: 100%;
}

#library .revisions ul.post-revisions, #library .files ul {
    margin: 0;
}

#library .revisions .revision-header {
    padding: 10px;
    border: 1px solid rgb(236, 198, 0);
    background-color: rgb(255, 226, 74);
    margin: 20px 0 10px 0;
}

#library .revisions table.diff {
    width: 100%;
    font-size: 12px;
}

#library .revisions table.diff th {
    text-align: left;
    font-weight: 600;
}

#library .revisions table.diff .diff-deletedline {
    background-color: #fdd;
    width: 50%;
    color: #616161;
}

#library .revisions table.diff .diff-deletedline del {
    background-color: #f99;
    text-decoration: none;
}

#library .revisions table.diff .diff-addedline {
    background-color: #FFE24A;
    width: 50%;
    color: #616161;
}

#library .revisions table.diff .diff-addedline ins {
    background-color: #9f9;
    text-decoration: none;
}

#library .revisions table.diff .diff-context {
    display: none;
}

#library .revisions table td, #library .revisions table th {
    padding: 0 15px;
}

#library .changelog .tablenav.simple-history-tablenav {
    position: relative;
}

#library .changelog ol.simple-history {
    padding: 0;
    margin: 50px 0px;
}

#library .changelog .simple-history > li {
    margin: 30px;
    padding: 15px 15px 15px 69px;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;
    -moz-box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;
    box-shadow: 0 0 0 0 transparent,0 0 10px 1px #F1F1F1 inset;
    background-color: white;
    position: relative;
}

#library .changelog li img {
    position: absolute;
    left: 20px;
    top: 20px;
    margin: 0 15px 0 0;
}

#library .changelog li .first {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 25px;
}

#library .changelog li span.when_detail {
    font-weight: 600;
    float: right;
}

#library .changelog .simple-history-wrap {
    position: relative;
}

#library .changelog .simple-history-loading,#library .explorer .preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.61) url("../img/loading.svg") center 100px no-repeat;
    z-index: 20;
}

#library .changelog .simple-history-loading {
    display: none;
}

#library .changelog .simple-history-is-loading .simple-history-loading {
    opacity: 1;
    display: block;
}

#library .changelog .simple-history-tablenav {
    text-align: center;
    line-height: 50px;
}

#library .changelog .simple-history-tablenav .displaying-num, #library .changelog .simple-history-tablenav input, #library .changelog .simple-history-tablenav a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    vertical-align: top;
}

#library .changelog .simple-history-tablenav input {
    width: 50px;
    text-align: center;
    line-height: 50px;
    padding: 0;
    margin-right: 8px;
}

#library .changelog .simple-history-tablenav .paging-input > span {
    line-height: 50px;
    margin-right: 10px;
}

#library .changelog .simple-history-tablenav a {
    color: #616161;
    font-size: 22px;
    line-height: 47px
}

#library .changelog .simple-history-tablenav.displaying-num {
    position: absolute;
    left: 0;
}

#library .changelog .simple-history-tablenav.paging-input {
    margin: 0 15px;
}

#library .changelog .simple-history-tablenav .disabled {
    display: none;
}

#library .notice {
    padding: 20px;
}

#library .notice .fa {
    font-size: 24px;
    vertical-align: -2px;
}

#library .notice.errors {
    background-color: #263c75;
    color: #fff
}

#library .notice.success {
    border: 1px solid rgb(236, 198, 0);
    background-color: rgb(255, 226, 74);
    font-weight: 600;
}