@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
html, body, html * {
 font-family: 'Roboto','Glyphicons Halflings', FontAwesome, sans-serif !important;
}
span[data-identifier="module-basicweb"] .icon-markup img,
span[data-identifier="module-basicfile"] .icon-markup img{
    display: none;
}

span[data-identifier="module-basicweb"] .icon-markup:before,
span[data-identifier="module-basicfile"] .icon-markup:before{
    font-family: FontAwesome;
    font-size: 1.2em;
}

span[data-identifier="module-basicweb"] .icon-markup:before{
    content: "\f016";
}

span[data-identifier="module-basicfile"] .icon-markup:before{
    content: "\f03e";
}

.quote-create-form-fields .form-control.txt-description *{
    word-break: break-all;
}

/* menu */
.scaffold-modulemenu, .scaffold-toolbar{
/*	background-color:rgba(0, 0, 0, 0.5);*/
        background-color: #34495e;
}

.modulemenu .modulemenu-group{
	border-bottom:0;
}

.modulemenu .modulemenu-item.active .modulemenu-item-link,
.modulemenu .modulemenu-item-link:focus, .modulemenu .modulemenu-item-link:hover{
	background: rgba(255,255,255,.09);
}

.modulemenu .modulemenu-group{
	padding: 0;
	margin: 5px 0;
}

.modulemenu .modulemenu-group.expanded{
	/*border-right:5px solid #6a7988;*/
}

.modulemenu .modulemenu-group.expanded .modulemenu-group-header{
        background: #1f2b3b;
	box-shadow: rgba(0,0,0,.25) 0 1px 0, inset rgba(255,255,255,.16) 0 1px 0;
}

body{
	background: #F7F7F7
}

.text-error{
        color: red;
        font-size: 14px;
}

input.f3-form-error, textarea.f3-form-error{
        border: 1px #FF0000 solid;
}

.typo3-login .typo3-login-container .typo3-login-wrap .panel.panel-lg.panel-login .panel-footer{
    display:none;
}

.scaffold-modulemenu.t3js-scaffold-modulemenu{
    /*direction: rtl;*/
}
.scaffold-modulemenu.t3js-scaffold-modulemenu::-webkit-scrollbar {
    width: 5px;
}
 
.scaffold-modulemenu.t3js-scaffold-modulemenu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
}
 
.scaffold-modulemenu.t3js-scaffold-modulemenu::-webkit-scrollbar-thumb {
    background-color: #6a7988;
    outline: 1px solid slategrey;
}
.scaffold-modulemenu.t3js-scaffold-modulemenu > div {
    direction: ltr;
}

.scaffold-content-navigation-expanded .topbar-button-navigationcomponent,
.scaffold-modulemenu-expanded .topbar-button.topbar-button-modulemenu,
.scaffold-search-expanded .topbar-button-search, .scaffold-toolbar-expanded .topbar-button-toolbar,
.scaffold-topbar, .topbar-button[disabled], .topbar-button[disabled]:focus, .topbar-button[disabled]:hover,
.topbar-header-site:after, .topbar-header-site:before, .toolbar-item-search-field,
.toolbar, .topbar-button, .topbar-button.topbar-button-modulemenu,
.toolbar-item-search-field:hover, .toolbar-item-search-field:focus{
    background: #1F2A3A;
}

.scaffold.t3js-scaffold .scaffold-modulemenu.t3js-scaffold-modulemenu{
    /*width: 50px;*/
}
.scaffold.t3js-scaffold.scaffold-modulemenu-expanded .scaffold-modulemenu.t3js-scaffold-modulemenu{
    /*width: 230px;*/
}

#main{
/*    background: url('../../Images/bg.jpg') center center;
    background-color:#5975a3;*/
   background-color:#ededed;
    background-size: cover;
}

.scaffold{
    background: transparent;
}

.scaffold-topbar.t3js-scaffold-topbar{
    box-shadow: 0 0 10px 0 #000;
}


