/* site */

.site {
 /* display: flex;
  min-height: 100vh;
  flex-direction: column;*/
}

.site-content {
  flex: 1;
}

footer{
	position: absolute;
    bottom: 0; 
	width: 100%; 
    color:white;
	background: rgba(0, 0, 0, 0.9);
}

footer > div{
    margin-bottom: 0px;
    padding: 10px;
}

.body-bg {    
    background: url(../images/bg/bg2.jpg) no-repeat fixed;
    background-size: cover;
}

html {
  position: relative;
  min-height: 100%;
}

body{
  color: white !important;
  margin-bottom: 100px;
  
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
}

/* navbar */

.navbar {
    background-color: transparent !important;
    border-color: transparent;
    background-image: none;
    box-shadow: none;
}

.navbar-inverse .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
	font-size:14px !important;
}

.nav-lang > .dropdown-menu {
    background-color: transparent !important;
    text-align: center !important;
    padding: 0 !important;
}

@media (max-width: 768px){
    li.show {
        color: white;
        text-decoration: none;
        background-color: rgba(255, 255, 255, 0.1);
    }
}

/* nav */

/* nav-sticky */
.sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    color: #fff;
    background: rgba(0,0,0,.6);
    background-color: #252830 !important;
    opacity: 1;
}

/* end: nav-sticky */

.navbar-element {
    position: absolute;
    right: 4rem;
   /* top: 10px;*/
    display: inline-block;
    padding-top: .20rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.7rem !important;
    line-height: inherit;
    white-space: nowrap;
    cursor: pointer;
    color: #fff !important;
}

.search-element{
	position: absolute;
	margin-right: 1rem;
	top: 12px;
	padding-top: .20rem;
	display: inline-block;
    padding-top: .20rem;
	right: 4rem;
	padding: 0px;
    margin: 0px;
    border-color: #9ac017 !important;
    color: #9ac017 !important;
}

.add-element > a{
	padding: 0.55rem;
}

.add-element{
	position: absolute;
	top: 12px;
	padding-top: .20rem;
	display: inline-block;
    padding-top: .20rem;
	left: 4.7rem;
	padding: 0px;
    margin: 0px;
    border-color: #9ac017 !important;
    color: #9ac017 !important;
}

.search-element > a{
	padding: 0.55rem;
}

.navbar-first-element {
    position: absolute;
    right: 7rem;
  /*  top: 10px;*/
    display: inline-block;
    margin-right: 1rem;
    font-size: 1.7rem !important;
    line-height: inherit;
    white-space: nowrap;
    cursor: pointer;
}

.navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(249,194,3, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.navbar-toggler a{
    color: rgba(255,255,255,.5) !important;
}

.navbar-dark .navbar-toggler.navbar-first-element, .navbar-dark .navbar-toggler.navbar-element  {
    color: transparent !important;
    border-color: transparent !important;
}

.navbar-toggler a:hover{
    color: #fff !important;
}

.navbar-dark .navbar-toggler {
    /*color: #F9C253 !important;
    border-color: #F9C253 !important;*/
	color: #9ac017 !important;
    border-color: #9ac017 !important;
}

.navbar-collapse > ul > li > a {
    color: white;
    text-decoration: none;
    text-align: center !important;
 /*   margin: 6px 3px 6px 3px;
    padding: 6px 7px !important;*/
}

@media (min-width: 768px){
    a.nav-link > span:before {
        content: '\a';
        white-space: pre;
    }
}

.navbar-nav a:hover {
    background: rgba(68, 67, 89, 0.2);
    border-radius: 5px 5px 5px 5px;
}

.navbar{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #F9C253 !important;	
}

a.nav-link{
	font-size:14px !important;
}

/* --footer-- */

.footer-background{
	background:rgba(0, 0, 0, 0.8);
}

.footer-top{
	padding-bottom:0px; 
}

.no-padding{
    padding: 0px 10px 0px 10px;
}

.p-2 {
    padding: .0rem!important;
}

.title-footer {
    color: #898989;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0;
    padding-left: 14px;
}

.copyright-footer{
    color: #898989;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0;
    padding-left: 14px !important;
}

.copyright-footer::before,.title-footer::before {
    background-color: #9ac017; // #F9C253; // #ea5644;
    content: "";
    height: 17px;
    left: 0px;
    position: absolute;
    top: -1px;
    width: 5px;
}

.link {
    color: #868e96;
    font-size: 12px;
    cursor: pointer;
}

.link:hover {
    text-decoration: none; 
	color: #3ac017;
    font-weight: bold opacity:1.0; 
    filter: alpha(opacity=100); 
}

.separator {
    color: #868e96;
    margin:5px 5px 5px 5px;
}

.social{
	font-size:32px;
	padding-left: 5px;
	color:aliceblue !important;
}
.social:hover {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
     

	  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
 }
 .social {
  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
     -o-transition-duration: 0.2s;
 }

 /* container */
 
 #stickyWrapper{
	height:80px;
}

