body{background-color:#000;color:#fff;font-family: Snapfolio, sans-serif;font-weight: 100;}
body.no-sidebar #top-bar {left: 0;}
body.no-sidebar #side-bar{display: none;}
body.no-sidebar #content {margin-left: 20px;}

form div.buttons {text-align:right;margin-top:20px}
form ul, ul.feedbackPanel {list-style: none;margin-left: 0;}
option {color: black;}

.table.table-striped tbody tr:nth-of-type(odd){background-color:#222}
.table th,.table td { border-color: #666;}
.table th a {color: #2a9fd6 }
.input-group-addon{color:#a9a9a9}

div#ajax-indicator {position: absolute;left: 0;top: -12px;height: 77px;width: 66px;}
div#ajax-indicator img {position: absolute; left: 0; right: 0;;height: 77px;width: 66px;}

#top-bar{position:fixed;top:0;right:0;left:225px;min-height:50px;background-color:#222;border-bottom:1px solid #282828;z-index: 9666;}
#top-bar-brand-title {margin-left: 66px;color: gold;}

#side-bar{position:fixed;top:0;left:0;bottom:0;width:225px;background-color:#222;border-right:1px solid #282828}
#side-bar .top-bar-brand{color:#fff;padding:0 0 0 15px;font-size:18px;line-height:50px;height:50px;display:block;border-right:1px solid #222;width:225px}
#side-bar ul{margin:0;list-style:none}
#side-bar li{padding-left:7px;margin:0}
#side-bar li.active{border-left:7px solid #2A9FD6;padding-left:0}
#side-bar li a{color:#BDBDBD;display:block;padding:15px 0 15px 15px}
#side-bar li a:hover{text-decoration:none;background-color:#000}
#side-bar li a i{margin-right:10px}

#content{margin:70px 20px 20px 245px}

.panel{border-radius:5px}
.panel .panel-heading{border-radius: 4px 4px 0 0;padding:8px 15px;color:#fff;background-color:#2a9fd6}
.panel .panel-heading span.panel-title{margin:0;font-size:16px}
.panel .panel-heading span.panel-title i{vertical-align:baseline}
.panel .panel-heading span.panel-tools.right{float:right}
.panel .panel-heading span.panel-tools .btn{margin:0 0 0 5px;height:1.5rem;line-height:1.5rem;padding:0 6px}
.panel .panel-heading span.panel-tools i{color:#fff;vertical-align:text-top}
.panel .panel-body{border-radius: 0 0 4px 4px;padding-bottom:10px;background-color:#222}
.panel p{margin:10px 0 5px}
.panel-primary{border-color:#2a9fd6}
.panel.iframe-preview .panel-body {padding: 0}
.panel.iframe-preview .panel-body iframe { border: none; width: 100%; height: 600px; }
.panel.panel-login {width:400px;margin: 0 auto;}
.panel.panel-login .panel-body {padding: 20px 10px}
.panel.panel-login .panel-body form a {width: 100%;text-align: center;}
.panel.panel-login ul.feedbackPanel {text-align: center;text-decoration: underline;color: gold;margin-bottom: 0;}


.modal.active .modal-overlay{background:rgba(7,8,9,.75)}
.modal-container{background-color:#222;color:#fff;border:1px solid #2a9fd6}
.modal-container .modal-header{color:#fff}
.modal-container .btn.btn-link{color:#fff}
.modal .modal-footer {display: flex;}
.modal .modal-footer div.footer-items-left, .modal .modal-footer div.footer-items-right {flex-grow: 1;}
.modal .modal-footer div.footer-items-left {text-align: left;}
.modal .modal-footer div.footer-items-right {text-align: right;}

.table .column-actions {width:220px;text-align:right}
.table td.column-actions .btn {margin:0 5px}
.table td.column-position {width:100px; padding-top: 5px; padding-bottom: 5px;}
.table td.column-position div { display: flex; flex-direction: column; width: 35px; text-align: center; }
.table td.column-position div span {border-radius: 50%; background-color: #222; border: 2px solid #222; z-index: 3; margin: -3px;}
.table td.column-position div a { display: block; height: 16px;padding: 1px 0 2px;line-height: 0; }
.table td.column-position div a i { padding: 0; margin: 0; height: 12px;}
.table th.column-date {width:150px}


.upload-form tr {background-color: transparent;}
.upload-form.form-horizontal{max-width:666px;margin:10px auto;}
.upload-form .upload-field {float: left;}
.upload-form div.submit {text-align: right;}
.upload-form.form-horizontal td {max-width:500px;overflow: scroll;}
.upload-form .input-group-addon{padding-top:10px}
.upload-form .input-group-btn.btn-lg{height:2.4rem}

.wupb-container, .uploadProgress{clear: both;}

.photo-list .cards{padding:10px;display:flex;flex-wrap:wrap;justify-content:space-around;position:relative}
.photo-list .card{width:290px;height:220px;text-align:center;margin:10px;background-color:#333;border:1px solid #666;border-radius:4px;position:relative}
.photo-list .card .card-handle{top:0;left:0;position:absolute;width:30px;height:30px;background-color:#444;border:1px solid #666;border-radius:0 0 4px 0;border-style:none solid solid none}
.photo-list.photo-list-unpublished .card .card-handle { display: none; }
.photo-list .card.is-pointer-down{position:absolute;z-index:999}
.photo-list .card.is-pointer-down .card-handle{color:#adff2f}
.photo-list .card.placeholder{border:1px dotted #fff}
.photo-list .card .card-image{padding:0}
.photo-list img{display:block;max-width:288px;max-height:160px;width:auto;height:auto;margin:0 auto}
.photo-list .card a{position:absolute;left:0;right:0;top:0;bottom:0}

.modal.photo-modal img{border:1px solid #fff;display:block;margin:0 auto;max-width:400px;max-height:400px;width:auto;height:auto;}
.modal.photo-modal .input-group-addon{display:block;width:36px;text-align:center}

.blog-part-image {clear: both;}
.blog-part-image img{display:block;max-width:80%;max-height:800px;width:auto;height:auto;margin:20px auto;}
.edit_blog_part {margin: 20px auto;padding: 0 10px 10px;background-color:#333;border:1px solid #666;border-radius:4px;}
.edit_blog_part img {display:block;max-width:320px;max-height:320px;width:auto;height:auto;margin:20px auto}
.edit_blog_part textarea {background-color: black; color: white;}
.edit_blog_part .btn.btn-error {display: block; margin: 20px auto;width: 36px;}
.blog-part-edit .btn {margin-left: 5px;}


div#login-panel {width: 400px; margin-left: auto; margin-right: auto;}

div#login-panel form {margin: 20px;}

div#dashboard {}
div#dashboard h2 {color: #8a8d93;}
div.inline-stats {display: flex;margin-bottom: 30px;flex-wrap: wrap}
div.inline-stats div.stats {padding: 20px;background: #2d3035;flex-grow:1;margin: 0 10px 10px;position: relative;}
div.inline-stats div.stats.hidden {opacity: 0.5}
div.inline-stats div.stats a.edit {display: block;width:20px;height: 20px;border-radius: 50%;background-color:#CF53F9;color:#2d3035;margin-top: -3px;line-height: 17px;font-size: 24px;padding-left: 2px;z-index: 1000;}
div.inline-stats div.stats a.edit:hover {text-decoration: none;color: white;}
div.inline-stats div.stats a.title {color: #8a8d93;text-transform: uppercase;letter-spacing: 0.1em;font-size: 0.9rem;display: inline-block;width: calc(100% - 90px);min-width: 150px;}
div.inline-stats div.stats a.title:hover {color: white;}
div.inline-stats div.stats div.number {color: #CF53F9;font-size: 2.2rem;display: inline-block;width: 80px;overflow: hidden;text-align: right;}
div.inline-stats div.stats div.progress {float: right;width: calc(100% - 18px);height: 4px;border-radius: 30px;overflow: hidden;background: #393c43;margin-top: 5px;}
div.inline-stats div.stats div.progress div.progress-bar {height: 4px;border-radius: 30px;background: #CF53F9;}