/*

 NAME

 default.css

 DESCRIPTION

 Cascade Style Sheet v2.1

 AUTHOR

 dr Marianna RITTER - <marianna.ritter.dr@ilexsystems.com>
 Gabor HALASZ - <gabor.halasz@ilexsystems.com>

 COPYRIGHT

 (C)2013,2014 - iLex Systems Zrt.

 LICENSE

 Title to all copies of the Software remains with iLex Systems Zrt.
 The Software is copyrighted and protected
 by the laws of Hungary and other countries, and international treaty
 provisions. You may not remove any copyright notices from the Software.
 Except as otherwise expressly provided iLex Systems Zrt.
 does not grant any express or implied right
 to you under any patents, trademarks, copyrights or trade secret
 information. You may not transfer the Software or any of its copies
 without the written permission of the copyright owner.

*/

html {
    width:                              100%;
}

body {
    background:                         url("/static/image/site/ios-linen.jpg");
    background-color:                   #171818;
    font-family:                        "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style:                         normal;
    font-variant:                       normal;
    font-weight:                        normal;
    font-size:                          12px;
    z-index:                            0;
}


.clearfix {
    clear:                              both;
    display:                            block;
    height:                             0;
    overflow:                           hidden;
    visibility:                         hidden;
    width:                              0;
}

a,
a:link,
a:visited,
a:active,
a:hover {
    color:                              #3F3F3F;
    font-weight:                        bold;
    text-decoration:                    none;
}

a:hover {
    color:                              #0099FF;
}

/*
 * bgactive
 */

.bgrequest,
.bgactive,
tr.bgactive:hover * {
    background-color:                   #C8F8C8;
}

tr.bgactive {
    background-color:                   rgba(200, 248, 200, 0.4);
}

tr.bgactive td:first-child {
    border-left:                        10px solid #c8f8c8;
}

/*
 * bgcompletition
 */

.bgcompletition,
tr.bgcompletition:hover * {
    background-color:                   rgba(238, 238, 128, 1);
}

tr.bgcompletition {
    background-color:                   rgba(238, 238, 128, 0.4);
}

tr.bgcompletition td:first-child {
    border-left:                        10px solid rgba(238, 238, 128, 1);
}

.bgcompletition_proposition,
tr.bgcompletition_proposition:hover *:not(:last-child) {
    background-color:                   rgba(238, 238, 128, 1);
}

tr.bgcompletition_proposition {
    background-color:                   rgba(238, 238, 128, 0.4);
}

tr.bgcompletition_proposition td:first-child {
    border-left:                        10px solid rgba(238, 238, 128, 1);
}

/*
 * bgclosed
 */

.bgcomment,
.bgclosed,
tr.bgclosed:hover * {
    background-color:                   rgba(200, 200, 248, 1);
}

tr.bgclosed {
    background-color:                   rgba(200, 200, 248, 0.4);
}

tr.bgclosed td:first-child {
    border-left:                        10px solid rgba(200, 200, 248, 1);
}

.bgclosed_proposition,
tr.bgclosed_proposition:hover *:not(:last-child) {
    background-color:                   rgba(200, 200, 248, 1);
}

tr.bgclosed_proposition {
    background-color:                   rgba(200, 200, 248, 0.4);
}

tr.bgclosed_proposition td:first-child {
    border-left:                        10px solid rgba(200, 200, 248, 1);
}

/*
 * bgcreated
 */

.bgthread,
.bgcreated,
tr.bgcreated:hover * {
    background-color:                   rgba(200, 248, 248, 1);
}

tr.bgcreated {
    background-color:                   rgba(200, 248, 248, 0.4);
}

tr.bgcreated td:first-child {
    border-left:                        10px solid rgba(200, 248, 248, 1);
}

.bgcreated_proposition,
tr.bgcreated_proposition:hover *:not(:last-child) {
    background-color:                   rgba(200, 248, 248, 1);
}

tr.bgcreated_proposition {
    background-color:                   rgba(200, 248, 248, 0.4);
}

tr.bgcreated_proposition td:first-child {
    border-left:                        10px solid rgba(200, 248, 248, 1);
}

/*
 * bgdelegated
 */

.bgdelegated,
tr.bgdelegated:hover * {
    background-color:                   rgba(200, 248, 200, 1);
}

tr.bgdelegated {
    background-color:                   rgba(200, 248, 200, 0.4);
}

tr.bgdelegated td:first-child {
    border-left:                        10px solid rgba(200, 248, 200, 1);
}

.bgdelegated_proposition,
tr.bgdelegated_proposition:hover *:not(:last-child) {
t   background-color:                   rgba(200, 248, 200, 1);
}

tr.bgdelegated_proposition {
    background-color:                   rgba(200, 248, 200, 0.4);
}

tr.bgdelegated_proposition td:first-child {
    border-left:                        10px solid rgba(200, 248, 200, 1);
}

/*
 * bgfinished
 */