@media (max-width: 1200px){
	.container {
		/*padding-right: 1px!important;
		padding-left: 1px!important;*/
		max-width: 100%!important;
	}
	
	.navbar-element {
		top:8px;
	}
	
	.navbar-first-element {
		top:8px;
	}
	
	#stickyWrapper{
		height:70px;
	}

}

@media (max-width: 575px){

	.navbar-element {
		top:5px;
	}
	
	.navbar-first-element {
		top:5px;
	}
	
	#stickyWrapper{
		height:60px;
	}
	
	#sidebar.active {
        top:55px !important;
    }
	
}

/* login modal */

.card-login{
	border:none;
	background: rgba(250,250,250,.0) !important;
}

#loginModalDialog > div > div{
	border-radius:0;
    background: rgba(250,250,250,.9) !important;
}

#loginModalDialog  .modal-footer{
	background: rgba(250,250,250,.7) !important;
	border:none;
	border-radius:0;
}

#loginModalDialog  .modal-header{
	background: rgba(250,250,250,.7) !important;
	padding: 10px 20px;
	border:none;
	border-radius:0;
}

#loginModalDialog  .modal-title{
	color: #555;
	font-size:19px;
}

.modal .modal-title{
	color: #555;
	font-size:19px;
}

.modal .modal-header{
	background: rgba(250,250,250,.7) !important;
	padding: 10px 20px;
}

.modal > div > div{
    background: rgba(250,250,250,.9) !important;
}

.modal  .modal-footer{
	background: rgba(250,250,250,.7) !important;
}

#messageModalDialog > div > div{
    background: rgba(250,250,250,.9) !important;
}

#messageModalDialog  .modal-footer{
	background: rgba(250,250,250,.7) !important;
}

#messageModalDialog  .modal-header{
	background: rgba(250,250,250,.7) !important;
	padding: 10px 20px;
}

#messageModalDialog  .modal-title{
	color: #555;
	font-size:19px;
}

#messageModalDialog .form-group {
    margin-bottom: 0rem;
}

@media (max-width: 768px){	
	#loginModalDialog  .modal-footer{
		padding:5px 20px;
	}
	
	#loginModalDialog  .modal-header{
		padding: 5px 20px;
	}
	
	.modal .modal-header{
		padding: 5px 20px;
	}
	
	.modal  .modal-footer{
		padding:5px 20px;
	}
	
	/* message modal dialog */
	#messageModalDialog .modal-header {
	   padding: 5px 20px;
	}
	#messageModalDialog  .modal-footer{
		padding:5px 20px;
	}
}

.ripple-effect {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    outline: 0;
    outline-offset: 0;
    border: 0;
    border-radius: 2px;
    transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    &: focus, &:active, &.active, &:active:focus, &.active:focus {;
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    }: ;
}


.hidden {
    visibility: hidden;
    display: none;
}

.input-group-addon {
    background: rgba(21, 120, 169, 0.15);
    color: #fff;
	text-align: center;
    padding-top: 7px;	
	width: 40px;
}

.form-control-feedback{
	color:red;
}

/* breadcrumb */

.breadcrumb {
    background-color: rgba(1, 1, 1, 0.75) !important;
    padding-bottom:6px;
    padding-top:6px;
}

.panel {
    border: 0px solid transparent !important;
    border-radius: 0px !important;
    background-color: rgba(1, 1, 1, 0.55) !important;
    color: white;
}

ol li.list-group-item {
    list-style: decimal inside;
    display: list-item;
    font-size: 11px;
    padding: 5px;
  /*  color: white !important;*/
}

.list-group{
	text-align:start;
}

