body.right-column-fixed{
    min-width:100% !important;
}
.sign-in-page, .no-data-page {
    background: #ffffff;
    height: 100vh !important;
}
.sign-in-logo img {
    height: 72px !important;
}
.sign-in-detail {
    padding: 40px 20px 20px 20px !important;
}
#accordion .panel-heading{
    color: #333;
    background-color: #f5f5f5;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom:3px;
}
#accordion .panel-title{
    font-size: 16px !important;
}
#accordion .panel-body{border: 1px solid #ccc;    margin-bottom:3px;}
.iq-menu li .sicons{float: left; padding: 10px !important;}
.profile-info .social-info{margin-top: 0px !important;}
.iq-search-bar-app{
    display:block !important;
    margin-bottom: 20px !important;
}
.post-des-limit{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#more {display: none;}
.media-support-user-img img{width: 60px !important;}
.fixed-menu-footer, .iq-card-header-toolbar .dropdown-toggle i{
    font-size: 28px;
    padding: 0px;
    border-radius: 3px;
    color: #0a0a0a;
}
.footer-fixed-menu li{
    width:25% !important;
}
.iq-footer{
    padding: 8px 10px !important;
}
.iq-top-navbar .iq-sub-dropdown {
    right: 0px !important;
}
.content-page {
    margin-bottom:60px !important;
    min-height: calc(100vh - 146px) !important;
}
.form-control-sm{margin-bottom: 20px !important;}
.img-black{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.comment-send { background: none;border: none; }
#post-load, #page-loader{ width: 100vw; }
.spinner-grow { width: 1rem !important; height: 1rem !important;}
.post-comments { max-height: 237px;overflow-y: auto; }
.form-control-error { color:#d9534f;float: left;width: 100%;padding-bottom: 7px;text-align: left; }
.has-danger .form-control {
    border-color: #d9534f;
}
.sign-in-from {
    background-color: #ffffff;
    color: #000;
    border-radius: 8px;
    padding: 15px;
}
.sign-in-from label {
    color: #000000;
}
.show-more-height { 
    max-height: 80px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.btn {
    margin-bottom: 16px;
}
.form-control {
    line-height: 25px !important;
}
#progress-post{
    display:none;
    position: absolute;
    top: 60%;
    width: 94%;
    left: 3%;
    right: 3%;
    height: 20px;
}
.footer-fixed-menu li i.las, .footer-fixed-menu li i.lar{
    line-height: 1.8;
}
ul.notification-list li {
    list-style: none;
}
#feedback textarea.vh-42 {
    height: 42vh;
}
.-mt-40 {
    margin-top: -40px;
}
.no-data { 
    margin: 0 auto;
    vertical-align: middle;
    top: 40%;
    left: 40%;
}
.text-dull-blue {
    color:#50b5ff4f;
}
.text-dull-blue:hover {
    color:#50b5ff4f;
}
.iq-footer .badge {
    position: absolute;
    z-index: 9;
    height: 22px;
    width: 22px;
    font-size: .7rem;
}
@media (max-width: 767.98px)
{
    .fc-toolbar {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .fc-center {
        width: 100%;
    }
}
@media (min-width: 768px)
{
    .profile-info .social-info {
        margin-top: 7rem !important;
    }
}
.popper, .tooltip {
    position: absolute;
    z-index: 9999;
    background: #51b5f8;
    color: black;
    width: 150px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
    opacity: 1;
}
.style5 .tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}
.tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #51b5f8;
}
.style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.tooltip-inner {
    background-color: #51b5f8;
}
li.iq-bg-primary.active {
    background: #ffffff !important;
}
i.fixed-menu-footer.active {
    color: #ee5535 !important;
}
.login .toast-panel.bottom-right {
    bottom: 0px !important;
}
.toast-panel.bottom-right {
    position: absolute;
    bottom: 66px !important;
}
.profile-pic {
    height: 150px;
    width: 150px;
}
.avatar-130 {
    height: 130px !important;
    width: 130px !important;
    line-height: 130px !important;
}
.btn {
    -webkit-box-shadow: 0 0 43px rgb(0 0 0 / 20%) !important;
    box-shadow: 0 0 43px rgb(0 0 0 / 20%) !important;
}
input, textarea {
    background: #ffffff !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.card
{
    /*  box-shadow: 10px 10px 60px #cad8de, -10px -10px 60px #cad8de;
    border-radius: 1em !important; */
}
.iq-card
{
    /* border-radius: 1em !important; */
}
.custom-control-input:checked~.custom-control-label::before {
    border-color: #ee5535 !important;
    background-color: #ee5535 !important;
}
.form-control:focus {
    border-color: #ee5535 !important;
    box-shadow: none !important;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef !important;
}
.col-50 {
    width: 50% !important;
}
.content-page {
    padding: 20px 0 0 !important;
}
.iq-navbar-logo a {
    display: inline-block !important;
}
.modal.show .modal-dialog {
    top: 34% !important;
}
.profile-page {
    height: 14rem;
    background-image: url('../images/profile-bg1.jpg');
    background-color: #50b5ff;
}
ol, ul {
    padding-left: 1rem !important;
}
a:hover {
    text-decoration: none !important;
}
.select2-container ol, .select2-container ul {
    padding-left: 0 !important;
}
.select2-container--default .select2-selection--single {
    border: none !important;
}
.cursor-pointer {
    cursor: pointer;
}