/**
 ** @copyright QStory Limited, Fieldfisher, Riverbank House, 2 Swan Lane, LONDON, EC4R 3TT, United Kingdom
 **/
html, body {
    max-width: 100%;
    height: 100%;
}

#login-box .btn, #reset-password-box .btn, #forgot-password-box .btn, #set-password-box .btn {
    width: 100%;
}

#login-box, #reset-password-box, #forgot-password-box, #set-password-box {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#login-box .form-control, #reset-password-box .form-control, #forgot-password-box .form-control, #set-password-box .form-control {
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#login-box .btn, #reset-password-box .btn, #forgot-password-box .btn, #set-password-box .btn {
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: black;
}

#login-box .padding, #reset-password-box .padding, #forgot-password-box .padding, #set-password-box .padding {
    padding: 20px;
}

#login-box #socialContainer a:hover, #login-box #appContainer a:hover {
    text-decoration: none;
}

#login-box #socialContainer img {
    height: 24px;
}

#login-box #appContainer img {
    height: 48px;
}

#wrapper {
    /*padding-top: 50px !important;*/
    width: 100%;
}

@media (min-width: 768px) {
    #wrapper {
        padding-top: 6px;
        padding-left: 225px;
    }
}

@media print {
    #wrapper {
        padding: 0 !important;
    }
}

input#date.form-control {
    width: 100px !important;
}

.huge {
    font-size: 40px;
}

.panel-display-template {
    padding: 0;
    margin: 0;
    border: none;
}

.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;
}

.panel-title-with-btn {
    line-height: 1.9;
}

.front_story {
    padding-top: 10px;
    padding-bottom: 10px;
    /*padding-top: 10px !important;
    padding-bottom: 10px !important;*/
    margin-bottom: 0;
    margin-top: 5px;
    color: #ffffff;
    border-radius: 10px;
    font-size: 12pt;
    font-weight: 300;
}

/*.ui-slider-horizontal {*/
/*height: 8px;*/
/*background: #D7D7D7;*/
/*border: 1px solid #BABABA;*/
/*box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;*/
/*clear: both;*/
/*margin: 8px 0;*/
/*-webkit-border-radius: 6px;*/
/*-moz-border-radius: 6px;*/
/*border-radius: 6px;*/
/*}*/
/*.ui-slider {*/
/*position: relative;*/
/*text-align: left;*/
/*}*/
/*.ui-slider-horizontal .ui-slider-range {*/
/*top: -1px;*/
/*height: 100%;*/
/*}*/
/*.ui-slider .ui-slider-range {*/
/*position: absolute;*/
/*z-index: 1;*/
/*height: 8px;*/
/*font-size: .7em;*/
/*display: block;*/
/*border: 1px solid #5BA8E1;*/
/*box-shadow: 0 1px 0 #AAD6F6 inset;*/
/*-moz-border-radius: 6px;*/
/*-webkit-border-radius: 6px;*/
/*border-radius: 6px;*/
/*background: #81B8F3;*/
/*background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');*/
/*background-size: 100%;*/
/*background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));*/
/*background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);*/
/*background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);*/
/*background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);*/
/*background-image: linear-gradient(top, #A0D4F5, #81B8F3);*/
/*}*/
/*.ui-slider .ui-slider-handle {*/
/*border-radius: 50%;*/
/*background: #F9FBFA;*/
/*background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');*/
/*background-size: 100%;*/
/*background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));*/
/*background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);*/
/*background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);*/
/*background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);*/
/*background-image: linear-gradient(top, #C7CED6, #F9FBFA);*/
/*width: 22px;*/
/*height: 22px;*/
/*-webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;*/
/*-moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;*/
/*box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;*/
/*-webkit-transition: box-shadow .3s;*/
/*-moz-transition: box-shadow .3s;*/
/*-o-transition: box-shadow .3s;*/
/*transition: box-shadow .3s;*/
/*}*/
/*.ui-slider .ui-slider-handle {*/
/*position: absolute;*/
/*z-index: 2;*/
/*width: 22px;*/
/*height: 22px;*/
/*border: none;*/
/*cursor: pointer;*/
/*}*/
/*.ui-slider .ui-slider-handle:after {*/
/*content:"";*/
/*position: absolute;*/
/*width: 8px;*/
/*height: 8px;*/
/*border-radius: 50%;*/
/*top: 50%;*/
/*margin-top: -4px;*/
/*left: 50%;*/
/*margin-left: -4px;*/
/*background: #30A2D2;*/
/*-webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;*/
/*-moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;*/
/*box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;*/
/*}*/
/*.ui-slider-horizontal .ui-slider-handle {*/
/*top: -.5em;*/
/*margin-left: -.6em;*/
/*}*/
/*.ui-slider a:focus {*/
/*outline:none;*/
/*}*/

