#bg
{
    background: #dde4ec; /* Old browsers */
    background: -moz-radial-gradient(60% bottom, ellipse cover, #dde4ec 28%, #96b0c9 79%, #71859e 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, 60% bottom, 0px, center center, 100%, color-stop(28%,#dde4ec), color-stop(79%,#96b0c9), color-stop(100%,#71859e)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(60% bottom, ellipse cover, #dde4ec 28%,#96b0c9 79%,#71859e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(60% bottom, ellipse cover, #dde4ec 28%,#96b0c9 79%,#71859e 100%); /* Opera 12+ */
    background: -ms-radial-gradient(60% bottom, ellipse cover, #dde4ec 28%,#96b0c9 79%,#71859e 100%); /* IE10+ */
    background: radial-gradient(at 60% bottom, #dde4ec 28%,#96b0c9 79%,#71859e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde4ec', endColorstr='#71859e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    position:fixed;
    width:100%;
    height:100%;
    z-index:0;
    left:0px;
    top:0px;
}
html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}
body
{

    font-family:Arial, Helvetica, sans-serif;
    padding:0;
    font-size:12px;
    margin:0 auto;
    color: #0e4354;
}
.clear{
    clear:both;
}
a{
    color:#7589A2;
}
h2{
    font-size:18px;
    color: #e74c3c;
    font-weight:normal;
    padding:0px 0 15px 0;
    margin:0px;
    clear:both;
}
h3{
    font-size:18px;
    color:#256c89;
    font-weight:normal;
    padding:15px 0 5px 20px;
    margin:0px;
    float:left;
    clear:both;
}
a.forgot_pass{
    float:right;
    color:#256c89;
    text-decoration:none;
    background:url(images/help.png) no-repeat left;
    padding:0 0 0 18px;
    display:block;
    margin:15px 20px 0 0;
}
#main_container_login{
    width: 1024px;
    height: 250px;     position: absolute;  top:0;  bottom: 0;  left: 0;  right: 0;    margin: auto;
}
#main_container{
    position:relative;
    z-index:1;
    margin:0 auto;
    width: 1000px;
    padding:0px 0 0px 0;
}
.header{
    width: 100%;
    height:150px;
}
.header_login{
    width:600px;
    margin:auto;
}
.logo img{
    height:100%;
}
.logo{
    top:53px;
    position:relative;
    left:9px;
    float:left;
    height:45px;
}
#clock_a{
    float:right;
    padding:15px 0 0 0;
}
.jclock{
    color:#FFFFFF;
    float:right;
    font-size:22px;
    font-weight:bold;
    padding:34px 25px 0 0;
}
.right_header{
    font-family:'Roboto Condensed',sans-serif;
    color:#2c3e50;
    width:600px;
    float:right;
    text-align:right;
    line-height:18px;
    padding:40px 0 0 0;
}
.right_header a{
    margin:0 5px 0 5px;
    text-decoration:underline;
    color:#FFFFFF;
}
.right_header a.messages{
    background:url(images/comment.png) no-repeat right;
    padding-right:20px;
}
a.logout img
{
    width: 20px;
    position: relative;
    top: 5px;
    margin-left: 5px;
}
.right_header a.logout
{
    font-size:14px;
    right: -5px;
    position:relative;
    color:#2c3e50;
    line-height:16px;
    text-decoration: none;
}