.bgfinished,
tr.bgfinished:hover * {
    background-color:                   rgba(72, 72, 200, 0.8);
}

tr.bgfinished {
    background-color:                   rgba(72, 72, 200, 0.4);
}

tr.bgfinished td:first-child {
    border-left:                        10px solid rgba(72, 72, 200, 0.8);
}

tr.bgfinished_proposition,
tr.bgfinished_proposition:hover *:not(:last-child) {
    background-color:                   rgba(72, 72, 200, 0.8);
}

tr.bgfinished_proposition {
    background-color:                   rgba(72, 72, 200, 0.4);
}

tr.bgfinished_proposition td:first-child {
    border-left:                        10px solid rgba(72, 72, 200, 0.8);
}

/* bgnew */

.bgbuiltin,
.bgnew,
tr.bgnew:hover * {
    background-color:                   rgba(239, 239, 239, 1);
}

tr.bgnew {
    background-color:                   rgba(239, 239, 239, 0.4);
}

tr.bgnew td:first-child {
    border-left:                        10px solid rgba(239, 239, 239, 1);
}

tr.bgnew_proposition,
te.bgnew_proposition:hover *:not(:last-child) {
    background-color:                   rgba(239, 239, 239, 1);
}
tr.bgnew_proposition {
    background-color:                   rgba(239, 239, 239, 0.4);
}

tr.bgnew_proposition td:first-child {
    border-left:                        10px solid rgba(239, 239, 239, 1);
}

/* bgovertime */

.bgovertime,
tr.bgovertime:hover * {
    background-color:                   rgba(248, 168, 168, 1);
}

tr.bgovertime {
    background-color:                   rgba(248, 168, 168, 0.4);
}

tr.bgovertime td:first-child {
    border-left:                        10px solid rgba(248, 168, 168, 1);
}

.bgovertime_proposition,
tr.bgovertime_proposition:hover *:not(:last-child) {
    background-color:                   rgba(248, 168, 168, 1);
}

tr.bgovertime_proposition {
    background-color:                   rgba(248, 168, 168, 0.4);
}

tr.bgovertime_proposition td:first-child {
    border-left:                        10px solid rgba(248, 168, 168, 1);
}

/* fgovertime */

.fgovertime {
    color:                              rgba(248, 64, 64, 1) !important;
}

/*
 * bgtracked
 */

.bgtracked,
tr.bgtracked:hover * {
    background-color:                   rgba(100, 148, 100, 1);
}

tr.bgtracked {
    background-color:                   rgba(100, 148, 100, 0.6);
}

tr.bgtracked td:first-child {
    border-left:                        10px solid rgba(100, 148, 100, 1);
}

tr.bgtracked_proposition,
tr.bgtracked_proposition:hover *:not(:last-child) {
    background-color:                   rgba(100, 148, 100, 1);
}

tr.bgtracked_proposition {
    background-color:                   rgba(100, 148, 100, 0.6);
}

tr.bgtracked_proposition td:first-child {
    border-left:                        10px solid rgba(100, 148, 100, 1);
}

/*
 * bginactive
 */

.bginactive,
tr.bginactive:hover * {
    background-color:                   rgba(239, 0, 0, 1)
}

tr.bginactive {
    background-color:                   rgba(239, 0, 0, 0.4);
}

tr.bginactive td:first-child {
    border-left:                        10px solid rgba(239, 0, 0, 1)
}

/* bginvalid */

.bginvalid,
tr.bginvalid:hover * {
    background-color:                   rgba(255, 0, 0, 1);
}

tr.bginvalid {
    background-color:                   rgba(255, 0, 0, 0.4);
}

tr.bginvalid td:first-child {
    border-left:                        10px solid rgba(255, 0, 0, 1);
}

/* bglocked */

.bglocked, tr.bglocked:hover *:not(:last-child) {
    background-color:                   #F8A8A8;
}

tr.bglocked {
    background-color:                   rgba(248, 168, 168, 0.4);
}
tr.bglocked td:first-child {
    border-left:                        10px solid #F8A8A8;
}

/* bgorphaned */

.bgorphaned,
.bgentry,
tr.bgorphaned:hover {
    background-color:                   #EEEE80;
}

tr.bgorphaned {background-color:        rgba(238, 238, 128, 0.4);
}

tr.bgorphaned td:first-child {
    border-left:                        10px solid #EEEE80;
}

/* bgworkday */

.bgworkday,
/* tr.bgworkday:hover *:not(:last-child) { */
tr.bgworkday:hover {
    background-color:                   #C8F8C8;
}

tr.bgworkday {
    background-color:                   rgba(200, 248, 200, 0.4);
}

tr.bgworkday td:first-child {
    border-left:                        10px solid #C8F8C8;
}

/* bgworkout */

.bgworkout,
/* tr.bgworkout:hover *:not(:last-child) { */
tr.bgworkout:hover {
    background-color:                   #F8A8A8;
}