.list-group-item {
     background-color:rgba(255, 255, 255, 0.15) !important;
     border: none !important;
}

#collapseAllStih{
	 padding: 0px;
}

#newCreationLinkList {
    height: 450px;
    overflow: auto;
}

#newCreationLinkList::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #777;
}

#newCreationLinkList::-webkit-scrollbar
{
	width: 12px;
	background-color: #000;
}

#newCreationLinkList::-webkit-scrollbar-thumb
{
	background-color: #fff;
	border: 1px solid #555555;
}

#stih-title, #edit-title {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 15px;
}

#creation-author {
    text-align: right;
}

/* ring */
.panel-ring {
    border: 1px dotted #a1a1a1;
    border-radius: 10px;
    background-color: rgba(1, 1, 1, 0.55) !important;
    color: white;
}

.modal-body{
	color: black;
}

/* ring clasament */

#ring-clasament{
	height: 750px;
    overflow: auto;
    padding: 0px;
}

#ring-clasament::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #777;
}

#ring-clasament::-webkit-scrollbar
{
	width: 12px;
	background-color: #000;
}

#ring-clasament::-webkit-scrollbar-thumb
{
	background-color: #fff;
	border: 1px solid #555555;
}

.table-dark {
    color: #fff;
    background-color:rgba(255, 255, 255, 0.15) !important;
}

.breadcrumb{
	font-size:23px;
}

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    
    background: #343a40;
    color: #fff;
    transition: all 0.3s;
    z-index: 999;
}

#sidebar.active {
    margin-left: -250px;
}

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
        position: fixed;
        height:100%;
        top:65px;
    }
    
    #sidebar.active .list-group-item{
        background-color: rgba(1,1,1,0.5) !important;
    }
    
    #sidebar.panel{
    	background-color: #343a40 !important;
    }
    
    #sidebar.panel .panel{
    	background-color: #343a40 !important;
    }
    
    #content {
    	padding-left: 0px !important;
    	margin-top:5px;
	}
	
	.container.wrapper{
		padding:0px !important;
		margin:0px !important; 
	}
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#content{
	width: 100%;
    padding-left: 20px;
    /*min-height: 100vh;*/
    transition: all 0.3s;
}

#stih-text{
	margin-top:20px;
	margin-bottom:10px;
	min-height:200px;
}

#stih-content{
	padding:5px;
}

#stih-datascriere-div{
	margin-bottom:10px;
}

#stih-dataScriere{
	float:right;
}

#stih-info-div{
	background-color: black;
	padding:5px;
}

#stih-numar-comentarii{
	font-size:11px;
}

.data-comment{
	font-size:10px;
}

.comment{
	padding:3px;
	margin:1px;
	border:1px solid #111;
 	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color:rgba(2, 2, 2, 0.7);
}

/* creation editor */
.edit-creation-title{
	text-align: center;
	font-size:14px;
	font-weight:bold;
	width:100%;border:0px solid #fff; 
	background-color:rgba(1, 1, 1, 0.9) !important;
	color:white;
	padding:10px;
}

.trumbowyg-box, .trumbowyg-editor{
	margin-top:0px !important;
	margin: 0px auto !important;
}

.trumbowyg-editor, .trumbowyg-textarea {
	padding:10px !important;
}

.trumbowyg-editor p {
    margin-top: 0;
    margin-bottom: 0;
}

#creationForm .form-group {
    margin-bottom: 0rem;
}

.action-panel{
	background: rgba(68,67,89,0.3) !important;
	padding: 15px;
    text-align: right;
}

#datascriere{
	background: transparent;
	color:#f1ff
}

#profileForm .trumbowyg-box, #my-textarea .trumbowyg-editor {
	min-height: 100px !important;
}
#profileForm  .trumbowyg-editor, #my-textarea .trumbowyg-textarea {
	min-height: 100px !important;
}

/* admin creation */

#creation-list{
	height: 750px;
    overflow: auto;
    padding: 0px;
}

#creation-list::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #777;
}

#creation-list::-webkit-scrollbar
{
	width: 12px;
	background-color: #000;
}

#creation-list::-webkit-scrollbar-thumb
{
	background-color: #fff;
	border: 1px solid #555555;
}

.creation-action{
	font-size:17px;
}

#stih-text p{
	margin-bottom:0 !important;
}