/* Add here all your CSS customizations */

html .wizard-progress .wizard-steps li.completed a span{

	background:#27A38C;

}

html .wizard-progress .wizard-steps li.completed.active a span{

	background:#FFF;color: #CCC;

}

.custom_table_odd{
	background: #fff;
}

.dropzone .dz-preview .dz-error-message{

	font-size:10px;

	top:102px;

}



.uploadedImages .dz-image span{

	position:relative;

}



.uploadedImages .dz-image span::after{

	content:"X";

	position:absolute;

	top:0;

	right:0;

	color:red;

	font-weight:600;

	content: "X";

    position: absolute;

    top: 4px;

    right: 4px;

    color: red;

    font-weight: 600;

    background: #ddd;

    border-radius: 50%;

    width: 20px;

    text-align: center;

    height: 20px;

    line-height: 20px;

    cursor: pointer;

}

.error-message{

	color:red;

}



.btn.btn-customBt{

	background:#299885;

	color:#fff;

}

.swal2-container {
  z-index: 10000 !important;
}

.slide_ini{color:#299885; font-size:16px; font-weight:600; text-align:center; padding-bottom:7px;}

.slide_ini span{padding:0 10px 30px;}

.slide_left{padding-right:10px;}

.slide_right{padding-left:10px;}

.plus_span{ font-size:12px;}

.plus_span{cursor:pointer; color:#a7a7a7; font-weight:600;}

.plus_span span{padding-right:10px; color:#ff0000; font-size:16px;}

.dos_lablel{font-size:16px; color:#333;}

.card{

	word-wrap:initial;

}

.toggleExtraOptions{background: #27A38C;color:#fff;}

.custom_div{display:inline-flex;}

.custom_div input{margin-right:10px;}

.cross_btn{margin-top:7px;color:red;font-weight:900;cursor:pointer;}



/*Flash Message Start*/



#flash_success {

    min-width: 100%;

    position: absolute;

    font-size: 12px;

    text-transform: uppercase;

    text-align: center;

    right: 0px;

    top: -42px;

    padding: 10px;

    z-index: 9;

    color: #fff;

    height: 0px;

    -webkit-transition: height 2s;

    /* For Safari 3.1 to 6.0 */

    transition: height 2s;

    transition-timing-function: ease;

    -webkit-transition-timing-function: ease;

    letter-spacing: 1.5px;

}



#flash_error {

    min-width: 100%;

    top: -30px;

    position: absolute;

    font-size: 12px;

    text-transform: uppercase;

    text-align: center;

    right: 0px;

    padding: 0 10px;

    z-index: 9;

    color: #fff;

    height: 30px;

    line-height: 30px;

    -webkit-transition: top 1s;

    /* For Safari 3.1 to 6.0 */

    transition: top 1s;

    transition-timing-function: ease;

    -webkit-transition-timing-function: ease;

    background: cornflowerblue;

}



#flash_error.fadeInDown {

    top: 0;

}



#flash_error.fadeOutUp {

    top: -34px;

}



.close {

    float: right;

    font-size: 2.1rem;

    line-height: 28px;

    font-weight: bold;

    color: #fff;

    text-shadow: 0 1px 0 #fff;

    opacity: 1;

    filter: alpha(opacity=20);

}



button.close {

    padding: 0;

    cursor: pointer;

    background: transparent;

    border: 0;

    -webkit-appearance: none;

}



/*Flash Message End*/



.pro_pic{width:150px; /* height:150px; */ margin:15px auto 15px auto; position:relative; overflow:hidden; /* border-radius:50%; */}

.pro_pic img{/*position:absolute;*/ width:150px !important; height:auto !important; /* left:50%; top:50%; transform:translate(-50%, -50%); */}

.pro_pic #change_profile_btn{position: absolute; left: 0; top:100%; margin: 0; width: 100%;  height: 100%; vertical-align: middle;/*  line-height: 148px; */ border: 0; background: rgba(0, 0, 0, 0.5); color: #FFF; font-size: 13px; transition:all 0.3s;}

.pro_pic #change_profile_btn i{position:absolute; left:0; width:100%; text-align:center; top:calc(50% - 5px);}

.pro_pic:hover #change_profile_btn{top:0;}

.user_na{width:100%; display:inline-block; text-align:center; font-size:16px; color:#333; padding:0 15px 8px 15px; margin-bottom:3px; border-bottom:1px #ccc solid; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.navbar-expand-md .navbar-nav .dropdown-menu-right{width:250px; float:left;}



/*Progress Bar*/

#upload-progress{

	height: 20px;

    border: 1px solid #e74b3c;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    display: none;

    transform: translate(-50%, -50%);

}

#upload-progress .progress-bar{

    background: #e74b3c;

    width: 0;

    height: 20px;

}

