/*
 * Copyright (C) 2017 Jan Hoelscher - All Rights Reserved
 * Unauthorized copying of this file, via any medium is strictly prohibited
 * Proprietary and confidential
 * Written by jan.hoelscher@codergrid.de, 12.11.17 15:51
 *
 */

/** Add css rules here for your application. */

/** Example rules used by the template application (remove for your app) */

video::cue(.mysubtitle) {
    color: coral;
    text-transform: uppercase;
    font-family: "Helvetica Neue";
    font-weight: lighter;
    font-size: 18px;
    text-decoration: underline;
}


.calcPanelHeight{
    height:calc(100% - 78px);
}

.smallslider{

}
.modal-backdrop {
    z-index: -1;
}
.navbar {
    background-color: #292929;
}

.panel-heading [data-toggle="collapse"]:after
{
    /*font-family: 'Glyphicons Halflings';*/
    content: "a";
    float: right;
    color: #b0c5d8;
    font-size: 18px;
    line-height: 22px;

    -webkit-transform: rotate(-90deg);
    -moz-transform:    rotate(-90deg);
    -ms-transform:     rotate(-90deg);
    -o-transform:      rotate(-90deg);
    transform:         rotate(-90deg);
}
.panel-heading [data-toggle="collapse"].collapsed:after
{
    -webkit-transform: rotate(90deg);
    -moz-transform:    rotate(90deg);
    -ms-transform:     rotate(90deg);
    -o-transform:      rotate(90deg);
    transform:         rotate(90deg);
}
option {
    background:#666;
    border-top:1px solid #444;
    padding:.3em 1em .3em 1em;
    border-radius: 5px;
}

.clear-background-color {
    background-color: transparent;
}
select {
    color: black;
}
.subtaskDescriptionCell input{
    width: 100%;
}
.subtaskNameCell input{
    width: 100%;
}

h1 {
  font-size: 2em;
  font-weight: 100;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}
/*
.btn-xs {
    font-size: 8px;
}
*/
.table > tbody > tr > td {
    padding:4px;
}

.form-group {
    margin-left: 0px !important;
}
.sendButton {
  display: block;
  font-size: 16pt;
}

.dropdown-menu {
    background-color: #1B1D1F !important;
}

.progress-right {
    float: right;
    margin-top: 7px;
    /*
    right:10px;
    position:absolute;
    top:15px;
    */
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.gwt-FileUpload {
    color: #E20074 !important;
    width: 400px;
    height: 20px;
}

.label {
    white-space: normal;
}

.gwt-Label-title-label {
    font-size: 16px;
}
/*
.gwt-TreeItem-selected {
    background: #E20074 !important;
}

.com-google-gwt-user-cellview-client-CellTree-Style-cellTreeSelectedItem {
    background: #E20074 !important;
}

.com-google-gwt-user-cellview-client-CellTree-Style-cellTreeTopItem {
    color: #c8c8c8 !important;
}
.com-google-gwt-user-cellview-client-CellTree-Style-cellTreeItem {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
*/
.alert-info {
    background-color: #E20074 !important;
    border-color: #E20074 !important;
}

.tt-dropdown-menu {
    color:black;
    /*text-shadow: 2px 2px #ff0000;*/
    text-shadow: none;

}


.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

@font-face {
    font-family: TeleUltra;
    src: url("font/Tele-GroteskUlt/t036018t.ttf") format('TrueType');
}

@font-face {
    font-family: TeleNormal;
    src: url("font/Tele-GroteskNor/t036013t.ttf") format('TrueType');
}

@font-face {
    font-family: TeleHal;
    src: url("font/Tele-GroteskHal/t036014t.ttf") format('TrueType');
}
@font-face {
    font-family: TeleFet;
    src: url("font/Tele-GroteskFet/t036016t.ttf") format('TrueType');
}

@font-face {
    font-family: Tele-GroteskUlt;
    src: url("font/Tele-GroteskUlt/t036018t.ttf") format('TrueType');
}

@font-face {
    font-family: Tele-GroteskNor;
    src: url("font/Tele-GroteskNor/t036013t.ttf") format('TrueType');
}

@font-face {
    font-family: Tele-GroteskHal;
    src: url("font/Tele-GroteskHal/t036014t.ttf") format('TrueType');
}
@font-face {
    font-family: Tele-GroteskFet;
    src: url("font/Tele-GroteskFet/t036016t.ttf") format('TrueType');
}

body, html {

    font-family: "TeleNormal";
    font-weight: 100 !important;
    /*font-size: 150%;*/
    scrollbar-face-color: ThreeDFace;
    scrollbar-shadow-color: ThreeDDarkShadow;
    scrollbar-highlight-color: ThreeDHighlight;
    scrollbar-3dlight-color: ThreeDLightShadow;
    scrollbar-darkshadow-color: ThreeDDarkShadow;
    scrollbar-track-color: Scrollbar;
    scrollbar-arrow-color: ButtonText;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

}

/*
::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track
{
    background: rgba(50, 50, 50, 0.1);
}

::-webkit-scrollbar-thumb
{
    border-radius:5px;
    background: rgba(0, 0, 0, 0.5);
}*/

::-webkit-scrollbar{
    width: 7px;
    padding-top: 40px;
    height: 12px;
}

::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    border: 0px solid black;
    background: rgb(41,41,41);
    border-radius: 7px;

}
::-webkit-scrollbar-thumb{
    border-radius:7px;
    height: 30px;
    width: 8px;
    border: 1px solid black;
    background: rgb(111,111,111);
    -webkit-box-shadow: 0 1px 1px rgb(0,0,0);
    background: -webkit-linear-gradient(rgb(200,200,200), rgb(150,150,150));
}

