/*body*/

body
{
    font-family: verdana, sans-serif;
    font-size: small;
    color: #000;
    text-shadow: rgba(255, 255, 255, 0.6) 0 1px 0;
    background-color: #efebef;
    vertical-align: middle;
    max-width:auto;
    margin: 0 auto;
}
.dropdown-menu.show {
        left: -25px !important;
        width: 95vw !important;
    }
    .ml-3, .mx-3 {
        margin-left: 3rem !important;
    }
    .ps {
        max-height: inherit !important;
    }
}

hr {
background-color: #ccc;
border: none;
height: 1px;
width: 100%; }


input[type="text"], input[type="password"], input[type="file"], textarea, select, input[type="checkbox"] {
border-radius: 2px;
border: #BBBBBB solid 1px;
margin: 5px;
font-size: medium;
padding: 8px 8px;
font-weight: 700;
font-family: 'Nexa-Free-Bold-webfont', Verdana, Geneva; 
width: 50%;}

input[type="text"], input[type="password"], input[type="file"] {
height: 20px;
width: 60%;
font-family: 'Nexa-Free-Bold-webfont', Verdana, Geneva; }

select {
border-radius: 2px;
height: 30px;
width: 60%; }

textarea {
border-radius: 2px;
width: 60%;
height: 70px;
font-family: 'Nexa-Free-Bold-webfont', Verdana, Geneva; }