.help_text{width:18px;margin-left:5px;}





.tooltip-inner {

    max-width: 200px;

	min-width:500px !important;

    padding: 3px 8px;

    color: #777;

    text-align: left;

    background-color: #ecedf0;

    border-radius: .25rem;

}



.btn-info,.btn-info:hover{

	background-color:#299885;

}



.campaign_thumb img{    max-height: 80px;

    width: auto;

    transform: translate(-50%, -50%);

    top: 50%;

    position: absolute;

    min-width: 100%;

    left: 50%;}

.campaign_thumb span{width: 80px;

    overflow: hidden;

    display: block;

    position: relative;

    height: 80px;

    text-align: center;}

.trans_detail {padding:5px;}

.trans_detail .form-group{color:#333333; font-size:14px; font-weight:600;}

.trans_detail .form-group label{    width: 120px;

    text-align: right;

    color: #545454;

    font-weight: 500;

    margin-right: 15px;}



/* 05-09-2019 */



/* Tabs*/

.new_section nav{position:relative;}



.new_section{margin-bottom:30px;}



#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: #27A38C;

    background-color: transparent;

    border-color: #29988;

    border-bottom: 2px solid #27A38C !important;

    font-size: 13px;

    font-weight: bold;

}


#tabs .nav-tabs .nav-link {

    border: 1px solid transparent;

    border-top-left-radius: .25rem;

    border-top-right-radius: .25rem;

    color: #333;

    font-size: 13px;

	font-weight:600;

	text-transform: uppercase;

    letter-spacing: 0.5px;

}



#tabs .tab-content{
	width:100%;
	border: transparent;
	background-color:transparent;
}



.search-bar{position: absolute;top: 8px;right: 20px;width: 300px;

    text-align: right;}

.search_bar{position: absolute;

    width: 300px;

    right: 0;

    top: 34px;

    background-color: #f5f5f5;

    padding: 3px;

    border: 1px solid #ccc;

    border-radius: 3px;display: none;    z-index: 1;}

.search-bar input{

	    background-color: transparent;

    border: transparent;

}

#search_toggle{cursor: pointer;}

.campaigns_body{padding:15px; overflow: hidden;}