::-webkit-scrollbar-track-piece {
    height: 30px;
}

/*
::-webkit-scrollbar {
    display: none;
}*/
{
    user-select: none;
}
/*
div{
    overflow-x: hidden;
}*/


/** Add css rules here for your application. */
.gwt-SuggestBoxPopup {
    z-index: 20;
}

.auto_suggest {
    z-index: 20;
    background-color: white;
    padding: 10px;
    width: 400px;
    height: 230px;
}

.original-token-input {
    width: 396px;
    border: 1px solid #8496ba;
    font-size: 12px;
    font-family: Verdana;
    padding: 4px 8px;
}

/* Example tokeninput style #2: Facebook style */
ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 400px;
    border: 1px solid #8496ba;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

ul.token-input-list-facebook {
    list-style-type: none;
}

ul.token-input-list-facebook li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
}

li.token-input-token-facebook {
    overflow: hidden;
    height: auto !important;
    /*height: 1%;*/
    margin: 3px;
    padding: 1px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-facebook {
    background-color: #5670a6;
    border: 1px solid #3b5998;
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
}

.video-preview {
    display: inline-block;
    position: relative;
    background: #ddd;
    overflow: hidden;
    /* This is temporary width and height, these'll be overriden when the source img is loaded. */
    /* If you already know size of a preview frame you can hardcode it here. */
    /*width: 160px;
    height: 120px;*/
    border-radius: 3px;
    box-shadow: 0 0 6px #bbb;
}

.video-preview-element {
    display: inline-block;
    position: relative;
    background: #ddd;
    overflow: hidden;
    /* This is temporary width and height, these'll be overriden when the source img is loaded. */
    /* If you already know size of a preview frame you can hardcode it here. */
    /*width: 160px;
    height: 120px;*/
    /*border-radius: 3px;*/
    /*box-shadow: 0 0 6px #bbb;*/
}

.progress {
    margin-bottom: auto;
}

.gwtb3-cell .btn {
    margin-right: 10px;
}
.slider-track {
    height: 5px !important;
}
.slider-handle{
    height:5px !important;
    width:5px !important;
}

.slider-track-horizontal .slider-track {
    height: 5px !important;
}

.slider-handle.min-slider-handle.round {
    margin-left: 0px;
    margin-top: 0px;
    box-shadow: 0px 0px 5px #000000;
}

.slider-handle.max-slider-handle.round {
    margin-top: 0px;
    box-shadow: 0px 0px 5px #000000;
}
/*
.slider-horizontal .slider-selection {
    background-color: #bb1813;
    background-image: linear-gradient(to bottom, #E20074 0, #E20074 100%);

}

.min-slider-handle, .max-slider-handle {
    width: 10px;
    height: 10px;
    margin-top: 0px;
    background-color: #bb1813;
    background-image: linear-gradient(to bottom, #E20074 0, #E20074 100%);
}
*/
/*
.panel-heading {
    height:25px;
}

.panel-title {
    font-size:13px;
    margin-top: -4px;
}*/