.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    font-family:ProximaNova;
    background-color:#f5f5f5;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.modal.fade {
    top: -25%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
    top: 10%;
}

.modal-header {
    padding: 9px 15px;
    font-size:9px;
    text-transform: uppercase;
    font-weight:normal;
    font-family: Johnson;
}

.modal-header .close {
    margin-top: 2px;
}

.modal-header h3 {
    margin: 0;
    line-height: 30px;
}

.modal-body {
    position: relative;
    max-height: 400px;
    padding: 0 15px;
    overflow-y: auto;
    margin-bottom: 15px;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
*zoom: 1;
}

.modal-footer:before,
.modal-footer:after {
    display: table;
    line-height: 0;
    content: "";
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn + .btn {
    /* margin-bottom: 0;
     margin-left: 5px;*/
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}


#myModal .modal-body, #myModal .modal-footer {
    text-align: center;
}

.modal .modal-header img {
    margin: 0 10px 0px 0;
}

.custom-modal .modal.fade.in,
.custom-modal .modal.in {
    /*top: 40%;*/
}


.modal li, .modal .nav-pills > li
{
    float:none;
}
.modal .nav-pills > li a
{
    display:inline;
    padding-left:0
}
.modal a.close-modal-button, .collection-trash-icon
{
    background-repeat:no-repeat;
    background-position:center;
    width: 20px;
    height: 20px;
    background-size: 80%;
    display: inline-block;
}

.modal-hidden-container {
    display: none;
    padding-left: 20px;
    padding-bottom: 10px;
}


/*.modal-collection-select input[type=text],.modal-collection-select select, .modal-collection-select textarea {
    background-color: transparent;
    color: black;
}*/


.modal-collection-select .control-group {
    border-top: 1px solid #a9a9a9 ;
}

.modal-admin-item, .js-follow-artist {
    border-top: 1px solid #4d4d4d;
}

.modal-admin-item .pending-user-icon {
    width:50px;
    height:50px;
}

.modal-admin-item .inline-block
{
    float:right;
    margin-top:10px;
}

.modal-admin-item img, .modal-admin-item .pending-user-icon
{
    margin-right:10px;
    height:50px;
    width:50px;
    vertical-align:middle;
	display: inline-block;
}
.modal-admin-item-cell {
	display: table-cell;
	width: 440px;
}
.follower-pending-icon {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	vertical-align: middle;
}
/*.for-buttons .first1, .for-buttons .modal-query-btn1 {
.for-buttons .first1, .for-buttons .modal-query-btn1,.extraclass-collection-select .btn-primary {
    background-color: transparent;
    color: #00cbaf;
    border: 1px solid #00cbaf;
}
.for-buttons .first2, .for-buttons .modal-query-btn2 {
    background-color: transparent;
    color: #d3d3d3;
    border: 1px solid #d3d3d3;
}*/
/*
.extraclass-collection-select .btn-primary {
    background-color: transparent;
    color: #00cbaf;
    border: 1px solid #00cbaf;
}*/

.js-hidden-buttons
{
    margin-top:20px;
}

.js-admins-items {
    margin-top: 20px;
}
.modal .bbf-date-new {
    margin-top: 15px;
}

.modal-collection-select input[type=text],.modal-collection-select textarea, .modal-collection-select select {
    border: 1px solid #d3d3d3;
}
.modal-collection-select .form-horizontal, .modal .form-horizontal {
    width:98%;
}

.modal .promo-box-img {
    width: 100px;
    display: inline-block;
    vertical-align: top;
    margin-right:10px;
}
.modal .promo-box-title {
    display: inline-block;
    width: 350px;
    vertical-align: top;
}
.modal .promo-box-news {
    /*margin-bottom: 30px;*/
}
.modal .promo-box-news a {
    font-size: 24px;
    font-weight: bold;
    color: #a9a9a9;
}
.modal .promo-box-news a:hover {
    color: #a9a9a9;
}
.modal .promo-site-title,.promo-site-promote-title {
    border-bottom: 1px solid #a9a9a9 ;
    margin-top: 10px;
    padding-bottom:10px;
}
.modal .promo-site-title span,.promo-site-promote-title span {
    color: #00cbaf;
    font-size: 24px;
    margin-left: 10px;
    vertical-align: text-bottom;
}
.modal .promo-site-promote-title {
    margin-top: 30px;
}

.modal .facebook-circle-promo
{
    background-image:url('/images/facebook_logo_f5f5f5.svg');
    background-size: 30%;
    width:35px;
    height: 35px;
    background-color:#00c8af;
}

