html, body {height: 100%;}
body {font-family: "Montserrat","Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.428571429;color: #ffffff;background-color: #232323;letter-spacing: 0.5px;}
h1{font-size: 30px;overflow: hidden;text-overflow: ellipsis;}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 0px;}
:focus { outline: none !important; outline: 0 !important;}
#app{min-height: 100%;margin: 0 auto -30px;}
#main {overflow:auto;padding-bottom:130px;}
.footer {position: relative;margin-top: -30px;height: 30px;clear:both;text-align: center;line-height: 30px;color: gray;font-size: 10px;}
.footer a{color: gray;}
.footer a:hover{color: gray;}

.w100{width: 100% !important;}

#doneButton{float: right;}
.close{color: #bfbfbf;text-shadow:none; opacity:1;font-size: 27px;}
.close:hover{color: #bfbfbf;opacity:0.8;}

.media-group{margin-bottom: 10px;}
.media-details{padding: 5px 0 5px 0}
.media-title{line-height: 20px; min-height: 40px;width: calc(100% - 50px);float: left;display: block;margin: 0;font-size: 14px;color: #a09f9d;}
.media-options{float: left;width: 40px;line-height: 20px;margin-left: 10px;}

.content-editable:empty:before {content: attr(placeholder);}
.content-editable:hover:after {background-image: url('/img/edit.png');background-size: 15px 15px;display: inline-block;width: 15px; height: 15px;margin-left:10px;content:"";}
.content-editable:empty:focus:before, .content-editable:focus:after {content: "";background-image: none;}
.content-editable:hover:after img{width: 20px;height: 20px;}

.nav .fa-lg{vertical-align: -5%;margin-right: 5px;}
.form-group-bottom{margin-bottom: 0;}
#user_message{background:#eb6395;position:fixed;margin:0 auto;padding:5px;right:0;left:0;top:10px;line-height: 30px;color: #fff;display: none;z-index: 1500;width: 200px;border-radius:5px;text-align: center;}

a{color: #eb6395;}
a:active,  a:visited, a:focus{text-decoration: none;}
a:hover{color: #FFFFFF;text-decoration: none;}

.other-login-methods .btn{width: 57px;}
.other-login-methods.btn-fa .fa{display: inline;float: none;border-right: none;}

.sign-in{margin-right: 20px;}
.sign-in .dropdown-menu a{color: #a09f9d;padding: 10px 15px;}
.sign-in .dropdown-menu li{padding: 0;}
.sign-in .dropdown-menu li i{width: 20px;}
.navbar-collapse .hidden-sm i{width: 20px;}

.pink{color: #eb6395;}
.pull-right{float: right !important;}

.link-account{color: gray;}
.link-account:hover{color: #fff;text-decoration: none;}

.w-100{width: 100% !important;}
.ta-center{text-align: center;}

#user{max-width: 930px;}

#title_modified{display: none;color: #eb6395;font-weight: bold;}

#home-box{width: 340px;text-align: center;position: fixed;top: calc(50% - 170px);left: calc(50% - 170px);}
#home-box img{width: 150px;display: block;margin: 0 auto;  margin-bottom: 30px;}
#home-box .btn{margin: 0 auto;padding: 4.5px 0;}

.upload{width: 100%;}
.uploading-img, .encoding-img{width: 100%;}
.progress-pourcent{text-align: center;padding: 10px;}
.progress-bar{height: 5px;width: 1px;background-color: #fff;border-radius:5px;}

.panel-default>.panel-heading {    background-color: transparent;    border-color: transparent; color: #fff;}
.panel-heading {padding: 15px;border-bottom: none;}
                  
h4{font-size: 18px;}
.panel{background-color: #1b1b1b;border: 0px;border-radius: 5px;}
 
#add_more_file{display: none;}
input{color: #111;}
#add_more_box, #done_box{text-align: center;margin: 20px;}
#add_more_button{margin: 50px 0 20px 0;}

.navbar-right{margin-right: 0;} 
.nav .avatar img{width: 38px;height: 38px;}
.nav .avatar a{padding: 15px 25px 10px 20px;}
.navbar-logo img{display: block;height: 30px;float: left;margin: 10px;}

.navbar-inverse{background-color: #000;border: none;}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text{color: #bfbfbf;font-size: 12px; }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{color: #ffffff;}

.dropdown-menu{right: 0px;left:auto;min-width: 160px !important;margin: 3px -1px 0 0px;color: white;background-color: #232323;font-size: 12px;line-height: 12px;padding: 0px;border: 1px solid #A09F9D !important;border-radius: 2px;}
.dropdown-menu li{color: white;padding: 6.5px 14px;color: #a09f9d;cursor: pointer;}
.dropdown-menu li i{padding-right: 5px;}
.dropdown-menu > li:hover, .dropdown-menu > li:focus {color: #262626;text-decoration: none;background-color: #f5f5f5;}


.btn-primary {color: #ffffff;background-color: #e7614e;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {color: #ffffff;background-color: #e13921;border-color: #c4301b;}
.btn-default {color: #ffffff;background-color: #242424;border-color: #171717;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {color: #ffffff;background-color: #0a0a0a;border-color: #000000;}
.btn-pink{    background-color: #eb6395;color: #1b1b1b;border-radius: 2px;}
.btn-pink:hover {background-color: #db467e;color: white;}

.btn-grey{border: 1px solid #A09F9D !important;color: #A09F9D;border-radius: 2px;background-color: transparent;}
.btn-grey:focus{color: #A09F9D;}
.btn-grey:hover{border-color: #eb6395 !important;color: #eb6395 !important;}

.btn{border-color: transparent;}
.btn:hover{color: #ffffff;text-decoration: none;}
.btn span {    display: block;    text-align: center;    line-height: 36px;    font-size: 12px;    letter-spacing: 0.5px;    font-weight: bold;    text-transform: uppercase;}
.btn b{font-weight: normal;}

.btn-fa {   margin-top: 10px;    margin-bottom: 10px;}
.btn-fa .fa {display: block;width: 40px; text-align: center; line-height: 36px;float: left; border-right: 1px solid #e3759f;}
           
.btn-link {  color: gray;  font-size: 12px;}
             
.btn-lg-240 {width: 240px;}

.btn-small{font-size: 12px !important;padding:4px 8px !important;}

.dt, kbd kbd, label { font-weight: normal;}

.modal-header {padding: 10px 15px;border-bottom: 1px solid #111;background-color: #151515;}
.modal-title {margin: 0;line-height: 1.428571429;color: #ffffff;font-weight: 500;font-family: inherit;}
.modal-content {background-color: #232323;color: #eee;border-radius: 4px;border: none;}
.modal-footer{border-top: none;}

.user-info{line-height: 40px;margin-bottom: 5px;font-size: 20px;height: 40px;color: #A09F9D;}
.user-info .fa-user-o{color: #A09F9D;vertical-align: top;line-height: 40px;height: 40px;}
.user-info button{vertical-align: top;margin-top: 5px;}
.username{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #eb6395;}
.username a{color: #eb6395;margin-right: 10px;display: inline-block;max-width: calc(100% - 160px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 40px;line-height: 40px;}
.username a:hover{color: #ffffff;}
.user-info.text-right{font-size: 14px;}
.user-info.text-right .btn{margin-top: -3px; vertical-align: middle;}

.album{position: relative;padding-bottom: 10px;padding-left: 5px !important;padding-right: 5px !important;}
.album a{color: #ffffff;}
.album .album-title{position: absolute;top: 0;left: 10px; right: 10px;z-index: 2;line-height: 20px;height: 40px;overflow: hidden;color: #ffffff;text-shadow: 0 0 2px #000;opacity:0.7;}
.album .album-bottom-right{position: absolute;bottom: 12px;float:right;right:12px;z-index: 2; opacity:0.7;text-shadow: 0 0 2px #000;}
.album .album-bottom-left{position: absolute;bottom: 16px;float:left;left:12px;z-index: 2;opacity:0.7;}
.album .album-bottom-user{position: absolute;bottom: 12px;float:left;left:12px;z-index: 2;opacity:0.7;max-width: 50%;overflow: hidden;height: 20px;text-shadow: 0 0 2px #000;}
.album .btn.album-delete { padding: 6px 8px;}
.album .album-privacy{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: 55px;width: 90px;opacity: 0.7;text-shadow: 0 0 2px #000;}
.album .album-privacy i{font-size: 70px;cursor: pointer;color: #fff;}

#albums.row{margin-left: -5px !important;margin-right: -5px !important;}
#albums img{display: none;}
#albums img.active{display: block;}

#album .img-front{max-height: 70vh !important;display: block;margin: 0 auto;z-index: 2;opacity:1;position: relative;max-width: 100%;cursor: pointer;}
#album .img-back{width: 100%;height: auto; webkit-filter:blur(15px);filter:blur(15px);}
.img-blur{position: absolute;top: 0;left: 0;width: 100%;opacity:0.5;z-index: 1;-}
.img, .video{position: relative;overflow: hidden;}

.display-none {display:none;}

.nav .avatar i { font-size: 20px;}

.ml-20{margin-left: 20px;}

.bg {position: fixed;text-align: right;width: 100%;height: 100%;}
.bg img {right: 0px;position: absolute;height: auto;width: auto;margin: auto;background-size: auto auto;min-width: 100%;min-height: 100%;opacity: 0.1;}

.form-control { border-radius: 2px;}
.home-text-center{line-height:2em; margin-bottom:30px;}

.terms_and_conditions {font-family: sans-serif;font-weight: 300;color: #bfbfbf;}
.terms_and_conditions .toc_h {font-weight: 700;font-size: 16px;margin-top: 25px;}

i.fa.fa-camera, i.fa-th-large {margin-right: 5px;}
i.fa.fa-video-camera { margin-right: 5px;margin-left: 5px;}

.user-info .fa{margin-right: 5px;}
.user-info .fa-cog,.user-info .fa-share-alt, .user-info .fa-bookmark-o{margin-right: 0px;}

.fa-pencil{margin-left: 5px;}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #fff;   background-color: #eb6395; border: none;}
.pagination>li>a, .pagination>li>span {  color: #fff;background-color: #000;border:none;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {color: #777;   background-color: #000; border: none;cursor: default;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #eb6395;border: none;}

#zoomImage .modal-dialog{position: relative;display: table;overflow-y: auto;    overflow-x: auto;width: auto;margin: 0 auto;}
#zoomImage #imgModal{width: auto;height: auto;max-width: calc(100vw - 30px);max-height: calc(100vh - 30px);}
#zoomImage{cursor: pointer;}

.share-group .btn-pink{margin-bottom: 5px;}

#modal_pls_login{text-align: left;}

.album-rearrange-grid .album{cursor: move;}

.video-js {
  font-size: 14px !important;
}
 
.video-js .vjs-play-progress {
  background: #eb6395 !important;
}
.video-js .vjs-control-bar {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.video-js .vjs-big-play-button{
  font-size: 8em !important;
  line-height: 1.5em !important;
  height: 1.5em !important;
  width: 1.5em !important;
  border: 0 !important;
  border-radius: 6px !important;
  left: 50% !important;
  top: 50% !important;
  margin-left: -0.75em !important;
  margin-top: -0.75em !important;
  background-color: rgba(0,0,0,0.3) !important;
}
 
.vjs-fade-out {
  display: block;
  visibility: hidden !important;
  opacity: 0 !important;
}

.vjs-poster, .video-js .vjs-control, .vjs-big-play-button {
    outline: none !important;
    outline: 0 !important;
}

.vjs-resolution-button .vjs-menu-icon:before {
  content: '\f110';
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
  line-height: 1.67em;
}

.vjs-resolution-button .vjs-resolution-button-label {
  font-size: 1em;
  line-height: 3em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: inherit;
}

.vjs-resolution-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: 50%; /* Center the menu, in it's parent */
  margin-left: -2em; /* half of width, to center */
}

.vjs-resolution-button .vjs-menu li {
  text-transform: none;
  font-size: 1em;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding-left: 5px;padding-right: 5px;
}

@media(max-width:767px){
	h1{margin-top: 0px;font-size: 20px;}
}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

iframe {
	margin: 0 auto;
	display: block;
}
#iframe{overflow: hidden;
    margin: 20px 5px 0 5px;
    background-color: #333;
}