.topbar-header-site-version{
    display: none;
}

 #talkbubbleUpgradeToPro {
        position: relative;
	background: #fcf8e3;
	border-radius: .4em;
        color: #8a6d3b;
        max-width: 80%;
        border-radius: .4em;
        border-color: #faebcc;
        box-shadow: 0 5px 5px 0 rgba(0,0,0,.25);
         padding: 1px;
        border: 1px solid #ccc;
        left: 14%;
        margin-bottom: 10px;
    }
    #talkbubbleUpgradeToPro:after {
        content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top-color: #fcf8e3;
	border-bottom: 0;
	border-left: 0;
	margin-left: -3.5px;
	margin-bottom: -7px;
    }
    
    #henrik-img{
        max-width: 200px;
    }
    #notif-container{
        margin-left: auto;
        margin-right: auto;
        max-width: 900px;
        overflow: auto;
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
        border: 1px solid #999!important;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 6px;
        outline: 0;
        width: auto;
    }
    
     /*******----dashboard-------****/

    .dark-blue-bg{
            background: #1f2b3b;
            padding-top: 75px;
            padding-right: 22px;
            padding-left: 22px;
            margin-left: -30px;
            margin-right: -30px;
            margin-top: -30px;
    }
    
    .r-vertical-line{
        border-right: 1px solid white;
        max-height: 130px;
    }
    .icon-dashboard{
        color: white!important;
        font-size: 2.5rem;
    }
    .white-text{
        color:white;
    }
    .lighter-text{
        font-weight: lighter;
    }
    .center-text-relative{
        position: relative;
        top: -4px;
        margin-left: 5px;
    }
    .card-btn{
        text-align: center;
        background: none;
        border: 1px solid #708fbd;
        color: white;
        text-transform: uppercase;
        padding-right: 13px;
        padding-left: 13px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 86%;
        margin-top: 10px;
    }
    .card-btn.activate{
        text-decoration: none;
        background-color: #708fbd;
        border-style: none!important;
        outline: 0;
    }
    .card-btn:hover:focus{
       outline: 0;
    }
    .card-btn:hover{
        text-decoration: none;
        background-color: #708fbd;
    }
    div.dark-blue-bg h2.title-module{
        margin-bottom: 45px;
        letter-spacing: 5px;
    }
    .title-dark-blue{
        color: #1f2b3b;
        padding: 20px;
        margin-bottom: 0;
        margin-top: 0;
        position: relative;
        z-index: 5;
        font-weight: bold;
        text-transform: uppercase;
    }
    .transparent-bg .table > thead > tr{
        color: white;
        background-color: #1f2b3b;
    }
    .transparent-bg .dataTables_filter label,
    .transparent-bg .dataTables_length label{
        color: #1f2a3a!important;
        text-transform: uppercase;
        font-weight: bold!important;
    }
    .transparent-bg .dataTables_filter .form-control,
    .transparent-bg .dataTables_length .form-control{
        border-radius: 0;
        color: #989898;
    }
    .transparent-bg .table > tbody > tr{
        background-color: #dadada!important;
    }
    .transparent-bg .dataTables_wrapper.form-inline.dt-bootstrap.no-footer .row > div.col-sm-12 {
    overflow: auto;
    min-height: 340px;
    background: hsl(0, 0%, 100%)!important;
    border: 0;
    width: 100%;
}
 .transparent-bg .table > tbody > tr > td,
 .transparent-bg .table > thead > tr >th{
     border-right: 1px solid white!important;
    border-left: 1px solid white!important;
    }
    .transparent-bg .table > tbody > tr >td{
     border-bottom:1px solid white!important;
    }
    .transparent-bg .table > tbody > tr > td:first-child,
    .transparent-bg .table > thead > tr > th:first-child{
     border-left:none!important;
    }
    .transparent-bg .table > tbody > tr > td:last-child,
    .transparent-bg .table > thead > tr > th:last-child{
     border-right: none!important;
    }
     .transparent-bg .dataTables_paginate .paginate_button.next{
     border-radius: 0!important;
    }
    
    .transparent-bg div.tab.button{
     border-radius: 0!important;
    }
    .activationForm-warning{
        position: relative;
        top: -50px;
        padding-right: 13px;
        padding-left: 13px;
    }
    
     /*******-----------****/