html,
body {
    height: 100%;
    margin: 0;
    padding: 0;

}

.dn {
    display: none;
}

.cl {
    clear: left;
}

body {
    background: #fafafa !important;
    /*font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif;*/
    font-family: 'Open Sans', sans-serif !important;
    color:#616f7d;
    font-size: 12px;
}

.nowrap {
    white-space: nowrap;
}

.subbut {width:1000px;display: inline-block;;text-aling:center;padding:0px;margin:0px;border-bottom:1px solid #ccc;margin-left: -86px;}

.subbut li {list-style:none;;margin-right:10px;display:inline-block}

.subbut li a { 
    /*width:200px;*/
    padding-right:10px;
    padding-left:10px;
    height:40px;
    line-height:40px;
    background:#dae0e6;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display:block;

    color:#667380;
    font-size:16px;
    text-align:center;
    /*margin-top:10px;*/
    font-family: 'Open Sans', sans-serif !important;

}
.subbut li a:hover, a.selected  {color:#fff !important;background:#23c4c8 !important;text-decoration:none !important}


#chart_div3, #chart_div2, #chart_div, #chart_div_sloupec {text-align:center;width:450px}
#chart_div3 div, #chart_div2 div,#chart_div div, #chart_div_sloupec div {margin:0 auto}

.btn {background:#fff ;

      height: 35px!important;
      border:1px solid silver !important;
      -webkit-border-radius: 6px!important;
      -moz-border-radius: 6px!important;
      border-radius: 6px!important;
}

#site-content {
    width: 1000px;
    margin: auto;
    /*padding-top: 20px;*/
	padding-top: 65px
}


.top {
    height:65px;
    background:#e6ecf2;
    width:100%;
	position: fixed;
    z-index: 2;
}
.top .logo{
    margin-top:10px;
}
#head {
    width: 1000px;
    padding-top:10px;
    position:relative;
    margin: 0 auto;
    height:45px;
    font-family: 'Open Sans', sans-serif;
}

.topmenu {position:absolute;top:18px;left:220px;}
.topmenu a{
    padding-left:37px;
    margin-right:20px;
    /*color:black;*/
    line-height:33px;
    height:23px;
    font-size:14px;
    color:#667380;
    font-family: 'Open Sans', sans-serif;
    float:left;
}
.topmenu a:hover{text-decoration:none;color:#23c4c8}



.step13{
    width:470px;
    height:40px;
    background: url(../images/3kroky.png) no-repeat 0px 0px;
    margin:0 auto;
}

.step23{
    width:470px;
    height:40px;
    background: url(../images/3kroky.png) no-repeat 0px -40px;
    margin:0 auto;
}


.step33{
    width:470px;
    height:40px;
    background: url(../images/3kroky.png) no-repeat 0px -80px;
    margin:0 auto;
}

.step12{
    width:332px;
    height:40px;
    background: url(../images/2kroky.png) no-repeat 0px 0px;
    margin:0 auto;
}

.step22{
    width:332px;
    height:40px;
    background: url(../images/2kroky.png) no-repeat 0px -40px;
    margin:0 auto;
}

.topmenu a:hover, .topmenu a.sel{background-position: bottom left;color:#23c4c8}

.zpravytop {
    background:url(../images/icon1small.png) no-repeat left top;
}

.automattop {
    background:url(../images/icon2small.png) no-repeat 0px 0px;
}

.profiletop {
    background:url(../images/icon2ucet.png) no-repeat 10px 2px;
}
.profiletop:hover {
    background:url(../images/icon2ucet.png) no-repeat 10px 2px !important;
}

.kontaktytop {
    background:url(../images/icon3small.png) no-repeat 0px 0px;
}

.webcodetop {
    background:url(../images/icon4small.png) no-repeat 0px 0px;
}

.ucettop {
    position: absolute;
    top: 13px;
    display: block;
    font-size: 13px;
    color: white;
    left: 858px;
    font-family: 'Open Sans', sans-serif;
    width: 143px;
    padding-top: 8px;
    padding-left: 52px;
    height: 38px;
    background: url(../images/ucet.png) no-repeat 0px 0px;
}

.ucettop:hover{color:#fff}

#menu-top { 
    width:215px;
    /*height:165px;*/ /* LV: proc je vsude pevna vejska? fuj! 
                             kdyz pridam polozku do menu, musim to hledat a 
                             vysku menit, nebo ji rusit! */
    border:1px solid #808080;
    position:absolute;
    top:47px;
    right:0px;
    background:#fafafa;
    z-index:999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding:15px;
    display:none
}


#frm-signInForm, #frm-frForm {
    width:320px;
    margin:0 auto;
    border:1px solid #ccc;
    z-index:999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding:35px;
}

#frm-emailtextForm,#frm-packageForm, #frm-campaignForm, #frm-passwordForm, #frm-accountForm, #frm-logoutpageForm, #frm-userForm, #frm-userEditForm, #frm-userImportForm, #frm-companyForm, #frm-pipelineForm,#frm-thankpageForm, #frm-webcodeForm, #frm-userEditForm, #frm-settingsForm  {
    width:1000px;
    border:1px solid #ccc;
    z-index:999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding:20px 35px 35px 35px;  
    margin-bottom:30px;
}