.main_content{
    margin:0 auto;
    width: 100%;
    height:auto;
    padding:0px 0 50px 0;
}
.footer{width: 100%;height:70px; background-color: #FFF;  margin-top: 10px;margin-bottom: 30px;}
.footer_login{position: absolute;bottom: 10px;right: 10px;}

.left_footer{float:left;padding:25px 0 0 10px;color:white;font-size:11px;}
.left_footer a{color:#FFFFFF;text-decoration:none;}
.right_footer{float:right;padding:25px 10px 0 0;}

.left_footer_login{color: #2c3e50;font-size: 12px;font-family: 'Roboto Condensed', sans-serif;}
.left_footer_login a{color:#FFFFFF;text-decoration:none;}
.right_footer_login{float:right;padding:15px 10px 0 0;}
/*---------------- menu----------------------*/
.menu {font-size: 12px; float:left; width: 100%;background-color: #FFF; font-family:'Roboto', sans-serif; font-weight:500;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height: 50px;}

/* style the sub-level lists */
.menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height: 100%;line-height: 50px;}

/* style the sub level list items */
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size: 12px;text-decoration:none;/* color: #2c3e50 !important; */padding: 0 19px 0 16px; transition:color 0.2s;}
.menu a.current{}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background: #FFFFFF; /* border-bottom:1px #81dafc solid; */ color: #2c3e50;width:12em;height:100%;line-height:1em;padding:1em 1em;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {/* background:#57c0e8; */}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {display:block;background: #FFFFFF; /* border-bottom:1px #81dafc solid; */ color: #2c3e50;width:12em;height:100%;line-height:1em;padding:1em 1em;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background: url(images/arrow.gif) no-repeat right #608AB3;/* color: #93ACC5; *//* border-bottom: 1px solid rgb(40, 70, 165); */}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:url(images/arrow.gif) no-repeat right #088bb4;}

/* style the level hovers */
/* first */
.menu a:hover {/* color: #e74c3c */}
.menu :hover > a {/* color: #e74c3c */}
/* second */
.menu ul ul a:hover{/* color:#fff; *//* background:url(images/menu_bg_a.gif) repeat-x center; */}
.menu ul ul :hover > a {color:#fff;/* background:url(images/menu_bg_a.gif) repeat-x center; */background-color: rgb(147, 173, 198);/* color: #93ACC5; */}
/* third */
.menu ul ul ul a:hover {/* background:url(images/menu_bg_a.gif) repeat-x center; */}
.menu ul ul ul :hover > a {/* background:url(images/menu_bg_a.gif) repeat-x center; */}
/* fourth */
.menu ul ul ul ul a:hover {color:#fff; background-color:#93adc6;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position: absolute;height:0;top: 50px;left:0;width:14em; z-index: 500000000000;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16);}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; /* padding-bottom:3em; */ background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}




.center_content{
    clear:both;
}

.left_content{
    width:195px;
    float:left;
    padding:30px 0 0 20px;
}
.right_content{
    position: relative;
    top: 30px;
    width: calc(100% - 60px);
    float:left;
    padding: 30px;
    background-color: #FFF;
}

.sidebarmenu{
    margin:0px 0;
    padding:0;
    width:195px;
}
.sidebarmenu a.menuitem{background:url(images/sidebar_menu_top.gif) no-repeat center top;
    color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem_green{background:url(images/green_bt.gif) no-repeat center top;
    color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem_red{background:url(images/red_bt.gif) no-repeat center top;
    color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem:hover{background:url(images/sidebar_menu_top_a.gif) no-repeat center top;}
.sidebarmenu a.menuitem_green:hover{background:url(images/green_bt_a.gif) no-repeat center top;}
.sidebarmenu a.menuitem_red:hover{background:url(images/red_bt_a.gif) no-repeat center top;}

.sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{
    color: white;
}
.statusicon{
    position: absolute;
    top:11px;
    right:7px;
    border: none;
}

.sidebarmenu div.submenu{
    background: white;
}
.sidebarmenu div.submenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px 0;
}
.sidebarmenu div.submenu ul li{
    border-bottom: 1px dotted #bfd1d9;
}
.sidebarmenu div.submenu ul li a{
    display: block;
    color: black;
    text-decoration: none;
    padding:5px 0;
    padding-left: 10px;
}
.sidebarmenu div.submenu ul li a:hover{
    background: #e2f0ff;
    color: #0e4354;
}

.sidebar_search{
    background:url(images/sidebar_menu_top.gif) no-repeat center;
    width:195px;
    height:31px;
    margin:0 0 5px 0;
}
input.search_input{
    width:155px;
    height:16px;
    margin:5px 0 0 5px;
    border:1px #bdebfd solid;
    background:#92dbf8;
    padding:4px 0 0 2px;
    float:left;
    color:#096184;
    font-size:11px;
}
input.search_submit{
    float:left;
    background:none;
    border:none;
    margin:7px 0 0 8px;
}





#rounded-corner
{
    margin:0px;
    width:625px;
    text-align: left;
    border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
    width:26px;
    background: #60c8f2 url('images/left.jpg') left top no-repeat;
}
#rounded-corner thead th.rounded-q4
{
    background: #60c8f2 url('images/right.jpg') right top no-repeat;
}
#rounded-corner th
{
    padding: 8px;
    font-weight: normal;
    font-size: 13px;
    color: #039;
    background: #60c8f2;
}
#rounded-corner td
{
    padding: 8px;
    background: #ecf8fd;
    border-top: 1px solid #fff;
    color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
    background: #ecf8fd url('images/botleft.jpg') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
    background: #ecf8fd url('images/botright.jpg') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
    background: #d2e7f0;
}


.question {
    position: absolute;
    display: inline;
    text-align: center;
    width: 174px;
    height: 78px;
    font-size: 13px;
    line-height: 1.5em;
    background: url('images/bubble.png') left top no-repeat;
    padding: 10px 0 0 0;
    text-shadow: 0px 1px 0px #fff;
    margin-left: -7em;
    margin-top: -6em;
    opacity: 0;
    z-index:999;
}

.yes{
    margin-top: .5em;
    margin-right: .5em;
    cursor: pointer;
    display: inline-block;
    width: 63px;
    height: 21px;
    color: #434d17;
    text-shadow: 0px 1px 0px #fff;
    background: url('images/buttony.png') left top no-repeat;
}
.cancel {
    margin-top: .5em;
    margin-right: .5em;
    cursor: pointer;
    display: inline-block;
    width: 63px;
    height: 21px;
    color: #fff;
    text-shadow: 0px 1px 0px #000;
    background: url('images/buttonn.png') left top no-repeat;
}

a.bt_green{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #8fa42b;}
a.bt_green strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_green_center.gif) repeat-x center;}
a.bt_green span.bt_green_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_green_left.gif) no-repeat center right;}
a.bt_green span.bt_green_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_green_r.gif) no-repeat center right;}
a:hover.bt_green{ text-decoration:underline;}

a.bt_blue{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #3597bf;}
a.bt_blue strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_blue_center.gif) repeat-x center;}
a.bt_blue span.bt_blue_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_blue_left.gif) no-repeat center right;}
a.bt_blue span.bt_blue_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_blue_r.gif) no-repeat center right;}
a:hover.bt_blue{ text-decoration:underline;}

