/*FONTS*/



/*

font-family:'HelveticaNeueW01-67MdCn 692710';
font-family:'HelveticaNeueW01-77BdCn 692722';
font-family:'HelveticaNeueW01-55Roma';
font-family:'HelveticaNeueW01-75Bold';
font-family:'HelveticaNeueW01-57Cn';




*/


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    
}

html {
    
}

.glyphicon-move {color:#CCC;}
.helper {cursor:pointer;}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== SthlmFast Styles ==================================================
   Author: Victor Wallander
   ========================================================================== */
   
   
#vvloading {top:0;left:0%;width:100%;position:fixed;height:3px;background:#222222;z-index:98901234;}
#vvloading span {
	background:#d8bf3d;
	left:50%;
	top:0px;
	position:absolute;
	transform: translate(-50%, 0%) !important;
	-ms-transform: translate(-50%, 0%) !important; 
	-webkit-transform: translate(-50%, 0%) !important; 

	width:0px;
	height:100%;
	display:block;
}
body,html {
    font: 15px/26px;
	font-family: 'Open Sans', sans-serif;
	width:100%;
	height:100%;
}
#_body { position:relative;z-index:2;}
#content{
    overflow:hidden;
}

 
.select-site {position:absolute;right:10px;top:10px;}

.hero-image {position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0;}
.hero-image ._hold {width:100%;height:100%;}

.hero {text-align:center;height:100%;width:100%;}
.hero h1 {color:white;}
.hero ._inside {display:inline-block;max-width:550px; width:100%;text-align:left;}
.hero .box {background:white;padding:18px 15px 0px;border-radius:10px;border:1px solid #dddddd;}
.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.navbar { margin-bottom:0px;}

/* ===================
    ALL: Theme
   =================== */
h1,h2,h3,h4 {
	 
}
h1 {}
h2 {}
h2,.h2  {font-size:28px;margin-bottom:20px;}
.bh 	{font-size:55px;position:absolute;top:50%;transform: translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);left:0px;width:100%;text-align:center;}
.dib 	{display:inline-block;vertical-align:top;}

.header-container {
	background:rgba(0,0,0,0.51);
    text-align:left;
	
}
.header-container img {max-width:70%;}
.footer-container,
.main aside {
    
}

.header-container,
.footer-container,
.main aside {
    
}

.vvModal {min-height:490px;}
.vvModal h2 {color:white;margin:0px 0px 5px;}
.vvModal .modal-dialog{
	background:#000000;	
	padding:2px;
	max-width:380px;
}
.vvModal .modal-content{
	background:#000000;	
	border:3px solid white;
	border-radius:0px;
	padding:10px;
}
.modal-vertical-centered {
  transform: translate(0, 50%) !important;
  -ms-transform: translate(0, 50%) !important; /* IE 9 */
  -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}
.modal-close { position:absolute;top:-29px;right:-5px;background:url('images/close.png');width:73px;height:24px;cursor:pointer;}

.title {
	display:inline-block;
	padding:20px 20px;
    margin:0px auto;
}



.main-container {
	 
	 
}
.modal-open #_body {-webkit-filter:blur(3px);-moz-filter:blur(3px);filter:blur(3px)}


/* ==============
	Menu
   ============== */

nav ul {
    
}

nav a {
	 
}
nav a:hover,nav .aktiv{
   
}
nav a:hover {    

}

 
/* ==============
	Main
   ============== */

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

 
 .section-login {
	  width:90%;
	  max-width:500px;
	  position:absolute;
	  transform: translate(-50%,-50%) !important;
 	 -ms-transform: translate(-50%, -50%) !important; /* IE 9 */
  	-webkit-transform: translate(-50%, -50%) !important; /* Safari and Chrome */
	display:block;	 
	top:50%;
	left:50%;
	 
 }
 .section-login h1 {color:#333;text-align:left;text-transform:; font-family: 'Open Sans', sans-serif;font-size:25px;margin:5px 0px 10px;} 
 .section-login .well {background-color:white;padding-bottom:0px;}


.note-editor {border-radius:5px;}



/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1170px) {
	
	
	
}
@media only screen and (max-width: 1000px) {
	
	
	
}
@media only screen and (max-width: 800px) {
	
}

@media only screen and (max-width: 768px) {
	

}

@media only screen and (max-width: 680px) {


}

@media only screen and (min-width: 480px) {

}


@media (min-width: 1500px){
	.col-slg-2 {
		width: 16.66666667%;
	}
}

