/* ----------------------------------------------------
 File: Default Styles
Author:  Gaassis Ahmed
App demo : http://www.gaassisoft.xyz/mysocial/;
URL author : https://themeforest.net/user/gaa2008

This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.
---------------------------------------------------- */

/* Begin general*/
h1,h2,h3,h4,h5,h6 {text-align:left}
/*iframe{border:0;height:150px;width:50%}*/
input:focus{box-shadow:none !important;border-color:initial;}
body{background:rgba(241,241,241,.4);overflow-x:hidden;position:relative;min-height:650px}
a:hover,a:active,a:focus {text-decoration:none;}
p{font-size: 14px;font-style: normal;font-weight: 400;text-transform: none;line-height: 1.7;letter-spacing: 0;color: #777;font-family: poppins,sans-serif;}
/* End general*/

/* Begin  scrollbar */
.list-info{list-style: none;font-size: 14px;font-style: normal;font-weight: 600;text-transform: none;line-height: 1.9;letter-spacing: 0;color: #777 !important;font-family: poppins,sans-serif;padding: 10px;}
.list-info a{color:inherit;font-size:inherit}
.sugg-scroll{height:148px;}
.scrollbar-inner:hover .scroll-element{opacity:1}
.scroll-element{transition:opacity 400ms linear;opacity:0}
#share-with .scrollbar-inner{height:220px;}
/* End  scrollbar */

/* Begin  Vagas */
#vigas.vegas-container{height:auto !important;}
.vegastransparent{height:100%;background:rgba(0,0,0,0.8);padding-bottom:35px;}
/* Begin   Vagas*/

/* Begin btn*/
.btn{line-height:1.4}
.btn span{font-size: .858rem;}
.btn.focus, .btn:focus{box-shadow:none !important}
/* End btn*/

/* Begin sign-up & sign-in */
.col-sign-up{margin-left: 40px;flex: 40%;}
.sign-in label{font-size:14px;}
.sign-in input{padding:2px !important;border-radius:0;border:none}
.sign-up .main-form{padding:10px 15px}
.sign-up p{font-family: Raleway-Regular;line-height: 1.4;color: #777;}
.sign-up{border-radius: 5px;box-shadow: 5px 5px 10px #c0c0c066;}
.sign-up-footer{margin-top: 25px;border-top: 1px solid #d9d9d94d;padding-top: 10px}
.sign-up-footer input{height:30px !important;margin-right:5px;}
.sign-up-header{padding:15px 15px 0 15px}
.sign-up-header  h4 b{color:#777}
.light-p{color:#ffffffb3 !important;font-size:14px}
.light-text{color:#ffffffb3 !important;font-size:12px}
.submit-login{margin-top:30px;border-radius: 0;padding: 3.3px 0;font-size: 14px;background: transparent;border-color: #ffffff96;color: white;}
.sign-in .form-group{margin-bottom:0 !important;}
.sign-up-img {max-width:100%}
.preveiw-avatar{text-align:center;line-height: 1;margin-top: 15px;border: 1px dotted #e8e8e8;box-shadow: 5px 5px 5px #c0c0c069;padding: 10px;border-radius: 5px;width: 80px;margin-right: 10px;}
.preveiw-avatar div .la-image,.preveiw-avatar div .la-camera{font-size: 40px;}
.preveiw-avatar span{font-size: 10px;color: #adadad;}
.input-group-text{border-radius: 0 ;box-shadow: 0 0 0 #c0c0c04d;border:0;}
.input-group-prepend + .form-control{border: none;box-shadow: 0 #c0c0c04d;padding: 10px;border-radius: 0;}
/* End sign-up & sign-in */

/* Begin app */
.app{display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;}
.app-login{display:block !important}
.sidebar,.responsive-sidebar{height:100%;transition: all 300ms linear;  position: fixed;width: 16.9%;-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;}
.full-content{width:100%;padding-right:0px;padding-left:1.5rem}
.page-content{transition:all 300ms linear;padding:0;margin-left:16.9%;-webkit-box-flex: 0;-ms-flex: 0 0 73%;flex: 0 0 73%;max-width: 73%;}
.main-content{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;padding-right: 1.5rem;padding-left: 1.5rem;}
.main-container{padding:63px 15px;}
.hidden-area{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
.more-features{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
/* End core app */

/* begin Sidebar */
.sidebar ul{list-style:none;width:100%;line-height:2;padding-left: 15px;}
.sidebar li{padding:8px;border-radius: 10px 0 0 10px;}
.sidebar  li {transition:all 400ms ease-in} 
.sidebar li a{transition:all 600ms ease-in;color:white !important }
.sidebar  li:hover{background-color:#fbfbfb;border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;}
.sidebar  li a span{margin-left:8px}
.sidebar li a span::first-letter{text-transform: uppercase}
.sidebar li a i{margin-left:5px;font-size:20px;}
.sidebar ul .active {background-color:#f9f9f9;}
.sidebar .la-times{display:none}
.sidebar .scrollbar-inner{max-height:90%}
.logo{color: white !important;font-weight: bold;font-size:25px;}
.toggle-sidebar a{line-height: 2;font-size: 20px;color:white;margin-left: auto;margin-right: 15px;}
.toggle-sidebar{display: flex;padding: 10px 0 10px 30px;justify-content: start;-webkit-justify-content: start;-moz-justify-content: start;-ms-flex-pack:start}
/* End sidebar */

/* Begin listview */
.listview img{border-radius:5px;height:40px;width:40px;}
.listview-content {width: 50%;margin-left: 10px;line-height:0.8}
.listview-content b{margin-bottom: 0;font-weight: 600;font-size: 14px;}
.listview-content p,.listview-content a{font-size: 14px;color: #0000005c !important;margin-top:5px;line-height:0}
.listview-content span{font-size: 11px;color: #0000005c !important;margin-top:10px !important;display:block;}
.listview-content  i{font-size:13px;color:#000000b3}
.listview-unread{background:#dddcdc29}
.listview{padding:15px;border-bottom:1px dotted #c0c0c066;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
/* End listview */

/* Begin mainnav */
.mobile-menu{display:none}
.mobile-menu ul li {position:relative}
.mobile-menu ul li .mobile-menu-item{background:white;padding:3px 6px;border-radius:50%;position:absolute;font-size:14px;top:-10px;}
.navbar-nav{margin-right: -10px;}
.navbar-navajax{margin-right: 0;margin-left: auto;}
.main-nav .container{margin-right: 0;margin-left: 0;max-width: 100%;}
.main-nav{position: fixed;z-index: 10;background:white;box-shadow: 2px 2px 2px #d7d7d730;border-bottom: 1px solid #c0c0c04d;padding-left: 1.5rem;right: 0;left: 16.9%;top: 0;}
.main-nav .container{padding-left:0;padding-right:5px;}
.main-nav form{margin-top:0;margin-bottom:0}
.main-nav .input-group-text , .main-nav input{border:none !important}
.main-nav input:focus{box-shadow:none !important;}
.main-nav .basic-addon-search,.main-nav input{box-shadow:none !important;background:#fbfbfb !important;}
.main-nav input{width:483px !important; }
.main-nav  fom{position:relative}
.main-nav form  .input-group-text{background:#fbfbfb}
.main-nav  .input-group-text i{font-size: 20px;padding-top: 5px;}
.main-nav .navbar-nav .nav-item {/*! margin-right:5px; */}
.main-nav .navbar-nav .nav-item a i{font-size: 20px;position:relative}
.main-nav .navbar-nav .nav-item a  span{position:absolute;font-size:10px;padding:1px 5px;border-radius:50%;right:2px;color:white;top:0;}
.main-nav .navbar-nav .nav-item .avatar{padding: 0;}
.main-nav .navbar-nav .nav-item .avatar img{border-radius:50%;height:40px;border-radius:5px;padding:0;width: 40px;}
.search-box	{min-height:350px;border: 1px solid #c0c0c075 !important;top:60px;border-radius: 3px;}
/* End mainnav */

/* begin upload from & social-profil*/
#upload-image  div span, #upload-book  div span, #social-profil div a,.upload-from  div img{font-size:14px;margin-top:5px;display:inline-block}
#upload-image  div img,#upload-book  div img, #social-profil div img,.upload-from  div img{max-height:50px;}
.option-card,.before-card,.after-card{position:relative}
.after-card::after {
    position: absolute;
    content: '';
    height: 25px;
    width: 25px;
    background: white;bottom: -12px; display: inline-block;transform: rotate(45deg);box-shadow: 2px 2px 1px #c0c0c01c;left: 10px;border: 0;;
}
.option-card:after{left:48px;}
.before-card:after{left:24px;}
.option-card:after,.before-card:after{position:absolute;content:'';height:25px;width:25px;background:white;top:-12px;display:inline-block;transform:rotate(45deg);border-bottom: 0;border-right: 0;box-shadow: -2px -2px 1px #c0c0c01c;}
#upload-image  .d-flex div,#upload-book  .d-flex div,#social-profil .d-flex div,.upload-from  .d-flex div{margin-top:15px;flex:25%;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;-ms-flex:0 0 25%;direction:column;-webkit-flex-direction:column;flex-direction:column;text-align:center;cursor: pointer;}
/* End upload from & social-profil*/

/* Begin navtab */
.main-navtab{border-bottom: 1px solid #ececec;padding: 8px 15px 2px 10px;width: 100%;}
.main-navtab .nav-item .nav-link{font-size: 14px;font-weight: 00;color: #777;}
.main-navtab .nav-item .active{position:relative;font-size: 14px;font-weight: 900;background:none;color:black;border-radius:0px}
.main-navtab .nav-item .active::after{bottom: -11px;content: "";height: 3px;left: 0;transition: all 400ms ease-in-out;position: absolute;width: 100%;margin: 0 auto; right: 0;}
.main-navtab  .input-group input:focus{box-shadow:none;}
.main-navtab  .input-group input{font-size:14px;color:#0000006e;border:none}
.main-navtab  .input-group .input-group-text{box-shadow:none ;}
.main-navtab   .input-group .input-group-text i{background: -webkit-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);background-clip: text;-webkit-text-fill-color:transparent;}
/* End navtab */

/* Begin main classes */
.title-card{background-color:white;padding:10px 15px 1px 15px;border-bottom: 1px solid #c0c0c038 !important;}
.title-card .list-star{font-size:16px;}
.main-card{background: white;margin-top: 1.5rem;box-shadow: 2px 2px 2px #ececec;border: 0;}
.main-title{font-size: 15px !important;font-weight: 500;color: #777;}
.main-title a {color:#777 !important}
.main-btn{padding: .429rem .758rem !important;font-size: .858rem;line-height: 1.5;border-radius: .143rem;border: 1px solid #c9d5e494;}
.post-footer .btn{padding: .229rem .758rem !important;border-radius: .143rem;}
.input-group-border {border-bottom: 1px solid #d9d9d94d;}
.not-hide{right:0 !important;z-index:1;}
.m-rl{margin-left:auto;}
.b-b{border-bottom: 1px solid #ececec !important;padding-bottom:1rem !important;}
.gif-content{height:150px;max-height:200px;}
.input-group-text{background:none}
/* End main  classes */

/* Begin custom dropdown */
.dropdown-menu{box-shadow: 2px 2px 2px #d7d7d733 !important;border: 1px solid #d7d7d759 !important;}
.dropdown-menu .dropdown-item{border-radius: 2px;color: #104160;font-size: 0.9em;width: auto;margin: 4px 5px;padding: 5px 20px 5px 15px;}
.dropdown-menu .dropdown-item span{font-size:15px;}
.dropdown .btn{padding:0}
.dropdown-menu  .active img{height:40px;width:40px;margin-right:2px;border-radius:5px}
.dropdown-menu  .active h6{color:white;}
.dropdown-menu  .active span{font-size: 11px !important;color: #ffffffe6;}
.dropdown-menu  .active:first-child{margin-top:-30px !important}
.dropdownRight{right:0;left:auto !important}
.dropdown a .la-ellipsis-h{font-size: 28px;color: #777;line-height: 1.5;}
.dropdownSettings a, .dropdownimg-avatar a{padding:0}
.dropdown-color .dropdown-item:hover {color: white;}
.dropdown-full{width:100%;position:static;border: none !important;box-shadow: none !important;}
/* End dropdown */

/* Begin author */
.author{padding: 15px 15px 0 15px;}
.img-avatar{height:40px;border-radius:5px;width: 40px;}
.author-c{flex: 50%;margin-left: 10px;line-height:1}
.author-c h6{margin-bottom: 0;font-weight: 600;font-size: 14px;padding-top:3px;color: #000000de;}
.author-c a{color: #000000de}
.author-c span{font-size: 11px;color: #777;margin-top: 0.3rem;}
.author-c p{font-size: 11px;color: #777;margin-top: 0.3rem;}
.author{display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
/* End author */

/* Begin Products card */
.product-img{height:270px;position:relative;overflow:hidden;text-align: center;}
.product-img img{width:100%;max-height:270px;}
.product-img ul{display:block;list-style: none;position: absolute !important;bottom: 20px;width: 100%;padding-left: 15%;padding-right: 15%;}
.product-img ul li{transition:all 400ms linear 0ms;transform:translate(0,90px)}
.product-img:hover ul li{transform:translate(0px)}
.product-img ul li{margin-top:5px;background-color: white;}
.product-img ul li i{ color: #448bff;padding: 10px;border-radius: 10%;font-size: 20px;display: inline-block;}
.product-content{height:80px;}
/* End Products card */

/* Begin  main-flip */
.main-flip{position:relative;transform-style:preserve-3d;margin-top:1.5rem;}
.main-flip .frontend, .main-flip .backend{height:400px;width:100%;background:white;backface-visibility:hidden;transform-style:preserve-3d}
.main-flip .backend{position:absolute;top:0px;left:0px;transform:rotateY(-180deg);transition:1s;display: flex;align-items: center;justify-content: center;}
.main-flip .frontend{position:relative;transform:rotateY(0deg);transition:1s;z-index:10}
.main-flip:hover  .frontend {transform:rotateY(180deg)}
.main-flip:hover .backend {transform:rotateY(0deg)}
.main-flip .main-btn {padding: .429rem .858rem !important;}
.main-flip .dropdown{padding-top:10px;padding-bottom:7px}
.frontend{text-align:center;}
.frontend img{max-width:100px;max-height:100px;border-radius:50%;}
.frontend h4 ,.backend h4{padding-top:10px;font-weight:600}
.frontend h4{font-size:16px;padding-left:15px}
.frontend p{text-align: left;padding-left: 15px;}
.frontend  ul li  img{max-height:20px;margin-right:0}
.frontend{padding:0px}
.frontend div{position:relative}
.frontend .cover{height:300px;width:100%;border-radius:0px;max-width:100%;max-height:300px}
.frontend .avatar{border-radius:5px;height: 50px;width: 50px;border: 3px solid white;position: absolute;left: 15px;bottom: 15px;}
.frontend ul{display:block;list-style: none;position: absolute !important;top: 10px;right: 15px;}
.frontend ul li{background: white;padding: 6px 10px 10px 10px;margin-bottom: 15px;border-radius: 5px;}
.backend  h4{font-size:15px;font-weight:600;margin-top:10px;}
/* End main-flip*/

/* Begin modal */
#modal-create-page .modal-body p,#modal-create-group .modal-body p{padding:15px 15px 0 15px;margin-bottom:0}
#modal-create-page .modal-body .col-md-5 i,#modal-create-group .modal-body .col-md-5 i{color:black;font-size:120px;}
#modal-screenshot canvas{max-width:100%;height:auto;}
#modal-screenshot .modal-dialog{min-width:1200px !important;}
.main-modal .modal-header{border-bottom: 0;padding: 0.8rem important;}
.main-modal .modal-header .modal-title{color: #ffffffd1}
.modal-body{padding:0}
.modal-footer{padding: 10px 10px;align-items: center;}
.modal-footer p{margin-bottom:0}
.main-modal .modal-header .close{color:white}
#modal-webcam video{height:auto;border:1px solid silver;width:100%}
#modal-webcam canvas{width:100%;height:auto;}
#modal-foldersRow, #appendImgTenor,#appendImgPixabay{flex-wrap:wrap;max-width:100%}
#modal-share .main-navtab{padding: 8px 15px 10px 10px;}
#modal-create-group .modal-body{padding:0}
#custom-modal .modal-body,#modal-webcam .modal-body,#modal-folders .modal-body, #modal-pixabay .modal-body,#modal-youtube .modal-body,#modal-tenor .modal-body{padding:15px;}
#modal-folders .modal-body{padding-right:0}
 #modal-pixabay .modal-body .row,#modal-tenor .modal-body .row{margin:0;}
 #modal-pixabay .modal-body,#modal-tenor .modal-body{padding-left:0}
  
/* End modal*/

/* Begin settings Card */
.settings-card ul{display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;list-style:none;flex-wrap:wrap;padding: 5px 0 5px 15px;margin-bottom: 0;}
.settings-card ul li{margin-right:10.5px;margin-bottom:12px;}
.settings-card li a{display:inline-block;height:25px;width:25px;border-radius:5px;}
/* End Settings card */

/* Begin presets color */
.bg-preset1{background:linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);background:-webkit-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);background:-moz-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);background:-ms-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);background:-o-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);}
.bg-preset2{background: linear-gradient(45deg,#8e24aa,#ff6e40);background: -webkit-linear-gradient(45deg,#8e24aa,#ff6e40);background: -moz-linear-gradient(45deg,#8e24aa,#ff6e40);background: -ms-linear-gradient(45deg,#8e24aa,#ff6e40);background: -o-linear-gradient(45deg,#8e24aa,#ff6e40);}
.bg-preset3{background: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);background: -web-kit-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);background: -moz-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);background: -ms-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);background: -o-linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);}
.bg-preset4{background: linear-gradient(40deg, #e03827 0%, #f9a47a 100%);background: -webkit-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);background: -moz-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);background: -ms-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);background: -o-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);}
.bg-preset5{background: linear-gradient(40deg, #e09520 0%, #fae926 100%);background: -webkit-linear-gradient(40deg, #e09520 0%, #fae926 100%);background: -moz-linear-gradient(40deg, #e09520 0%, #fae926 100%);background: -ms-linear-gradient(40deg, #e09520 0%, #fae926 100%);background: -o-linear-gradient(40deg, #e09520 0%, #fae926 100%);}
.bg-preset6{background: linear-gradient(45deg,#43a047,#1de9b6);background:-webkit-linear-gradient(45deg,#43a047,#1de9b6);background:-moz-linear-gradient(45deg,#43a047,#1de9b6);background:-ms-linear-gradient(45deg,#43a047,#1de9b6);background:-o-linear-gradient(45deg,#43a047,#1de9b6);}
.bg-preset7{background: linear-gradient(25deg,#7b3d3b,#dd3f3b);background: -webkit-linear-gradient(25deg,#7b3d3b,#dd3f3b);background: -ms-linear-gradient(25deg,#7b3d3b,#dd3f3b);background: -moz-linear-gradient(25deg,#7b3d3b,#dd3f3b);background: -o-linear-gradient(25deg,#7b3d3b,#dd3f3b);}
.bg-preset8{background: linear-gradient(145deg,#f81f01,#ee076e);background: -webkit-linear-gradient(145deg,#f81f01,#ee076e);background: -moz-linear-gradient(145deg,#f81f01,#ee076e);background: -ms-linear-gradient(145deg,#f81f01,#ee076e);background: -o-linear-gradient(145deg,#f81f01,#ee076e);}
.bg-preset9{background: linear-gradient(to bottom right, #FF2F97, #FF9159);background: -webkit-linear-gradient(to bottom right, #FF2F97, #FF9159);background: -moz-linear-gradient(to bottom right, #FF2F97, #FF9159);background: -ms-linear-gradient(to bottom right, #FF2F97, #FF9159);background: -o-linear-gradient(to bottom right, #FF2F97, #FF9159);}
.bg-preset11{background:linear-gradient(270deg, #36275d, #7d7691);background:-webkit-linear-gradient(270deg, #36275d, #7d7691);background:-moz-linear-gradient(270deg, #36275d, #7d7691);background:-ms-linear-gradient(270deg, #36275d, #7d7691);background:-o-linear-gradient(270deg, #36275d, #7d7691)}
.bg-preset12{background:linear-gradient(to bottom right,#80bc00,#0075c9);background:-webkit-linear-gradient(to bottom right,#80bc00,#0075c9);background:-moz-linear-gradient(to bottom right,#80bc00,#0075c9);background:-ms-linear-gradient(to bottom right,#80bc00,#0075c9);background:-o-linear-gradient(to bottom right,#80bc00,#0075c9)}
.bg-preset10{background: linear-gradient(to bottom left,#e14eca,#ba54f5);background:-webkit-linear-gradient(to bottom left,#e14eca,#ba54f5);background:-moz-linear-gradient(to bottom left,#e14eca,#ba54f5);background:-ms-linear-gradient(to bottom left,#e14eca,#ba54f5);background:-o-linear-gradient(to bottom left,#e14eca,#ba54f5);}
.bg-preset0{border:1px solid silver;background:white;}
.select-post-bg ul li a{display:inline-block;height:25px;width:25px;border-radius:50%;}
/* End presets color */

/* Begin main form */
.main-form{padding:10px;}
.main-form input,.main-form textarea {box-shadow:none !important;}
.main-form input{height:56px;}
.main-form textarea {height:56px;}
.main-form input::placeholder{color:#adadad}
.main-form .input-group-text{box-shadow:none !important;line-height:2.5}
.main-form .input-group{position:relative;border-bottom: 1px solid #d9d9d94d;}
/* End main form */

/* Begin create post */
.live-tab  video{height:400px;overflow:hidden;width:100%;}
.list-star{margin-bottom:0px;margin-right:5px;}
.post-type,.list-star{list-style:none;padding-left:0px;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.post-type li{margin-right:3px;padding: 0 5px ;}
.post-type li i,.list-star li i{color:#777;font-size:22px;cursor:pointer}
.post-type li:nth-child(1):hover .select-post-bg{display:block;animation:zoomIn 400ms linear}
.post-type li:nth-child(1){position: relative;}
.select-post-bg ul{margin-bottom:0px;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;list-style:none;padding-left:0px;}
.select-post-bg ul li{margin-right:5px !important; }
.select-post-bg{z-index:2;display:none;left:0px;border-radius:5px;padding:7px 5px 3px 5px ;position:absolute;top:-70px;}
.select-post-bg:after{position:absolute;content:'';height:12px;width:12px;background:white;bottom:-6px;left:10px;z-index:0;display:inline-block;transform:rotate(45deg);border-bottom: 0;border-right: 0;}
.post-footer:first-child {list-style:none;padding-left:0px;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.post-footer:first-child {height:25px;width:25px;border-radius:50% !important}
.post-footer{margin-left:auto}
.post-footer{margin-top:40px; padding:0 10px;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;align-items: baseline;}
.uploaded-img{width:80px;position:relative;margin-right:10px;margin-top:15px;}
.uploaded-img img{height:80px;width:80px;box-shadow: 5px 5px 5px #c0c0c082;border-radius: 5px;}
.uploaded-img div{top:0px;left:0px;background:rgba(0,0,0,0.3);position:absolute;height:100%;width:100%;border-radius:5px;}
.uploaded-img ul,.uploaded-video ul{display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;padding-left:0px;list-style:none;position:absolute;top:2px;right:2px;}
.uploaded-img ul li,.uploaded-video ul li{margin-right:5px}
.uploaded-img ul li i, .uploaded-video ul li i{font-size:12px;padding:3px;border-radius:5px;background:rgba(255,255,255,0.36);color:white}
.upload-from  .div{height:100%;text-align:center;padding:10px;display:table;margin:10px}
.one-img{height:320px;width:100%;box-shadow:5px 5px 10px #c0c0c02e;padding:0}
.text-post{margin-top:15px;margin-left: 15px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.text-post input{border:0;width:100% !important}
.text-post input::placeholder{margin-bottom:1rem;font-size: 15px;font-style: normal;font-weight: 400;line-height: 1.7;font-family: poppins,sans-serif;}
.bg-post{display: flex;align-items: center;justify-content: center;height:250px;}
.bg-post textarea{text-align:center;background: transparent ;border: 0;height: 65px;-moz-resize:none;resize: none;font-size: 16px;color: white;width: 60%;font-weight: bold;}
.post-avatar{height:40px;width:40px;margin-right:15px;border-radius:5px}
.posted-bg {align-items: center;justify-content: center;height: 250px;display:flex;text-align:center;color:white;font-size:25px;padding:10%;margin:15px 0 0}
.emoji-post{font-size:30px}
.use-emoji{height:190px;}
.use-emoji .row{max-width:100%}
#preview-img{margin-left:15px;}
#preview-video, #preview-img{flex-wrap:wrap}
#preview-video{padding:15px;}
#preview-video iframe, #preview-video .plyr--video,  #preview-video .html5video{box-shadow: 5px 5px 5px #868585db;border:0;height:auro;max-height:160px;width:100%;border-radius: 5px;}
#preview-video iframe,#preview-video .plyr--video, #preview-video .html5video{margin-right:2%;}
/* End  create post */
/* Begin Emoji */
.emojiSpan{line-height:90px;font-size:80px;color:black}
#use-emoji,#upload-book,#upload-image,#share-with{display:none}
.emoji-card{max-width:100%;margin-left:-8px}
.emoji-card  .emoji {font-size:26px;}
/*End Emoji */

/* Begin reaction */
.reacted div{margin-right:10px}	
.reacted p{font-size:11px;line-height:1;margin-top:3px;color:#777;}
.reacted{justify-content: end;-webkit-justify-content: end;-moz-justify-content: end;-ms-flex-pack:end;cursor:pointer;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.reacted  img{box-shadow: 1px 1px 3px #18181866;margin-left:-10px;border-radius:50%;height:25px;width:25px}
.reaction-nav{padding:0px;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;list-style:none;}
.reaction-nav li a{color:#777 !important;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;align-items: center;font-size: 13px;}
.reaction-nav li{margin-right:15px;font-size:14px}
.reaction-nav li a i{font-size:20px;margin-right:5px;}
.reaction-nav  .dropdown{display:none}
.reaction-nav:hover  .dropdown{display:block}
.reaction-nav li:first-child ul{padding-left:0px;list-style:none;top:-35px;left:0px;position:absolute;background:white;height:40px;width:250px;z-index:100000;border-radius:30px;display:none}
.reaction-nav li:first-child ul{}
.reaction-nav li:first-child ul li{margin-right:5px;margin-left:5px;}
.reaction-nav li:first-child ul li span{transition:all 300ms ease;display:inline-block;padding: 6px;border-radius: 50%;font-size: 20px;margin-top: 4px;display: inline-block;color:white;}
.reaction-nav li:first-child ul li span:hover{transform:scale(1.2);cursor:pointer}
.reaction-nav li:first-child:hover  ul{display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;animation:slideInUp 600ms ease}
.reaction-nav li:first-child{margin-left: 8px;position:relative}
/* End Reaction */

/* Begin comments */
.reaction-area{align-items:center !important;margin-bottom:10px;border-bottom: 1px solid #ececec;border-top: 1px solid #ececec;padding: 15px 15px 0 15px;align-items: baseline;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.comments{background:white;}
.comment {padding: 0 15px ;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.comment-content {padding:7px;border: 1px solid ##e9e9e9;}
.comment-content{padding-top:0px}
.comment-content h6 {margin-bottom: 0;font-weight: 600;font-size: 14px;padding-top: 3px;color: #000000de;}
.comment-content  img{height: 150px;width: 150px;box-shadow: 5px 5px 5px #c0c0c082;border-radius: 5px;margin-top:10px;margin-bottom:10px}
.comment-content p{margin-top: 3px;}
.add-comment .btn{padding:0}
.add-comment form, .edited-comment form{flex: 50%;margin-left: 10px;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.add-comment form input[type=text], .edited-comment form input[type=text]{border:none;background: transparent;}
.add-comment form input[type=text]:placdeholder, .edited-comment form input[type=text]:placdeholder{font-size:14px;color:#777}
.add-comment ul {margin-bottom:0px;}
.add-comment, .send-message{position:absolute;bottom:0px;background:white;right:0px ;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;box-shadow: 0 -10px 80px #ececec;padding: 10px 15px;margin-top: 10px;border-top: 1px solid #ececec;}
.add-comment ul ,.edited-comment, .send-message ul{list-style:none;padding-left:0px;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;margin-top:5px;margin-left:auto;margin-bottom: 0;}		
.add-comment ul li, .send-message ul li{margin-right:10px}	
.add-comment ul li i, .send-message ul li i{font-size:22px;}	
.add-comment, .edited-comment{position:relative;align-items: center !important;}	
.edited-comment{flex: 0 0 100%;	}	

.b-comment{border: 1px solid #c0c0c04a;}
/* End comments */

/* Begin social card */
.social-content{position:relative;box-shadow: 0 5px 5px #c0c0c033;}
.social-content:before{content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, .5)}
.social-card{height:240px;}
.social-bg{max-height:190px;width:100%;}
.social-avatar{height: 60px;width:60px;border: 3px solid #ffffffdb;position: absolute;left: 12px;bottom: 12px;}
.social-content ul{list-style:none;padding-left:0;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;position: absolute;right: 17px;bottom: 0;}
.social-footer{padding:10px 15px 10px 15px;}
.social-footer h6{font-size: 13px;color: #2386fd;}
.social-footer  p{margin-bottom:0}
/* End social card */

/* Begin breadcrumbs */
.breadcrumbs{-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;padding:10px 15px !important;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.breadcrumbs-ico i{color: white;padding: 10px;border-radius: 5px;font-size: 20px;display: inline-block;}
.breadcrumbs .m-rl{padding-top:1px;margin-left: auto;}
.breadcrumbs h6{margin-left: 10px;margin-bottom: 0;font-weight: 600;font-size: 15px;color:#777;}
.ml-auto {margin-left:auto;}	
/* End breadcrumbs*/

/* End card image */
.card-img div:first-child {position:relative;overflow:hidden}
.card-img div:first-child img{min-height:145px !important;min-width:100%;max-width:100%;max-height:80px;}
.card-img div:first-child div a i{color:white;text-decoration:none;text-align:center;font-size:55px;}
.card-img div:first-child div{transition: all 200ms ease;transform: translate(0px,150px);position:absolute;height:100%;width:100%;background:rgba(0, 0, 0, 0.43);top:0;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;-moz-box-pack: center;-webkit-box-pack: center;}
.card-img{border: 1px solid #f0f0f0;}
.card-img div:first-child:hover div{transform: translate(0px,0px);}
.card-img div:last-child{height:80px;display: flex;justify-content: center;-webkit-justify-content: center;-ms-flex-pack: center;-moz-box-pack: center;-webkit-box-pack: center;}
.card-img .main-color{margin-top:10px;}
/* Begin card image */

/* Begin messages */
.message-img{border: 1px solid ##e9e9e9;box-shadow: 5px 5px 5px #c0c0c099;border-radius: 10px 0 10px 10px;max-height:150px;max-width:100%;border-radius: 10px 0 10px 10px;}
.sender-message{padding-top:0px !important;-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;flex-direction: row-reverse;}
.sender-message  p{border-radius: 10px 0 10px 10px;box-shadow: 5px 5px 5px #c0c0c099;width: auto;background: white;}
.sender-message  p,.receiver-message  p{font-size:12px;padding:9px}
.receiver-message p{border-radius: 0 10px 10px 10px;box-shadow: 5px 5px 5px #c0c0c099;width:auto;color:white;font-size:12px;}
.receiver-message, .sender-message {padding:0 10px;display: -webkit-box ;display: -ms-flexbox ;display:-o-flex;display:-moz-flex;display: flex ;}
.receiver-message .d-block{margin-left:5px}
.sender-message .d-block{margin-right:5px}
.send-message{width:80%}
.send-message input[type=text]{font-size:14px;width: 70%;border:0px;background: transparent;}
.message-content .btn {padding:0}
.message-content{width:250px;background:#fbfbfb;padding-top: 30px !important;margin-botom:50px !important;}
.message-notify{padding: 0; position:relative;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.message-notify:after{position:absolute;content:'';height:15px;width:15px;background:white;top:15px;right:-8px;z-index:0;display:inline-block;transform:rotate(45deg);box-shadow:box-shadow: 5px 5px 10px silver;}
.message-notify .notify-ico i{color: white;font-size: 30px;}
.message-notify .notify-ico{padding: 8px 8px;box-shadow: 5px 5px 10px silver;border-radius: 5px 0 0 5px;}
.message-notify .notify-content{line-height:1;background:white;padding: 5px 5px;box-shadow: 5px 5px 10px silver;border-radius: 0 5px 5px 0;}
.message-notify .notify-content i{font-size: 10px;color: #777;}
.message-notify .notify-content span{font-size: 12px;font-weight:900}
.widget-chat .widget-sidebar{position:relative}
.widget-chat .widget-sidebar ul {list-style:none;padding-left:10px;padding-right:10px;padding-top:62px;height: 500px !important;}
.widget-chat .widget-sidebar ul li{margin-top:15px;position:relative}
.widget-chat .widget-sidebar .sidebar-bottom{position:absolute;bottom:0px;z-index:1000000;width:100%;height:50px;text-align:center}
.widget-chat .widget-sidebar .sidebar-bottom  i{padding-top:8px;display:inline-block;color:white;font-size:40px}
.widget-chat .widget-sidebar   span{left:-5px;position:absolute;height:15px;width:15px;border-radius:50%;top:-6px;color: white;font-size:10px}
.widget-chat .widget-header i{margin-bottom:5px;padding: 8px;border-radius: 50%;font-size: 20px;display: inline-block;}
.widget-notifications .listview-content{width:80%}
.widget-settings, .widget-notifications{right: -260px;background:white;width: 260px;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.widget-header{display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;box-shadow: 1px 1px 3px #c0c0c02e;background: white;position: absolute;width:100%;padding:10px 10px 5px 10px;z-index: 1;}
.widget-header .btn, .widget-sidebar .btn{padding:0 !important}
/*End messages */

/* End settings, notifications and chat */
.widget-notifications, .widget-live-call, .widget-chat, .widget-settings{display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;right:-250px;transition:right 400ms linear;position: fixed;height:100%;border:none;box-shadow: 0 10px 10px #e1dbdb;/*! z-index: 10; */bottom: 0;margin-top: 0 !important;padding-top: 60px;}
/* End settings, notifications and chat */

/* begin live call */
.widget-live-call{width:340px ;right:-550px;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:culumn;}
.widget-live-call video:first-child{ width:100%;position:relative}
.widget-live-call video:last-child{ width:150px;height:250px;position:absolute;left:25px;top:0}
.widget-live-call ul{margin-top:-10px;text-align:center;color: white;}
.widget-live-call  ul{border-radius:5px 5px 0 0;margin-top:10px;position:absolute;bottom:0;margin-top:20px;width:80%;margin-right:10%;margin-left:10%;padding:10px;list-style:none;display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-flex-pack:center}
.widget-live-call  ul li{margin:0 14px;background: #ffffffbf;padding: 10px 10px 8px 10px;border-radius: 5px}
.widget-live-call  ul li a {text-align:center;}
.widget-live-call  ul  li a i{font-size:26px;}
/*End live call */

/* Begin Images*/
.sugg-img .row{flex-wrap:wrap;padding:0px 0 15px 15px;margin:0}
.sugg-img .row div{padding-left:0 !important;margin-top:1rem;}
.sugg-img .col-md-3 img{width:100%;height:60px;border-radius:.143rem;}
.sugg-img .col-md-4 img{width:100%;height:100px;border-radius:.143rem;}
.sugg-img .col-md-6 img{width:100%;height:150px;border-radius:.143rem;}
/* End Images*/

/* Begin social cover page and group */
.social-profil{margin-top:1.5rem;position:relative;height:300px;background-attachment:fixed;background-size:100%;background-position: 100%}
.social-profil-t{height: 200px;align-items: end;display: flex;position: absolute;bottom: 0;width: 100%;justify-content: space-between;background: linear-gradient(180deg,transparent,#000);}
.social-profil-header{color:white;margin:2% 5%}
.social-profil-header h6{font-size:15px;}
.social-profil-header h4{font-weight:600}
.social-profil-footer{margin:3%}
.group-tab li:first-child{margin-left:3%}									
/* End social cover page and group */

/* Begin profil */
.profil-header{margin-top:1.5rem;height:400px;position:relative}
.profil-header:before{content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, .5)}
.profil-cover{height:400px;width:100%}
.profil-info{display:flex;position:absolute;bottom:5px;right:3%;width:76%;justify-content: space-between;align-items: center;}
.profil-info h6{font-size:14px;}
.profil-avatar{height:120px;width:120px;position:absolute;border-radius:5%;border:5px solid white;bottom:-45px;left:5%;}
.profil-nav{background:white}
.profil-nav li:first-child{margin-left:19.5%;}
.profil-nav li:last-child, .group-tab li:last-child{margin-right:12px;}
/* End profil */
/*gelley post*/
.more-image img{position:relative;max-height: 200px;min-height:200px;}
.more-image div {position: absolute;top: 0;left: 5px;background: #000000ab;display: flex;bottom: 0;right: 15px;align-items: center;justify-content: center;}
.more-image div p{color: #ffffffb3;font-size: 80px;font-weight: 600;}
/*end gallery post*/
/* Begin 404 */
.not-found{text-align:center}
.not-found p{font-size:400px;font-weight:bold;text-align:center;line-height:1}
.not-found p span{display:inline-block}
.not-found h2{color:#777;text-align:center;font-size: 60px;font-weight: 400;letter-spacing: 10px;font-family: 'Great Vibes', cursive;}
/*End 404*/ 
#modal-gallery .modal-dialog{max-width:1200px !important;}
.slider-nav{padding-right: 15px;padding-left: 15px;}
.slider-nav div img {max-height:150px !important;
	transition: all 600ms linear;
	padding: 15px;

padding-top: 0px;
padding-right: 45px;
}
.slider-for  img{transition: all 600ms linear; max-height: 350px !important;padding:15px;width:100%}
.scale{transform: scale(0);}
.see-plus{position:absolute;bottom: 100px;left: 120px;width:500px;transition: 300ms all ease-in;transform-origin: left bottom;}
.click-see-plus{position:absolute;bottom: 20px;left: 120px;padding: 8px;border-radius: 50px;}
.click-see-plus a{color:white;font-size:35px}
/* animation */
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lds-facebook {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 5%;
left: 5%;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}
/*animation screenshot*/
.lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
/*animation preload */
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 50px;
}
.lds-ellipsis div {
  position: absolute;
  top: 25px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.beforegetdata{text-align:center;}

/*preview*/
#preveiw-file{margin-left:15px;margin-right:15px;}
#preveiw-file div{position:relative;justify-content: center;width:35%;height:70px;border-radius:5px;margin-right:15px}
#preveiw-file  b{}
#preveiw-file  i{transition:all 400ms ease;position: absolute;color: #ffffffc7;font-size: 18px;top: 3px;right: 3px;}
#preveiw-file  i:hover{cursor:pointer;color:white;font-size:22px;transform:rotate(90deg)}
.open-gallery{cursor:pointer !important}
.col-md-12 .open-gallery{height:350px;}
.col-md-6 .open-gallery{height:200px;}