.modal .twitter-circle-promo
{
    background-image:url('/images/twitter_logo_f5f5f5.svg');
    background-size: 75%;
    width:35px;
    height: 35px;
    background-color:#00c8af;
}

.modal .tumblr-circle-promo
{
    background-image:url('/images/tumblr_logo_f5f5f5.svg');
    background-size: 50%;
    width:35px;
    height: 35px;
    background-color: #00c8af;
}
.modal .newsletter-circle-promo
{
    background-image:url('/images/messages_icon_4d4d4d.svg');
    background-size: 85%;
    width:35px;
    height: 35px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}

.modal .shoutabl-circle-promo
{
    background-image:url('/images/site_icon_4d4d4d.svg');
    background-size: 85%;
    width:35px;
    height: 35px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}
.modal .facebook-icon-promo {
    background-image:url('/images/facebook_logo_00c8af.svg');
    width:20px;
    height: 20px;
    background-size: 35%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}
.modal .twitter-icon-promo {
    background-image:url('/images/twitter_logo_00c8af.svg');
    width:20px;
    height: 20px;
    background-size: 85%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}
.modal .tumblr-icon-promo {
    background-image:url('/images/tumblr_logo_00c8af.svg');
    width:20px;
    height: 20px;
    background-size: 85%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}

.modal .shout-icon-promo {
    background-image:url('/images/shoutabl_logo_00C8AF.svg');
    width:35px;
    height: 35px;
    background-size: 85%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}

.modal .promote-icon-promo {
    background-image:url('/images/share_icon_00c8af.svg');
    width:35px;
    height: 35px;
    background-size: 85%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}


.modal .facebook-circle-postpromote
{
    background-image:url('/images/facebook_logo_4d4d4d.svg');
    background-size: 30%;
    width:35px;
    height: 35px;
    background-color:#ffffff;
}

.modal .twitter-circle-postpromote
{
    background-image:url('/images/twitter_logo_4d4d4d.svg');
    background-size: 75%;
    width:35px;
    height: 35px;
    background-color:#ffffff;
}

.modal .tumblr-circle-postpromote
{
    background-image:url('/images/tumblr_logo_4d4d4d.svg');
    background-size: 50%;
    width:35px;
    height: 35px;
    background-color: #ffffff;
}

.share-label .circle-on:not([disabled]), .share-label .circle:not([disabled]):hover
{
    background-color: #00c8af;
}

.share-label.turned-off {
    opacity: .5;
}

.share-label.turned-off:not(.label-disabled):hover {
    opacity: 1;
}

.share-label:not(.turned-off):not(.label-disabled):hover {
    opacity: .5;
}



.label-disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

@media (max-width: 767px) {
    .modal.fade.in {
        position: absolute;
        top:0px;
        left:0px;
        right:0px;
        width:100%;
        margin: 0px;
        overflow: hidden;
    }
    .custom-modal .modal.fade.in,
    .custom-modal .modal.in {
        top:0px;
    }
    .modal-body {
        max-height: none;
        height: 86%;
    }
}



/* "content" modal styles */

.content.modal a.close-modal-button {
    background-image:url('/images/exit_icon_1f1f1f.svg');
}

.modal.content
{
    background-color:#f5f5f5;
}

.modal.content .control-group {
    border-top: 1px solid #c7c7c7 ;
    padding-top:5px;
}

.modal.content label {
    color: #c7c7c7 ;
    font-size:12px;
}

.modal.content input, .modal.content textarea {
    border:none;
    font-family:ProximaNova;
}

/* "system" modal styles */

.modal .site-holder.off .avatar, .modal .site-holder.off .title
{
    opacity: .4
}

.system-query .modal-footer {
    border-top: none;
    box-shadow: none;
    -moz-box-shadow: none;
}
.system.modal .modal-header {
    border-bottom: none;
}

.system.modal {
    background-color: #000;
    color: #a2a2a2;
}

.system.modal a.close-modal-button {
    background-image:url('/images/exit_icon_f5f5f5.svg');
    cursor:pointer;
}

.system.modal .modal-body::-webkit-scrollbar
{
    width: 8px;  /* for vertical scrollbars */
    height: 8px; /* for horizontal scrollbars */
}
.system.modal .modal-body::-webkit-scrollbar-track, .modal-collection-select::-webkit-scrollbar-track
{
    background: #000;
}
.system.modal .modal-body::-webkit-scrollbar-thumb, .modal-collection-select::-webkit-scrollbar-thumb
{
    background: #4d4d4d;
}


.system.modal div.js-admins-items > div a.btn-remove-permission, .system.modal .trash-icon, .collection-trash-icon
{
    background-image: url('/images/trash_icon_858585.svg');
}