.campaigns{background-color:#fff; border:1px solid #ccc;margin-bottom:30px;}

.follow ul{padding:0;margin:0;list-style-type:none;border-bottom: 1px solid #f5f5f5;}

.follow ul li{display:inline-block;width:32%;}

.overall{    text-align: right;cursor: pointer;}

.overall small{display: block;color: #333333;font-weight: 600;font-size: 11px;text-transform: uppercase;}

.overall label{color: #27A38C;font-weight: 600;    font-size: 11px;}

.yellow{color: #2d39ea !important;}

.red{    color: #ffffff !important;

    position: absolute;

    top: 0;

    left: 0;

    background-color: #27A38C;

    padding: 4px 10px;

    font-size: 12px;

    text-transform: capitalize;}

.campaigns_body h4{color: #000;font-weight: 500;  text-transform: capitalize;  margin-bottom: 5px;}

.campaigns_body p{line-height: 20px;}

.campaigns_body .btn-group a:nth-child(2){background-color:#299885;}

.button-add a{display: inline-block;

    padding: 5px 6px;

    color: #333;

    height: 32px;

    font-weight: 600;

    font-size: 12px;}

.btn_color{    background-color: #27A38C;

    color: #fff!important;

	border:1px solid transparent;

   }

.btn_border{border:1px solid #333;float:right;}

.campaigns_img .dropdown{    position: absolute;

    top: 10px;

    right: 10px;

    }

.campaigns_img .dropdown button{

background-color: #fff;

    color: #000;

    width: 30px;

    height: 30px;

    padding: 0;

    border-radius: 50%;

    border: 1px solid #8dd2c5;}

.campaigns_img .dropdown button:after{display:none;}

.campaigns_img{display: flex; justify-content: center; position: relative;}

.new_section_description .campaigns_body .follow{width:50%;float:right;border:none;}

.new_section_description .campaigns_body .follow ul{border:none;}

.new_section_description .campaigns_body .heading_dec{width:50%;float:left;}

.border-bottom{border-bottom:1px solid #ccc;overflow:hidden;}

.date-time{border-bottom: 1px solid #f5f5f5;}

.date-time small{    display: block;

    font-size: 14px;

    font-weight: 500;}

.date-time label{    font-size: 16px;

    font-weight: 600;}

.date-time h2{    margin-top: 0;

    font-size: 16px;

    font-weight: 600;}

.desc p{margin-top:15px;}

.inner_menu{position: relative;}

.inner_item{    display: none;

    position: absolute;

    left: -140px;

    border: 1px solid #000;

    top: 0;}

.inner_menu1{position: relative;}

.inner_item1{    display: none;

    position: absolute;

    left: -140px;

    border: 1px solid #000;

    top: 0;}

.euro{    background-color: #f2f2f2;

    color: #000;

    font-size: 14px;

    text-align: center;

    padding: 12px;

    margin-bottom: 15px;cursor: pointer;}

.euro.active{background-color:#299885;color:#fff;}

.euro-list ul{padding-left:15px;margin-bottom:30px;}



/*#####################################################################################*/

.icon_search{
	padding: 5px;
  border: 1px solid #2c9885;
  background: #fdfdfd;
  color: #2c9885;
}

.camp_title{
	height:27px;
}

@media (max-width: 400px), (min-width: 992px) and (max-width: 1100px){
	.campaign_card_btn{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.campaign_card_btn a{
		width: 49%;
		text-align: center;
	}

	.campaign_card_btn a:nth-child(3){
		width: 100%;
		margin-top: 0.5rem;
	}
}

.edit_btn{

	background-color:transparent; /*vishal edit*/

    color: #fff !important;

    font-size: 18px;

    width: 30px;

    height: 30px;

    padding: 0;

    border-radius: 50%;

    border: transparent;
	}/*vishal edit*/

.custom_checkbox{

	display:none;

}

.user_list_btns{

	display: inline-flex;

    float: right;

}



.bz-small img{

    width: 60px;

    height: 60px;

    border-radius: 50%;

    border: 2px solid #27A38C;



}



.main-section h5{

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

      padding-left: 82px;

      text-align: left;

}



.main-section button{    min-width: 100px;

    height: 25px;

    border-radius: 0px;

    border: 1px solid #27A38C;

    padding: 0;

    text-transform: uppercase;

    background-color: #27A38C;}



.main-section i{

    padding-left: 10px;

    font-size: 18px;

}



.bz-small-1{    max-width: 40px;    padding-top: 15px;}



.shape{

    display: inline-block;

    width: 30px;

    height: 30px;

    color: #fff;

    /*margin-right: 10px;*/

    font-size: 18px;

    text-align: center;

    line-height: 30px;}



.c-1{background-color: #00c3b3;}

.c-2{background-color: #f3426c;}

.followers{    font-size: 16px;

    font-weight: 600;

    color: #27A38C;

    padding-top: 20px;

    display: block;}

.user_list_btns .checkbox .toggle, .user_list_btns div{margin:0;}

.check_box span{    display: inline-block;

    position: relative;

      top: -3px;

    font-size: 14px;}

.check_box input{    width: 16px;

    height: 16px;}



.sep_section{padding:15px; border-bottom:3px solid #ccc;}

.sep_section .sec_heading{font-size: 16px; font-weight: 300; color:#333; margin-bottom: 15px; text-transform: uppercase;}

.date_sec{display: flex; align-items: center;}

.date_sec i{font-size: 34px; color:#299885;}

.date_des label{color:#333; font-size: 12px; line-height: 15px;display:block; padding-left: 10px; margin: 0;}

.date_des label span{width:66px; display: inline-block; font-weight: 500;}

.sec_label{font-size: 13px; color:#333;font-weight: 300; margin: 0;}

.sec_label span{text-transform: uppercase; display: inline-block; width:195px; font-weight: 500;}



.share_like{position: absolute; right:27px; top: 20px;}

.share_like a{font-size: 22px; color: #27A38C; margin-bottom: 15px; display: block;}

.share_like a:hover{color:#000;}



.prof_in{display: flex; background: #ffe051; border-radius: 5px; padding:12px; color: #fff; font-size: 14px; align-items: center;}

/*.prof_in.pending_product{background:#e0e00a; color: #000;}*/
.prof_in.pending_product{background:#27A38C; color: #000;}

.prof_in .user_img_s{width: 50px; height: 50px; border-radius: 50%; margin-right: 10px;}

.prof_in .user_name{width:150px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.prof_in .user_gold{width:30px; height: 30px;}

.prof_in .meet_time{padding: 0 10px;}

.prof_in .user_type{width: 30px; margin: 0 10px 0 0;}

.prof_in .prd_status{width: 30px;}

.user_details{text-decoration: none;}

.colr-change{background-color: #ffff;

    border-radius: 50%;}



.campaigns-click{position: relative;

    overflow: hidden;}

.campaigns-click .count{    width: 50%;

    padding: 15px 10px 6px;
}

.campaigns-click .count label{margin-bottom: 0;

    display: block;

    font-size: 36px;

    color: #27A38C;}

.campaigns-click .count span{    display: block;

	width: 275px;

    font-size: 12px;

    font-weight: 600;

    margin-top: 6px;}

.campaigns-click .channel{padding: 10px;

    font-weight: 600;}

.progress-bar-insta{width:75%;}

.count-number{    margin-left: 10px;

    font-weight: 600;}

.insta img{max-width: 35px;

    padding-top: 0px;

    margin-right: 5px;}

.progress-bar-insta .progress{border-radius: 0;background-color: rgb(41, 152, 133);}

.b-b{border-top: 1px dashed #ccc;    padding-bottom: 60px;}

.plus-icon{visibility: visible;

    position: absolute;

    bottom: 0px;

    right: 0px;

    width: 50px;

    height: 50px;

    overflow: hidden;}

.plus-icon span{height: 75px;

    width: 75px;

    background-color: rgb(229, 229, 229);

    display: block;

    color: rgb(41, 152, 133);

    position: relative;

    top: 18px;

    left: 12px;

    z-index: 1;

    transform: rotate(45deg);}

.plus-icon span i{    padding: 26px 10px;

    transform: rotate(45deg);}

.user-info .media{}

.user-info .media img{    width: 80px;

    background-color: #ccc;

    border-radius: 50%;

    border: 5px solid #27A38C;}

.user-info .media .media-body{}

.user-info .media .media-body h3{    margin-top: 20px;

    font-size: 45px;

    color: #27A38C;

    font-weight: 600;}

.user-info .media .media-body h5{font-size: 18px;

    font-weight: 600;

    margin-bottom: 0;}

.user-info{border-right: 1px solid #ccc;}

.insta-inner{    border-top: 1px solid #ccc;

    margin-top: 20px;    margin-right: 20px;}

.insta-inner img{    max-width: 40px;

    margin-top: 10px;}

.insta-head{ margin-top: 20px; margin-right: 20px;}

.insta-head img{ max-width: 40px; margin-top: 10px;}



.insta_feeds{border: 1px solid #ccc;}

.insta_feeds .feed_header{padding: 10px; border-bottom: 1px solid #ccc; align-items: center; display: flex;}

.insta_feeds .feed_header .feed_user{display: inline-block; width:60px; border-radius: 50%; border:3px solid #ccc;}

.insta_feeds .feed_header .feed_name{display: inline-block; width:calc(100% - 110px); padding:0 10px;}

.insta_feeds .feed_header .feed_name h2{font-size:17px; line-height: 16px; margin: 0; padding:0; font-weight: 500;}

.insta_feeds .feed_header .feed_name h3{font-size:13px; margin:0; padding: 0;}

.insta_feeds .feed_header .ins_f{display: inline-block; width:40px;}

.insta_feeds .feed_body img{display: block; width:100%; margin-bottom: 15px;}

.insta_feeds .feed_body p{font-size: 14px; line-height: 24px; padding:0 15px;}

.feed_footer{border-top:1px solid #ccc; display: flex; padding:0;}

.feed_footer span{display: inline-block; color: #333; text-align: center; font-size:14px; width:50%; padding:10px 0; border-left: 1px solid #ccc;}

.feed_footer span:first-child{border:0;}

.feed_footer span i{color:#299885;}





.approved_draft{position: relative;border:1px solid #ccc;padding:20px;}

.draft_user .media-object{overflow: hidden;

    width: 240px;

    border: 1px solid #ccc;

    padding: 10px;

    margin-top: -70px;

    background-color: #fff;}

.draft_user .main-section h5{margin-top: 0;}

.draft_content{border: 1px solid #ccc;padding:15px;}

.user_name{margin-top:0;}

.discription_date{    justify-content: space-between;}

.discription_date label{    color: #000;font-weight: 600;}

.description_text{    background-color: #f5f5f5;

    border: 1px solid #ccc;

    padding: 10px;

    font-size: 14px;

    color: #424242;min-height: 200px;}

.like_draft ul{    margin: 0;

    list-style-type: none;

    background-color: #f5f5f5;

    padding: 5px 15px;}

.like_draft li{display: inline-block;

    padding-right: 30px;

    border-right: 1px solid #ccc;

    padding-left: 30px;font-weight: 600;}

.like_draft li i{color: #27A38C;}

.vote{position: absolute;

    right: 20px;

    top: 0;

    text-transform: uppercase;

    border: 1px solid #27A38C;

    padding: 6px 15px;

    display: inline-block;

    border-radius: 2px;

    margin-top: 10px;

    background-color: #27A38C;

    color: #fff;

    font-weight: 600;}



    .vote-1{

    text-transform: uppercase;

    border: 1px solid #299885;

    padding: 6px 15px;

    display: inline-block;

    border-radius: 2px;

    margin-top: 10px;

    background-color: #299885;

    color: #fff;

    font-weight: 600;}

.user_name .ins_f{display: inline-block; width:40px;}

.swal-icon--custom{height:100px !important;}



.shape.disabled-link{

    opacity: 0.5 !important;

    pointer-events: none;

}



.cover-image-wrapper{

    min-height: 200px;

    max-height: 200px;

    border: 1px solid #ddd;

    overflow: hidden;

}
.product-image-class{display: block; width: 100%; height:140px; background-position: center center; background-size:cover;  }
.def_image{position: relative;  background: #f7f7f7;min-height: 200px; height:auto;}

.cover-image-wrapper:after{content: "Seleziona la tua immagine di copertina"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: rgba(0, 0, 0, 0.3); font-size:20px; z-index: 1;}
.cover-image-wrapper img{position: absolute; left:0; top: 50%; transform: translateY(-50%); z-index: 2; float:left; width:100%;}
.image-content:hover .cover-image-wrapper:after{content: "";}

.overlay{position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);z-index: 9;display:none;transition: 0.5s ease;}

.cover-image-wrapper:hover .overlay{display:block;}

.select-file{position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);}

.select-file label{    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 15px;
    margin-right: 15px;
    min-width: 115px;
    text-align: center;}

.select-file #delete-preview-image{
    display: inline-block;
    border: 1px solid #c10909;
    color: #fff;
    padding: 8px 15px;
    margin-right: 15px;
    min-width: 115px;
    text-align: center;
    font-size: 14px;
    background: #ef0a0a;}



	/* Colors: you can modify property values in this section */

.mrw-th { color: black; }
.mrw-tf { background: #FFF; color: #333; }
.mrw-td { border-color: #DDD; }

/* Structure: do not modify the section below! */

.mrw-table { display: table; table-layout: fixed; width: 95%; border-spacing: 0 20px; border-radius:25px; margin-left:25px;}
.mrw-tr { display: table-row; width: 90%; border-radius:16px; box-shadow: 0px 1.95032px 19.5032px 9.75159px rgba(75, 75, 75, 0.1);}
.mrw-tr > div { display: table-cell; vertical-align: middle; padding: 10px 2px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height:80px; }
.mrw-tr > div:first-child { border-top-left-radius:16px;  border-bottom-left-radius:16px;}
.mrw-tr > div:last-child {border-top-right-radius:16px;border-bottom-right-radius:16px;}
.mrw-th, .mrw-tf { font-weight: bold; }
.mrw-width-5 { width: 5%; }
.mrw-width-10 { width: 10%; }
.mrw-width-15 { width: 15%; }
.mrw-width-20 { width: 20%; }
.mrw-width-25 { width: 25%; }
.mrw-width-30 { width: 30%; }
.mrw-width-35 { width: 35%; }
.mrw-width-40 { width: 40%; }
.mrw-width-45 { width: 45%; }
.mrw-width-50 { width: 50%; }
.mrw-width-55 { width: 55%; }
.mrw-width-60 { width: 60%; }
.mrw-width-65 { width: 65%; }
.mrw-width-70 { width: 70%; }
.mrw-width-75 { width: 75%; }
.mrw-width-80 { width: 80%; }
.mrw-width-85 { width: 85%; }
.mrw-width-90 { width: 90%; }
.mrw-width-95 { width: 95%; }
.mrw-width-100 { width: 100%; }
.mrw-center { text-align: center !important; }
.mrw-right { text-align: right !important; }

@media screen and (min-width: 800px) {
    .mrw-tr > div { padding: 10px; }
}