.titletext {
	/*width:1000px;*/
	width: 1085px;
    margin:0 auto;
    font-family: 'Open Sans', sans-serif;
    /*color:black;*/
    padding-bottom:30px;
    font-size: 14px;
    text-align:center;
}
.titletext h1 {
    font-size:30px;
    font-family: 'Open Sans', sans-serif;
}
.titletext-long {
    width: 1145px !important;
    margin-left: 30px !important;
}
#right div.titletext.fixed {
	position:			fixed; 
	margin-top:			-100px; 
	padding-top:		20px; 
	padding-bottom:		0px; 
	background-color:	#FAFAFA;
    z-index:            1;
}

#menu-top li {
    height:35px;
    list-style:none;
    color:#667380;
}

#menu-top li a {
    color:#667380 !important;
    padding-left:30px;height:30px;
    display:block;


}
#menu-top li #logged-user {
    color:#40cccf;
    font-family: 'Open Sans', sans-serif;
}

#content {
    width:1000px; 
    margin:0 auto;

}
p {
    line-height: 150%;
}

.detail {
    background: url(../images/icon1ucet.png) no-repeat left top;
}

.profile {
    background: url(../images/icon2ucet.png) no-repeat left top;
}

.napoveda {
    background: url(../images/iconnapoveda.png) no-repeat left top;
}

.logout {
    background: url(../images/icon3ucet.png) no-repeat left top;
}

.pass {
    background: url(../images/icon4ucet.png) no-repeat left top;
}

.media {
    background: url(../images/icon5ucet.png) no-repeat left top;
}

.emails {
    background: url(../images/icon6ucet.png) no-repeat left top;
}

.optimize {
    background: url(../images/icon7ucet.png) no-repeat left top;
}


.hplink {
    width:215px;
    height:275px;
    background:#e6ecf2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display:block;
    float:left;
    color:#667380;
    font-size:16px;
    text-align:center;
    margin-top:20px;
    font-family: 'Open Sans', sans-serif;
    position:relative;
    margin-right:35px
}
.hplink:hover {color:#667380;text-decoration:none}
.hplink img {margin-bottom:18px;}

.hplink .more {
    position:absolute;
    top:162px;
    display:none;
    left:0px;
    padding-top:10px;
    width:215px;
    height:61px;
    z-index:1000;
    color:#fff;
    text-align:center;
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    background: url(../images/hpomo.png) no-repeat left top;
}

.last {margin;right 0px}
#main-wrapper {
    box-sizing: border-box;
    min-height: 100%;
    position: relative;
    padding-bottom: 70px; /* vyska zapati + nejaka mezera */
}

#foot {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;background:#e6e6e6;
    width:100%;
    clear:both;
    height:70px;
    padding-top:30px;
    color: #667380;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

#foot-content {width:1000px;margin: 0 auto}

#head h1, #head h1 a {
    float: left;
    color: #fff;
    font-size: 24px;
}


#text {
    width:1000px;
    min-height: 400px;
}

#left {
    width: 195px;
    float: left;
}

#left ul {
    list-style-type: none;
}