/*#slider-range {*/
/*width: 90%;*/
/*margin: 0 auto;*/
/*}*/
/*#time-range {*/
/*width: 400px;*/
/*}*/

.admin-content {
    padding: 20px;
}

@media print {
    a[href]:after {
        content: none;
    }

    .click_me {
        display: none !important;
    }

    button {
        display: none !important;
    }

    input,
    textarea {
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }

    @page {
        margin-top: 0;
        margin-bottom: 0;
    }

    body {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .container {
        margin-top: 0 !important;
    }
}

/** Footer **/
.footer {
    background-color: #2C3E50;
    color: white;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

#month-selector > .row > .selected {
    color: white;
    background-color: #337ab7;
}

.readonly-clear {
    background-color: #fff !important;
}

@media print {
    .col-print-1 {
        width: 8%;
        float: left;
    }

    .col-print-2 {
        width: 16%;
        float: left;
    }

    .col-print-3 {
        width: 25%;
        float: left;
    }

    .col-print-4 {
        width: 33%;
        float: left;
    }

    .col-print-5 {
        width: 42%;
        float: left;
    }

    .col-print-6 {
        width: 50%;
        float: left;
    }

    .col-print-7 {
        width: 58%;
        float: left;
    }

    .col-print-8 {
        width: 66%;
        float: left;
    }

    .col-print-9 {
        width: 75%;
        float: left;
    }

    .col-print-10 {
        width: 83%;
        float: left;
    }

    .col-print-11 {
        width: 92%;
        float: left;
    }

    .col-print-12 {
        width: 100%;
        float: left;
    }

    .wrapper {
        margin: 0 !important;
        padding: 0 !important;
    }
}

.no-margin {
    margin: 0;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?631302');
    src: url('../fonts/icomoon.eot?631302#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?631302') format('truetype'),
    url('../fonts/icomoon.woff?631302') format('woff'),
    url('../fonts/icomoon.svg?631302#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-q-story:before {
    content: "\e900";
    color: #F26620 !important;
}

.loader {
    text-align: center;
}

/**
Intro Player
 */
#introVideoContainer {
    margin: 0 auto;
    max-width: 650px;
}

.modalWide > .modal-dialog {
    width: 90%;
}

#sidebar-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#sidebar-wrapper::-webkit-scrollbar {
    width: 10px;
    background-color: #34495E;
}

#sidebar-wrapper::-webkit-scrollbar-thumb {
    background-color: #34495E;
}

#filterPanel .panel-heading a:not(.btn) {
    color: black;
}

#filterPanel .panel-heading a:not(.btn):not(.link):after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}

#filterPanel .panel-heading a:not(.btn).collapsed:after {
    content: "\e080";
}

/**
der-kalender extended
 */
.der-kalender-available-quota:not(.cpast) {
    border: 5px solid blue;
}

/*.der-kalender-no-available-quota:not(.cpast) {*/
/*    border:5px solid orange;*/
/*}*/

.dt-center {
    text-align: center;
}

.dt-left {
    text-align: left;
}

.dt-right {
    text-align: right;
}

.dt-nowrap {
    white-space: nowrap
}

.text-bold {
    font-weight: bold;
}

#eventActiveMessage > div {
    margin-bottom:5px;
    font-size:12px;
    padding:10px;
}

.actions-th {
    text-align: center;
}

.actions-td {
    width: 10%;
    text-align: center;
}

.none-selected-text-white .dropdown-toggle.bs-placeholder{
    color: white !important;
}

.daterangepicker-disabled-date {
    color: #d9534f !important;
}