tr.bgworkout {
    background-color:                   rgba(248, 168, 168, 0.4);
}

tr.bgworkout td:first-child {
    border-left:                        10px solid #F8A8A8;
}

.twentyfive {
    width:                              25%;
}

.thirtythree {
    width:                              33%;
}

.fourty {
    width:                              40%;
}

.fifty {
    width:                              50%;
}

.sixtysix {
    width:                              66%;
}

.seventyfive {
    width:                              75%;
}

.ninety {
    width:                              90%;
}

.ninetyfive {
    width:                              95%;
}

.ninetynine {
    width:                              99%;
}

.hundred {
    width:                              100%;
}

.centered {
    margin:                             0 auto;
}

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

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

.bold {
    font-weight:                        bold;
}

.autoscroll {
    overflow:                           auto;
    -webkit-overflow-scrolling:         touch;
}

#content_wrapper {
    width:                              1024px;
    min-height:                         555px;
    margin:                             15px auto 10px;
    background-color:                   #FFF;
    border:                             1px solid #e5e5e5;
    -webkit-border-radius:              10px;
    -moz-border-radius:                 10px;
    border-radius:                      10px;
    -webkit-box-shadow:                 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow:                    0 1px 2px rgba(0,0,0,.05);
    box-shadow:                         0 1px 2px rgba(0,0,0,.05);
}

.box_wrapper {
    background-color:                   #FFFFFF;
    text-align:                         left;
}

.box_title,
.box_title_2,
.inline_label,
.box_label {
     display:                           block;
     border-bottom:                     1px solid #e7e7e7;
     padding:                           5px;
     color:                             #00477f;
     font-size:                         22px;
     font-weight:                       normal;
     text-shadow:                       1px 1px 1px #fff;
     font-family:                       'Dosis', sans-serif;
}

.box_title_2 {
    font-size:                          16px;
}

.box_header {
    border-bottom:                      1px solid #e7e7e7;
    overflow:                           auto;
    padding:                            5px;
    -webkit-overflow-scrolling:         touch;
}

.box_label {
    display:                            block;
    padding:                            5px;
    font-weight:                        bold;
    font-size:                          14px;
}

ul.data_cols li span.inline_label,
.inline_label {
    border:                             0;
    font-size:                          14px;
    font-weight:                        700;
}

.underline {
    margin-bottom:                      20px;
}

.box_content {
    background-color:                   #FFFFFF;
    margin:                             5px;
}

#marker {
    float:                              right;
    height:                             29px;
    position:                           relative;
    right:                              5px;
    top:                                5px;
    width:                              250px;
}

hr {
  color: #e7e7e7;
    background-color:                   #e7e7e7;
    height:                             1px;
    width:                              50%;
    border:                             0;
}


.red_marker {
    background-color:                   #F8A8A8;
    height:                             29px;
    position:                           absolute;
    right:                              5px;
    top:                                5px;
    width:                              250px;
}

.green_marker {
    background-color:                   #C8F8C8;
    height:                             29px;
    position:                           absolute;
    right:                              5px;
    top:                                5px;
    width:                              250px;
}

.yellow_marker {
    background-color:                   #EEEE80;
    height:                             29px;
    position:                           absolute;
    right:                              5px;
    top:                                5px;
    width:                              250px;
}

.blue_marker {
    background-color:                   #C8F8C8;
    height:                             29px;
    position:                           absolute;
    right:                              5px;
    top:                                5px;
    width:                              250px;
}

.darkblue_marker {
    height:                             29px;
    position:                           absolute;
    right:                              5px;
    top:                                5px;
    width:                              250px;
}

.cyan_marker {
    background-color:                   #C8F8F8;
    height:                             29px;
    position:                           absolute;
    right:                              5px;
    top:                                5px;
    width:                              250px;
}

.grey_marker {
    background-color:                   #C8F8C8;
    height:                             29px;
    position:                           absolute;
    right:                              5px;
    top:                                5px;
    width:                              250px;
}

#legend {
    margin-top:                         20px;
    margin-left:                        15px;
    opacity:                            0.8;
}

#legend dl {
    display:                            inline;
}

#legend dl dt {
    width:                              16px;
    height:                             17px;
    line-height:                        20px;
    display:                            inline-block;

}
#legend dl dd {
    margin-right:                       25px;
    display:                            inline-block;
}

ul.data_cols {
    float:                              left;
    list-style:                         none outside none;
    margin:                             0;
    width:                              100%;
}

ul.data_cols li {
    display:                            block;
    float:                              left;
    position:                           relative;
    width:                              150px;
    text-align:                         center;
    font-weight:                        bold;
    font-size:                          14px;
    text-shadow:                        1px 1px 1px #999999;
}

ul.data_cols li span,
ul.data_cols li span.inline_value {
    clear:                              both;
    display:                            block;
    font-weight:                        normal;
    font-size:                          12px;
    text-shadow:                        none;
}