/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */


body,html {	
    height: 100%;
    background-color: #333;
}

body {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);

}

.cover-container {
  max-width: 60em;
}


/*
 * Header
 */
.masthead {
  margin-bottom: 0.5rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}
.nav-sublink {
  padding: 5px;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
background-color: #333;
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}
.dropdown-toggle {
	margin-right:10px;
}

/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


/*
 * Footer
 */
.mastfoot {
	padding-top: 15px;
	margin-top:20px;
  color: rgba(255, 255, 255, .5);

  width: 100%;

}

/* Filedrag */
#dropContainer {
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #ccc;
	border: 2px dashed #555;
	border-radius: 7px;
	cursor: default;
	padding-top: 25px;
}
#dropContainer:hover {
	color: #ccc;
	border-color: #ccc;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}
#drag_upload_file {
  width:100%;
  margin:0 auto;
}
#drag_upload_file p {
  text-align: center;
}
#dropsubmit {
	border-radius: 3px;
	font-weight: bold;
	font-size: 20px;
	line-height: 2;
	padding-bottom: 2px;
}
#dropsubmit:hover {
	background-color: #545454;
	color: #fff;
}
#fileInput {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
label {
	border: 1px solid #fff;
	padding: 7px;
        display: inline-block;
	cursor: pointer; 
}
label:hover {
	background-color: #545454;
}

.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

/* side bar and content section styles (begin)) */
.db_wrapper {
  display: flex!important;
  width: 100%;
  align-items: stretch;
}

#db_sidebar {
  min-width: 150px;
  max-width: 150px;
  text-align: left;
}

#db_sidebar > ul li a {
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0px;
  margin-right:10px;
  display: block;
  color:#979797;
  font-weight:500;
  
}

li.sidebar_main {
    background:#333;    
}

li.sidebar_main:hover {
    background:#404040;
}

li.sidebar_sub {
    background:#333;
}

li.sidebar_sub:hover {
   background:#404040;   
}

#myaccount_subm > ul li a {
   background:black;
}


#db_content {
    width:100%       
}
/* side bar and content section styles (end)) */

.info_box {
    border : solid 1px rgba(255,255,255,0.1);
    text-align: left;
    padding: 15px;
    border-radius: 7px;
    color:#ccc;
}

.lang_button {
    width:200px;
    font-size:0.8em;
    display:table-cell;
    
}

@media handheld, screen and (max-width:768px) {
    .lang_button {
        width:150px;
        height:54px;
        font-size:0.8em;
        display:table-cell;
    }
}