@import url(variables.less);


.app-back-color {
    background-color: @app-back-color;
}
.app-font-color-primary {
    color: @app-font-color-1;
}
.app-font-color-primary:hover {
    color: @app-font-color-1-hover;
}


a {
    color: @app-font-color-1;
}
a:hover {
    color: @app-font-color-1-hover;
}
a:focus {
    color: @app-font-color-1-focus;
}

html.full {
    /*height:100%; 
    overflow:hidden; 
    display:block;*/ 
}

body.full {
    /*height:100%; 
    overflow:hidden;
    display:block;*/ 
    margin:0; 
}

.after-body {
    /*padding-top:41px;
    padding-bottom:41px;
    height:50%;
    overflow:auto;*/
}

.content-container {
    padding-top:79px; 
    /*padding-bottom:20px;*/
    height:100%; 
    /*overflow:auto;*/ 
}

    .content-container .fixed-subnavbar {
        position:fixed; 
        top:52px;
        left:0; 
        right:0; 
        margin-bottom:0; 
        z-index:1000;
        /*border-bottom: 1px solid #ccc;
        height:59px;
        display:table;*/
    }

    .content .fixed-subnavbar {
        position:fixed; 
        top:52px;
        left:0; 
        right:0; 
        margin-bottom:0; 
        z-index:1000;
        border-bottom: 1px solid #ccc;
        height:59px;
        display:table;
    }

    .content .content-under-fixed-sbunavbar {
        margin-top: 67px;
    }

    .content-container.hide-subnavbar {
        padding-top:0px;
    }

        .content-container.hide-subnavbar > .fixed-subnavbar {
            display:none; 
        }

        .content-container.hide-subnavbar > .content-inner-container {
            margin-top:10px;
        }

/*responsive querys for mobile screens*/
@media (max-width: 979px) {
    .content-container {
        padding-top:0px; 
    }

    .content-container .fixed-subnavbar {
        position:static; 
        top:0; 
        left: 0; 
        right:0; 
        margin-bottom:0;        
    }
}

/*fixes IE10 issue with ms-clear and inputs with right aligned text
http://connect.microsoft.com/IE/feedback/details/776537/text-in-right-aligned-input-gets-cuts-off-when-using-ms-clear
*/
input::-ms-clear {
  display: none;
}

.top-nav-spinner {
    background-image: url("../img/top-nav-spinner.gif"); 
    height:32px; 
    width:32px;
    display:inline-block;
    line-height:20px;
    margin-top:5px;
    margin-bottom:5px;
    /*animation-duration*/
    -webkit-animation-duration:0.3s;
       -moz-animation-duration:0.3s;
        -ms-animation-duration:0.3s;
         -o-animation-duration:0.3s;
            animation-duration:0.3s;
    /*animation-delay*/
    -webkit-animation-delay:0s;
       -moz-animation-delay:0s;
        -ms-animation-delay:0s;
         -o-animation-delay:0s;
            animation-delay:0s;
}

    .top-nav-spinner.show-spinner {
        display:inline-block; 
    }

    .top-nav-spinner.hide-spinner {
        display:none;
    }

.screen-title {
    display:inline-block; 
}

    .screen-title.hide-title {
        display:none; 
    }

    .screen-title.show-title {
        display:inline-block; 
    }

.loading-big-wrapper {
    left:0;
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    z-index:99999999999999999;
}

    .loading-big-wrapper .loading-inner-wrapper {
        margin-top:150px;
        text-align:center;
    }

        .loading-big-wrapper .loading-inner-wrapper .system-progress-bar {
            width:40%; 
            margin:0 auto;
        }

        .loading-big-wrapper .loading-inner-wrapper .timeout-connection-error {
            margin-top:50px; 
            display:inline-block;
        }

.ui-datepicker {
    display:none;
}



.bounce2 {
    -webkit-animation-name: bounce2;
    -moz-animation-name: bounce2;
    -o-animation-name: bounce2;
    animation-name: bounce2;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes bounce2 {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -o-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -o-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        -o-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes bounce2 {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -o-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -o-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        -o-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.dur-1s {
    -moz-animation-duration: 1s !important;
    -o-animation-duration: 1s !important;
    -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
}
.dur-2s {
    -moz-animation-duration: 2s !important;
    -o-animation-duration: 2s !important;
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important;
}
.dur-3s {
    -moz-animation-duration: 3s !important;
    -o-animation-duration: 3s !important;
    -webkit-animation-duration: 3s !important;
    animation-duration: 3s !important;
}
.dur-4s {
    -moz-animation-duration: 4s !important;
    -o-animation-duration: 4s !important;
    -webkit-animation-duration: 4s !important;
    animation-duration: 4s !important;
}
.dur-5s {
    -moz-animation-duration: 5s !important;
    -o-animation-duration: 5s !important;
    -webkit-animation-duration: 5s !important;
    animation-duration: 5s !important;
}

.no-text-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.unit-legend {
    margin: 5px 0 5px 5px;
    height: 20px;
    color: #8C8787;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    /*font-weight: bold;*/
    line-height: 20px;
}

.text-3dots {
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.controls .static-control {
    position:relative;
    top:5px;
}

.IndustrialGantt {
    position:relative;
    //Must override due to bootstrap styles on body.
    line-height: normal;
}
.IndustrialGantt p {
    margin:0;
}

/*
Adds align-to-right functionality to bootstrap
dropdowns. Must be assigned to the .dropdown-menu
element to work
*/
.dropdown-menu-right {
    left: auto;
    right: 0;
}