@import url("responsive.css"); /* Using a url */
.tmargin-10
{
  margin-top: 10px !important;
}
.tpadding-20
{
	padding-top: 20px;
}
.second-bar {
  border-top: 1px solid #EEEEEE;
  padding-top: 10px;
  font-size: 16px;
}

.navbar.guest-nav {
  min-height: 72px !important;
  height: auto !important;
  position: static !important;
}
.navbar.guest-nav .navbar-brand.socialite {
  padding-top: 7px;
}
.navbar.guest-nav .navbar-form {
  margin-top: 10px;
}
.navbar.guest-nav .navbar-form .form-group {
  vertical-align: top;
}
.navbar.guest-nav .navbar-form .form-group .form-control {
  background: #fff; border-color: #00AEEF !important;
}
@media (max-width: 768px) {
    .navbar.guest-nav .navbar-form .mail-form {
    margin-right: 0px !important;
}
  .navbar.guest-nav .navbar-form .form-group .checkbox input[type="checkbox"] {
    margin-left: 0px;
  }
}
.navbar.guest-nav .navbar-form .mail-form {
  margin-right: 7px;
}
.navbar.guest-nav .navbar-form .checkbox,
.navbar.guest-nav .navbar-form .forgot-password {
  display: block;
}
.navbar.guest-nav .navbar-form .btn-submit {
  padding: 6px 12px;
}
.navbar.guest-nav .navbar-form .forgot-password {
  font-size: 11px;
  padding-top: 5px;
  text-align: right;
}
.welcome-message h2
{
	font-size: 26px;
	font-weight: 300;
}
.welcome-message
{
	padding-bottom: 25px;
}
.welcome-message p
{
  margin-bottom: 0px;
}
.register-heading
{
	font-size: 22px;
  line-height: 0px !important;
  font-weight: 300;
  margin-top: 10px;
  padding-bottom: 20px;
}
.features-list h2
{
	font-size: 22px;
  line-height: 0px !important;
  font-weight: 300;
  margin-top: 10px;
  padding-bottom: 20px;
}
.features-list ul{ margin-bottom:0 !important }
.features-list li
{
	font-size: 15px;
  font-weight: 300;  
  padding-top: 20px !important;
}
.features-list li i
{
	font-size: 18px;
  color: #7F8FA4;
  vertical-align: middle;
  padding-right: 7px;
}
.login-area{ background-size:cover; background-repeat:no-repeat; background-position: center; position:relative; color:#fff; padding:10px 0 60px }
.login-area .navbar-brand{position: relative; z-index: 1; float: none !important; margin-bottom: 50px; display: inline-block;}
.login-area .container{ position: relative; z-index:1; }
.login-area .features-list li i{ color:#fff } 
.features-list h2, .register-heading{ font-size:20px; font-weight: 600; }
.login-area .register-heading{    color: #000; font-size: 16px; padding-bottom: 0; margin-bottom: 30px;}
.login-area:after{ content: ''; mix-blend-mode: multiply;  position: absolute; z-index: 0; left: 0; top: 0; right: 0; bottom: 0; background: rgb(27,164,210);
background: -moz-linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
background: -webkit-linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
background: linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ba4d2",endColorstr="#34aa44",GradientType=1);}
body .footer-description{ padding-top:0 !important }

.welcome-message h2{ font-weight: 600; margin:0 !important }
.navbar.socialite.guest-nav{ margin-bottom:0; background-color:#fff }
.guest-nav{}
body .login-bottom .form-group .form-control{ height: 34px; padding: 6px 12px;    background: #fff;}
.login-area .features-list{ padding:30px; background:rgba(0, 0, 0, .5); border-radius:20px 0 0 20px;}
.features-list h2{ line-height: normal !important; padding-bottom:0 !important }
.login-area .panel{ margin-bottom:0 !important; border-radius: 20px; }
.login-area .login-bottom .btn-success, .navbar.guest-nav .navbar-form .btn-submit{background: rgb(27,164,210);
background: -moz-linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
background: -webkit-linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
background: linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ba4d2",endColorstr="#34aa44",GradientType=1);}
.tab-pane.fade{ display:none } 
.tab-pane.fade.in{ display:block }

.d-flex{ display:flex; align-items:center; justify-content:center; flex-direction: row-reverse;}
.mb-3{ margin-bottom:30px !important }
.mb-4{ margin-bottom:40px !important }
.login-area .nav-tabs {border-bottom: 1px solid #ccc !important; }
.login-area .nav.nav-tabs li { width:50%; text-align:center; }
.login-area .nav.nav-tabs li a{ background: none; border: none !important; padding: 6px 30px;
    font-weight: 600;}
.login-area .nav.nav-tabs li.active a{ color:#125e7c; border:none !important; color: #fff !important; background: #125e7c !important}
.login-area .nav-tabs>li.active>a, .login-area .nav-tabs>li.active>a:focus, .login-area .nav-tabs>li.active>a:hover{ border:none !important }
.login-bottom{ min-height:400px; width: 450px; padding: 30px !important;padding-bottom: 0px !important;}
.login-area .login-bottom .btn-success{ margin-top:30px } 

/*side menu*/
.menu-list .list-unstyled li{ margin-bottom:5px }
.widget-left-panel .menu-list li .menu-btn{ font-weight:300 !important; padding: 10px !important; }
.navbar.socialite{ border-bottom:none !important }
.panel-default{ border:none !important; border-radius: 10px !important;}
.panel.panel-default .panel-heading{ border-radius: 10px 10px 0px 0px !important; position: relative;}
.right-side-section .panel.panel-default .panel-heading:after{ content:''; height: 2px; width: 30px; background:#23527c; position:absolute; left: 16px; bottom: 5px; }
.panel-footer{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;}
.panel.panel-post .panel-heading, .panel-post .panel-body, .panel-post .panel-footer.socialite{ border:none !important;  }
.panel.panel-post .panel-heading{ border-bottom:1px solid #E6EAEE !important } 
.panel-post .panel-footer.socialite{ border-top:1px solid #E6EAEE !important }
.chat-list{ border-left:none !important }
.mini-profile.socialite .activity-list {margin-top: 20px !important;}
.mini-profile .activity-list .activity-name{ font-weight:300 !important; opacity:.5 }
.mini-profile .avatar-profile .avatar-details .avatar-name a, .user-follow.socialite .media-body .media-heading{ font-weight:600 !important; font-size:14px !important }
.panel-post .panel-heading .post-author .user-post-details li .user{ font-weight:600 !important; font-size:14px !important }
.user-follow.socialite .media-body .media-heading span{font-weight:300 !important; }
.mini-profile.socialite, .mini-profile{ position:relative; }
.mini-profile.socialite:before, .mini-profile:before{ content:''; position:absolute; left:0; top:0; right:0; height: 80px; border-radius: 10px 10px 0px 0px !important; background: rgb(27,164,210);
background: -moz-linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
background: -webkit-linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
background: linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ba4d2",endColorstr="#34aa44",GradientType=1); }

/*Menu*/
.navbar.socialite{background: rgb(27,164,210);
background: -moz-linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
background: -webkit-linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
background: linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ba4d2",endColorstr="#34aa44",GradientType=1); color: #fff}
.notification-list > li > a i, .user-image.dropdown.socialite > a .user-name, .user-image.dropdown.socialite > a i{ color:#fff !important }
.user-image.dropdown.socialite > a img{ border-radius:100%; }
/*Menu*/

.panel-post .panel-heading .post-author .user-post-details li .post-time{color: #a6a8ab !important}
.mini-profile.socialite .activity-count{color: #354052 !important;}
.user-bio-block .bio-list li {margin-bottom: 15px !important; }
.all-groups .my-best-pictures{ max-height:none !important }
.header-text{ font-size: 20px !important;}
.panel-heading.user-pages.navbars .btn-downloadreport{ margin-bottom: 22px !important;}
#video-thumbnails.grid-photos li .checkbox-panel, #video-thumbnails.grid-photos li .checkbox-panel-videos{ margin-right:15px; margin-bottom:15px }
.input-group .input-group-addon, .socialite-form .form-group .input-group.datepicker .form-control{ background:#fff !important }
.panel-heading.panel-settings .panel-title { font-size: 20px !important; font-weight: 600 !important; }

.user-profile-buttons .btn-profile:hover, .user-profile-buttons .btn-profile:active{ background:#fafbfc; box-shadow:none !important }
.list-group-navigation .list-group-item:hover {background-color: #fafbfc; }
.user-bio-block{border-radius: 10px 10px 0px 0px !important;}
.widget-best-pictures{border-radius: 0px 0px 10px 10px !important;}
.widget-best-pictures, .user-bio-block{ border: none !important;}
.list-group-item:first-child {border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; }
.list-group-item:last-child {margin-bottom: 0; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; }
body .list-group.socialite-group .list-group-item {padding: 15px !important; }
.input-group.new-message .input-group-btn{ top: 0px !important;}
.messages-page .panel-body .message-holder .media.post-list h4.media-heading{ line-height: 16px !important; height: auto; font-weight: 600;}
.messages-page .panel-body .message-holder .post-text{color: #a6a8ab !important;font-size: 12px !important;}
/*.messages-page .panel-body .new-message {padding: 0px !important; margin-bottom: 0}
.new-message .label{ margin-bottom: 0;  border: none !important; border-top: 2px solid #127ece !important; border-radius: 0 !important; }
.messages-page .panel-body .coversations-thread{}*/
.widget-left-panel .menu-list{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.05+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ padding: 10px; border-radius: 10px 10px 0 0;
}
.dropdown.user-image li .btn-logout{color: #354052}
.dropdown.user-image li .btn-logout:hover{color: #fff}

/*Admin*/
.panel-default{ border: none; border-radius: 10px !important;}
.list-group.socialite-group .list-group-item{ padding: 10px 15px !important;}
.list-group-item:first-child {border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; }
.list-group-item:last-child { border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; } /*Admin*/

.user-image.dropdown.socialite .dropdown-menu li i{ min-width: 20px;}

.user-bio-block .bio-header, .widget-best-pictures .picture .font-15{ position:relative;font-size: 16px; color: #354052; font-weight: 600; display:block }
.user-bio-block .bio-header:after, .widget-best-pictures .picture .font-15:after{ content:''; height: 2px; width: 30px; background:#23527c; position:absolute; left:0px; bottom: 0px; }
.btn-follow .btn {padding: 4px 8px 2px !important; font-size: 12px; }
.dropdown.message .dropdown-menu .dropdown-menu-header .side-left{ font-weight: 600;}
.messages-page .panel-body .new-message{ padding:15px 15px 0px 15px !important;  }
.user-pages .page-heading {padding: 6px 12px 8px 12px; }
.navbars.user-pages .page-heading{ padding-top:15px !important }
/*.input-group .input-group-addon i{ color: #7F8FA4 !important;}*/
.socialite-form .form-group .youtube-input-group .youtube-btn {background: #cd201f !important;} 
.socialite-form .form-group .instagram-input-group .instagram-btn {background: #f56040 !important;} 
.socialite-form .form-group .linkedin-input-group .linkedin-btn {background: #0077b5 !important;} 
.socialite-form .form-group .dribbble-input-group .dribbble-btn {background: #ea4c89 !important} 
.input-group.twitter-input-group .input-group-addon {background-image: linear-gradient(#2EA1F8 0%, #1A91EC 98%) !important;} 
.input-group.facebook-input-group .input-group-addon {background-image: linear-gradient(1deg, #137ECE 2%, #288BD5 98%) !important;}
.panel-post .comments-section{ padding-left: 0 !important; padding-right: 0 !important;}
.panel-post .comments-section .comments-wrapper{ padding-bottom:0 !important; border: none !important; border-radius:0 0 10px 10px !important }
.panel-post .panel-footer.socialite .footer-list li a:hover{color: #27303c !important}
.user-timeline-name a, .panel-heading.panel-settings .panel-title{ position:relative; }
.user-timeline-name a:afterr{ content:''; height: 2px; width: 30px; background:#fff; position:absolute; left:0px; bottom: -5px; }
.panel-heading.panel-settings .panel-title:after{ content:''; height: 2px; width: 30px; background:#23527c; position:absolute; left:0px; bottom: -5px; }
.new-message1 .label, .new-message1 .label:hover{ border:none !important; }
.btn.btn-default.donate-now{background-color: #1669a8 !important; color: #fff !important; background-image: none !important;}
.btn.btn-default.donate-now:hover{background-color: #00AEEF !important;}
.panel-post .comments-section .comments-wrapper .comments{padding-bottom: 10px !important; }
.btn.btn-success{background: rgb(27,164,210);
background: -moz-linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
background: -webkit-linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
background: linear-gradient(333deg, rgba(27,164,210,1) 0%, rgba(52,170,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ba4d2",endColorstr="#34aa44",GradientType=1);}
.btn.btn-success:hover;{background: rgb(52,170,68);
background: -moz-linear-gradient(333deg, rgba(52,170,68,1) 0%, rgba(27,164,210,1) 100%) !important;
background: -webkit-linear-gradient(333deg, rgba(52,170,68,1) 0%, rgba(27,164,210,1) 100%) !important;
background: linear-gradient(333deg, rgba(52,170,68,1) 0%, rgba(27,164,210,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1ba4d2",endColorstr="#34aa44",GradientType=1);}
.new-message .label{border: none !important;}
.messages-page .panel-body .coversations-thread{ overflow-y: auto !important;}
.messages-page .panel-body .message-conversation{ padding-right: 20px!important; border-bottom: 1px solid #E3E8EF !important;}
.coversation-tree{ margin-left: 15px;}
.new-message .label i{ font-size: 30px !important; padding-top: 10px; }
.messages-page .panel-body .message-conversation .media-body .media-heading .text-muted{ margin-top: 13px;}
.messages-page .panel-body .message-conversation .media.post-list{ padding-right:0 !important }
.navbar-default .navbar-toggle .icon-bar {background-color: #fff !important; }