html {
overflow-x: hidden;
height: 100%;
}
body {
font-family: 'Open Sans', sans-serif !important;
background-color: #f5f5f5 !important;
overflow-x: hidden;
}
a:hover, button:hover, button:active,
a:focus, button:focus, a:active,
a {
outline: none !important;
text-decoration: none !important;
box-shadow: none !important;
}
section{
overflow:hidden;
display: inline-block !important;
width: 100%;
}
.msg-cls-big.notifcsn-drop {
min-width: 350px;
}
.msg-cls-big.notifcsn-drop div#noticescroll {
padding: 10px;
max-height: 390px;
overflow-y: scroll;
}
.hm-menu>ul>li span#unreadnotice {
position: absolute;
right: 0;
padding: 1px 5px;
background-color: #303030;
color: #fff;
top: -8px;
border-radius: 4px;
}
.msg-cls-big.notifcsn-drop div#noticescroll li {
float: left;
width: 100%;
padding: 5px;
border-bottom: 1px solid #dadada;
}
.msg-cls-big.notifcsn-drop div#noticescroll a {
float: left;
width: 100%;
}
.msg-cls-big.notifcsn-drop div#noticescroll li a .notifcsn-usr-pic {
width: 50px;
height: 50px;
float: left;
margin-right: 12px;
border-radius: 50%;
overflow: hidden;
border: 1px solid #ddd;
margin-left: 10px;
}
.msg-cls-big.notifcsn-drop div#noticescroll li a .notifcsn-usr-pic img {
width: 100%;
}
.msg-cls-big.notifcsn-drop div#noticescroll li a .notifcsn-usr-name {
font-size: 13px;
color: #3c3c3c;
}
.msg-cls-big.notifcsn-drop div#noticescroll li a .notifcsn-usr-name b {
margin-right: 5px;
}
.msg-cls-big.notifcsn-drop div#noticescroll li a .notifcsn-usr-name span.abut-ntfcsn-time {
display: block;
color: #ababab;
font-size: 12px;
}
header.main-header .navbar-default {
background: #00aced;
border: none;
}
header.main-header .navbar-default a.navbar-brand {
color: #fff;
letter-spacing: 1.6px;
font-size: 30px;
line-height: initial;
padding: 8px 15px;
height: inherit;
}
header.main-header .navbar-default .navbar-right {
margin: 13px 0;
}
header.main-header .navbar-default .navbar-form .form-control {
border-radius: 5px;
border: none;
height: 34px;
margin-right: 5px;
background: rgb(255, 255, 255);
min-width: 210px;
}
header.main-header .navbar-default .navbar-form .form-control::placeholder{
color: rgba(0, 0, 0, 0.85);
font-size: 13px;
}
header.main-header .navbar-default .navbar-right .btn.btn-default {
background: none;
border-radius: 5px;
color: #fff;
height: 34px;
letter-spacing: 0.6px;
margin-right: 5px;
padding: 6px 15px;
border: 1px solid #fff;
}
span.menu-btn a {
font-size: 30px;
height: 34px;
display: inline-block;
vertical-align: top;
line-height: 38px;
color: #fff;
margin-left: 7px;
}
/*Sidebar*/
.side-bar-nav {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.75);
z-index: 99999;
width: 0;
transition: all ease-in-out 400ms;
-webkit-transition: all ease-in-out 400ms;
-ms-transition: all ease-in-out 400ms;
-moz-transition: all ease-in-out 400ms;
-o-transition: all ease-in-out 400ms;
opacity: 0;
}
.side-bar-nav.full-side {
width: 100%;
opacity: 1;
}
.side-bar-main {
width: 280px;
position: fixed;
right: -320px;
z-index: 9999;
background: #00aced;
padding: 15px;
height: 100%;
opacity: 0;
transition: all ease-in-out 400ms;
-webkit-transition: all ease-in-out 400ms;
-ms-transition: all ease-in-out 400ms;
-moz-transition: all ease-in-out 400ms;
-o-transition: all ease-in-out 400ms;
}
.full-side .side-bar-main {
opacity: 1;
right: 0;
}
.side-bar-main h3 {
margin: 0;
padding: 15px 0;
font-size: 18px;
color: #eee;
}
.locate-div {
padding: 0 !important;
}
.side-bar-main ul {
margin: 0 -15px;
padding: 0;
}
.side-bar-main ul li {
list-style: none;
}
.side-bar-main ul li a {
padding: 10px 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.29);
display: inline-block;
width: 100%;
color: #fff;
text-decoration: none !important;
}
.close-nav-side {
position: absolute;
top: 18px;
left: -40px;
}
.close-nav-side a {
padding: 10px;
background: rgb(255, 255, 255);
text-align: center;
display: inline-block;
width: 40px;
height: 40px;
color: #00aced;
}
.navbar-header span.menu-btn {
display: none;
}
.navbar-header button.navbar-toggle {
display: none;
}
/*Sidebar end*/
/*main-content*/
.row.main-row {
margin: 0 -15px !important;
}
.hm-tile-img img {
width: 100%;
transition: all ease-in-out 400ms;
position: relative;
z-index: 0;
transition: all ease-in-out 400ms;
-webkit-transition: all ease-in-out 400ms;
-moz-transition: all ease-in-out 400ms;
-ms-transition: all ease-in-out 400ms;
-o-transition: all ease-in-out 400ms;
}
.hm-tile-rwone .hm-tile-img img {
min-height: 300px;
}
.alert-dismissable .close, .alert-dismissible .close {
position: relative;
top: 0px !important;
right: -10px !important;
color: inherit;
}
.main-content {
padding-top: 60px;
padding-bottom: 40px;
min-height: 100vh;
display: flex;
align-items: center;
}
.hm-tile-other {
float: right;
width: 135px;
height: 270px;
}
.hm-tile-img {
float: left;
overflow: hidden;
position: relative;
}
.hm-tile-img::before {
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
position: absolute;
z-index: 99;
transition: all ease-in-out 400ms;
-webkit-transition: all ease-in-out 400ms;
-moz-transition: all ease-in-out 400ms;
-ms-transition: all ease-in-out 400ms;
-o-transition: all ease-in-out 400ms;
}
span.last-msgs {
white-space: nowrap !important;
}
.hm-tile-img:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
z-index: 0;
}
.hm-tile-img:hover:before {
opacity: 0;
z-index: 99;
}
.hm-tile-rwone .hm-tile-img, .hm-tile-rwtwo .hm-tile-img {
width: calc(100% - 135px);
width: -webkit-calc(100% - 135px);
width: -moz-calc(100% - 135px);
height: 270px;
}
.hm-tile-osub {
display: inline-block;
width: 135px;
height: 135px;
background: #fff;
}
.hmto-txt {
padding: 7px;
}
.hmto-txt h3 {
font-size: 13px;
margin: 0px 0 6px;
font-weight: 600;
}
.hmto-txt p {
font-size: 12px;
letter-spacing: 0px;
line-height: 14px;
margin-bottom: 0px;
}
.hmt-icon {
color: #fff;
background: #db3a37;
font-size: 100px;
text-align: center;
line-height: initial;
height: 100%;
width: 100%;
}
section.home-tiles .col-md-6, section.home-tiles .col-md-12 {
padding: 0;
}
section.home-tiles .row {
margin: 0;
}
.hm-tile.hm-tile-rwtwo .hm-tile-img {
width: 100%;
}
.hm-tile-rwthree .hm-tile-osub {
float: left;
}
.hm-tile-rwthree .hm-tile-img {
width: calc(100% - 540px);
width: -webkit-calc(100% - 540px);
width: -moz-calc(100% - 540px);
height: 135px;
}
.hm-tile-img.hm-tile-sq {
width: 135px;
height: 135px;
}
.hm-tile-img.hm-tile-sq img {
width: 100%;
height: 100%;
min-height: initial;
}
.hm-tile-img.hm-tile-rec img {
min-height: initial;
}
.hm-tile-rwfour .hm-tile-osub {
float: left;
}
.hm-tile-rwfour .hm-tile-img {
width: calc(100% - 270px);
width: -webkit-calc(100% - 270px);
width: -moz-calc(100% - 270px);
height: 135px;
}
.hm-tile-rwfive .hm-tile-osub {
float: left;
}
.hm-tile-osub.hm-tile-txt-rec {
width: calc(100% - 270px);
width: -webkit-calc(100% - 270px);
width: -moz-calc(100% - 270px);
}
.hm-tile-rwfour .hmt-icon {
background: #FF9800;
}
.hm-tile-rwthree .hmt-icon {
background: #3b5998;
}
.item{
overflow: hidden;
}
.mobile-hm {
display: none !important;
}
.hm-tile.hm-tile-rwtwo .hm-tile-img img {
min-height: 300px;
}
.hm-tile-img.hm-tile-rec img {
min-height: 150px;
}
.stage {
-webkit-perspective: 1000;
}
.flashcard {
height: 135px;
width: 135px;
-webkit-transform-style: preserve-3d;
transition: all 0.6s;
-webkit-transition: all 0.6s;
}
.flipped, .back {
transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
}
.front, .back {
height: 135px;
width: 135px;
position: absolute;
text-align: center;
-webkit-backface-visibility: hidden;
}
.back .hmt-icon {
background: #00aced;
}
body.modal-open .main-site-div {
filter: blur(5px);
opacity: 0.4;
}
.lfm-form .form-control {
border: none;
height: 45px;
border-radius: 4px;
background: rgba(255, 255, 255, 0.37);
box-shadow: 3px 2px 1px rgba(0, 0, 0, 0.04);
color: #fff;
}
.lfm-form .form-control::placeholder {
color: #fff;
text-transform: capitalize;
}
.lfm-form .btn.btn-default {
width: 100%;
border: 1px solid #fff;
background: none;
color: #fff;
padding: 10px;
font-weight: 600;
letter-spacing: 0.6px;
}
.other-links {
text-align: center;
padding: 10px;
color: #4c4c4c;
font-weight: 600;
}
.other-links a {
color: #0094cc;
font-weight: 600;
}
.lfm-text p {
color: #fff;
letter-spacing: 0;
line-height: 24px;
font-size: 14px;
}
.lfm-text h3 {
color: #fff;
font-weight: 600;
font-size: 30px;
margin: 25px 0 15px;
}
.lfm-form .form-control {
border: none;
height: 45px;
border-radius: 4px;
background: rgba(255, 255, 255, 0.37);
box-shadow: 3px 2px 1px rgba(0, 0, 0, 0.04);
color: #fff;
}
.lfm-form .btn.btn-default {
width: 100%;
background: none;
color: #fff;
padding: 10px;
font-weight: 600;
letter-spacing: 0.6px;
}
div#myModal .modal-footer button.btn.btn-default:hover,
header.main-header .navbar-default .navbar-right .btn.btn-default:hover,
.lfm-form .btn.btn-default:hover {
color: #000 !important;
background: #fff !important;
}
.lfm-text {
margin: 0px 0 20px;
}
div#myModal .main-reg-form .lfm-form .form-control {
height: 38px;
}
div#myModal .main-reg-form .lfm-form input.form-control {
padding-left: 15px;
background-color: #5ecbf4;
}
div#myModal .main-reg-form
.lfm-text h3 {
margin: 7px 0 10px;
}
div#myModal h4.modal-title {
color: #fff;
text-transform: uppercase;
letter-spacing: 3.6px;
font-weight: 600;
font-size: 14px;
}
footer.main-footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background: #2b2b2b;
z-index: 99;
}
.ftr-links ul {
margin: 0 -12px;
padding: 0;
}
.ftr-links ul li {
display: inline-block;
padding: 8px 12px;
font-size: 13px;
color: #fff;
}
.ftr-links ul li:last-child {
float: right;
}
.ftr-links ul li a {
color: #fff;
font-size: 13px;
}
/*Footer End*/
.main-content-reg .main-reg-form {
padding: 16px;
background: #00aced;
}
.main-content-reg .lfm-form .btn.btn-default {
height: 36px;
padding: 5px;
}
.social-sign-up .modal-content {
background: #00aced !important;
}
.for-mdl-head .modal-header {
background-color: #00aced;
}
.modal-footer .btn-primary {
background-color: #00aced !important;
border-color: #0d94c7;
}
li.list-group-item span.state-icon {
margin-right: 10px;
}
li.list-group-item.list-group-item-primary.active {
background-color: #00aced;
border-color: #0591c5;
}
.for-mdl-head .modal-content {
overflow: hidden;
}
div#myModal .modal-footer button.btn.btn-default {
background: none;
border-color: #fff;
color: #fff;
}
div#myModal .lfm-form .form-control::placeholder {
font-weight: 400;
}
.main-reg-form select.form-control option {
color: #333;
}
/* swati */
.main-site-div {
background-color: #fff;
}
.top-wrapper {
float: left;
width: 100%;
background-color: #00aced;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
top: -45px;
}
.top-wrapper.fixed-theme {
position: fixed;
z-index: 999;
left: 0;
right: 0;
top: 0;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
}
.logo-main {
float: left;
padding: 10px;
padding-bottom: 0;
}
.home-menu {
float: left;
margin-left: 0px;
}
.hm-menu {
float: right;
margin-top: 10px;
}
.hm-menu>ul {
padding-left: 0px;
}
.hm-menu>ul>li {
float: left;
list-style: none;
}
.hm-menu>ul>li>a {
padding: 7px 10px;
float: left;
color: #fff;
border-radius: 5px;
font-weight: bold;
font-size: 14px;
}
.search-bar {
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.logo-main a, .logo-main a:hover,
.logo-main a:focus {
color: #fff;
letter-spacing: 1.6px;
font-size: 30px;
line-height: initial;
padding: 0px;
height: 60px;
text-decoration: none;
}
.search-bar>.input-group>.input-group-btn>button {
background-color: rgb(255, 255, 255) !important;
color: #00aced !important;
font-size: 18px;
padding: 3.3px 10px;
}
.search-bar>.input-group>.input-group-btn>button>i.fa {
font-size: 12px;
}
.hm-menu>ul {
padding-left: 0px;
}
.hm-menu>ul>li>ul .dropdown-menu .divider {
margin: 2px 0;
}
.hm-menu>ul>li>ul.dropdown-menu {
right: -12px !important;
left: auto;
margin-top: 11px;
}
.hm-menu>ul>li>ul.dropdown-menu.msg-cls-big>li {
border-bottom: 1px solid #E2E2E2;
}
.hm-menu>ul>li>ul.dropdown-menu.msg-cls-big>li>a {
line-height: 30px;
}
.hm-menu>ul>li:nth-child(5) a {
padding-right: 0px;
}
.body-wrapper {
float: left;
width: 100%;
background-color: #f5f5f5;
position: relative;
min-height: 100vh;
padding-bottom: 60px;
}
.no-lft-spec {
padding-left: 0px;
}
.left-side {
float: left;
width: 100%;
margin-top: 20px;
background: #fff;
padding:10px;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
top: 20px
}
.left-side.left-fixed-theme {
position: fixed;
max-width: 263px;
top: 70px;
}
.profile--box {
float: left;
width: 100%;
margin: 20px 0px;
padding-bottom: 0px;
margin-bottom: 0;
}
.profil-pic {
float: left;
width: 30%;
border: 1px solid #e1e8ed;
}
.profil-pic>img {
width: 100%;
height: 100%;
}
.profil-name {
float: left;
width: 70%;
}
.profil-name>h3 {
float: left;
width: 100%;
padding-left: 10px;
font-size: 16px;
margin: 0;
margin-bottom: 10px;
font-weight: 500;
}
.profil-name>a {
font-size: 12px;
float: left;
width: 100%;
padding-left: 10px;
color: #B5B4B4;
}
.videos {
display: block;
width: 100%;
float: left;
}
.page-option {
float: left;
width: 100%;
margin: 20px 0px 0;
margin-top: 0px;
border-top: none;
padding-top: 15px;
}
.page-option>ul {
padding-left: 0px;
list-style: none;
overflow: hidden;
margin: 0;
}
.page-option>ul>li {
float: left;
width: 100%;
margin-bottom: 6px;
}
.page-option>ul>li>a {
color: #4c4c4c;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
}
.page-option>ul>li>a>i {
color: #00aced ;
margin-right: 6px;
}
.sub-menu {
float: left;
width: 100%;
margin-bottom: 0px;
}
.sub-menu>ul {
padding-left: 0px;
float: left;
width: 100%;
list-style: none;
}
.sub-menu>ul>li {
width: 100%;
float: left;
margin-bottom: 15px;
}
.sub-menu>ul>li>.ctgry-lft {
float: left;
color: #565656;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
margin-left: 0px;
margin-bottom: 5px;
}
.sub-menu>ul>li>.ctgry-right>a {
float: right;
margin-right: 15px;
color: #9E9E9E;
font-size: 12px;
margin-top: 4px;
}
.ctgry-sub-menu {
float: left;
width: 100%;
margin-top: 3px;
}
.ctgry-sub-menu ul li form .input-prepend ul.dropdown-menu {
max-height: 200px;
overflow: auto;
}
.ctgry-sub-menu ul li form .input-prepend ul.dropdown-menu li {
border-bottom: 1px solid #ddd;
}
.ctgry-sub-menu ul li form .input-prepend ul.dropdown-menu li a {
padding: 2px 15px;
font-size: 12px;
}
.ctgry-sub-menu>ul {
list-style: none;
padding-left: 0px;
}
.sub-menu .ctgry-sub-menu>ul>li {
padding: 0px 0px;
margin-right: 0px;
font-family: inherit;
margin-top: 0px;
transition: all .15s ease-in-out;
}
.sub-menu .ctgry-sub-menu>ul>li>a {
color: #000;
font-size: 12px;
text-transform: uppercase;
transition: all .15s ease-in-out;
display: block;
padding: 6px 0px;
}
.post-section {
float: left;
width: 100%;
}
.post-upload-sec {
float: left;
width: 100%;
background-color: #fff;
border: 1px solid #fff;
margin: 20px 0;
}
.uplod-type {
float: left;
width: 100%;
}
.uplod-type-list {
float: left;
width: 100%;
}
.uplod-type-list>ul {
padding-left: 0px;
list-style: none;
margin: 0 auto;
}
.uplod-type-list>ul>li {
float: left;
border-bottom: 2px solid #FFF;
margin-top: 5px;
margin-bottom: -4px;
padding-bottom: 10px;
transition: all .15s ease-in-out;
cursor: pointer;
}
.uplod-type-list>ul>li>a {
padding: 0px 15px;
color: #9e9e9e;
font-weight: 500;
font-size: 13px;
border-right: 1px solid #ccc;
}
.uplod-type-list>ul>li>a>i {
font-size: 13px;
font-weight: 600;
color: #4c4c4c;
margin-right: 5px;
}
.uplod-txt-pic {
float: left;
width: 100%;
}
.massege-type-area {
float: left;
width: 100%;
padding: 2px 0px;
margin-top: 2px;
border-bottom: 1px solid #e1e8ed;
}
.massege-type-area>textarea.type-msg-box {
width: 100% !important;
border: none;
height: 75px;
border-top: 1px solid #E1E8ED;
padding: 5px 15px;
box-shadow: none !important;
outline: none !important;
}
.location-form label {
width: 100%;
margin: 2px 0 4px;
}
.location-form input {
width: 100%;
padding: 5px 10px;
height: 38px;
}
.location-form input.submit-button {
width: auto;
margin-top: 20px;
}
.location-head {
padding: 10px;
background: #00aced;
margin: 0 -16px 0;
}
.location-head h2 {
color: #fff;
margin: 0;
}
.location-form {
padding: 15px 0;
}
.uplod-to-all {
float: left;
width: 100%;
}
.post-uplod-btn {
float: left;
width: 100%;
text-align: right;
padding: 8px;
margin-right: 0;
}
.post-uplod-btn>button.btn.btn-default.pst-btn-new {
float: right;
padding: 4px 15px;
background-color: #00aced;
color: #fff;
border: none;
border-radius: -2px;
}
.btn-default {
color: #FFF !important;
background-color: #00aced !important;
}
.dropdown.pst-ctgry {
float: right;
margin-right: 15px;
}
.dropdown.pst-ctgry>button {
padding: 3.2px 19px;
text-align: left;
padding-left: 6px;
border: medium none;
}
.dropdown.pst-ctgry>button>.caret {
left: auto;
right: 7px;
position: absolute;
top: 10px;
}
.dropdown.pst-ctgry>ul.dropdown-menu {
width: 190px;
padding-bottom: 0px;
border: none;
left: auto;
right: -11px;
}
.dropdown.pst-ctgry {
float: right;
margin-right: 15px;
}
.dropdown.dropdowns.pst-ctgry>li {
list-style: none;
}
.dropdown.dropdowns.pst-ctgry>li>ul {
right: -16px;
left: auto;
}
.post-uplod-btn>select.selectpicker {
padding: 3.7px 7px;
margin-right: 15px;
background-color: #fff;
color: #000;
border: 1px solid #E0E0E0;
border-radius: 3px;
background: #ffffff !important;
}
.uploaded-post {
float: left;
width: 100%;
margin: 20px 0px;
background-color: #fff;
border: 1px solid #fff;
padding: 15px;
margin-bottom: 5px;
position: relative;
}
.uploaded-post-head {
float: left;
width: 100%;
margin-bottom: 15px;
}
.post-mang-btn {
float: right;
position: absolute;
top: 15px;
right: 15px;
text-align: right;
width: 45px;
}
.dropdown.dropdowns.pst-ctgry>li>a>i.fa {
color: #ACACAC;
margin-top: 6px;
}
.post-mang-btn>i {
float: left;
margin-top: 4px;
color: #A7A7A7;
}
.post-mang-btn>.dropdown>button {
background-color: #fff;
border: 1px solid #E6E6E6;
padding: 0px 8px;
}
.post-mang-btn>.dropdown>button>span.caret {
color: #ADADAD;
}
.post-mang-btn>.dropdown>ul.dropdown-menu {
top: 110%;
right: -10px !important;
left: auto;
}
.uploder-pic {
width: 40px;
height: 40px;
float: left;
margin-right: 15px;
}
.uploader-dtl {
float: left;
}
.uploader-dtl>.uploader-name>a {
/* float: left; */
color: #0996EE;
font-weight: 600;
margin-right: 5px;
}
.uploader-dtl>.uploader-name>span {
color: #A2A2A2;
}
.uploader-dtl>.uploader-dtl-time>a {
color: #A5A5A5;
font-size: 12px;
margin-right: 5px;
}
.uploader-dtl>.uploader-dtl-time>a {
color: #A5A5A5;
font-size: 12px;
margin-right: 5px;
}
.uploaded-post-detail {
float: left;
width: 100%;
}
.uploaded-post-detail>img {
width: 100%;
margin-top: 10px;
}
.uploaded-post-views {
float: left;
width: 100%;
}
.uploaded-views {
float: left;
width: 100%;
}
.uploaded-views>ul {
list-style: none;
float: left;
padding: 5px 0 5px 0;
border-top: 1px solid #ccc;
margin-top: 15px;
margin-bottom: 0px;
width: 100%;
}
.uploaded-views>ul>li {
float: left;
}
.uploaded-views>ul>li>a {
padding: 10px;
float: left;
color: #7f7f7f;
}
.uploaded-views>ul>li>a>i {
margin-right: 6px;
}
.pst-comnt-sec {
float: left;
width: 100%;
background-color: #F6F7F8;
padding: 10px;
}
.pst-like-sec {
float: left;
width: 100%;
padding-bottom: 10px;
border-bottom: 1px solid #DEDEDE;
}
.pst-like-sec>span {
font-size: 12px;
}
.psted-cmnt-sec {
float: left;
width: 100%;
padding-top: 10px;
position: relative;
padding-bottom: 10px;
}
.mobile-hm .forgot a {
color: #00aced;
margin: 4px 0;
font-size: 14px;
text-decoration: none !important;
font-weight: 600;
letter-spacing: 0.5px;
}
.forgot {
width: 100%;
}
.chat-masgs-mid h1.inner_name {
width: 100% !important;
}
.grp_head span {
color: #000;
font-size: 22px;
vertical-align: top;
padding: 0 8px;
}
.psted-usr-img-sec {
float: left;
width: 35px;
margin-right: 10px;
height: 35px;
overflow: hidden;
}
.com_image img {
width: 140px;
}
.psted-usr-img-sec>img {
width: 100%;
float: left;
}
.psted-usr-writ-sec {
float: left;
width: 85%;
}
.posted-cntnt-div {
float: left;
width: 100%;
font-size: 12px;
}
.posted-cntnt-div {
float: left;
width: 100%;
font-size: 12px;
}
.posted-cntnt-div>a {
font-weight: 600;
}
.posted-cntnt-date {
float: left;
width: 100%;
}
.posted-cntnt-date>span {
color: #ADADAD;
cursor:pointer;
}
.posted-cntnt-date>span:hover {
color: #0996EE;
}
.pst-cmnt-rite-sec {
float: left;
width: 100%;
margin-top: 10px;
position: relative;
}
.pst-usr-img-sec {
float: left;
width: 40px;
margin-right: 13px;
height: 35px;
}
.editPost_model {
border: 1px solid #dcdcdc !important;
}
.pst-usr-img-sec>img {
width: 100%;
float: left;
height: 100%;
}
.pst-usr-writ-sec {
display: inline-block;
width: 87.5%;
/* margin-left: 11px;
position: absolute;*/
width: calc(100%-55px);
}
.cnt-writ-div {
float: left;
width: 100%;
border: 1px solid #E2DFDF;
min-height: 35px;
background-color: #fff;
padding: 5px 30px 5px 5px;
}
.cnt-writ-div[placeholder]:empty:before {
content: attr(placeholder);
color: #CCC;
font-size: 14px;
}
.navbar-form input:-webkit-autofill {
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 0 0px 9999px white;
}
.navbar-form input:focus,
.navbar-form input:-webkit-autofill:focus {
border-color: #66afe9;
-webkit-box-shadow: inset 0 0 0px 9999px white,
0 0 8px rgba(102, 175, 233, 0.6);
}
form.navbar-form .form-group {
position: relative;
}
form.navbar-form .form-group label.error {
position: absolute;
color: #ad0303;
font-size: 12px;
width: 100%;
left: 0px;
bottom: -50px;
text-align: left;
background: #fff;
padding: 3px 5px;
border: solid 2px #ad0303;
}
.main-reg-form form .form-group {
position: relative;
margin-bottom: 25px;
}
.main-reg-form form label.error {
color: #af0505;
text-shadow: none;
position: absolute;
width: 100%;
font-size: 12px;
bottom: -25px;
left: 0;
}
/**Profile page design**/
.profl-wrapper {
float: left;
width: 100%;
background-color: #f5f5f5;
padding-bottom: 40px;
}
.profl-box {
width: 100%;
overflow: hidden;
height: 280px;
}
.covr-img.uploading a.btn.btn-default {
width: auto;
}
.cover-page {
float: left;
width: 100%;
position: relative;
}
form#uploadimg {
float: left;
width: 100%;
}
.covr-img>a>img {
width: 100%;
height: 100%;
}
.edit-cover-page {
position: absolute;
bottom: 0;
right: 0;
padding: 10px;
width: 100%;
text-align: right;
background-color: rgba(0, 0, 0, 0.35);
display: none;
}
.edit-cover-page>a {
color: #fff;
}
.profl-pic {
float: left;
width: 170px;
height: 170px;
position: absolute;
bottom: -46px;
left: 15px;
border: 1px solid #D4D4D4;
padding: 5px;
background-color: #fff;
z-index: 99;
}
.profl-pic>a>img {
width: 100%;
height: 100%;
}
.edit-profile-page {
position: absolute;
bottom: 0;
right: 0;
padding: 10px;
width: 100%;
text-align: right;
background-color: rgba(0, 0, 0, 0.35);
display: none;
}
.edit-profile-page>a {
color: #fff;
}
.edit-profile-page>a:hover {
color: #fff !important;
text-decoration: none;
}
.profil-table .tabbable .nav-tabs {
background-color: #fff;
margin-top: 20px;
}
.nav-tabs li {
float: left;
margin-bottom: -1px;
}
.profil-table .tabbable .nav-tabs li.active a {
border: none;
border-bottom: 3px solid #00aced;
}
.profil-table .tabbable .nav-tabs li a {
font-weight: 600;
color: #303030;
border: none;
border-bottom: 3px solid rgba(255, 255, 255, 0);
transition: all .15s ease-in-out;
}
.tab-content .active, .pill-content .active {
display: block;
}
.profl-dtl-box {
float: left;
width: 100%;
margin: 20px 0px;
margin-top: 20px;
background-color: #fff;
border: 1px solid #fff;
padding: 15px;
padding-top: 15px;
margin-bottom: 25px;
}
.profl-dtl-box .ctgry-lft {
float: left;
width: 100%;
padding-left: 0px;
font-size: 20px;
margin: 0;
margin-bottom: 10px;
}
.ctgry-sub-menu {
float: left;
width: 100%;
margin-top: 3px;
}
.profl-dtl-box .ctgry-sub-menu ul {
list-style: none;
padding-left: 0px;
margin-bottom: 0px;
}
.profl-dtl-box .ctgry-sub-menu ul li {
margin-top: 4px;
font-size: 13px;
}
.profil-table .page-option {
display: none;
}
.profl-wrapper .right-side .box-three {
display: none;
}
.profl-wrapper .right-side .box-two {
display: none;
}
.covr-img {
height: 280px;
position: relative;
}
.covr-img.uploading a:hover {
color: #000;
}
.profl-pic.up a {
overflow:hidden;
}
span.commenttext {
word-wrap: break-word;
}
.covr-img.uploading a {
overflow: hidden;
display: block;
float: left;
width: 100%;
}
.abt-container-detel {
float: left;
width: 100%;
background-color: #fff;
margin-top: 0px;
}
.abt-cntnt-head {
float: left;
width: 100%;
}
.abt-cntnt-head>h1 {
font-size: 22px;
padding: 15px;
margin: 0;
background-color: #00aced;
font-weight: 600;
text-align: center;
color: #fff;
}
.abt-tab-left {
float: left;
width: 30%;
background-color: #fff;
}
.abt-tab-left>ul.nav.nav-tabs.nav-stacked>li.active a {
background-color: #00aced;
color: #fff;
}
.abt-tab-right {
background-color: #fff;
border-left: 1px solid #E1E8ED;
float: left;
width: 70%;
padding: 10px;
min-height: 214px;
}
.abt-usr-content {
float: left;
width: 100%;
}
.abt-usr-home {
float: left;
width: 100%;
background-color: #F5F5F5;
padding: 15px;
}
.abt-usr-home>h4 {
margin: 0px;
}
.sub-user-cnt>.abt-field {
float: left;
width: 100%;
padding: 15px;
border-bottom: 1px solid #ededed;
}
.sub-user-cnt>.abt-field>.abt-edit {
float: right;
}
.sub-user-cnt>.abt-field>.abt-edit {
float: right;
}
.abt-edit {
float: right;
padding: 0px;
margin-top: 2px;
width: auto;
text-align: right;
}
.abt-field>.abt-edit>a.editbtn {
margin-left: 10px;
float: right;
width: 10px;
}
.sub-user-cnt>.abt-field {
float: left;
width: 100%;
padding: 15px;
border-bottom: 1px solid #ededed;
}
label.btn.btn-default.btn-xs.active {
background-color: #00aced!important;
color: #FFF !important;
border: medium none;
}
label.btn.btn-default.btn-xs {
background-color: #ccc!important;
color: #FFF !important;
border: medium none;
}
.alert.alert-danger.Blocked_users {
width: 100%;
border-radius: 0;
margin-top: 5px;
text-align: center;
}
.abt-tab-left>ul>li>a {
border-bottom: 1px solid #ededed;
border-radius: 0px;
margin: 0px;
color: #333;
text-align: center;
}
.brk-list {
float: left;
width: 100%;
text-align: right;
}
#showmore {
display: none;
}
.bis-info-hed {
float: left;
width: 100%;
font-size: 14px;
padding: 5px 7px;
font-weight: 600;
background-color: #EDEDED;
}
.bis-info {
float: left;
width: 100%;
border: 1px solid #EDEDED;
}
.bis-info-dtl {
float: left;
width: 100%;
padding: 10px;
}
.work-plc-div>a {
float: right;
margin-top: 3px;
}
.work-plc-finl>input {
float: right;
padding: 4px 15px;
background-color: #00aced;
color: #fff;
border: none;
border-radius: 5px;
margin-left: 6px;
}
.work-plc-div>span {
float: left;
width: 80%;
}
.work-plc-div {
float: left;
width: 100%;
padding: 8px 0px;
border-bottom: 1px solid #E5E5E5;
}
.right-side {
float: left;
width: 100%;
}
.profil-friend-box {
float: left;
width: 100%;
background-color: #fff;
padding: 15px;
margin-top: 20px;
border: 1px solid #e1e8ed;
margin-bottom: 10px;
}
.addvrts-head {
float: left;
width: 100%;
}
.addvrts-head>h2 {
margin: 0;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 15px;
color: #4b4b4b;
float: left;
}
.addvrts-head>a {
float: right;
font-size: 12px;
}
.prfl-frnd {
float: left;
width: 33.33%;
padding-right: 6px;
background: #fff;
}
.prfl-frnd>a>img {
width: 100%;
height: 77px;
}
.frnds-rqvst-list {
float: left;
width: 100%;
margin-top: 15px;
background: #fff;
}
.form-group.card.required {
overflow: hidden;
}
.has-usr-pic a img {
min-height: 100px;
display: block;
width: auto;
margin: 0 auto;
min-width: 100%;
object-fit: contain;
}
.usr-msg-box {
float: left;
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #ccc;
}
.usr-msg-box>.usr-msg-img {
float: left;
width: 50px;
height: 50px;
margin-right: 10px;
}
.user-frd-mng-btn>button:first-child {
background-color: #00aced !important;
color: #fff;
}
.usr-msg-box>.user-frd-mng>span {
float: left;
width: 100%;
font-size: 12px;
font-weight: 600;
color: #00aced;
}
.usr-msg-box>.user-frd-mng>p {
float: left;
width: 100%;
font-size: 12px;
margin-bottom: 0;
color: #9197a3;
white-space: nowrap;
overflow:hidden;
text-overflow: ellipsis;
}
.usr-msg-box>.user-frd-mng {
float: left;
max-width: 550px;
overflow:hidden;
}
.user-frd-mng-btn>button {
background-color: #303030;
border: none;
margin: 14px 5px 13px;
border-radius: 3px;
padding: 3px 7px;
font-size: 12px;
color: #fff;
}
a#addpicture {
background-color: #00aced;
color: #fff;
border: 1px solid #00aced;
position: relative;
z-index: 99;
margin-bottom: 10px;
}
div#navbar-main .col-md-6 {
position: static;
}
div#navbar-main {
position: relative;
}
.can-pic>a.cancel_pic {
font-weight: 700;
position: absolute;
width: 25px;
height: 25px;
background-color: #00aced;
text-align: center;
line-height: 20px;
border-radius: 50%;
color: #fff;
top: -10px;
right: -10px;
}
.can-pic img {
width: 100%;
min-height: 80px;
max-height: 80px;
}
.can-video>video {
width: 100%;
min-height: 126px;
}
center.ful-lod-men {
overflow: hidden;
display: block;
width: 100%;
float: left;
}
.can-video>a.cancel_video {
font-weight: 700;
position: absolute;
right: 10px;
width: 25px;
height: 25px;
background-color: #00aced;
text-align: center;
line-height: 26px;
border-radius: 50%;
color: #fff;
z-index: 9;
top: -10px;
}
a#addvideo {
background-color: #00aced;
color: #fff;
border: 1px solid #00aced;
position: relative;
z-index: 99;
margin-bottom: 10px;
}
addvrts-head a,
.brk-list a.show-expand.abttab {
color: #00aced;
outline: none;
text-decoration: none;
}
.new-cls {
border: none !important;
color: #fff;
float: right;
padding: 7px 15px !important;
margin-left: 10px;
}
.dropdown.usr-mng-stng>a {
color: #fff;
padding: 7px 10px;
float: left;
border: none;
border-radius: 4px;
}
.dropdown.usr-mng-stng {
position: absolute;
bottom: 60px;
right: 10px;
}
.usr-msg-box>.usr-msg-img {
float: left;
width: 50px;
height: 50px;
margin-right: 10px;
overflow: hidden;
}
.usr-msg-box>.usr-msg-img img {
width: 100%;
min-height: 50px;
}
.work-plc-finl>a>input {
float: right;
padding: 4px 15px;
background-color: #00aced;
color: #fff;
border: none;
border-radius: 5px;
margin-left: 6px;
}
.work-plc-finl {
float: left;
width: 100%;
text-align: right;
padding-right: 10px;
padding-bottom: 10px;
}
.bis-info-dtl>span {
float: left;
width: 100%;
margin: 10px 0px;
}
.bis-info-dtl>span>input {
width: 100%;
border: 1px solid #ccc;
padding: 7px 10px;
height: 38px;
outline: none !important;
box-shadow: none !important;
}
.work-plc-div>span input {
width: 100%;
border: 1px solid #ccc;
padding: 7px 10px;
height: 38px;
outline: none !important;
box-shadow: none !important;
}
.work-plc-div>span {
float: left;
width: 100%;
}
.comnt-aditional {
position: absolute;
top: 0;
right: 0;
float: left;
}
a.share_post.clr-share {
color: #00aced;
}
.comnt-smly-cam {
float: right;
}
.comnt-smly {
float: left;
margin-right: 10px;
margin-top: 8px;
}
.uploaded-views>ul>li>a:hover {
color: #00aced;
}
.search-bar>.input-group>.input-group-btn>button {
background-color: rgb(48, 48, 48) !important;
color: #fff !important;
font-size: 18px;
padding: 3.3px 10px !important;
line-height: 25px;
background: none;
height: 40px;
width: 40px;
}
.search-bar {
float: left;
width: 100%;
padding: 10px 0;
margin: 0;
}
.edit_post button.submit-button {
background: #fff;
border-color: #fff;
color: #000;
font-weight: 600;
}
.edit_post button.submit-button:hover {
border: 1px solid #fff !important;
}
.edit_post .modal-body {
padding: 15px 0;
}
.edit_post .modal-body textarea {
padding: 10px;
border-radius: 2px;
box-shadow: none;
border: none;
background: #fff;
}
.search-bar>.input-group>.input-group-btn>button>i.fa {
font-size: 15px;
}
.search-bar input {
height: 40px;
}
.uplod-type-list ul li:nth-child(3) a {
border: none !important;
}
.chat-window {
bottom: 0;
position: fixed;
float: right;
margin-left: 10px;
right: 0;
width: 250px;
z-index: 99;
}
.chat-window .panel.panel-default {
margin-bottom: 0px;
padding-bottom: 2px;
background-color: #E5E5E5;
}
.chat-window > div > .panel {
border-radius: 5px 5px 0 0;
}
.chat-window .panel-default>.panel-heading {
color: #333;
background-color: #303030;
border-color: #ddd;
}
.top-bar {
background: #666;
color: white;
padding: 6px;
position: relative;
overflow: hidden;
}
.onln-usr-list-box {
float: left;
width: 100%;
margin-top: 10px;
}
.user-ct-pic {
float: left;
width: 35px;
height: 35px;
margin-right: 10px;
}
.user-ct-pic>img {
width: 100%;
height: 35px;
}
.onln-usr-name {
float: left;
width: 135px;
}
.onln-usr-name>p {
line-height: 35px;
margin-bottom: 0;
color: #000;
font-size: 12px;
}
.onln-usr-name>p>span {
width: 8px;
height: 8px;
background-color: #31B119;
float: right;
margin-top: 12px;
border-radius: 50%;
margin-right: 5px;
}
.onln-wndow-hed {
float: left;
margin-top: 4px;
}
.chat-window .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
color: #FFF !important;
}
.onln-wndow-icon {
float: right;
}
.onln-wndow-icon>a {
line-height: 0.82px !important;
}
.chat-window span.glyphicon {
color: #fff;
font-size: 10px;
}
.icon_minim {
padding: 2px 10px;
}
.ctgry-sub-menu ul li form .input-prepend .btn-group {
width: 100%;
}
.ctgry-sub-menu ul li form .input-prepend .btn-group button span.caret {
right: 0;
float: right;
margin-top: 6px;
}
.ctgry-sub-menu ul li form .input-prepend .btn-group button {
width: 100%;
text-align: left;
font-size: 13px;
}
.alert.alert-danger.alert-dismissable {
position: absolute;
padding: 5px 14px 5px 5px;
margin: 0;
border: 0;
color: #9e1d1d;
bottom: -35px;
width: auto;
overflow: hidden;
right: 5px;
}
.alert-dismissable .close {
position: relative;
top: -1px;
right: -7px;
color: inherit;
}
.has-usr-pic a {
max-height: 100px;
overflow: hidden;
display: block;
border: 3px solid #49d08e;
padding: 0;
}
body.modal-open {
overflow: hidden;
height: 99vh;
}
.editbox2 {
display: block;
overflow: hidden;
width: 100%;
}
.form-row {
display: block;
overflow: hidden;
width: 100%;
}
label.error {
color: #ff0000;
position: absolute;
bottom: -21px;
font-size: 11px;
width: 100%;
left: 15px
}
.editbox2 label {
width: 100%;
font-size: 12px;
}
.editbox button#abt_submit {
padding: 5px 5px;
border-radius: 2px;
background: #00aced;
border: 1px solid #00aced;
}
.editbox2 input.btn.btn-primary.submit-button {
border: 1px solid #00aced;
background: #00aced;
}
.dropdown.pst-ctgry>ul.dropdown-menu li:hover {
background-color: #f5f5f5;
}
.dropdown.pst-ctgry>ul.dropdown-menu li {
padding: 5px 10px;
width: 100%;
float: left;
}
.dropdown.pst-ctgry>ul.dropdown-menu li input {
float: left;
margin-right: 5px;
}
.dropdown.pst-ctgry>ul.dropdown-menu li a {
/* float: left; */
padding-left: 0;
display: inline-block;
padding-top: 0px;
}
.reply-dash {
float: left;
cursor: pointer;
color: #00aced;
}
.depart-listing {
background: #fff;
padding: 6px;
margin-bottom: 10px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.13);
}
.depa-content ul {
padding: 0;
margin: 0;
display: block;
}
.depa-content ul li {
display: block;
list-style: none;
padding: 2px 0;
font-size: 11px;
}
.depa-content h4 {
font-size: 14px;
font-weight: 600;
margin: 0 0 6px;
}
.depa-profile-img img {
width: 100%;
height: 75px;
}
.depa-profile-img {
display: table-cell;
min-width: 78px;
vertical-align: middle;
max-width: 78px;
}
.depa-content {
width: 100%;
display: table-cell;
vertical-align: middle;
padding-left: 10px;
}
.department {
max-height: 315px;
}
.department .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.department .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.65) !important;
}
.department .mCSB_inside>.mCSB_container {
margin-right: 15px;
}
.department-right h3 {
background: #00aced;
color: #fff;
padding: 10px;
margin: 20px 0 0 0;
border-radius: 5px 4px 0 0;
display: block;
overflow: hidden;
font-size: 16px;
}
.row.padding-50 {
padding-top: 50px;
}
div.can-pic {
position: relative;
text-align: center;
}
div.can-pic i.fa.fa-spinner.fa-pulse {
position: absolute;
margin: 0 auto;
top: 41%;
color: #00aced;
}
.psted-cmnt-sec .dropbtn {
display: block !important;
position: absolute;
right: 0;
background: transparent !important;
}
.psted-cmnt-sec .dropbtn button.btn {
background: transparent !important;
border: none;
}
.psted-cmnt-sec .dropbtn ul.dropdown-menu {
left: auto;
right: 0;
}
.terms-head h1 {
padding: 40px 0;
margin: 0;
/*text-transform: uppercase;*/
position: relative;
font-size: 28px;
font-weight: 600;
}
.terms-head h1:after {
position: absolute;
content: '';
background: #000;
height: 3px;
width: 65px;
margin: 0 auto;
left: 0;
right: 0;
bottom: 20px;
}
.about-sec h3 {
color: #ff9900;
font-size: 20px;
font-weight: 600;
margin: 0;
padding: 13px 0;
}
.tab-content.usr-ct-top {
float: left;
width: 100%;
margin-top: 20px;
}
ul.hide-bullets li.thumb-img {
width: 50px;
float: left;
margin: 0px 4px;
cursor: pointer;
}
.terms-container, .contact-Us {
max-width: 800px;
margin: 0 auto;
}
.cntct-header p {
margin: 25px 0px;
font-size: 14px;
color: #585858;
line-height: 25px;
text-align: center;
}
.volunt-txt {
text-align: left;
text-align-last: left;
background: #ffffff;
margin: 35px 0px;
padding: 25px;
}
.volunt-txt h4 {
margin-bottom: 25px;
line-height: 30px;
}
.volunt-txt ul {
padding: 0 18px 0;
}
.volunt-txt ul li {
padding-bottom: 15px;
}
.inputs label {
width: 100%;
font-size: 13px;
font-weight: 600;
margin: 10px 0 4px 0;
}
.inputs input {
width: 100%;
padding: 5px 10px;
height: 38px;
outline: none;
box-shadow: none;
}
.contact-us-design {
background: #fff;
padding: 40px;
max-width: 650px;
margin: 0 auto;
}
.inputs textarea {
width: 100% !important;
padding: 10px;
overflow-y: auto;
overflow-x: hidden;
height: 80px;
box-shadow: none;
outline: none !important;
}
.inputs.sbm-btn input {
background: #00aced;
border: none;
padding: 10px 20px;
margin: 20px auto 0;
color: #fff;
max-width: 110px;
font-weight: 600;
text-transform: uppercase;
}
.inputs.sbm-btn {
text-align: center;
}
.card a.btn,
input.btn.btn-primary.submit-button {
border: 1px solid #00aced;
background: #00aced;
}
.edit-profl-pic .form-hdng {
background: #00aced;
padding: 10px;
margin: 20px 0 10px;
}
.edit-profl-pic .form-hdng h2 {
margin: 0;
color: #fff;
}
.edit-profl-pic .form-sec {
background: #fff;
}
.edit-profl-pic form#edit_profile {
padding: 5px 15px;
}
img#main_image {
width: 100% !important;
max-width: 450px !important;
height: inherit !important;
max-height: 380px;
}
.modal-body {
overflow: hidden;
}
#save_thumb {
margin-bottom: 15px;
}
.card label {
width: 100%;
}
span.like-clas {
margin: 0 3px;
}
.friend_test .form-sec {
background: #fff;
overflow: hidden;
margin-top: 15px;
}
.friend_test .form-hdng h2 {
padding: 0;
margin: 0;
color: #fff;
}
.friend_test .form-hdng {
background: #00aced;
padding: 10px;
}
.replay-in {
position: relative;
overflow: hidden;
width: 100%;
}
.invite-friend img {
width: 100%;
height: 100%;
}
.profile img {
width: 100%;
height: 100%;
}
.profile {
height: 35px;
width: 35px !important;
margin: 0 15px 0 0 !important;
overflow: hidden;
border-radius: 100%;
padding: 0 !important;
}
.invite-friend ul li {
width: 100%;
float: left;
padding: 9px 0 9px 0;
list-style: none;
border-bottom: 1px solid #ccc;
}
.invite-friend ul {
overflow: hidden;
padding: 0 0 0;
margin: 0;
}
.invite-friend li span {
float: left;
}
.p-name h4 {
font-weight: 600;
margin: 0 0 4px 0;
}
.p-name p {
font-size: 13px;
margin: 0;
}
.like_popup .modal-content {
background: #fff;
border: none;
border-radius: 4px;
overflow: hidden;
}
.like_popup .modal-header {
background: #00aced !important;
}
.p-name h4 a {
font-size: 14px;
text-transform: capitalize;
width: 100%;
display: block;
}
.like_popup h4 {
color: #fff;
text-transform: capitalize;
}
.like_popup button.close {
color: #fff;
opacity: 1;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
#customscroll_like,
#customscroll_dislike {
max-height: 250px;
overflow: hidden;
}
.like_popup .modal-dialog {
max-width: 350px;
}
.invite-friend .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background:#000 !important;
}
#edit_post_text_447 div {
word-break: break-all;
}
.crop_uplod_img .modal-content {
max-width: 480px;
margin: 30px auto;
}
.crnt-user-name h1.inner_name {
margin: 0;
width: 70%;
float: left;
}
.crnt-user-name h1.inner_name a {
color: #fff;
font-size: 25px;
margin: 0 0;
display: inline-block;
font-weight: 600;
padding-left: 20px;
}
.chat-name-left .search-bar {
padding: 0;
}
.chat-name-left .search-bar h2 {
margin: 0 0 10px;
}
.chat-name-left .search-bar h2 a {
color: #00aced;
font-size: 30px;
display: inline-block;
font-weight: 600;
}
.crnt-user-name span.delete_convercation a {
color: #9d9e9e;
display: inline-block;
font-size: 14px;
padding-bottom: 0px;
float: right;
padding-top: 18px;
padding-right: 14px;
letter-spacing: 0.3px;
}
.msg_container_base .sent-usr-pic ,.msg_container_base .receiver-pic {
width: 30px;
height: 30px;
border: solid 1px #ddd;
border-radius: 50%;
overflow: hidden;
float: right;
background: #fff;
padding: 0px;
}
.msg_container_base .base_receive .receiver-pic {
float: left;
}
.msg_container_base .sent-usr-pic img,.msg_container_base .receiver-pic img {
width: 100%;
max-width: 150px;
}
.msg_container_base .base_sent ,.msg_container_base .base_receive {
margin-bottom: 0px;
padding: 7px 15px;
}
.msg_container_base .base_receive .messages {
background: #ececec;
padding: 6px 8px;
position: relative;
border-radius: 5px;
}
.msg_container_base .base_sent .messages {
background: #eaeaea;
padding: 6px 8px;
position: relative;
border-radius: 5px;
}
.msg_container_base .base_receive .messages:before {
width: 0;
height: 0;
content: "";
top: 0;
left: -16px;
position: absolute;
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent #ececec transparent transparent;
}
.msg_container_base .base_sent .messages:before {
width: 0;
height: 0;
content: "";
top: 0px;
right: -7px;
position: absolute;
border-style: solid;
border-width: 15px 10px 0 0;
border-color: #eaeaea transparent transparent transparent;
}
.base_sent p {
text-align: right;
}
.msg_container_base .base_sent .messages a, .msg_container_base .base_receive .messages a {
color: #a9a6a6;
font-size: 15px;
position: absolute;
bottom: 6px;
width: 22px;
height: 22px;
text-align: center;
line-height: 22px;
border-radius: 50%;
}
.msg_container_base .base_sent .messages a:hover,
.msg_container_base .base_receive .messages a:hover {
opacity: 0.8;
}
.msg_container_base .base_receive .messages.msg_receive {
text-align: left;
padding-right: 10px;
float: left;
}
.msg_container_base .base_sent .messages.msg_sent {
text-align: right;
padding-left: 10px;
}
.msg_container_base .base_receive .messages.msg_receive a {
right: 10px;
}
.msg_container_base .base_sent .messages.msg_sent a {
left: 10px;
}
.input-group.msg-editr-new>a {
position: absolute;
right: 60px;
z-index: 99;
top: 12px;
font-size: 20px;
}
.msg-editr-new a {
color: #9a9898;
}
.msg-editr-new a:hover,.msg-editr-new a:focus {
color: #00aced
}
.msg-editr-new span.input-group-btn button#btn-chat {
display: block;
background: #ffffff;
border: none;
margin: 0;
border-radius: 50%;
font-size: 16px;
/* width: 120px; */
padding: 0;
font-weight: 600;
}
.msg-editr-new span.input-group-btn button#btn-chat:hover, .msg-editr-new span.input-group-btn button#btn-chat:focus {
color: #00aced;
background: #fff;
}
.input-group.msg-editr-new>span.input-group-btn {
display: inline-block;
width: auto !important;
}
.chatwindownew .panel-footer {
width: 100%;
padding: 0;
border-radius: 0;
margin-top: -2px;
background: #fff;
}
.msg-editr-new span.input-group-btn button#btn-chat i.fa {
font-size: 38px;
color: #00aced;
}
.input-group.msg-editr-new>span.input-group-btn {
display: inline-block;
width: 100%;
position: absolute;
top: 5px;
right: 8px;
z-index:9;
}
.input-group.msg-editr-new a.mang-emoji {
right: 96px;
}
div#emoji_Box_Div ul {
padding-left: 0;
padding: 5px;
}
div#emoji_Box_Div ul li {
list-style: none;
float: left;
padding: 3px;
margin: 5px;
}
#emoji_Box_Div {
width: 200px;
background-color: white;
color: #FF0;
position: absolute;
top: -73px;
z-index: 9;
right: 0;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 2px 2px 2px #b1b1b1;
display:none;
}
.msg_container_base .base_sent .userlogo {
position: absolute;
right: 15px;
top: 23px;
}
.msg_container_base .userlogo {
width: 41px;
}
.msg_container_base .base_sent {
position: relative;
}
p.name-msg {
margin: 0 0 4px;
font-weight: 600;
font-size: 12px;
}
.msg_container_base .base_receive .userlogo {
float: left;
margin-top:18px;
}
.msg_container_base .base_sent .messagecontent {
margin-right: 40px;
float: right;
max-width: 85%;
}
.msg_container_base .base_sent .messages p {
margin-bottom: 0;
font-size: 12px;
}
.msg_sent p, .msg_sent p span {
color: #6f6f6f !important;
font-family: 'open sans' !important;
font-size: 13.4px !important;
white-space: normal;
}
.online-name {
display: block;
min-height: 40px;
height: 100%;
}
.messages a.view-doc {
width: auto !important;
height: auto !important;
display: block;
position: static !important;
padding: 3px;
cursor: pointer;
color: #00aced !important;
}
.msg_container_base .base_sent .messages time {
display: none;
}
.msg_container_base .base_receive .messagecontent {
margin-left: 56px;
}
.msg_container_base .base_receive .messages.msg_receive time {
display: none;
}
.messagecontent time {
font-size: 11px;
font-style: italic;
color: #8e8d8d;
letter-spacing: 0.3px;
}
.online-operator-masgs .panel-body {
padding: 7px 15px;
}
.messages.msg_receive p {
margin-bottom: 4px;
font-size: 12px;
}
.chat-name-left .search-bar h2 a {
font-size: 24px;
}
.crnt-user-name {
float: left;
width: 100%;
background: #fff;
margin-bottom: 7px;
}
.online-operator-masgs {
float: left;
width: 100%;
}
.alert {
margin: 15px 0;
padding: 10px;
display: inline-block;
width: 100%;
}
.page-header {
padding-bottom: 9px;
margin: 30px 0 10px;
border-bottom: 1px solid #eee;
font-size: 22px;
}
.msg-cls-big.notifcsn-drop div#noticescroll li:nth-last-child(1) {
border: none;
}
ul.msg-cls-big.notifcsn-drop {
padding: 0 !important;
}
.sent-usr-pic,
.receiver-pic {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
}
.sent-usr-pic img,
.receiver-pic img {
width: 100% !important;
}
a.delete_message_receive {
position: absolute;
z-index: 99;
}
.messages.msg_sent,
.messages.msg_receive {
background: #e4e4e4;
padding: 15px;
border-radius: 4px;
margin: 0 0 10px;
}
.base_receive a.delete_message_receive {
top: 5px;
right: 24px;
}
.base_sent a.delete_message_receive {
left: -34px;
top: 5px;
}
.messages time {
width: 100%;
display: block;
font-size: 10px;
margin-bottom: -10px;
}
.messages.msg_sent:after {
transform: rotate(0deg);
left: auto;
right: -25px;
}
.messages:after {
content: "";
left: -25px;
background: url(../images/play-button.png);
width: 30px;
height: 30px;
top: 10px;
display: block;
position: absolute;
transform: rotate(180deg);
z-index: 0;
background-size: 30px 30px;
}
.messages {
position: relative;
}
li.moblink {
display: none;
}
.uploaded-post-detail span {
word-wrap: break-word;
}
.col-md-12.no-rit-spec {
padding: 10px 0 0;
}
.side-page {
padding: 15px;
}
.usr-mng-stng ul.dropdown-menu {
padding: 0;
overflow: hidden;
min-width: auto;
}
.online-operator {
padding: 0px;
}
.online-operator ul {
/* padding: 5px; */
float: none;
width: 100%;
border: none;
margin-top: 5px;
}
.online-operator ul li {
float: left;
width: 100%;
border-bottom: 1px solid #e8e8e8;
}
.online-operator ul li a {
padding: 4px 8px;
display: block;
margin: 0px;
border: none !important;
border-radius: 0;
}
ul.nav-stacked li.active a,
ul.nav-stacked li.active a:hover{
background: #00aced !important;
color: #fff;
cursor: pointer;
}
ul.nav-stacked li.active a .oprter-name p,
ul.nav-stacked li.active a .oprter-name span {
color: #fff;
}
.nav-stacked>li+li {
margin-top: 0px !important;
margin-left: 0;
}
.online-name .oprter-pic {
float: left;
width: 35px;
height: 35px;
border-radius: 50%;
overflow: hidden;
margin-right: 10px;
}
.online-name .oprter-pic img {
width: 100%;
}
.online-name .oprter-name p {
font-size: 12px;
color: #313131;
padding-top: 1px;
margin-bottom: 0;
}
.online-operator-masgs .msg_container_base {
max-height: 430px;
overflow-y: auto;
}
.online-name .oprter-name span.last-msgs {
font-size: 12px;
color: #949494;
}
.chatwindownew .panel {
border-radius: 0;
}
.msgs-srches-field .search-bar {
margin-top: 10px;
margin-bottom: 10px;
}
.online-groups .oprter-pic {
float: left;
width: 35px;
height: 35px;
border-radius: 50%;
overflow: hidden;
margin-right: 10px;
}
.online-groups .oprter-pic img {
width: 100%;
}
.online-groups .oprter-name p {
font-size: 14px;
color: #313131;
padding-top: 5px;
margin-bottom: 0;
}
.online-groups .oprter-name span.last-msgs {
font-size: 12px;
color: #949494;
}
.online-operator .search-bar .input-group input#search_friend {
height: 35px;
}
.online-operator .search-bar .input-group {
width: 100%;
}
.newImage_popup img {
width: 100%;
}
.oprter-name {
display: block;
margin-left: 45px;
}
.joinBtn {
margin: 15px 0 0;
text-align: right;
padding: 0 15px;
}
a.btn.btn-success {
background: #00aced;
border-color: #00aced;
color: #fff;
}
a.btn.btn-success:hover,a.btn.btn-success:focus {
background: #00aced;
border-color: #00aced;
}
.depa-content {
position: relative;
padding-right: 0px;
}
.depa-content ul li a {
font-weight: 700;
}
.depa-content ul li.joingroupIcon {
position: absolute;
right: 0;
top: 0;
padding: 0;
}
.depa-content ul li.joingroupIcon a {
padding: 3px;
font-size: 0;
}
.depa-content ul li.joingroupIcon a i {
font-size: 14px;
}
.my-mmbrs-box {
display: none;
height: 50px;
background-color: #ddd;
}
.msg_container_base .base_receive .messages.msg_receive img.chat-img,
.msg_container_base .base_sent .messages.msg_sent img.chat-img {
max-width: 100% !important;
}
.msg_sent img,
.msg_receive img {
max-width: 19px !important;
}
.msgGroup .panel-footer {
margin-top: 100px;
}
.emoji-box td a img {
width: 28px !important;
}
.emoji-box td {
padding: 5px 2px;
text-align: center;
}
.emoji-box td a {
display: block;
width: 30px;
}
.emoji-box td:hover {
background: #e8e8e8;
}
.emoji-box table {
margin: 10px;
}
.emoji-tabs li a {
padding: 5px 12px 5px;
}
a.my-emoji {
right: 95px !important;
}
button#close-emoji {
background: transparent;
border: none;
position: absolute;
right: 0;
top: 52px;
padding: 10px;
}
button#close-emoji i.fa {
font-size: 20px;
}
.emoji-tabs {
position: relative;
}
.msg-editr-new textarea {
padding: 15px;
height: 52px !important;
overflow-y: hidden;
width: 100% !important;
}
.hm-menu>ul>li>ul.dropdown-menu li a {
text-transform: capitalize;
}
.bis-info .bis-info-dtl i.fa.fa-mobile {
font-size: 20px;
}
.bis-info .bis-info-dtl i {
width: 20px;
text-align: center;
}
.dropdown.pst-ctgry ul li a {
text-transform: capitalize;
padding: 3px 10px;
}
.dropdown.pst-ctgry ul li a i {
width: 20px;
text-align: center;
}
div#mainimage > div {
padding: 0;
}
div#mainvideo {
padding: 0 15px;
}
.mCSB_scrollTools {
width: 4px !important;
}
.department .mCSB_inside>.mCSB_container {
margin-right: 10px;
}
.not_found {
clear: both;
width: 100%;
background: #fff;
padding: 10px;
border-top: solid 1px #ddd;
}
.body-wrapper.forgot-form {
padding: 80px 0 0;
}
.reset-form.form-sec {
max-width: 450px;
margin: 70px auto;
overflow: hidden;
border: 1px solid #cccc;
padding: 30px;
background: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.18);
}
.reset-form h2 {
margin: 0 0 16px;
font-size: 25px;
font-weight: 600;
}
.reset-form label {
font-size: 12px;
}
.reset-form input {
padding: 10px;
border-radius: 0;
height: 40px;
}
.submit-form input {
border-radius: 2px;
height: 35px;
padding: 5px 15px;
}
.submit-form input {
border-radius: 2px;
height: 35px;
padding: 5px 15px;
outline: none;
}
.reset-form label.error {
position: static !important;
margin: 0;
font-size: 11px;
}
.forgot a {
color: #fff;
text-decoration: underline !important;
display: inline-block;
text-align: left;
font-size: 12px;
margin-top: 2px;
float: left;
}
.forgot a:hover,
.forgot a:focus {
color: #000;
}
.chat-masgs-mid h1.inner_name {
font-size: 25px;
display: block;
overflow: hidden;
padding: 10px;
text-transform: uppercase;
font-weight: 600;
background: #00aced;
width: 100%;
color: #fff;
}
@media screen and (min-width: 1350px){
.main-footer .container,
.home-tiles .container,
.navbar .container,
.container.hm-page-cntnr {
width: 1340px !important;
}
}
@media screen and (max-width: 1199px){
.hm-tile.hm-tile-rwfour .hm-tile-img img {
height: 100%;
width: auto;
}
.usr-msg-box>.user-frd-mng {
max-width: 490px;
}
.uploaded-views>ul>li>a {
padding: 10px 5px;
}
.uploaded-views>ul>li>a>i {
margin-right: 0;
}
.left-side.left-fixed-theme {
max-width: 212px;
}
}
@media screen and (max-width: 991px){
header.main-header .navbar-default .navbar-form .form-control {
width: 135px;
margin-right: 0;
min-width: initial;
}
.department.mobile_sidebar {
height: auto !important;
}
.usr-msg-box>.user-frd-mng {
max-width: 268px;
}
.left-side.left-fixed-theme {
max-width: 220px;
}
header.main-header .navbar-default .navbar-form .form-control {
width: 175px;
margin-right: 0;
min-width: initial;
}
form.navbar-form .form-group label.error {
font-size: 11px;
white-space: nowrap;
}
form.navbar-form .form-group {
margin-right: 10px;
}
header.main-header .navbar-default .navbar-right .btn.btn-default {
margin-right: 0;
}
.row.padding-50 .profil-table .tabbable .nav-tabs {
margin-top: 20px !important;
}
header.main-header .navbar-default a.navbar-brand {
font-size: 20px;
padding: 16px 15px;
}
.hm-tile-img.hm-tile-rec img {
width: auto;
}
.hm-tile-img.hm-tile-rec .item {
height: 115px;
}
.hm-tile-rwtwo .hm-tile-img {
height: auto;
}
.hm-tile-img.hm-tile-rec img {
height: 100%;
width: auto;
min-height: initial;
}
.hm-tile.hm-tile-rwfour .hm-tile-img img {
width: 100%;
height: auto;
}
.hm-tile-rwone .hm-tile-osub {
height: 150px;
width: 150px;
}
.hm-tile-rwone .hm-tile-img {
width: -webkit-calc(100% - 150px);
width: -moz-calc(100% - 150px);
width: calc(100% - 150px);
height: 300px;
}
.hm-tile-other{
width: 150px;
}
.hm-tile-rwone .front, .hm-tile-rwone .back, .hm-tile-rwone .flashcard {
width: 150px;
height:150px;
}
.hm-tile-rwone .hmt-icon {
font-size: 90px;
}
.can-pic img {
min-height: 190px;
max-height: 190px;
}
/*.online-operator {
display: none;
}*/
div#mainimage {
margin: 0;
}
div#mainvideo {
margin: 0;
}
.profil-table .tabbable .nav-tabs {
margin-top: 50px !important;
}
.col-md-5.department-right {
display: none;
}
li.moblink {
display: block;
}
.side-page h3 {
background: #00aced;
color: #fff;
padding: 15px;
border-radius: 10px 10px 0 0;
}
.desktop_sidebar {
display: none;
}
}
@media screen and (min-width: 768px){
.cancel_message{
display:none;
}
}
@media screen and (max-width: 767px){
.testClass {
display: none;
}
.msgtab{
display:block;
}
span.cancel_message {
float: right;
}
span.cancel_message {
font-size: 16px;
border-radius: 20px;
border: 2px solid #fff;
width: 26px;
height: 26px;
line-height: 22px;
text-align: center;
}
.online-name .oprter-name span.last-msgs {
margin-top: 18px;
}
.oprter-name {
margin-left: 45px;
position: relative;
min-height: 48px;
}
.tab-content.usr-ct-top {
display: none;
}
.hide_msg{
display:block !important;
}
.online-name .oprter-name p {
font-size: 12px;
color: #313131;
padding-top: 1px;
margin-bottom: 0;
position: absolute;
min-height: 50px;
width: 100%;
padding: 0px 0px 0px 0px;
left: 0px;
}
.dropdown.usr-mng-stng {
position: absolute;
top: 10px !important;
right: 10px;
bottom: auto !important;
}
.left-side.left-fixed-theme {
position: relative;
max-width: inherit;
top: 0;
}
.hm-menu .dropdown-menu>li>a {
padding: 5px 10px;
}
.mobile-hm label.error {
background: transparent !important;
border: none !important;
bottom: -25px !important;
}
.top-wrapper.fixed-theme {
position: static;
}
.dropdown.dropdowns.pst-ctgry>li>ul {
left: -7px;
right: auto;
top: 30px;
}
.row.padding-50 {
padding: 0;
}
form.navbar-form .form-group {
margin-right: 0;
}
.col-xs-6.thumb.has-usr-pic.can-pic {
width: 50%;
}
div#frnd_list {
padding: 0;
}
div#imagediv {
clear: both;
}
div.can-pic {
width: 100%;
}
.col-md-12,
center {
clear: both;
}
.col-md-8.col-sm-8.no-lft-spec {
padding: 0;
clear: both;
overflow: hidden;
width: 100%;
}
.col-md-2.col-sm-2.no-lft-spec {
overflow: hidden;
width: 100%;
}
.main-site-div {
background-color: #dcdcdc !important;
}
.hm-menu>ul>li:nth-child(5) a {
padding-right: 7px;
}
.hm-menu>ul>li>a {
padding: 7px;
}
.navbar-header button.navbar-toggle {
display: none;
}
.navbar-header span.menu-btn {
float: right;
margin-right: 15px;
margin-top: 15px;
display: block;
width: 40px;
}
.form-sec {
float: left;
width: 100%;
}
form#upload_img {
float: left;
width: 100%;
}
.profil-table .tabbable .nav-tabs {
margin-top: 0px !important;
}
.sub-user-cnt>.abt-field .editbox {
margin-top: 15px;
}
.abt-container-detel {
margin-top: 15px;
}
.joinBtn {
margin: 0px 0 15px;
text-align: center;
padding: 0 15px;
}
.chatbox {
display: none !important;
right: 0px !important;
}
.can-pic img {
width: 100%;
min-height: 180px !important;
max-height: 180px !important;
}
.navbar.navbar-default.navbar-fixed-top {
position: relative;
margin: 0;
}
center.ful-lod-men {
float: left;
width: 100%;
}
.login-fm-mob {
max-width: 450px;
margin: 0 auto;
}
section.mobile-hm div#tab2 .form-group h1 {
color: #464646;
font-weight: 600;
font-size: 30px;
margin: 0 0 9px;
text-align: center;
}
section.mobile-hm div#tab2 {
margin-top: 30px;
}
.chat-window {
display: none !important;
}
.abt-tab-left {
float: left;
width: 100% !important;
background-color: #fff;
}
.nav-stacked>li {
float: left;
width: 100% !important;
}
.abt-tab-left>ul>li>a {
padding: 6px !important;
}
.profl-dtl-box {
display: none;
}
.abt-tab-right {
width: 100% !important;
}
.profil-table .tab-content .col-md-12.no-rit-spec {
padding: 0;
margin-top: 20px;
}
.abt-container-detel .abt-tab-right {
margin-top: 5px;
}
.pst-usr-writ-sec {
display: inline-block;
width: 81% !important;
margin-left: 0px !important;
position: absolute;
}
.uploaded-post {
padding: 10px !important;
}
.profil-name {
float: left;
width: 70%;
position: absolute;
left: 125px;
bottom: auto;
top: 0;
}
.uploaded-views>ul>li>a {
padding: 5px !important;
float: left;
color: #7f7f7f;
font-size: 12px !important;
}
.post-mang-btn {
top: 9px !important;
right: 5px !important;
}
.uploaded-views>ul>li>a>i {
margin-right: 3px !important;
}
.profil-table>.tabbable>.nav-tabs>li>a {
padding: 10px 8px;
}
.profl-pic {
width: 150px !important;
height: 150px !important;
position: relative !important;
bottom: 70px !important;
left: 0 !important;
border: 1px solid #D4D4D4;
padding: 5px;
background-color: #fff;
z-index: 99;
margin: 0 auto;
display: table;
float: none !important;
margin-bottom: -55px;
}
.prfl-frnd>a>img {
height: 77px;
max-width: 100%;
width: auto;
}
.col-md-8.no-rit-spec {
padding: 0;
}
.profl-pic a {
width: 100%;
float: left;
font-size: 12px;
}
.post-upload-sec {
margin-top: 0px !important;
}
.profil-table {
margin-top:0;
}
.profl-pic>a>img {
width: 100%;
height: 138px !important;
}
.profil-table>.tabbable>.nav-tabs {
margin-left: 0px !important;
}
.covr-img {
max-height: 150px !important;
position: relative;
}
.left-side {
float: left;
width: 100%;
margin-top: 0px;
position: relative;
padding: 10px 15px;
top: 0;
}
.school-left-bar {
margin-top: 0 !important;
}
.profl-wrapper .page-option {
margin-top: 0 !important;
padding: 0 0;
width: 100% !important;
}
.page-option>ul>li {
margin-bottom: 8px;
}
.locate-div ul {
margin-bottom: 5px !important;
}
.page-option>ul {
margin: 0;
}
.body-wrapper {
padding-top: 15px;
}
.lfm-text h3 {
color: #464646;
font-weight: 600;
font-size: 30px;
margin: 0;
text-align: center;
}
div#myModal .main-reg-form .lfm-form input.form-control {
padding-left: 15px;
background-color: #fff;
}
.other-links {
margin-bottom: 15px;
}
.lfm-form select.form-control::placeholder {
color: #333;
}
.lfm-form .form-control::placeholder {
color: #adacac;
text-transform: capitalize;
}
.lfm-form .form-control {
border: none;
height: 45px;
border-radius: 4px;
background: rgb(255, 255, 255);
box-shadow: 3px 2px 1px rgba(0, 0, 0, 0.04);
color: #fff;
border: 1px solid #cacaca;
}
.lfm-text p {
color: #464646;
letter-spacing: 0;
line-height: 24px;
font-size: 14px;
text-align: center;
}
.main-content {
padding: 0;
min-height: 90vh;
}
.ftr-links ul {
margin: 0 -12px;
padding: 0;
display: block;
text-align: center;
}
section.home-tiles {
display: none !important;
}
.mobile-hm {
display: inline-block !important;
padding-top: 0px;
padding-bottom: 45px;
position: relative;
}
.mobile-hm::before {
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
position: fixed;
background: url(../images/icons-pattern.png);
opacity: 0.18;
}
.lfm-form .btn.btn-default, .lfm-form .btn.btn-default:focus, .lfm-form .btn.btn-default:hover {
border: none;
background: #00aced !important;
}
footer.main-footer {
background: #2b2b2b;
}
.ftr-links ul li {
padding: 8px 4px;
}
.ftr-links ul li:last-child {
float: left;
width: 100%;
text-align: center;
}
.lfm-form .form-control {
border: none;
height: 45px;
border-radius: 4px;
background: rgb(255, 255, 255);
box-shadow: 3px 2px 1px rgba(0, 0, 0, 0.04);
color: #565656;
border: 1px solid #cacaca;
margin: 0 0 20px;
}
header.main-header .navbar-default {
background: #00aced;
}
header.main-header .navbar-default a.navbar-brand {
font-size: 30px;
padding: 16px 15px;
text-align: center;
float: none;
display: inherit;
display: table;
margin: 0 auto;
}
.left-side .profile-box {
float: left;
width: 125px;
}
.logo-main {
float: none;
padding: 14px 0;
margin: 0 auto;
text-align: center;
}
.hm-menu>ul {
padding-left: 0px;
display: block;
text-align: center;
width: 100%;
margin-top: 15px;
}
.hm-menu>ul>li {
display: inline-block;
list-style: none;
float: none;
position: static;
}
li.dropdown a {
position: relative;
}
.hm-menu>ul>li>ul.dropdown-menu {
right: 0 !important;
left: 0;
margin-top: 0;
margin: 0 auto;
top: 64px;
max-width: 320px;
padding: 5px 0;
border-radius: 0;
}
.hm-menu>ul>li>ul.dropdown-menu .divider {
margin: 0;
}
.profl-box {
height: 150px;
float: none;
}
.logo-main a, .logo-main a:hover, .logo-main a:focus {
padding-left: 0px !important;
}
.search-bar input {
height: 35px !important;
}
.search-bar>.input-group>.input-group-btn>button {
line-height: 25px;
height: 35px !important;
width: 40px;
}
.search-bar {
float: none;
width: 100%;
margin-top: 0px !important;
margin-bottom: 0px !important;
display: block;
max-width: 400px;
margin: 0 auto;
text-align: center;
}
div#tab_2 .search-bar {
margin-top: 20px !important;
}
.hm-menu {
float: right;
margin-top: 0px !important;
width: 100%;
}
.uploaded-views>ul>li {
float: left;
width: 18%;
}
.page-option {
float: left;
width: calc(100% - 135px) !important;
margin: 0;
margin-top: 55px !important;
border-top: none;
padding: 0 0 0 15px;
}
.post-section {
float: left;
width: 100% !important;
margin-top: 15px;
}
.col-md-12.friend_test {
float: left;
width: 100%;
padding: 0;
}
.col-md-12.friend_test .form-sec .form-hdng {
float: left;
width: 100%;
}
.col-md-12.friend_test .form-sec>.col-md-12 {
padding: 0;
}
.nav-tabs-custom.frndtab {
float: left;
width: 100%;
}
.nav-tabs-custom.frndtab .tab-content {
float: left;
width: 100%;
background-color: #fff;
}
.abt-cntnt-head {
float: left;
width: 100%;
display: none;
}
.profil-pic {
float: left;
width: 125px !important;
border: 1px solid #e1e8ed;
padding-right: 0px;
margin: 35px 0 0 0;
}
.profil-name {
float: left;
width: 100% !important;
padding: 10px 0 0 30px;
}
.profil-name>h3 {
padding-left: 0px !important;
}
.profil-name>a {
padding-left: 0px !important;
}
.uplod-type-list>ul>li>a {
padding: 0px 7px !important;
}
.uploader-dtl {
float: left;
width: calc(100% - 56px);
}
form#registration .form-group h1 {
color: #464646;
font-weight: 600;
font-size: 30px;
margin: 25px 0 16px;
}
form#registration {
float: left;
width: 100%;
margin-top: 55px;
}
.msg_container_base .userlogo {
width: 50px;
}
.msg_container_base .sent-usr-pic, .msg_container_base .receiver-pic {
width: 50px;
height: 50px;
}
.msg_container_base .base_sent .messagecontent {
margin-right: 70px;
}
.msg_container_base .base_receive .messagecontent {
margin-left: 70px;
}
.chat-name-left .search-bar h2 a,.crnt-user-name h1.inner_name a {
font-size: 20px;
}
.crnt-user-name span.delete_convercation a {
font-size: 14px;
}
.col-md-9.col-sm-8.no-lft-spec {
clear: both;
}
.col-md-3.col-sm-4.no-lft-spec {
float: left;
width: 100%;
}
.col-md-9.col-sm-8 {
float: left;
width: 100%;
}
.col-md-5.department-right {
overflow: hidden;
float: left;
width: 100%;
}
.usr-msg-box>.user-frd-mng {
max-width: 352px;
}
.dropdown.usr-mng-stng {
position: absolute;
top: 20px !important;
right: 0;
left: 0;
margin: 0 auto;
width: 260px;
}
.reset-form.form-sec {
float: none !important;
margin: 40px auto;
}
.body-wrapper.forgot-form {
padding: 0;
min-height: auto;
}
}
@media screen and (max-width: 600px){
.can-pic img {
width: 100%;
min-height: 150px !important;
max-height: 150px !important;
}
.contact-us-design {
padding: 20px
}
.covr-img>a>img {
max-height: 150px;
}
.usr-msg-box>.user-frd-mng {
max-width: 290px;
}
}
@media screen and (max-width: 540px) {
.uploaded-views>ul>li {
width: auto;
}
.abt-edit {
margin-top: 10px;
margin-bottom: 10px;
}
.about-usr-info .abt-edit {
margin: 0;
}
.bis-info-dtl {
text-align: center;
}
.about-usr-info .bis-info-dtl {
text-align: left;
}
.posted-cntnt-div {
overflow: hidden;
}
.usr-msg-box>.user-frd-mng {
float: left;
width: 50%;
padding-top: 8px;
}
}
@media screen and (max-width: 500px){
.can-pic img {
width: 100%;
min-height: 120px !important;
max-height: 120px !important;
}
.can-pic img {
width: 100%;
min-height: 120px !important;
max-height: 120px !important;
}
.hm-menu>ul {
position: relative;
}
.hm-menu>ul li {
position: static !important;
}
li.dropdown.noti a {
position: relative;
}
.hm-menu>ul>li>ul.dropdown-menu {
right: 0 !important;
left: 0 !important;
margin: 0px auto 0;
min-width: 260px;
top: 50px;
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 8px !important;
font-size: 13px;
}
#scrollbox1 .col-md-2.col-xs-2 {
width: 20%;
}
#scrollbox1 .col-md-10.col-xs-10 {
width: 80%;
}
.uploader-dtl {
width: calc(100% - 78px);
}
}
@media screen and (max-width: 420px) {
.usr-msg-box>.user-frd-mng {
width: auto;
max-width: -webkit-fill-available;
}
}
.emoji-box .tab-content {
height: 130px;
overflow-y: auto;
}
.last-msgs img {
width: 18px;
}
img.share-icon {
width: 14px;
margin-right: 0px;
}
img.share-icon.share-icn-blue {
display: none;
}
a.share_post.clr-share:hover img.share-icon {
display: none;
}
a.share_post.clr-share:hover img.share-icon.share-icn-blue {
display: block;
width: 14px;
float: left;
margin-top: 4px;
}
.search-depart {
margin: 0px 0px 15px;
background: #fff;
padding: 15px;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.13);
}
.search-depart input {
border-radius: 1px;
box-shadow: none;
}
.share-icn-blue {
display: none;
}
.uploaded-views>ul>li>a:hover .share-icon {
display: none;
}
.uploaded-views>ul>li>a:hover .share-icn-blue {
display: inline-block;
}
.emojis-cls img{
width: 18px;
height: 18px;
}
.emoji-new-box td a img {
width: 18px !important;
}
.emoji-new-box button#close-emoji {
display: none;
}
a.my-emoji {
margin-right: 10px;
margin-top: 3px !important;
display: inline-block;
}
.emoji-new-box td a {
width: 20px;}
.dob-cls {
overflow: inherit;
}
.dob-cls .form-group {
overflow: inherit !important;
}
/*------------------piyush sir----------------------*/
.col-md-6.newModal img {
width: 100%;
}
.newModal_second i.fa.fa {
margin-right: 8px;
}
.col-md-6.newModal img {
width: 100%;
}
.col-md-6.newModal_second {
font-size: 15px;
}
.newModal_second img.share-icon {
margin-right: 8px;
}
.col-md-6.newModal_second .popup_share {
width: auto;
float: left;
margin-right: 15px;
}
.col-md-6.newModal_second .popup_comment {
width: auto;
float: left;
margin-right: 15px;
}
.col-md-6.newModal_second .popup_like {
width: auto;
float: left;
margin-right: 15px;
}
.popup-like_new {
margin-top: 15px;
border-top: 1px solid #99999959;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #99999959;
float: left;
}
.col-md-6.newModal_second
.popup-like_new {
margin-top: 15px;
border-top: 1px solid #99999959;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #99999959;
float: left;
width: 100%;
}
.col-md-6.newModal_second .pst-usr-writ-sec {
width: 78%;
}
/*=-======================================== swati ========================================== */
.newpicimg{
width:100%
}
.popup_like {
float: left;
margin-right: 15px;
}
.popup_comment {
float: left;
margin-right: 15px;
}
.popup_share {
float: left;
}
/*Responsive End*/
/*For new logo*/
.logo-main a img {
width: 36px;
position: relative;
top: -4px;
margin-right: 5px;
}
header.main-header .navbar-default a.navbar-brand img {
width: 36px;
position: relative;
top: 3px;
float: left;
margin-right: 5px;
}
div#edi {
display: block;
}
body.magnificpopupnoscroll{
overflow-y: hidden !important;
}
body.modal-open {
overflow: visible;
}