html {
  font-size: 12px;
}
@media (min-width: 768px) {
  html {
    font-size: 12px;
  }
}

.container {
  max-width: 960px;
}

.pricing-header {
  max-width: 700px;
}

.card-deck .card {
  min-width: 220px;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.module {
	margin-bottom: 2em;
}

.module h3 {
	margin-bottom: 0.8em;
}

.module th {
	color: gray;
	font-weight: normal;
}

.nav-tabs {
	margin-bottom: 2em;
}

.action-buttons {
	margin-bottom: 1em;
}

.note-meta {
	display: block;
	text-transform: uppercase;
	color: gray;
	letter-spacing: 1px;
	font-size: 14px;
	margin-bottom: 10px;
}

.note-body {
	background: #f6f6f6;
	padding: 1.5em 2em;
	border-radius: 10px;
	margin: 2em auto;
}


body.my-login-page {
	background-color: #f7f9fb;
	font-size: 14px;
}

.my-login-page .card-wrapper {
	width: 400px;
	margin: 0 auto;
}

.my-login-page .card {
	border-color: transparent;
	box-shadow: 0 0 40px rgba(0,0,0,.05);
}

.my-login-page .card.fat {
	padding: 10px;
}

.my-login-page .card .card-title {
	margin-bottom: 30px;
}

.my-login-page .form-control {
	border-width: 2.3px;
}

.my-login-page .form-group label {
	width: 100%;
}

.my-login-page .btn.btn-block {
	padding: 12px 10px;
}

.my-login-page .margin-top20 {
	margin-top: 20px;
}

.my-login-page .no-margin {
	margin: 0;
}

.my-login-page .footer {
	margin: 40px 0;
	color: #888;
	text-align: center;
}

@media screen and (max-width: 425px) {
	.my-login-page .card-wrapper {
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 320px) {
	.my-login-page .card.fat {
		padding: 0;
	}

	.my-login-page .card.fat .card-body {
		padding: 15px;
	}
}

.action-buttons {
	padding: 2em 0;
}


/* Bootstrap Overrides */

a {
	color: #212529;
}

a:hover {
	color: black;
}

.blue-links a {
	color: #4DC8FF;
}

.btn-success {
	color: white !important;
	background: #78DB8C !important;
	border: 1px solid #78DB8C !important;
}

.btn-success:hover {
	background: #6FC280 !important;
	border: 1px solid #6FC280 !important;
}

.btn-warning {
	background: #F88E47 !important;
	color: white !important;
	border: 1px solid #F88E47 !important;
}

.btn-warning:hover {
	background: #E47932 !important;
	border: 1px solid #E47932 !important;
}

.btn-outline-primary {
	color: #4DC8FF !important;
	border: 1px solid #4DC8FF !important;
}


.btn-outline-primary:hover {
	background: #4DC8FF !important;
	color: white !important;
}

.btn-primary {
	background: #4DC8FF !important;
	color: white !important;
	border: 1px solid #4DC8FF !important;
}

.btn-primary:hover {
	background: #39AFE4 !important
}

.btn-outline-danger {
	color: #EE7272 !important;
	border: 1px solid #EE7272 !important;
}

.btn-outline-danger:hover {
	color: white !important;
	border: 1px solid #EE7272 !important;
	background: #EE7272 !important;
}

.page-link {
	color: #4DC8FF;
}
.page-item.active .page-link {

    z-index: 1;
    color: #fff;
    background-color: #4DC8FF;
    border-color: #4DC8FF;

}

/* Badge Overrides */

.badge {
	padding: 1em;
}

.badge-primary {
	background: #4DC8FF;
}

.badge-success {
	background: #78DB8C;
}

.badge-warning {
	background: #F88E47;
}

.badge-danger {
	background: #EE7272;
}

/* Video */

.video-sidebar {
    height: calc(100% - 87px);
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: black;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
	margin-top: 87px;
}

.video-sidebar .closebtn {
    position: absolute;
    bottom: 25px;
    left: 45%;
    right: 40%;
    font-size: 20px;
	z-index: 100;
	width: 60px;
	height: 60px;
	padding-top: 14px;
	background: #EE7272;
	text-align: center;
	border-radius: 50%;
	color: white;
	vertical-align: middle;
	display: inline;
	transform: rotate(-135deg);
	transition: all 0.2s ease;
}

.video-sidebar .closebtn:hover {
	background: #CB5B5B;
}

#main {
    transition: margin-right .5s;
    padding: 16px;
}

#videos {
    position: relative;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
#subscriber {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*z-index: 10;*/
}
#publisher {
    position: absolute;
    width: 150px;
    height: 100px;
    top: 10px;
    left: 10px;
    /*z-index: 100;*/
    border: 3px solid white;
    border-radius: 3px;
}


.diag-template {
     padding-bottom:10px;
     padding-left:0px;
     padding-right:30px;
}

.diag-template-name {
     padding-left:0px;
}
.diag-select-template-button {
     width: 100%;
}
.diag-template-add {
     min-width: 150px;
     margin-bottom:10px;
}


.image-item {
	padding-bottom: 6px;
	padding-top: 6px;
}

.active-menu-item {
	font-weight: bold;
	text-decoration: underline;
}