/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.main-menu .navbar-header .navbar-brand .brand-text{
	font-size: 1.3rem;
}
.pointer{
    cursor: pointer;
}
/*ads-template*/
.ads-template .ads-preview{
    margin: 0;
    margin-bottom: 15px;
    /*border: 1px solid #6393ee;*/
    /*box-shadow: 1px 1px 1px 1px #ddd;*/
    padding: 1rem;
    border-radius: 10px;
    background: #fff;
    height: auto;
    min-height: 550px;
}
.ads-preview-headline{
    min-height: 40px;
    padding-top: 0.5rem;
}
.ads-preview-description {
    min-height: 20px;
}
.ads-template .ads-preview .ads-preview-primary-text{
    padding-bottom: 1rem;
    white-space: pre-wrap;
    min-height: 290px;
}
.ads-template .ads-preview-image img{
    width: 100%;
    height: 29.5vh;
}
.ads-template .ui-widget.ui-widget-content{
    height: 300px;
    overflow-y: auto;
}
.ads-template ul.images-ul{
    margin-top: 10px;
    padding-left: 0;
}
.ads-template ul.images-ul li {
    display: inline-block;
    list-style: none;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
}
.ads-template .images-ul img{
    opacity: 0.8;
}
.ads-template .remove {
    position: absolute;
    top: -12px;
    right: -6px;
    color: #fff;
    cursor: pointer;
    background: #da4453;
    height: 25px;
    width: 25px;
    text-align: center;
    border-radius: 50%;
}
.ads-template .fields-item {
    border: 1px solid #cecece;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.ads-template .append-fields-interest,
.ads-template .append-fields,
.ads-template .append-fields-behavioral{
    margin: 0 15px;
    padding: 0 15px;
    width: 100%;
    display: inline-block;
}
.ads-template .append-fields .form-group.padd_15.row.fields-item,
.ads-template .append-fields-interest .form-group.padd_15.row.fields-item,
.ads-template .append-fields-behavioral .form-group.padd_15.row.fields-item{
    width: 49%;
    padding-left: 0;
    padding-right: 0;
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 0;
}
.ads-template .append-fields .form-group.padd_15.row.fields-item .col-4{
    padding-right: 0;
}
.ads-template .append-fields .form-group.padd_15.row.fields-item .col-2,
.ads-template .append-fields-interest .form-group.padd_15.row.fields-item .col-2,
.ads-template .append-fields-behavioral .form-group.padd_15.row.fields-item .col-2{
    padding: 0;
}
.ads-template .append-fields .form-group.padd_15.row.fields-item .col-2 .removeFields,
.ads-template .append-fields-interest .form-group.padd_15.row.fields-item .col-2 .removeFields,
.ads-template .append-fields-behavioral .form-group.padd_15.row.fields-item .col-2 .removeFields{
    padding: 0.70rem;
}
.ads-template .ui-widget.ui-widget-content{
    z-index: 9999;
}
.ads-template .height-50{
    height: 50px;
}
.ads-template .select2-container{
    width: 100% !important;
}
.ads-template .select2-container--default .select2-selection--single {
    border-radius: 0;
    outline: none;
}
.ads-template .select2-container--default .select2-selection--single:hover {
    border:1px solid #704acf;
    border-color: #704acf !important;
}
.ads-template .select2-search__field{outline: none;border-radius: 0;}
.ads-template .select2-dropdown{
    border-radius: 0;
}
.ads-template .app-content.center-layout{
    margin-top: 0rem !important;
}
.ads-template .col-lg-12.bg-white{
    margin-bottom: 3rem;
    width:100%;
}
.ads-template .ads-preview-action{
    margin-top: 15px;
}
.ads-template .filter-div .filter-button,
.ads-template .filter-div .filter-button:hover,
.ads-template .filter-div .filter-button:focus{
    display: inline-block;
    background:#e0e3e6!important;
    border: none;
    color: #000 !important;
    border-radius:0.4rem;
    font-weight: 500;
}
.ads-template .filter-div .filter-button.active,
.ads-template .filter-div .filter-button.active:hover,
.ads-template .filter-div .filter-button.active:focus{
    display: inline-block;
    background-color: #6393ee !important;
    border: 1px solid #6393ee !important;
    color: #ffffff !important;
    border-radius:0.4rem;
}
.ads-template a.morelink,
.ads-template a.morelink:hover{
text-decoration:none;
outline: none;
color:black;
}
.ads-template .morecontent span {
 display: none;
}
.ads-template .ads-preview-action{
    position: absolute;
    bottom: 30px;
    right: 30px;
}
::-webkit-scrollbar {
    width: 7px;
    background: #EAEAEA;
    height: 7px
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 255, 1);
    border-radius: 15px
}
::-webkit-scrollbar-thumb {
    border-radius: 15px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .5);
    background: #989898
}
.modal-xl {
    max-width: 94%;
    margin-right: 3%;
    margin-left: 3%;
}