#left ul li a, #left ul li span {
    text-decoration: none;
    color: #4c4c4c;
    display: block;

    .height-fs(30px, 12px);
}

#left > ul > li a:hover, #left > ul li.active a {
    color: #951d1d;
}

#left > ul > li > span {
    background: url("../images/@{theme}/menu-item-title.png") no-repeat;
    font-weight: bold;
    width: 145px;
    padding-left: 50px;
}

#left ul li ul li a {
    .height-fs(28px, 13px);
}

#left ul li ul li {
    padding-left: 15px;
    width: 180px;
    background: url(../images/menu-item.png) no-repeat;
}

#right {
    width: 1000px;
    float: left;
    margin: auto;
    margin-left: 20px;
	margin-top: 100px;

    a {
        color: @red;

        &:hover {
            text-decoration: none;
        }
    }
}

#right.right-gdpr
{
    width: 1145px !important;
}

#right-full {
    width: 740px;
    float: none;
    margin: auto;
}


#login_form {
    width: 300px;
    margin: 10px auto;
    padding: 80px;
    -moz-border-radius: 11px;
    -khtml-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 5px;
    -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    box-shadow: rgba(200,200,200,1) 0 4px 18px;
}

h2 {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif !important;
    padding-bottom: 25px;
    clear:both;
    padding-top:5px !important;
    margin-top:0px !important;
    width:100%;
    text-align:center;
    font-weight:300 !important
}

h3 {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif !important;
    padding-bottom: 5px;
    clear:both;
    padding-top:5px !important;
    width:100%;
    text-align:center;
    font-weight:300 !important
}

h4 {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif !important;
    padding-bottom: 5px;
    clear:both;
    padding-top:0px !important;

    width:100%;
    text-align:center;
    font-weight:300 !important
}

.center {
    text-align: center;
}

.vam { vertical-align: middle }

table table {
    margin:0!important;
}


#cats, #pips {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;border: 1px solid #ccc;border-collapse: initial;margin-bottom: 20px;
              margin-left: 210px;
              width: 602px;
              padding-left: 0px;}

#cats li.head span, #pips li.head span{float:right}
#cats li.head , #pips li.head {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    height: 30px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #fff;
    background: #23c4c8;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding:5px;
}

table.list {
    width: 100%;
    margin: auto;
    /* border: 1px solid silver;*/
    clear: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    
    border-spacing: 2px;
    border-collapse: separate;
}


table.list tbody tr td {
    font-size:14px;
    height: 40px;
    line-height:35px;
} 

table.list tr th {
    font-weight:normal

} 

table.list tr th a{color:black;font-weight:bold;text-decoration:underline}

table.list tr:first-child th:first-child{
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
}

table.list tr:first-child th:last-child{
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
}


table.list tbody tr:last-child td:first-child{
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}

table.list  tbody  tr:last-child td:last-child{
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}


table.list th {
    height: 25px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #fff;
    background: #23c4c8;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding:5px;
}

table.list th a {
    font-family: 'Open Sans', sans-serif;
    /*color: black;*/
    font-size: 12px;
}

table.list tr td a {color:#808080 !important;text-decoration:underline !important;}

table.list caption {
    margin: auto;
    margin-top: 15px;
    color: #778899;
    font-family: 'Open Sans', sans-serif;
    font-size: larger;
    font-weight: bold;
    padding-bottom: 5px;
}

table.list > tbody > tr {
    background: #f5f5f5;
}

.darker {
    background: #e8e8e8!important;
}

.trSelected {
    background: #ffe864;
}

table.list thead td {
    background: #23c4c8!important;
    color:#fff
}


table.list tbody tr:hover:not(.not_clickable) {
    background: #23c4c8!important;
    color:#fff
}

table.list tbody tr:hover  td a{
    color:#fff
}

td, #cats li {
    padding: 3px 5px;
    vertical-align:top
}

td.center {
    text-align: center;
}

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

td.route {
    width: 30%;
}

