#xurl-login {
    width:400px;
    margin:50px auto 0 auto;
    text-align: left;
}


.xurl-post {
max-width: 750px;
    margin: 0px auto 40px;
    background: #efefef;
    padding: 20px;
    padding: 20px 20px;
    position: relative;
    box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);
}
.xurl-post-title {
}

.xurl-post-attachments .attachment-thumb {
    background-color: #ffffff;
}
.xurl-post-attachments {
	margin-bottom:10px;
	margin-left:-10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
.xurl-post-description {
	border-bottom: 2px solid #dfdfdf;
	margin: 0 0 25px;
	padding-bottom: 10px;
}
#xurl-login h4 {
	color: #ffffff;
}

div[id^="xurl-editor-popup-xurls-"], div[id*=" xurl-editor-popup-xurls-"] {
    font-size: 100% !important;
}
#xurl-mainview #b2b_content .container-fluid {
	background: #ffffff;
}

#xurl-mainview #b2b_content .navbar .container-fluid {
	background: #222c37;
}

#xurl-mainview .well {
	color: #fff;
	background-color: #00cccc;
	border-color: #00cccc;
	margin: 40px 20px !important;
}

#xurl-mainview .well table {
	font-size: 115%;
}

#xurl-mainview .well table td {
	padding-right: 5px;
}

#xurl-mainview .well  .xurl-attachment-title {
	font-weight: 500;
	font-size: 180%;
	text-transform: uppercase;
}

#xurl-mainview #b2b_content .xurl-post h4 {
	color: #ffffff;
	background-color: #10ce90;
	padding: 5px 10px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 24px;
	margin-top: 20px;
	line-height: 1.333333;
}
.xurl-attachment-info a.btn{
	color:#fff;
	background:#10CE90;
	border:none;
	border-radius:0px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-size: 16px;
	font-weight: bold;
}
.xurl-attachment-info a.btn:hover{
	background:#57aa8f;
}

#xurl-body {
	background: #ffffff;
}

#xurl-body #b2b_content #xurl-autoplayer {
	background: #efefef;
	padding: 10px;
	max-width: 450px !important;
	width: 100% !important;
}

#xurl-body #b2b_content #xurl-autoplayer img {
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
}

#xurl-body .navbar-default {
    background-color: #ffffff;
    border: none;
}

#xurl-body .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
    width: 300px;
    margin: 0 auto;
    display: block;
    padding: 0;
    height: auto;
    float: none;
    margin-top: 30px;
}

#xurl-body .navbar-header {
  float: none;
}

#xurl-body .header-logo {
	max-width: 300px;
	max-height: 140px;
	height: auto;
	margin: 0 auto;
	top: auto;
	transform: none;
  
}

#xurl-body .navbar {
	margin-bottom: 30px;
}



.xurl-post-info .btn{
	font-size: 16px;
}

.xurl-post-info {
   text-align: center;
}

.xurl-attachment-info {
    width:100%;
    margin:10px auto 0 auto;
    text-align:center;
}
.xurl-attachment-title {
    font-weight: bold;
    font-size:110%;
    margin:2px 0;
}

.xurl-post .attachment-item img {
	/*width: 100%;*/
}
.xurl-post .attachment-thumb {
	padding: 0;
	padding-bottom: 100%;
}

@media screen and (min-width: 550px) {
	#xurl-body #b2b_content #xurl-autoplayer {
	  padding: 20px;
	}
}

@media (min-width: 825px) {
	.xurl-post-attachments .attachment-item {
		width: 25%;
	}
}

@media (min-width: 825px) {
	.xurl-post-attachments .attachment-item.items-1, .xurl-post-attachments .attachment-item.items-2  {
		width: 50%;
	}
}
@media (min-width: 825px) {
	.xurl-post-attachments .attachment-item.items-3 {
		width: 33.333%;
	}
}