a.bt_red{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #c24739;}
a.bt_red strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(images/bt_red_center.gif) repeat-x center;}
a.bt_red span.bt_red_lft{width:10px;height:31px;display:block; float:left;background:url(images/bt_red_left.gif) no-repeat center right;}
a.bt_red span.bt_red_r{width:10px;height:31px;display:block; float:left;background:url(images/bt_red_r.gif) no-repeat center right;}
a:hover.bt_red{ text-decoration:underline;}

.sidebar_box{
    width:195px;
    padding:15px 0 5px 0;
}
.sidebar_box_top{width:195px;height:8px;background:url(images/sidebar_box_top.gif) no-repeat center bottom;}
.sidebar_box_bottom{width:195px;height:8px;background:url(images/sidebar_box_bottom.gif) no-repeat center bottom;}
.sidebar_box_content{width:175px;height:auto;background-color:#ecf8fd; padding:0 10px 0 10px;}

.sidebar_box_content h3{ color:#49bae8; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h4{ color:#f75744; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h5{ color:#a4bf40; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content p{padding:5px 0 5px 0; margin:0px; clear:both; font-size:11px; text-align:left; line-height:17px;}
img.sidebar_icon_right{
    float:right; padding:0 0 0 0;
}
.sidebar_box_content ul{
    list-style:none;
    padding:10px 0 10px 0;
    margin:0px;
    clear:both;
}
.sidebar_box_content ul li{
    padding:5px 0 5px 10px;
    background:url(images/list_bullet.gif) no-repeat left top;
    background-position:0px 10px;
}


.warning_box{width:calc(100% - 93px);clear:both;background:url(images/warning.png) no-repeat #fcfae9;
    border:1px #e9e6c7 solid;background-position:15px center;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

.valid_box{width:calc(100% - 93px);clear:both;background:url(images/valid.png) no-repeat left #edfce9;
    border:1px #cceac4 solid;background-position:15px center;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

.error_box{width:calc(100% - 93px);clear:both;background:url(images/error.png) no-repeat left #fce9e9;
    border:1px #eac7c7 solid;background-position:15px center;padding:20px 20px 15px 60px;margin:0 0 10px 0;}

/*--------------*/
div.pagination {
    width:625px;
    clear:both;
    padding:10px 0 10px 0;
    margin:0px;
    text-align:center;
    float:left;
    clear:both;
    font-size:11px;
}
.charts .charts_items .charts_item
{
    height:20px;
    padding:5px 10px 5px 10px;
    margin-top: 12px;
    z-index: 69;
    position: relative;
    float:left;
    font-size:14px;
    margin-left:5px;
}

.chart_item_inactive
{
    cursor:pointer;
    color:#3498db;

}

.chart_item_active
{
    background-color:white;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-top:1px solid #DDDDDD;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    cursor:default;
    color:#2c3e50;
}

.charts .charts_items
{
    float:right;
    position:relative;
    height: 41px;
    top: -1px;
    padding-right:30px;
}

.charts .nadpis
{
    padding: 10px 15px 10px 15px;
    float:left;
    font-size: 14px;
    position: relative;
    top: 3px;
    color: #e74c3c;
    font-weight: 500;
}
.charts #data
{
    background-color:white;
    border-top: 1px solid #DDDDDD;
    padding:0px 20px 0px 10px;
    position:relative;
    overflow:hidden;
    width:calc(100% - 30px);
    border-right: 1px solid #DDDDDD;
    height:320px;
}
.jqplot-xaxis
{
    top:300px;
}
.jqplot-yaxis
{
    left:-5px !important;
}
.logotext
{
    color:white; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-size:16px;
}
.charts #activity_hour
{
    position:relative;
    width:100%;
    float:left;
}
.charts #activity_day
{
    position:relative;
    width:100%;
    left:100%;
    margin-left:35px;
}
.charts #activity_week
{
    position:relative;
    width:100%;
    left:100%;
    margin-left:35px;
    margin-top:-300px;
}
.charts
{
    border: 1px solid #DDDDDD;
    position: relative;
    margin-top:20px;
    width: 100%;
    float:left;
    font-family: 'Roboto Condensed', sans-serif;
    background-color:#ecf0f1;
}
div.pagination a {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #52bfea;
    text-decoration: none;
    color: #52bfea;
}
div.pagination a:hover, div.pagination a:active {
    border:1px solid #52bfea;
    color: #fff;
    background-color: #52bfea;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #52bfea;
    font-weight: bold;
    background-color: #52bfea;
    color: #FFF;
}
div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #f3f3f3;
    color: #ccc;
}
input[type=text], input[type=date], input[type=password] {
    padding: 10px;
    width: calc(100% - 20px);
    background-color: #f0f4f7;
    border: 1px solid #D3DADF;
    color: #71828f;
    transition: all 0.4s;
}
input[type=submit]
{
    text-transform: uppercase;
    background-color: rgb(226,82,82);
    border: 0;
    color: white;
    cursor: pointer;
    padding: 10px 15px 10px 15px;
    margin: auto;
    display: block;
    transition: 0.5s all;
}
input[type=submit]:hover
{
    background-color: rgb(244, 115, 99);
}

select {
    width: 100%;
    height: 40px;
    cursor: pointer;
    background-color: #FFFFFF;
    border: 1px solid black;
    transition: box-shadow 0.3s, border 0.3s;
    background-color: #f0f4f7;
    border: 1px solid #D3DADF;
    color: #71828f;
    padding: 10px;
}

input[type=text]:focus, input[type=date]:focus, select:focus, input[type=password]:focus {
    background-color: white;
}
textarea {



    margin-bottom:5px;
    height: 120px;
    padding: 10px;
    width: calc(100% - 20px);
    background-color: #f0f4f7;
    border: 1px solid #D3DADF;
    color: #71828f;
    transition: all 0.4s;
    font-family: 'Roboto', sans-serif;
    box-shadow: none;

}
textarea:focus {
    background-color: white;
}

input[type=checkbox].css-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left:26px;
    height:21px;
    display: block;
line-height:21px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:21px;
    vertical-align:middle;
    cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -21px;
}
label.css-label {
    background-image:url('/imgs/checkbox_new2.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* TABULIKA */

.admin-table {
    width: 100%;
    text-align: justify;
    border-spacing: 0px;
}

/* TABULKA - RIADKY tr */

.admin-table-row-header {
}

.admin-table-row {
    min-height: 30px;
}

/* TABULKA - NADPISY th */

.admin-table-header {
    font-weight: bold;
    padding: 5px 0px 0px 10px;
    padding-bottom: 10px;
}

.admin-table-header-last {
    font-weight: bold;
    padding: 5px 0px 0px 10px;
    padding-bottom: 10px;
    min-width: 40px;
    display: inline-flex;
}
.image-zoom
{
    cursor:zoom-in;
}
/* TABULKA - STLPCE td */

.admin-table-data-even {
    padding: 10px 0px 10px 10px;
    background-color: transparent;
    color: #313334;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

.admin-table-data-even-last {
    vertical-align: top;
    text-align: left;
    padding: 10px 0px 10px 10px;
    width:80px;
    background-color: #F9F9FA;
    color: #313334;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

.admin-table-data-uneven {
    padding: 10px 0px 10px 10px;
    background-color: #ECEFF3;
    color: #313334;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);

}

.admin-table-data-uneven-last {
    text-align: left;
    width:80px;
    padding: 10px 0px 10px 10px;

    background-color: #D8DDE3;
    color: #313334;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

.button-pridat-odpoved
 {
    text-transform: uppercase;
    background-color: rgb(82, 226, 200);
    border: 0;
    cursor: pointer;
    padding: 10px 15px 10px 15px;
    margin: auto;
    display: inline-block;
    transition: 0.5s all;
    text-decoration: none;
    color: white !important;

}
.button-pridat-odpoved:hover
{
    background-color: rgb(33, 232, 195) !important;
}

input:disabled {
    background: #dddddd;
}

textarea:disabled
{
    background: #dddddd;
}

#statistics
{
    width: calc(40% - 7px);
    padding-left: 5px;
    margin-top: -112px;
    float: left;
    font-family:arial, sans-serif;
}

.form-nastaveniakurzu { padding-right: 10px }

.menu_mobile { display:none; }
#amiresponsive
{
    display:none;
    width:0px;
}
#main_left
{
    width:60%;
    position:relative;
}
@media (max-width: 1010px) {
    #main_left
    {
        width:100%;
    }
    #statistics
    {
        width:100%;
        clear:both;
        margin-top:20px;
    }
	#main_container_login {
		width: 100%;
		height: 100%;
		padding-top: 50px;
		position:relative;
	}
	.header_login {
		width: 100%;
	}
	.logo
	{
		margin:0 auto !important;
		left:50% !important;
		margin-left:-100px !important;
		width:200px !important;
		
	}
	.login_form
	{
		width:100% !important;
		margin:inherit;
	}
	#main_container
	{
		width:100%;
		top: 10px;
	}
	.menu
	{
		display:none;
	}
	.menu_mobile
	{
		display: inherit;
		position: fixed;
		top: 40px;
		height: calc(100% - 40px);
		width: 55%;
		background-color: #FFFFFF;
		z-index: 50;
		padding-left:5%;
		left:-60%;
	}
	.menu_mobile .statusicon
	{
		display:none;
	}
	.menu_mobile ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.menu_mobile ul li
	{
		font-family:'Roboto Condensed',sans-serif;
		padding-left:2%;
		font-size:14px;
	}
	.menu_mobile ul li a
	{
		color:#2c3e50;
		text-decoration:none;
		line-height:40px;
		display:block;
	}
	.menu_mobile .scroll_holder
	{
		position:relative;
		height:100%;
		width:100%;
		overflow:hidden;
	}
	.menu_mobile .scroll_holder .scroll_inner_holder
	{
		width: 100%;
		height: 100%;
		max-height:100%;
		overflow:auto;
		padding-right: 200%;
	}
	.menu_mobile .scroll_holder .scroll_inner_holder .scroll_content
	{
		width:100%;
		height:100%;
		position:relative;
	}
	.mobile_bg
	{
		position:fixed;	
		left: 0px;
		top: 40px;
		width:100%;
		height:calc(100% - 40px);
		z-index:49;
		background-color:black;
		opacity:0.7;
		display:none;
	}
	#bg
	{
		background:#8EA7C0;
	}
	.right_header
	{
		display:none;
	}
	.header
	{
		display:none;
	}
	.center_content .right_content .nadpis
	{
		position:absolute;
		color:#FFFFFF;
		font-size:14px;
		top: -27px;
		left:40px;
		font-family:'Roboto',sans-serif;
		font-weight:500;
	}
	#header_menu_bg
	{
		background-color:#8EA7C0;
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:40px;
		z-index:49;
	}
	#menu_closed {
		border-spacing: 0px;
		width: 14px;
		height: 10px;
		top: 15px;
		left: 13px;
		position: relative;
		-webkit-transform: translateZ(0);
		cursor:pointer;
		z-index: 50;
	}
	.ciara
	{
		width: 14px;
		height: 2px;
		position: relative;
		background-color: white;
		margin-top: 2px;
	}
	#header_menu
	{
		position: fixed;
		width: 40px;
		height: 40px;
		float: left;
		cursor: pointer;
		z-index:50;
	}
	.footer
	{
		margin-top:-20px;
		margin-bottom:0px;
	}
	.header_menu_arrow-left 
	{
		position: absolute;
		width: 16px;
		height: 16px;
		left: 14px;
		top: 12px;
		display: none;
		borderSpacing: 180;
	}
	.header_menu_arrow-left img {
		width: 140%;
		height: 140%;
		position: relative;
        left: -7px;
        top: -3px;
		-webkit-transform: translateZ(0);
	}
    #amiresponsive
    {
        width:1px;
    }
}