.red {color:#990000}
.redred {color:#FF0000}
.small {font-size:10px}
.smallblock {font-size:10px; margin-top: -5px; display: block;}
#frm-emailtextForm  input[type="text"],
#st1 input[type="text"], #st2 input[type="text"], #st3 input[type="text"], #frm-userForm input[type="text"] , #frm-userEditForm input[type="text"], select {margin-top:5px;width:600px}
input[type="file"], select {border: 1px solid silver;height: 35px;-webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;}
        
input[type="file"] {border:0px;float:left}        
#st1 textarea, #st2 textarea, #st3 textarea, #frm-userForm textarea, #frm-userEditForm textarea {margin-top:5px;width:600px;height:100px}
#st1 .btn , #st2 .btn , #st3 .btn  {width:550px} 

#cats, #pips {margin-bottom:20px;margin-left:210px}
#cats li, #pips li {list-style: none;border-top:1px solid #ccc;width:600px;padding:4px}
#cats li.head, #pips li.head{border:0px;}
#cats li:hover, #pips li:hover{background:#ccc}

td.order {
    width: 9%;
    text-align: center;
}

.editbut {
    float:right;display:block;margin-right:10px;color:#23C4C8;font-weight:bold;
}

.delbut {
    float:right;display:block;margin-right:10px;color:red;font-weight:bold
}

.kindtext {
    float:right;display:block;margin-right:30px;
}

input[type="text"], input[type="password"] {
    width: 250px;
    height: 35px;
    border:1px solid #e6ecf2;
    padding: 0 3px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

textarea {
    border:1px solid silver;
    padding: 0 3px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

}

label {color:#23c4c8;font-size:18px;font-family: 'Open Sans', sans-serif;padding-top:5px;}
.button {border:0px;background:#23c4c8;color:#fff;
         -webkit-border-radius: 6px;
         -moz-border-radius: 6px;
         border-radius: 6px;
         text-align:center;
         font-family: 'Open Sans', sans-serif;
         padding:10px 20px 10px 20px
}



strong label, form th {width:190px}

.button:hover {background:#808080;text-decoration:none;color:#fff}

.morebutton {border:0px;background:#23c4c8 url(../images/arrowright.png) no-repeat 105px 14px ;color:#fff;
             -webkit-border-radius: 6px;
             -moz-border-radius: 6px;
             width:140px;
             border-radius: 6px;
             text-align:center;
             font-family: 'Open Sans', sans-serif;
             padding:10px 40px 10px 20px;
             float:right;
             margin-top:20px;
}

.morebutton:hover {
    background:#808080 url(../images/arrowright.png) no-repeat 105px 14px ;
    text-decoration:none;color:#fff}

.morebutton:hover:disabled {
    background-color:#EEEEEE;
}

    
.morebutton3 {border:0px;background:#23c4c8 url(../images/arrowright.png) no-repeat 135px 14px ;color:#fff;
             -webkit-border-radius: 6px;
             -moz-border-radius: 6px;
             width:170px;
             border-radius: 6px;
             text-align:center;
             font-family: 'Open Sans', sans-serif;
             padding:10px 40px 10px 20px;
             float:right;
             margin-top:20px;
}

.morebutton3:hover {
    background:#808080 url(../images/arrowright.png) no-repeat 135px 14px ;
    text-decoration:none;color:#fff}    

#subcat,#subpip, #nahled {border:0px;background:#23c4c8;color:#fff;
                          -webkit-border-radius: 6px;
                          -moz-border-radius: 6px;
                          border-radius: 6px;
                          text-align:center;
                          font-family: 'Open Sans', sans-serif;
                          padding:5px 10px 5px 10px;
                          float:right;

}

#subpip:hover, #nahled:hover {
    background:#808080;
    text-decoration:none;color:#fff}



.prevbutton {border:0px;background:#808080 url(../images/arrowleft.png) no-repeat 10px 14px ;color:#fff;
             -webkit-border-radius: 6px;
             -moz-border-radius: 6px;
             border-radius: 6px;
             text-align:center;
             font-family: 'Open Sans', sans-serif;
             padding:10px 20px 10px 40px;
             float:right;
             margin-top:20px;
}

.prevbutton:hover {
    background:#23c4c8 url(../images/arrowleft.png) no-repeat 10px 14px ;
    text-decoration:none;color:#fff}

.cancelbutton { background-color: #808080; }
.cancelbutton:hover { background-color: #23c4c8; }

select {
    /*height: 22px;*/
}

#rtlogo {
    display: block;
    float: right;
    width: 82px;
    height: 32px;
    background: url(../images/rtsoft.png) no-repeat;
    margin-top: -35px;
}

#rtlogo:hover {
    background-position: 0 -32px;
}

#add {
    display: block;
    background: url(../images/add_16.png) no-repeat;
    padding-left: 22px;
    margin-bottom: 10px;
    height: 16px;
    padding-top: 1px;
}

.paginator {
    text-align: center;
    font-weight: bold;
}

h3, table {
    margin-bottom: 20px!important;
}

table {
    border-collapse: separate;
}

/*.ui-widget strong {
    line-height: 1.3;
}*/

thead form input[type="submit"] {
    padding: 3px;
}

form tbody th {
    //text-align: left;
}

table.form th, div.form th {
    text-align: left;
}

form tr.filter input {
    margin-right: 0;
    text-align: center;
}

form tr.filter td {
    text-align: center;
}



input[type="text"], input[type="password"] {
    /*border-radius: 3px;*/
    border: 1px solid silver;
    /*padding: .3em;*/
    margin-right: .5em;
}

ul.error
{ 
    margin-bottom: 20px;
}
ul.error  li {
    font-weight: bold;
    list-style:none
}

.icon {
    margin-top:10px;
    width: 16px;
    height: 16px;
    float: left;
    display: block;
    margin-right: 5px;
}

.icon:hover {
    background-color: transparent;
}

.icon-edit {
    background-image: url("../images/edit.png");
}

.icon-stats {
    background-image: url("../images/stats.png") ;
    width: 20px;
    height: 20px;
    margin-top: 7px;
}

.icon-duplicate {
    background-image: url("../images/duplicate.png");
}

.icon-text-edit {
    background-image: url("../images/text_edit_16.png");
}

.icon-delete, .icon-delete2 {
    background-image: url("../images/delete.png");
}

.icon-pdf {
    background-image: url("../images/pdf_16.png");
}

.icon-add {
    background: url("../images/add.png") left no-repeat;
    /*padding-left: 20px;
    display:block;
    width: 100%;*/
}

.actions3 {
    width: 100px;
}

.block-actions2 {
    width: 45px;
    margin: auto;
}

.block-actions3 {
    /*width: 68px;*/
    width:80px;
    margin: auto;
}

/*** Flash messages ***/
div.flash, ul.error {
    padding: .8em;
    margin-bottom: 1em;
    border: 1px solid #ddd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

div.flash.success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}

div.flash.info {
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}

div.flash.error, ul.error {
    background: #FCD7D8;
    color: #8a1f11;
    border-color: #ED1C24;
}

#snippet--flashMessages {
    position: fixed;
    top: 150px;
    left:0;
    right:0;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    z-index: 99999;
}

#snippet--flashMessages .flash-close {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: white;
    display: block;
    text-align: center;
    text-decoration: none;
    position: absolute;
    margin-left: 474px;
    margin-top: -25px;
}

div.flash.success .flash-close {
    background-color: #C6D880;
}

div.flash.info .flash-close {
    background-color: #FFD324;
}

div.flash.error .flash-close {
    background-color: #ED1C24;
}

fieldset {
    padding-top: 10px;
    border: 1px solid silver;

    legend {
        margin-left: 10px;
        padding: 0 5px;
    }
}

.handle {
    cursor: pointer;
}

.clear {
    clear: both;
}

.done {
    background: #c5e87e!important;
}

.short {
    width: 35px!important;
}

.middle {
    width: 50px!important;
    margin: 0!important;
}

.tr-red td {
    background: #e27171;
}

.tr-green td {
    background: #b4d15d;
}

a.tdn {
    text-decoration: none;
}



.icon-detail {
    background-image: url("../images/detail.png");
}

tr.highlight td {
    background: #d8c25c;
}

.list thead td input[type="text"], .wide-inputs td input[type="text"] {
    width: 96%;
}

.bold {
    font-weight: bold;
}

table tr:hover td {backgorund:#e6ecf2}

#st1, #st2, #st3 {
    /*width:940px*/
}

.operations {
    height: 90px;
    background: #dae0e6;
    padding: 20px 10px 10px 10px;
    color: #667380;
}

.smaller{
    font-size:11px
}

#frmform-filter-filter, #frmcampaignFilterForm-filter, #frmqueueNotSentFilter-filter_filter, #frmform-filter-cancel
{
    width:85px;padding:5px;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:0px;
    height: 35px;
    line-height: 20px;
    background: #808080;
    color:#fff;
}

 #frmform-filter-cancel {margin-top:5px;bacground:#a6a6a6}
 
#frmcampaignFilterForm-filter:hover, #frmform-filter-filter:hover {
    background: #fff;
    text-decoration:none !important;
    color:#808080 !important;
   
} 


.operations a.butt:hover
{
    background: #23c4c8;
    text-decoration:none !important;
    color:#fff !important;

}

form table tr td:first-child{width:200px}
form table.list tr td:first-child{width:auto}

table.list:not(.not_alternating) > tbody > tr:nth-child(even) td {
    background: #e8e8e8;
}

table.list > tbody > tr:nth-child(even):hover:not(.not_clickable) td {
    background: #23C4C8;
}

table.list.white tr td {
    background: #ffffff !important;
}


tfoot tr, tfoot tr td, tfoot tr th, tfoot th {webkit-border-top-right-radius: 0px !important;text-align:center;padding-top:20px !important;
                                              -moz-border-radius-topright: 0px !important;
                                              border-top-right-radius: 0px !important;;
                                              background:transparent !important;
}

tfoot tr:hover, tfoot tr td:hover, tfoot tr th:hover, tfoot th:hover {background:transparent !important}

.grid-paginator a, .grid-paginator span{ 
    padding:10px 15px;
    background:#dae0e6;
    color:#808080;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin-right:10px;
    border-radius: 6px;
    font-size:12px;
}

.grid-paginator span {color:#888888}
.grid-paginator a:hover{background:#23c4c8;color:#fff;text-decoration:none}

.krokpipelinegreen, .krokpipeline, .krokpipelinelist {width:550px;min-height:85px;margin:0 auto;}
.krok1pipeline{width:69px;margin-right:1px;height:85px;background:#dae0e6;font-size:24px;color:#7a8a99;text-align:center;line-height:40px;float:left;
               -webkit-border-top-left-radius: 6px;
               -webkit-border-bottom-left-radius: 6px;
               -moz-border-radius-topleft: 6px;
               -moz-border-radius-bottomleft: 6px;
               border-top-left-radius: 6px;
               border-bottom-left-radius: 6px;

}

.krok2pipeline{width:394px;margin-right:1px; height:85px;background:#dae0e6;font-size:18px;color:#7a8a99;text-align:center;position:relative;float:left;}
.krok2pipeline .title {position:absolute;left:30px;top:17px}
.krok2pipeline .doruceno {position:absolute;left:30px;top:50px;font-size:14px}
.krok2pipeline .progresbar {position:absolute;left:180px;top:55px;width:190px; /* kdyz se zmeni width, nutne upravit take v Pipeline/detail.latte!!! */ height:10px;background:#fff}
.krok2pipeline .progresbar > div { background-color: #23C4C8; height: 4px; margin-top: 3px; }

.krokpipelinegreen .krok1pipeline, .krokpipelinegreen .krok2pipeline, .krokpipelinegreen .krok3pipeline {background:#a2ed96}    


.krok3pipeline{width:85px; height:85px;background:#dae0e6;font-size:18px;color:#7a8a99;text-align:center;position:relative;float:left;
               -webkit-border-top-right-radius: 6px;
               -webkit-border-bottom-right-radius: 6px;
               -moz-border-radius-topright: 6px;
               -moz-border-radius-bottomright: 6px;
               border-top-right-radius: 6px;
               border-bottom-right-radius: 6px;
}


.krok3pipeline img {margin-top:30px}

.pipedate { float: right; margin-right: 50px; }

.arrowdown{width:550px;height:85px;margin:0 auto;text-align:center;position:relative}
.arrowdown img {margin-top:30px;}

#frm-userFilterForm {margin-bottom:0px}
#frm-userOperationsForm,#frm-companyOperationsForm{margin-top:-20px;}

.list input[type=checkbox] {
    margin: 9px 0 0 2px;
}

#more {width:200px;float:right;margin-right:20px;background-image:url(../images/arrowd.png);background-repeat:no-repeat;background-position:178px 17px}
.arru{background-image:url(../images/arrowu.png) !important;}

#more:hover {text-decoration:none;color:#fff}
#moreinformations {display:none}

table#tableQueueNotSentFilter thead tr:first-child td:first-child { border-top-left-radius:     6px  }
table#tableQueueNotSentFilter thead tr:first-child td:last-child  { border-top-right-radius:    6px; border-bottom-right-radius: 6px; }
table#tableQueueNotSentFilter thead tr:last-child  td:first-child { border-bottom-left-radius:  6px  }
table#tableQueueNotSentFilter thead tr:last-child  td:last-child  { border-bottom-right-radius: 6px; }

.pipelinehelp
{
   position: absolute;
   margin-left:  800px;
   margin-top: 30px;
}

.krok2pipeline .title
{
    white-space: nowrap;
    overflow: hidden;
    width: 350px;
}

.help {font-size:16px;width:150px;float:right;margin-top:-90px;margin-bottom:20px;}
.obal {visibility:hidden;position:absolute;left:-999999px}

.nomt {margin-top:0px}

.filter_items_count
{
    text-align: center;
    margin-left: 150px;
    margin-top: -15px;
}

.videolink {
  display:block;
  font-size:18px;
  color:#fff;
  background:#760300 url(../images/arrowvideo.png) no-repeat 125px center;
  width: 128px !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  float:right;margin-top:-75px;margin-right:45px;margin-bottom:20px;
  width:150px !important;
  padding:5px 30px 5px 10px
}

.videolink:hover {
background:#3a3a3a url(../images/arrowvideo.png) no-repeat 125px center;
color:#fff;
text-decoration:none
}
.notvisible{display:none}

#fixfooter {width:1000px;position:fixed;bottom:0px;text-align:center;font-family: 'Open Sans', sans-serif;font-size: 16px;color: #667380 !important;line-height:40px;;background: #dae0e6;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
#fixfooter a {font-size: 16px;color: #667380 !important;}


#frm-detailSendingEmailsDataGrid-form select#frmform-filter-filterType {
    width: 100px;
}

.btn-info {background:#23c4c8 !important}
.btn-info:hover {background:#808080 !important}

.link-wrapper {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

.link-wrapper .videolink {
    position: absolute;
    right: 0;
    display: inline;
    margin: 0;
    margin-right: 45px;
}

#modal-loader {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 43% 
                no-repeat;
}

#modal-loader .table
{
    display: table;
    height: 100%;
    width: 100%;
}

#modal-loader div {
    display: table-cell;
    color: black;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

#version_in_header
{
    position: absolute;
    color: red;
    margin-top: 32px;
    margin-left: 52px;
    font-weight: bold;
}

#ajax-spinner
{
    background: whitesmoke url('../img/spinner.gif') no-repeat 50% 50%;
    bottom: 45%;
    display: none;
    font-size: 0;
    left: 45%;
    margin: 15px 0 0 15px;
    padding: 13px;
    position: absolute;
    right: 45%;
    top: 45%;
    z-index: 123456;
}

table.list.not_alternating.white tbody tr:hover td a
{
    color: #808080 !important;
}
/* Scroll + skok nahoru */
.scrollToTop
{
	opacity: 0;

	position: fixed;
	bottom: 80px;			/* Aby se sipka "udrzela" nad patickou */
	margin-left: -16px;
}
i.tt
{
	display: inline-block;
	width: 32px;
	height: 32px;
}
i.tt-arrow-up
{
	background: url(../images/arrow-to-up.png) no-repeat left top;
	cursor: pointer;
}

/* !!! POZOR: Chrome potrebuje spodni hranici, jinak se nechyta !!! */
@media (min-width: 0px) and (max-width: 1050px)
{
	.scrollToTop
	{
		margin-left: 0px;
	}
}