#ads-form .select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single{
    border: 1px solid #DFE3E7;
}
.fb-bordered{
    border: 1px solid #ddd;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b{
    transform: rotate( 0deg );
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #475F7B;
}

.single-contact .nav-link {
    padding: 0.567rem 1rem;
}
.c--full,.c--timeline-row{
    position: relative;
    display: block;
    width: 100%;
}
.c--timeline-row>.c--col{
    position: relative;
    float: left;
}
.c--timeline-row>.c--col-1{
    width:90px;
    font-size: 1.3rem;
    font-weight: 500;
    color: #898b96;
    padding-top: 17px;
}
.c--timeline-row>.c--col-2{
    width: 100%;
    margin-left:-90px;
    padding-left: 90px;
}

.c--timeline-row>.c--col-2 .c--timeline-content{
    padding-left:20px;
    position: relative;
    width: 100%;
    float: left;
    border-left: 3px solid #E7E9F5;
    padding-top: 20px;
    padding-bottom: 10px;
}

.c--timeline-row>.c--col-2 .c--timeline-content .c--timeline-icon-wrapper{
    position: absolute;
    top: 17px;
    left: -19px;
    width: 34px;
    height: 34px;
    background: #fff;
}
.c--timeline-row>.c--col-2 .c--timeline-content .c--timeline-icon-wrapper .c--timeline-icon{
    font-size: 1.78rem;
    position: absolute;
    top: 5px;
    left: 5.5px;
}

.c--timeline-content .butn-group{
    padding-bottom: 20px;
}
.c--timeline-content .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
/*timeline*/
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}

.timeline > li {
    margin-bottom: 20px;
    position: relative;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    /*background-color: #999999;*/
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-body > p + p {
    margin-top: 5px;
}

.timeline-body-max-height {
    overflow: hidden;
}

.timeline-body-truncate:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 50px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}
.bg-green{
    background-color: #00d95a;
}
.timeline .timeline-badge i{
    font-size: 20px;
    line-height: 50px;
}
.timeline .timeline-badge i {
    font-size: 20px;
    line-height: 5px;
}
ul.timeline{
    margin-bottom: 0;
}
.timeline-heading h4{
    color: #6e48cf;
}
.fs-14{
    font-size: 14px;
}
.p-relative{
    position: relative;
}
.picker {
    z-index: 9999;
}
.qq-gallery .qq-upload-button{
    background: #5B8DEE!important;
    border:1px solid #5B8DEE!important;
}
.notification-container .nav.nav-tabs .nav-item{
    margin: 0;
    width: 50%;
    padding: 0;
}
.notification-container .nav.nav-tabs .nav-item a.nav-link{
    border: 1px solid #5A8DEE;
    border-radius: 0;
    color: #5A8DEE;
    background: #fff;
    text-align: center;
}
.notification-container .nav.nav-tabs .nav-item a.nav-link.active{
    border: 1px solid #5A8DEE;
    color: #fff;
    background: #5A8DEE;
    box-shadow: none;
}
.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header,
.notification-container .nav.nav-tabs{
    border: 0;
}
.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header .dropdown-header{
    border-bottom: 1px solid #aec7f7;
}
body.vertical-layout.vertical-menu-modern .main-menu .navigation > li > a > i:not(.menu-livicon) {
    font-size: 1.4rem;
    top: 0rem;
}
#disc{
    position: relative;
    top: -.3rem!important;
}
/* Dhruv 19/02/2021 start menu toggle on mobile admin*/
#mobile-nav-toggle {
display: none;
}
@media only screen and (max-width: 600px) {
#mobile-nav-toggle {
  display: block;
  padding: 0;
}
#mobile-nav-toggle .bx-list-ul{
    font-size: 3rem;
    position: relative;
    top:10px;
}
}
/* Dhruv 19/02/2021 end menu toggle on mobile admin*/