input[type="submit"] {
border-radius: 4px;
background-color: #F4F4F4;
margin: 2px;
padding: 4px;
border: #BBBBBB solid 1px;
font-weight: 700;
cursor: pointer;
height: 34px; 
font-family: 'Nexa-Free-Bold-webfont', Verdana, Geneva;
background-color: #800080;}


.button, .button:visited, .button a, .button a:visited {
color: #fff;
border: #bbb solid 1px;
cursor: pointer;
font-size: small;
font-weight: 700;
background-color: #f4f4f4;
padding: 4px;
font-size: medium;
font-family: 'Nexa-Free-Bold-webfont', Verdana, Geneva; }

.button:hover, .button:focus, ab.button:hover, ab.button:focus, ab.button:active {
color:#0077E0;
text-decoration: none;
font-family: 'Nexa-Free-Bold-webfont', Verdana, Geneva; }

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, input.text:focus, input[type="select"]:focus, select:focus { border: #0077E0 solid 1px; font-family: 'Nexa-Free-Bold-webfont', Verdana, Geneva; }

/*-------->>IMAGE CLASSES<<--------*/

/*all images not listed below*/

img
{
max-width:100%;
border:0px;
vertical-align:middle;
margin-bottom:opx
}





/*youtube preview images*/

.ytimg
{
vertical-align:middle;
padding:2px;
margin:1px;
border:1px solid #ccc
}





/*----->>START OF DIV CLASSES<<-----*/

/*logo*/

.logo
{
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
 
    border: 1px solid #dd0000;

    background-image: url("http://pimpz.mobi/style/images/red_logo_bg.png");
    background-repeat: repeat-x;
    background-position: bottom;

    background-color: #ff0000;
    margin-bottom:2px;
    padding: 2px;

    color:#fff;
    font-weight:bold;
    font-size:larger;
}






/*main title*/

.line {border-bottom:1px solid #ccc;padding:6px;background:#fff}




/*subtitle*/

.x
{
    background-color: #f4f4f4;

    margin-bottom:2px;
    padding: 6px 3px 6px 3px;

    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;

    border:1px solid #cecece
}








/*action result msg*/

.result
{
    margin-bottom:2px;
    padding: 3px;
    background-color: #fffcdd;
    border: 1px solid #d8d8d8;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    text-align: left;
    padding: 4px;
    color:red
}








/*Next/Back pager links*/

.nextback
{
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
	 background-image: url("http://pimpz.mobi/style/images/red_logo_bg.png");
    background-color: red;
    border: 1px solid #d8d8d8;
    margin-bottom:2px;
    padding: 6px 4px 6px 4px;
    text-align:center;
    font-size: 90%;
    font-weight: 700
}







/*around jump page option on pages with lists of 3 or more pages (under the nextback class)*/

.jumppage
{
border-bottom: 1px solid #d8d8d8;
text-align:center;
margin-bottom:2px;
padding:4px
}





/*footer*/

.head{
background: #182434; url(""); repeat-x;
padding: 7px;
color: #FFFFFF;
border-radius: 2px;
text-align: center;
}



.footer a, .footer a:visited
{
    color: #fff;
}


.footer a:hover, .footer a:focus
{
    color: #fff;
    text-decoration:underline
}







/*anywhere there might be info (top of bbcode, youtube descriptions etc)*/

.info
{
    margin-bottom:2px;
    padding: 3px;
    border: 1px solid #cecece;
    background-color: #fff;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    text-align: left;
    padding: 2px;
}








/*menus etc*/

ul.menu
{
list-style-type:none;
padding:0px;
background-color: #182434;
border-top: 1px solid #182434;
border-right: 1px solid #182434;
border-left: 1px solid #182434;
margin:0px 0px 2px 0px;
}


li.menu1
{
border-bottom: 1px solid #d8d8d8;
padding:4px
}

li.menu2
{
border-bottom: 1px solid #d8d8d8;
padding:4px
}




/*Around lists class*/

.listwrapper
{
    list-style: none;

    -webkit-border-bottom-right-radius: 0.3em;
    -webkit-border-bottom-left-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    border-bottom-left-radius: 0.3em;

    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;

    margin-bottom:2px;
    padding: 0;
    background-color: #fff;
}




/*Content lists (smileys, bbcodes, youtube videos etc)*/
/*list1 and lists2 are same, split for optional alternate colours*/

.lists1
{
    margin: 0;
    padding: 6px 3px 6px 3px;
    border-top: 1px solid #cecece;
    background-color: #fff;
    }


.lists2
{
    margin: 0;
    padding: 6px 3px 6px 3px;
    border-top: 1px solid #cecece;
    background-color: #f5f5f5;
}



/*Any content displayed on its own (like lists and listswrapper but single)*/

.display
{
    list-style: none;
    border: 1px solid #cecece;

    margin-bottom:2px;
    background-color: #fff;
    padding: 6px 3px 6px 3px;
    text-align: center
}


/*Around forms (sign guestbook, search youtube etc)*/

.formwrapper
{
background-color: #f5f5f5;
border-top: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
margin-bottom:2px;
}

.forms
{
padding:2px;
border-bottom: 1px solid #d8d8d8;
}






/*------------------------------------------------------------*/






.chatbar
{
line-height:23px;
margin-bottom:2px;
border: 1px solid #cecece;
background-color: #fff;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
text-align: right;
padding:2px;
padding-right:0px;
}




/*------------------------------------------------------------*/



.xbgraph_container
{
background:#FFF;
border:1px solid #ccc;
margin:0px 5px 2px 0px;
padding:1px;
width:100px;
}

.xbgraph
{
background-color:#ace97c;
height:15px;
padding-bottom:1px;
padding-left:2px;
}

.xbstats
{
line-height:15px;
text-shadow:none;
}



/*------------------------------------------------------------*/



.ratebar_container
{
border:1px solid #000;
margin-left:1px
margin-top:3px;
margin-bottom:3px;
}

.ratebar_zero
{
}


.ratebar_hot
{
background-color:red;
}

.ratebar_hot_split
{
background-color:red;
border-right:1px solid white;
}

.ratebar_not
{
background-color:blue;
}




.word_hot
{
color:red
}

.word_not
{
color:blue
}

.number_hot
{
color:red
}

.number_not
{
color:blue
}


/*------------------------------------------------------------*/





#tabbar, 
#tabbar2 
{
position:relative; 
height:26px; 

box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;

border-bottom:none;
margin:0px; 
}


    

#tabbar a, #tabbar a.left,
#tabbar2 a, #tabbar2 a.left
{
background-color: #e2e2e2;
border:1px solid  #bbb; 

background-image: url("http://pimpz.mobi/style/images/grey1.png");
background-repeat: repeat-x;
background-position: top;

font-weight:bold;
color:#000; 
margin:0px; 

display:block; 
height:22px; 
text-align:center; 

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

/*width:31%;*/ 
padding:0px 6px 0px 6px; 

line-height:22px; 
text-decoration:none; 
float:left;
overflow:hidden;   
}


#tabbar a,
#tabbar2 a
{
margin-left:2px; 
}


#tabbar a.left,
#tabbar2 a.left
{
margin-left:6px; 
}


#tabbar a:hover, #tabbar a.left:hover,
#tabbar2 a:hover, #tabbar2 a.left:hover
{
color: #fff;
text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;
background-image: url("http://pimpz.mobi/style/images/red_logo_bg.png");
background-position: 0 -20px;
font-weight:bold
}


#tabbar a.selected, #tabbar a.leftselected,
#tabbar2 a.selected, #tabbar2 a.leftselected
{
text-shadow:none;
background:#f5f5f5; 
border-bottom:1px solid #f5f5f5;
font-weight:bold; 
color:#000; 
margin:0px;

display:block;
height:28px; 
text-align:center; 

box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box; 

-moz-border-radius-topleft: 0.3em;
-moz-border-radius-topright: 0.3em;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-top-left-radius: 0.3em;
-webkit-border-top-right-radius: 0.3em;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;

/*width:31%;*/
padding:0px 6px 0px 6px; 
line-height:22px; 
text-decoration:none; 
float:left;
overflow:hidden;   
} 


#tabbar a.selected,
#tabbar2 a.selected
{
margin-left:2px
}


#tabbar a.leftselected,
#tabbar2 a.leftselected
{
margin-left:6px
}


.tabmenu, .tabmenu2 
{
margin:0px 0px 2px 0px; 

box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box; 

-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

padding:5px 3px 5px 3px; 
border:1px solid #cecece; 
/*border-top:none;*/ 
background:#f5f5f5; 
text-align:left; 
/*overflow-x:hidden;*/
}


a.widelinks
{
width:99%;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;

text-decoration:none;
display:inline-block;
height:20px;
line-height:20px;
margin:0px;
padding-left:1%
}

.tabmenu a.widelinks:hover, .tabmenu2 a.widelinks:hover
{
background-color:#ff0000;

background-image: url("http://pimpz.mobi/style/images/red_logo_bg.png");
background-repeat: repeat-x;
background-position: bottom;

text-decoration:none;
color:#ffffff;
}





/*----->>START OF LINK CLASSES<<-----*/










a.buttonx, a.nb
{
    color: #000;
    border: 1px solid #bbb;
    background-color: #e2e2e2;
    background-image: url("http://pimpz.mobi/style/images/grey1.png");
    background-repeat: repeat-x;
    background-position: top;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    padding: 3px;
    font-weight:bold;
}


.nextback a:hover, .nextback a:focus
{
    color: #fff;
    border-top: 1px solid #cc0000;
    text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;
    background-image: url("http://pimpz.mobi/style/images/red_logo_bg.png");
    background-position: 0 -20px;
    font-weight:bold;
}






/*------>>TEXT SPAN CLASSES<<-----*/




/*Emphasized Text (best left bold, but only in our opinion)*/

.emphtext
{
font-weight:bold;
}



/*Dates*/

.date
{
font-style: italic;
}






/*----->>FORMS INPUT BOXES SELECT BOXES ETC<<-----*/




form, p
{
    margin: 0;
    padding: 0;
}



input[type="text"], input[type="reset"], input[type="password"], input[type="file"], textarea, input.text, input[type="select"], select
{
	color:#000;
	background-color:#fff;
	font-family:Verdana, arial;
	border:1px solid #bbb;
	margin:1px;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
}

input[type="text"]:focus, input[type="reset"]:focus, input[type="password"]:focus, textarea:focus, input.text:focus, input[type="select"]:focus, select:focus
{
    border: 1px solid #000;
}


input.reset,input[type=reset]
{
    color: #000;
    border: 1px solid #bbb;
    background-color: #e2e2e2;
    background-image: url("http://pimpz.mobi/style/images/grey1.png");
    background-repeat: repeat-x;
    background-position: top;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    margin: 1px;
    font-weight:bold;
}

input.submit,input[type=submit]
{
    color: #000;
    border: 1px solid #bbb;
    background-color: #e2e2e2;
    background-image: url("http://pimpz.mobi/style/images/grey1.png");
    background-repeat: repeat-x;
    background-position: top;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    margin: 1px;
    font-weight:bold;
}

input.submit:hover,input[type=submit]:hover,input.submit:focus,input[type=submit]:focus
{
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;
    background-image: url("http://pimpz.mobi/style/images/red_logo_bg.png");
    background-position: 0 -20px;
    font-weight:bold;
}

input.reset:hover,input[type=reset]:hover,input.reset:focus,input[type=reset]:focus
{
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;
    background-image: url("http://pimpz.mobi/style/images/red_logo_bg.png");
    background-position: 0 -20px;
    font-weight:bold;
}


/* ----->FOR YOUTUBE<------ */

.yt_list_title{
max-height:33px;
overflow:hidden;
display:block;
}

.features{
background-color:#D8D8D8;
padding:0px;
border:0px;
margin:0px;
font-size:smaller;
}

/*--------Porn Videos---------*/

.vidwrapper
{
  display:block;
  min-height:55px;
  text-align:left;
  overflow:hidden;
}

.vidimg
{
  border:1px solid #ccc;
  height:54px;
  width:70px;
  float:left;
}

.vidimg img
{
width:66px;
height:50px;
  margin:2px;
}

.vidinfo
{
  display:block;
  height:100%;
  margin-left:76px;
  min-height:50px;
}

.vidinfo:after
{
  clear:both;
}

.bwap {
background-color: #F68E00;
border-bottom: 1px solid #ACACAC;
color: #464646;
padding: 4px;
}

.thumb {
width: 80px;
height: 80px;
background:#FFF; 
padding:5px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}

.thumb2 {
width: 50px;
height: 50px;
background:#FFF; 
padding:5px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}

.thumbs{	
   width: 30px;
   height: 30px;
   vertical-align: middle;
	border:1px solid #0069CB;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-goog-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
}

.thumb3{	
   width: 50px;
   height: 50px;
   vertical-align: middle;
	border:1px solid #0069CB;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-goog-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
}

.thumbon{	
vertical-align: middle;
}

.thumbtv{	
   width: 58px;
   height: 30px;
   vertical-align: middle;
	border:0px solid #0078e8;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-goog-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
}

.thumblog {
width: 55px;
height: 55px;
background:#FFF; 
padding:6px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}

.thumbyoutube {
width: 80px;
height: 65px;
background:#FFF; 
padding:5px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}

.thumbcover{	
   width: 23px;
   height: 23px;
   vertical-align: middle;
	border:0px solid #0087FF;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-goog-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
}

.thumbprofil{	
width: 150px;
height: 150px;
background:#FFF; 
padding:2px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}



.thumbprofil2{	
width: 40px;
height: 40px;
background:#FFF; 
padding:2px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}

.thumbfisier{	
width: 130px;
height: 130px;
background:#FFF; 
padding:2px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}
.thumbpoza{	
width: 100px;
height: 150px;
background:#FFF; 
padding:2px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}
.thumbpoza{	
width: 100px;
height: 150px;
background:#FFF; 
padding:2px;
border:1px solid #B8BBC0;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}

.thumbicon{	
  vertical-align: middle;
}

.thumbporn{	
width: 60px;
height: 60px;
background:#FFF; 
padding:2px;
border:1px solid green;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}





.thumbporn2{	
width: 65px;
height: 65px;
background:#FFF; 
padding:2px;
border:1px solid red;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}

a.sm2_button {
    display: inline-flex;
    font-size: 15px;
width: 15;
    height: 15;

    padding: 10px 10px;
    border: none;
    cursor: pointer;
    outline: none;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: all;
    transition-property: all;
    transition-duration: .15s;
    -webkit-transition-property: hover;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition-property: background-color;
    -o-transition-duration: .15s
}

a.sm2_button:focus {
    outline: none
}

a.sm2_button,
a.sm2_button.sm2_paused:hover {
    background-color: #182434
}

.sm2_button::before {
    color: #fff;
    font-size: small;
    font-family: "font awesome 5 free";
    font-weight: 800;
    content: "\f04b"
}

a.sm2_paused::before {
    color: #fff;
    font-size: small;
    font-family: "font awesome 5 free";
    font-weight: 800;
    content: "\f04b"
}

a.sm2_playing::before {
    color: #fff;
    font-size: small;
    font-family: "font awesome 5 free";
    font-weight: 800;
    content: "\f04c"
}

a.sm2_button:hover,
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
    background-color: #182434
}

a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
    background-color: #182434
}













a.sm3_button {
    display: inline-flex;
    font-size: 40px;
width: 50px;
    height: 50px;

    padding: px px;
    border: none;
    cursor: pointer;
    outline: none;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    border-radius: 1px;
    transition: all;
    transition-property: all;
    transition-duration: .15s;
    -webkit-transition-property: hover;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition-property: background-color;
    -o-transition-duration: .15s
}

a.sm3_button:focus {
    outline: none
}

a.sm3_button,
a.sm3_button.sm3_paused:hover {
    background-color: none
}

.sm3_button::before {
    color: #fff;
    font-size: small;
    font-family: "font awesome 5 free";
    font-weight: 800;
    content: "\f04b"
}

a.sm3_paused::before {
    color: #fff;
    font-size: small;
    font-family: "font awesome 5 free";
    font-weight: 800;
    content: "\f04b"
}

a.sm3_playing::before {
    color: #fff;
    font-size: small;
    font-family: "font awesome 5 free";
    font-weight: 800;
    content: "\f04c"
}

a.sm3_button:hover,
a.sm3_button.sm3_playing,
a.sm3_button.sm3_playing:hover {
    background-color: white
}

a.sm3_button.sm3_paused,
a.sm3_button.sm3_paused:hover {
    background-color: white
}
span.noua {
padding: 1px 4px;
font-size: 10px;
color: #ffffff;
background: #f89406;
border-radius: 5px;
white-space: nowrap;
}

span.badage {
padding: 1px 4px;
font-size: 10px;
color: #ffffff;
background: #999999;
border-radius: 5px;
white-space: nowrap;}


.panel .panelo .list-had {background-color: #182434;
font-size: 18px;
color: #ffffff;
float:left;
}

.panel .panelo .home {background-color: #182434;
font-size: 18px;
color: #ffffff;
float:right;
padding: 6px 6px 6px 6px;
}

.panel .panelo .ceas {background-color: #182434;
font-size: 14px;
color: #ffffff;
float:left;
padding: 12px 12px 12px 12px;
margin-left: 42%;
text-align: center;
position: fixed;
align-items: center;
justify-content: center;
align-self: center;
}
.covermusic_me {margin-left:10px;margin-right:10px;}
.covermusic{
margin: 51px auto 0px auto;
background:url(https://cutewallpaper.org/25/best-art-for-wallpaper/163429012.jpg) no-repeat bottom center #fff!important;
background-size:cover!important;
background-repeat:no-repeat!important;
background-position:bottom center!important;
background-color:#fff!important;
max-width:900px;
text-align:center;
position: relative;
padding-top:35px;
padding-bottom:35px;}

.fb-fb-like{padding:0px 0px 0px 0px;
}





.cover_user1 {margin-left:10px;margin-right:10px;}
.cover_user2{
margin: 100px auto 0px auto;
background:url(https://mp3tube.ro/cover4.jpg) no-repeat bottom center #fff!important;
background-size:cover!important;
background-repeat:no-repeat!important;
background-position:bottom center!important;
background-color:#fff!important;
max-width:900px;
text-align:center;
position: relative;
padding-top:90px;
padding-bottom:900px;}


.panel .panelo {width:100%;}
.panel {
z-index: 100;
position: fixed;
top: 1px;
left: 0px;
right: 0px;
width: 100%;
height: 50px;
color: white;
display: flex;
align-items: center;
justify-content: center;
align-self: center;
background: #182434;
-webkit-box-shadow: 0px 1px 1px #182434;
-moz-box-shadow: 0px 1px 1px #182434;
box-shadow: 0px 1px 1px #182434;
border-bottom: 1px solid #182434;
}


.fb-fb-like{padding:0px 0px 0px 0px;
}

.pagination {
display: inline-block;
}
.pagination a {
color: black;
float: left;
padding: 5px 13px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
margin: 0 4px;
}

.pagination a.active {
background-color: #800080;
color: white;
border: 1px solid #800080;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

a.buttondown{
display:inline-block;
padding:0.7em 1.4em;
margin:0 0.3em 0.3em 0;
border-radius:0.15em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
text-transform:uppercase;
font-weight:400;
color:#FFFFFF;
background-color:#9a4ef1;
box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
text-align:center;
position:relative;
}
a.buttondown:active{
top:0.1em;
}
@media all and (max-width:30em){
a.buttondown{
display:block;
margin:0.4em auto;
}
}

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


.left_l {
max-width :px;
text-align : left;
border-right:#fff solid 1px;
padding:4px;
font-family: 'Nexa-Free-Bold-webfont', Verdana, Geneva;
}
.right_r {
max-width : px;
text-align : right;
border-left: #fff solid 1px;
padding:4px;
font-family: 'Nexa-Free-Bold-webfont', Verdana, Geneva;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #707070;
  color: white;
  cursor: pointer;
  padding: 12px;
  border-radius: 5px;
}

#myBtn:hover {
  background-color: #555;
}

span.noua {
padding: 1px 4px;
font-size: 10px;
color: #ffffff;
background: #f89406;
border-radius: 5px;
white-space: nowrap;
}

span.badagex {
padding: 1px 4px;
font-size: 10px;
color: #ffffff;
background: #999999;
border-radius: 5px;
white-space: nowrap;}


.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background: red;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #6776f4;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

.justify-content-center {
  justify-content: center;
}

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

.x {
	padding: 1px 3px;
	line-height: 16px;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	background-color:#9ccc0a;
	border-radius: 2px;
	box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);
}





.ribbon {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 0;
    -webkit-font-smoothing: antialiased;
    text-decoration-skip-ink: auto;
    word-wrap: break-word;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    font-size: .625rem;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    min-width: 2rem;
    top: calc(-1 * 0.25rem);
    right: .02rem;
    width: 2rem;
    padding: .5rem 0;
    border-radius: 0 4px 4px 4px;
    background-color: red;
    border-color: #d63939;
    left: inherit;
    height: inherit;
}

.ribbon:before {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 0;
    height: 0;
    content: "";
    filter: brightness(70%);
    border: calc(0.25rem * .5) solid;
    border-color: inherit;
    border-top-color: transparent;
    border-right-color: transparent;
}

.ribbon-top:before {
    top: 0;
    right: 100%;
    bottom: auto;
    border-color: inherit;
    border-top-color: transparent;
    border-left-color: transparent;
}

.bg-red{--tblr-bg-opacity:1;background-color:rgba(var(--tblr-red-rgb),var(--tblr-bg-opacity))!}
.label {
  position: absolute;
  top: 9px;
  right: 7px;
  text-align: center;
  font-size: 9px;
  padding: 2px 3px;
  line-height: 0.9;
}


.todo-list .dangerx {
  border-left-color: #dd4b39;
}
.buton-special {
    width: 220px;
    height: 50px;
    border: none;
    outline: 0;
    color: #fff;
    background: #30619f;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px
}

.me-1{margin-right:.25rem!}

.text-bg-red{color:#f8fafc!important;background-color:RGBA(214,57,57,var(--tblr-bg-opacity,1))!important}


.badge {
    display: inline-block;
    padding: .25rem .375rem;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: bottom;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #346cb0
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #285489
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 1px rgba(52, 108, 176, .5)
}

.badge-secondary {
    color: #363642;
    background-color: #f6f7f9
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #363642;
    background-color: #d7dce5
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 1px rgba(246, 247, 249, .5)
}

.badge-success {
    color: #fff;
    background-color:#182434 
}




a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #006f5f
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 1px rgba(0, 162, 138, .5)
}

.badge-info {
    color: #fff;
    background-color: #0179a8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #015475
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 1px rgba(1, 121, 168, .5)
}

.badge-warning {
    color: #363642;
    background-color: #f7c46c
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #363642;
    background-color: #f4b13c
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 1px rgba(247, 196, 108, .5)
}

.badge-danger {
    color: #fff;
    background-color: #b76ba3
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #a14e8b
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 1px rgba(183, 107, 163, .5)
}

.badge-light {
    color: #363642;
    background-color: #f6f7f9
}

a.badge-light:focus,
a.badge-light:hover {
    color: #363642;
    background-color: #d7dce5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 1px rgba(246, 247, 249, .5)
}

.badge-dark {
    color: #fff;
    background-color: #222230
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #0d0d12
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 1px rgba(34, 34, 48, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e6e8ed;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 400
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #2f5e99;
    background-color: #f7f9fc;
    border-color: #346cb0
}

.alert-primary hr {
    border-top-color: #2e609c
}

.alert-primary .alert-link {
    color: #234672
}

.alert-secondary {
    color: #d2d3d6;
    background-color: #fff;
    border-color: #f6f7f9
}

.alert-secondary hr {
    border-top-color: #e7e9ef
}

.alert-secondary .alert-link {
    color: #b7b9be
}

.alert-success {
    color: #038b79;
    background-color: #f5fbfa;
    border-color: #00a28a
}

.alert-success hr {
    border-top-color: #008974
}

.alert-success .alert-link {
    color: #02594e
}

.alert-info {
    color: #046992;
    background-color: #f5fafc;
    border-color: #0179a8
}

.alert-info hr {
    border-top-color: #01678f
}

.alert-info .alert-link {
    color: #034560
}

.alert-warning {
    color: #d3a860;
}

.alert-warning hr {
    border-top-color: #f6ba54
}

.alert-warning .alert-link {
    color: #c89238
}

.alert-danger {
    color: #9d5d8e;
    background-color: #fcf9fb;
    border-color: #b76ba3
}

.alert-danger hr {
    border-top-color: #af5a98
}

.alert-danger .alert-link {
    color: #7d4a71
}

.alert-light {
    color: #d2d3d6;
    background-color: #fff;
    border-color: #f6f7f9
}

.alert-light hr {
    border-top-color: #e7e9ef
}

.alert-light .alert-link {
    color: #b7b9be
}

.alert-dark {
    color: #20202d;
    background-color: #f6f6f7;
    border-color: #222230
}

.alert-dark hr {
    border-top-color: #171721
}

.alert-dark .alert-link {
    color: #0b0b0f
}
.thumbporn{	
width: 40px;
height: 40px;
background:#FFF; 
padding:2px;
border:1px solid green;
box-shadow:#666 3px 3px 3px;
border-radius:4px;
margin:7px;
}
.otable {background-color:#FFFFFF;margin:2px;padding-right:3px;padding-left:3px;padding-top:6px;padding-bottom:6px;border:1px solid #D5D5D5;border-radius:3px;}.otable td:link{color:#FFF;}


.warn {
margin: 1px;
border-radius: 2px;
text-align: center;
border: solid 1px #4E90C9;
background-color: #EFF7FF;
padding: 3px;
color: #000000;
text-shadow: 0 1px 0 rgba(0,0,0,0.1); }

.warn2 {
margin: 1px;
border-radius: 2px;
text-align: center;
border: solid 1px #FF0000;
background-color: #FFEBE8;
padding: 3px;
color: #000000;
text-shadow: 0 1px 0 rgba(0,0,0,0.1); }


.sus
{
float:right;
}
.sus2
{
float:left;
}

.avatar {
border: 1px solid #A6A6A6;
border-radius: 5px;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); }

.avatar:hover { border: 1px solid #FFFFFF; }

.btn {
    display: inline-block;
    font-weight: 300;
    color: #363642;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .200rem .60rem;
    font-size: 1rem;
    line-height: 1.6;
    border-radius: .20rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #363642;
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #346cb0
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #346cb0;
    border-color: #346cb0
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: #2b5a92;
    border-color: #285489
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 1px rgba(82, 130, 188, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #346cb0;
    border-color: #346cb0
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #285489;
    border-color: #254e7f
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(82, 130, 188, .5)
}

.btn-secondary {
    background-color: #f6f7f9;
    border-color: #f6f7f9
}

.btn-secondary:hover {
    color: #363642;
    background-color: #dfe3ea
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #363642;
    background-color: #dfe3ea;
    border-color: #d7dce5;
    box-shadow: 0 0 0 1px rgba(217, 218, 222, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #363642;
    background-color: #f6f7f9;
    border-color: #f6f7f9
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #363642;
    background-color: #d7dce5;
    border-color: #d0d5e0
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(217, 218, 222, .5)
}

.btn-success {
    color: #fff;
    background-color: #182434;
    border-color: #182434
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
    color: #fff;
    background-color: #182434;
    border-color: #182434
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 1px rgba(38, 176, 156, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #182434;
    border-color: #182434
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #182434;
    border-color: #182434
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(38, 176, 156, .5)
}

.btn-info {
    color: #fff;
    background-color: #0179a8;
    border-color: #0179a8
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
    color: #fff;
    background-color: #015e82;
    border-color: #015475
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 1px rgba(39, 141, 181, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #0179a8;
    border-color: #0179a8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #015475;
    border-color: #014b69
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(39, 141, 181, .5)
}

.btn-warning {
    color: #363642;
    background-color: #f7c46c;
    border-color: #f7c46c
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
    color: #363642;
    background-color: #f5b548;
    border-color: #f4b13c
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 1px rgba(218, 175, 102, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #363642;
    background-color: #f7c46c;
    border-color: #f7c46c
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #363642;
    background-color: #f4b13c;
    border-color: #f4ac30
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(218, 175, 102, .5)
}

.btn-danger {
    color: #fff;
    background-color: #b76ba3;
    border-color: #b76ba3
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
    color: #fff;
    background-color: #a95292;
    border-color: #a14e8b
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 1px rgba(194, 129, 177, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #b76ba3;
    border-color: #b76ba3
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #a14e8b;
    border-color: #984a84
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(194, 129, 177, .5)
}

.btn-light {
    color: #363642;
    background-color: #f6f7f9;
    border-color: #f6f7f9
}

.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
    background-color: #dfe3ea;
    border-color: #d7dce5
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 1px rgba(217, 218, 222, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #363642;
    background-color: #f6f7f9;
    border-color: #f6f7f9
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #363642;
    background-color: #d7dce5;
    border-color: #d0d5e0
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(217, 218, 222, .5)
}

.btn-dark {
    color: #fff;
    background-color: #222230;
    border-color: #222230
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
    color: #fff;
    background-color: #12121a;
    border-color: #0d0d12
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 1px rgba(67, 67, 79, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #222230;
    border-color: #222230
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #0d0d12;
    border-color: #08080b
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(67, 67, 79, .5)
}

.btn-outline-primary {
    color: #346cb0;
    border-color: #346cb0
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #346cb0;
    border-color: #346cb0
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 1px rgba(52, 108, 176, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #346cb0;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #346cb0;
    border-color: #346cb0
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(52, 108, 176, .5)
}

.btn-outline-secondary {
    color: #f6f7f9;
    border-color: #f6f7f9
}

.btn-outline-secondary:hover {
    color: #363642;
    background-color: #f6f7f9;
    border-color: #f6f7f9
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 1px rgba(246, 247, 249, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #f6f7f9;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #363642;
    background-color: #f6f7f9;
    border-color: #f6f7f9
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(246, 247, 249, .5)
}

.btn-outline-success {
    color: #00a28a;
    border-color: #00a28a
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #00a28a;
    border-color: #00a28a
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 1px rgba(0, 162, 138, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #00a28a;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #00a28a;
    border-color: #00a28a
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(0, 162, 138, .5)
}

.btn-outline-info {
    color: #0179a8;
    border-color: #0179a8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #0179a8;
    border-color: #0179a8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 1px rgba(1, 121, 168, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #0179a8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #0179a8;
    border-color: #0179a8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(1, 121, 168, .5)
}

.btn-outline-warning {
    color: #f7c46c;
    border-color: #f7c46c
}

.btn-outline-warning:hover {
    color: #363642;
    background-color: #f7c46c;
    border-color: #f7c46c
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 1px rgba(247, 196, 108, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #f7c46c;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #363642;
    background-color: #f7c46c;
    border-color: #f7c46c
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(247, 196, 108, .5)
}

.btn-outline-danger {
    color: #b76ba3;
    border-color: #b76ba3
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #b76ba3;
    border-color: #b76ba3
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 1px rgba(183, 107, 163, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #b76ba3;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #b76ba3;
    border-color: #b76ba3
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(183, 107, 163, .5)
}

.btn-outline-light {
    color: #f6f7f9;
    border-color: #f6f7f9
}

.btn-outline-light:hover {
    color: #363642;
    background-color: #f6f7f9;
    border-color: #f6f7f9
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 1px rgba(246, 247, 249, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f6f7f9;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #363642;
    background-color: #f6f7f9;
    border-color: #f6f7f9
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(246, 247, 249, .5)
}

.btn-outline-dark {
    color: #222230;
    border-color: #222230
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #222230;
    border-color: #222230
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 1px rgba(34, 34, 48, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #222230;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #222230;
    border-color: #222230
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(34, 34, 48, .5)
}

.btn-link {
    font-weight: 400;
    color: #346cb0;
    text-decoration: none
}

.btn-link:hover {
    color: #234875;
    text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline;
    box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #888c9b;
    pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1rem;
    line-height: 1.75;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}



.card-img-left {
  width: 45%;
  /* Link to your background image using in the property below! */
  background: scroll center url('https://source.unsplash.com/WEQbe2jBg40/414x512');
  background-size: cover;
}

.btn-login {
  font-size: 0.9rem;
  letter-spacing: 0.05rem;
  padding: 0.75rem 1rem;
}

.btn-google {
  color: white !important;
  background-color: #ea4335;
}

.btn-facebook {
  color: white !important;
  background-color: #3b5998;
}


.lgp{padding:5px 15px!important} .nopadding{padding:0!important;margin:0!important} .short-line{padding:5px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} a:hover{text-decoration:none!important} a:link{text-decoration:none!important} a:visited{text-decoration:none!important} a:active{text-decoration:none!important} .link-bold{font-weight:600!important} audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0;
background:none!;

} .bap{background:none!important;background-color:#ffffff!important;border:none!important;padding:0!important;font:inherit;border-bottom:0 solid #fff;cursor:pointer} .prl{padding-right:5px!important;padding-left:5px!important;} h1{font-size:16px !important;} .tags-content{text-align: center; padding: 5px 0 5px 0;} .tags-content a {margin: 1px;color: white;display: inline-block;padding: 4px; font-size: 14px;font-weight: bold;} .tags-content a:visited { color: white; background-color: #1F2024; } .tags-content a:hover { color: white; background-color: #1F2024; } .nobt{ border-left: 0!important; border-right: 0!important; border-top: 0!important; }
.mt-1,.my-1{margin-top:.25rem!important}


.av_mic {
  width: 24px;
   height: 24px;
   vertical-align:middle;
   padding: 0px;
   border:1px solid #D3D3D3;
   box-shadow: 0 0 3px #2E2E2E;
   border-radius: 15px;
}

span.EXCLUSIV {
	padding: 1px 3px;
	line-height: 16px;
	font-size: 11px;
	font-weight: 700;
	color: #ffffff;
	background-color:#ff6e29;
	border-radius: 2px;
	box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);
}
span.COLAJ {
	padding: 1px 3px;
	line-height: 16px;
	font-size: 11px;
	font-weight: 700;
	color: #ffffff;
	background-color:#b403de;
	border-radius: 2px;
	box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);
}
span.HOT {
	padding: 1px 3px;
	line-height: 16px;
	font-size: 11px;
	font-weight: 700;
	color: #FFFFFF;
	background-color:#9f06b8;
	border-radius: 2px;
	box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);
}
span.ORIGINALA {
	padding: 1px 3px;
	line-height: 16px;
	font-size: 11px;
	font-weight: 700;
	color: #FFFFFF;
	background-color:#05cdb1;
	border-radius: 2px;
	box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);
}
span.PREMIERA {
	padding: 1px 3px;
	line-height: 16px;
	font-size: 11px;
	font-weight: 700;
	color: #FFFFFF;
	background-color:#f13d05;
	border-radius: 2px;
	box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);
}
span.EXPLICIT {
	padding: 1px 3px;
	line-height: 16px;
	font-size: 11px;
	font-weight: 700;
	color: #FFFFFF;
	background-color:#505050;
	border-radius: 2px;
	box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);
}
span.LIVE {
	padding: 1px 3px;
	line-height: 16px;
	font-size: 11px;
	font-weight: 700;
	color: #000000;
	background-color:#dedede;
	border-radius: 2px;
	box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);
}

span.EXCLUSIVITATE {
	padding: 1px 3px;
	line-height: 16px;
	font-size: 11px;
	font-weight: 700;
	color: #000000;
	background-color:#DC143C;
	border-radius: 2px;
	box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);
}

.subsearch-bar {
	margin-left:10px;
	margin-right:10px;
	
}


.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(20, 20, 31, .12);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem
}

.card-title {
    margin-bottom: 1rem
}

.card-subtitle {
    margin-top: -.5rem
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: 1rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(20, 20, 31, .12)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: 1rem;
    background-color: transparent;
    border-top: 1px solid rgba(20, 20, 31, .12)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-bottom: -1rem;
    border-bottom: 0
}

.card-header-pills,
.card-header-tabs {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img,
.card-img-bottom,
.card-img-top {
    flex-shrink: 0;
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
    margin-bottom: 10px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -10px;
        margin-left: -10px
    }

    .card-deck .card {
        flex: 1 0 0%;
        margin-right: 10px;
        margin-bottom: 0;
        margin-left: 10px
    }
}

.card-group>.card {
    margin-bottom: 10px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: 1.25rem
}

@media (min-width:576px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}
.audio-player {
    width: 400px;
    margin: 20px;
}

.controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.progress {
    height: 10px;
    background-color: #ccc;
    margin-top: 10px;
}

.progress-bar {
    width: 0;
    height: 100%;
    background-color: #4caf50;
}

#current-time, #total-time {
    margin-top: 10px;
}
.mlink
{
text-align:center;
margin: 5px;
border-radius: 15px;

color:#D3D3D3;
//background:#6495ED;
//background:#6495ED;
font-size: 16px;
font-size:16px;
font-weight:bold;
border-bottom: 1px solid gray;
border-top: 1px solid gray;


}

.player.active .play{
		display: none;
	}

	.player.active .pause{
		display: block;
	}

	.player .play{
		display: block;
	}

	.player .pause{
		display: none;
	}
	.gb_form_body{
			padding: 10px;
		}
			.gb_hidden_row{
				display: none;
			}
			.gb_form_row,
			.gb_form_message{
				margin: 3px 0px;
				clear: both;
			}
			.gb_form_row label{
				width: 160px;
				font-weight: bold;
				display: block;
				float: left;
			}			
				.gb_form_row label span,
				.gb_form_message label span{
					font-weight: normal;
					font-size: 10px;
					padding-left: 5px;
				}

.gb_form_smileys div{
					float: left;
					cursor: pointer;
					padding: 5px 0px;
				}
			.gb_form_securequestion{
				margin-top: 30px;
			}
				.gb_form_securequestion label {
					width: auto;
					float: none;
				}
					.gb_form_securequestion label span{
						padding-left: 0px;
						font-size: 12px;
					}
				.gb_form_securequestion input{
					width: 160px;
					margin-top: 6px;
				}