.nav-item{transition: .7s;}
body{overflow-x: hidden}
.nav-item.active{border-right: 6px solid #6aaec4 !important;}
#accordionSidebar .nav-item:hover{border-right: 223px solid #6aaec4 !important;}
#accordionSidebar.toggled .nav-item:hover{border-right: 56px solid #6aaec4 !important;}
.col-sm-8,.col-sm-4,.col-xl-4,.col-sm-3,.col-sm-12,.col-sm-6,.col-sm-10,.col-sm-2,.col-sm-7{float: left;}


.img-responsive{display: block;max-width: 100%;height: auto;}
#prevImages video{height: 200px;width: 200px;}
.checkstatus{height: 67px;line-height: 83px;text-align: center;}
.green_color{color: #1cc88a;font-size: 16px;text-transform: uppercase;font-weight: bold;}
.danger_color{color: #e74a3b;font-size: 16px;text-transform: uppercase;font-weight: bold;}
.custon_btn{color:#fff;width: 100%;height: 56px;max-width: 250px;text-align: center;font-weight:bold;display: inline-block;background:linear-gradient(135deg, rgb(155, 58, 142) 1%,rgb(242, 8, 98) 100%);border-color: none;}
.custon_btn:hover{color: #fff;background:linear-gradient(135deg, rgb(242, 8, 98) 1%,rgb(155, 58, 142) 100%);border-color: gray;    box-shadow: 0 0 0 0.2rem rgba(210, 26, 114, 0.25);}
.main_nav{background: #f8f9fc;padding: 15px 0px;width: 100%;box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;}
.main_nav ul{position: relative;}
.main_nav ul:before {content: "";width: 94%;height: 3px;background: #fff;position: absolute;left: 3%;top: 18px;}
.main_nav ul li {display: inline-block;text-align: center;float: left;width: 25%;}
.main_nav ul li a {position: relative;z-index: 5;color: black;text-decoration: none;}
.main_nav h5,.text-xs{font-size: 1rem}
.py-2,.btn-icon-split{cursor: pointer;}
.number_count {display: inline-block;background: #5861b1;color: #fff;text-align: center;width: 36px;height: 36px;line-height: 25px;margin-bottom: 6px;border-radius: 50%;border: 4px solid #bcc1ce;}

.queimages{height: 100%;width: 100%;bottom: 0;background: white;padding: 10px 12px;}
.prevImages{height: 300px;max-width: 100%;border: dashed;padding-top: 1%;}
.salespageurlDiv{height:100%;width:100%;padding:10% 12%;position:absolute;background:#857b7ba1;display:none;z-index:999;margin-top:-2%;overflow: hidden}
.salespageurlDiv .col-sm-12{border-right: .25rem solid #4e73df!important;border-radius: 8px;}
.salespageurlDiv .label-input100{float: left;}

/*.prevImages ul{width: auto;}
.prevImages ul li{display: inline-block;}*/
.white{background: white;}
.btn-icon-split span{color:white}
.modal-lg{width: 99% !important;max-width: 99% !important;}
.uploadAudio{height: auto;width: 100%;border: dashed #d2c9c9eb;border-radius :8px;margin-top: 43px;padding: 16% 37%;background: #edeef1;text-align: center;padding: 16%;}
.uploadAudio a{color: #06060691;text-decoration: none;font-size: 20px;}
@media (min-width: 768px)
{
	.col-sm-offset-2 {
	    margin-left: 16.66666667%;
	}
}


.prevImages .col-sm-3{
	width: 12%;
}

.label1 {
    float: left;
    line-height: 32px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 20%;
    font-size: 15px;
    text-align: left;
    text-indent: 6px;
}

.cropinput {
    width: 30%;
    float: left;
    /* border: none; */
    border-radius: unset;
}

.labelC {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


.vd_thmnl img,.vd_thmnl video
{
	height: 100px;
	width: 100%;
	/* width: 278px; */
}


.ic_ovrlay {
	position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
	width: 84%;
    margin-left: 8%;
    height: 100%;
    display: flex;
    background: rgba(0,0,0,.2);
    align-items: center;
    text-align: center;
}

.ic_ovrlay span {
    display: block;
    width: 100%;
    text-align: center;
}

.close_rd1 {
	right: 43px;
    display: none;
    bottom: 5px;
    position: absolute;
    z-index: 999;
}
.slt_bx .close_rd {
    display: none;
	position: absolute;
    z-index: 999;
}

.slt_bx .close_rd {
	right: 14px;
    top: 3px;
}

.slt_bx:hover .close_rd,.slt_bx:hover .close_rd1{  display: inline-block;} 


.board-inner li
{
    width: 33%;
    float: left;
    text-align: center;
}


.liner
{
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 30%;
    z-index: 1;
}

#myTab li
{
    z-index: 89;
}
#myTab a.active span.round-tabs {
    color: #febe29;
    border: 2px solid #febe29;
}

#myTab a
{
    color: black;
    text-decoration: none;
}

#myTab 
{
    position: relative;
}

#myTab.nav-tabs
{
    border-bottom: unset !important;
}
span.round-tabs
{
    background: #fff !important;
    border: 2px solid #ddd;
    width: 45px;
    height: 45px;
    line-height: 40px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    color: #ddd;
    /* position: absolute; */
    left: 0;
    text-align: center;
    font-size: 19px;
}


/** audio player styles **/
.audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

div.audio-player {
  position: relative;
  width: 280px;
  height: 70px;
  margin: 0 auto;
  background: #4c4e5a;
  background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
  background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
  background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
  background: -ms-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
  background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.audio-player h2 {
  position: absolute;
  top: 7px;
  left: 10px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #ececec;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

/* play/pause control */
.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  position: absolute;
  text-indent: -9999px;
}

.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
  width: 34px;
  height: 34px;
  top: 32px;
  left: 7px;
  background: transparent url('playpause.png') 0 0 no-repeat;
}
.mejs-controls .mejs-pause button { background-position: 0 -35px; }
 
 
/* mute/unmute control */
.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
  width: 18px;
  height: 19px;
  top: 9px;
  right: 190px;
  background: transparent url('audio.png') 0 0;
}
.mejs-controls .mejs-unmute button { background-position: 0 -19px; }


/* volume scrubber bar */
.mejs-controls div.mejs-horizontal-volume-slider {
  position: absolute;
  top: 13px;
  right: 65px;
  cursor: pointer;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  width: 120px;
  height: 11px;
  background: #212227;
  -webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
  -moz-box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
  box-shadow: inset 0px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  width: 0;
  height: 9px;
  top: 1px;
  left: 1px;
  background: #90d26a;
  background: -webkit-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: -moz-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: -o-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: -ms-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: linear-gradient(top, #90d26a 0%, #83bb63 100%);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}


/* time scrubber bar */
.mejs-controls div.mejs-time-rail { width: 380px; }
 
.mejs-controls .mejs-time-rail span {
  position: absolute;
  display: block;
  width: 380px;
  height: 12px;
  top: 40px;
  left: 55px;
  cursor: pointer;
  -webkit-border-radius: 0px 0px 2px 2px;
  -moz-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;
}
 
.mejs-controls .mejs-time-rail .mejs-time-total { 
  background: #565860; 
  width: 219px !important; /* fixes display bug using jQuery 1.8+ */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  top: 0;
  left: 0;
  width: 0;
  background: #7b7d82;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
  top: 0;
  left: 0;
  width: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #90d26a;
  background: -webkit-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: -moz-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: -o-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: -ms-linear-gradient(top, #90d26a 0%, #83bb63 100%);
  background: linear-gradient(top, #90d26a 0%, #83bb63 100%);
}

/* metallic sliders */
.mejs-controls .mejs-time-rail .mejs-time-handle {
  position: absolute;
  display: block;
  width: 20px;
  height: 22px;
  top: -6px;
  background: url('handle-lg.png') no-repeat;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  position: absolute;
  display: block;
  width: 12px;
  height: 14px;
  top: -1px;
  background: url('handle-sm.png') no-repeat;
}


/* time progress tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  width: 33px;
  height: 23px;
  top: -26px;
  margin-left: -17px;
  z-index: 9999;
  background: url('time-box.png');
}
 
.mejs-controls .mejs-time-rail .mejs-time-float-current {
  width: 33px;
  display: block;
  left: 0;
  top: 4px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  text-align: center;
  z-index: 9999;
}




.selectaudio img
{
    border-radius: 50%;
}
.mejs-time-total:hover > .mejs-time-float
{
    display: block !important;
}


/*audio player css end*/



#playerContainer .mejs-controls .mejs-time-rail .mejs-time-total
{
    width: 219px !important;
}


.tooltip1 {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip1 .tooltiptext {
  visibility: visible;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  /*bottom: 150%;*/
  left: 50%;
  margin-left: -60px;
}

.tooltip1 .tooltiptext::after {
    content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip1:hover .tooltiptext {
  visibility: visible;
}


.modal-header
{
    display: inline-block;
}


.active_2:before {
    content: "";
    width: 20%;
    height: 3px;
    background: #963d90;
    position: absolute;
    left: 2%;
    top: 18px;
}

.active_3:before
{
    content: "";
    width: 47%;
    height: 3px;
    background: #963d90;
    position: absolute;
    left: 2%;
    top: 18px;   
}

.active_4:before
{
    content: "";
    width: 77%;
    height: 3px;
    background: #963d90;
    position: absolute;
    left: 2%;
    top: 18px;   
}

.introprogress,.mainprogress,.outroprogress
{
    height: 100%;
    width: 100%;
    position: absolute;
    background: #00000085;
    z-index: 9;
    display: none;
}

.introp,.mainp,.outrop
{
    height: 100%;
    line-height: 60px;
    text-align: center;
    background: #963d90c7;
    color: white;
    font-size: 23px;

}


/*login page design*/

.error-page-int
{
    max-width: 500px;
    padding: 82px 0;
    width: 100%;
    /* position: relative; */
    margin: 5% auto;
}

.error-page-int, .error-pagewrap:before {
    vertical-align: middle;
    display: inline-block;
}

.content-error {
    text-align: center;
    margin: 0px 20px;
}

.content-error .hpanel {
    text-align: left;
}

.hpanel .panel-body {
    background: #020202;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    box-shadow: 2px 4px 12px 2px grey;
    border-radius: 8px;
    /* margin-top: 5%; */
    z-index: 999;
}

.loginbg
{
        background-image: url(https://s3.amazonaws.com/Mark_Bishop/CONTENU/CONTENU-Background2.jpg);
    background-color: #090100 !important;
    overflow-y: hidden;
}

.loginbg .input100
{
    color: white;
}

.loginbg .panel-body
{
        box-shadow: 2px 4px 12px 2px #a63388;
}

.loginbg .label-input100
{
    font-weight: bold;
}


.btn-primary{
    background: linear-gradient(180deg,#446DBB 0%,#ff005b 100%);
    border:#c72178 ;
        padding: 0.75rem 1.9rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-primary:hover
{
    background:linear-gradient(135deg, rgb(242, 8, 98) 1%,rgb(155, 58, 142) 100%);border-color: gray;
}

#bglogo
{
    display: inline-block;
}

#smlogo
{
    display: none;
}
.sidebar-toggled #bglogo
{
    display: none;
}

.sidebar-toggled #smlogo
{
    display: inline-block;
}