@charset "utf-8";
/* CSS Document */

body {
    padding-top: 50px;
    padding-bottom: 20px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
img {height: auto; max-width: 100%;}
.navbar-default {
	 background-color:#4D7FD3;
}
.nav_g
{
    background-color:#5DD327;
}
.nav_b
{
    background-color:#000000;
}
.navbar-default .navbar-nav > li > a {
  color: white;
}
.GETopNav {
    color: white;
    padding-bottom: 18px;
    padding-top: 18px;
    padding-left: 4px;
    padding-right: 4px;
}
.GETopNavblack
{
    background-color:black;
}
.GETopNavGreen {
    background-color: green;
}    
.red{border-top:4px solid red;}

.snh{color:#123AA9;font-family: arial;font-weight: bold;text-decoration:none;}
.sng{border-right: #cccccc 1px solid;border-top: #cccccc 1px solid;border-left: #cccccc 1px solid;border-bottom: #cccccc 1px solid;background-color: #f0f0f0;padding-bottom :5px;padding-top :5px;padding-left :10px;}.snh{color:#123AA9;font-family: arial;font-weight: bold;text-decoration:none;}.sni{font-size: 0.9em;color: #000000;font-family: arial;}.snj{font-size: 0.9em;color: #506fbf;font-family: arial;font-weight:bold;}.snk{font-size: 0.9em;color: #2c2c2c;font-family: Arial;font-weight:bold;}.snl{font-size: 1.7em;color: #ffffff;font-family: Verdana;}.snm{font-size: 1.2em;font-weight:bold;color: #6eac2d;font-family: arial;background-color: #ffffff;border:0px;cursor:pointer;cursor:hand;}.snn{font-size: 1.4em;color: #ffffff;font-family: Arial;text-decoration:underline;}.sno{color:#1858C4;font-family: Arial;	font-weight: bold;	text-decoration: none;}a.sno:hover{color:#1858C4;font-family: Arial;	font-weight: bold;	text-decoration: underline;}.snp{font-weight: bold;font-size: 1.2em;color: #e2000a;font-family: arial;}.snq{padding:3px;font-size: 1.2em;font-weight:bold;color: #000000;font-family: arial;background-color: #33AEF1;border:0px;cursor:pointer;cursor:hand;}
.sne{background-color: #2fb4ed;padding-bottom: 5px; padding-top: 5px;  font-weight: bold;  font-size: 1.2em;  font-family: arial;  color: #ffffff;}.snf{font-size: 1.2em;color: #000000;font-family: arial;padding-bottom: 5px; padding-top: 5px;text-decoration:none;}a.snf:hover{font-size: 1.2em;color: #000000;font-family: arial;padding-bottom: 5px; padding-top: 5px;text-decoration:underline;}.sng{border-right: #cccccc 1px solid;border-top: #cccccc 1px solid;border-left: #cccccc 1px solid;border-bottom: #cccccc 1px solid;background-color: #f0f0f0;padding-bottom :5px;padding-top :5px;padding-left :10px;}.snh{color:#123AA9;font-family: arial;font-weight: bold;text-decoration:none;}
.snt{font-size: 1.2em;font-weight:bold;padding:5px;color: #ffffff;font-family: arial;background-color: #6eac2d;border:0px;cursor:pointer;cursor:hand;}











.inner-content h2{
	font-size: 13px;
    margin: 0; font-weight:600;}
	
	.inner-content p{padding:0!important; font-size:1rem; margin:0;}
	.video-icon img{
        border-radius: 100%;
    width: 50px;
    height: 41px;}
.inner-content{margin-top:7%;font-size:1rem;}

.inner-content .col-sm-3{padding-right:0}
.inner-content .col-xs-9{padding-left: 0;}
iframe{height:100%;}

.videolist{margin-top: 2%;
    padding-bottom: 2%;
    border-bottom: 2px solid #ccc;}
	.time{float:right}
	.videolist a{color:#000}
	
	
	.upload-file{margin-top:2%;}
	
	.upload-file .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.upload-file .btn {
      color: #fff;
    background-color: #00adef;
    padding: 7px 82px;
    border-radius: 3px;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 10%;
}
.btn.btn-upload{ width: 78%;
    padding: 2% 0;
    font-size: 1.7rem;
    color: #222;
    font-weight: 600;border-radius: 3px;}
.upload-file .upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.upload-btn-wrapper{margin: 0;
    text-align: center;}	
	.upload-btn-wrapper img{margin: 0 auto;}


.videodetail{margin-top:3%;}
.title-follow h4{display:inline-block;}
.title-follow{position: relative;display: flow-root;}
.video-inner.inner-content{margin-top:0;}
.video-inner.inner-content h2{margin: 15px -22px 0px; display:inline-block;}
.comment-list span{margin-left: 3%;}

.video-inner.inner-content .comment-list h2 {
    margin: 6px 1px 0px;
    display: inline-block;
}

.comment-list .reply,.comment-list .edit{color:#8A9599;font-weight: 600;}

.comment-list .delete{color:#FF4D4D;font-weight: 600;}

.comment-list .btn-grp{float:right;}

.comment-list p{font-size:1.5rem;}

.video-inner.inner-content .comment-list .video-icon img {
    border-radius: 100%;
    width: 30px;
    height: 32px;
}

.video-inner.inner-content .video-icon img {
    border-radius: 100%;
    width: 50px;
    height: 50px;
}
.video-inner.inner-content .col-md-11{padding-left:0;}
.listview ul{padding:0; margin:0;}
.listview ul li{display:inline-block;}
.listview{margin-top:1%;}
.listview .btn{ background:none; outline:none}
.social-group ul li{display:block;}
.social-group{    position: absolute;
    margin: 0px auto;
    text-align: center;
    background: #4d7fd3;
    border-radius: 10px;
    right: 0;
    top: 50px;}
	.social-group ul{display:contents;}
.btn-message img{background: #fff;
    border-radius: 4px;}
.views-times{    float: left;
    color: #949090; clear:both;}
.comment textarea.form-control{width:100%; max-width:100%;}	
.show-details{padding:2% 0;}
.show-details p{font-size:1.5rem;}	
.title-follow .btn{
	color: #fff;
    background-color: #4d7fd3;
    border-color: #4d7fd3;
	float: right;
    margin: 0.5% 0 0 1%;
    padding: 0.5% 2% !important;
    display: block;
	}
	.embed-container {
  --video--width: 1296;
  --video--height: 540;

  position: relative;
  padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
  overflow: hidden;
  max-width: 100%;
  background: black;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
	
	@media(max-width:767px)
	{
		.inner-content {
    margin-bottom: 5%;
}
.upload .form-control{border-radius:0;}
.videolist img{width:100%;}
.inner-content img{width:auto; height:auto;}
.videolisting{margin-top:3%}
.inner-content h2 {
    font-size: 1.6rem;
}
.views-time{font-size:1.5rem;}
.upload-file .row{width: 100%;
    display: flex; margin:0;}
	.btn.btn-upload{width:100%;}
	.videodetail {
    margin-top: 3%;
}
.title-follow .btn {
     margin: 2% 0 0 1%;}
	 
	 .video-inner.inner-content h2 {
    margin: 8px 0 0;
}
.video-inner.inner-content .video-icon img {
    border-radius: 100%;
     width: auto;
    height: auto;
}
.social-group{
    z-index: 10;}
.upload-file .btn{padding:7px 70px;}
	}