@media only screen and (min-width: 768px) {

	#main-nav {
		width:100%;
		text-align:center;
		position:relative;
		z-index:99;
		 
		
	}
	#main-nav ul{
		
		margin:0px;
		padding:0px;
	}
	#main-nav li {
		display:inline;
		margin:0px;
		padding:0px;
	}
	
	#main-nav a {
		display:inline-block;
		vertical-align:top;
		margin-bottom: 0;
		padding:0px 10px;
		text-align: center;
	}
	#main-nav a:hover{
		text-decoration:none;
	}

}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */
	 
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

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

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.bage {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	z-index:999;
	cursor:pointer;
	position:absolute;top:10px;left:25px;width:10px;height:10px;
}

#post-flow .bage:before {
content: "\f047";
} 

.dog-ear-wrapper {position: absolute;right: 3px;top: 3px;width: 12px;height: 12px;z-index: 5;}
.dog-ear-body {text-align: center;width: 100%;display: block;white-space: nowrap;overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;			 
	-webkit-print-color-adjust: exact;
}
.dog-ear-color {}
.dog-ear-wrapper .dog-ear {
	
	position: absolute;top: 0;right: 1px;border-width: 0;border-style: solid;border-color: rgba(0,0,0,0.4) #fff;
	-webkit-transition: border-width 0.3s ease;
	-moz-transition: border-width 0.3s ease;
	-o-transition: border-width 0.3s ease;
	transition: border-width 0.3s ease;
}
.dog-ear-wrapper.exists .dog-ear {border-width: 0 11px 11px 0;}
.dog-ear-wrapper .fa-plus {cursor:pointer; display: none;position: absolute;top: 2px;right: 2px;font-size: 8px;}
.dog-ear-wrapper:hover .dog-ear{border-width: 0 26px 26px 0;}
.dog-ear-wrapper:hover .fa-plus{display:block;}

.dropZone {
	
}
.dropZone{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	width:100%;
	height:100%;
	cursor:pointer;
	text-align:center;
}
.dropText {
	display:block;
	position:absolute;
	top:70%;
	left:50%;
	transform: translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);
	text-align:center;
	z-index:0;
	font-size:12px;
	width:50%;
	
	color:#999;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
.progress {margin-top:3px;margin-bottom:0px;}
.pwVier { min-height:100px;position:relative;}
.pwVier img {display:block;width:100%;}
.dz-success-mark,.dz-size {display:none;}
.dz-error-mark {display:none;}
.dz-filename {position:absolute;bottom:0px;left:0px;background:rgba(0,0,0,0.5);width:100%;color:white;text-align:center;padding:3px 0px;}
.thumbnail .image{overflow:hidden;max-height:180px;}

.thumbnail {position:relativee;}
.thumbnail .caption { min-height:130px;}
.thumbnail .caption h4 { }
.thumbnail .caption .opt { position:absolute;bottom:35px;}
.preview {display:block; min-height:150px; max-height:150px;width:100%;overflow:hidden;position:relative;}
.preview img {
	position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	max-width:100%;
}


.arrow{float:right}.glyphicon.arrow:before{content:"\e079"}.active>a>.glyphicon.arrow:before{content:"\e114"}.fa.arrow:before{content:"\f104"}.active>a>.fa.arrow:before{content:"\f107"}.plus-times{float:right}.fa.plus-times:before{content:"\f067"}.active>a>.fa.plus-times{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.plus-minus{float:right}.fa.plus-minus:before{content:"\f067"}.active>a>.fa.plus-minus:before{content:"\f068"}



/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    background-color: #f8f8f8;
}

#wrapper {
    width: 100%;
}

label {font-weight:400;}

 .online #page-wrapper {
    padding: 20px 10px;
    min-height: 568px;
    background-color: #fff;
}

.btn-facebook {
	color: #fff;
	background-color: #3b5998;
	border-color: rgba(0,0,0,0.2);
}
.btn-facebook:hover {
	color:white;
	background-color: #2d4373;
}
.navbar-brand.sim {padding-top:8px;width:200px;}

.panel-body h3 {margin-top:0px;}

@media(min-width:768px) {
    .online #page-wrapper {
        position: inherit;
        margin: 0 0 0 200px;
        padding: 20px 30px;
        border-left: 1px solid #e7e7e7;
    }
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
	
}

.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
    background-color: #eee;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 37px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}

@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 200px;
        margin-top: 51px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.login-panel {
    margin-top: 25%;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}